Repository: front/g-editor Branch: master Commit: acf8d8793f53 Files: 135 Total size: 10.4 MB Directory structure: gitextract_54f2y3op/ ├── .eslintignore ├── .eslintrc ├── .gitignore ├── CHANGELOG.md ├── LICENSE ├── README.md ├── config/ │ ├── block-vars.js │ ├── env.js │ ├── gutenberg/ │ │ ├── README.md │ │ ├── assets-queue.js │ │ ├── index.js │ │ ├── scripts.json │ │ ├── styles.json │ │ ├── update.sh │ │ └── vendor.json │ ├── jest/ │ │ ├── cssTransform.js │ │ └── fileTransform.js │ ├── paths.js │ ├── webpack.config.dev.js │ ├── webpack.config.prod.js │ └── webpackDevServer.config.js ├── g-scripts.txt ├── g-styles.txt ├── package.json ├── public/ │ ├── index.html │ ├── manifest.json │ └── vendor/ │ ├── g-data.js │ ├── gutenberg/ │ │ ├── styles/ │ │ │ ├── wp-block-directory/ │ │ │ │ ├── style-rtl.css │ │ │ │ └── style.css │ │ │ ├── wp-block-editor/ │ │ │ │ ├── style-rtl.css │ │ │ │ └── style.css │ │ │ ├── wp-block-library/ │ │ │ │ ├── editor-rtl.css │ │ │ │ ├── editor.css │ │ │ │ ├── style-rtl.css │ │ │ │ ├── style.css │ │ │ │ ├── theme-rtl.css │ │ │ │ └── theme.css │ │ │ ├── wp-components/ │ │ │ │ ├── style-rtl.css │ │ │ │ └── style.css │ │ │ ├── wp-edit-post/ │ │ │ │ ├── style-rtl.css │ │ │ │ └── style.css │ │ │ ├── wp-editor/ │ │ │ │ ├── editor-styles-rtl.css │ │ │ │ ├── editor-styles.css │ │ │ │ ├── style-rtl.css │ │ │ │ └── style.css │ │ │ ├── wp-format-library/ │ │ │ │ ├── style-rtl.css │ │ │ │ └── style.css │ │ │ ├── wp-list-reusable-blocks/ │ │ │ │ ├── style-rtl.css │ │ │ │ └── style.css │ │ │ └── wp-nux/ │ │ │ ├── style-rtl.css │ │ │ └── style.css │ │ ├── vendor/ │ │ │ ├── lodash.js │ │ │ ├── moment.js │ │ │ ├── react-dom.js │ │ │ ├── react.js │ │ │ ├── wp-polyfill-dom-rect.js │ │ │ ├── wp-polyfill-element-closest.js │ │ │ ├── wp-polyfill-fetch.js │ │ │ ├── wp-polyfill-formdata.js │ │ │ ├── wp-polyfill-node-contains.js │ │ │ ├── wp-polyfill-url.js │ │ │ └── wp-polyfill.js │ │ ├── wp-a11y.js │ │ ├── wp-annotations.js │ │ ├── wp-api-fetch.js │ │ ├── wp-autop.js │ │ ├── wp-blob.js │ │ ├── wp-block-directory.js │ │ ├── wp-block-editor.js │ │ ├── wp-block-library.js │ │ ├── wp-block-serialization-default-parser.js │ │ ├── wp-blocks.js │ │ ├── wp-components.js │ │ ├── wp-compose.js │ │ ├── wp-core-data.js │ │ ├── wp-data-controls.js │ │ ├── wp-data.js │ │ ├── wp-date.js │ │ ├── wp-deprecated.js │ │ ├── wp-dom-ready.js │ │ ├── wp-dom.js │ │ ├── wp-edit-post.js │ │ ├── wp-editor.js │ │ ├── wp-element.js │ │ ├── wp-escape-html.js │ │ ├── wp-format-library.js │ │ ├── wp-hooks.js │ │ ├── wp-html-entities.js │ │ ├── wp-i18n.js │ │ ├── wp-is-shallow-equal.js │ │ ├── wp-keyboard-shortcuts.js │ │ ├── wp-keycodes.js │ │ ├── wp-list-reusable-blocks.js │ │ ├── wp-media-utils.js │ │ ├── wp-notices.js │ │ ├── wp-nux.js │ │ ├── wp-plugins.js │ │ ├── wp-primitives.js │ │ ├── wp-priority-queue.js │ │ ├── wp-redux-routine.js │ │ ├── wp-rich-text.js │ │ ├── wp-server-side-render.js │ │ ├── wp-shortcode.js │ │ ├── wp-token-list.js │ │ ├── wp-url.js │ │ ├── wp-viewport.js │ │ ├── wp-warning.js │ │ └── wp-wordcount.js │ └── no-conflict.js ├── scripts/ │ ├── build.js │ ├── g-scripts.js │ ├── g-update.js │ ├── start.js │ └── test.js └── src/ ├── core/ │ ├── api-fetch.js │ ├── index.js │ ├── media-library.scss │ ├── media-upload.js │ ├── settings.js │ └── style.scss ├── data/ │ ├── categories.json │ ├── taxonomies.json │ ├── themes.json │ ├── types.json │ └── users.json ├── globals/ │ ├── api-fetch.js │ ├── api-routes.js │ ├── embeds.js │ ├── fake-data.js │ └── fake-media.js ├── index.js ├── pages/ │ ├── editor.js │ ├── editor.scss │ └── preview.js └── serviceWorker.js ================================================ FILE CONTENTS ================================================ ================================================ FILE: .eslintignore ================================================ build/* config/* node_modules/* public/vendor/* scripts/* src/serviceWorker.js ================================================ FILE: .eslintrc ================================================ { "parser": "babel-eslint", "extends": [ "eslint:recommended", "plugin:react/recommended" ], "env": { "browser": false, "es6": true, "node": true }, "parserOptions": { "sourceType": "module", "ecmaFeatures": { "jsx": true } }, "globals": { "window": true, "document": true, "localStorage": true, "sessionStorage": true, "React": true, "ReactDOM": true, "fetch": true }, "plugins": [ "react" ], "settings": { "react": { "pragma": "React", "version": "16.0" } }, "rules": { "arrow-parens": ["warn", "as-needed"], "arrow-spacing": "warn", "block-scoped-var": "warn", "brace-style": [ "warn", "stroustrup", { "allowSingleLine": true }], "comma-dangle": [ "warn", "always-multiline" ], "comma-spacing": "warn", "comma-style": "warn", "curly": "warn", "dot-notation": "warn", "eol-last": "error", "eqeqeq": "warn", "func-call-spacing": [ "warn", "never" ], "func-style": [ "error", "declaration", { "allowArrowFunctions": true }], "generator-star-spacing": "warn", "indent": [ "warn", 2, { "MemberExpression": 0, "SwitchCase": 1 }], "jsx-quotes": "error", "new-parens": "error", "no-caller": "error", "no-console": "off", "no-duplicate-imports": "error", "no-else-return": "warn", "no-eval": "error", "no-extra-label": "warn", "no-floating-decimal": "warn", "no-lonely-if": "warn", "no-mixed-operators": "warn", "no-multi-str": "error", "no-negated-in-lhs": "warn", "no-shadow": "warn", "no-undef-init": "error", "no-unused-expressions": "error", "no-useless-computed-key": "warn", "no-useless-constructor": "warn", "no-useless-rename": "warn", "no-useless-return": "warn", "no-var": "error", "no-whitespace-before-property": "warn", "object-curly-spacing": [ "error", "always" ], "prefer-const": "warn", "prefer-rest-params": "warn", "quote-props": [ "error", "as-needed" ], "quotes": [ "warn", "single", { "allowTemplateLiterals": true }], "rest-spread-spacing": ["warn", "never"], "semi-spacing": "warn", "semi-style": [ "warn", "last" ], "semi": [ "error", "always" ], "space-before-blocks": "warn", "space-before-function-paren": "warn", "space-infix-ops": "warn", "space-in-parens": ["warn", "never"], "spaced-comment": ["warn", "always"], "template-curly-spacing": "warn", "yield-star-spacing": "warn", "valid-jsdoc": ["warn", { "requireReturn": false, "requireReturnDescription": false, "requireParamDescription": false }], "react/display-name": "off", "react/jsx-curly-spacing": "off", "react/jsx-equals-spacing": "error", "react/jsx-indent": [ "warn", 2 ], "react/jsx-indent-props": [ "warn", 2 ], "react/jsx-key": "error", "react/jsx-uses-react": "error", "react/jsx-uses-vars": "error", "react/jsx-tag-spacing": "warn", "react/no-children-prop": "off", "react/no-find-dom-node": "warn", "react/no-unescaped-entities": "off", "react/prop-types": "off" } } ================================================ FILE: .gitignore ================================================ # See https://help.github.com/ignore-files/ for more about ignoring files. # dependencies /node_modules # testing /coverage # production /build # temporary files /tmp # misc .DS_Store .env.local .env.development.local .env.test.local .env.production.local npm-debug.log* yarn-debug.log* yarn-error.log* package-lock.json yarn.lock *.php ================================================ FILE: CHANGELOG.md ================================================ # g-editor changelog ## 1.3.0 ### Added - Read block config from the gutenbergCloud settings (if present) ### Changed - Update Gutenberg to latest version (6.1.1) ## 1.2.0 ### Added - Support for frontend scripts ### Changed - Fixed default public URL on production build ## 1.1.0 ### Added - Allow a target build folder to be set with an environment var ### Changed - Only send essential folders to NPM ## 1.0.0 ### Changed - Removed Gutenberg-JS dependency - Added scripts from Gutenberg-js - Load Gutenberg packages directly ## 0.4.0 ### Added - Added fake data for taxonomies, categories and users. - Added button to clear local storage manually instead of clearing on bootup. - Implemented basic image upload to memory. - Added changelog. ### Changed - Updated Gutenberg-JS dependency to the latest version (4.0.0). - Local storage is no longer cleared on bootup. This makes it possible to test blocks that were pre-saved for consistency and deprecated markup. - Refactored API Fetch function to cover more WP API Endpoints. ================================================ FILE: LICENSE ================================================ MIT License Copyright (c) 2018 Frontkom Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ================================================ FILE: README.md ================================================ # g-editor A minimalist version of Gutenberg's editor. Ideal for checking your custom blocks. ``` bash npm install @frontkom/g-editor npm start ``` You can include your custom block by passing its path in `BLOCK_DIR` env var. ``` bash BLOCK_DIR=\absolute\path\to\your-custom-block npm start ``` The editor expects that your custom block has an `index.js` and a `style.css` in its `build` folder. ``` your-custom-block ├── ... ├── build │ ├── index.js │ └── style.css └── ... ``` ## g-editor and Gutenberg-js Since version 1.0, `g-editor` no longer depends on `Gutenberg-js`. It now includes the source `Gutenberg` packages directly. ## Current Gutenberg version [v8.5.1](https://github.com/WordPress/gutenberg/releases/tag/v8.5.1) ### Better updates To update Gutenberg packages, run ``` npm run g-update ``` It will pull to your local machine from the WordPress repo the Gutenberg packages assets ready to use. After copy those assets to `public/vendor/gutenberg`, the script will generate `g-scripts.txt` and `g-styles.txt` files with all the depencies the editor needs to run. ## Assets The sample videos are a courtesy of [Pixabay](https://pixabay.com/): * [https://pixabay.com/en/videos/cute-cat-funny-cat-kitten-domestic-3092/](https://pixabay.com/en/videos/cute-cat-funny-cat-kitten-domestic-3092/) * [https://pixabay.com/en/videos/cat-cat-thailand-small-indian-civet-1297/](https://pixabay.com/en/videos/cat-cat-thailand-small-indian-civet-1297/) ================================================ FILE: config/block-vars.js ================================================ 'use strict'; const fs = require('fs'); const path = require('path'); const blockDir = process.env.BLOCK_DIR || false; module.exports = function getBlockVars () { // Check if a directory was passed as an env var if(!blockDir || !fs.lstatSync(blockDir).isDirectory()) { return {}; } // Extract the content of a file as a string const getFileContents = file => fs.existsSync(file) && fs.lstatSync(file).isFile() ? fs.readFileSync(file).toString() : undefined; // Read the block config (if exists) const blockPkg = getFileContents(path.resolve(blockDir, 'package.json')); const config = blockPkg && JSON.parse(blockPkg).gutenbergCloud; // Extract the file name from the block config or set a default function getFileName (name, oldName, defName) { const file = config && (config[name] || config[oldName]); return file ? path.resolve(blockDir, file) : path.resolve(blockDir, 'build', defName); } // Get the file names to be loaded const editorJs = getFileName('editor-js', 'js', 'index.js'); const viewCss = getFileName('view-css', 'css', 'style.css'); const editorCss = getFileName('editor-css', 'editor', 'editor.css'); const viewJs = getFileName('view-js', 'scripts', 'scripts.js'); // Load the block files const blockVars = {}; blockVars.blockScript = getFileContents(editorJs); blockVars.blockStyle = getFileContents(viewCss); blockVars.blockEditorStyle = getFileContents(editorCss); const blockViewScript = getFileContents(viewJs); blockVars.blockViewScript = blockViewScript && Buffer.from(blockViewScript).toString('base64'); return blockVars; }; ================================================ FILE: config/env.js ================================================ 'use strict'; const fs = require('fs'); const path = require('path'); const paths = require('./paths'); // Make sure that including paths.js after env.js will read .env variables. delete require.cache[require.resolve('./paths')]; const NODE_ENV = process.env.NODE_ENV; if (!NODE_ENV) { throw new Error( 'The NODE_ENV environment variable is required but was not specified.' ); } // https://github.com/bkeepers/dotenv#what-other-env-files-can-i-use var dotenvFiles = [ `${paths.dotenv}.${NODE_ENV}.local`, `${paths.dotenv}.${NODE_ENV}`, // Don't include `.env.local` for `test` environment // since normally you expect tests to produce the same // results for everyone NODE_ENV !== 'test' && `${paths.dotenv}.local`, paths.dotenv, ].filter(Boolean); // Load environment variables from .env* files. Suppress warnings using silent // if this file is missing. dotenv will never modify any environment variables // that have already been set. Variable expansion is supported in .env files. // https://github.com/motdotla/dotenv // https://github.com/motdotla/dotenv-expand dotenvFiles.forEach(dotenvFile => { if (fs.existsSync(dotenvFile)) { require('dotenv-expand')( require('dotenv').config({ path: dotenvFile, }) ); } }); // We support resolving modules according to `NODE_PATH`. // This lets you use absolute paths in imports inside large monorepos: // https://github.com/facebook/create-react-app/issues/253. // It works similar to `NODE_PATH` in Node itself: // https://nodejs.org/api/modules.html#modules_loading_from_the_global_folders // Note that unlike in Node, only *relative* paths from `NODE_PATH` are honored. // Otherwise, we risk importing Node.js core modules into an app instead of Webpack shims. // https://github.com/facebook/create-react-app/issues/1023#issuecomment-265344421 // We also resolve them to make sure all tools using them work consistently. const appDirectory = fs.realpathSync(process.cwd()); process.env.NODE_PATH = (process.env.NODE_PATH || '') .split(path.delimiter) .filter(folder => folder && !path.isAbsolute(folder)) .map(folder => path.resolve(appDirectory, folder)) .join(path.delimiter); // Grab NODE_ENV and REACT_APP_* environment variables and prepare them to be // injected into the application via DefinePlugin in Webpack configuration. const REACT_APP = /^REACT_APP_/i; function getClientEnvironment(publicUrl) { const raw = Object.keys(process.env) .filter(key => REACT_APP.test(key)) .reduce( (env, key) => { env[key] = process.env[key]; return env; }, { // Useful for determining whether we’re running in production mode. // Most importantly, it switches React into the correct mode. NODE_ENV: process.env.NODE_ENV || 'development', // Useful for resolving the correct path to static assets in `public`. // For example, . // This should only be used as an escape hatch. Normally you would put // images into the `src` and `import` them in code to get their paths. PUBLIC_URL: publicUrl, } ); // Stringify all values so we can feed into Webpack DefinePlugin const stringified = { 'process.env': Object.keys(raw).reduce((env, key) => { env[key] = JSON.stringify(raw[key]); return env; }, {}), }; return { raw, stringified }; } module.exports = getClientEnvironment; ================================================ FILE: config/gutenberg/README.md ================================================ # Gutenberg helpers ## Vendor scripts https://github.com/WordPress/WordPress/blob/master/wp-includes/script-loader.php#L81 ## Gutenberg styles https://github.com/WordPress/WordPress/blob/master/wp-includes/script-loader.php#L1815; ================================================ FILE: config/gutenberg/assets-queue.js ================================================ module.exports = function AssetsQueue () { // Assets list and their dependencies // ex: { 'a': ['b', 'c', 'd'] , 'b': ['c'], 'c': [], 'd': ['b', 'c'] } const assetsList = []; // List of assets paths // ex: { 'a': './path/to/..' , 'b': '...', 'c': '...', 'c': '...' } const pathsList = []; // List of sorted assets // ex: ['c', 'b', 'd', 'a'] const sortedList = []; // Sorts assest list according their dependencies const sortList = list => { list.forEach(item => { if (assetsList[item] && assetsList[item].length) { sortList(assetsList[item]); } if (!sortedList.includes(item)) { sortedList.push(item); } }); }; return { enqueue: (name, path, deps) => { // Add asset to the assets list assetsList[name] = deps; // Add assest's path to the paths list pathsList[name] = path; }, getPaths: () => { // Sorting assets sortList(Object.keys(assetsList)); return sortedList.map(asset => ({ name: asset, path: pathsList[asset], })); }, }; }; ================================================ FILE: config/gutenberg/index.js ================================================ 'use strict'; const AssetsQueue = require('./assets-queue.js'); const vendorScripts = require('./vendor.json'); const gutenbergScripts = require('./scripts.json'); const gutenbergStyles = require('./styles.json'); const vendorFolder = './public/vendor'; const gutenbergFolder = vendorFolder + '/gutenberg'; module.exports = function getGutenbergAssets () { const depsScripts = new AssetsQueue(); const depsStyles = new AssetsQueue(); // Enqueue vendor js for (const script in vendorScripts) { depsScripts.enqueue(script, gutenbergFolder + '/vendor/' + script + '.min.js', vendorScripts[script]); } // Enqueue local js depsScripts.enqueue('no-conflict', vendorFolder + '/no-conflict.js', ['lodash']); depsScripts.enqueue('g-data', vendorFolder + '/g-data.js', ['wp-data']); // Enqueue wp-packages js for (const script in gutenbergScripts) { // depsScripts.enqueue(script, // gutenbergFolder + '/' + script + '.min.js', // gutenbergScripts[script]); const name = 'wp-' + script.replace('.js', ''); // console.log(name); // console.log(gutenbergFolder + '/' + name + '.min.js'); // console.log(gutenbergScripts[script].dependencies); depsScripts.enqueue(name, gutenbergFolder + '/' + name + '.min.js', gutenbergScripts[script].dependencies); } // Enqueue style depsStyles.enqueue('wp-block-library-theme', gutenbergFolder + '/styles/wp-block-library/theme.min.css', []); depsStyles.enqueue('wp-edit-blocks', gutenbergFolder + '/styles/wp-block-library/editor.min.css', ['wp-components', 'wp-editor', 'wp-block-library', 'wp-block-library-theme']); for (const style in gutenbergStyles) { const name = `wp-${style}`; depsStyles.enqueue(name, gutenbergFolder + '/styles/' + name + '/style.min.css', gutenbergStyles[style]); } // console.log(depsScripts.getPaths()); return { scripts: depsScripts.getPaths(), styles: depsStyles.getPaths(), }; }; ================================================ FILE: config/gutenberg/scripts.json ================================================ {"a11y.js":{"dependencies":["wp-dom-ready","wp-i18n","wp-polyfill"],"version":"ea68781de7874fd1881fcecad3cf7aae"},"annotations.js":{"dependencies":["lodash","wp-data","wp-hooks","wp-i18n","wp-polyfill","wp-rich-text"],"version":"3c4abc48a6768f9a051a57d2e14a418a"},"api-fetch.js":{"dependencies":["wp-i18n","wp-polyfill","wp-url"],"version":"1ab98b16a2f2c9c50be5e27ed5fc555c"},"autop.js":{"dependencies":["wp-polyfill"],"version":"0b9bcc5c6fd3170df7c7181a802cbc16"},"blob.js":{"dependencies":["wp-polyfill"],"version":"5f0b4dd5b367c7c02cce65eb4fa12c72"},"block-directory.js":{"dependencies":["lodash","wp-block-editor","wp-blocks","wp-components","wp-compose","wp-data","wp-data-controls","wp-edit-post","wp-element","wp-i18n","wp-notices","wp-plugins","wp-polyfill","wp-primitives","wp-url"],"version":"2add38c5494040c7ab8906c7b1a38308"},"block-editor.js":{"dependencies":["lodash","react","wp-a11y","wp-blob","wp-blocks","wp-components","wp-compose","wp-data","wp-deprecated","wp-dom","wp-element","wp-hooks","wp-html-entities","wp-i18n","wp-is-shallow-equal","wp-keyboard-shortcuts","wp-keycodes","wp-notices","wp-polyfill","wp-primitives","wp-rich-text","wp-shortcode","wp-token-list","wp-url","wp-viewport","wp-wordcount"],"version":"3b3db5349cf13939fabf2938f45b46e7"},"block-library.js":{"dependencies":["lodash","moment","react","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-element","wp-escape-html","wp-i18n","wp-keycodes","wp-notices","wp-polyfill","wp-primitives","wp-rich-text","wp-server-side-render","wp-url","wp-viewport"],"version":"028ea8791ca0514fed6876f5a2dd9708"},"block-serialization-default-parser.js":{"dependencies":["wp-polyfill"],"version":"3e44cb6ae058219e6ac366b8ec737266"},"blocks.js":{"dependencies":["lodash","wp-autop","wp-blob","wp-block-serialization-default-parser","wp-compose","wp-data","wp-dom","wp-element","wp-hooks","wp-html-entities","wp-i18n","wp-is-shallow-equal","wp-polyfill","wp-primitives","wp-shortcode"],"version":"dd9e45c10504c7aa13b5502738db5e25"},"components.js":{"dependencies":["lodash","moment","react","wp-a11y","wp-compose","wp-deprecated","wp-dom","wp-element","wp-hooks","wp-i18n","wp-is-shallow-equal","wp-keycodes","wp-polyfill","wp-primitives","wp-rich-text","wp-warning"],"version":"4e70d36b413faa6cb4868dd710f9fc74"},"compose.js":{"dependencies":["lodash","react","wp-element","wp-is-shallow-equal","wp-polyfill","wp-priority-queue"],"version":"3c567f3573f87869b12a660ea2dbd08f"},"core-data.js":{"dependencies":["lodash","wp-api-fetch","wp-blocks","wp-data","wp-data-controls","wp-deprecated","wp-element","wp-i18n","wp-is-shallow-equal","wp-polyfill","wp-url"],"version":"32c30471858359a206e1d97f0307536f"},"data.js":{"dependencies":["lodash","react","wp-compose","wp-deprecated","wp-element","wp-is-shallow-equal","wp-polyfill","wp-priority-queue","wp-redux-routine"],"version":"9ad3e1bf6bd127718d32ceab7088da98"},"data-controls.js":{"dependencies":["wp-api-fetch","wp-data","wp-polyfill"],"version":"a5b2dfa138f7af7d012e98a93ad5894b"},"date.js":{"dependencies":["moment","wp-polyfill"],"version":"d49d104186028982f7565cd44ec1e533"},"deprecated.js":{"dependencies":["wp-hooks","wp-polyfill"],"version":"9852e99a621527ba8bddd61a6724fa9b"},"dom.js":{"dependencies":["lodash","wp-polyfill"],"version":"3ad0f41518dc0785a5819e281d7a71ed"},"dom-ready.js":{"dependencies":["wp-polyfill"],"version":"36f50e6359d5b602a4986a4d4bbd7d00"},"edit-post.js":{"dependencies":["lodash","wp-a11y","wp-api-fetch","wp-block-editor","wp-block-library","wp-blocks","wp-components","wp-compose","wp-core-data","wp-data","wp-data-controls","wp-editor","wp-element","wp-hooks","wp-i18n","wp-keyboard-shortcuts","wp-keycodes","wp-media-utils","wp-notices","wp-plugins","wp-polyfill","wp-primitives","wp-url","wp-viewport","wp-warning"],"version":"0647dd5906e3ddb0855378f6e5e02075"},"editor.js":{"dependencies":["lodash","react","wp-api-fetch","wp-autop","wp-block-editor","wp-blocks","wp-components","wp-compose","wp-core-data","wp-data","wp-data-controls","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-primitives","wp-rich-text","wp-server-side-render","wp-url","wp-viewport","wp-wordcount"],"version":"c07c6f4b6b71b9c4818e864a38611859"},"element.js":{"dependencies":["lodash","react","react-dom","wp-escape-html","wp-polyfill"],"version":"0ebf17c099194d55615b187d07be0f8e"},"escape-html.js":{"dependencies":["wp-polyfill"],"version":"670c5fa5c09d8ba475458050b3249f56"},"format-library.js":{"dependencies":["lodash","wp-block-editor","wp-components","wp-data","wp-dom","wp-element","wp-html-entities","wp-i18n","wp-keycodes","wp-polyfill","wp-primitives","wp-rich-text","wp-url"],"version":"68526794793f271ac0e447634cd6d016"},"hooks.js":{"dependencies":["wp-polyfill"],"version":"03e6cc8161586dfafae570e7459f517f"},"html-entities.js":{"dependencies":["wp-polyfill"],"version":"c2fee572c38a50f71d231d83bf66b7bf"},"i18n.js":{"dependencies":["wp-polyfill"],"version":"f8838da0979eefc32b5a4f934a5cab34"},"is-shallow-equal.js":{"dependencies":["wp-polyfill"],"version":"78161a3fee0727a7bcf127e5c9bedee7"},"keyboard-shortcuts.js":{"dependencies":["lodash","wp-compose","wp-data","wp-keycodes","wp-polyfill"],"version":"728358f63637d5c2f9021e559b8163df"},"keycodes.js":{"dependencies":["lodash","wp-i18n","wp-polyfill"],"version":"f9c00cfc4cad77690eed675cb22e0d56"},"list-reusable-blocks.js":{"dependencies":["lodash","wp-api-fetch","wp-components","wp-compose","wp-element","wp-i18n","wp-polyfill"],"version":"adaacba8f57351bcfb37ef79141031a8"},"media-utils.js":{"dependencies":["lodash","wp-api-fetch","wp-blob","wp-element","wp-i18n","wp-polyfill"],"version":"56888007855cb6035fa604d1c39af13d"},"notices.js":{"dependencies":["lodash","wp-data","wp-polyfill"],"version":"8db5de9b94072cb05f98f2c82aabdf03"},"nux.js":{"dependencies":["lodash","wp-components","wp-compose","wp-data","wp-deprecated","wp-element","wp-i18n","wp-polyfill","wp-primitives"],"version":"cdfc8e4d94046b2d7cb00ef4ecbba6d1"},"plugins.js":{"dependencies":["lodash","wp-compose","wp-element","wp-hooks","wp-polyfill","wp-primitives"],"version":"5e244a04b2f234db29db0be334336c1a"},"primitives.js":{"dependencies":["wp-element","wp-polyfill"],"version":"da0f2f0cb5791721339eb9f957901443"},"priority-queue.js":{"dependencies":["wp-polyfill"],"version":"ee1e102398b6aaeb52682abcc0eb1260"},"redux-routine.js":{"dependencies":["lodash","wp-polyfill"],"version":"c3af5fcf3e23d4dde8c430d96ca459c8"},"rich-text.js":{"dependencies":["lodash","wp-data","wp-deprecated","wp-element","wp-escape-html","wp-keycodes","wp-polyfill"],"version":"7fe726f068a2c7ef6349f966e014b277"},"server-side-render.js":{"dependencies":["lodash","wp-api-fetch","wp-components","wp-data","wp-deprecated","wp-element","wp-i18n","wp-polyfill","wp-url"],"version":"0058192b49150099bed73095ae1f7011"},"shortcode.js":{"dependencies":["lodash","wp-polyfill"],"version":"faae0a5043df779ab3bd0a9c76095bcc"},"token-list.js":{"dependencies":["lodash","wp-polyfill"],"version":"4fb88e495cc63c15ab2950abab1401d1"},"url.js":{"dependencies":["lodash","wp-polyfill"],"version":"32835b70748f3f5c7595c014e7e2668c"},"viewport.js":{"dependencies":["lodash","wp-compose","wp-data","wp-element","wp-polyfill"],"version":"addc91768f8d730f76366abc5b869053"},"warning.js":{"dependencies":["wp-polyfill"],"version":"4de480885c1f737284e19922dcee677b"},"wordcount.js":{"dependencies":["lodash","wp-polyfill"],"version":"1b5659d14dfec85f62c73f5f63311edf"}} ================================================ FILE: config/gutenberg/styles.json ================================================ { "block-editor": [ "wp-components", "wp-editor-font" ], "block-library": [], "components": [], "edit-post": [ "wp-components", "wp-block-editor", "wp-editor", "wp-edit-blocks", "wp-block-library", "wp-nux" ], "editor": [ "wp-components", "wp-block-editor", "wp-nux" ], "format-library": [], "list-reusable-blocks": [ "wp-components" ], "nux": [ "wp-components" ] } ================================================ FILE: config/gutenberg/update.sh ================================================ read -p 'WordPress tag (enter): ' tag_name # Go to tmp folder [[ -d tmp ]] || mkdir tmp cd tmp # Get wordpress [[ -d WordPress ]] ||git clone git@github.com:WordPress/WordPress.git cd WordPress git fetch if test "$tag_name" != ''; then git checkout -b $tag_name tags/$tag_name else git checkout master git pull fi # Back to root cd ../.. # Clean up rm -rf public/vendor/gutenberg/ mkdir public/vendor/gutenberg/ # Generating scripts.json with gutenberg js packages and dependencies node scripts/g-scripts.js # Copy gutenberg packages js cp tmp/WordPress/wp-includes/js/dist/* public/vendor/gutenberg/ # Add packages prefixes (ex: ally.js => wp-a11y.js) cd public/vendor/gutenberg/ for f in * ; do mv -- "$f" "wp-$f" ; done cd - # Copy vendor (lodash, react, etc) cp -Rf tmp/WordPress/wp-includes/js/dist/vendor/ public/vendor/gutenberg/vendor # Copy packages css cp -Rf tmp/WordPress/wp-includes/css/dist/ public/vendor/gutenberg/styles/ # Add packages prefixes (ex: wp-block-editor) cd public/vendor/gutenberg/styles for f in * ; do mv -- "$f" "wp-$f" ; done ================================================ FILE: config/gutenberg/vendor.json ================================================ { "react": ["wp-polyfill"], "react-dom": ["react"], "moment": [], "lodash": [], "wp-polyfill-fetch": [], "wp-polyfill-formdata": [], "wp-polyfill-node-contains": [], "wp-polyfill-url": [], "wp-polyfill-dom-rect": [], "wp-polyfill-element-closest": [], "wp-polyfill": [] } ================================================ FILE: config/jest/cssTransform.js ================================================ 'use strict'; // This is a custom Jest transformer turning style imports into empty objects. // http://facebook.github.io/jest/docs/en/webpack.html module.exports = { process() { return 'module.exports = {};'; }, getCacheKey() { // The output is always the same. return 'cssTransform'; }, }; ================================================ FILE: config/jest/fileTransform.js ================================================ 'use strict'; const path = require('path'); // This is a custom Jest transformer turning file imports into filenames. // http://facebook.github.io/jest/docs/en/webpack.html module.exports = { process(src, filename) { const assetFilename = JSON.stringify(path.basename(filename)); if (filename.match(/\.svg$/)) { return `module.exports = { __esModule: true, default: ${assetFilename}, ReactComponent: (props) => ({ $$typeof: Symbol.for('react.element'), type: 'svg', ref: null, key: null, props: Object.assign({}, props, { children: ${assetFilename} }) }), };`; } return `module.exports = ${assetFilename};`; }, }; ================================================ FILE: config/paths.js ================================================ 'use strict'; const path = require('path'); const fs = require('fs'); const url = require('url'); // Make sure any symlinks in the project folder are resolved: // https://github.com/facebook/create-react-app/issues/637 const appDirectory = fs.realpathSync(process.cwd()); const resolveApp = relativePath => path.resolve(appDirectory, relativePath); const envPublicUrl = process.env.PUBLIC_URL; const envBuildUrl = process.env.BUILD_DIR; function ensureSlash(inputPath, needsSlash) { const hasSlash = inputPath.endsWith('/'); if (hasSlash && !needsSlash) { return inputPath.substr(0, inputPath.length - 1); } else if (!hasSlash && needsSlash) { return `${inputPath}/`; } else { return inputPath; } } const getPublicUrl = () => envPublicUrl || '/'; // We use `PUBLIC_URL` environment variable or "homepage" field to infer // "public path" at which the app is served. // Webpack needs to know it to put the right ================================================ FILE: g-styles.txt ================================================ ================================================ FILE: package.json ================================================ { "name": "@frontkom/g-editor", "version": "1.6.0", "description": "A minimalist version of Gutenberg's editor. Ideal for testing custom blocks.", "author": "Frontkom ", "private": false, "main": "build/index.js", "files": [ "build/", "config/", "public/", "scripts/", "src/", ".eslintignore", ".eslintrc", "g-scripts.txt", "g-styles.txt" ], "dependencies": { "@babel/core": "7.2.2", "@svgr/webpack": "2.4.1", "babel-core": "7.0.0-bridge.0", "babel-eslint": "9.0.0", "babel-jest": "^25.1.0", "babel-loader": "8.0.5", "babel-plugin-named-asset-import": "^0.2.2", "babel-preset-react-app": "^5.0.4", "bfj": "6.1.1", "case-sensitive-paths-webpack-plugin": "2.1.2", "chalk": "2.4.2", "css-loader": "1.0.0", "dotenv": "6.2.0", "dotenv-expand": "4.2.0", "eslint": "5.12.0", "eslint-config-react-app": "^3.0.4", "eslint-loader": "2.1.1", "eslint-plugin-flowtype": "2.50.1", "eslint-plugin-import": "2.14.0", "eslint-plugin-jsx-a11y": "6.1.2", "eslint-plugin-react": "7.12.3", "file-loader": "2.0.0", "fs-extra": "7.0.1", "html-webpack-plugin": "4.0.0-alpha.2", "identity-obj-proxy": "3.0.0", "jest": "^25.1.0", "jest-pnp-resolver": "1.0.2", "jest-resolve": "23.6.0", "mini-css-extract-plugin": "0.4.3", "node-sass": "^4.14.1", "oembed-providers": "^1.0.20170414", "optimize-css-assets-webpack-plugin": "5.0.1", "pnp-webpack-plugin": "1.2.1", "postcss-flexbugs-fixes": "4.1.0", "postcss-loader": "3.0.0", "postcss-preset-env": "6.5.0", "postcss-safe-parser": "4.0.1", "react-app-polyfill": "^0.1.3", "react-dev-utils": "^6.0.5", "react-router-dom": "^4.3.1", "resolve": "1.9.0", "sass-loader": "7.1.0", "style-loader": "0.23.1", "terser-webpack-plugin": "^2.3.4", "url-loader": "1.1.2", "webpack": "4.28.4", "webpack-cli": "^3.1.2", "webpack-dev-server": "^3.11.0", "webpack-manifest-plugin": "2.0.4", "workbox-webpack-plugin": "3.6.3" }, "devDependencies": { "eslint": "^5.4.0", "eslint-plugin-react": "^7.11.1" }, "scripts": { "start": "node scripts/start.js", "build": "node scripts/build.js", "test": "node scripts/test.js", "lint": "eslint .", "lint:fix": "eslint . --fix", "deploy": "npm run lint && npm publish --access public", "preg-update": "./config/gutenberg/update.sh", "g-update": "node scripts/g-update.js" }, "bugs": { "url": "https://github.com/front/g-editor/issues" }, "repository": { "type": "git", "url": "git+https://github.com/front/g-editor.git" }, "browserslist": [ ">0.2%", "not dead", "not ie <= 11", "not op_mini all" ], "babel": { "presets": [ "react-app" ] }, "jest": { "collectCoverageFrom": [ "src/**/*.{js,jsx}" ], "resolver": "jest-pnp-resolver", "setupFiles": [ "react-app-polyfill/jsdom" ], "testMatch": [ "/src/**/__tests__/**/*.{js,jsx}", "/src/**/?(*.)(spec|test).{js,jsx}" ], "testEnvironment": "jsdom", "testURL": "http://localhost", "transform": { "^.+\\.(js|jsx)$": "/node_modules/babel-jest", "^.+\\.css$": "/config/jest/cssTransform.js", "^(?!.*\\.(js|jsx|css|json)$)": "/config/jest/fileTransform.js" }, "transformIgnorePatterns": [ "[/\\\\]node_modules[/\\\\].+\\.(js|jsx)$", "^.+\\.module\\.(css|sass|scss)$" ], "moduleNameMapper": { "^react-native$": "react-native-web", "^.+\\.module\\.(css|sass|scss)$": "identity-obj-proxy" }, "moduleFileExtensions": [ "web.js", "js", "json", "web.jsx", "jsx", "node" ] } } ================================================ FILE: public/index.html ================================================ <%= htmlWebpackPlugin.options.gutenbergStyle %> g-editor <%= htmlWebpackPlugin.options.gutenbergScripts %>
================================================ FILE: public/manifest.json ================================================ { "short_name": "g-editor", "name": "A minimalist version of Gutenberg's editor. Ideal for checking your custom blocks.", "icons": [ { "src": "favicon.ico", "sizes": "64x64 32x32 24x24 16x16", "type": "image/x-icon" } ], "start_url": ".", "display": "standalone", "theme_color": "#000000", "background_color": "#ffffff" } ================================================ FILE: public/vendor/g-data.js ================================================ (function (wp) { const { use, plugins } = wp.data; const uid = (window.userSettings && window.userSettings.uid) || 1; const storageKey = `WP_DATA_USER_${uid}`; use(plugins.persistence, { storageKey }); plugins.persistence.__unstableMigrate({ storageKey }); })(window.wp); ================================================ FILE: public/vendor/gutenberg/styles/wp-block-directory/style-rtl.css ================================================ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Breakpoints & Media Queries */ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Fonts & basic variables. */ /** * Grid System. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */ /** * Dimensions. */ /** * Shadows. */ /** * Editor widths. */ /** * Block UI. */ /** * Border radii. */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left position to the selector passed as argument */ /** * Styles that are reused verbatim in a few places */ /** * Allows users to opt-out of animations via OS-level preferences. */ /** * Reset default styles for JavaScript UI based pages. * This is a WP-admin agnostic reset */ /** * Reset the WP Admin page styles for Gutenberg-like pages. */ :root { --wp-admin-theme-color: #007cba; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-20: #005a87; } .block-directory-block-ratings { display: flex; } .block-directory-block-ratings > div { line-height: 1; display: flex; } .block-directory-block-ratings .block-directory-block-ratings__rating-count { color: #606a73; font-size: ms(-2); } .block-directory-block-ratings svg { fill: #ffb900; } .block-directory-compact-list { margin: 0; list-style: none; } .block-directory-compact-list__item { display: flex; flex-direction: row; align-items: center; 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: #555d66; font-size: 11px; } .block-directory-downloadable-block-author-info__content { color: #606a73; font-size: 12px; } .block-directory-downloadable-block-author-info__content-author { margin-bottom: 4px; font-size: 13px; } .block-directory-downloadable-block-header__row { display: flex; flex-grow: 1; } .block-directory-downloadable-block-header__row .block-directory-downloadable-block-header__column { display: flex; flex-direction: column; flex-grow: 1; padding-right: 12px; } .block-directory-downloadable-block-header__title { margin: 0; font-size: 13px; color: currentColor; } .block-directory-downloadable-block-icon { width: 36px; height: 36px; } .block-directory-downloadable-block-icon .block-editor-block-icon { width: 36px; height: 36px; font-size: 36px; background-color: #ddd; } .block-directory-downloadable-block-info__content { margin: 0 0 16px; font-size: 13px; } .block-directory-downloadable-block-info__meta { display: flex; align-items: center; margin-bottom: 2px; color: #606a73; font-size: 12px; } .block-directory-downloadable-block-info__meta:last-child { margin-bottom: 0; } .block-directory-downloadable-block-info__icon { margin-left: 4px; fill: #606a73; } .block-directory-downloadable-block-list-item { width: 100%; padding: 0; margin: 0; display: flex; flex-direction: row; font-size: 13px; color: #32373c; align-items: flex-start; justify-content: center; background: transparent; word-break: break-word; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; transition: all 0.05s ease-in-out; position: relative; text-align: right; overflow: hidden; } @media (prefers-reduced-motion: reduce) { .block-directory-downloadable-block-list-item { transition-duration: 0s; } } .block-directory-downloadable-block-list-item + .block-directory-downloadable-block-list-item { border-top: none; } .block-directory-downloadable-block-list-item:last-child:not(:only-of-type) { border-top: 0; } .block-directory-downloadable-block-list-item:last-child { border-bottom: 0; } .block-directory-downloadable-block-list-item__panel { display: flex; flex-grow: 1; flex-direction: column; } .block-directory-downloadable-block-list-item__header { display: flex; flex-direction: column; padding: 16px 16px 0; } .block-directory-downloadable-block-list-item__body { display: flex; flex-direction: column; padding: 16px; } .block-directory-downloadable-block-list-item__footer { display: flex; flex-direction: column; padding: 16px; background-color: #f0f0f0; } .block-directory-downloadable-block-list-item__content { color: #606a73; } .block-directory-downloadable-block-notice { margin: 0 0 16px; } .block-directory-downloadable-block-notice__content { padding-left: 12px; margin-bottom: 8px; } .block-directory-downloadable-blocks-list { list-style: none; margin: 0; overflow: hidden; display: flex; flex-wrap: wrap; } .block-directory-downloadable-blocks-panel__description { font-style: italic; padding: 16px; margin: 0; text-align: right; color: #606a73; } .block-directory-downloadable-blocks-panel__description.has-no-results { font-style: normal; padding: 0; margin: 112px 0; text-align: center; color: #606a73; } .block-directory-downloadable-blocks-panel__description.has-no-results .components-spinner { float: inherit; } .installed-blocks-pre-publish-panel__copy { margin-top: 0; } ================================================ FILE: public/vendor/gutenberg/styles/wp-block-directory/style.css ================================================ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Breakpoints & Media Queries */ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Fonts & basic variables. */ /** * Grid System. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */ /** * Dimensions. */ /** * Shadows. */ /** * Editor widths. */ /** * Block UI. */ /** * Border radii. */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left position to the selector passed as argument */ /** * Styles that are reused verbatim in a few places */ /** * Allows users to opt-out of animations via OS-level preferences. */ /** * Reset default styles for JavaScript UI based pages. * This is a WP-admin agnostic reset */ /** * Reset the WP Admin page styles for Gutenberg-like pages. */ :root { --wp-admin-theme-color: #007cba; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-20: #005a87; } .block-directory-block-ratings { display: flex; } .block-directory-block-ratings > div { line-height: 1; display: flex; } .block-directory-block-ratings .block-directory-block-ratings__rating-count { color: #606a73; font-size: ms(-2); } .block-directory-block-ratings svg { fill: #ffb900; } .block-directory-compact-list { margin: 0; list-style: none; } .block-directory-compact-list__item { display: flex; flex-direction: row; align-items: center; 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: #555d66; font-size: 11px; } .block-directory-downloadable-block-author-info__content { color: #606a73; font-size: 12px; } .block-directory-downloadable-block-author-info__content-author { margin-bottom: 4px; font-size: 13px; } .block-directory-downloadable-block-header__row { display: flex; flex-grow: 1; } .block-directory-downloadable-block-header__row .block-directory-downloadable-block-header__column { display: flex; flex-direction: column; flex-grow: 1; padding-left: 12px; } .block-directory-downloadable-block-header__title { margin: 0; font-size: 13px; color: currentColor; } .block-directory-downloadable-block-icon { width: 36px; height: 36px; } .block-directory-downloadable-block-icon .block-editor-block-icon { width: 36px; height: 36px; font-size: 36px; background-color: #ddd; } .block-directory-downloadable-block-info__content { margin: 0 0 16px; font-size: 13px; } .block-directory-downloadable-block-info__meta { display: flex; align-items: center; margin-bottom: 2px; color: #606a73; font-size: 12px; } .block-directory-downloadable-block-info__meta:last-child { margin-bottom: 0; } .block-directory-downloadable-block-info__icon { margin-right: 4px; fill: #606a73; } .block-directory-downloadable-block-list-item { width: 100%; padding: 0; margin: 0; display: flex; flex-direction: row; font-size: 13px; color: #32373c; align-items: flex-start; justify-content: center; background: transparent; word-break: break-word; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; transition: all 0.05s ease-in-out; position: relative; text-align: left; overflow: hidden; } @media (prefers-reduced-motion: reduce) { .block-directory-downloadable-block-list-item { transition-duration: 0s; } } .block-directory-downloadable-block-list-item + .block-directory-downloadable-block-list-item { border-top: none; } .block-directory-downloadable-block-list-item:last-child:not(:only-of-type) { border-top: 0; } .block-directory-downloadable-block-list-item:last-child { border-bottom: 0; } .block-directory-downloadable-block-list-item__panel { display: flex; flex-grow: 1; flex-direction: column; } .block-directory-downloadable-block-list-item__header { display: flex; flex-direction: column; padding: 16px 16px 0; } .block-directory-downloadable-block-list-item__body { display: flex; flex-direction: column; padding: 16px; } .block-directory-downloadable-block-list-item__footer { display: flex; flex-direction: column; padding: 16px; background-color: #f0f0f0; } .block-directory-downloadable-block-list-item__content { color: #606a73; } .block-directory-downloadable-block-notice { margin: 0 0 16px; } .block-directory-downloadable-block-notice__content { padding-right: 12px; margin-bottom: 8px; } .block-directory-downloadable-blocks-list { list-style: none; margin: 0; overflow: hidden; display: flex; flex-wrap: wrap; } .block-directory-downloadable-blocks-panel__description { font-style: italic; padding: 16px; margin: 0; text-align: left; color: #606a73; } .block-directory-downloadable-blocks-panel__description.has-no-results { font-style: normal; padding: 0; margin: 112px 0; text-align: center; color: #606a73; } .block-directory-downloadable-blocks-panel__description.has-no-results .components-spinner { float: inherit; } .installed-blocks-pre-publish-panel__copy { margin-top: 0; } ================================================ FILE: public/vendor/gutenberg/styles/wp-block-editor/style-rtl.css ================================================ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Breakpoints & Media Queries */ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Fonts & basic variables. */ /** * Grid System. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */ /** * Dimensions. */ /** * Shadows. */ /** * Editor widths. */ /** * Block UI. */ /** * Border radii. */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left position to the selector passed as argument */ /** * Styles that are reused verbatim in a few places */ /** * Allows users to opt-out of animations via OS-level preferences. */ /** * Reset default styles for JavaScript UI based pages. * This is a WP-admin agnostic reset */ /** * Reset the WP Admin page styles for Gutenberg-like pages. */ :root { --wp-admin-theme-color: #007cba; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-20: #005a87; } #start-resizable-editor-section { display: none; } .block-editor-autocompleters__block .block-editor-block-icon { margin-left: 8px; } .block-editor-block-alignment-matrix-toolbar__popover .components-popover__content { min-width: 0; width: auto; } .block-editor-block-alignment-matrix-toolbar__popover .components-popover__content > div { padding: 8px; } .block-editor-block-icon { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; } .block-editor-block-icon.has-colors svg { fill: currentColor; } .block-editor-block-icon svg { min-width: 20px; min-height: 20px; max-width: 24px; max-height: 24px; } .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 #f0f0f0; } .block-editor-block-inspector .block-editor-block-card { padding: 16px; } .block-editor-block-inspector__no-blocks { display: block; font-size: 13px; background: #fff; padding: 32px 16px; text-align: center; } .block-editor-block-list__layout .block-editor-block-list__block .reusable-block-edit-panel * { z-index: 1; } .block-editor-block-styles .block-editor-block-list__block { margin: 0; } /** * Notices & Block Selected/Hover Styles. */ .block-editor-block-list__layout .block-editor-block-list__block { position: relative; overflow-wrap: break-word; /** * Notices */ /** * Block Layout */ } .block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui { margin: -10px 0 12px 0; } .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui { margin: 0 0 12px 0; width: 100%; } .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice { margin-right: 0; margin-left: 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:not([contenteditable]):focus { outline: none; } .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after { position: absolute; z-index: 1; pointer-events: none; content: ""; top: 1px; bottom: 1px; right: 1px; left: 1px; box-shadow: 0 0 0 1.5px #007cba; box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); border-radius: 1px; } .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after { box-shadow: 0 0 0 1.5px #fff; } .block-editor-block-list__layout .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected) { opacity: 0.5; transition: opacity 0.1s linear; } @media (prefers-reduced-motion: reduce) { .block-editor-block-list__layout .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected) { transition-duration: 0s; } } .block-editor-block-list__layout .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected):not(.is-focused) .block-editor-block-list__block, .block-editor-block-list__layout .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected).is-focused { opacity: 1; } .block-editor-block-list__layout .block-editor-block-list__block, .block-editor-block-list__layout .block-list-appender { position: relative; } .block-editor-block-list__layout .block-editor-block-list__block.is-drop-target::before, .block-editor-block-list__layout .block-list-appender.is-drop-target::before { content: ""; position: absolute; z-index: 0; pointer-events: none; transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear; top: -14px; left: 0; right: 0; border-top: 4px solid #007cba; border-top: 4px solid var(--wp-admin-theme-color); } .block-editor-block-list__layout .block-editor-block-list__block.is-drop-target.is-dropping-horizontally::before, .block-editor-block-list__layout .block-list-appender.is-drop-target.is-dropping-horizontally::before { top: 0; bottom: 0; right: -6px; border-top: none; border-right: 4px solid #007cba; border-right: 4px solid var(--wp-admin-theme-color); } /** * Cross-Block Selection */ .block-editor-block-list__layout { position: relative; } .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after, .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-hovered::after, .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after { position: absolute; z-index: 1; pointer-events: none; content: ""; top: 1px; bottom: 1px; right: 1px; left: 1px; } .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after, .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-hovered::after, .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after { box-shadow: 0 0 0 1.5px #007cba; box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); border-radius: 1px; transition: box-shadow 0.2s ease-out; outline: 2px solid transparent; } @media (prefers-reduced-motion: reduce) { .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after, .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-hovered::after, .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after { transition-duration: 0s; } } .is-dark-theme .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after, .is-dark-theme .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-hovered::after, .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after { box-shadow: 0 0 0 1.5px #fff; } .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected .components-placeholder ::selection, .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-hovered .components-placeholder ::selection, .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted .components-placeholder ::selection, .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected .components-placeholder ::selection { background: transparent; } .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-hovered:not(.is-selected)::after { box-shadow: 0 0 0 1px #949494; } .is-block-moving-mode .block-editor-block-list__layout .block-editor-block-list__block.has-child-selected { box-shadow: 0 0 0 1.5px #007cba; box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); outline: 1.5px solid transparent; } .is-block-moving-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::before { content: ""; position: absolute; z-index: 0; pointer-events: none; transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear; left: 0; right: 0; top: -14px; border-radius: 2px; border-top: 4px solid #ccc; } .is-block-moving-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after { content: none; } .is-block-moving-mode.can-insert-moving-block .block-editor-block-list__layout .block-editor-block-list__block.is-selected::before { border-color: #007cba; border-color: var(--wp-admin-theme-color); } .is-block-moving-mode.block-editor-block-list__block-selection-button { opacity: 0; font-size: 1px; height: 1px; padding: 0; } /** * Block styles and alignments */ .block-editor-block-list__layout .block-editor-block-list__block.has-warning { min-height: 36px; } .block-editor-block-list__layout .block-editor-block-list__block::after { content: ""; pointer-events: none; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 2px; box-shadow: 0 0 0 1.5px transparent; transition: box-shadow 0.1s ease-in; } @media (prefers-reduced-motion: reduce) { .block-editor-block-list__layout .block-editor-block-list__block::after { transition-duration: 0s; } } .block-editor-block-list__layout .block-editor-block-list__block.has-warning > * { pointer-events: none; -webkit-user-select: none; -ms-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 { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 2px; background-color: rgba(255, 255, 255, 0.4); } .block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected::after { background-color: transparent; } .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; } .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block { cursor: default; } .block-editor-block-list__layout .block-editor-block-list__block[data-clear="true"] { float: none; } .block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__layout .block-editor-default-block-appender .block-editor-inserter { right: auto; left: 8px; } .block-editor-block-list__layout .wp-block { margin-right: auto; margin-left: auto; } .wp-block[data-align="left"], .wp-block[data-align="right"] { width: 100%; height: 0; } .wp-block[data-align="left"]::before, .wp-block[data-align="right"]::before { content: none; } .wp-block[data-align="left"] > *, .wp-block[data-align="right"] > * { z-index: 21; } .wp-block[data-align="left"] > * { float: left; margin-right: 2em; } .wp-block[data-align="right"] > * { float: right; margin-left: 2em; } .wp-block[data-align="full"], .wp-block[data-align="wide"] { clear: both; } /** * In-Canvas Inserter */ .block-editor-block-list .block-editor-inserter { margin: 8px; cursor: move; cursor: grab; } .block-editor-block-list__insertion-point { position: relative; z-index: 6; margin-top: -14px; } .block-editor-block-list__insertion-point-indicator { position: absolute; top: calc(50% - 1px); height: 1.5px; right: 0; left: 0; background: #007cba; background: var(--wp-admin-theme-color); } .block-editor-block-list__insertion-point-inserter { display: none; justify-content: center; cursor: text; } @media (min-width: 480px) { .block-editor-block-list__insertion-point-inserter { display: flex; } } .block-editor-block-list__insertion-point-inserter.is-inserter-hidden .block-editor-inserter__toggle { opacity: 0; pointer-events: none; } .block-editor-block-list__block-popover-inserter { position: absolute; top: -9999em; margin-bottom: 14px; } .block-editor-block-list__block-popover-inserter.is-visible { position: static; } .block-editor-block-list__empty-block-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__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon, .block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button.has-icon { background: #1e1e1e; border-radius: 2px; color: #fff; padding: 0; min-width: 24px; height: 24px; } .block-editor-block-list__empty-block-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__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover, .block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button.has-icon:hover { color: #fff; } .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button, .block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button { animation: block-editor-inserter__toggle__fade-in-animation-delayed 0.3s ease; animation-fill-mode: forwards; } @media (prefers-reduced-motion: reduce) { .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button, .block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button { animation-duration: 1ms; } } @keyframes block-editor-inserter__toggle__fade-in-animation-delayed { 0% { opacity: 0; } 80% { opacity: 0; } 100% { opacity: 1; } } @keyframes block-editor-inserter__toggle__fade-in-animation { from { opacity: 0; transform: scale(0); } to { opacity: 1; transform: scale(1); } } .wp-block .block-list-appender .block-editor-inserter__toggle { animation: block-editor-inserter__toggle__fade-in-animation 0.1s ease; animation-fill-mode: forwards; } @media (prefers-reduced-motion: reduce) { .wp-block .block-list-appender .block-editor-inserter__toggle { 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__insertion-point { position: absolute; top: -16px; height: 28px; bottom: auto; right: 14px; left: 14px; } .block-editor-block-list__block .block-editor-block-list__block-html-textarea { display: block; margin: 0; width: 100%; border: none; outline: none; box-shadow: none; resize: none; overflow: hidden; font-family: Menlo, Consolas, monaco, monospace; font-size: 15px; line-height: 150%; transition: padding 0.2s linear; } @media (prefers-reduced-motion: reduce) { .block-editor-block-list__block .block-editor-block-list__block-html-textarea { transition-duration: 0s; } } .block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus { box-shadow: none; } /** * Block Toolbar when contextual. */ .block-editor-block-contextual-toolbar { border: 1px solid #1e1e1e; border-radius: 2px; background-color: #fff; } .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar-group, .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar, .block-editor-block-contextual-toolbar .block-editor-block-toolbar__mover-switcher-container { border-left-color: #1e1e1e; } .block-editor-block-contextual-toolbar .block-editor-block-toolbar__mover-switcher-container { border-left-style: solid; border-left-width: 1px; } .block-editor-block-contextual-toolbar .block-editor-block-toolbar__block-switcher-wrapper .block-editor-block-switcher__no-switcher-icon::before, .block-editor-block-contextual-toolbar .block-editor-block-toolbar__block-switcher-wrapper .block-editor-block-switcher__toggle::before { width: 28px; } .block-editor-block-contextual-toolbar .block-editor-block-toolbar__block-switcher-wrapper .block-editor-block-icon svg { margin-right: 10px; } .block-editor-block-contextual-toolbar .block-editor-block-toolbar__block-switcher-wrapper .block-editor-block-switcher:last-child .block-editor-block-icon svg { margin-right: auto; } .block-editor-block-contextual-toolbar .block-editor-block-toolbar__block-switcher-wrapper .components-toolbar, .block-editor-block-contextual-toolbar .block-editor-block-toolbar__block-switcher-wrapper .components-toolbar-group { border-left: none; } .block-editor-block-contextual-toolbar .block-editor-block-mover { margin-right: -12px; width: 36px; } .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal { width: 48px; } .block-editor-block-contextual-toolbar .block-editor-block-mover .components-button.has-icon.block-editor-block-mover-button.block-editor-block-mover-button { min-width: 36px; width: 36px; } [draggable="true"] .block-editor-block-contextual-toolbar .block-editor-block-mover .components-button.has-icon.block-editor-block-mover-button.block-editor-block-mover-button { cursor: grab; } [draggable="true"] .block-editor-block-contextual-toolbar .block-editor-block-mover .components-button.has-icon.block-editor-block-mover-button.block-editor-block-mover-button:active { cursor: grabbing; } .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .components-button.has-icon.block-editor-block-mover-button.block-editor-block-mover-button { min-width: 24px; width: 24px; } .block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button > svg { margin-right: 2px; } .block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-up-button svg { margin-top: 3px; } .block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-down-button svg { margin-bottom: 3px; } .block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button:focus::before { right: 0 !important; min-width: 0; width: 28px; } /** * Block Label for Navigation/Selection Mode */ .block-editor-block-list__block-selection-button { display: block; z-index: 22; } .block-editor-block-list__block-selection-button .components-button { font-size: 13px; height: 46px; padding: 12px 16px; position: relative; top: -1px; box-shadow: 0 0 0 1px #1e1e1e; border-radius: 1px; background-color: #fff; } .block-editor-block-list__block-selection-button .components-button:focus { box-shadow: 0 0 0 1.5px #007cba; box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); } /** * Warnings. */ .block-editor-block-list__block .block-editor-warning { z-index: 5; position: relative; } .block-editor-block-list__block .block-editor-warning.block-editor-block-list__block-crash-warning { margin-bottom: auto; } /** * Popovers. */ .block-editor-block-list__insertion-point-popover.is-without-arrow { z-index: 28; position: absolute; } .block-editor-block-list__insertion-point-popover.is-without-arrow .components-popover__content.components-popover__content { background: none; border: none; box-shadow: none; overflow-y: visible; margin-right: 0; } .components-popover.block-editor-block-list__block-popover { z-index: 31; position: absolute; } .components-popover.block-editor-block-list__block-popover .components-popover__content { margin: 0 !important; min-width: auto; width: max-content; background: none; border: none; box-shadow: none; overflow-y: visible; pointer-events: none; } .components-popover.block-editor-block-list__block-popover .components-popover__content > * { pointer-events: all; } .components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-list__block-selection-button, .components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-contextual-toolbar { margin-bottom: 12px; } .is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover { opacity: 0; } .is-dragging-components-draggable .components-tooltip { display: none; } .block-editor-block-list__block .block-list-appender { margin: 8px 0; } .has-background .block-editor-block-list__block .block-list-appender { margin: 20px 8px; } .block-editor-block-list__block .block-list-appender .block-list-appender__toggle { padding: 0; opacity: 1; transform: scale(1); transition: all 0.1s ease; } @media (prefers-reduced-motion: reduce) { .block-editor-block-list__block .block-list-appender .block-list-appender__toggle { transition-duration: 0s; } } .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-breadcrumb { list-style: none; padding: 0; margin: 0; } .block-editor-block-breadcrumb li { display: inline-block; margin: 0; } .block-editor-block-breadcrumb li:not(:last-child)::after { content: "\2192"; } .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) { text-decoration: underline; box-shadow: none; } .block-editor-block-breadcrumb__button.components-button:focus { box-shadow: none; } .block-editor-block-breadcrumb__button.components-button:focus::before { content: ""; display: block; position: absolute; border-radius: 2px; top: 1px; left: 1px; bottom: 1px; right: 1px; box-shadow: inset 0 0 0 1.5px #007cba; box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color); } .block-editor-block-breadcrumb__current { cursor: default; } .block-editor-block-breadcrumb__button.components-button, .block-editor-block-breadcrumb__current { color: #1e1e1e; padding: 0 8px; font-size: inherit; } .block-editor-block-card { display: flex; align-items: flex-start; } .block-editor-block-card__icon { border: 1px solid #ccd0d4; padding: 7px; margin-left: 10px; height: 36px; width: 36px; } .block-editor-block-card__content { flex-grow: 1; } .block-editor-block-card__title { font-weight: 500; } .block-editor-block-card__title.block-editor-block-card__title { margin: 0 0 5px; } .block-editor-block-card__description { font-size: 13px; } .block-editor-block-card .block-editor-block-icon { margin-right: -2px; margin-left: 10px; padding: 0 3px; width: 36px; height: 24px; } /** * Invalid block comparison */ .block-editor-block-compare { overflow: auto; height: auto; } @media (min-width: 600px) { .block-editor-block-compare { max-height: 70%; } } .block-editor-block-compare__wrapper { display: flex; padding-bottom: 16px; } .block-editor-block-compare__wrapper > div { display: flex; justify-content: space-between; flex-direction: column; width: 50%; padding: 0 0 0 16px; min-width: 200px; } .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-right: 15px; padding-left: 0; } .block-editor-block-compare__wrapper .block-editor-block-compare__html { font-family: Menlo, Consolas, monaco, monospace; font-size: 12px; color: #1e1e1e; border-bottom: 1px solid #ddd; padding-bottom: 15px; line-height: 1.7; } .block-editor-block-compare__wrapper .block-editor-block-compare__html span { background-color: #e6ffed; padding-top: 3px; padding-bottom: 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: #d94f4f; } .block-editor-block-compare__wrapper .block-editor-block-compare__preview { padding: 0; padding-top: 14px; } .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: 14px; } .block-editor-block-compare__wrapper .block-editor-block-compare__heading { font-size: 1em; font-weight: 400; margin: 0.67em 0; } .block-editor-block-draggable-chip-wrapper { position: absolute; top: -60px; } .block-editor-block-draggable-chip { background-color: #1e1e1e; border-radius: 2px; border: 1px solid #1e1e1e; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); color: #fff; cursor: grabbing; display: inline-flex; height: 48px; min-width: 72px; padding: 0 12px; -webkit-user-select: none; -ms-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 { margin: auto; } .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; } .is-dragging.is-selected, .is-dragging.is-multi-selected { display: none !important; } .block-editor-block-mobile-toolbar { display: flex; flex-direction: row; border-left: 1px solid #ddd; } .block-editor-block-mobile-toolbar .block-editor-block-mover-button { width: 36px; height: 36px; border-radius: 2px; padding: 3px; margin: 0; justify-content: center; align-items: center; } .block-editor-block-mobile-toolbar .block-editor-block-mover-button .dashicon { margin: auto; } .block-editor-block-mobile-toolbar .block-editor-block-mover { display: flex; margin-left: auto; } .block-editor-block-mobile-toolbar .block-editor-block-mover .block-editor-block-mover-button { float: right; } .block-editor-block-mover { display: inline-flex; flex-direction: row; } .block-editor-block-mover-button__description { display: none; } .block-editor-block-mover-button.has-icon { padding: 0; } .block-editor-block-mover .components-toolbar-group, .block-editor-block-mover .components-toolbar { flex-direction: column; flex: 1; } .block-editor-block-mover.is-horizontal .components-toolbar-group, .block-editor-block-mover.is-horizontal .components-toolbar { flex-direction: row; } .block-editor-block-mover .block-editor-block-mover-button { height: 24px; width: 48px; padding: 0 !important; } .block-editor-block-mover .block-editor-block-mover-button::before { right: 8px !important; left: 8px !important; } .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-up-button svg, .block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-up-button svg { margin-bottom: -8px; } .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-up-button::before, .block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-up-button::before { bottom: 0; height: calc(100% - 8px); } .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-down-button svg, .block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-down-button svg { margin-top: -8px; } .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-down-button::before, .block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-down-button::before { top: 0; height: calc(100% - 8px); } .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.has-icon { height: 48px; width: 24px; min-width: 24px; padding-right: 0; padding-left: 0; } .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.has-icon::before { top: 8px; bottom: 8px; min-width: 0; width: auto; height: auto; } .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-up-button.has-icon svg { margin-right: 0; margin-left: -8px; margin-bottom: 0; } .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-up-button.has-icon::before { right: 8px !important; left: 0 !important; } .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-down-button.has-icon svg { margin-right: -8px; margin-left: 0; margin-top: 0; } .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-down-button.has-icon::before { right: 0 !important; left: 8px !important; } .block-editor-block-navigation__container { padding: 7px; } .block-editor-block-navigation__label { margin: 0 0 12px; color: #757575; text-transform: uppercase; font-size: 11px; font-weight: 500; } .block-editor-block-navigation__container { padding: 7px; } .block-editor-block-navigation-tree { width: 100%; border-collapse: collapse; padding: 0; margin: 0; } .block-editor-block-navigation-leaf { position: relative; } .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents { display: flex; align-items: center; width: calc(100% - 0.8em); height: auto; padding: 12px 6px; margin-top: auto; margin-bottom: auto; text-align: right; color: #40464d; border-radius: 2px; } .components-modal__content .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents { padding-right: 0; padding-left: 0; } .block-editor-block-navigation-leaf.is-visible .block-editor-block-navigation-block-contents { opacity: 1; animation: edit-post__fade-in-animation 0.2s ease-out 0s; animation-fill-mode: forwards; } @media (prefers-reduced-motion: reduce) { .block-editor-block-navigation-leaf.is-visible .block-editor-block-navigation-block-contents { animation-duration: 1ms; } } .block-editor-block-navigation-leaf .block-editor-block-icon { align-self: flex-start; margin-left: 6px; } .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell, .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell, .block-editor-block-navigation-leaf .block-editor-block-navigation-block__contents-cell { padding-top: 0; padding-bottom: 0; } .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell, .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell { width: 36px; opacity: 0; vertical-align: top; } @media (prefers-reduced-motion: reduce) { .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell, .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell { transition-duration: 0s; } } .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell.is-visible, .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell.is-visible { opacity: 1; animation: edit-post__fade-in-animation 0.2s ease-out 0s; animation-fill-mode: forwards; } @media (prefers-reduced-motion: reduce) { .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell.is-visible, .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell.is-visible { animation-duration: 1ms; } } .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell, .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell .components-button.has-icon, .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell, .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell .components-button.has-icon { width: 24px; min-width: 24px; padding: 0; } .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell { padding-top: 8px; } .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell-alignment-wrapper { display: flex; height: 100%; flex-direction: column; align-items: center; } .block-editor-block-navigation-leaf .block-editor-block-mover-button { position: relative; width: 36px; height: 24px; } .block-editor-block-navigation-leaf .block-editor-block-mover-button svg { position: relative; height: 24px; } .block-editor-block-navigation-leaf .block-editor-block-mover-button.is-up-button { align-items: flex-end; } .block-editor-block-navigation-leaf .block-editor-block-mover-button.is-up-button svg { bottom: -4px; } .block-editor-block-navigation-leaf .block-editor-block-mover-button.is-down-button { align-items: flex-start; } .block-editor-block-navigation-leaf .block-editor-block-mover-button.is-down-button svg { top: -4px; } .block-editor-block-navigation-leaf .block-editor-block-mover-button:focus:enabled { box-shadow: none; outline: none; } .block-editor-block-navigation-leaf .block-editor-block-mover-button:focus { box-shadow: none; outline: none; } .block-editor-block-navigation-leaf .block-editor-block-mover-button:focus::before { box-shadow: inset 0 0 0 1.5px #007cba, inset 0 0 0 4px #fff; box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 0 0 4px #fff; outline: 2px solid transparent; } .block-editor-block-navigation-leaf .block-editor-block-mover-button::before { content: ""; position: absolute; display: block; border-radius: 2px; height: 16px; min-width: 100%; right: 0; left: 0; animation: components-button__appear-animation 0.1s ease; animation-fill-mode: forwards; } @media (prefers-reduced-motion: reduce) { .block-editor-block-navigation-leaf .block-editor-block-mover-button::before { animation-duration: 1ms; } } .block-editor-block-navigation-leaf .block-editor-inserter__toggle { background: #1e1e1e; color: #fff; height: 24px; margin: 6px 1px 6px 6px; min-width: 24px; } .block-editor-block-navigation-leaf .block-editor-inserter__toggle:active { color: #fff; } .block-editor-block-navigation-block-slot__description, .block-editor-block-navigation-block-select-button__description, .block-editor-block-navigation-appender__description { display: none; } .block-editor-block-navigation-block__contents-cell .block-editor-block-navigation-block__contents-container, .block-editor-block-navigation-block__contents-cell .block-editor-block-navigation-appender__container, .block-editor-block-navigation-appender__cell .block-editor-block-navigation-block__contents-container, .block-editor-block-navigation-appender__cell .block-editor-block-navigation-appender__container { display: flex; } .block-editor-block-navigation-block__contents-cell .block-editor-block-navigation-block__contents-container, .block-editor-block-navigation-appender__cell .block-editor-block-navigation-block__contents-container { min-height: 56px; } .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line, .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line { position: relative; flex-shrink: 0; width: 24px; } .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line:first-child, .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line:first-child { width: 18px; } .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line.has-item, .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.has-item { margin-left: 6px; } .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line::before, .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line::before { content: ""; display: block; position: absolute; top: 1px; bottom: -2px; left: -1px; border-left: 2px solid #a2aab2; } .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line.is-terminated::before, .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.is-terminated::before { border-color: transparent; } .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line.has-item.is-last-row, .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.has-item.is-last-row { height: 26px; } .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line.has-item::after, .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.has-item::after { content: ""; display: block; position: absolute; top: 26px; right: 100%; width: 5px; border-bottom: 2px solid #a2aab2; } .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.has-item.is-last-row { height: 16px; } .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.has-item.is-last-row::after { top: 100%; } .block-editor-block-parent-selector { background: #fff; border-radius: 2px; } .block-editor-block-parent-selector .block-editor-block-parent-selector__button { width: 48px; height: 48px; border: 1px solid #1e1e1e; border-radius: 2px; } .block-editor-block-patterns-list__item { border-radius: 2px; cursor: pointer; margin-top: 16px; transition: all 0.05s ease-in-out; position: relative; border: 1px solid transparent; } .block-editor-block-patterns-list__item:hover { border: 1px solid #007cba; border: 1px solid var(--wp-admin-theme-color); } .block-editor-block-patterns-list__item:focus { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #007cba; box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .block-editor-block-patterns-list__item.is-placeholder { min-height: 100px; } .block-editor-block-patterns-list__item-title { padding: 4px; font-size: 12px; text-align: center; } .block-editor-block-preview__container { position: relative; width: 100%; overflow: hidden; } .block-editor-block-preview__container.editor-styles-wrapper { padding: 0; margin: 0; } .block-editor-block-preview__content { position: absolute; top: 0; right: 0; transform-origin: top right; text-align: initial; margin: 0; overflow: visible; min-height: auto; } .block-editor-block-preview__content .block-editor-block-list__insertion-point, .block-editor-block-preview__content .block-editor-block-drop-zone, .block-editor-block-preview__content .reusable-block-indicator, .block-editor-block-preview__content .block-list-appender { display: none; } .block-editor-block-preview__content .block-editor-block-list__layout.is-root-container { padding-right: 0; padding-left: 0; } .block-editor-block-preview__content .block-editor-block-list__layout.is-root-container > .wp-block[data-align="full"] { margin-right: 0; margin-left: 0; } .block-editor-block-settings-menu__popover .components-dropdown-menu__menu { padding: 0; } .block-editor-block-styles { display: flex; flex-wrap: wrap; justify-content: space-between; } .block-editor-block-styles__item { width: calc(50% - 4px); margin: 4px 0; flex-shrink: 0; cursor: pointer; overflow: hidden; border-radius: 2px; padding: 6px; display: flex; flex-direction: column; } .block-editor-block-styles__item:focus { box-shadow: 0 0 0 1.5px #007cba; box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .block-editor-block-styles__item:hover .block-editor-block-styles__item-preview { border-color: #007cba; border-color: var(--wp-admin-theme-color); } .block-editor-block-styles__item.is-active .block-editor-block-styles__item-label { font-weight: bold; } .block-editor-block-styles__item.is-active .block-editor-block-styles__item-preview { border: 2px solid #1e1e1e; } .block-editor-block-styles__item-preview { outline: 1px solid transparent; padding: 0; border-radius: 2px; display: flex; overflow: hidden; background: #fff; align-items: center; flex-grow: 1; min-height: 80px; } .block-editor-block-switcher__styles__menugroup { position: relative; } .block-editor-block-styles__item-label { text-align: center; padding: 4px 0; } .block-editor-block-switcher { position: relative; } .block-editor-block-switcher__no-switcher-icon, .block-editor-block-switcher__toggle { position: relative; } .components-button.block-editor-block-switcher__toggle, .components-button.block-editor-block-switcher__no-switcher-icon { margin: 0; display: block; height: 48px; } .components-button.block-editor-block-switcher__toggle .block-editor-block-icon, .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { margin: auto; } .components-button.block-editor-block-switcher__no-switcher-icon { width: 48px; } .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-blocks-icon { margin-left: auto; margin-right: auto; } .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 !important; } .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon, .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon, .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon, .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon { padding: 0; } .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 .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, .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon { height: 100%; position: relative; margin: 0 auto; display: flex; align-items: center; } .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 .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, .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before { top: 8px; left: 8px; bottom: 8px; right: 8px; } .components-popover.block-editor-block-switcher__popover .components-popover__content { min-width: 300px; } .components-popover.block-editor-block-switcher__popover .components-popover__content > div { min-width: auto; display: flex; background: #fff; padding: 0; } .components-popover.block-editor-block-switcher__popover .components-popover__content > div .components-menu-group { padding: 16px; margin: 0; } .block-editor-block-switcher__popover .components-popover__content .block-editor-block-styles { margin: 0 -3px; } .block-editor-block-switcher__popover .components-popover__content .components-panel__body { border: 0; position: relative; z-index: 1; } .block-editor-block-switcher__popover .components-popover__content .components-panel__body + .components-panel__body { border-top: 1px solid #f0f0f0; } .block-editor-block-switcher__popover__preview__parent .block-editor-block-switcher__popover__preview__container { position: absolute; top: -12px; right: calc(100% + 32px); } .block-editor-block-switcher__preview__popover { display: none; } .block-editor-block-switcher__preview__popover.components-popover { margin-right: 4px; margin-top: 11px; } @media (min-width: 782px) { .block-editor-block-switcher__preview__popover { display: block; } } .block-editor-block-switcher__preview__popover .components-popover__content { box-shadow: none; border: 1px solid #1e1e1e; background: #fff; border-radius: 2px; } .block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview { width: 300px; height: auto; padding: 16px; } .block-editor-block-switcher__preview-title { margin-bottom: 12px; color: #757575; text-transform: uppercase; font-size: 11px; font-weight: 500; } .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle, .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon { height: 48px; } .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon { width: 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 { width: 48px; height: 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-types-list { list-style: none; padding: 4px; margin-right: -4px; margin-left: -4px; overflow: hidden; display: flex; flex-wrap: wrap; } .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; justify-content: flex-start; flex-direction: row; flex-wrap: wrap; width: 100%; margin: 16px 0; padding: 0; list-style: none; } .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations > li { list-style: none; margin: 8px 0 0 8px; flex-shrink: 1; max-width: 100px; } .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations > li button { display: flex; } .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 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 12px; display: block; margin-left: 12px; text-align: center; } .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 { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 8px; width: 100%; height: auto; color: #1e1e1e; box-shadow: inset 0 0 0 1px #1e1e1e; } .block-editor-button-block-appender:hover { box-shadow: inset 0 0 0 1px #007cba; box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); } .block-editor-button-block-appender:focus { box-shadow: inset 0 0 0 2px #007cba; box-shadow: inset 0 0 0 2px var(--wp-admin-theme-color); } .block-editor-button-block-appender:active { color: #000; } .block-editor-button-block-appender.block-list-appender__toggle { display: flex; flex-direction: row; color: #1e1e1e; box-shadow: none; height: 24px; padding: 0; margin-right: 8px; } .block-editor-button-block-appender.block-list-appender__toggle:active { color: #fff; } .block-editor-button-block-appender.block-list-appender__toggle > svg { width: 24px; background-color: #1e1e1e; color: #fff; border-radius: 2px; } .block-editor-color-gradient-control__color-indicator { margin-bottom: 8px; } .block-editor-color-gradient-control__button-tabs { display: block; margin-bottom: 8px; } .block-editor-panel-color-gradient-settings .component-color-indicator { vertical-align: text-bottom; } .block-editor-panel-color-gradient-settings__panel-title .component-color-indicator { display: inline-block; } .block-editor-panel-color-gradient-settings.is-opened .block-editor-panel-color-gradient-settings__panel-title .component-color-indicator { display: none; } .block-editor-contrast-checker > .components-notice { margin: 0; } .block-editor-default-block-appender { clear: both; margin-right: auto; margin-left: 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 textarea.block-editor-default-block-appender__content { font-family: inherit; font-size: inherit; border: none; background: none; box-shadow: none; display: block; cursor: text; width: 100%; outline: 1px solid transparent; transition: 0.2s outline; resize: none; margin-top: 28px; margin-bottom: 28px; padding: 0 0 0 50px; color: rgba(30, 30, 30, 0.62); } @media (prefers-reduced-motion: reduce) { .block-editor-default-block-appender textarea.block-editor-default-block-appender__content { transition-duration: 0s; } } .is-dark-theme .block-editor-default-block-appender textarea.block-editor-default-block-appender__content { color: rgba(255, 255, 255, 0.65); } .block-editor-default-block-appender .components-drop-zone__content-icon { display: none; } .block-editor-default-block-appender__content { line-height: 1.8; } .block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter, .block-editor-default-block-appender .block-editor-inserter { position: absolute; top: 0; height: 32px; } .block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle, .block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle { margin-left: 0; } .block-editor-block-list__empty-block-inserter, .block-editor-default-block-appender .block-editor-inserter { left: 8px; } @media (min-width: 600px) { .block-editor-block-list__empty-block-inserter, .block-editor-default-block-appender .block-editor-inserter { display: flex; height: 100%; } } .block-editor-block-list__empty-block-inserter:disabled, .block-editor-default-block-appender .block-editor-inserter:disabled { display: none; } @media (min-width: 600px) { .block-editor-default-block-appender .block-editor-inserter { align-items: center; } } .block-editor-link-control { position: relative; min-width: 360px; } .components-popover__content .block-editor-link-control { min-width: auto; width: 90vw; max-width: 360px; } .block-editor-link-control__search-input-wrapper { position: relative; } .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; width: calc(100% - 32px); display: block; padding: 11px 16px; padding-left: 36px; margin: 16px; position: relative; border: 1px solid #ddd; border-radius: 2px; } @media (prefers-reduced-motion: reduce) { .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"] { transition-duration: 0s; } } @media (min-width: 600px) { .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]:focus { border-color: #007cba; border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px #007cba; box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .is-dark-theme .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); } .is-dark-theme .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); } .is-dark-theme .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); } .block-editor-link-control .block-editor-link-control__search-input .components-base-control__field { margin-bottom: 0; } .block-editor-link-control__search-error { margin: -8px 16px 16px; } .block-editor-link-control__search-actions { position: absolute; /* * Actions must be positioned on top of URLInput, since the input will grow * when suggestions are rendered. * * Compensate for: * - Input margin ($grid-unit-20) * - Border (1px) * - Vertically, for the difference in height between the input (40px) and * the icon buttons. * - Horizontally, pad to the minimum of: default input padding, or the * equivalent of the vertical padding. */ top: 19px; left: 19px; } .block-editor-link-control__search-results-wrapper { position: relative; margin-top: -15px; } .block-editor-link-control__search-results-wrapper::before, .block-editor-link-control__search-results-wrapper::after { content: ""; position: absolute; right: -1px; left: 16px; display: block; pointer-events: none; z-index: 100; } .block-editor-link-control__search-results-wrapper::before { height: 8px; top: 0; bottom: auto; background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%); } .block-editor-link-control__search-results-wrapper::after { height: 16px; bottom: 0; top: auto; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); } .block-editor-link-control__search-results-label { padding: 15px 30px 0 30px; display: block; font-size: 1.1em; } .block-editor-link-control__search-results { margin: 0; padding: 8px 16px 8px; max-height: 200px; overflow-y: auto; } .block-editor-link-control__search-results.is-loading { opacity: 0.2; } .block-editor-link-control__search-item { position: relative; display: flex; align-items: center; font-size: 13px; cursor: pointer; background: #fff; width: 100%; border: none; text-align: right; padding: 10px 15px; border-radius: 5px; height: auto; } .block-editor-link-control__search-item:hover, .block-editor-link-control__search-item:focus { background-color: #ddd; } .block-editor-link-control__search-item:focus:not(:disabled) { box-shadow: 0 0 0 1.5px #007cba inset; box-shadow: 0 0 0 1.5px 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; width: 100%; cursor: default; padding: 16px; padding-right: 24px; } .block-editor-link-control__search-item .block-editor-link-control__search-item-header { display: block; margin-left: 24px; overflow: hidden; white-space: nowrap; } .block-editor-link-control__search-item .block-editor-link-control__search-item-icon { margin-left: 1em; min-width: 24px; } .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 { max-width: 230px; overflow: hidden; text-overflow: ellipsis; } .block-editor-link-control__search-item .block-editor-link-control__search-item-title mark { color: #1e1e1e; } .block-editor-link-control__search-item .block-editor-link-control__search-item-title { display: block; margin-bottom: 0.2em; font-weight: 500; } .block-editor-link-control__search-item .block-editor-link-control__search-item-title mark { font-weight: 700; color: #000; background-color: transparent; } .block-editor-link-control__search-item .block-editor-link-control__search-item-title span { font-weight: normal; } .block-editor-link-control__search-item .block-editor-link-control__search-item-info { display: block; color: #6c7781; font-size: 0.9em; line-height: 1.3; } .block-editor-link-control__search-item .block-editor-link-control__search-item-type { display: block; padding: 3px 8px; margin-right: auto; font-size: 0.9em; background-color: #f0f0f0; border-radius: 2px; } .block-editor-link-control__loading { margin: 16px; display: flex; align-items: center; } .block-editor-link-control__loading .components-spinner { margin-top: 0; } .components-button + .block-editor-link-control__search-create { margin-top: 20px; overflow: visible; padding: 12px 15px; } .components-button + .block-editor-link-control__search-create::before { content: ""; position: absolute; top: -10px; right: 0; display: block; width: 100%; border-top: 1px solid #ddd; } .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__settings { border-top: 1px solid #ddd; margin: 0; padding: 16px 24px; } .block-editor-link-control__settings :last-child { margin-bottom: 0; } .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 { position: absolute; right: auto; bottom: auto; /* * Position spinner to the left of the actions. * * Compensate for: * - Input margin ($grid-unit-20) * - Border (1px) * - Vertically, for the difference in height between the input (40px) * and the spinner. * - Horizontally, adjust for the width occupied by the icon buttons, * then artificially create spacing that mimics as if the spinner * were center-padded to the same width as an icon button. */ top: 28px; left: 62px; } .block-editor-link-control__search-item-action { margin-right: auto; flex-shrink: 0; } .block-editor-line-height-control { margin-bottom: 24px; } .block-editor-line-height-control input { display: block; max-width: 60px; } .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__width, .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height { margin-bottom: 0.5em; } .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width input, .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height 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 { content: ""; position: absolute; top: -14px; left: -14px; bottom: -14px; right: -14px; z-index: 60; } [data-align="full"] .has-overlay::after { left: 0; right: 0; } .block-editor-block-types-list__list-item { display: block; width: 33.33%; padding: 0; margin: 0; } .components-button.block-editor-block-types-list__item { display: flex; flex-direction: column; width: 100%; font-size: 13px; color: #32373c; padding: 8px; align-items: stretch; justify-content: center; cursor: pointer; background: transparent; word-break: break-word; border-radius: 2px; border: 1px solid transparent; transition: all 0.05s ease-in-out; position: relative; height: auto; } @media (prefers-reduced-motion: reduce) { .components-button.block-editor-block-types-list__item { transition-duration: 0s; } } .components-button.block-editor-block-types-list__item:disabled { opacity: 0.6; cursor: default; } .components-button.block-editor-block-types-list__item:not(:disabled):hover { border-color: #007cba; border-color: var(--wp-admin-theme-color); color: #007cba !important; color: var(--wp-admin-theme-color) !important; } .components-button.block-editor-block-types-list__item:not(:disabled).is-active { color: #fff; background: #1e1e1e; outline: 2px solid transparent; outline-offset: -2px; } .block-editor-block-types-list__item-icon { padding: 12px 20px; border-radius: 2px; color: #1e1e1e; transition: all 0.05s ease-in-out; } @media (prefers-reduced-motion: reduce) { .block-editor-block-types-list__item-icon { transition-duration: 0s; } } .block-editor-block-types-list__item-icon .block-editor-block-icon { margin-right: auto; margin-left: auto; } .block-editor-block-types-list__item-icon svg { transition: all 0.15s ease-out; } @media (prefers-reduced-motion: reduce) { .block-editor-block-types-list__item-icon svg { transition-duration: 0s; } } .block-editor-block-types-list__item-title { padding: 4px 2px 8px; font-size: 12px; } .modal-open .block-editor-media-replace-flow__options { display: none; } .block-editor-media-replace-flow__options .components-popover__content > div { padding-top: 16px; } .block-editor-media-replace-flow__indicator { margin-right: 4px; } .block-editor-media-replace-flow__media-upload-menu { margin-bottom: 16px; } .block-editor-media-flow__url-input .block-editor-media-replace-flow__image-url-label { top: 16px; } .block-editor-media-flow__url-input .block-editor-link-control { margin-top: -16px; width: auto; } .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; margin-top: 16px; } .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item.is-current { width: auto; padding: 0; } .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: 16px 0 0 0; width: 100%; } .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-actions { left: 4px; } .block-editor-media-flow__error { padding: 0 20px 20px 20px; max-width: 255px; } .block-editor-media-flow__error .components-with-notices-ui { max-width: 255px; } .block-editor-media-flow__error .components-with-notices-ui .components-notice__content { overflow: hidden; word-wrap: break-word; } .block-editor-media-flow__error .components-with-notices-ui .components-notice__dismiss { position: absolute; left: 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 { width: 100%; flex-grow: 1; border: none; border-radius: 0; margin: 2px; } @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: 0.5rem; } .block-editor-media-placeholder__cancel-button.is-link { margin: 1em; display: block; } .block-editor-media-placeholder.is-appender { min-height: 0; } .block-editor-media-placeholder.is-appender:hover { cursor: pointer; box-shadow: 0 0 0 1px #007cba; box-shadow: 0 0 0 1px var(--wp-admin-theme-color); } .block-editor-multi-selection-inspector__card { display: flex; align-items: flex-start; 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 { margin-right: -2px; margin-left: 10px; padding: 0 3px; width: 36px; height: 24px; } .block-editor .block-editor-plain-text { box-shadow: none; font-family: inherit; font-size: inherit; color: inherit; line-height: inherit; border: none; padding: 0; margin: 0; width: 100%; } .block-editor-responsive-block-control { margin-bottom: 28px; border-bottom: 1px solid #d7dade; padding-bottom: 14px; } .block-editor-responsive-block-control:last-child { padding-bottom: 0; border-bottom: 0; } .block-editor-responsive-block-control__title { margin: 0; margin-bottom: 0.6em; margin-right: -3px; } .block-editor-responsive-block-control__label { font-weight: 600; margin-bottom: 0.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 { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; } .block-editor-format-toolbar .components-dropdown-menu__toggle { justify-content: center; } .block-editor-rich-text__editable > p:first-child { margin-top: 0; } .block-editor-rich-text__editable [data-rich-text-placeholder] { pointer-events: none; } .block-editor-rich-text__editable [data-rich-text-placeholder]::after { content: attr(data-rich-text-placeholder); opacity: 0.62; } .block-editor-rich-text__editable:focus { outline: none; } .block-editor-rich-text__editable:focus [data-rich-text-format-boundary] { border-radius: 2px; } .block-editor-rich-text__editable:focus:not(.keep-placeholder-on-focus) [data-rich-text-placeholder]::after { display: none; } figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before { opacity: 0.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 { width: auto; min-width: auto; margin-bottom: 8px; box-shadow: none; border: 1px solid #1e1e1e; border-radius: 2px; background-color: #fff; } .components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar-group, .components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar { border: none; } .components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar__control, .components-popover.block-editor-rich-text__inline-format-toolbar .components-dropdown-menu__toggle { min-width: 48px; min-height: 48px; padding-right: 12px; padding-left: 12px; } .block-editor-skip-to-selected-block { position: absolute; top: -9999em; } .block-editor-skip-to-selected-block:focus { height: auto; width: auto; display: block; font-size: 14px; font-weight: 600; padding: 15px 23px 14px; background: #f1f1f1; color: #007cba; color: var(--wp-admin-theme-color); line-height: normal; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); text-decoration: none; outline: none; z-index: 100000; } .block-editor-tool-selector__help { margin-top: 8px; margin-right: -12px; margin-left: -12px; margin-bottom: -12px; padding: 12px 20px; border-top: 1px solid #ddd; color: #6c7781; } .block-editor-block-list__block .block-editor-url-input, .components-popover .block-editor-url-input, .block-editor-url-input { flex-grow: 1; position: relative; padding: 1px; } .block-editor-block-list__block .block-editor-url-input input[type="text"], .components-popover .block-editor-url-input input[type="text"], .block-editor-url-input input[type="text"] { width: 100%; padding: 8px; border: none; border-radius: 0; margin-right: 0; margin-left: 0; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; } @media (min-width: 600px) { .block-editor-block-list__block .block-editor-url-input input[type="text"], .components-popover .block-editor-url-input input[type="text"], .block-editor-url-input input[type="text"] { width: 300px; } } @media (min-width: 600px) { .block-editor-block-list__block .block-editor-url-input input[type="text"], .components-popover .block-editor-url-input input[type="text"], .block-editor-url-input input[type="text"] { font-size: 13px; } } .block-editor-block-list__block .block-editor-url-input input[type="text"]::-ms-clear, .components-popover .block-editor-url-input input[type="text"]::-ms-clear, .block-editor-url-input input[type="text"]::-ms-clear { display: none; } .block-editor-block-list__block .block-editor-url-input.is-full-width, .components-popover .block-editor-url-input.is-full-width, .block-editor-url-input.is-full-width { width: 100%; } .block-editor-block-list__block .block-editor-url-input.is-full-width .block-editor-url-input__input[type="text"], .components-popover .block-editor-url-input.is-full-width .block-editor-url-input__input[type="text"], .block-editor-url-input.is-full-width .block-editor-url-input__input[type="text"] { width: 100%; } .block-editor-block-list__block .block-editor-url-input.is-full-width__suggestions, .components-popover .block-editor-url-input.is-full-width__suggestions, .block-editor-url-input.is-full-width__suggestions { width: 100%; } .block-editor-block-list__block .block-editor-url-input .components-spinner, .components-popover .block-editor-url-input .components-spinner, .block-editor-url-input .components-spinner { position: absolute; left: 8px; bottom: 17px; margin: 0; } .block-editor-url-input__input[type="text"] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; } @media (prefers-reduced-motion: reduce) { .block-editor-url-input__input[type="text"] { transition-duration: 0s; } } @media (min-width: 600px) { .block-editor-url-input__input[type="text"] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .block-editor-url-input__input[type="text"]:focus { border-color: #007cba; border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px #007cba; box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .block-editor-url-input__input[type="text"]::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .block-editor-url-input__input[type="text"]::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .block-editor-url-input__input[type="text"]:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .is-dark-theme .block-editor-url-input__input[type="text"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); } .is-dark-theme .block-editor-url-input__input[type="text"]::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); } .is-dark-theme .block-editor-url-input__input[type="text"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); } .block-editor-url-input__suggestions { max-height: 200px; transition: all 0.15s ease-in-out; padding: 4px 0; width: 302px; overflow-y: auto; } @media (prefers-reduced-motion: reduce) { .block-editor-url-input__suggestions { transition-duration: 0s; } } .block-editor-url-input__suggestions, .block-editor-url-input .components-spinner { display: none; } @media (min-width: 600px) { .block-editor-url-input__suggestions, .block-editor-url-input .components-spinner { display: inherit; } } .block-editor-url-input__suggestion { padding: 4px 8px; color: #6c7781; display: block; font-size: 13px; cursor: pointer; background: #fff; width: 100%; border: none; text-align: right; box-shadow: none; } .block-editor-url-input__suggestion:hover { background: #ddd; } .block-editor-url-input__suggestion:focus, .block-editor-url-input__suggestion.is-selected { background: #005a87; 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 { content: ""; position: absolute; display: block; width: 1px; height: 24px; left: -1px; background: #ddd; } .block-editor-url-input__button-modal { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); border: 1px solid #ddd; background: #fff; } .block-editor-url-input__button-modal-line { display: flex; flex-direction: row; flex-grow: 1; flex-shrink: 1; min-width: 0; align-items: flex-start; } .block-editor-url-input__button-modal-line .components-button { flex-shrink: 0; width: 36px; height: 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: 2px; } .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 { padding: 5px; border-radius: 2px; height: 30px; 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 1.5px #007cba, inset 0 0 0 4px #fff; box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 0 0 4px #fff; outline: 2px solid transparent; } .block-editor-url-popover__settings-toggle { flex-shrink: 0; border-radius: 0; border-right: 1px solid #ddd; 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 { display: block; padding: 16px; border-top: 1px solid #ddd; } .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-editor .block-editor-url-input .components-spinner, .block-editor-url-popover__link-viewer .block-editor-url-input .components-spinner { bottom: 9px; } .block-editor-url-popover__link-viewer-url { margin: 7px; flex-grow: 1; flex-shrink: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 150px; max-width: 500px; } .block-editor-url-popover__link-viewer-url.has-invalid-link { color: #d94f4f; } .block-editor-warning { align-items: center; display: flex; flex-wrap: wrap; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; padding: 6px 12px; border: 1px solid #1e1e1e; border-radius: 2px; background-color: #fff; } .block-editor-warning .block-editor-warning__message { line-height: 1.4; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; margin: 1em 0; } .block-editor-warning p.block-editor-warning__message.block-editor-warning__message { min-height: auto; } .block-editor-warning .block-editor-warning__contents { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; align-items: baseline; width: 100%; } .block-editor-warning .block-editor-warning__actions { display: flex; } .block-editor-warning .block-editor-warning__action { margin: 0 8px 0 0; } .block-editor-warning__secondary { margin: auto 8px auto 0; } .block-editor-writing-flow { display: flex; flex-direction: column; } .block-editor-writing-flow__click-redirect { cursor: text; } .html-anchor-control .components-external-link { display: block; margin-top: 8px; } #end-resizable-editor-section { display: none; } /** * Block Toolbar */ .block-editor-block-toolbar { display: flex; flex-grow: 1; width: 100%; overflow: auto; position: relative; transition: border-color 0.1s linear, box-shadow 0.1s linear; } @media (prefers-reduced-motion: reduce) { .block-editor-block-toolbar { transition-duration: 0s; } } @media (min-width: 600px) { .block-editor-block-toolbar { overflow: inherit; } } .block-editor-block-toolbar .components-toolbar-group, .block-editor-block-toolbar .components-toolbar { background: none; line-height: 0; margin-top: -1px; margin-bottom: -1px; border: 0; border-left: 1px solid #ddd; } .block-editor-block-toolbar > :last-child, .block-editor-block-toolbar > :last-child .components-toolbar-group, .block-editor-block-toolbar > :last-child .components-toolbar { border-left: none; } .block-editor-block-toolbar .components-toolbar-group, .block-editor-block-toolbar .components-toolbar, .block-editor-format-toolbar .components-toolbar-group, .block-editor-format-toolbar .components-toolbar { display: flex; flex-wrap: nowrap; } .block-editor-block-toolbar__slot { display: inline-block; line-height: 0; } @supports ((position: -webkit-sticky) or (position: sticky)) { .block-editor-block-toolbar__slot { display: inline-flex; } } .block-editor-block-toolbar__block-parent-selector-wrapper { position: absolute; top: -1px; right: -1px; opacity: 0; transition: all 60ms linear; z-index: -1; } @media (prefers-reduced-motion: reduce) { .block-editor-block-toolbar__block-parent-selector-wrapper { transition-duration: 0s; } } .is-showing-movers .block-editor-block-toolbar__block-parent-selector-wrapper { opacity: 1; transform: translateY(-60px); } .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar__block-parent-selector-wrapper { display: none; } .block-editor-block-toolbar__mover-switcher-container { display: flex; } .block-editor-block-toolbar__block-switcher-wrapper { display: flex; } .block-editor-block-toolbar__block-switcher-wrapper:not([draggable="false"]) * { cursor: grab; } .block-editor-block-toolbar__block-switcher-wrapper .block-editor-block-switcher { display: block; } .block-editor-inserter { display: inline-block; background: none; border: none; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; line-height: 1.4; } @media (min-width: 782px) { .block-editor-inserter { position: relative; } } .block-editor-inserter__popover .block-editor-inserter__menu { margin: -12px; } .block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__search { top: -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 { overflow: visible; height: auto; } .block-editor-inserter__toggle.components-button { display: inline-flex; align-items: center; cursor: pointer; border: none; outline: none; padding: 0; transition: color 0.2s ease; } @media (prefers-reduced-motion: reduce) { .block-editor-inserter__toggle.components-button { transition-duration: 0s; } } .block-editor-inserter__menu { height: 100%; position: relative; overflow: visible; } .block-editor-inserter__main-area { width: auto; overflow-y: auto; height: 100%; } @media (min-width: 782px) { .block-editor-inserter__main-area { width: 350px; } } .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: 99998; } .block-editor-inserter__search { padding: 16px; position: -webkit-sticky; position: sticky; top: 0; background: #fff; z-index: 1; } .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; display: block; padding: 16px 16px 16px 48px; background: #f0f0f0; border: none; width: 100%; height: 48px; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; } @media (prefers-reduced-motion: reduce) { .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input { transition-duration: 0s; } } @media (min-width: 600px) { .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus { border-color: #007cba; border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px #007cba; box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .is-dark-theme .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); } .is-dark-theme .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); } .is-dark-theme .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); } @media (min-width: 600px) { .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input { font-size: 13px; } } .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus { background: #fff; box-shadow: 0 0 0 1.5px #007cba; box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); } .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:-ms-input-placeholder { color: #606a73; } .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-ms-input-placeholder { color: #606a73; } .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::placeholder { color: #606a73; } .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-search-decoration, .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-search-cancel-button, .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-search-results-button, .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-search-results-decoration { -webkit-appearance: none; } .block-editor-inserter__search-icon { position: absolute; top: 0; left: 20px; bottom: 0; display: flex; align-items: center; } .block-editor-inserter__search-icon > svg { margin: 8px; } .block-editor-inserter__tabs { display: flex; flex-direction: column; margin-top: -8px; } .block-editor-inserter__tabs .components-tab-panel__tabs { position: -webkit-sticky; position: sticky; top: 72px; background: #fff; z-index: 1; 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-grow: 1; flex-direction: column; position: relative; } .block-editor-inserter__panel-header { display: inline-flex; align-items: center; padding: 16px 16px 0; } .block-editor-inserter__panel-content { padding: 0 16px; } .block-editor-inserter__panel-title { margin: 0 0 0 12px; color: #757575; text-transform: uppercase; font-size: 11px; font-weight: 500; } .block-editor-inserter__block-list { flex-grow: 1; position: relative; } .block-editor-inserter__popover .block-editor-block-types-list { margin: 0 -8px; } .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; margin-top: 64px; text-align: center; } .block-editor-inserter__no-results-icon { fill: #b5bcc2; } .block-editor-inserter__child-blocks { padding: 0 16px; } .block-editor-inserter__parent-block-header { display: flex; align-items: center; } .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 { display: none; width: 300px; background: #fff; border-radius: 2px; border: 1px solid #ddd; position: absolute; top: 16px; right: calc(100% + 16px); } @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 { min-height: 144px; background: #f0f0f0; display: -ms-grid; display: grid; flex-grow: 1; align-items: center; } .block-editor-inserter__preview-content-missing { flex: 1; display: flex; justify-content: center; align-items: center; min-height: 144px; color: #606a73; background: #f0f0f0; } .block-editor-inserter__tips { border-top: 1px solid #ddd; padding: 16px; flex-shrink: 0; } .block-editor-inserter__manage-reusable-blocks-container { padding: 16px; } .block-editor-inserter__quick-inserter { width: 100%; } @media (min-width: 782px) { .block-editor-inserter__quick-inserter { width: 350px; } } .block-editor-inserter__quick-inserter-results { padding-bottom: 16px; } .block-editor-inserter__quick-inserter-results .block-editor-inserter__panel-header { height: 0; padding: 0; float: right; } .block-editor-inserter__quick-inserter-patterns { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-gap: 8px; } .block-editor-inserter__quick-inserter-separator { border-top: 1px solid #ddd; } .block-editor-inserter__popover.is-quick > .components-popover__content > div { padding: 0; } .block-editor-inserter__quick-inserter-expand.components-button { display: block; background: #1e1e1e; color: #fff; width: 100%; height: 44px; border-radius: 0; } .block-editor-inserter__quick-inserter-expand.components-button:hover { color: #fff; } .block-editor-inserter__quick-inserter-expand.components-button:focus:not(:disabled) { box-shadow: inset 0 0 0 1.5px #1e1e1e, inset 0 0 0 2px #fff; } .block-editor-post-preview__dropdown { display: none; margin-left: 12px; 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 .components-popover__content { overflow-y: visible; } .block-editor-post-preview__dropdown-content .components-menu-group + .components-menu-group { border-top: 1px solid #ccc; padding: 8px 12px; margin-right: -12px; margin-left: -12px; } @media (min-width: 600px) { .editor-post-preview { display: none; } .block-editor-post-preview__dropdown { display: flex; } } ================================================ FILE: public/vendor/gutenberg/styles/wp-block-editor/style.css ================================================ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Breakpoints & Media Queries */ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Fonts & basic variables. */ /** * Grid System. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */ /** * Dimensions. */ /** * Shadows. */ /** * Editor widths. */ /** * Block UI. */ /** * Border radii. */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left position to the selector passed as argument */ /** * Styles that are reused verbatim in a few places */ /** * Allows users to opt-out of animations via OS-level preferences. */ /** * Reset default styles for JavaScript UI based pages. * This is a WP-admin agnostic reset */ /** * Reset the WP Admin page styles for Gutenberg-like pages. */ :root { --wp-admin-theme-color: #007cba; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-20: #005a87; } #start-resizable-editor-section { display: none; } .block-editor-autocompleters__block .block-editor-block-icon { margin-right: 8px; } .block-editor-block-alignment-matrix-toolbar__popover .components-popover__content { min-width: 0; width: auto; } .block-editor-block-alignment-matrix-toolbar__popover .components-popover__content > div { padding: 8px; } .block-editor-block-icon { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; } .block-editor-block-icon.has-colors svg { fill: currentColor; } .block-editor-block-icon svg { min-width: 20px; min-height: 20px; max-width: 24px; max-height: 24px; } .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 #f0f0f0; } .block-editor-block-inspector .block-editor-block-card { padding: 16px; } .block-editor-block-inspector__no-blocks { display: block; font-size: 13px; background: #fff; padding: 32px 16px; text-align: center; } .block-editor-block-list__layout .block-editor-block-list__block .reusable-block-edit-panel * { z-index: 1; } .block-editor-block-styles .block-editor-block-list__block { margin: 0; } /** * Notices & Block Selected/Hover Styles. */ .block-editor-block-list__layout .block-editor-block-list__block { position: relative; overflow-wrap: break-word; /** * Notices */ /** * Block Layout */ } .block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui { margin: -10px 0 12px 0; } .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui { margin: 0 0 12px 0; 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:not([contenteditable]):focus { outline: none; } .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after { position: absolute; z-index: 1; pointer-events: none; content: ""; top: 1px; bottom: 1px; left: 1px; right: 1px; box-shadow: 0 0 0 1.5px #007cba; box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); border-radius: 1px; } .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after { box-shadow: 0 0 0 1.5px #fff; } .block-editor-block-list__layout .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected) { opacity: 0.5; transition: opacity 0.1s linear; } @media (prefers-reduced-motion: reduce) { .block-editor-block-list__layout .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected) { transition-duration: 0s; } } .block-editor-block-list__layout .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected):not(.is-focused) .block-editor-block-list__block, .block-editor-block-list__layout .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected).is-focused { opacity: 1; } .block-editor-block-list__layout .block-editor-block-list__block, .block-editor-block-list__layout .block-list-appender { position: relative; } .block-editor-block-list__layout .block-editor-block-list__block.is-drop-target::before, .block-editor-block-list__layout .block-list-appender.is-drop-target::before { content: ""; position: absolute; z-index: 0; pointer-events: none; transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear; top: -14px; right: 0; left: 0; border-top: 4px solid #007cba; border-top: 4px solid var(--wp-admin-theme-color); } .block-editor-block-list__layout .block-editor-block-list__block.is-drop-target.is-dropping-horizontally::before, .block-editor-block-list__layout .block-list-appender.is-drop-target.is-dropping-horizontally::before { top: 0; bottom: 0; left: -6px; border-top: none; border-left: 4px solid #007cba; border-left: 4px solid var(--wp-admin-theme-color); } /** * Cross-Block Selection */ .block-editor-block-list__layout { position: relative; } .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after, .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-hovered::after, .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after { position: absolute; z-index: 1; pointer-events: none; content: ""; top: 1px; bottom: 1px; left: 1px; right: 1px; } .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after, .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-hovered::after, .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after { box-shadow: 0 0 0 1.5px #007cba; box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); border-radius: 1px; transition: box-shadow 0.2s ease-out; outline: 2px solid transparent; } @media (prefers-reduced-motion: reduce) { .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after, .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-hovered::after, .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after { transition-duration: 0s; } } .is-dark-theme .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after, .is-dark-theme .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-hovered::after, .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after { box-shadow: 0 0 0 1.5px #fff; } .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected .components-placeholder ::selection, .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-hovered .components-placeholder ::selection, .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted .components-placeholder ::selection, .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected .components-placeholder ::selection { background: transparent; } .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-hovered:not(.is-selected)::after { box-shadow: 0 0 0 1px #949494; } .is-block-moving-mode .block-editor-block-list__layout .block-editor-block-list__block.has-child-selected { box-shadow: 0 0 0 1.5px #007cba; box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); outline: 1.5px solid transparent; } .is-block-moving-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::before { content: ""; position: absolute; z-index: 0; pointer-events: none; transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear; right: 0; left: 0; top: -14px; border-radius: 2px; border-top: 4px solid #ccc; } .is-block-moving-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after { content: none; } .is-block-moving-mode.can-insert-moving-block .block-editor-block-list__layout .block-editor-block-list__block.is-selected::before { border-color: #007cba; border-color: var(--wp-admin-theme-color); } .is-block-moving-mode.block-editor-block-list__block-selection-button { opacity: 0; font-size: 1px; height: 1px; padding: 0; } /** * Block styles and alignments */ .block-editor-block-list__layout .block-editor-block-list__block.has-warning { min-height: 36px; } .block-editor-block-list__layout .block-editor-block-list__block::after { content: ""; pointer-events: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 2px; box-shadow: 0 0 0 1.5px transparent; transition: box-shadow 0.1s ease-in; } @media (prefers-reduced-motion: reduce) { .block-editor-block-list__layout .block-editor-block-list__block::after { transition-duration: 0s; } } .block-editor-block-list__layout .block-editor-block-list__block.has-warning > * { pointer-events: none; -webkit-user-select: none; -ms-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 { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 2px; background-color: rgba(255, 255, 255, 0.4); } .block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected::after { background-color: transparent; } .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; } .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block { cursor: default; } .block-editor-block-list__layout .block-editor-block-list__block[data-clear="true"] { float: none; } .block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__layout .block-editor-default-block-appender .block-editor-inserter { left: auto; right: 8px; } .block-editor-block-list__layout .wp-block { margin-left: auto; margin-right: auto; } .wp-block[data-align="left"], .wp-block[data-align="right"] { width: 100%; height: 0; } .wp-block[data-align="left"]::before, .wp-block[data-align="right"]::before { content: none; } .wp-block[data-align="left"] > *, .wp-block[data-align="right"] > * { z-index: 21; } .wp-block[data-align="left"] > * { /*!rtl:begin:ignore*/ float: left; margin-right: 2em; /*!rtl:end:ignore*/ } .wp-block[data-align="right"] > * { /*!rtl:begin:ignore*/ float: right; margin-left: 2em; /*!rtl:end:ignore*/ } .wp-block[data-align="full"], .wp-block[data-align="wide"] { clear: both; } /** * In-Canvas Inserter */ .block-editor-block-list .block-editor-inserter { margin: 8px; cursor: move; cursor: grab; } .block-editor-block-list__insertion-point { position: relative; z-index: 6; margin-top: -14px; } .block-editor-block-list__insertion-point-indicator { position: absolute; top: calc(50% - 1px); height: 1.5px; left: 0; right: 0; background: #007cba; background: var(--wp-admin-theme-color); } .block-editor-block-list__insertion-point-inserter { display: none; justify-content: center; cursor: text; } @media (min-width: 480px) { .block-editor-block-list__insertion-point-inserter { display: flex; } } .block-editor-block-list__insertion-point-inserter.is-inserter-hidden .block-editor-inserter__toggle { opacity: 0; pointer-events: none; } .block-editor-block-list__block-popover-inserter { position: absolute; top: -9999em; margin-bottom: 14px; } .block-editor-block-list__block-popover-inserter.is-visible { position: static; } .block-editor-block-list__empty-block-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__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon, .block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button.has-icon { background: #1e1e1e; border-radius: 2px; color: #fff; padding: 0; min-width: 24px; height: 24px; } .block-editor-block-list__empty-block-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__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover, .block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button.has-icon:hover { color: #fff; } .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button, .block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button { animation: block-editor-inserter__toggle__fade-in-animation-delayed 0.3s ease; animation-fill-mode: forwards; } @media (prefers-reduced-motion: reduce) { .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button, .block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button { animation-duration: 1ms; } } @keyframes block-editor-inserter__toggle__fade-in-animation-delayed { 0% { opacity: 0; } 80% { opacity: 0; } 100% { opacity: 1; } } @keyframes block-editor-inserter__toggle__fade-in-animation { from { opacity: 0; transform: scale(0); } to { opacity: 1; transform: scale(1); } } .wp-block .block-list-appender .block-editor-inserter__toggle { animation: block-editor-inserter__toggle__fade-in-animation 0.1s ease; animation-fill-mode: forwards; } @media (prefers-reduced-motion: reduce) { .wp-block .block-list-appender .block-editor-inserter__toggle { 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__insertion-point { position: absolute; top: -16px; height: 28px; bottom: auto; left: 14px; right: 14px; } .block-editor-block-list__block .block-editor-block-list__block-html-textarea { display: block; margin: 0; width: 100%; border: none; outline: none; box-shadow: none; resize: none; overflow: hidden; font-family: Menlo, Consolas, monaco, monospace; font-size: 15px; line-height: 150%; transition: padding 0.2s linear; } @media (prefers-reduced-motion: reduce) { .block-editor-block-list__block .block-editor-block-list__block-html-textarea { transition-duration: 0s; } } .block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus { box-shadow: none; } /** * Block Toolbar when contextual. */ .block-editor-block-contextual-toolbar { border: 1px solid #1e1e1e; border-radius: 2px; background-color: #fff; } .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar-group, .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar, .block-editor-block-contextual-toolbar .block-editor-block-toolbar__mover-switcher-container { border-right-color: #1e1e1e; } .block-editor-block-contextual-toolbar .block-editor-block-toolbar__mover-switcher-container { border-right-style: solid; border-right-width: 1px; } .block-editor-block-contextual-toolbar .block-editor-block-toolbar__block-switcher-wrapper .block-editor-block-switcher__no-switcher-icon::before, .block-editor-block-contextual-toolbar .block-editor-block-toolbar__block-switcher-wrapper .block-editor-block-switcher__toggle::before { width: 28px; } .block-editor-block-contextual-toolbar .block-editor-block-toolbar__block-switcher-wrapper .block-editor-block-icon svg { margin-left: 10px; } .block-editor-block-contextual-toolbar .block-editor-block-toolbar__block-switcher-wrapper .block-editor-block-switcher:last-child .block-editor-block-icon svg { margin-left: auto; } .block-editor-block-contextual-toolbar .block-editor-block-toolbar__block-switcher-wrapper .components-toolbar, .block-editor-block-contextual-toolbar .block-editor-block-toolbar__block-switcher-wrapper .components-toolbar-group { border-right: none; } .block-editor-block-contextual-toolbar .block-editor-block-mover { margin-left: -12px; width: 36px; } .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal { width: 48px; } .block-editor-block-contextual-toolbar .block-editor-block-mover .components-button.has-icon.block-editor-block-mover-button.block-editor-block-mover-button { min-width: 36px; width: 36px; } [draggable="true"] .block-editor-block-contextual-toolbar .block-editor-block-mover .components-button.has-icon.block-editor-block-mover-button.block-editor-block-mover-button { cursor: grab; } [draggable="true"] .block-editor-block-contextual-toolbar .block-editor-block-mover .components-button.has-icon.block-editor-block-mover-button.block-editor-block-mover-button:active { cursor: grabbing; } .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .components-button.has-icon.block-editor-block-mover-button.block-editor-block-mover-button { min-width: 24px; width: 24px; } .block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button > svg { margin-left: 2px; } .block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-up-button svg { margin-top: 3px; } .block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-down-button svg { margin-bottom: 3px; } .block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button:focus::before { left: 0 !important; min-width: 0; width: 28px; } /** * Block Label for Navigation/Selection Mode */ .block-editor-block-list__block-selection-button { display: block; z-index: 22; } .block-editor-block-list__block-selection-button .components-button { font-size: 13px; height: 46px; padding: 12px 16px; position: relative; top: -1px; box-shadow: 0 0 0 1px #1e1e1e; border-radius: 1px; background-color: #fff; } .block-editor-block-list__block-selection-button .components-button:focus { box-shadow: 0 0 0 1.5px #007cba; box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); } /** * Warnings. */ .block-editor-block-list__block .block-editor-warning { z-index: 5; position: relative; } .block-editor-block-list__block .block-editor-warning.block-editor-block-list__block-crash-warning { margin-bottom: auto; } /** * Popovers. */ .block-editor-block-list__insertion-point-popover.is-without-arrow { z-index: 28; position: absolute; } .block-editor-block-list__insertion-point-popover.is-without-arrow .components-popover__content.components-popover__content { background: none; border: none; box-shadow: none; overflow-y: visible; margin-left: 0; } .components-popover.block-editor-block-list__block-popover { z-index: 31; position: absolute; } .components-popover.block-editor-block-list__block-popover .components-popover__content { margin: 0 !important; min-width: auto; width: max-content; background: none; border: none; box-shadow: none; overflow-y: visible; pointer-events: none; } .components-popover.block-editor-block-list__block-popover .components-popover__content > * { pointer-events: all; } .components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-list__block-selection-button, .components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-contextual-toolbar { margin-bottom: 12px; } .is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover { opacity: 0; } .is-dragging-components-draggable .components-tooltip { display: none; } .block-editor-block-list__block .block-list-appender { margin: 8px 0; } .has-background .block-editor-block-list__block .block-list-appender { margin: 20px 8px; } .block-editor-block-list__block .block-list-appender .block-list-appender__toggle { padding: 0; opacity: 1; transform: scale(1); transition: all 0.1s ease; } @media (prefers-reduced-motion: reduce) { .block-editor-block-list__block .block-list-appender .block-list-appender__toggle { transition-duration: 0s; } } .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-breadcrumb { list-style: none; padding: 0; margin: 0; } .block-editor-block-breadcrumb li { display: inline-block; margin: 0; } .block-editor-block-breadcrumb li:not(:last-child)::after { content: "\2192"; } .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) { text-decoration: underline; box-shadow: none; } .block-editor-block-breadcrumb__button.components-button:focus { box-shadow: none; } .block-editor-block-breadcrumb__button.components-button:focus::before { content: ""; display: block; position: absolute; border-radius: 2px; top: 1px; right: 1px; bottom: 1px; left: 1px; box-shadow: inset 0 0 0 1.5px #007cba; box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color); } .block-editor-block-breadcrumb__current { cursor: default; } .block-editor-block-breadcrumb__button.components-button, .block-editor-block-breadcrumb__current { color: #1e1e1e; padding: 0 8px; font-size: inherit; } .block-editor-block-card { display: flex; align-items: flex-start; } .block-editor-block-card__icon { border: 1px solid #ccd0d4; padding: 7px; margin-right: 10px; height: 36px; width: 36px; } .block-editor-block-card__content { flex-grow: 1; } .block-editor-block-card__title { font-weight: 500; } .block-editor-block-card__title.block-editor-block-card__title { margin: 0 0 5px; } .block-editor-block-card__description { font-size: 13px; } .block-editor-block-card .block-editor-block-icon { margin-left: -2px; margin-right: 10px; padding: 0 3px; width: 36px; height: 24px; } /** * Invalid block comparison */ .block-editor-block-compare { overflow: auto; height: auto; } @media (min-width: 600px) { .block-editor-block-compare { max-height: 70%; } } .block-editor-block-compare__wrapper { display: flex; padding-bottom: 16px; } .block-editor-block-compare__wrapper > div { display: flex; justify-content: space-between; flex-direction: column; width: 50%; padding: 0 16px 0 0; min-width: 200px; } .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 { font-family: Menlo, Consolas, monaco, monospace; font-size: 12px; color: #1e1e1e; border-bottom: 1px solid #ddd; padding-bottom: 15px; line-height: 1.7; } .block-editor-block-compare__wrapper .block-editor-block-compare__html span { background-color: #e6ffed; padding-top: 3px; padding-bottom: 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: #d94f4f; } .block-editor-block-compare__wrapper .block-editor-block-compare__preview { padding: 0; padding-top: 14px; } .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: 14px; } .block-editor-block-compare__wrapper .block-editor-block-compare__heading { font-size: 1em; font-weight: 400; margin: 0.67em 0; } .block-editor-block-draggable-chip-wrapper { position: absolute; top: -60px; } .block-editor-block-draggable-chip { background-color: #1e1e1e; border-radius: 2px; border: 1px solid #1e1e1e; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); color: #fff; cursor: grabbing; display: inline-flex; height: 48px; min-width: 72px; padding: 0 12px; -webkit-user-select: none; -ms-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 { margin: auto; } .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; } .is-dragging.is-selected, .is-dragging.is-multi-selected { display: none !important; } .block-editor-block-mobile-toolbar { display: flex; flex-direction: row; border-right: 1px solid #ddd; } .block-editor-block-mobile-toolbar .block-editor-block-mover-button { width: 36px; height: 36px; border-radius: 2px; padding: 3px; margin: 0; justify-content: center; align-items: center; } .block-editor-block-mobile-toolbar .block-editor-block-mover-button .dashicon { margin: auto; } .block-editor-block-mobile-toolbar .block-editor-block-mover { display: flex; margin-right: auto; } .block-editor-block-mobile-toolbar .block-editor-block-mover .block-editor-block-mover-button { float: left; } .block-editor-block-mover { display: inline-flex; flex-direction: row; } .block-editor-block-mover-button__description { display: none; } .block-editor-block-mover-button.has-icon { padding: 0; } .block-editor-block-mover .components-toolbar-group, .block-editor-block-mover .components-toolbar { flex-direction: column; flex: 1; } .block-editor-block-mover.is-horizontal .components-toolbar-group, .block-editor-block-mover.is-horizontal .components-toolbar { flex-direction: row; } .block-editor-block-mover .block-editor-block-mover-button { height: 24px; width: 48px; padding: 0 !important; } .block-editor-block-mover .block-editor-block-mover-button::before { left: 8px !important; right: 8px !important; } .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-up-button svg, .block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-up-button svg { margin-bottom: -8px; } .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-up-button::before, .block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-up-button::before { bottom: 0; height: calc(100% - 8px); } .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-down-button svg, .block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-down-button svg { margin-top: -8px; } .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-down-button::before, .block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-down-button::before { top: 0; height: calc(100% - 8px); } .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.has-icon { height: 48px; width: 24px; min-width: 24px; padding-left: 0; padding-right: 0; } .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.has-icon::before { top: 8px; bottom: 8px; min-width: 0; width: auto; height: auto; } .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-up-button.has-icon svg { margin-left: 0; margin-right: -8px; margin-bottom: 0; } .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-up-button.has-icon::before { left: 8px !important; right: 0 !important; } .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-down-button.has-icon svg { margin-left: -8px; margin-right: 0; margin-top: 0; } .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-down-button.has-icon::before { left: 0 !important; right: 8px !important; } .block-editor-block-navigation__container { padding: 7px; } .block-editor-block-navigation__label { margin: 0 0 12px; color: #757575; text-transform: uppercase; font-size: 11px; font-weight: 500; } .block-editor-block-navigation__container { padding: 7px; } .block-editor-block-navigation-tree { width: 100%; border-collapse: collapse; padding: 0; margin: 0; } .block-editor-block-navigation-leaf { position: relative; } .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents { display: flex; align-items: center; width: calc(100% - 0.8em); height: auto; padding: 12px 6px; margin-top: auto; margin-bottom: auto; text-align: left; color: #40464d; border-radius: 2px; } .components-modal__content .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents { padding-left: 0; padding-right: 0; } .block-editor-block-navigation-leaf.is-visible .block-editor-block-navigation-block-contents { opacity: 1; animation: edit-post__fade-in-animation 0.2s ease-out 0s; animation-fill-mode: forwards; } @media (prefers-reduced-motion: reduce) { .block-editor-block-navigation-leaf.is-visible .block-editor-block-navigation-block-contents { animation-duration: 1ms; } } .block-editor-block-navigation-leaf .block-editor-block-icon { align-self: flex-start; margin-right: 6px; } .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell, .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell, .block-editor-block-navigation-leaf .block-editor-block-navigation-block__contents-cell { padding-top: 0; padding-bottom: 0; } .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell, .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell { width: 36px; opacity: 0; vertical-align: top; } @media (prefers-reduced-motion: reduce) { .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell, .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell { transition-duration: 0s; } } .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell.is-visible, .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell.is-visible { opacity: 1; animation: edit-post__fade-in-animation 0.2s ease-out 0s; animation-fill-mode: forwards; } @media (prefers-reduced-motion: reduce) { .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell.is-visible, .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell.is-visible { animation-duration: 1ms; } } .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell, .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell .components-button.has-icon, .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell, .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell .components-button.has-icon { width: 24px; min-width: 24px; padding: 0; } .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell { padding-top: 8px; } .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell-alignment-wrapper { display: flex; height: 100%; flex-direction: column; align-items: center; } .block-editor-block-navigation-leaf .block-editor-block-mover-button { position: relative; width: 36px; height: 24px; } .block-editor-block-navigation-leaf .block-editor-block-mover-button svg { position: relative; height: 24px; } .block-editor-block-navigation-leaf .block-editor-block-mover-button.is-up-button { align-items: flex-end; } .block-editor-block-navigation-leaf .block-editor-block-mover-button.is-up-button svg { bottom: -4px; } .block-editor-block-navigation-leaf .block-editor-block-mover-button.is-down-button { align-items: flex-start; } .block-editor-block-navigation-leaf .block-editor-block-mover-button.is-down-button svg { top: -4px; } .block-editor-block-navigation-leaf .block-editor-block-mover-button:focus:enabled { box-shadow: none; outline: none; } .block-editor-block-navigation-leaf .block-editor-block-mover-button:focus { box-shadow: none; outline: none; } .block-editor-block-navigation-leaf .block-editor-block-mover-button:focus::before { box-shadow: inset 0 0 0 1.5px #007cba, inset 0 0 0 4px #fff; box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 0 0 4px #fff; outline: 2px solid transparent; } .block-editor-block-navigation-leaf .block-editor-block-mover-button::before { content: ""; position: absolute; display: block; border-radius: 2px; height: 16px; min-width: 100%; left: 0; right: 0; animation: components-button__appear-animation 0.1s ease; animation-fill-mode: forwards; } @media (prefers-reduced-motion: reduce) { .block-editor-block-navigation-leaf .block-editor-block-mover-button::before { animation-duration: 1ms; } } .block-editor-block-navigation-leaf .block-editor-inserter__toggle { background: #1e1e1e; color: #fff; height: 24px; margin: 6px 6px 6px 1px; min-width: 24px; } .block-editor-block-navigation-leaf .block-editor-inserter__toggle:active { color: #fff; } .block-editor-block-navigation-block-slot__description, .block-editor-block-navigation-block-select-button__description, .block-editor-block-navigation-appender__description { display: none; } .block-editor-block-navigation-block__contents-cell .block-editor-block-navigation-block__contents-container, .block-editor-block-navigation-block__contents-cell .block-editor-block-navigation-appender__container, .block-editor-block-navigation-appender__cell .block-editor-block-navigation-block__contents-container, .block-editor-block-navigation-appender__cell .block-editor-block-navigation-appender__container { display: flex; } .block-editor-block-navigation-block__contents-cell .block-editor-block-navigation-block__contents-container, .block-editor-block-navigation-appender__cell .block-editor-block-navigation-block__contents-container { min-height: 56px; } .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line, .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line { position: relative; flex-shrink: 0; width: 24px; } .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line:first-child, .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line:first-child { width: 18px; } .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line.has-item, .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.has-item { margin-right: 6px; } .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line::before, .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line::before { content: ""; display: block; position: absolute; top: 1px; bottom: -2px; right: -1px; border-right: 2px solid #a2aab2; } .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line.is-terminated::before, .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.is-terminated::before { border-color: transparent; } .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line.has-item.is-last-row, .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.has-item.is-last-row { height: 26px; } .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line.has-item::after, .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.has-item::after { content: ""; display: block; position: absolute; top: 26px; left: 100%; width: 5px; border-bottom: 2px solid #a2aab2; } .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.has-item.is-last-row { height: 16px; } .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.has-item.is-last-row::after { top: 100%; } .block-editor-block-parent-selector { background: #fff; border-radius: 2px; } .block-editor-block-parent-selector .block-editor-block-parent-selector__button { width: 48px; height: 48px; border: 1px solid #1e1e1e; border-radius: 2px; } .block-editor-block-patterns-list__item { border-radius: 2px; cursor: pointer; margin-top: 16px; transition: all 0.05s ease-in-out; position: relative; border: 1px solid transparent; } .block-editor-block-patterns-list__item:hover { border: 1px solid #007cba; border: 1px solid var(--wp-admin-theme-color); } .block-editor-block-patterns-list__item:focus { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #007cba; box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .block-editor-block-patterns-list__item.is-placeholder { min-height: 100px; } .block-editor-block-patterns-list__item-title { padding: 4px; font-size: 12px; text-align: center; } .block-editor-block-preview__container { position: relative; width: 100%; overflow: hidden; } .block-editor-block-preview__container.editor-styles-wrapper { padding: 0; margin: 0; } .block-editor-block-preview__content { position: absolute; top: 0; left: 0; transform-origin: top left; text-align: initial; margin: 0; overflow: visible; min-height: auto; } .block-editor-block-preview__content .block-editor-block-list__insertion-point, .block-editor-block-preview__content .block-editor-block-drop-zone, .block-editor-block-preview__content .reusable-block-indicator, .block-editor-block-preview__content .block-list-appender { display: none; } .block-editor-block-preview__content .block-editor-block-list__layout.is-root-container { padding-left: 0; padding-right: 0; } .block-editor-block-preview__content .block-editor-block-list__layout.is-root-container > .wp-block[data-align="full"] { margin-left: 0; margin-right: 0; } .block-editor-block-settings-menu__popover .components-dropdown-menu__menu { padding: 0; } .block-editor-block-styles { display: flex; flex-wrap: wrap; justify-content: space-between; } .block-editor-block-styles__item { width: calc(50% - 4px); margin: 4px 0; flex-shrink: 0; cursor: pointer; overflow: hidden; border-radius: 2px; padding: 6px; display: flex; flex-direction: column; } .block-editor-block-styles__item:focus { box-shadow: 0 0 0 1.5px #007cba; box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .block-editor-block-styles__item:hover .block-editor-block-styles__item-preview { border-color: #007cba; border-color: var(--wp-admin-theme-color); } .block-editor-block-styles__item.is-active .block-editor-block-styles__item-label { font-weight: bold; } .block-editor-block-styles__item.is-active .block-editor-block-styles__item-preview { border: 2px solid #1e1e1e; } .block-editor-block-styles__item-preview { outline: 1px solid transparent; padding: 0; border-radius: 2px; display: flex; overflow: hidden; background: #fff; align-items: center; flex-grow: 1; min-height: 80px; } .block-editor-block-switcher__styles__menugroup { position: relative; } .block-editor-block-styles__item-label { text-align: center; padding: 4px 0; } .block-editor-block-switcher { position: relative; } .block-editor-block-switcher__no-switcher-icon, .block-editor-block-switcher__toggle { position: relative; } .components-button.block-editor-block-switcher__toggle, .components-button.block-editor-block-switcher__no-switcher-icon { margin: 0; display: block; height: 48px; } .components-button.block-editor-block-switcher__toggle .block-editor-block-icon, .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { margin: auto; } .components-button.block-editor-block-switcher__no-switcher-icon { width: 48px; } .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-blocks-icon { margin-right: auto; margin-left: auto; } .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 !important; } .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon, .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon, .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon, .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon { padding: 0; } .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 .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, .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon { height: 100%; position: relative; margin: 0 auto; display: flex; align-items: center; } .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 .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, .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before { top: 8px; right: 8px; bottom: 8px; left: 8px; } .components-popover.block-editor-block-switcher__popover .components-popover__content { min-width: 300px; } .components-popover.block-editor-block-switcher__popover .components-popover__content > div { min-width: auto; display: flex; background: #fff; padding: 0; } .components-popover.block-editor-block-switcher__popover .components-popover__content > div .components-menu-group { padding: 16px; margin: 0; } .block-editor-block-switcher__popover .components-popover__content .block-editor-block-styles { margin: 0 -3px; } .block-editor-block-switcher__popover .components-popover__content .components-panel__body { border: 0; position: relative; z-index: 1; } .block-editor-block-switcher__popover .components-popover__content .components-panel__body + .components-panel__body { border-top: 1px solid #f0f0f0; } .block-editor-block-switcher__popover__preview__parent .block-editor-block-switcher__popover__preview__container { position: absolute; top: -12px; left: calc(100% + 32px); } .block-editor-block-switcher__preview__popover { display: none; } .block-editor-block-switcher__preview__popover.components-popover { margin-left: 4px; margin-top: 11px; } @media (min-width: 782px) { .block-editor-block-switcher__preview__popover { display: block; } } .block-editor-block-switcher__preview__popover .components-popover__content { box-shadow: none; border: 1px solid #1e1e1e; background: #fff; border-radius: 2px; } .block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview { width: 300px; height: auto; padding: 16px; } .block-editor-block-switcher__preview-title { margin-bottom: 12px; color: #757575; text-transform: uppercase; font-size: 11px; font-weight: 500; } .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle, .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon { height: 48px; } .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon { width: 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 { width: 48px; height: 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-types-list { list-style: none; padding: 4px; margin-left: -4px; margin-right: -4px; overflow: hidden; display: flex; flex-wrap: wrap; } .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; justify-content: flex-start; flex-direction: row; flex-wrap: wrap; width: 100%; margin: 16px 0; padding: 0; list-style: none; } .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations > li { list-style: none; margin: 8px 8px 0 0; flex-shrink: 1; max-width: 100px; } .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations > li button { display: flex; } .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 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 12px; display: block; margin-right: 12px; text-align: center; } .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 { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 8px; width: 100%; height: auto; color: #1e1e1e; box-shadow: inset 0 0 0 1px #1e1e1e; } .block-editor-button-block-appender:hover { box-shadow: inset 0 0 0 1px #007cba; box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); } .block-editor-button-block-appender:focus { box-shadow: inset 0 0 0 2px #007cba; box-shadow: inset 0 0 0 2px var(--wp-admin-theme-color); } .block-editor-button-block-appender:active { color: #000; } .block-editor-button-block-appender.block-list-appender__toggle { display: flex; flex-direction: row; color: #1e1e1e; box-shadow: none; height: 24px; padding: 0; margin-left: 8px; } .block-editor-button-block-appender.block-list-appender__toggle:active { color: #fff; } .block-editor-button-block-appender.block-list-appender__toggle > svg { width: 24px; background-color: #1e1e1e; color: #fff; border-radius: 2px; } .block-editor-color-gradient-control__color-indicator { margin-bottom: 8px; } .block-editor-color-gradient-control__button-tabs { display: block; margin-bottom: 8px; } .block-editor-panel-color-gradient-settings .component-color-indicator { vertical-align: text-bottom; } .block-editor-panel-color-gradient-settings__panel-title .component-color-indicator { display: inline-block; } .block-editor-panel-color-gradient-settings.is-opened .block-editor-panel-color-gradient-settings__panel-title .component-color-indicator { display: none; } .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 textarea.block-editor-default-block-appender__content { font-family: inherit; font-size: inherit; border: none; background: none; box-shadow: none; display: block; cursor: text; width: 100%; outline: 1px solid transparent; transition: 0.2s outline; resize: none; margin-top: 28px; margin-bottom: 28px; padding: 0 50px 0 0; color: rgba(30, 30, 30, 0.62); } @media (prefers-reduced-motion: reduce) { .block-editor-default-block-appender textarea.block-editor-default-block-appender__content { transition-duration: 0s; } } .is-dark-theme .block-editor-default-block-appender textarea.block-editor-default-block-appender__content { color: rgba(255, 255, 255, 0.65); } .block-editor-default-block-appender .components-drop-zone__content-icon { display: none; } .block-editor-default-block-appender__content { line-height: 1.8; } .block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter, .block-editor-default-block-appender .block-editor-inserter { position: absolute; top: 0; height: 32px; } .block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle, .block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle { margin-right: 0; } .block-editor-block-list__empty-block-inserter, .block-editor-default-block-appender .block-editor-inserter { right: 8px; } @media (min-width: 600px) { .block-editor-block-list__empty-block-inserter, .block-editor-default-block-appender .block-editor-inserter { display: flex; height: 100%; } } .block-editor-block-list__empty-block-inserter:disabled, .block-editor-default-block-appender .block-editor-inserter:disabled { display: none; } @media (min-width: 600px) { .block-editor-default-block-appender .block-editor-inserter { align-items: center; } } .block-editor-link-control { position: relative; min-width: 360px; } .components-popover__content .block-editor-link-control { min-width: auto; width: 90vw; max-width: 360px; } .block-editor-link-control__search-input-wrapper { position: relative; } .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; width: calc(100% - 32px); display: block; padding: 11px 16px; padding-right: 36px; margin: 16px; position: relative; border: 1px solid #ddd; border-radius: 2px; } @media (prefers-reduced-motion: reduce) { .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"] { transition-duration: 0s; } } @media (min-width: 600px) { .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]:focus { border-color: #007cba; border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px #007cba; box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .is-dark-theme .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); } .is-dark-theme .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); } .is-dark-theme .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); } .block-editor-link-control .block-editor-link-control__search-input .components-base-control__field { margin-bottom: 0; } .block-editor-link-control__search-error { margin: -8px 16px 16px; } .block-editor-link-control__search-actions { position: absolute; /* * Actions must be positioned on top of URLInput, since the input will grow * when suggestions are rendered. * * Compensate for: * - Input margin ($grid-unit-20) * - Border (1px) * - Vertically, for the difference in height between the input (40px) and * the icon buttons. * - Horizontally, pad to the minimum of: default input padding, or the * equivalent of the vertical padding. */ top: 19px; right: 19px; } .block-editor-link-control__search-results-wrapper { position: relative; margin-top: -15px; } .block-editor-link-control__search-results-wrapper::before, .block-editor-link-control__search-results-wrapper::after { content: ""; position: absolute; left: -1px; right: 16px; display: block; pointer-events: none; z-index: 100; } .block-editor-link-control__search-results-wrapper::before { height: 8px; top: 0; bottom: auto; background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%); } .block-editor-link-control__search-results-wrapper::after { height: 16px; bottom: 0; top: auto; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); } .block-editor-link-control__search-results-label { padding: 15px 30px 0 30px; display: block; font-size: 1.1em; } .block-editor-link-control__search-results { margin: 0; padding: 8px 16px 8px; max-height: 200px; overflow-y: auto; } .block-editor-link-control__search-results.is-loading { opacity: 0.2; } .block-editor-link-control__search-item { position: relative; display: flex; align-items: center; font-size: 13px; cursor: pointer; background: #fff; width: 100%; border: none; text-align: left; padding: 10px 15px; border-radius: 5px; height: auto; } .block-editor-link-control__search-item:hover, .block-editor-link-control__search-item:focus { background-color: #ddd; } .block-editor-link-control__search-item:focus:not(:disabled) { box-shadow: 0 0 0 1.5px #007cba inset; box-shadow: 0 0 0 1.5px 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; width: 100%; cursor: default; padding: 16px; padding-left: 24px; } .block-editor-link-control__search-item .block-editor-link-control__search-item-header { display: block; margin-right: 24px; overflow: hidden; white-space: nowrap; } .block-editor-link-control__search-item .block-editor-link-control__search-item-icon { margin-right: 1em; min-width: 24px; } .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 { max-width: 230px; overflow: hidden; text-overflow: ellipsis; } .block-editor-link-control__search-item .block-editor-link-control__search-item-title mark { color: #1e1e1e; } .block-editor-link-control__search-item .block-editor-link-control__search-item-title { display: block; margin-bottom: 0.2em; font-weight: 500; } .block-editor-link-control__search-item .block-editor-link-control__search-item-title mark { font-weight: 700; color: #000; background-color: transparent; } .block-editor-link-control__search-item .block-editor-link-control__search-item-title span { font-weight: normal; } .block-editor-link-control__search-item .block-editor-link-control__search-item-info { display: block; color: #6c7781; font-size: 0.9em; line-height: 1.3; } .block-editor-link-control__search-item .block-editor-link-control__search-item-type { display: block; padding: 3px 8px; margin-left: auto; font-size: 0.9em; background-color: #f0f0f0; border-radius: 2px; } .block-editor-link-control__loading { margin: 16px; display: flex; align-items: center; } .block-editor-link-control__loading .components-spinner { margin-top: 0; } .components-button + .block-editor-link-control__search-create { margin-top: 20px; overflow: visible; padding: 12px 15px; } .components-button + .block-editor-link-control__search-create::before { content: ""; position: absolute; top: -10px; left: 0; display: block; width: 100%; border-top: 1px solid #ddd; } .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__settings { border-top: 1px solid #ddd; margin: 0; padding: 16px 24px; } .block-editor-link-control__settings :last-child { margin-bottom: 0; } .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 { position: absolute; left: auto; bottom: auto; /* * Position spinner to the left of the actions. * * Compensate for: * - Input margin ($grid-unit-20) * - Border (1px) * - Vertically, for the difference in height between the input (40px) * and the spinner. * - Horizontally, adjust for the width occupied by the icon buttons, * then artificially create spacing that mimics as if the spinner * were center-padded to the same width as an icon button. */ top: 28px; right: 62px; } .block-editor-link-control__search-item-action { margin-left: auto; flex-shrink: 0; } .block-editor-line-height-control { margin-bottom: 24px; } .block-editor-line-height-control input { display: block; max-width: 60px; } .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__width, .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height { margin-bottom: 0.5em; } .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width input, .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height 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 { content: ""; position: absolute; top: -14px; right: -14px; bottom: -14px; left: -14px; z-index: 60; } [data-align="full"] .has-overlay::after { right: 0; left: 0; } .block-editor-block-types-list__list-item { display: block; width: 33.33%; padding: 0; margin: 0; } .components-button.block-editor-block-types-list__item { display: flex; flex-direction: column; width: 100%; font-size: 13px; color: #32373c; padding: 8px; align-items: stretch; justify-content: center; cursor: pointer; background: transparent; word-break: break-word; border-radius: 2px; border: 1px solid transparent; transition: all 0.05s ease-in-out; position: relative; height: auto; } @media (prefers-reduced-motion: reduce) { .components-button.block-editor-block-types-list__item { transition-duration: 0s; } } .components-button.block-editor-block-types-list__item:disabled { opacity: 0.6; cursor: default; } .components-button.block-editor-block-types-list__item:not(:disabled):hover { border-color: #007cba; border-color: var(--wp-admin-theme-color); color: #007cba !important; color: var(--wp-admin-theme-color) !important; } .components-button.block-editor-block-types-list__item:not(:disabled).is-active { color: #fff; background: #1e1e1e; outline: 2px solid transparent; outline-offset: -2px; } .block-editor-block-types-list__item-icon { padding: 12px 20px; border-radius: 2px; color: #1e1e1e; transition: all 0.05s ease-in-out; } @media (prefers-reduced-motion: reduce) { .block-editor-block-types-list__item-icon { 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 0.15s ease-out; } @media (prefers-reduced-motion: reduce) { .block-editor-block-types-list__item-icon svg { transition-duration: 0s; } } .block-editor-block-types-list__item-title { padding: 4px 2px 8px; font-size: 12px; } .modal-open .block-editor-media-replace-flow__options { display: none; } .block-editor-media-replace-flow__options .components-popover__content > div { padding-top: 16px; } .block-editor-media-replace-flow__indicator { margin-left: 4px; } .block-editor-media-replace-flow__media-upload-menu { margin-bottom: 16px; } .block-editor-media-flow__url-input .block-editor-media-replace-flow__image-url-label { top: 16px; } .block-editor-media-flow__url-input .block-editor-link-control { margin-top: -16px; width: auto; } .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; margin-top: 16px; } .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item.is-current { width: auto; padding: 0; } .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: 16px 0 0 0; width: 100%; } .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-actions { right: 4px; } .block-editor-media-flow__error { padding: 0 20px 20px 20px; max-width: 255px; } .block-editor-media-flow__error .components-with-notices-ui { max-width: 255px; } .block-editor-media-flow__error .components-with-notices-ui .components-notice__content { overflow: hidden; word-wrap: break-word; } .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 { width: 100%; flex-grow: 1; border: none; border-radius: 0; margin: 2px; } @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: 0.5rem; } .block-editor-media-placeholder__cancel-button.is-link { margin: 1em; display: block; } .block-editor-media-placeholder.is-appender { min-height: 0; } .block-editor-media-placeholder.is-appender:hover { cursor: pointer; box-shadow: 0 0 0 1px #007cba; box-shadow: 0 0 0 1px var(--wp-admin-theme-color); } .block-editor-multi-selection-inspector__card { display: flex; align-items: flex-start; 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 { margin-left: -2px; margin-right: 10px; padding: 0 3px; width: 36px; height: 24px; } .block-editor .block-editor-plain-text { box-shadow: none; font-family: inherit; font-size: inherit; color: inherit; line-height: inherit; border: none; padding: 0; margin: 0; width: 100%; } .block-editor-responsive-block-control { margin-bottom: 28px; border-bottom: 1px solid #d7dade; padding-bottom: 14px; } .block-editor-responsive-block-control:last-child { padding-bottom: 0; border-bottom: 0; } .block-editor-responsive-block-control__title { margin: 0; margin-bottom: 0.6em; margin-left: -3px; } .block-editor-responsive-block-control__label { font-weight: 600; margin-bottom: 0.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 { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; } .block-editor-format-toolbar .components-dropdown-menu__toggle { justify-content: center; } .block-editor-rich-text__editable > p:first-child { margin-top: 0; } .block-editor-rich-text__editable [data-rich-text-placeholder] { pointer-events: none; } .block-editor-rich-text__editable [data-rich-text-placeholder]::after { content: attr(data-rich-text-placeholder); opacity: 0.62; } .block-editor-rich-text__editable:focus { outline: none; } .block-editor-rich-text__editable:focus [data-rich-text-format-boundary] { border-radius: 2px; } .block-editor-rich-text__editable:focus:not(.keep-placeholder-on-focus) [data-rich-text-placeholder]::after { display: none; } figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before { opacity: 0.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 { width: auto; min-width: auto; margin-bottom: 8px; box-shadow: none; border: 1px solid #1e1e1e; border-radius: 2px; background-color: #fff; } .components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar-group, .components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar { border: none; } .components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar__control, .components-popover.block-editor-rich-text__inline-format-toolbar .components-dropdown-menu__toggle { min-width: 48px; min-height: 48px; padding-left: 12px; padding-right: 12px; } .block-editor-skip-to-selected-block { position: absolute; top: -9999em; } .block-editor-skip-to-selected-block:focus { height: auto; width: auto; display: block; font-size: 14px; font-weight: 600; padding: 15px 23px 14px; background: #f1f1f1; color: #007cba; color: var(--wp-admin-theme-color); line-height: normal; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); text-decoration: none; outline: none; z-index: 100000; } .block-editor-tool-selector__help { margin-top: 8px; margin-left: -12px; margin-right: -12px; margin-bottom: -12px; padding: 12px 20px; border-top: 1px solid #ddd; color: #6c7781; } .block-editor-block-list__block .block-editor-url-input, .components-popover .block-editor-url-input, .block-editor-url-input { flex-grow: 1; position: relative; padding: 1px; } .block-editor-block-list__block .block-editor-url-input input[type="text"], .components-popover .block-editor-url-input input[type="text"], .block-editor-url-input input[type="text"] { width: 100%; padding: 8px; border: none; border-radius: 0; margin-left: 0; margin-right: 0; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; } @media (min-width: 600px) { .block-editor-block-list__block .block-editor-url-input input[type="text"], .components-popover .block-editor-url-input input[type="text"], .block-editor-url-input input[type="text"] { width: 300px; } } @media (min-width: 600px) { .block-editor-block-list__block .block-editor-url-input input[type="text"], .components-popover .block-editor-url-input input[type="text"], .block-editor-url-input input[type="text"] { font-size: 13px; } } .block-editor-block-list__block .block-editor-url-input input[type="text"]::-ms-clear, .components-popover .block-editor-url-input input[type="text"]::-ms-clear, .block-editor-url-input input[type="text"]::-ms-clear { display: none; } .block-editor-block-list__block .block-editor-url-input.is-full-width, .components-popover .block-editor-url-input.is-full-width, .block-editor-url-input.is-full-width { width: 100%; } .block-editor-block-list__block .block-editor-url-input.is-full-width .block-editor-url-input__input[type="text"], .components-popover .block-editor-url-input.is-full-width .block-editor-url-input__input[type="text"], .block-editor-url-input.is-full-width .block-editor-url-input__input[type="text"] { width: 100%; } .block-editor-block-list__block .block-editor-url-input.is-full-width__suggestions, .components-popover .block-editor-url-input.is-full-width__suggestions, .block-editor-url-input.is-full-width__suggestions { width: 100%; } .block-editor-block-list__block .block-editor-url-input .components-spinner, .components-popover .block-editor-url-input .components-spinner, .block-editor-url-input .components-spinner { position: absolute; right: 8px; bottom: 17px; margin: 0; } .block-editor-url-input__input[type="text"] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; } @media (prefers-reduced-motion: reduce) { .block-editor-url-input__input[type="text"] { transition-duration: 0s; } } @media (min-width: 600px) { .block-editor-url-input__input[type="text"] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .block-editor-url-input__input[type="text"]:focus { border-color: #007cba; border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px #007cba; box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .block-editor-url-input__input[type="text"]::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .block-editor-url-input__input[type="text"]::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .block-editor-url-input__input[type="text"]:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .is-dark-theme .block-editor-url-input__input[type="text"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); } .is-dark-theme .block-editor-url-input__input[type="text"]::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); } .is-dark-theme .block-editor-url-input__input[type="text"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); } .block-editor-url-input__suggestions { max-height: 200px; transition: all 0.15s ease-in-out; padding: 4px 0; width: 302px; overflow-y: auto; } @media (prefers-reduced-motion: reduce) { .block-editor-url-input__suggestions { transition-duration: 0s; } } .block-editor-url-input__suggestions, .block-editor-url-input .components-spinner { display: none; } @media (min-width: 600px) { .block-editor-url-input__suggestions, .block-editor-url-input .components-spinner { display: inherit; } } .block-editor-url-input__suggestion { padding: 4px 8px; color: #6c7781; display: block; font-size: 13px; cursor: pointer; background: #fff; width: 100%; border: none; text-align: left; box-shadow: none; } .block-editor-url-input__suggestion:hover { background: #ddd; } .block-editor-url-input__suggestion:focus, .block-editor-url-input__suggestion.is-selected { background: #005a87; 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 { content: ""; position: absolute; display: block; width: 1px; height: 24px; right: -1px; background: #ddd; } .block-editor-url-input__button-modal { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); border: 1px solid #ddd; background: #fff; } .block-editor-url-input__button-modal-line { display: flex; flex-direction: row; flex-grow: 1; flex-shrink: 1; min-width: 0; align-items: flex-start; } .block-editor-url-input__button-modal-line .components-button { flex-shrink: 0; width: 36px; height: 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: 2px; } .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 { padding: 5px; border-radius: 2px; height: 30px; 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 1.5px #007cba, inset 0 0 0 4px #fff; box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 0 0 4px #fff; outline: 2px solid transparent; } .block-editor-url-popover__settings-toggle { flex-shrink: 0; border-radius: 0; border-left: 1px solid #ddd; 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 { display: block; padding: 16px; border-top: 1px solid #ddd; } .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-editor .block-editor-url-input .components-spinner, .block-editor-url-popover__link-viewer .block-editor-url-input .components-spinner { bottom: 9px; } .block-editor-url-popover__link-viewer-url { margin: 7px; flex-grow: 1; flex-shrink: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 150px; max-width: 500px; } .block-editor-url-popover__link-viewer-url.has-invalid-link { color: #d94f4f; } .block-editor-warning { align-items: center; display: flex; flex-wrap: wrap; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; padding: 6px 12px; border: 1px solid #1e1e1e; border-radius: 2px; background-color: #fff; } .block-editor-warning .block-editor-warning__message { line-height: 1.4; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; margin: 1em 0; } .block-editor-warning p.block-editor-warning__message.block-editor-warning__message { min-height: auto; } .block-editor-warning .block-editor-warning__contents { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; align-items: baseline; width: 100%; } .block-editor-warning .block-editor-warning__actions { display: flex; } .block-editor-warning .block-editor-warning__action { margin: 0 0 0 8px; } .block-editor-warning__secondary { margin: auto 0 auto 8px; } .block-editor-writing-flow { display: flex; flex-direction: column; } .block-editor-writing-flow__click-redirect { cursor: text; } .html-anchor-control .components-external-link { display: block; margin-top: 8px; } #end-resizable-editor-section { display: none; } /** * Block Toolbar */ .block-editor-block-toolbar { display: flex; flex-grow: 1; width: 100%; overflow: auto; position: relative; transition: border-color 0.1s linear, box-shadow 0.1s linear; } @media (prefers-reduced-motion: reduce) { .block-editor-block-toolbar { transition-duration: 0s; } } @media (min-width: 600px) { .block-editor-block-toolbar { overflow: inherit; } } .block-editor-block-toolbar .components-toolbar-group, .block-editor-block-toolbar .components-toolbar { background: none; line-height: 0; margin-top: -1px; margin-bottom: -1px; border: 0; border-right: 1px solid #ddd; } .block-editor-block-toolbar > :last-child, .block-editor-block-toolbar > :last-child .components-toolbar-group, .block-editor-block-toolbar > :last-child .components-toolbar { border-right: none; } .block-editor-block-toolbar .components-toolbar-group, .block-editor-block-toolbar .components-toolbar, .block-editor-format-toolbar .components-toolbar-group, .block-editor-format-toolbar .components-toolbar { display: flex; flex-wrap: nowrap; } .block-editor-block-toolbar__slot { display: inline-block; line-height: 0; } @supports ((position: -webkit-sticky) or (position: sticky)) { .block-editor-block-toolbar__slot { display: inline-flex; } } .block-editor-block-toolbar__block-parent-selector-wrapper { position: absolute; top: -1px; left: -1px; opacity: 0; transition: all 60ms linear; z-index: -1; } @media (prefers-reduced-motion: reduce) { .block-editor-block-toolbar__block-parent-selector-wrapper { transition-duration: 0s; } } .is-showing-movers .block-editor-block-toolbar__block-parent-selector-wrapper { opacity: 1; transform: translateY(-60px); } .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar__block-parent-selector-wrapper { display: none; } .block-editor-block-toolbar__mover-switcher-container { display: flex; } .block-editor-block-toolbar__block-switcher-wrapper { display: flex; } .block-editor-block-toolbar__block-switcher-wrapper:not([draggable="false"]) * { cursor: grab; } .block-editor-block-toolbar__block-switcher-wrapper .block-editor-block-switcher { display: block; } .block-editor-inserter { display: inline-block; background: none; border: none; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; line-height: 1.4; } @media (min-width: 782px) { .block-editor-inserter { position: relative; } } .block-editor-inserter__popover .block-editor-inserter__menu { margin: -12px; } .block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__search { top: -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 { overflow: visible; height: auto; } .block-editor-inserter__toggle.components-button { display: inline-flex; align-items: center; cursor: pointer; border: none; outline: none; padding: 0; transition: color 0.2s ease; } @media (prefers-reduced-motion: reduce) { .block-editor-inserter__toggle.components-button { transition-duration: 0s; } } .block-editor-inserter__menu { height: 100%; position: relative; overflow: visible; } .block-editor-inserter__main-area { width: auto; overflow-y: auto; height: 100%; } @media (min-width: 782px) { .block-editor-inserter__main-area { width: 350px; } } .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: 99998; } .block-editor-inserter__search { padding: 16px; position: -webkit-sticky; position: sticky; top: 0; background: #fff; z-index: 1; } .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; display: block; padding: 16px 48px 16px 16px; background: #f0f0f0; border: none; width: 100%; height: 48px; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; } @media (prefers-reduced-motion: reduce) { .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input { transition-duration: 0s; } } @media (min-width: 600px) { .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus { border-color: #007cba; border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px #007cba; box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .is-dark-theme .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); } .is-dark-theme .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); } .is-dark-theme .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); } @media (min-width: 600px) { .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input { font-size: 13px; } } .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus { background: #fff; box-shadow: 0 0 0 1.5px #007cba; box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); } .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:-ms-input-placeholder { color: #606a73; } .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-ms-input-placeholder { color: #606a73; } .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::placeholder { color: #606a73; } .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-search-decoration, .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-search-cancel-button, .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-search-results-button, .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-search-results-decoration { -webkit-appearance: none; } .block-editor-inserter__search-icon { position: absolute; top: 0; right: 20px; bottom: 0; display: flex; align-items: center; } .block-editor-inserter__search-icon > svg { margin: 8px; } .block-editor-inserter__tabs { display: flex; flex-direction: column; margin-top: -8px; } .block-editor-inserter__tabs .components-tab-panel__tabs { position: -webkit-sticky; position: sticky; top: 72px; background: #fff; z-index: 1; 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-grow: 1; flex-direction: column; position: relative; } .block-editor-inserter__panel-header { display: inline-flex; align-items: center; padding: 16px 16px 0; } .block-editor-inserter__panel-content { padding: 0 16px; } .block-editor-inserter__panel-title { margin: 0 12px 0 0; color: #757575; text-transform: uppercase; font-size: 11px; font-weight: 500; } .block-editor-inserter__block-list { flex-grow: 1; position: relative; } .block-editor-inserter__popover .block-editor-block-types-list { margin: 0 -8px; } .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; margin-top: 64px; text-align: center; } .block-editor-inserter__no-results-icon { fill: #b5bcc2; } .block-editor-inserter__child-blocks { padding: 0 16px; } .block-editor-inserter__parent-block-header { display: flex; align-items: center; } .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 { display: none; width: 300px; background: #fff; border-radius: 2px; border: 1px solid #ddd; position: absolute; top: 16px; left: calc(100% + 16px); } @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 { min-height: 144px; background: #f0f0f0; display: -ms-grid; display: grid; flex-grow: 1; align-items: center; } .block-editor-inserter__preview-content-missing { flex: 1; display: flex; justify-content: center; align-items: center; min-height: 144px; color: #606a73; background: #f0f0f0; } .block-editor-inserter__tips { border-top: 1px solid #ddd; padding: 16px; flex-shrink: 0; } .block-editor-inserter__manage-reusable-blocks-container { padding: 16px; } .block-editor-inserter__quick-inserter { width: 100%; } @media (min-width: 782px) { .block-editor-inserter__quick-inserter { width: 350px; } } .block-editor-inserter__quick-inserter-results { padding-bottom: 16px; } .block-editor-inserter__quick-inserter-results .block-editor-inserter__panel-header { height: 0; padding: 0; float: left; } .block-editor-inserter__quick-inserter-patterns { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-gap: 8px; } .block-editor-inserter__quick-inserter-separator { border-top: 1px solid #ddd; } .block-editor-inserter__popover.is-quick > .components-popover__content > div { padding: 0; } .block-editor-inserter__quick-inserter-expand.components-button { display: block; background: #1e1e1e; color: #fff; width: 100%; height: 44px; border-radius: 0; } .block-editor-inserter__quick-inserter-expand.components-button:hover { color: #fff; } .block-editor-inserter__quick-inserter-expand.components-button:focus:not(:disabled) { box-shadow: inset 0 0 0 1.5px #1e1e1e, inset 0 0 0 2px #fff; } .block-editor-post-preview__dropdown { display: none; margin-right: 12px; 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 .components-popover__content { overflow-y: visible; } .block-editor-post-preview__dropdown-content .components-menu-group + .components-menu-group { border-top: 1px solid #ccc; padding: 8px 12px; margin-left: -12px; margin-right: -12px; } @media (min-width: 600px) { .editor-post-preview { display: none; } .block-editor-post-preview__dropdown { display: flex; } } ================================================ FILE: public/vendor/gutenberg/styles/wp-block-library/editor-rtl.css ================================================ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Breakpoints & Media Queries */ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Fonts & basic variables. */ /** * Grid System. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */ /** * Dimensions. */ /** * Shadows. */ /** * Editor widths. */ /** * Block UI. */ /** * Border radii. */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left position to the selector passed as argument */ /** * Styles that are reused verbatim in a few places */ /** * Allows users to opt-out of animations via OS-level preferences. */ /** * Reset default styles for JavaScript UI based pages. * This is a WP-admin agnostic reset */ /** * Reset the WP Admin page styles for Gutenberg-like pages. */ :root { --wp-admin-theme-color: #007cba; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-20: #005a87; } #start-resizable-editor-section { display: none; } .block-editor ul.wp-block-archives { padding-right: 2.5em; } .wp-block-audio { margin-right: 0; margin-left: 0; } .edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow__click-redirect { min-height: auto; } .edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container { padding-right: 0; padding-left: 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 { text-align: center; margin-right: auto; margin-left: auto; } .wp-block[data-align="right"] > .wp-block-button { text-align: right; } .wp-block-button { position: relative; cursor: text; } .wp-block-button:not(.has-text-color):not(.is-style-outline) [data-rich-text-placeholder]::after { color: #fff; } .wp-block-button:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba; 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: 0.8; } .wp-block-button__inline-link { color: #555d66; height: 0; overflow: hidden; max-width: 290px; } .wp-block-button__inline-link-input__suggestions { max-width: 290px; } @media (min-width: 782px) { .wp-block-button__inline-link { max-width: 260px; } .wp-block-button__inline-link-input__suggestions { max-width: 260px; } } @media (min-width: 960px) { .wp-block-button__inline-link { max-width: 290px; } .wp-block-button__inline-link-input__suggestions { max-width: 290px; } } .is-selected .wp-block-button__inline-link { height: auto; overflow: visible; margin-top: 16px; } div[data-type="core/button"] { display: table; } .wp-block-buttons .wp-block.block-editor-block-list__block[data-type="core/button"] { display: inline-block; width: auto; } .wp-block[data-align="center"] > .wp-block-buttons { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; } .wp-block[data-align="right"] > .wp-block-buttons { display: flex; justify-content: flex-end; } .wp-block-buttons .block-list-appender { display: inline-block; } .block-editor .wp-block-categories ul { padding-right: 2.5em; } .block-editor .wp-block-categories ul ul { margin-top: 6px; } .wp-block-code > code { display: block; } .wp-block-columns .wp-block { max-width: none; } @media (min-width: 600px) { .editor-styles-wrapper .block-editor-block-list__block.wp-block-column:nth-child(even) { margin-right: 32px; } } @media (min-width: 782px) { .editor-styles-wrapper .block-editor-block-list__block.wp-block-column:not(:first-child) { margin-right: 32px; } } .block-editor-block-list__block.wp-block-column.wp-block-column { margin-top: 0; margin-bottom: 0; } .wp-block-cover { position: relative; } .wp-block-cover.is-placeholder { min-height: auto !important; padding: 0 !important; } .wp-block-cover.components-placeholder h2 { color: inherit; } .wp-block-cover .block-editor-block-list__layout { width: 100%; } .wp-block-cover .wp-block-cover__inner-container { text-align: right; margin-right: 0; margin-left: 0; } .wp-block-cover .wp-block-cover__placeholder-background-options { width: 100%; } [data-align="left"] > .wp-block-cover, [data-align="right"] > .wp-block-cover { max-width: 290px; width: 100%; } .block-library-cover__reset-button { margin-right: auto; } .block-library-cover__resize-container { position: absolute !important; top: 0; right: 0; left: 0; bottom: 0; } .block-library-cover__resize-container:not(.is-resizing) { height: auto !important; } .wp-block-embed { margin-right: 0; margin-left: 0; clear: both; } .wp-block-embed.is-loading { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 1em; min-height: 200px; text-align: center; border-radius: 2px; background-color: #fff; box-shadow: inset 0 0 0 1px #1e1e1e; } .wp-block-embed.is-loading p { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; } .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 { position: absolute; top: 0; right: 0; left: 0; bottom: 0; opacity: 0; } .wp-block-file { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0; } .wp-block-file .wp-block-file__content-wrapper { flex-grow: 1; } .wp-block-file .wp-block-file__textlink { display: inline-block; min-width: 1em; } .wp-block-file .wp-block-file__textlink:focus { box-shadow: none; } .wp-block-file .wp-block-file__button-richtext-wrapper { display: inline-block; margin-right: 0.75em; } .wp-block-file .wp-block-file__copy-url-button { margin-right: 1em; } .wp-block-freeform.block-library-rich-text__tinymce { height: auto; /* Allow height of embed iframes to be calculated properly */ /* Remove blue highlighting of selected images in WebKit */ /* Image captions */ /* WP Views */ } .wp-block-freeform.block-library-rich-text__tinymce p, .wp-block-freeform.block-library-rich-text__tinymce li { line-height: 1.8; } .wp-block-freeform.block-library-rich-text__tinymce ul, .wp-block-freeform.block-library-rich-text__tinymce ol { padding-right: 2.5em; margin-right: 0; } .wp-block-freeform.block-library-rich-text__tinymce blockquote { margin: 0; box-shadow: inset 0 0 0 0 #ddd; border-right: 4px solid #000; padding-right: 1em; } .wp-block-freeform.block-library-rich-text__tinymce pre { white-space: pre-wrap; font-family: Menlo, Consolas, monaco, monospace; font-size: 15px; color: #1e1e1e; } .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: #007cba; color: var(--wp-admin-theme-color); } .wp-block-freeform.block-library-rich-text__tinymce:focus a[data-mce-selected] { padding: 0 2px; margin: 0 -2px; border-radius: 2px; box-shadow: 0 0 0 1px #e5f5fa; background: #e5f5fa; } .wp-block-freeform.block-library-rich-text__tinymce code { padding: 2px; border-radius: 2px; color: #1e1e1e; background: #f0f0f0; font-family: Menlo, Consolas, monaco, monospace; font-size: 14px; } .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: 0.5em 0 0.5em 1em; } .wp-block-freeform.block-library-rich-text__tinymce .alignleft { float: left; margin: 0.5em 1em 0.5em 0; } .wp-block-freeform.block-library-rich-text__tinymce .aligncenter { display: block; margin-right: auto; margin-left: auto; } .wp-block-freeform.block-library-rich-text__tinymce .wp-more-tag { width: 96%; height: 20px; display: block; margin: 15px auto; outline: 0; cursor: default; 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-size: 1900px 20px; background-repeat: no-repeat; background-position: center; } .wp-block-freeform.block-library-rich-text__tinymce img::selection { background-color: transparent; } .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; /* dl browser reset */ 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 { padding-top: 0.5em; margin: 0; /* browser dd reset */ } .wp-block-freeform.block-library-rich-text__tinymce .wpview { width: 99.99%; /* All IE need hasLayout, incl. 11 (ugh, not again!!) */ position: relative; clear: both; margin-bottom: 16px; border: 1px solid transparent; } .wp-block-freeform.block-library-rich-text__tinymce .wpview iframe { display: block; max-width: 100%; background: transparent; } .wp-block-freeform.block-library-rich-text__tinymce .wpview .mce-shim { position: absolute; top: 0; left: 0; bottom: 0; right: 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 { border: 1px solid #ddd; padding: 1em 0; margin: 0; word-wrap: break-word; } .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; margin: 0 auto; width: 32px; height: 32px; font-size: 32px; } .wp-block-freeform.block-library-rich-text__tinymce .wpview.wpview-type-gallery::after { content: ""; display: table; clear: both; } .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 { margin: auto -6px; padding: 6px 0; line-height: 1; overflow-x: hidden; } .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-item { float: right; margin: 0; text-align: center; padding: 6px; box-sizing: border-box; } .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.33333%; } .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.66667%; } .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item { width: 14.28571%; } .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.11111%; } .wp-block-freeform.block-library-rich-text__tinymce .gallery img { max-width: 100%; height: auto; border: none; padding: 0; } div[data-type="core/freeform"]::before { transition: border-color 0.1s linear, box-shadow 0.1s linear; border: 1px solid #ddd; outline: 1px solid transparent; } @media (prefers-reduced-motion: reduce) { div[data-type="core/freeform"]::before { 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 { content: ""; display: table; clear: both; } .mce-toolbar-grp .mce-btn.mce-active button, .mce-toolbar-grp .mce-btn.mce-active:hover button, .mce-toolbar-grp .mce-btn.mce-active i, .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 { display: none; width: auto; margin: 0; position: -webkit-sticky; position: sticky; z-index: 31; top: 0; border: 1px solid #ddd; border-bottom: none; border-radius: 2px; margin-bottom: 8px; padding: 0; } div[data-type="core/freeform"].is-selected .block-library-classic__toolbar, div[data-type="core/freeform"].is-typing .block-library-classic__toolbar { display: block; border-color: #1e1e1e; } .block-library-classic__toolbar .mce-tinymce { box-shadow: none; } @media (min-width: 600px) { .block-library-classic__toolbar { padding: 0; } } .block-library-classic__toolbar:empty { display: block; background: #f5f5f5; border-bottom: 1px solid #e2e4e7; } .block-library-classic__toolbar:empty::before { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; content: attr(data-placeholder); color: #555d66; line-height: 37px; padding: 14px; } .block-library-classic__toolbar div.mce-toolbar-grp { border-bottom: 1px solid #1e1e1e; } .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, .block-library-classic__toolbar .mce-menubar, .block-library-classic__toolbar .mce-menubar > 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 { display: block; } .wp-block-gallery li { list-style-type: none; } .wp-block-gallery .block-editor-media-placeholder { margin-bottom: 12px; padding: 12px; } .wp-block-gallery .block-editor-media-placeholder .components-placeholder__label { display: none; } .wp-block-gallery .block-editor-media-placeholder .components-button { margin-bottom: 0; } figure.wp-block-gallery { display: block; margin: 0; } .blocks-gallery-grid.blocks-gallery-grid { padding-right: 0; margin-right: 0; margin-bottom: 0; } .blocks-gallery-item figure:not(.is-selected):focus, .blocks-gallery-item img:focus { outline: none; } .blocks-gallery-item figure.is-selected { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba; box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); border-radius: 2px; outline: 2px solid transparent; } .blocks-gallery-item figure.is-selected img { border-radius: 2px; } .blocks-gallery-item figure.is-transient img { opacity: 0.3; } .blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu { display: inline-flex; } .blocks-gallery-item .block-editor-media-placeholder { margin: 0; height: 100%; } .blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label { display: flex; } .block-library-gallery-item__inline-menu { display: none; position: absolute; top: -2px; margin: 8px; z-index: 20; transition: box-shadow 0.2s ease-out; border-radius: 2px; background: #fff; border: 1px solid #1e1e1e; } @media (prefers-reduced-motion: reduce) { .block-library-gallery-item__inline-menu { transition-duration: 0s; } } .block-library-gallery-item__inline-menu:hover { box-shadow: 0 2px 6px rgba(0, 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 { 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 { padding: 0; width: inherit; height: inherit; } } .block-library-gallery-item__inline-menu.is-left { right: -2px; } .block-library-gallery-item__inline-menu.is-right { left: -2px; } .blocks-gallery-item .components-spinner { position: absolute; top: 50%; right: 50%; margin-top: -9px; margin-right: -9px; } /** * Group: All Alignment Settings */ .wp-block-group { margin-top: 0; margin-bottom: 0; } .wp-block-group .block-editor-block-list__insertion-point { right: 0; left: 0; } .wp-block-group > .wp-block-group__inner-container > [data-align="full"] { margin-right: auto; margin-left: auto; } .wp-block-group.has-background > .wp-block-group__inner-container > [data-align="full"] { margin-right: -30px; width: calc(100% + 60px); } /** * Group: Full Width Alignment */ [data-align="full"] .wp-block-group > .wp-block-group__inner-container > .wp-block { padding-right: 14px; padding-left: 14px; } @media (min-width: 600px) { [data-align="full"] .wp-block-group > .wp-block-group__inner-container > .wp-block { padding-right: 0; padding-left: 0; } } [data-align="full"] .wp-block-group > .wp-block-group__inner-container > [data-align="full"] { padding-left: 0; padding-right: 0; right: 0; width: 100%; max-width: none; } [data-align="full"] .wp-block-group.has-background > .wp-block-group__inner-container > [data-align="full"] { width: calc(100% + 60px); } [data-type="core/group"].is-selected .block-list-appender { margin-right: 0; margin-left: 0; } [data-type="core/group"].is-selected .has-background .block-list-appender { margin-top: 18px; margin-bottom: 18px; } .block-library-heading-level-dropdown .components-popover__content { min-width: 230px; } .block-library-heading-level-dropdown .components-popover__content > div { padding: 0; } .block-library-heading-level-toolbar { border: none; } .wp-block-html { margin-bottom: 28px; } .wp-block-html .block-library-html__preview-overlay { position: absolute; width: 100%; height: 100%; top: 0; right: 0; } .wp-block-html .block-editor-plain-text { font-family: Menlo, Consolas, monaco, monospace; color: #1e1e1e; padding: 0.8em 1em; border: 1px solid #ddd; border-radius: 4px; max-height: 250px; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; } @media (min-width: 600px) { .wp-block-html .block-editor-plain-text { font-size: 13px; } } .wp-block-html .block-editor-plain-text:focus { box-shadow: 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: 0.3; } .wp-block-image figcaption img { display: inline; } .wp-block-image .components-spinner { position: absolute; top: 50%; right: 50%; margin-top: -9px; margin-right: -9px; } .wp-block-image .components-resizable-box__container { display: inline-block; } .wp-block-image .components-resizable-box__container img { display: block; width: inherit; height: inherit; } .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal { position: absolute; right: 0; left: 0; margin: -1px 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="wide"] > .wp-block-image img, [data-align="full"] > .wp-block-image img { width: 100%; } .wp-block[data-align="left"] > .wp-block-image { margin-left: 1em; margin-right: 0; margin-top: 0.5em; margin-bottom: 0.5em; } .wp-block[data-align="right"] > .wp-block-image { margin-right: 1em; margin-left: 0; margin-top: 0.5em; margin-bottom: 0.5em; } .wp-block[data-align="center"] > .wp-block-image { margin-right: auto; margin-left: auto; text-align: center; } .wp-block-image__crop-area { position: relative; max-width: 100%; width: 100%; } .wp-block-image__crop-icon { padding: 0 8px; min-width: 48px; display: flex; justify-content: center; align-items: center; } .wp-block-image__crop-icon svg { fill: currentColor; } .wp-block-image__zoom .components-popover__content { overflow: visible; } .wp-block-image__zoom .components-range-control { flex: 1; } .wp-block-image__zoom .components-base-control__field { display: flex; margin-bottom: 0; } .wp-block-image__aspect-ratio { height: 46px; margin-top: -8px; margin-bottom: -8px; display: flex; align-items: center; } .wp-block-image__aspect-ratio .components-button { width: 36px; padding-right: 0; padding-left: 0; } .wp-block-latest-comments.has-avatars .avatar { margin-left: 10px; } .wp-block-latest-comments__comment-excerpt p { font-size: 14px; line-height: 1.8; margin: 5px 0 20px; padding-top: 0; } .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment { min-height: 36px; } .block-editor .wp-block-latest-posts { padding-right: 2.5em; } .block-editor .wp-block-latest-posts.is-grid { padding-right: 0; } .wp-block-latest-posts li a > div { display: inline; } .wp-block-legacy-widget__edit-container .widget-inside { border: none; display: block; box-shadow: none; } .wp-block-legacy-widget__edit-container .widget.open { z-index: 0; } .wp-block-legacy-widget__update-button { margin-right: auto; display: block; } .wp-block-legacy-widget__preview { overflow: auto; } .wp-block-legacy-widget__preview, .wp-block-legacy-widget__edit-container, .wp-block-legacy-widget__edit-widget-title { padding: 8px 14px; } .wp-block-legacy-widget__edit-widget-title { background: #ddd; color: #1e1e1e; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; padding: 8px 14px; font-weight: 600; } .wp-block-media-text .__resizable_base__ { -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1 / span 2; -ms-grid-row: 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"] { max-width: 100%; text-align: center; margin-top: 28px; margin-bottom: 28px; } .block-editor .wp-block-more { display: block; text-align: center; white-space: nowrap; } .block-editor .wp-block-more input[type="text"] { position: relative; font-size: 13px; text-transform: uppercase; font-weight: 600; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; color: #6c7781; border: none; box-shadow: none; white-space: nowrap; text-align: center; margin: 0; border-radius: 4px; background: #fff; padding: 6px 8px; height: 24px; max-width: 100%; } .block-editor .wp-block-more input[type="text"]:focus { box-shadow: none; } .block-editor .wp-block-more::before { content: ""; position: absolute; top: calc(50%); right: 0; left: 0; border-top: 3px dashed #ccd0d4; } .editor-styles-wrapper .wp-block-navigation ul, .editor-styles-wrapper .wp-block-navigation ol { margin-bottom: 0; margin-right: 0; padding-right: 0; } .editor-styles-wrapper .wp-block-navigation .block-editor-block-list__block { margin: 0; } .wp-block-navigation .block-list-appender { margin: 0; display: flex; align-items: center; } .wp-block-navigation.is-vertical .block-list-appender { margin: 8px; } .wp-block-navigation__inserter-content { padding: 16px; } .wp-block-navigation__container.is-parent-of-selected-block { visibility: visible; opacity: 1; } .has-child > .wp-block-navigation__container, .has-child:hover > .wp-block-navigation__container { opacity: 0; visibility: hidden; } .has-child.is-selected > .wp-block-navigation__container, .has-child.has-child-selected > .wp-block-navigation__container { opacity: 1; visibility: visible; } /** * Colors Selector component */ .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 { height: 30px; position: relative; margin: 0 auto; padding: 3px; display: flex; align-items: center; border-radius: 4px; } .block-library-colors-selector .block-library-colors-selector__state-selection { margin-right: auto; margin-left: auto; } .block-library-colors-selector .block-library-colors-selector__state-selection { border-radius: 11px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); width: 22px; min-width: 22px; height: 22px; min-height: 22px; line-height: 20px; padding: 2px; } .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; } .is-editing > .wp-block-navigation__container { visibility: visible; opacity: 1; display: flex; flex-direction: column; } .wp-block-navigation.is-style-dark .block-editor-button-block-appender.block-list-appender__toggle { color: #fff; } .wp-block-navigation.is-style-dark .block-editor-button-block-appender.block-list-appender__toggle > svg { color: #000; background-color: #fff; } .wp-block-navigation-placeholder .components-spinner { margin-top: -4px; margin-right: 4px; vertical-align: middle; margin-left: 7px; } .wp-block-navigation-placeholder .components-custom-select-control__label { margin-bottom: 1rem; } .wp-block-navigation-placeholder .components-custom-select-control__button { height: auto; padding: 0.375rem 1.5rem 0.375rem 0.75rem; min-width: 13.75rem; } .wp-block-navigation-placeholder .components-custom-select-control.has-menus .components-custom-select-control__item.is-create-empty-option { position: relative; margin-top: 20px; } .wp-block-navigation-placeholder .components-custom-select-control.has-menus .components-custom-select-control__item.is-create-empty-option::before { content: ""; position: absolute; top: -10px; right: 25px; left: 25px; height: 15px; border-top: 1px solid #757575; } .wp-block-navigation-placeholder .components-custom-select-control__label { font-size: 13px; font-weight: normal; } .wp-block-navigation-placeholder .components-custom-select-control__menu { margin: 0; max-height: none; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; } .wp-block-navigation .block-editor-button-block-appender { justify-content: flex-start; } .wp-block-navigation-link__field .components-text-control__input.components-text-control__input, .wp-block-navigation-link__container { border-radius: 0; line-height: 36px; min-height: 36px; } /** * Adjust Navigation Item. */ .wp-block-navigation-link .block-editor-block-list__layout { display: block; } .wp-block-navigation-link.is-editing, .wp-block-navigation-link.is-selected { min-width: 20px; } .wp-block-navigation-link .block-editor-rich-text__editable.is-selected:not(.keep-placeholder-on-focus):not(:focus)[data-rich-text-placeholder]::after { display: inline-block; } .wp-block-navigation-link .block-list-appender { margin: 16px; margin-right: 10px; margin-top: 10px; } .wp-block-navigation-link__nofollow-external-link { display: block; } .wp-block-navigation-link__separator { margin: 8px 0 8px; border-top: 1px solid #ddd; } .components-popover.wp-block-navigation-link__dropdown-content { margin-top: -1px; margin-right: -4px; } .wp-block-navigation-link__dropdown-content .components-popover__content > div { padding: 8px 0; } .wp-block-navigation .block-editor-block-list__block[data-type="core/navigation-link"] > .block-editor-block-list__insertion-point { display: none; } .block-editor-block-list__block[data-type="core/nextpage"] { max-width: 100%; margin-top: 28px; margin-bottom: 28px; } .wp-block-nextpage { display: block; text-align: center; white-space: nowrap; } .wp-block-nextpage > span { font-size: 13px; position: relative; display: inline-block; text-transform: uppercase; font-weight: 600; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; color: #6c7781; border-radius: 4px; background: #fff; padding: 6px 8px; height: 24px; } .wp-block-nextpage::before { content: ""; position: absolute; top: calc(50%); right: 0; left: 0; border-top: 3px dashed #ccd0d4; } .block-editor-block-list__block[data-type="core/paragraph"].has-drop-cap:focus { min-height: auto !important; } .wp-block-post-excerpt__excerpt.is-inline { display: inline-block; } .wp-block-post-author { display: flex; flex-wrap: wrap; line-height: 1.5; } .wp-block-post-author .wp-block-post-author__byline { font-size: 0.5em; margin-top: 0; position: relative; font-style: normal; } .wp-block-post-author .wp-block-post-author__content { flex-grow: 1; flex-basis: 0; } .wp-block-post-author .wp-block-post-author__avatar img { margin: 0; } .wp-block-post-author .wp-block-post-author__avatar { margin-bottom: -8px; } .wp-block-post-author .wp-block-post-author__name { margin: 0; font-weight: bold; } .wp-block-post-author .wp-block-post-author__bio { margin: 0 0 8px; font-size: 0.7em; } .wp-block[data-align="left"] > .wp-block-pullquote p, .wp-block[data-align="right"] > .wp-block-pullquote p { font-size: 20px; } .wp-block-pullquote blockquote p { font-size: 28px; line-height: 1.6; } .wp-block-pullquote.is-style-solid-color { margin-right: 0; margin-left: 0; } .wp-block-pullquote.is-style-solid-color blockquote p { font-size: 32px; } .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation { text-transform: none; font-style: normal; } .wp-block-pullquote .wp-block-pullquote__citation { color: inherit; } .wp-block-quote__citation { font-size: 13px; } .block-editor .wp-block-rss { padding-right: 2.5em; } .block-editor .wp-block-rss.is-grid { padding-right: 0; } .wp-block-rss li a > div { display: inline; } .wp-block-rss__placeholder-form { display: flex; align-items: stretch; } .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 { display: flex; align-items: stretch; flex-grow: 1; } .wp-block-rss__placeholder-input .components-base-control__field { margin: 0; display: flex; align-items: stretch; flex-grow: 1; margin-left: 8px; } .wp-block-search__input { border-radius: 2px; border: 1px solid #7e8993; color: rgba(30, 30, 30, 0.62); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; padding: 8px; } .wp-block-search__input:focus { outline: none; } .wp-block-search__button { background: #f7f7f7; border-radius: 2px; border: 1px solid #ccc; box-shadow: inset 0 -1px 0 #ccc; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; padding: 6px 10px; } .block-editor-block-list__block[data-type="core/separator"] { padding-top: 0.1px; padding-bottom: 0.1px; } .block-editor-block-list__block[data-type="core/separator"].block-editor-block-list__block { margin-top: 0; margin-bottom: 0; } .wp-block-shortcode { display: flex; flex-direction: column; padding: 14px; font-size: 13px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; margin-bottom: 28px; } .wp-block-shortcode label { display: flex; align-items: center; white-space: nowrap; font-weight: 600; flex-shrink: 0; } .wp-block-shortcode .block-editor-plain-text { max-height: 250px; } .wp-block-shortcode .dashicon { margin-left: 8px; } .block-editor .blocks-shortcode__textarea, .blocks-shortcode__textarea { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; } @media (prefers-reduced-motion: reduce) { .block-editor .blocks-shortcode__textarea, .blocks-shortcode__textarea { transition-duration: 0s; } } @media (min-width: 600px) { .block-editor .blocks-shortcode__textarea, .blocks-shortcode__textarea { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .block-editor .blocks-shortcode__textarea:focus, .blocks-shortcode__textarea:focus { border-color: #007cba; border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px #007cba; box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .block-editor .blocks-shortcode__textarea::-webkit-input-placeholder, .blocks-shortcode__textarea::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .block-editor .blocks-shortcode__textarea::-moz-placeholder, .blocks-shortcode__textarea::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .block-editor .blocks-shortcode__textarea:-ms-input-placeholder, .blocks-shortcode__textarea:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .is-dark-theme .block-editor .blocks-shortcode__textarea::-webkit-input-placeholder, .is-dark-theme .blocks-shortcode__textarea::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); } .is-dark-theme .block-editor .blocks-shortcode__textarea::-moz-placeholder, .is-dark-theme .blocks-shortcode__textarea::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); } .is-dark-theme .block-editor .blocks-shortcode__textarea:-ms-input-placeholder, .is-dark-theme .blocks-shortcode__textarea:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); } .wp-block-social-links .wp-social-link button { color: currentColor; padding: 6px; } .wp-block-social-links.is-style-pill-shape .wp-social-link button { padding-right: 16px; padding-left: 16px; } .wp-block-social-links div.block-editor-url-input { display: inline-block; margin-right: 8px; } .editor-styles-wrapper .wp-block-social-link { margin: 0; margin-left: 8px; } .editor-styles-wrapper .wp-block-social-links { padding: 0; } .wp-block-social-links .block-list-appender { margin: 0; display: flex; align-items: center; } .wp-block[data-align="center"] > .wp-block-social-links { justify-content: center; } .block-editor-block-preview__content .wp-social-link:disabled { opacity: 1; } [data-type="core/social-links"]:not(.is-selected):not(.has-child-selected) .wp-block-social-links { min-height: 36px; } [data-type="core/social-links"] .wp-social-link__is-incomplete { transition: transform 0.1s ease; transform-origin: center center; } [data-type="core/social-links"]:not(.is-selected):not(.has-child-selected) .wp-social-link__is-incomplete { opacity: 0; transform: scale(0); width: 0; padding: 0; margin-left: 0; } .wp-social-link.wp-social-link__is-incomplete { opacity: 0.5; } @media (prefers-reduced-motion: reduce) { .wp-social-link.wp-social-link__is-incomplete { transition-duration: 0s; } } .wp-block-social-links .is-selected .wp-social-link__is-incomplete, .wp-social-link.wp-social-link__is-incomplete:hover, .wp-social-link.wp-social-link__is-incomplete:focus { opacity: 1; } [data-type="core/social-links"] .wp-social-link:focus { opacity: 1; box-shadow: 0 0 0 2px #fff, 0 0 0 4px #007cba; box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); outline: 2px solid transparent; } .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block[data-type="core/social-link"].is-selected::after, .block-editor-block-list__layout .block-editor-block-list__block[data-type="core/social-link"]:not([contenteditable]):focus::after { left: 8px; } .block-library-spacer__resize-container.has-show-handle { background: #f0f0f0; } .is-dark-theme .block-library-spacer__resize-container.has-show-handle { background: rgba(255, 255, 255, 0.15); } .block-library-spacer__resize-container { clear: both; margin-bottom: 28px; } .block-library-spacer__resize-container .components-resizable-box__handle::before { content: none; } .edit-post-visual-editor p.wp-block-subhead { color: #6c7781; font-size: 1.1em; font-style: italic; } .wp-block[data-align="left"] > .wp-block-table, .wp-block[data-align="right"] > .wp-block-table, .wp-block[data-align="center"] > .wp-block-table { height: auto; } .wp-block[data-align="left"] > .wp-block-table table, .wp-block[data-align="right"] > .wp-block-table table, .wp-block[data-align="center"] > .wp-block-table table { width: auto; } .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, .wp-block[data-align="center"] > .wp-block-table td, .wp-block[data-align="center"] > .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 { margin: 0; } .wp-block-table table { border-collapse: collapse; } .wp-block-table td, .wp-block-table th { border: 1px solid; } .wp-block-table td.is-selected, .wp-block-table th.is-selected { border-color: #007cba; border-color: var(--wp-admin-theme-color); box-shadow: inset 0 0 0 1px #007cba; box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); border-style: double; } .wp-block-table figcaption { color: #555d66; font-size: 13px; text-align: center; } .blocks-table__placeholder-form.blocks-table__placeholder-form { display: flex; flex-direction: column; align-items: flex-start; } .blocks-table__placeholder-form.blocks-table__placeholder-form > * { margin-bottom: 8px; } @media (min-width: 782px) { .blocks-table__placeholder-form.blocks-table__placeholder-form { flex-direction: row; align-items: flex-end; } .blocks-table__placeholder-form.blocks-table__placeholder-form > * { margin-bottom: 0; } } .blocks-table__placeholder-input { width: 112px; margin-left: 8px; margin-bottom: 0; } .blocks-table__placeholder-input input { height: 36px; } .blocks-table__placeholder-input .components-base-control__field { margin-bottom: 0; } .block-editor .wp-block-tag-cloud a { display: inline-block; margin-left: 5px; } .block-editor .wp-block-tag-cloud span { display: inline-block; margin-right: 5px; color: #8f98a1; text-decoration: none; } .wp-block-template-part__placeholder-preview-dropdown-content .components-popover__content { min-width: 320px; padding: 0; } .wp-block-template-part__placeholder-preview-search-form { border-bottom: 1px solid #ddd; } .wp-block-template-part__placeholder-preview-container { background: #fff; padding-bottom: 16px; } .wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-preview-item { border-radius: 2px; cursor: pointer; margin-top: 16px; transition: all 0.05s ease-in-out; border: 1px solid transparent; } .wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-preview-item:hover { border: 1px solid #007cba; border: 1px solid var(--wp-admin-theme-color); } .wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-preview-item:focus { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #007cba; box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-preview-item.is-placeholder { min-height: 100px; } .wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-preview-item-title { padding: 4px; font-size: 12px; text-align: right; } .wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-panel-group-header { padding: 16px 16px 0; } .wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-panel-group-content { padding: 0 16px; } .wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-panel-group-title { color: #007cba; color: var(--wp-admin-theme-color); text-transform: uppercase; font-size: 11px; font-weight: 500; } .wp-block-template-part__name-panel { background-color: #fff; border-radius: 2px; box-shadow: 0 0 0 1px #1e1e1e; outline: 1px solid transparent; padding: 6px 12px; } .wp-block-template-part__name-panel .components-base-control__field { align-items: center; display: flex; margin-bottom: 0; } .wp-block-template-part__name-panel .components-base-control__label { margin-bottom: 0; margin-left: 8px; } .is-navigate-mode .is-selected .wp-block-template-part__name-panel { box-shadow: 0 0 0 1px #007cba; box-shadow: 0 0 0 1px var(--wp-admin-theme-color); } .is-dark-theme .is-navigate-mode .is-selected .wp-block-template-part__name-panel { box-shadow: 0 0 0 1px #007cba; box-shadow: 0 0 0 1px var(--wp-admin-theme-color); } .wp-block-text-columns .block-editor-rich-text__editable:focus { outline: 1px solid #ddd; } pre.wp-block-verse { color: #1e1e1e; white-space: nowrap; font-family: inherit; font-size: inherit; padding: 1em; overflow: auto; } .wp-block[data-align="center"] > .wp-block-video { text-align: center; } .editor-video-poster-control .components-base-control__label { display: block; } .editor-video-poster-control .components-button { margin-left: 8px; } .wp-block[data-type="core/widget-area"] { max-width: 700px; } .wp-block-widget-area > .components-panel__body > .block-editor-inner-blocks { padding-top: 24px; } /** * Import styles from internal editor components used by the blocks. */ .block-editor-block-list__layout .reusable-block-edit-panel { align-items: center; display: flex; flex-wrap: wrap; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; padding: 6px 12px; border-radius: 2px; background-color: #fff; box-shadow: 0 0 0 1px #1e1e1e; outline: 1px solid transparent; } .block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__info { margin-left: auto; } .block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__label { margin-left: 8px; white-space: nowrap; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; } .block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title { flex: 1 1 100%; } .block-editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button { flex-shrink: 0; } @media (min-width: 960px) { .block-editor-block-list__layout .reusable-block-edit-panel { flex-wrap: nowrap; } .block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title { margin: 0; } .block-editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button { margin: 0 8px 0 0; } } .reusable-block-edit-panel__title[type="text"] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; } @media (prefers-reduced-motion: reduce) { .reusable-block-edit-panel__title[type="text"] { transition-duration: 0s; } } @media (min-width: 600px) { .reusable-block-edit-panel__title[type="text"] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .reusable-block-edit-panel__title[type="text"]:focus { border-color: #007cba; border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px #007cba; box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .reusable-block-edit-panel__title[type="text"]::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .reusable-block-edit-panel__title[type="text"]::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .reusable-block-edit-panel__title[type="text"]:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .is-dark-theme .reusable-block-edit-panel__title[type="text"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); } .is-dark-theme .reusable-block-edit-panel__title[type="text"]::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); } .is-dark-theme .reusable-block-edit-panel__title[type="text"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); } .is-navigate-mode .is-selected .reusable-block-edit-panel { box-shadow: 0 0 0 1px #007cba; box-shadow: 0 0 0 1px var(--wp-admin-theme-color); } .is-dark-theme .is-navigate-mode .is-selected .reusable-block-edit-panel { box-shadow: 0 0 0 1px #007cba; box-shadow: 0 0 0 1px var(--wp-admin-theme-color); } /** * Editor Normalization Styles * * These are only output in the editor, but styles here are NOT prefixed .editor-styles-wrapper. * This allows us to create normalization styles that are easily overridden by editor styles. */ .block-editor-block-list__block { margin-top: 28px; margin-bottom: 28px; } #end-resizable-editor-section { display: none; } ================================================ FILE: public/vendor/gutenberg/styles/wp-block-library/editor.css ================================================ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Breakpoints & Media Queries */ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Fonts & basic variables. */ /** * Grid System. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */ /** * Dimensions. */ /** * Shadows. */ /** * Editor widths. */ /** * Block UI. */ /** * Border radii. */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left position to the selector passed as argument */ /** * Styles that are reused verbatim in a few places */ /** * Allows users to opt-out of animations via OS-level preferences. */ /** * Reset default styles for JavaScript UI based pages. * This is a WP-admin agnostic reset */ /** * Reset the WP Admin page styles for Gutenberg-like pages. */ :root { --wp-admin-theme-color: #007cba; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-20: #005a87; } #start-resizable-editor-section { display: none; } .block-editor ul.wp-block-archives { padding-left: 2.5em; } .wp-block-audio { margin-left: 0; margin-right: 0; } .edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow__click-redirect { min-height: 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 { text-align: center; margin-left: auto; margin-right: auto; } .wp-block[data-align="right"] > .wp-block-button { /*!rtl:ignore*/ text-align: right; } .wp-block-button { position: relative; cursor: text; } .wp-block-button:not(.has-text-color):not(.is-style-outline) [data-rich-text-placeholder]::after { color: #fff; } .wp-block-button:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba; 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: 0.8; } .wp-block-button__inline-link { color: #555d66; height: 0; overflow: hidden; max-width: 290px; } .wp-block-button__inline-link-input__suggestions { max-width: 290px; } @media (min-width: 782px) { .wp-block-button__inline-link { max-width: 260px; } .wp-block-button__inline-link-input__suggestions { max-width: 260px; } } @media (min-width: 960px) { .wp-block-button__inline-link { max-width: 290px; } .wp-block-button__inline-link-input__suggestions { max-width: 290px; } } .is-selected .wp-block-button__inline-link { height: auto; overflow: visible; margin-top: 16px; } div[data-type="core/button"] { display: table; } .wp-block-buttons .wp-block.block-editor-block-list__block[data-type="core/button"] { display: inline-block; width: auto; } .wp-block[data-align="center"] > .wp-block-buttons { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; } .wp-block[data-align="right"] > .wp-block-buttons { display: flex; justify-content: flex-end; } .wp-block-buttons .block-list-appender { display: inline-block; } .block-editor .wp-block-categories ul { padding-left: 2.5em; } .block-editor .wp-block-categories ul ul { margin-top: 6px; } .wp-block-code > code { display: block; } .wp-block-columns .wp-block { max-width: none; } @media (min-width: 600px) { .editor-styles-wrapper .block-editor-block-list__block.wp-block-column:nth-child(even) { margin-left: 32px; } } @media (min-width: 782px) { .editor-styles-wrapper .block-editor-block-list__block.wp-block-column:not(:first-child) { margin-left: 32px; } } .block-editor-block-list__block.wp-block-column.wp-block-column { margin-top: 0; margin-bottom: 0; } .wp-block-cover { position: relative; } .wp-block-cover.is-placeholder { min-height: auto !important; padding: 0 !important; } .wp-block-cover.components-placeholder h2 { color: inherit; } .wp-block-cover .block-editor-block-list__layout { width: 100%; } .wp-block-cover .wp-block-cover__inner-container { text-align: left; margin-left: 0; margin-right: 0; } .wp-block-cover .wp-block-cover__placeholder-background-options { width: 100%; } [data-align="left"] > .wp-block-cover, [data-align="right"] > .wp-block-cover { max-width: 290px; width: 100%; } .block-library-cover__reset-button { margin-left: auto; } .block-library-cover__resize-container { position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; } .block-library-cover__resize-container:not(.is-resizing) { height: auto !important; } .wp-block-embed { margin-left: 0; margin-right: 0; clear: both; } .wp-block-embed.is-loading { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 1em; min-height: 200px; text-align: center; border-radius: 2px; background-color: #fff; box-shadow: inset 0 0 0 1px #1e1e1e; } .wp-block-embed.is-loading p { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; } .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 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; } .wp-block-file { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0; } .wp-block-file .wp-block-file__content-wrapper { flex-grow: 1; } .wp-block-file .wp-block-file__textlink { display: inline-block; min-width: 1em; } .wp-block-file .wp-block-file__textlink:focus { box-shadow: none; } .wp-block-file .wp-block-file__button-richtext-wrapper { display: inline-block; margin-left: 0.75em; } .wp-block-file .wp-block-file__copy-url-button { margin-left: 1em; } .wp-block-freeform.block-library-rich-text__tinymce { height: auto; /* Allow height of embed iframes to be calculated properly */ /* Remove blue highlighting of selected images in WebKit */ /* Image captions */ /* WP Views */ } .wp-block-freeform.block-library-rich-text__tinymce p, .wp-block-freeform.block-library-rich-text__tinymce li { line-height: 1.8; } .wp-block-freeform.block-library-rich-text__tinymce ul, .wp-block-freeform.block-library-rich-text__tinymce ol { padding-left: 2.5em; margin-left: 0; } .wp-block-freeform.block-library-rich-text__tinymce blockquote { margin: 0; box-shadow: inset 0 0 0 0 #ddd; border-left: 4px solid #000; padding-left: 1em; } .wp-block-freeform.block-library-rich-text__tinymce pre { white-space: pre-wrap; font-family: Menlo, Consolas, monaco, monospace; font-size: 15px; color: #1e1e1e; } .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: #007cba; color: var(--wp-admin-theme-color); } .wp-block-freeform.block-library-rich-text__tinymce:focus a[data-mce-selected] { padding: 0 2px; margin: 0 -2px; border-radius: 2px; box-shadow: 0 0 0 1px #e5f5fa; background: #e5f5fa; } .wp-block-freeform.block-library-rich-text__tinymce code { padding: 2px; border-radius: 2px; color: #1e1e1e; background: #f0f0f0; font-family: Menlo, Consolas, monaco, monospace; font-size: 14px; } .wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected] { background: #ddd; } .wp-block-freeform.block-library-rich-text__tinymce .alignright { /*rtl:ignore*/ float: right; /*rtl:ignore*/ margin: 0.5em 0 0.5em 1em; } .wp-block-freeform.block-library-rich-text__tinymce .alignleft { /*rtl:ignore*/ float: left; /*rtl:ignore*/ margin: 0.5em 1em 0.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 { width: 96%; height: 20px; display: block; margin: 15px auto; outline: 0; cursor: default; 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-size: 1900px 20px; background-repeat: no-repeat; background-position: center; } .wp-block-freeform.block-library-rich-text__tinymce img::selection { background-color: transparent; } .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; /* dl browser reset */ 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 { padding-top: 0.5em; margin: 0; /* browser dd reset */ } .wp-block-freeform.block-library-rich-text__tinymce .wpview { width: 99.99%; /* All IE need hasLayout, incl. 11 (ugh, not again!!) */ position: relative; clear: both; margin-bottom: 16px; border: 1px solid transparent; } .wp-block-freeform.block-library-rich-text__tinymce .wpview iframe { display: block; max-width: 100%; background: transparent; } .wp-block-freeform.block-library-rich-text__tinymce .wpview .mce-shim { position: absolute; top: 0; right: 0; bottom: 0; left: 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 { border: 1px solid #ddd; padding: 1em 0; margin: 0; word-wrap: break-word; } .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; margin: 0 auto; width: 32px; height: 32px; font-size: 32px; } .wp-block-freeform.block-library-rich-text__tinymce .wpview.wpview-type-gallery::after { content: ""; display: table; clear: both; } .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 { margin: auto -6px; padding: 6px 0; line-height: 1; overflow-x: hidden; } .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-item { float: left; margin: 0; text-align: center; padding: 6px; box-sizing: border-box; } .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.33333%; } .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.66667%; } .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item { width: 14.28571%; } .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.11111%; } .wp-block-freeform.block-library-rich-text__tinymce .gallery img { max-width: 100%; height: auto; border: none; padding: 0; } div[data-type="core/freeform"]::before { transition: border-color 0.1s linear, box-shadow 0.1s linear; border: 1px solid #ddd; outline: 1px solid transparent; } @media (prefers-reduced-motion: reduce) { div[data-type="core/freeform"]::before { 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 { content: ""; display: table; clear: both; } .mce-toolbar-grp .mce-btn.mce-active button, .mce-toolbar-grp .mce-btn.mce-active:hover button, .mce-toolbar-grp .mce-btn.mce-active i, .mce-toolbar-grp .mce-btn.mce-active:hover i { color: #1e1e1e; } .mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last { margin-right: 0; margin-left: 8px; } .mce-toolbar-grp .mce-btn i { font-style: normal; } .block-library-classic__toolbar { display: none; width: auto; margin: 0; position: -webkit-sticky; position: sticky; z-index: 31; top: 0; border: 1px solid #ddd; border-bottom: none; border-radius: 2px; margin-bottom: 8px; padding: 0; } div[data-type="core/freeform"].is-selected .block-library-classic__toolbar, div[data-type="core/freeform"].is-typing .block-library-classic__toolbar { display: block; border-color: #1e1e1e; } .block-library-classic__toolbar .mce-tinymce { box-shadow: none; } @media (min-width: 600px) { .block-library-classic__toolbar { padding: 0; } } .block-library-classic__toolbar:empty { display: block; background: #f5f5f5; border-bottom: 1px solid #e2e4e7; } .block-library-classic__toolbar:empty::before { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; content: attr(data-placeholder); color: #555d66; line-height: 37px; padding: 14px; } .block-library-classic__toolbar div.mce-toolbar-grp { border-bottom: 1px solid #1e1e1e; } .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, .block-library-classic__toolbar .mce-menubar, .block-library-classic__toolbar .mce-menubar > 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 { display: block; } .wp-block-gallery li { list-style-type: none; } .wp-block-gallery .block-editor-media-placeholder { margin-bottom: 12px; padding: 12px; } .wp-block-gallery .block-editor-media-placeholder .components-placeholder__label { display: none; } .wp-block-gallery .block-editor-media-placeholder .components-button { margin-bottom: 0; } figure.wp-block-gallery { display: block; margin: 0; } .blocks-gallery-grid.blocks-gallery-grid { padding-left: 0; margin-left: 0; margin-bottom: 0; } .blocks-gallery-item figure:not(.is-selected):focus, .blocks-gallery-item img:focus { outline: none; } .blocks-gallery-item figure.is-selected { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba; box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); border-radius: 2px; outline: 2px solid transparent; } .blocks-gallery-item figure.is-selected img { border-radius: 2px; } .blocks-gallery-item figure.is-transient img { opacity: 0.3; } .blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu { display: inline-flex; } .blocks-gallery-item .block-editor-media-placeholder { margin: 0; height: 100%; } .blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label { display: flex; } .block-library-gallery-item__inline-menu { display: none; position: absolute; top: -2px; margin: 8px; z-index: 20; transition: box-shadow 0.2s ease-out; border-radius: 2px; background: #fff; border: 1px solid #1e1e1e; } @media (prefers-reduced-motion: reduce) { .block-library-gallery-item__inline-menu { transition-duration: 0s; } } .block-library-gallery-item__inline-menu:hover { box-shadow: 0 2px 6px rgba(0, 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 { 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 { padding: 0; width: inherit; height: inherit; } } .block-library-gallery-item__inline-menu.is-left { left: -2px; } .block-library-gallery-item__inline-menu.is-right { right: -2px; } .blocks-gallery-item .components-spinner { position: absolute; top: 50%; left: 50%; margin-top: -9px; margin-left: -9px; } /** * Group: All Alignment Settings */ .wp-block-group { margin-top: 0; margin-bottom: 0; } .wp-block-group .block-editor-block-list__insertion-point { left: 0; right: 0; } .wp-block-group > .wp-block-group__inner-container > [data-align="full"] { margin-left: auto; margin-right: auto; } .wp-block-group.has-background > .wp-block-group__inner-container > [data-align="full"] { margin-left: -30px; width: calc(100% + 60px); } /** * Group: Full Width Alignment */ [data-align="full"] .wp-block-group > .wp-block-group__inner-container > .wp-block { padding-left: 14px; padding-right: 14px; } @media (min-width: 600px) { [data-align="full"] .wp-block-group > .wp-block-group__inner-container > .wp-block { padding-left: 0; padding-right: 0; } } [data-align="full"] .wp-block-group > .wp-block-group__inner-container > [data-align="full"] { padding-right: 0; padding-left: 0; left: 0; width: 100%; max-width: none; } [data-align="full"] .wp-block-group.has-background > .wp-block-group__inner-container > [data-align="full"] { width: calc(100% + 60px); } [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-top: 18px; margin-bottom: 18px; } .block-library-heading-level-dropdown .components-popover__content { min-width: 230px; } .block-library-heading-level-dropdown .components-popover__content > div { padding: 0; } .block-library-heading-level-toolbar { border: none; } .wp-block-html { margin-bottom: 28px; } .wp-block-html .block-library-html__preview-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .wp-block-html .block-editor-plain-text { font-family: Menlo, Consolas, monaco, monospace; color: #1e1e1e; padding: 0.8em 1em; border: 1px solid #ddd; border-radius: 4px; max-height: 250px; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; } @media (min-width: 600px) { .wp-block-html .block-editor-plain-text { font-size: 13px; } } .wp-block-html .block-editor-plain-text:focus { box-shadow: 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: 0.3; } .wp-block-image figcaption img { display: inline; } .wp-block-image .components-spinner { position: absolute; top: 50%; left: 50%; margin-top: -9px; margin-left: -9px; } .wp-block-image .components-resizable-box__container { display: inline-block; } .wp-block-image .components-resizable-box__container img { display: block; width: inherit; height: inherit; } .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal { position: absolute; left: 0; right: 0; margin: -1px 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="wide"] > .wp-block-image img, [data-align="full"] > .wp-block-image img { width: 100%; } .wp-block[data-align="left"] > .wp-block-image { margin-right: 1em; margin-left: 0; margin-top: 0.5em; margin-bottom: 0.5em; } .wp-block[data-align="right"] > .wp-block-image { margin-left: 1em; margin-right: 0; margin-top: 0.5em; margin-bottom: 0.5em; } .wp-block[data-align="center"] > .wp-block-image { margin-left: auto; margin-right: auto; text-align: center; } .wp-block-image__crop-area { position: relative; max-width: 100%; width: 100%; } .wp-block-image__crop-icon { padding: 0 8px; min-width: 48px; display: flex; justify-content: center; align-items: center; } .wp-block-image__crop-icon svg { fill: currentColor; } .wp-block-image__zoom .components-popover__content { overflow: visible; } .wp-block-image__zoom .components-range-control { flex: 1; } .wp-block-image__zoom .components-base-control__field { display: flex; margin-bottom: 0; } .wp-block-image__aspect-ratio { height: 46px; margin-top: -8px; margin-bottom: -8px; display: flex; align-items: center; } .wp-block-image__aspect-ratio .components-button { width: 36px; padding-left: 0; padding-right: 0; } .wp-block-latest-comments.has-avatars .avatar { margin-right: 10px; } .wp-block-latest-comments__comment-excerpt p { font-size: 14px; line-height: 1.8; margin: 5px 0 20px; padding-top: 0; } .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment { min-height: 36px; } .block-editor .wp-block-latest-posts { padding-left: 2.5em; } .block-editor .wp-block-latest-posts.is-grid { padding-left: 0; } .wp-block-latest-posts li a > div { display: inline; } .wp-block-legacy-widget__edit-container .widget-inside { border: none; display: block; box-shadow: none; } .wp-block-legacy-widget__edit-container .widget.open { z-index: 0; } .wp-block-legacy-widget__update-button { margin-left: auto; display: block; } .wp-block-legacy-widget__preview { overflow: auto; } .wp-block-legacy-widget__preview, .wp-block-legacy-widget__edit-container, .wp-block-legacy-widget__edit-widget-title { padding: 8px 14px; } .wp-block-legacy-widget__edit-widget-title { background: #ddd; color: #1e1e1e; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; padding: 8px 14px; font-weight: 600; } .wp-block-media-text .__resizable_base__ { -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1 / span 2; -ms-grid-row: 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"] { max-width: 100%; text-align: center; margin-top: 28px; margin-bottom: 28px; } .block-editor .wp-block-more { display: block; text-align: center; white-space: nowrap; } .block-editor .wp-block-more input[type="text"] { position: relative; font-size: 13px; text-transform: uppercase; font-weight: 600; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; color: #6c7781; border: none; box-shadow: none; white-space: nowrap; text-align: center; margin: 0; border-radius: 4px; background: #fff; padding: 6px 8px; height: 24px; max-width: 100%; } .block-editor .wp-block-more input[type="text"]:focus { box-shadow: none; } .block-editor .wp-block-more::before { content: ""; position: absolute; top: calc(50%); left: 0; right: 0; border-top: 3px dashed #ccd0d4; } .editor-styles-wrapper .wp-block-navigation ul, .editor-styles-wrapper .wp-block-navigation ol { margin-bottom: 0; margin-left: 0; padding-left: 0; } .editor-styles-wrapper .wp-block-navigation .block-editor-block-list__block { margin: 0; } .wp-block-navigation .block-list-appender { margin: 0; display: flex; align-items: center; } .wp-block-navigation.is-vertical .block-list-appender { margin: 8px; } .wp-block-navigation__inserter-content { padding: 16px; } .wp-block-navigation__container.is-parent-of-selected-block { visibility: visible; opacity: 1; } .has-child > .wp-block-navigation__container, .has-child:hover > .wp-block-navigation__container { opacity: 0; visibility: hidden; } .has-child.is-selected > .wp-block-navigation__container, .has-child.has-child-selected > .wp-block-navigation__container { opacity: 1; visibility: visible; } /** * Colors Selector component */ .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 { height: 30px; position: relative; margin: 0 auto; padding: 3px; display: flex; align-items: center; border-radius: 4px; } .block-library-colors-selector .block-library-colors-selector__state-selection { margin-left: auto; margin-right: auto; } .block-library-colors-selector .block-library-colors-selector__state-selection { border-radius: 11px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); width: 22px; min-width: 22px; height: 22px; min-height: 22px; line-height: 20px; padding: 2px; } .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; } .is-editing > .wp-block-navigation__container { visibility: visible; opacity: 1; display: flex; flex-direction: column; } .wp-block-navigation.is-style-dark .block-editor-button-block-appender.block-list-appender__toggle { color: #fff; } .wp-block-navigation.is-style-dark .block-editor-button-block-appender.block-list-appender__toggle > svg { color: #000; background-color: #fff; } .wp-block-navigation-placeholder .components-spinner { margin-top: -4px; margin-left: 4px; vertical-align: middle; margin-right: 7px; } .wp-block-navigation-placeholder .components-custom-select-control__label { margin-bottom: 1rem; } .wp-block-navigation-placeholder .components-custom-select-control__button { height: auto; padding: 0.375rem 0.75rem 0.375rem 1.5rem; min-width: 13.75rem; } .wp-block-navigation-placeholder .components-custom-select-control.has-menus .components-custom-select-control__item.is-create-empty-option { position: relative; margin-top: 20px; } .wp-block-navigation-placeholder .components-custom-select-control.has-menus .components-custom-select-control__item.is-create-empty-option::before { content: ""; position: absolute; top: -10px; left: 25px; right: 25px; height: 15px; border-top: 1px solid #757575; } .wp-block-navigation-placeholder .components-custom-select-control__label { font-size: 13px; font-weight: normal; } .wp-block-navigation-placeholder .components-custom-select-control__menu { margin: 0; max-height: none; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; } .wp-block-navigation .block-editor-button-block-appender { justify-content: flex-start; } .wp-block-navigation-link__field .components-text-control__input.components-text-control__input, .wp-block-navigation-link__container { border-radius: 0; line-height: 36px; min-height: 36px; } /** * Adjust Navigation Item. */ .wp-block-navigation-link .block-editor-block-list__layout { display: block; } .wp-block-navigation-link.is-editing, .wp-block-navigation-link.is-selected { min-width: 20px; } .wp-block-navigation-link .block-editor-rich-text__editable.is-selected:not(.keep-placeholder-on-focus):not(:focus)[data-rich-text-placeholder]::after { display: inline-block; } .wp-block-navigation-link .block-list-appender { margin: 16px; margin-left: 10px; margin-top: 10px; } .wp-block-navigation-link__nofollow-external-link { display: block; } .wp-block-navigation-link__separator { margin: 8px 0 8px; border-top: 1px solid #ddd; } .components-popover.wp-block-navigation-link__dropdown-content { margin-top: -1px; margin-left: -4px; } .wp-block-navigation-link__dropdown-content .components-popover__content > div { padding: 8px 0; } .wp-block-navigation .block-editor-block-list__block[data-type="core/navigation-link"] > .block-editor-block-list__insertion-point { display: none; } .block-editor-block-list__block[data-type="core/nextpage"] { max-width: 100%; margin-top: 28px; margin-bottom: 28px; } .wp-block-nextpage { display: block; text-align: center; white-space: nowrap; } .wp-block-nextpage > span { font-size: 13px; position: relative; display: inline-block; text-transform: uppercase; font-weight: 600; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; color: #6c7781; border-radius: 4px; background: #fff; padding: 6px 8px; height: 24px; } .wp-block-nextpage::before { content: ""; position: absolute; top: calc(50%); left: 0; right: 0; border-top: 3px dashed #ccd0d4; } .block-editor-block-list__block[data-type="core/paragraph"].has-drop-cap:focus { min-height: auto !important; } .wp-block-post-excerpt__excerpt.is-inline { display: inline-block; } .wp-block-post-author { display: flex; flex-wrap: wrap; line-height: 1.5; } .wp-block-post-author .wp-block-post-author__byline { font-size: 0.5em; margin-top: 0; position: relative; font-style: normal; } .wp-block-post-author .wp-block-post-author__content { flex-grow: 1; flex-basis: 0; } .wp-block-post-author .wp-block-post-author__avatar img { margin: 0; } .wp-block-post-author .wp-block-post-author__avatar { margin-bottom: -8px; } .wp-block-post-author .wp-block-post-author__name { margin: 0; font-weight: bold; } .wp-block-post-author .wp-block-post-author__bio { margin: 0 0 8px; font-size: 0.7em; } .wp-block[data-align="left"] > .wp-block-pullquote p, .wp-block[data-align="right"] > .wp-block-pullquote p { font-size: 20px; } .wp-block-pullquote blockquote p { font-size: 28px; line-height: 1.6; } .wp-block-pullquote.is-style-solid-color { margin-left: 0; margin-right: 0; } .wp-block-pullquote.is-style-solid-color blockquote p { font-size: 32px; } .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation { text-transform: none; font-style: normal; } .wp-block-pullquote .wp-block-pullquote__citation { color: inherit; } .wp-block-quote__citation { font-size: 13px; } .block-editor .wp-block-rss { padding-left: 2.5em; } .block-editor .wp-block-rss.is-grid { padding-left: 0; } .wp-block-rss li a > div { display: inline; } .wp-block-rss__placeholder-form { display: flex; align-items: stretch; } .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 { display: flex; align-items: stretch; flex-grow: 1; } .wp-block-rss__placeholder-input .components-base-control__field { margin: 0; display: flex; align-items: stretch; flex-grow: 1; margin-right: 8px; } .wp-block-search__input { border-radius: 2px; border: 1px solid #7e8993; color: rgba(30, 30, 30, 0.62); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; padding: 8px; } .wp-block-search__input:focus { outline: none; } .wp-block-search__button { background: #f7f7f7; border-radius: 2px; border: 1px solid #ccc; box-shadow: inset 0 -1px 0 #ccc; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; padding: 6px 10px; } .block-editor-block-list__block[data-type="core/separator"] { padding-top: 0.1px; padding-bottom: 0.1px; } .block-editor-block-list__block[data-type="core/separator"].block-editor-block-list__block { margin-top: 0; margin-bottom: 0; } .wp-block-shortcode { display: flex; flex-direction: column; padding: 14px; font-size: 13px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; margin-bottom: 28px; } .wp-block-shortcode label { display: flex; align-items: center; white-space: nowrap; font-weight: 600; flex-shrink: 0; } .wp-block-shortcode .block-editor-plain-text { max-height: 250px; } .wp-block-shortcode .dashicon { margin-right: 8px; } .block-editor .blocks-shortcode__textarea, .blocks-shortcode__textarea { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; } @media (prefers-reduced-motion: reduce) { .block-editor .blocks-shortcode__textarea, .blocks-shortcode__textarea { transition-duration: 0s; } } @media (min-width: 600px) { .block-editor .blocks-shortcode__textarea, .blocks-shortcode__textarea { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .block-editor .blocks-shortcode__textarea:focus, .blocks-shortcode__textarea:focus { border-color: #007cba; border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px #007cba; box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .block-editor .blocks-shortcode__textarea::-webkit-input-placeholder, .blocks-shortcode__textarea::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .block-editor .blocks-shortcode__textarea::-moz-placeholder, .blocks-shortcode__textarea::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .block-editor .blocks-shortcode__textarea:-ms-input-placeholder, .blocks-shortcode__textarea:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .is-dark-theme .block-editor .blocks-shortcode__textarea::-webkit-input-placeholder, .is-dark-theme .blocks-shortcode__textarea::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); } .is-dark-theme .block-editor .blocks-shortcode__textarea::-moz-placeholder, .is-dark-theme .blocks-shortcode__textarea::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); } .is-dark-theme .block-editor .blocks-shortcode__textarea:-ms-input-placeholder, .is-dark-theme .blocks-shortcode__textarea:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); } .wp-block-social-links .wp-social-link button { color: currentColor; padding: 6px; } .wp-block-social-links.is-style-pill-shape .wp-social-link button { padding-left: 16px; padding-right: 16px; } .wp-block-social-links div.block-editor-url-input { display: inline-block; margin-left: 8px; } .editor-styles-wrapper .wp-block-social-link { margin: 0; margin-right: 8px; } .editor-styles-wrapper .wp-block-social-links { padding: 0; } .wp-block-social-links .block-list-appender { margin: 0; display: flex; align-items: center; } .wp-block[data-align="center"] > .wp-block-social-links { justify-content: center; } .block-editor-block-preview__content .wp-social-link:disabled { opacity: 1; } [data-type="core/social-links"]:not(.is-selected):not(.has-child-selected) .wp-block-social-links { min-height: 36px; } [data-type="core/social-links"] .wp-social-link__is-incomplete { transition: transform 0.1s ease; transform-origin: center center; } [data-type="core/social-links"]:not(.is-selected):not(.has-child-selected) .wp-social-link__is-incomplete { opacity: 0; transform: scale(0); width: 0; padding: 0; margin-right: 0; } .wp-social-link.wp-social-link__is-incomplete { opacity: 0.5; } @media (prefers-reduced-motion: reduce) { .wp-social-link.wp-social-link__is-incomplete { transition-duration: 0s; } } .wp-block-social-links .is-selected .wp-social-link__is-incomplete, .wp-social-link.wp-social-link__is-incomplete:hover, .wp-social-link.wp-social-link__is-incomplete:focus { opacity: 1; } [data-type="core/social-links"] .wp-social-link:focus { opacity: 1; box-shadow: 0 0 0 2px #fff, 0 0 0 4px #007cba; box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); outline: 2px solid transparent; } .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block[data-type="core/social-link"].is-selected::after, .block-editor-block-list__layout .block-editor-block-list__block[data-type="core/social-link"]:not([contenteditable]):focus::after { right: 8px; } .block-library-spacer__resize-container.has-show-handle { background: #f0f0f0; } .is-dark-theme .block-library-spacer__resize-container.has-show-handle { background: rgba(255, 255, 255, 0.15); } .block-library-spacer__resize-container { clear: both; margin-bottom: 28px; } .block-library-spacer__resize-container .components-resizable-box__handle::before { content: none; } .edit-post-visual-editor p.wp-block-subhead { color: #6c7781; font-size: 1.1em; font-style: italic; } .wp-block[data-align="left"] > .wp-block-table, .wp-block[data-align="right"] > .wp-block-table, .wp-block[data-align="center"] > .wp-block-table { height: auto; } .wp-block[data-align="left"] > .wp-block-table table, .wp-block[data-align="right"] > .wp-block-table table, .wp-block[data-align="center"] > .wp-block-table table { width: auto; } .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, .wp-block[data-align="center"] > .wp-block-table td, .wp-block[data-align="center"] > .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 { margin: 0; } .wp-block-table table { border-collapse: collapse; } .wp-block-table td, .wp-block-table th { border: 1px solid; } .wp-block-table td.is-selected, .wp-block-table th.is-selected { border-color: #007cba; border-color: var(--wp-admin-theme-color); box-shadow: inset 0 0 0 1px #007cba; box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); border-style: double; } .wp-block-table figcaption { color: #555d66; font-size: 13px; text-align: center; } .blocks-table__placeholder-form.blocks-table__placeholder-form { display: flex; flex-direction: column; align-items: flex-start; } .blocks-table__placeholder-form.blocks-table__placeholder-form > * { margin-bottom: 8px; } @media (min-width: 782px) { .blocks-table__placeholder-form.blocks-table__placeholder-form { flex-direction: row; align-items: flex-end; } .blocks-table__placeholder-form.blocks-table__placeholder-form > * { margin-bottom: 0; } } .blocks-table__placeholder-input { width: 112px; margin-right: 8px; margin-bottom: 0; } .blocks-table__placeholder-input input { height: 36px; } .blocks-table__placeholder-input .components-base-control__field { margin-bottom: 0; } .block-editor .wp-block-tag-cloud a { display: inline-block; margin-right: 5px; } .block-editor .wp-block-tag-cloud span { display: inline-block; margin-left: 5px; color: #8f98a1; text-decoration: none; } .wp-block-template-part__placeholder-preview-dropdown-content .components-popover__content { min-width: 320px; padding: 0; } .wp-block-template-part__placeholder-preview-search-form { border-bottom: 1px solid #ddd; } .wp-block-template-part__placeholder-preview-container { background: #fff; padding-bottom: 16px; } .wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-preview-item { border-radius: 2px; cursor: pointer; margin-top: 16px; transition: all 0.05s ease-in-out; border: 1px solid transparent; } .wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-preview-item:hover { border: 1px solid #007cba; border: 1px solid var(--wp-admin-theme-color); } .wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-preview-item:focus { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #007cba; box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-preview-item.is-placeholder { min-height: 100px; } .wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-preview-item-title { padding: 4px; font-size: 12px; text-align: left; } .wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-panel-group-header { padding: 16px 16px 0; } .wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-panel-group-content { padding: 0 16px; } .wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-panel-group-title { color: #007cba; color: var(--wp-admin-theme-color); text-transform: uppercase; font-size: 11px; font-weight: 500; } .wp-block-template-part__name-panel { background-color: #fff; border-radius: 2px; box-shadow: 0 0 0 1px #1e1e1e; outline: 1px solid transparent; padding: 6px 12px; } .wp-block-template-part__name-panel .components-base-control__field { align-items: center; display: flex; margin-bottom: 0; } .wp-block-template-part__name-panel .components-base-control__label { margin-bottom: 0; margin-right: 8px; } .is-navigate-mode .is-selected .wp-block-template-part__name-panel { box-shadow: 0 0 0 1px #007cba; box-shadow: 0 0 0 1px var(--wp-admin-theme-color); } .is-dark-theme .is-navigate-mode .is-selected .wp-block-template-part__name-panel { box-shadow: 0 0 0 1px #007cba; box-shadow: 0 0 0 1px var(--wp-admin-theme-color); } .wp-block-text-columns .block-editor-rich-text__editable:focus { outline: 1px solid #ddd; } pre.wp-block-verse { color: #1e1e1e; white-space: nowrap; font-family: inherit; font-size: inherit; padding: 1em; overflow: auto; } .wp-block[data-align="center"] > .wp-block-video { text-align: center; } .editor-video-poster-control .components-base-control__label { display: block; } .editor-video-poster-control .components-button { margin-right: 8px; } .wp-block[data-type="core/widget-area"] { max-width: 700px; } .wp-block-widget-area > .components-panel__body > .block-editor-inner-blocks { padding-top: 24px; } /** * Import styles from internal editor components used by the blocks. */ .block-editor-block-list__layout .reusable-block-edit-panel { align-items: center; display: flex; flex-wrap: wrap; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; padding: 6px 12px; border-radius: 2px; background-color: #fff; box-shadow: 0 0 0 1px #1e1e1e; outline: 1px solid transparent; } .block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__info { margin-right: auto; } .block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__label { margin-right: 8px; white-space: nowrap; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; } .block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title { flex: 1 1 100%; } .block-editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button { flex-shrink: 0; } @media (min-width: 960px) { .block-editor-block-list__layout .reusable-block-edit-panel { flex-wrap: nowrap; } .block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title { margin: 0; } .block-editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button { margin: 0 0 0 8px; } } .reusable-block-edit-panel__title[type="text"] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; } @media (prefers-reduced-motion: reduce) { .reusable-block-edit-panel__title[type="text"] { transition-duration: 0s; } } @media (min-width: 600px) { .reusable-block-edit-panel__title[type="text"] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .reusable-block-edit-panel__title[type="text"]:focus { border-color: #007cba; border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px #007cba; box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .reusable-block-edit-panel__title[type="text"]::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .reusable-block-edit-panel__title[type="text"]::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .reusable-block-edit-panel__title[type="text"]:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .is-dark-theme .reusable-block-edit-panel__title[type="text"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); } .is-dark-theme .reusable-block-edit-panel__title[type="text"]::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); } .is-dark-theme .reusable-block-edit-panel__title[type="text"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); } .is-navigate-mode .is-selected .reusable-block-edit-panel { box-shadow: 0 0 0 1px #007cba; box-shadow: 0 0 0 1px var(--wp-admin-theme-color); } .is-dark-theme .is-navigate-mode .is-selected .reusable-block-edit-panel { box-shadow: 0 0 0 1px #007cba; box-shadow: 0 0 0 1px var(--wp-admin-theme-color); } /** * Editor Normalization Styles * * These are only output in the editor, but styles here are NOT prefixed .editor-styles-wrapper. * This allows us to create normalization styles that are easily overridden by editor styles. */ .block-editor-block-list__block { margin-top: 28px; margin-bottom: 28px; } #end-resizable-editor-section { display: none; } ================================================ FILE: public/vendor/gutenberg/styles/wp-block-library/style-rtl.css ================================================ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Breakpoints & Media Queries */ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Fonts & basic variables. */ /** * Grid System. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */ /** * Dimensions. */ /** * Shadows. */ /** * Editor widths. */ /** * Block UI. */ /** * Border radii. */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left position to the selector passed as argument */ /** * Styles that are reused verbatim in a few places */ /** * Allows users to opt-out of animations via OS-level preferences. */ /** * Reset default styles for JavaScript UI based pages. * This is a WP-admin agnostic reset */ /** * Reset the WP Admin page styles for Gutenberg-like pages. */ :root { --wp-admin-theme-color: #007cba; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-20: #005a87; } #start-resizable-editor-section { display: none; } .wp-block-audio figcaption { margin-top: 0.5em; margin-bottom: 1em; } .wp-block-audio audio { width: 100%; min-width: 300px; } .wp-block-button__link { color: #fff; background-color: #32373c; border: none; border-radius: 28px; box-shadow: none; cursor: pointer; display: inline-block; font-size: 18px; padding: 12px 24px; text-align: center; text-decoration: none; overflow-wrap: break-word; } .wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, .wp-block-button__link:visited { color: #fff; } .wp-block-button__link.aligncenter { text-align: center; } .wp-block-button__link.alignright { text-align: right; } .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.is-style-outline .wp-block-button__link, .wp-block-button__link.is-style-outline { color: #32373c; background-color: transparent; border: 2px solid; } .wp-block-buttons .wp-block-button { display: inline-block; margin-left: 8px; margin-bottom: 8px; } .wp-block-buttons .wp-block-button:last-child { margin-left: 0; } .wp-block-buttons.alignright .wp-block-button { margin-right: 0; margin-left: 8px; } .wp-block-buttons.alignright .wp-block-button:first-child { margin-right: 0; } .wp-block-buttons.alignleft .wp-block-button { margin-left: 0; margin-right: 8px; } .wp-block-buttons.alignleft .wp-block-button:last-child { margin-left: 0; } .wp-block-button.aligncenter, .wp-block-buttons.aligncenter { text-align: center; } .wp-block-calendar { text-align: center; } .wp-block-calendar th, .wp-block-calendar tbody td { padding: 4px; border: 1px solid #ddd; } .wp-block-calendar tfoot td { border: none; } .wp-block-calendar table { width: 100%; border-collapse: collapse; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .wp-block-calendar table th { font-weight: 400; background: #ddd; } .wp-block-calendar a { text-decoration: underline; } .wp-block-calendar tfoot a { color: #007cba; color: var(--wp-admin-theme-color); } .wp-block-calendar table tbody, .wp-block-calendar table caption { color: #40464d; } .wp-block-categories.alignleft { margin-right: 2em; } .wp-block-categories.alignright { margin-left: 2em; } .wp-block-columns { display: flex; margin-bottom: 28px; flex-wrap: wrap; } @media (min-width: 782px) { .wp-block-columns { flex-wrap: nowrap; } } .wp-block-columns.has-background { padding: 20px 38px; } .wp-block-column { flex-grow: 1; min-width: 0; word-break: break-word; overflow-wrap: break-word; } @media (max-width: 599px) { .wp-block-column { flex-basis: 100% !important; } } @media (min-width: 600px) and (max-width: 781px) { .wp-block-column { flex-basis: calc(50% - 16px) !important; flex-grow: 0; } .wp-block-column:nth-child(even) { margin-right: 32px; } } @media (min-width: 782px) { .wp-block-column { flex-basis: 0; flex-grow: 1; } .wp-block-column[style*="flex-basis"] { flex-grow: 0; } .wp-block-column:not(:first-child) { margin-right: 32px; } } /** * All Columns Alignment */ .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; } /** * Individual Column Alignment */ .wp-block-column.is-vertically-aligned-top { align-self: flex-start; } .wp-block-column.is-vertically-aligned-center { -ms-grid-row-align: center; align-self: center; } .wp-block-column.is-vertically-aligned-bottom { align-self: flex-end; } .wp-block-column.is-vertically-aligned-top, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-bottom { width: 100%; } .wp-block-cover-image, .wp-block-cover { position: relative; background-size: cover; background-position: center center; min-height: 430px; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; padding: 16px; } .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax { background-attachment: fixed; } @supports (-webkit-overflow-scrolling: touch) { .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax { background-attachment: scroll; } } @media (prefers-reduced-motion: reduce) { .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax { background-attachment: scroll; } } .wp-block-cover-image.has-background-dim, .wp-block-cover.has-background-dim { background-color: #000; } .wp-block-cover-image.has-background-dim::before, .wp-block-cover.has-background-dim::before { content: ""; background-color: inherit; } .wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before, .wp-block-cover-image .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim:not(.has-background-gradient)::before, .wp-block-cover .wp-block-cover__gradient-background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before, .wp-block-cover-image .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim:not(.has-background-gradient)::before, .wp-block-cover .wp-block-cover__gradient-background { opacity: 0.5; } .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:not(.has-background-gradient)::before { opacity: 0.1; } .wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background { opacity: 0.1; } .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:not(.has-background-gradient)::before { opacity: 0.2; } .wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background { opacity: 0.2; } .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:not(.has-background-gradient)::before { opacity: 0.3; } .wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background { opacity: 0.3; } .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:not(.has-background-gradient)::before { opacity: 0.4; } .wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background { opacity: 0.4; } .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:not(.has-background-gradient)::before { opacity: 0.5; } .wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background { opacity: 0.5; } .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:not(.has-background-gradient)::before { opacity: 0.6; } .wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background { opacity: 0.6; } .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:not(.has-background-gradient)::before { opacity: 0.7; } .wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background { opacity: 0.7; } .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:not(.has-background-gradient)::before { opacity: 0.8; } .wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background { opacity: 0.8; } .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:not(.has-background-gradient)::before { opacity: 0.9; } .wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background { opacity: 0.9; } .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:not(.has-background-gradient)::before { opacity: 1; } .wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background { opacity: 1; } .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.alignleft, .wp-block-cover.alignright { max-width: 290px; width: 100%; } .wp-block-cover-image::after, .wp-block-cover::after { display: block; content: ""; font-size: 0; min-height: inherit; } @supports ((position: -webkit-sticky) or (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-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container { width: calc(100% - 70px); z-index: 1; color: #fff; } .wp-block-cover-image 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 .wp-block-subhead:not(.has-text-color), .wp-block-cover p:not(.has-text-color), .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 .wp-block-subhead: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__video-background { position: absolute; top: 50%; right: 50%; transform: translateX(50%) translateY(-50%); width: 100%; height: 100%; z-index: 0; object-fit: cover; } section.wp-block-cover-image h2, .wp-block-cover-image-text, .wp-block-cover-text { color: #fff; } section.wp-block-cover-image h2 a, section.wp-block-cover-image h2 a:hover, section.wp-block-cover-image h2 a:focus, section.wp-block-cover-image h2 a:active, .wp-block-cover-image-text a, .wp-block-cover-image-text a:hover, .wp-block-cover-image-text a:focus, .wp-block-cover-image-text a:active, .wp-block-cover-text a, .wp-block-cover-text a:hover, .wp-block-cover-text a:focus, .wp-block-cover-text a:active { 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; } section.wp-block-cover-image.has-left-content > h2, .wp-block-cover-image.has-left-content .wp-block-cover-image-text, .wp-block-cover.has-left-content .wp-block-cover-text { margin-right: 0; text-align: right; } section.wp-block-cover-image.has-right-content > h2, .wp-block-cover-image.has-right-content .wp-block-cover-image-text, .wp-block-cover.has-right-content .wp-block-cover-text { margin-left: 0; text-align: left; } section.wp-block-cover-image > h2, .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text { font-size: 2em; line-height: 1.25; z-index: 1; margin-bottom: 0; max-width: 580px; padding: 14px; text-align: center; } .wp-block[data-align="left"] > [data-type^="core-embed"], .wp-block[data-align="right"] > [data-type^="core-embed"], .wp-block-embed.alignleft, .wp-block-embed.alignright { max-width: 360px; width: 100%; } .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, .wp-block-embed.alignleft .wp-block-embed__wrapper, .wp-block-embed.alignright .wp-block-embed__wrapper { min-width: 280px; } .wp-block-embed { margin-bottom: 1em; } .wp-block-embed figcaption { margin-top: 0.5em; margin-bottom: 1em; } .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 { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 100%; 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-6 .wp-block-embed__wrapper::before { padding-top: 66.66%; } .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.aligncenter { text-align: center; } .wp-block-file.alignright { text-align: right; } .wp-block-file .wp-block-file__button { background: #32373c; border-radius: 2em; color: #fff; font-size: 13px; padding: 0.5em 1em; } .wp-block-file a.wp-block-file__button { text-decoration: none; } .wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:active { box-shadow: none; color: #fff; opacity: 0.85; text-decoration: none; } .wp-block-file * + .wp-block-file__button { margin-right: 0.75em; } .wp-block-gallery, .blocks-gallery-grid { display: flex; flex-wrap: wrap; list-style-type: none; padding: 0; margin: 0; } .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item, .blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item { margin: 0 0 16px 16px; display: flex; flex-grow: 1; flex-direction: column; justify-content: center; position: relative; } .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure, .blocks-gallery-grid .blocks-gallery-image figure, .blocks-gallery-grid .blocks-gallery-item figure { margin: 0; height: 100%; } @supports ((position: -webkit-sticky) or (position: sticky)) { .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure, .blocks-gallery-grid .blocks-gallery-image figure, .blocks-gallery-grid .blocks-gallery-item figure { display: flex; align-items: flex-end; justify-content: flex-start; } } .wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item img, .blocks-gallery-grid .blocks-gallery-image img, .blocks-gallery-grid .blocks-gallery-item img { display: block; max-width: 100%; height: auto; } .wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item img, .blocks-gallery-grid .blocks-gallery-image img, .blocks-gallery-grid .blocks-gallery-item img { width: 100%; } @supports ((position: -webkit-sticky) or (position: sticky)) { .wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item img, .blocks-gallery-grid .blocks-gallery-image img, .blocks-gallery-grid .blocks-gallery-item img { width: auto; } } .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption, .blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption { position: absolute; bottom: 0; width: 100%; max-height: 100%; overflow: auto; padding: 40px 10px 9px; color: #fff; text-align: center; font-size: 13px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent); } .wp-block-gallery .blocks-gallery-image figcaption img, .wp-block-gallery .blocks-gallery-item figcaption img, .blocks-gallery-grid .blocks-gallery-image figcaption img, .blocks-gallery-grid .blocks-gallery-item figcaption img { display: inline; } .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img, .blocks-gallery-grid.is-cropped .blocks-gallery-image a, .blocks-gallery-grid.is-cropped .blocks-gallery-image img, .blocks-gallery-grid.is-cropped .blocks-gallery-item a, .blocks-gallery-grid.is-cropped .blocks-gallery-item img { width: 100%; } @supports ((position: -webkit-sticky) or (position: sticky)) { .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img, .blocks-gallery-grid.is-cropped .blocks-gallery-image a, .blocks-gallery-grid.is-cropped .blocks-gallery-image img, .blocks-gallery-grid.is-cropped .blocks-gallery-item a, .blocks-gallery-grid.is-cropped .blocks-gallery-item img { height: 100%; flex: 1; object-fit: cover; } } .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item, .blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item { width: calc(50% - 16px); } .wp-block-gallery .blocks-gallery-image:nth-of-type(even), .wp-block-gallery .blocks-gallery-item:nth-of-type(even), .blocks-gallery-grid .blocks-gallery-image:nth-of-type(even), .blocks-gallery-grid .blocks-gallery-item:nth-of-type(even) { margin-left: 0; } .wp-block-gallery.columns-1 .blocks-gallery-image, .wp-block-gallery.columns-1 .blocks-gallery-item, .blocks-gallery-grid.columns-1 .blocks-gallery-image, .blocks-gallery-grid.columns-1 .blocks-gallery-item { width: 100%; margin-left: 0; } @media (min-width: 600px) { .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item, .blocks-gallery-grid.columns-3 .blocks-gallery-image, .blocks-gallery-grid.columns-3 .blocks-gallery-item { width: calc(33.33333% - 10.66667px); margin-left: 16px; } .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item, .blocks-gallery-grid.columns-4 .blocks-gallery-image, .blocks-gallery-grid.columns-4 .blocks-gallery-item { width: calc(25% - 12px); margin-left: 16px; } .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item, .blocks-gallery-grid.columns-5 .blocks-gallery-image, .blocks-gallery-grid.columns-5 .blocks-gallery-item { width: calc(20% - 12.8px); margin-left: 16px; } .wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item, .blocks-gallery-grid.columns-6 .blocks-gallery-image, .blocks-gallery-grid.columns-6 .blocks-gallery-item { width: calc(16.66667% - 13.33333px); margin-left: 16px; } .wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item, .blocks-gallery-grid.columns-7 .blocks-gallery-image, .blocks-gallery-grid.columns-7 .blocks-gallery-item { width: calc(14.28571% - 13.71429px); margin-left: 16px; } .wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item, .blocks-gallery-grid.columns-8 .blocks-gallery-image, .blocks-gallery-grid.columns-8 .blocks-gallery-item { width: calc(12.5% - 14px); margin-left: 16px; } .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n), .blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n), .blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n) { margin-left: 0; } .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n), .blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n), .blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n) { margin-left: 0; } .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n), .blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n), .blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n) { margin-left: 0; } .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n), .blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n), .blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n) { margin-left: 0; } .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n), .blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n), .blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n) { margin-left: 0; } .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n), .blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n), .blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n) { margin-left: 0; } .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n), .blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n), .blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n) { margin-left: 0; } .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n), .blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n), .blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n) { margin-left: 0; } } .wp-block-gallery .blocks-gallery-image:last-child, .wp-block-gallery .blocks-gallery-item:last-child, .blocks-gallery-grid .blocks-gallery-image:last-child, .blocks-gallery-grid .blocks-gallery-item:last-child { margin-left: 0; } .wp-block-gallery.alignleft, .wp-block-gallery.alignright, .blocks-gallery-grid.alignleft, .blocks-gallery-grid.alignright { max-width: 290px; width: 100%; } .wp-block-gallery.aligncenter .blocks-gallery-item figure, .blocks-gallery-grid.aligncenter .blocks-gallery-item figure { justify-content: center; } h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background { padding: 20px 38px; } .wp-block-image { margin-bottom: 1em; } .wp-block-image img { max-width: 100%; } .wp-block-image.aligncenter { text-align: center; } .wp-block-image.alignfull img, .wp-block-image.alignwide img { width: 100%; } .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image .aligncenter, .wp-block-image.is-resized { display: table; } .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption, .wp-block-image .aligncenter > figcaption, .wp-block-image.is-resized > figcaption { display: table-caption; caption-side: bottom; } .wp-block-image .alignleft { float: left; margin-left: 0; margin-left: 1em; margin-top: 0.5em; margin-bottom: 0.5em; } .wp-block-image .alignright { float: right; margin-right: 0; margin-right: 1em; margin-top: 0.5em; margin-bottom: 0.5em; } .wp-block-image .aligncenter { margin-right: auto; margin-left: auto; } .wp-block-image figcaption { margin-top: 0.5em; margin-bottom: 1em; } .is-style-rounded img { border-radius: 9999px; } .is-style-circle-mask img { border-radius: 9999px; } @supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) { .is-style-circle-mask img { /* stylelint-disable */ -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); /* stylelint-enable */ mask-mode: alpha; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; border-radius: 0; } } .wp-block-latest-comments__comment { font-size: 15px; line-height: 1.1; list-style: none; margin-bottom: 1em; } .has-avatars .wp-block-latest-comments__comment { min-height: 36px; list-style: none; } .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta, .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt { margin-right: 52px; } .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: 14px; line-height: 1.8; margin: 5px 0 20px; } .wp-block-latest-comments__comment-date { color: #8f98a1; display: block; font-size: 12px; } .wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar { border-radius: 24px; display: block; float: right; height: 40px; margin-left: 12px; width: 40px; } .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; } .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 20px 20px; width: 100%; } @media (min-width: 600px) { .wp-block-latest-posts.columns-2 li { width: calc((100% / 2) - 20px); } .wp-block-latest-posts.columns-3 li { width: calc((100% / 3) - 20px); } .wp-block-latest-posts.columns-4 li { width: calc((100% / 4) - 20px); } .wp-block-latest-posts.columns-5 li { width: calc((100% / 5) - 20px); } .wp-block-latest-posts.columns-6 li { width: calc((100% / 6) - 20px); } } .wp-block-latest-posts__post-date, .wp-block-latest-posts__post-author { display: block; color: #6c7781; font-size: 13px; } .wp-block-latest-posts__post-excerpt { margin-top: 8px; margin-bottom: 16px; } .wp-block-latest-posts__featured-image img { height: auto; width: auto; } .wp-block-latest-posts__featured-image.alignleft { margin-right: 1em; } .wp-block-latest-posts__featured-image.alignright { margin-left: 1em; } .wp-block-latest-posts__featured-image.aligncenter { margin-bottom: 1em; text-align: center; } .edit-post-visual-editor .wp-block-latest-posts.is-grid li { margin-bottom: 20px; } .wp-block-media-text { direction: ltr; display: -ms-grid; display: grid; -ms-grid-columns: 50% 1fr; grid-template-columns: 50% 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .wp-block-media-text.has-media-on-the-right { -ms-grid-columns: 1fr 50%; 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 { -ms-grid-row-align: start; 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 { -ms-grid-row-align: center; 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 { -ms-grid-row-align: end; align-self: end; } .wp-block-media-text .wp-block-media-text__media { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; margin: 0; } .wp-block-media-text .wp-block-media-text__content { direction: rtl; -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 1; grid-row: 1; padding: 0 8% 0 8%; word-break: break-word; } .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 1; grid-row: 1; } .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; } .wp-block-media-text__media img, .wp-block-media-text__media video { max-width: unset; width: 100%; vertical-align: middle; } .wp-block-media-text.is-image-fill figure.wp-block-media-text__media { height: 100%; min-height: 250px; background-size: cover; } .wp-block-media-text.is-image-fill figure.wp-block-media-text__media > img { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } /* * Here we here not able to use a mobile first CSS approach. * Custom widths are set using inline styles, and on mobile, * we need 100% width, so we use important to overwrite the inline style. * If the style were set on mobile first, on desktop styles, * we would have no way of setting the style again to the inline style. */ @media (max-width: 600px) { .wp-block-media-text.is-stacked-on-mobile { -ms-grid-columns: 100% !important; grid-template-columns: 100% !important; } .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; } .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 2; grid-row: 2; } .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__media { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 2; grid-row: 2; } .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; } } .wp-block-navigation .wp-block-navigation-link:not(.has-text-color), .wp-block-navigation.is-style-light .wp-block-navigation-link:not(.has-text-color) { color: #1e1e1e; } .wp-block-navigation:not(.has-background) .wp-block-navigation__container, .wp-block-navigation.is-style-light:not(.has-background) .wp-block-navigation__container { background-color: #fff; } .wp-block-navigation.is-style-dark .wp-block-navigation-link:not(.has-text-color) { color: #fff; } .wp-block-navigation.is-style-dark:not(.has-background) .wp-block-navigation__container { background-color: #1e1e1e; } .items-justified-left > ul { justify-content: flex-start; } .items-justified-center > ul { justify-content: center; } .items-justified-right > ul { justify-content: flex-end; } .wp-block-navigation-link { display: flex; align-items: center; position: relative; margin: 0; } .wp-block-navigation-link .wp-block-navigation__container:empty { display: none; } .wp-block-navigation__container { list-style: none; margin: 0; padding-right: 0; display: flex; flex-wrap: wrap; } .is-vertical .wp-block-navigation__container { display: block; } .has-child .wp-block-navigation__container { border: 1px solid rgba(0, 0, 0, 0.15); background-color: inherit; color: inherit; position: absolute; right: 0; top: 100%; width: fit-content; z-index: 1; opacity: 0; transition: opacity 0.1s linear; visibility: hidden; } .has-child .wp-block-navigation__container > .wp-block-navigation-link > .wp-block-navigation-link__content { flex-grow: 1; } .has-child .wp-block-navigation__container > .wp-block-navigation-link > .wp-block-navigation-link__submenu-icon { padding-left: 8px; } @media (min-width: 782px) { .has-child .wp-block-navigation__container { right: 24px; } .has-child .wp-block-navigation__container .wp-block-navigation__container { right: 100%; top: -1px; } .has-child .wp-block-navigation__container .wp-block-navigation__container::before { content: ""; position: absolute; left: 100%; height: 100%; display: block; width: 8px; background: transparent; } .has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon svg { transform: rotate(0); } } .has-child:hover { cursor: pointer; } .has-child:hover > .wp-block-navigation__container { visibility: visible; opacity: 1; display: flex; flex-direction: column; } .has-child:focus-within { cursor: pointer; } .has-child:focus-within > .wp-block-navigation__container { visibility: visible; opacity: 1; display: flex; flex-direction: column; } .wp-block-navigation-link__content { text-decoration: none; padding: 8px 16px; } .wp-block-navigation-link__content + .wp-block-navigation-link__content { padding-top: 0; } .has-text-color .wp-block-navigation-link__content { color: inherit; } .wp-block-navigation-link__label { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; word-break: normal; overflow-wrap: break-word; } .wp-block-navigation-link__submenu-icon { height: inherit; padding: 6px 16px; } .wp-block-navigation-link__submenu-icon svg { fill: currentColor; } @media (min-width: 782px) { .wp-block-navigation-link__submenu-icon svg { transform: rotate(-90deg); } } .is-small-text { font-size: 14px; } .is-regular-text { font-size: 16px; } .is-large-text { font-size: 36px; } .is-larger-text { font-size: 48px; } .has-drop-cap:not(:focus)::first-letter { float: right; font-size: 8.4em; line-height: 0.68; font-weight: 100; margin: 0.05em 0 0 0.1em; text-transform: uppercase; font-style: normal; } p.has-background { padding: 20px 38px; } p.has-text-color a { color: inherit; } .wp-block-post-author { display: flex; flex-wrap: wrap; line-height: 1.5; } .wp-block-post-author__byline { width: 100%; margin-top: 0; margin-bottom: 0; font-size: 0.5em; } .wp-block-post-author__avatar { margin-left: 16px; } .wp-block-post-author__bio { margin-bottom: 8px; font-size: 0.7em; } .wp-block-post-author__content { flex-grow: 1; flex-basis: 0; } .wp-block-post-author__name { font-weight: bold; margin: 0; } .wp-block-pullquote { padding: 3em 0; margin-right: 0; margin-left: 0; text-align: center; } .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { max-width: 290px; } .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p { font-size: 20px; } .wp-block-pullquote p { font-size: 28px; line-height: 1.6; } .wp-block-pullquote cite, .wp-block-pullquote footer { position: relative; } .wp-block-pullquote .has-text-color a { color: inherit; } .wp-block-pullquote:not(.is-style-solid-color) { background: none; } .wp-block-pullquote.is-style-solid-color { border: none; } .wp-block-pullquote.is-style-solid-color blockquote { margin-right: auto; margin-left: auto; text-align: right; max-width: 60%; } .wp-block-pullquote.is-style-solid-color blockquote p { margin-top: 0; margin-bottom: 0; font-size: 32px; } .wp-block-pullquote.is-style-solid-color blockquote cite { text-transform: none; font-style: normal; } .wp-block-pullquote cite { color: inherit; } .wp-block-quote.is-style-large, .wp-block-quote.is-large { margin: 0 0 16px; padding: 0 1em; } .wp-block-quote.is-style-large p, .wp-block-quote.is-large p { font-size: 24px; font-style: italic; line-height: 1.6; } .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer, .wp-block-quote.is-large cite, .wp-block-quote.is-large footer { font-size: 18px; text-align: left; } .wp-block-rss.alignleft { margin-right: 2em; } .wp-block-rss.alignright { margin-left: 2em; } .wp-block-rss.is-grid { display: flex; flex-wrap: wrap; padding: 0; list-style: none; } .wp-block-rss.is-grid li { margin: 0 0 16px 16px; width: 100%; } @media (min-width: 600px) { .wp-block-rss.columns-2 li { width: calc(( 100% / 2 ) - 16px); } .wp-block-rss.columns-3 li { width: calc(( 100% / 3 ) - 16px); } .wp-block-rss.columns-4 li { width: calc(( 100% / 4 ) - 16px); } .wp-block-rss.columns-5 li { width: calc(( 100% / 5 ) - 16px); } .wp-block-rss.columns-6 li { width: calc(( 100% / 6 ) - 16px); } } .wp-block-rss__item-publish-date, .wp-block-rss__item-author { display: block; color: #6c7781; font-size: 13px; } .wp-block-search { display: flex; flex-wrap: wrap; } .wp-block-search .wp-block-search__label { width: 100%; } .wp-block-search .wp-block-search__input { flex-grow: 1; max-width: 360px; } .wp-block-search .wp-block-search__button { margin-right: 10px; } .wp-block-separator.is-style-wide { border-bottom-width: 1px; } .wp-block-separator.is-style-dots { background: none !important; border: none; text-align: center; max-width: none; line-height: 1; height: auto; } .wp-block-separator.is-style-dots::before { content: "\00b7 \00b7 \00b7"; color: currentColor; font-size: 20px; letter-spacing: 2em; padding-left: 2em; font-family: serif; } .wp-block-social-links { display: flex; justify-content: flex-start; padding-right: 0; padding-left: 0; margin-right: 0; } .wp-block-social-links .wp-social-link a, .wp-block-social-links .wp-social-link a:hover { text-decoration: none; border-bottom: 0; box-shadow: none; } .wp-social-link { display: block; width: 36px; height: 36px; border-radius: 36px; margin-left: 8px; transition: transform 0.1s ease; } @media (prefers-reduced-motion: reduce) { .wp-social-link { transition-duration: 0s; } } .wp-social-link a { padding: 6px; display: block; line-height: 0; transition: transform 0.1s ease; } .wp-social-link a, .wp-social-link a:hover, .wp-social-link a:active, .wp-social-link a:visited, .wp-social-link svg { color: currentColor; fill: currentColor; } .wp-social-link:hover { transform: scale(1.1); } .wp-block-social-links.aligncenter { justify-content: center; display: flex; } .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-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: #fe4500; 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 { background-color: #fefc00; color: #fff; stroke: #000; } .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-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-yelp { background-color: #d32422; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube { background-color: #f00; color: #fff; } .wp-block-social-links.is-style-logos-only .wp-social-link { background: none; padding: 4px; } .wp-block-social-links.is-style-logos-only .wp-social-link svg { width: 28px; height: 28px; } .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-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: #fe4500; } .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 { color: #fff; stroke: #000; } .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-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-wordpress { color: #3499cd; } .wp-block-social-links.is-style-logos-only .wp-social-link-yelp { background-color: #d32422; color: #fff; } .wp-block-social-links.is-style-logos-only .wp-social-link-youtube { color: #f00; } .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-right: 16px; padding-left: 16px; } .wp-block-spacer { clear: both; } p.wp-block-subhead { font-size: 1.1em; font-style: italic; opacity: 0.75; } .wp-block-table { overflow-x: auto; } .wp-block-table table { width: 100%; } .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.alignleft, .wp-block-table.aligncenter, .wp-block-table.alignright { display: table; width: auto; } .wp-block-table.alignleft td, .wp-block-table.alignleft th, .wp-block-table.aligncenter td, .wp-block-table.aligncenter 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 { border-spacing: 0; border-collapse: inherit; background-color: transparent; border-bottom: 1px solid #f0f0f0; } .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 th, .wp-block-table.is-style-stripes td { border-color: transparent; } .wp-block-text-columns { display: flex; } .wp-block-text-columns.aligncenter { display: flex; } .wp-block-text-columns .wp-block-column { margin: 0 16px; 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: calc(100% / 2); } .wp-block-text-columns.columns-3 .wp-block-column { width: calc(100% / 3); } .wp-block-text-columns.columns-4 .wp-block-column { width: calc(100% / 4); } .wp-block-video { margin-right: 0; margin-left: 0; } .wp-block-video video { max-width: 100%; } @supports ((position: -webkit-sticky) or (position: sticky)) { .wp-block-video [poster] { object-fit: cover; } } .wp-block-video.aligncenter { text-align: center; } .wp-block-video figcaption { margin-top: 0.5em; margin-bottom: 1em; } :root .editor-styles-wrapper, :root { /* stylelint-disable function-comma-space-after */ /* stylelint-enable function-comma-space-after */ } :root .editor-styles-wrapper .has-pale-pink-background-color, :root .has-pale-pink-background-color { background-color: #f78da7; } :root .editor-styles-wrapper .has-vivid-red-background-color, :root .has-vivid-red-background-color { background-color: #cf2e2e; } :root .editor-styles-wrapper .has-luminous-vivid-orange-background-color, :root .has-luminous-vivid-orange-background-color { background-color: #ff6900; } :root .editor-styles-wrapper .has-luminous-vivid-amber-background-color, :root .has-luminous-vivid-amber-background-color { background-color: #fcb900; } :root .editor-styles-wrapper .has-light-green-cyan-background-color, :root .has-light-green-cyan-background-color { background-color: #7bdcb5; } :root .editor-styles-wrapper .has-vivid-green-cyan-background-color, :root .has-vivid-green-cyan-background-color { background-color: #00d084; } :root .editor-styles-wrapper .has-pale-cyan-blue-background-color, :root .has-pale-cyan-blue-background-color { background-color: #8ed1fc; } :root .editor-styles-wrapper .has-vivid-cyan-blue-background-color, :root .has-vivid-cyan-blue-background-color { background-color: #0693e3; } :root .editor-styles-wrapper .has-vivid-purple-background-color, :root .has-vivid-purple-background-color { background-color: #9b51e0; } :root .editor-styles-wrapper .has-white-background-color, :root .has-white-background-color { background-color: #fff; } :root .editor-styles-wrapper .has-very-light-gray-background-color, :root .has-very-light-gray-background-color { background-color: #eee; } :root .editor-styles-wrapper .has-cyan-bluish-gray-background-color, :root .has-cyan-bluish-gray-background-color { background-color: #abb8c3; } :root .editor-styles-wrapper .has-very-dark-gray-background-color, :root .has-very-dark-gray-background-color { background-color: #313131; } :root .editor-styles-wrapper .has-black-background-color, :root .has-black-background-color { background-color: #000; } :root .editor-styles-wrapper .has-pale-pink-color, :root .has-pale-pink-color { color: #f78da7; } :root .editor-styles-wrapper .has-vivid-red-color, :root .has-vivid-red-color { color: #cf2e2e; } :root .editor-styles-wrapper .has-luminous-vivid-orange-color, :root .has-luminous-vivid-orange-color { color: #ff6900; } :root .editor-styles-wrapper .has-luminous-vivid-amber-color, :root .has-luminous-vivid-amber-color { color: #fcb900; } :root .editor-styles-wrapper .has-light-green-cyan-color, :root .has-light-green-cyan-color { color: #7bdcb5; } :root .editor-styles-wrapper .has-vivid-green-cyan-color, :root .has-vivid-green-cyan-color { color: #00d084; } :root .editor-styles-wrapper .has-pale-cyan-blue-color, :root .has-pale-cyan-blue-color { color: #8ed1fc; } :root .editor-styles-wrapper .has-vivid-cyan-blue-color, :root .has-vivid-cyan-blue-color { color: #0693e3; } :root .editor-styles-wrapper .has-vivid-purple-color, :root .has-vivid-purple-color { color: #9b51e0; } :root .editor-styles-wrapper .has-white-color, :root .has-white-color { color: #fff; } :root .editor-styles-wrapper .has-very-light-gray-color, :root .has-very-light-gray-color { color: #eee; } :root .editor-styles-wrapper .has-cyan-bluish-gray-color, :root .has-cyan-bluish-gray-color { color: #abb8c3; } :root .editor-styles-wrapper .has-very-dark-gray-color, :root .has-very-dark-gray-color { color: #313131; } :root .editor-styles-wrapper .has-black-color, :root .has-black-color { color: #000; } :root .editor-styles-wrapper .has-vivid-cyan-blue-to-vivid-purple-gradient-background, :root .has-vivid-cyan-blue-to-vivid-purple-gradient-background { background: linear-gradient(-135deg, #0693e3 0%, #9b51e0 100%); } :root .editor-styles-wrapper .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background, :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { background: linear-gradient(-135deg, #00d084 0%, #0693e3 100%); } :root .editor-styles-wrapper .has-light-green-cyan-to-vivid-green-cyan-gradient-background, :root .has-light-green-cyan-to-vivid-green-cyan-gradient-background { background: linear-gradient(-135deg, #7adcb4 0%, #00d082 100%); } :root .editor-styles-wrapper .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background, :root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { background: linear-gradient(-135deg, #fcb900 0%, #ff6900 100%); } :root .editor-styles-wrapper .has-luminous-vivid-orange-to-vivid-red-gradient-background, :root .has-luminous-vivid-orange-to-vivid-red-gradient-background { background: linear-gradient(-135deg, #ff6900 0%, #cf2e2e 100%); } :root .editor-styles-wrapper .has-very-light-gray-to-cyan-bluish-gray-gradient-background, :root .has-very-light-gray-to-cyan-bluish-gray-gradient-background { background: linear-gradient(-135deg, #eeeeee 0%, #a9b8c3 100%); } :root .editor-styles-wrapper .has-cool-to-warm-spectrum-gradient-background, :root .has-cool-to-warm-spectrum-gradient-background { background: linear-gradient(-135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%); } :root .editor-styles-wrapper .has-blush-light-purple-gradient-background, :root .has-blush-light-purple-gradient-background { background: linear-gradient(-135deg, #ffceec 0%, #9896f0 100%); } :root .editor-styles-wrapper .has-blush-bordeaux-gradient-background, :root .has-blush-bordeaux-gradient-background { background: linear-gradient(-135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%); } :root .editor-styles-wrapper .has-purple-crush-gradient-background, :root .has-purple-crush-gradient-background { background: linear-gradient(-135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%); } :root .editor-styles-wrapper .has-luminous-dusk-gradient-background, :root .has-luminous-dusk-gradient-background { background: linear-gradient(-135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%); } :root .editor-styles-wrapper .has-hazy-dawn-gradient-background, :root .has-hazy-dawn-gradient-background { background: linear-gradient(-135deg, #faaca8 0%, #dad0ec 100%); } :root .editor-styles-wrapper .has-pale-ocean-gradient-background, :root .has-pale-ocean-gradient-background { background: linear-gradient(-135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%); } :root .editor-styles-wrapper .has-electric-grass-gradient-background, :root .has-electric-grass-gradient-background { background: linear-gradient(-135deg, #caf880 0%, #71ce7e 100%); } :root .editor-styles-wrapper .has-subdued-olive-gradient-background, :root .has-subdued-olive-gradient-background { background: linear-gradient(-135deg, #fafae1 0%, #67a671 100%); } :root .editor-styles-wrapper .has-atomic-cream-gradient-background, :root .has-atomic-cream-gradient-background { background: linear-gradient(-135deg, #fdd79a 0%, #004a59 100%); } :root .editor-styles-wrapper .has-nightshade-gradient-background, :root .has-nightshade-gradient-background { background: linear-gradient(-135deg, #330968 0%, #31cdcf 100%); } :root .editor-styles-wrapper .has-midnight-gradient-background, :root .has-midnight-gradient-background { background: linear-gradient(-135deg, #020381 0%, #2874fc 100%); } :root .editor-styles-wrapper .has-link-color a, :root .has-link-color a { color: #00e; color: var(--wp--style--color--link, #00e); } .editor-styles-wrapper .has-small-font-size, .has-small-font-size { font-size: 13px; } .editor-styles-wrapper .has-regular-font-size, .editor-styles-wrapper .has-normal-font-size, .has-regular-font-size, .has-normal-font-size { font-size: 16px; } .editor-styles-wrapper .has-medium-font-size, .has-medium-font-size { font-size: 20px; } .editor-styles-wrapper .has-large-font-size, .has-large-font-size { font-size: 36px; } .editor-styles-wrapper .has-larger-font-size, .editor-styles-wrapper .has-huge-font-size, .has-larger-font-size, .has-huge-font-size { font-size: 42px; } .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; } ================================================ FILE: public/vendor/gutenberg/styles/wp-block-library/style.css ================================================ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Breakpoints & Media Queries */ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Fonts & basic variables. */ /** * Grid System. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */ /** * Dimensions. */ /** * Shadows. */ /** * Editor widths. */ /** * Block UI. */ /** * Border radii. */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left position to the selector passed as argument */ /** * Styles that are reused verbatim in a few places */ /** * Allows users to opt-out of animations via OS-level preferences. */ /** * Reset default styles for JavaScript UI based pages. * This is a WP-admin agnostic reset */ /** * Reset the WP Admin page styles for Gutenberg-like pages. */ :root { --wp-admin-theme-color: #007cba; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-20: #005a87; } #start-resizable-editor-section { display: none; } .wp-block-audio figcaption { margin-top: 0.5em; margin-bottom: 1em; } .wp-block-audio audio { width: 100%; min-width: 300px; } .wp-block-button__link { color: #fff; background-color: #32373c; border: none; border-radius: 28px; box-shadow: none; cursor: pointer; display: inline-block; font-size: 18px; padding: 12px 24px; text-align: center; text-decoration: none; overflow-wrap: break-word; } .wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, .wp-block-button__link:visited { color: #fff; } .wp-block-button__link.aligncenter { text-align: center; } .wp-block-button__link.alignright { /*rtl:ignore*/ text-align: right; } .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.is-style-outline .wp-block-button__link, .wp-block-button__link.is-style-outline { color: #32373c; background-color: transparent; border: 2px solid; } .wp-block-buttons .wp-block-button { display: inline-block; margin-right: 8px; margin-bottom: 8px; } .wp-block-buttons .wp-block-button:last-child { margin-right: 0; } .wp-block-buttons.alignright .wp-block-button { /*rtl:ignore*/ margin-right: 0; /*rtl:ignore*/ margin-left: 8px; } .wp-block-buttons.alignright .wp-block-button:first-child { margin-left: 0; } .wp-block-buttons.alignleft .wp-block-button { /*rtl:ignore*/ margin-left: 0; /*rtl:ignore*/ margin-right: 8px; } .wp-block-buttons.alignleft .wp-block-button:last-child { margin-right: 0; } .wp-block-button.aligncenter, .wp-block-buttons.aligncenter { text-align: center; } .wp-block-calendar { text-align: center; } .wp-block-calendar th, .wp-block-calendar tbody td { padding: 4px; border: 1px solid #ddd; } .wp-block-calendar tfoot td { border: none; } .wp-block-calendar table { width: 100%; border-collapse: collapse; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .wp-block-calendar table th { font-weight: 400; background: #ddd; } .wp-block-calendar a { text-decoration: underline; } .wp-block-calendar tfoot a { color: #007cba; color: var(--wp-admin-theme-color); } .wp-block-calendar table tbody, .wp-block-calendar table caption { color: #40464d; } .wp-block-categories.alignleft { /*rtl:ignore*/ margin-right: 2em; } .wp-block-categories.alignright { /*rtl:ignore*/ margin-left: 2em; } .wp-block-columns { display: flex; margin-bottom: 28px; flex-wrap: wrap; } @media (min-width: 782px) { .wp-block-columns { flex-wrap: nowrap; } } .wp-block-columns.has-background { padding: 20px 38px; } .wp-block-column { flex-grow: 1; min-width: 0; word-break: break-word; overflow-wrap: break-word; } @media (max-width: 599px) { .wp-block-column { flex-basis: 100% !important; } } @media (min-width: 600px) and (max-width: 781px) { .wp-block-column { flex-basis: calc(50% - 16px) !important; flex-grow: 0; } .wp-block-column:nth-child(even) { margin-left: 32px; } } @media (min-width: 782px) { .wp-block-column { flex-basis: 0; flex-grow: 1; } .wp-block-column[style*="flex-basis"] { flex-grow: 0; } .wp-block-column:not(:first-child) { margin-left: 32px; } } /** * All Columns Alignment */ .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; } /** * Individual Column Alignment */ .wp-block-column.is-vertically-aligned-top { align-self: flex-start; } .wp-block-column.is-vertically-aligned-center { -ms-grid-row-align: center; align-self: center; } .wp-block-column.is-vertically-aligned-bottom { align-self: flex-end; } .wp-block-column.is-vertically-aligned-top, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-bottom { width: 100%; } .wp-block-cover-image, .wp-block-cover { position: relative; background-size: cover; background-position: center center; min-height: 430px; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; padding: 16px; } .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax { background-attachment: fixed; } @supports (-webkit-overflow-scrolling: touch) { .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax { background-attachment: scroll; } } @media (prefers-reduced-motion: reduce) { .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax { background-attachment: scroll; } } .wp-block-cover-image.has-background-dim, .wp-block-cover.has-background-dim { background-color: #000; } .wp-block-cover-image.has-background-dim::before, .wp-block-cover.has-background-dim::before { content: ""; background-color: inherit; } .wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before, .wp-block-cover-image .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim:not(.has-background-gradient)::before, .wp-block-cover .wp-block-cover__gradient-background { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; } .wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before, .wp-block-cover-image .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim:not(.has-background-gradient)::before, .wp-block-cover .wp-block-cover__gradient-background { opacity: 0.5; } .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:not(.has-background-gradient)::before { opacity: 0.1; } .wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background { opacity: 0.1; } .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:not(.has-background-gradient)::before { opacity: 0.2; } .wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background { opacity: 0.2; } .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:not(.has-background-gradient)::before { opacity: 0.3; } .wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background { opacity: 0.3; } .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:not(.has-background-gradient)::before { opacity: 0.4; } .wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background { opacity: 0.4; } .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:not(.has-background-gradient)::before { opacity: 0.5; } .wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background { opacity: 0.5; } .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:not(.has-background-gradient)::before { opacity: 0.6; } .wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background { opacity: 0.6; } .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:not(.has-background-gradient)::before { opacity: 0.7; } .wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background { opacity: 0.7; } .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:not(.has-background-gradient)::before { opacity: 0.8; } .wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background { opacity: 0.8; } .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:not(.has-background-gradient)::before { opacity: 0.9; } .wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background { opacity: 0.9; } .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:not(.has-background-gradient)::before { opacity: 1; } .wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background { opacity: 1; } .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.alignleft, .wp-block-cover.alignright { max-width: 290px; width: 100%; } .wp-block-cover-image::after, .wp-block-cover::after { display: block; content: ""; font-size: 0; min-height: inherit; } @supports ((position: -webkit-sticky) or (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-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container { width: calc(100% - 70px); z-index: 1; color: #fff; } .wp-block-cover-image 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 .wp-block-subhead:not(.has-text-color), .wp-block-cover p:not(.has-text-color), .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 .wp-block-subhead: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__video-background { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 100%; height: 100%; z-index: 0; object-fit: cover; } section.wp-block-cover-image h2, .wp-block-cover-image-text, .wp-block-cover-text { color: #fff; } section.wp-block-cover-image h2 a, section.wp-block-cover-image h2 a:hover, section.wp-block-cover-image h2 a:focus, section.wp-block-cover-image h2 a:active, .wp-block-cover-image-text a, .wp-block-cover-image-text a:hover, .wp-block-cover-image-text a:focus, .wp-block-cover-image-text a:active, .wp-block-cover-text a, .wp-block-cover-text a:hover, .wp-block-cover-text a:focus, .wp-block-cover-text a:active { 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; } section.wp-block-cover-image.has-left-content > h2, .wp-block-cover-image.has-left-content .wp-block-cover-image-text, .wp-block-cover.has-left-content .wp-block-cover-text { margin-left: 0; text-align: left; } section.wp-block-cover-image.has-right-content > h2, .wp-block-cover-image.has-right-content .wp-block-cover-image-text, .wp-block-cover.has-right-content .wp-block-cover-text { margin-right: 0; text-align: right; } section.wp-block-cover-image > h2, .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text { font-size: 2em; line-height: 1.25; z-index: 1; margin-bottom: 0; max-width: 580px; padding: 14px; text-align: center; } .wp-block[data-align="left"] > [data-type^="core-embed"], .wp-block[data-align="right"] > [data-type^="core-embed"], .wp-block-embed.alignleft, .wp-block-embed.alignright { max-width: 360px; width: 100%; } .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, .wp-block-embed.alignleft .wp-block-embed__wrapper, .wp-block-embed.alignright .wp-block-embed__wrapper { min-width: 280px; } .wp-block-embed { margin-bottom: 1em; } .wp-block-embed figcaption { margin-top: 0.5em; margin-bottom: 1em; } .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 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; 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-6 .wp-block-embed__wrapper::before { padding-top: 66.66%; } .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.aligncenter { text-align: center; } .wp-block-file.alignright { /*rtl:ignore*/ text-align: right; } .wp-block-file .wp-block-file__button { background: #32373c; border-radius: 2em; color: #fff; font-size: 13px; padding: 0.5em 1em; } .wp-block-file a.wp-block-file__button { text-decoration: none; } .wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:active { box-shadow: none; color: #fff; opacity: 0.85; text-decoration: none; } .wp-block-file * + .wp-block-file__button { margin-left: 0.75em; } .wp-block-gallery, .blocks-gallery-grid { display: flex; flex-wrap: wrap; list-style-type: none; padding: 0; margin: 0; } .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item, .blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item { margin: 0 16px 16px 0; display: flex; flex-grow: 1; flex-direction: column; justify-content: center; position: relative; } .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure, .blocks-gallery-grid .blocks-gallery-image figure, .blocks-gallery-grid .blocks-gallery-item figure { margin: 0; height: 100%; } @supports ((position: -webkit-sticky) or (position: sticky)) { .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure, .blocks-gallery-grid .blocks-gallery-image figure, .blocks-gallery-grid .blocks-gallery-item figure { display: flex; align-items: flex-end; justify-content: flex-start; } } .wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item img, .blocks-gallery-grid .blocks-gallery-image img, .blocks-gallery-grid .blocks-gallery-item img { display: block; max-width: 100%; height: auto; } .wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item img, .blocks-gallery-grid .blocks-gallery-image img, .blocks-gallery-grid .blocks-gallery-item img { width: 100%; } @supports ((position: -webkit-sticky) or (position: sticky)) { .wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item img, .blocks-gallery-grid .blocks-gallery-image img, .blocks-gallery-grid .blocks-gallery-item img { width: auto; } } .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption, .blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption { position: absolute; bottom: 0; width: 100%; max-height: 100%; overflow: auto; padding: 40px 10px 9px; color: #fff; text-align: center; font-size: 13px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent); } .wp-block-gallery .blocks-gallery-image figcaption img, .wp-block-gallery .blocks-gallery-item figcaption img, .blocks-gallery-grid .blocks-gallery-image figcaption img, .blocks-gallery-grid .blocks-gallery-item figcaption img { display: inline; } .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img, .blocks-gallery-grid.is-cropped .blocks-gallery-image a, .blocks-gallery-grid.is-cropped .blocks-gallery-image img, .blocks-gallery-grid.is-cropped .blocks-gallery-item a, .blocks-gallery-grid.is-cropped .blocks-gallery-item img { width: 100%; } @supports ((position: -webkit-sticky) or (position: sticky)) { .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img, .blocks-gallery-grid.is-cropped .blocks-gallery-image a, .blocks-gallery-grid.is-cropped .blocks-gallery-image img, .blocks-gallery-grid.is-cropped .blocks-gallery-item a, .blocks-gallery-grid.is-cropped .blocks-gallery-item img { height: 100%; flex: 1; object-fit: cover; } } .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item, .blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item { width: calc(50% - 16px); } .wp-block-gallery .blocks-gallery-image:nth-of-type(even), .wp-block-gallery .blocks-gallery-item:nth-of-type(even), .blocks-gallery-grid .blocks-gallery-image:nth-of-type(even), .blocks-gallery-grid .blocks-gallery-item:nth-of-type(even) { margin-right: 0; } .wp-block-gallery.columns-1 .blocks-gallery-image, .wp-block-gallery.columns-1 .blocks-gallery-item, .blocks-gallery-grid.columns-1 .blocks-gallery-image, .blocks-gallery-grid.columns-1 .blocks-gallery-item { width: 100%; margin-right: 0; } @media (min-width: 600px) { .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item, .blocks-gallery-grid.columns-3 .blocks-gallery-image, .blocks-gallery-grid.columns-3 .blocks-gallery-item { width: calc(33.33333% - 10.66667px); margin-right: 16px; } .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item, .blocks-gallery-grid.columns-4 .blocks-gallery-image, .blocks-gallery-grid.columns-4 .blocks-gallery-item { width: calc(25% - 12px); margin-right: 16px; } .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item, .blocks-gallery-grid.columns-5 .blocks-gallery-image, .blocks-gallery-grid.columns-5 .blocks-gallery-item { width: calc(20% - 12.8px); margin-right: 16px; } .wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item, .blocks-gallery-grid.columns-6 .blocks-gallery-image, .blocks-gallery-grid.columns-6 .blocks-gallery-item { width: calc(16.66667% - 13.33333px); margin-right: 16px; } .wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item, .blocks-gallery-grid.columns-7 .blocks-gallery-image, .blocks-gallery-grid.columns-7 .blocks-gallery-item { width: calc(14.28571% - 13.71429px); margin-right: 16px; } .wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item, .blocks-gallery-grid.columns-8 .blocks-gallery-image, .blocks-gallery-grid.columns-8 .blocks-gallery-item { width: calc(12.5% - 14px); margin-right: 16px; } .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n), .blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n), .blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n) { margin-right: 0; } .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n), .blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n), .blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n) { margin-right: 0; } .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n), .blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n), .blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n) { margin-right: 0; } .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n), .blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n), .blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n) { margin-right: 0; } .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n), .blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n), .blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n) { margin-right: 0; } .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n), .blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n), .blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n) { margin-right: 0; } .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n), .blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n), .blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n) { margin-right: 0; } .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n), .blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n), .blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n) { margin-right: 0; } } .wp-block-gallery .blocks-gallery-image:last-child, .wp-block-gallery .blocks-gallery-item:last-child, .blocks-gallery-grid .blocks-gallery-image:last-child, .blocks-gallery-grid .blocks-gallery-item:last-child { margin-right: 0; } .wp-block-gallery.alignleft, .wp-block-gallery.alignright, .blocks-gallery-grid.alignleft, .blocks-gallery-grid.alignright { max-width: 290px; width: 100%; } .wp-block-gallery.aligncenter .blocks-gallery-item figure, .blocks-gallery-grid.aligncenter .blocks-gallery-item figure { justify-content: center; } h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background { padding: 20px 38px; } .wp-block-image { margin-bottom: 1em; } .wp-block-image img { max-width: 100%; } .wp-block-image.aligncenter { text-align: center; } .wp-block-image.alignfull img, .wp-block-image.alignwide img { width: 100%; } .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image .aligncenter, .wp-block-image.is-resized { display: table; } .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption, .wp-block-image .aligncenter > figcaption, .wp-block-image.is-resized > figcaption { display: table-caption; caption-side: bottom; } .wp-block-image .alignleft { /*rtl:ignore*/ float: left; /*rtl:ignore*/ margin-left: 0; margin-right: 1em; margin-top: 0.5em; margin-bottom: 0.5em; } .wp-block-image .alignright { /*rtl:ignore*/ float: right; /*rtl:ignore*/ margin-right: 0; margin-left: 1em; margin-top: 0.5em; margin-bottom: 0.5em; } .wp-block-image .aligncenter { margin-left: auto; margin-right: auto; } .wp-block-image figcaption { margin-top: 0.5em; margin-bottom: 1em; } .is-style-rounded img { border-radius: 9999px; } .is-style-circle-mask img { border-radius: 9999px; } @supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) { .is-style-circle-mask img { /* stylelint-disable */ -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); /* stylelint-enable */ mask-mode: alpha; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; border-radius: 0; } } .wp-block-latest-comments__comment { font-size: 15px; line-height: 1.1; list-style: none; margin-bottom: 1em; } .has-avatars .wp-block-latest-comments__comment { min-height: 36px; list-style: none; } .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta, .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt { margin-left: 52px; } .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: 14px; line-height: 1.8; margin: 5px 0 20px; } .wp-block-latest-comments__comment-date { color: #8f98a1; display: block; font-size: 12px; } .wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar { border-radius: 24px; display: block; float: left; height: 40px; margin-right: 12px; width: 40px; } .wp-block-latest-posts.alignleft { /*rtl:ignore*/ margin-right: 2em; } .wp-block-latest-posts.alignright { /*rtl:ignore*/ margin-left: 2em; } .wp-block-latest-posts.wp-block-latest-posts__list { list-style: none; } .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 20px 20px 0; width: 100%; } @media (min-width: 600px) { .wp-block-latest-posts.columns-2 li { width: calc((100% / 2) - 20px); } .wp-block-latest-posts.columns-3 li { width: calc((100% / 3) - 20px); } .wp-block-latest-posts.columns-4 li { width: calc((100% / 4) - 20px); } .wp-block-latest-posts.columns-5 li { width: calc((100% / 5) - 20px); } .wp-block-latest-posts.columns-6 li { width: calc((100% / 6) - 20px); } } .wp-block-latest-posts__post-date, .wp-block-latest-posts__post-author { display: block; color: #6c7781; font-size: 13px; } .wp-block-latest-posts__post-excerpt { margin-top: 8px; margin-bottom: 16px; } .wp-block-latest-posts__featured-image img { height: auto; width: auto; } .wp-block-latest-posts__featured-image.alignleft { /*rtl:ignore*/ margin-right: 1em; } .wp-block-latest-posts__featured-image.alignright { /*rtl:ignore*/ margin-left: 1em; } .wp-block-latest-posts__featured-image.aligncenter { margin-bottom: 1em; text-align: center; } .edit-post-visual-editor .wp-block-latest-posts.is-grid li { margin-bottom: 20px; } .wp-block-media-text { /*!rtl:begin:ignore*/ direction: ltr; /*!rtl:end:ignore*/ display: -ms-grid; display: grid; -ms-grid-columns: 50% 1fr; grid-template-columns: 50% 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .wp-block-media-text.has-media-on-the-right { -ms-grid-columns: 1fr 50%; 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 { -ms-grid-row-align: start; 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 { -ms-grid-row-align: center; 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 { -ms-grid-row-align: end; align-self: end; } .wp-block-media-text .wp-block-media-text__media { /*!rtl:begin:ignore*/ -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; /*!rtl:end:ignore*/ margin: 0; } .wp-block-media-text .wp-block-media-text__content { direction: ltr; /*!rtl:begin:ignore*/ -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 1; grid-row: 1; /*!rtl:end:ignore*/ padding: 0 8% 0 8%; word-break: break-word; } .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media { /*!rtl:begin:ignore*/ -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 1; grid-row: 1; /*!rtl:end:ignore*/ } .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { /*!rtl:begin:ignore*/ -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; /*!rtl:end:ignore*/ } .wp-block-media-text__media img, .wp-block-media-text__media video { max-width: unset; width: 100%; vertical-align: middle; } .wp-block-media-text.is-image-fill figure.wp-block-media-text__media { height: 100%; min-height: 250px; background-size: cover; } .wp-block-media-text.is-image-fill figure.wp-block-media-text__media > img { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } /* * Here we here not able to use a mobile first CSS approach. * Custom widths are set using inline styles, and on mobile, * we need 100% width, so we use important to overwrite the inline style. * If the style were set on mobile first, on desktop styles, * we would have no way of setting the style again to the inline style. */ @media (max-width: 600px) { .wp-block-media-text.is-stacked-on-mobile { -ms-grid-columns: 100% !important; grid-template-columns: 100% !important; } .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; } .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 2; grid-row: 2; } .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__media { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 2; grid-row: 2; } .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; } } .wp-block-navigation .wp-block-navigation-link:not(.has-text-color), .wp-block-navigation.is-style-light .wp-block-navigation-link:not(.has-text-color) { color: #1e1e1e; } .wp-block-navigation:not(.has-background) .wp-block-navigation__container, .wp-block-navigation.is-style-light:not(.has-background) .wp-block-navigation__container { background-color: #fff; } .wp-block-navigation.is-style-dark .wp-block-navigation-link:not(.has-text-color) { color: #fff; } .wp-block-navigation.is-style-dark:not(.has-background) .wp-block-navigation__container { background-color: #1e1e1e; } .items-justified-left > ul { justify-content: flex-start; } .items-justified-center > ul { justify-content: center; } .items-justified-right > ul { justify-content: flex-end; } .wp-block-navigation-link { display: flex; align-items: center; position: relative; margin: 0; } .wp-block-navigation-link .wp-block-navigation__container:empty { display: none; } .wp-block-navigation__container { list-style: none; margin: 0; padding-left: 0; display: flex; flex-wrap: wrap; } .is-vertical .wp-block-navigation__container { display: block; } .has-child .wp-block-navigation__container { border: 1px solid rgba(0, 0, 0, 0.15); background-color: inherit; color: inherit; position: absolute; left: 0; top: 100%; width: fit-content; z-index: 1; opacity: 0; transition: opacity 0.1s linear; visibility: hidden; } .has-child .wp-block-navigation__container > .wp-block-navigation-link > .wp-block-navigation-link__content { flex-grow: 1; } .has-child .wp-block-navigation__container > .wp-block-navigation-link > .wp-block-navigation-link__submenu-icon { padding-right: 8px; } @media (min-width: 782px) { .has-child .wp-block-navigation__container { left: 24px; } .has-child .wp-block-navigation__container .wp-block-navigation__container { left: 100%; top: -1px; } .has-child .wp-block-navigation__container .wp-block-navigation__container::before { content: ""; position: absolute; right: 100%; height: 100%; display: block; width: 8px; background: transparent; } .has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon svg { transform: rotate(0); } } .has-child:hover { cursor: pointer; } .has-child:hover > .wp-block-navigation__container { visibility: visible; opacity: 1; display: flex; flex-direction: column; } .has-child:focus-within { cursor: pointer; } .has-child:focus-within > .wp-block-navigation__container { visibility: visible; opacity: 1; display: flex; flex-direction: column; } .wp-block-navigation-link__content { text-decoration: none; padding: 8px 16px; } .wp-block-navigation-link__content + .wp-block-navigation-link__content { padding-top: 0; } .has-text-color .wp-block-navigation-link__content { color: inherit; } .wp-block-navigation-link__label { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; word-break: normal; overflow-wrap: break-word; } .wp-block-navigation-link__submenu-icon { height: inherit; padding: 6px 16px; } .wp-block-navigation-link__submenu-icon svg { fill: currentColor; } @media (min-width: 782px) { .wp-block-navigation-link__submenu-icon svg { transform: rotate(90deg); } } .is-small-text { font-size: 14px; } .is-regular-text { font-size: 16px; } .is-large-text { font-size: 36px; } .is-larger-text { font-size: 48px; } .has-drop-cap:not(:focus)::first-letter { float: left; font-size: 8.4em; line-height: 0.68; font-weight: 100; margin: 0.05em 0.1em 0 0; text-transform: uppercase; font-style: normal; } p.has-background { padding: 20px 38px; } p.has-text-color a { color: inherit; } .wp-block-post-author { display: flex; flex-wrap: wrap; line-height: 1.5; } .wp-block-post-author__byline { width: 100%; margin-top: 0; margin-bottom: 0; font-size: 0.5em; } .wp-block-post-author__avatar { margin-right: 16px; } .wp-block-post-author__bio { margin-bottom: 8px; font-size: 0.7em; } .wp-block-post-author__content { flex-grow: 1; flex-basis: 0; } .wp-block-post-author__name { font-weight: bold; margin: 0; } .wp-block-pullquote { padding: 3em 0; margin-left: 0; margin-right: 0; text-align: center; } .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { max-width: 290px; } .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p { font-size: 20px; } .wp-block-pullquote p { font-size: 28px; line-height: 1.6; } .wp-block-pullquote cite, .wp-block-pullquote footer { position: relative; } .wp-block-pullquote .has-text-color a { color: inherit; } .wp-block-pullquote:not(.is-style-solid-color) { background: none; } .wp-block-pullquote.is-style-solid-color { border: none; } .wp-block-pullquote.is-style-solid-color blockquote { margin-left: auto; margin-right: auto; text-align: left; max-width: 60%; } .wp-block-pullquote.is-style-solid-color blockquote p { margin-top: 0; margin-bottom: 0; font-size: 32px; } .wp-block-pullquote.is-style-solid-color blockquote cite { text-transform: none; font-style: normal; } .wp-block-pullquote cite { color: inherit; } .wp-block-quote.is-style-large, .wp-block-quote.is-large { margin: 0 0 16px; padding: 0 1em; } .wp-block-quote.is-style-large p, .wp-block-quote.is-large p { font-size: 24px; font-style: italic; line-height: 1.6; } .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer, .wp-block-quote.is-large cite, .wp-block-quote.is-large footer { font-size: 18px; text-align: right; } .wp-block-rss.alignleft { /*rtl:ignore*/ margin-right: 2em; } .wp-block-rss.alignright { /*rtl:ignore*/ margin-left: 2em; } .wp-block-rss.is-grid { display: flex; flex-wrap: wrap; padding: 0; list-style: none; } .wp-block-rss.is-grid li { margin: 0 16px 16px 0; width: 100%; } @media (min-width: 600px) { .wp-block-rss.columns-2 li { width: calc(( 100% / 2 ) - 16px); } .wp-block-rss.columns-3 li { width: calc(( 100% / 3 ) - 16px); } .wp-block-rss.columns-4 li { width: calc(( 100% / 4 ) - 16px); } .wp-block-rss.columns-5 li { width: calc(( 100% / 5 ) - 16px); } .wp-block-rss.columns-6 li { width: calc(( 100% / 6 ) - 16px); } } .wp-block-rss__item-publish-date, .wp-block-rss__item-author { display: block; color: #6c7781; font-size: 13px; } .wp-block-search { display: flex; flex-wrap: wrap; } .wp-block-search .wp-block-search__label { width: 100%; } .wp-block-search .wp-block-search__input { flex-grow: 1; max-width: 360px; } .wp-block-search .wp-block-search__button { margin-left: 10px; } .wp-block-separator.is-style-wide { border-bottom-width: 1px; } .wp-block-separator.is-style-dots { background: none !important; border: none; text-align: center; max-width: none; line-height: 1; height: auto; } .wp-block-separator.is-style-dots::before { content: "\00b7 \00b7 \00b7"; color: currentColor; font-size: 20px; letter-spacing: 2em; /*rtl:ignore*/ padding-left: 2em; font-family: serif; } .wp-block-social-links { display: flex; justify-content: flex-start; padding-left: 0; padding-right: 0; margin-left: 0; } .wp-block-social-links .wp-social-link a, .wp-block-social-links .wp-social-link a:hover { text-decoration: none; border-bottom: 0; box-shadow: none; } .wp-social-link { display: block; width: 36px; height: 36px; border-radius: 36px; margin-right: 8px; transition: transform 0.1s ease; } @media (prefers-reduced-motion: reduce) { .wp-social-link { transition-duration: 0s; } } .wp-social-link a { padding: 6px; display: block; line-height: 0; transition: transform 0.1s ease; } .wp-social-link a, .wp-social-link a:hover, .wp-social-link a:active, .wp-social-link a:visited, .wp-social-link svg { color: currentColor; fill: currentColor; } .wp-social-link:hover { transform: scale(1.1); } .wp-block-social-links.aligncenter { justify-content: center; display: flex; } .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-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: #fe4500; 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 { background-color: #fefc00; color: #fff; stroke: #000; } .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-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-yelp { background-color: #d32422; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube { background-color: #f00; color: #fff; } .wp-block-social-links.is-style-logos-only .wp-social-link { background: none; padding: 4px; } .wp-block-social-links.is-style-logos-only .wp-social-link svg { width: 28px; height: 28px; } .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-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: #fe4500; } .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 { color: #fff; stroke: #000; } .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-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-wordpress { color: #3499cd; } .wp-block-social-links.is-style-logos-only .wp-social-link-yelp { background-color: #d32422; color: #fff; } .wp-block-social-links.is-style-logos-only .wp-social-link-youtube { color: #f00; } .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: 16px; padding-right: 16px; } .wp-block-spacer { clear: both; } p.wp-block-subhead { font-size: 1.1em; font-style: italic; opacity: 0.75; } .wp-block-table { overflow-x: auto; } .wp-block-table table { width: 100%; } .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.alignleft, .wp-block-table.aligncenter, .wp-block-table.alignright { display: table; width: auto; } .wp-block-table.alignleft td, .wp-block-table.alignleft th, .wp-block-table.aligncenter td, .wp-block-table.aligncenter 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 { border-spacing: 0; border-collapse: inherit; background-color: transparent; border-bottom: 1px solid #f0f0f0; } .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 th, .wp-block-table.is-style-stripes td { border-color: transparent; } .wp-block-text-columns { display: flex; } .wp-block-text-columns.aligncenter { display: flex; } .wp-block-text-columns .wp-block-column { margin: 0 16px; 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: calc(100% / 2); } .wp-block-text-columns.columns-3 .wp-block-column { width: calc(100% / 3); } .wp-block-text-columns.columns-4 .wp-block-column { width: calc(100% / 4); } .wp-block-video { margin-left: 0; margin-right: 0; } .wp-block-video video { max-width: 100%; } @supports ((position: -webkit-sticky) or (position: sticky)) { .wp-block-video [poster] { object-fit: cover; } } .wp-block-video.aligncenter { text-align: center; } .wp-block-video figcaption { margin-top: 0.5em; margin-bottom: 1em; } :root .editor-styles-wrapper, :root { /* stylelint-disable function-comma-space-after */ /* stylelint-enable function-comma-space-after */ } :root .editor-styles-wrapper .has-pale-pink-background-color, :root .has-pale-pink-background-color { background-color: #f78da7; } :root .editor-styles-wrapper .has-vivid-red-background-color, :root .has-vivid-red-background-color { background-color: #cf2e2e; } :root .editor-styles-wrapper .has-luminous-vivid-orange-background-color, :root .has-luminous-vivid-orange-background-color { background-color: #ff6900; } :root .editor-styles-wrapper .has-luminous-vivid-amber-background-color, :root .has-luminous-vivid-amber-background-color { background-color: #fcb900; } :root .editor-styles-wrapper .has-light-green-cyan-background-color, :root .has-light-green-cyan-background-color { background-color: #7bdcb5; } :root .editor-styles-wrapper .has-vivid-green-cyan-background-color, :root .has-vivid-green-cyan-background-color { background-color: #00d084; } :root .editor-styles-wrapper .has-pale-cyan-blue-background-color, :root .has-pale-cyan-blue-background-color { background-color: #8ed1fc; } :root .editor-styles-wrapper .has-vivid-cyan-blue-background-color, :root .has-vivid-cyan-blue-background-color { background-color: #0693e3; } :root .editor-styles-wrapper .has-vivid-purple-background-color, :root .has-vivid-purple-background-color { background-color: #9b51e0; } :root .editor-styles-wrapper .has-white-background-color, :root .has-white-background-color { background-color: #fff; } :root .editor-styles-wrapper .has-very-light-gray-background-color, :root .has-very-light-gray-background-color { background-color: #eee; } :root .editor-styles-wrapper .has-cyan-bluish-gray-background-color, :root .has-cyan-bluish-gray-background-color { background-color: #abb8c3; } :root .editor-styles-wrapper .has-very-dark-gray-background-color, :root .has-very-dark-gray-background-color { background-color: #313131; } :root .editor-styles-wrapper .has-black-background-color, :root .has-black-background-color { background-color: #000; } :root .editor-styles-wrapper .has-pale-pink-color, :root .has-pale-pink-color { color: #f78da7; } :root .editor-styles-wrapper .has-vivid-red-color, :root .has-vivid-red-color { color: #cf2e2e; } :root .editor-styles-wrapper .has-luminous-vivid-orange-color, :root .has-luminous-vivid-orange-color { color: #ff6900; } :root .editor-styles-wrapper .has-luminous-vivid-amber-color, :root .has-luminous-vivid-amber-color { color: #fcb900; } :root .editor-styles-wrapper .has-light-green-cyan-color, :root .has-light-green-cyan-color { color: #7bdcb5; } :root .editor-styles-wrapper .has-vivid-green-cyan-color, :root .has-vivid-green-cyan-color { color: #00d084; } :root .editor-styles-wrapper .has-pale-cyan-blue-color, :root .has-pale-cyan-blue-color { color: #8ed1fc; } :root .editor-styles-wrapper .has-vivid-cyan-blue-color, :root .has-vivid-cyan-blue-color { color: #0693e3; } :root .editor-styles-wrapper .has-vivid-purple-color, :root .has-vivid-purple-color { color: #9b51e0; } :root .editor-styles-wrapper .has-white-color, :root .has-white-color { color: #fff; } :root .editor-styles-wrapper .has-very-light-gray-color, :root .has-very-light-gray-color { color: #eee; } :root .editor-styles-wrapper .has-cyan-bluish-gray-color, :root .has-cyan-bluish-gray-color { color: #abb8c3; } :root .editor-styles-wrapper .has-very-dark-gray-color, :root .has-very-dark-gray-color { color: #313131; } :root .editor-styles-wrapper .has-black-color, :root .has-black-color { color: #000; } :root .editor-styles-wrapper .has-vivid-cyan-blue-to-vivid-purple-gradient-background, :root .has-vivid-cyan-blue-to-vivid-purple-gradient-background { background: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%); } :root .editor-styles-wrapper .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background, :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { background: linear-gradient(135deg, #00d084 0%, #0693e3 100%); } :root .editor-styles-wrapper .has-light-green-cyan-to-vivid-green-cyan-gradient-background, :root .has-light-green-cyan-to-vivid-green-cyan-gradient-background { background: linear-gradient(135deg, #7adcb4 0%, #00d082 100%); } :root .editor-styles-wrapper .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background, :root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { background: linear-gradient(135deg, #fcb900 0%, #ff6900 100%); } :root .editor-styles-wrapper .has-luminous-vivid-orange-to-vivid-red-gradient-background, :root .has-luminous-vivid-orange-to-vivid-red-gradient-background { background: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%); } :root .editor-styles-wrapper .has-very-light-gray-to-cyan-bluish-gray-gradient-background, :root .has-very-light-gray-to-cyan-bluish-gray-gradient-background { background: linear-gradient(135deg, #eeeeee 0%, #a9b8c3 100%); } :root .editor-styles-wrapper .has-cool-to-warm-spectrum-gradient-background, :root .has-cool-to-warm-spectrum-gradient-background { background: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%); } :root .editor-styles-wrapper .has-blush-light-purple-gradient-background, :root .has-blush-light-purple-gradient-background { background: linear-gradient(135deg, #ffceec 0%, #9896f0 100%); } :root .editor-styles-wrapper .has-blush-bordeaux-gradient-background, :root .has-blush-bordeaux-gradient-background { background: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%); } :root .editor-styles-wrapper .has-purple-crush-gradient-background, :root .has-purple-crush-gradient-background { background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%); } :root .editor-styles-wrapper .has-luminous-dusk-gradient-background, :root .has-luminous-dusk-gradient-background { background: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%); } :root .editor-styles-wrapper .has-hazy-dawn-gradient-background, :root .has-hazy-dawn-gradient-background { background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%); } :root .editor-styles-wrapper .has-pale-ocean-gradient-background, :root .has-pale-ocean-gradient-background { background: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%); } :root .editor-styles-wrapper .has-electric-grass-gradient-background, :root .has-electric-grass-gradient-background { background: linear-gradient(135deg, #caf880 0%, #71ce7e 100%); } :root .editor-styles-wrapper .has-subdued-olive-gradient-background, :root .has-subdued-olive-gradient-background { background: linear-gradient(135deg, #fafae1 0%, #67a671 100%); } :root .editor-styles-wrapper .has-atomic-cream-gradient-background, :root .has-atomic-cream-gradient-background { background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%); } :root .editor-styles-wrapper .has-nightshade-gradient-background, :root .has-nightshade-gradient-background { background: linear-gradient(135deg, #330968 0%, #31cdcf 100%); } :root .editor-styles-wrapper .has-midnight-gradient-background, :root .has-midnight-gradient-background { background: linear-gradient(135deg, #020381 0%, #2874fc 100%); } :root .editor-styles-wrapper .has-link-color a, :root .has-link-color a { color: #00e; color: var(--wp--style--color--link, #00e); } .editor-styles-wrapper .has-small-font-size, .has-small-font-size { font-size: 13px; } .editor-styles-wrapper .has-regular-font-size, .editor-styles-wrapper .has-normal-font-size, .has-regular-font-size, .has-normal-font-size { font-size: 16px; } .editor-styles-wrapper .has-medium-font-size, .has-medium-font-size { font-size: 20px; } .editor-styles-wrapper .has-large-font-size, .has-large-font-size { font-size: 36px; } .editor-styles-wrapper .has-larger-font-size, .editor-styles-wrapper .has-huge-font-size, .has-larger-font-size, .has-huge-font-size { font-size: 42px; } .has-text-align-center { text-align: center; } .has-text-align-left { /*rtl:ignore*/ text-align: left; } .has-text-align-right { /*rtl:ignore*/ text-align: right; } #end-resizable-editor-section { display: none; } .aligncenter { clear: both; } ================================================ FILE: public/vendor/gutenberg/styles/wp-block-library/theme-rtl.css ================================================ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Breakpoints & Media Queries */ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Fonts & basic variables. */ /** * Grid System. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */ /** * Dimensions. */ /** * Shadows. */ /** * Editor widths. */ /** * Block UI. */ /** * Border radii. */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left position to the selector passed as argument */ /** * Styles that are reused verbatim in a few places */ /** * Allows users to opt-out of animations via OS-level preferences. */ /** * Reset default styles for JavaScript UI based pages. * This is a WP-admin agnostic reset */ /** * Reset the WP Admin page styles for Gutenberg-like pages. */ :root { --wp-admin-theme-color: #007cba; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-20: #005a87; } #start-resizable-editor-section { display: none; } .wp-block-audio figcaption { color: #555d66; font-size: 13px; text-align: center; } .wp-block-code { font-family: Menlo, Consolas, monaco, monospace; font-size: 15px; color: #1e1e1e; padding: 0.8em 1em; border: 1px solid #ddd; border-radius: 4px; } .wp-block-embed figcaption { color: #555d66; font-size: 13px; text-align: center; } .blocks-gallery-caption { color: #555d66; font-size: 13px; text-align: center; } .wp-block-image figcaption { color: #555d66; font-size: 13px; text-align: center; } .wp-block-pullquote { border-top: 4px solid #555d66; border-bottom: 4px solid #555d66; margin-bottom: 28px; color: #40464d; } .wp-block-pullquote cite, .wp-block-pullquote footer, .wp-block-pullquote__citation { color: #40464d; text-transform: uppercase; font-size: 13px; font-style: normal; } .wp-block-navigation ul, .wp-block-navigation ul li { list-style: none; } .wp-block-navigation-link.wp-block-navigation-link { margin: 0; } .wp-block-quote { border-right: 4px solid #000; margin: 0 0 28px 0; padding-right: 1em; } .wp-block-quote cite, .wp-block-quote footer, .wp-block-quote__citation { color: #6c7781; font-size: 13px; margin-top: 1em; position: relative; font-style: normal; } .wp-block-quote.has-text-align-right, .wp-block-quote.has-text-align-right { border-right: none; border-left: 4px solid #000; padding-right: 0; padding-left: 1em; } .wp-block-quote.has-text-align-center, .wp-block-quote.has-text-align-center { border: none; padding-right: 0; } .wp-block-quote.is-style-large, .wp-block-quote.is-large { border: none; } .wp-block-search .wp-block-search__label { font-weight: bold; } .wp-block-group.has-background { padding: 20px 30px; margin-top: 0; margin-bottom: 0; } .wp-block-separator { border: none; border-bottom: 2px solid #8f98a1; margin-right: auto; margin-left: auto; } .wp-block-separator:not(.is-style-wide):not(.is-style-dots) { max-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 { border-collapse: collapse; } .wp-block-table thead { border-bottom: 3px solid; } .wp-block-table tfoot { border-top: 3px solid; } .wp-block-table td, .wp-block-table th { padding: 0.5em; border: 1px solid; word-break: normal; } .wp-block-table figcaption { color: #555d66; font-size: 13px; text-align: center; } .wp-block-video figcaption { color: #555d66; font-size: 13px; text-align: center; } #end-resizable-editor-section { display: none; } ================================================ FILE: public/vendor/gutenberg/styles/wp-block-library/theme.css ================================================ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Breakpoints & Media Queries */ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Fonts & basic variables. */ /** * Grid System. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */ /** * Dimensions. */ /** * Shadows. */ /** * Editor widths. */ /** * Block UI. */ /** * Border radii. */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left position to the selector passed as argument */ /** * Styles that are reused verbatim in a few places */ /** * Allows users to opt-out of animations via OS-level preferences. */ /** * Reset default styles for JavaScript UI based pages. * This is a WP-admin agnostic reset */ /** * Reset the WP Admin page styles for Gutenberg-like pages. */ :root { --wp-admin-theme-color: #007cba; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-20: #005a87; } #start-resizable-editor-section { display: none; } .wp-block-audio figcaption { color: #555d66; font-size: 13px; text-align: center; } .wp-block-code { font-family: Menlo, Consolas, monaco, monospace; font-size: 15px; color: #1e1e1e; padding: 0.8em 1em; border: 1px solid #ddd; border-radius: 4px; } .wp-block-embed figcaption { color: #555d66; font-size: 13px; text-align: center; } .blocks-gallery-caption { color: #555d66; font-size: 13px; text-align: center; } .wp-block-image figcaption { color: #555d66; font-size: 13px; text-align: center; } .wp-block-pullquote { border-top: 4px solid #555d66; border-bottom: 4px solid #555d66; margin-bottom: 28px; color: #40464d; } .wp-block-pullquote cite, .wp-block-pullquote footer, .wp-block-pullquote__citation { color: #40464d; text-transform: uppercase; font-size: 13px; font-style: normal; } .wp-block-navigation ul, .wp-block-navigation ul li { list-style: none; } .wp-block-navigation-link.wp-block-navigation-link { margin: 0; } .wp-block-quote { border-left: 4px solid #000; margin: 0 0 28px 0; padding-left: 1em; } .wp-block-quote cite, .wp-block-quote footer, .wp-block-quote__citation { color: #6c7781; font-size: 13px; margin-top: 1em; position: relative; font-style: normal; } .wp-block-quote.has-text-align-right, .wp-block-quote.has-text-align-right { border-left: none; border-right: 4px solid #000; padding-left: 0; padding-right: 1em; } .wp-block-quote.has-text-align-center, .wp-block-quote.has-text-align-center { border: none; padding-left: 0; } .wp-block-quote.is-style-large, .wp-block-quote.is-large { border: none; } .wp-block-search .wp-block-search__label { font-weight: bold; } .wp-block-group.has-background { padding: 20px 30px; margin-top: 0; margin-bottom: 0; } .wp-block-separator { border: none; border-bottom: 2px solid #8f98a1; margin-left: auto; margin-right: auto; } .wp-block-separator:not(.is-style-wide):not(.is-style-dots) { max-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 { border-collapse: collapse; } .wp-block-table thead { border-bottom: 3px solid; } .wp-block-table tfoot { border-top: 3px solid; } .wp-block-table td, .wp-block-table th { padding: 0.5em; border: 1px solid; word-break: normal; } .wp-block-table figcaption { color: #555d66; font-size: 13px; text-align: center; } .wp-block-video figcaption { color: #555d66; font-size: 13px; text-align: center; } #end-resizable-editor-section { display: none; } ================================================ FILE: public/vendor/gutenberg/styles/wp-components/style-rtl.css ================================================ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Breakpoints & Media Queries */ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Fonts & basic variables. */ /** * Grid System. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */ /** * Dimensions. */ /** * Shadows. */ /** * Editor widths. */ /** * Block UI. */ /** * Border radii. */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left position to the selector passed as argument */ /** * Styles that are reused verbatim in a few places */ /** * Allows users to opt-out of animations via OS-level preferences. */ /** * Reset default styles for JavaScript UI based pages. * This is a WP-admin agnostic reset */ /** * Reset the WP Admin page styles for Gutenberg-like pages. */ :root { --wp-admin-theme-color: #007cba; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-20: #005a87; } .components-animate__appear { animation: components-animate__appear-animation 0.1s cubic-bezier(0, 0, 0.2, 1) 0s; animation-fill-mode: forwards; } @media (prefers-reduced-motion: reduce) { .components-animate__appear { 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 { from { 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 0.1s cubic-bezier(0, 0, 0.2, 1); animation-fill-mode: forwards; } @media (prefers-reduced-motion: reduce) { .components-animate__slide-in { 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 { 100% { transform: translateX(0%); } } .components-animate__loading { animation: components-animate__loading 1.6s ease-in-out infinite; } @keyframes components-animate__loading { 0% { opacity: 0.5; } 50% { opacity: 1; } 100% { opacity: 0.5; } } .components-angle-picker-control { width: 50%; } .components-angle-picker-control.components-base-control .components-base-control__label { display: block; } .components-angle-picker-control__input-field[type="number"] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; width: calc(100% - 36px); max-width: 100px; } @media (prefers-reduced-motion: reduce) { .components-angle-picker-control__input-field[type="number"] { transition-duration: 0s; } } @media (min-width: 600px) { .components-angle-picker-control__input-field[type="number"] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .components-angle-picker-control__input-field[type="number"]:focus { border-color: #007cba; border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px #007cba; box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-angle-picker-control__input-field[type="number"]::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .components-angle-picker-control__input-field[type="number"]::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .components-angle-picker-control__input-field[type="number"]:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .is-dark-theme .components-angle-picker-control__input-field[type="number"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); } .is-dark-theme .components-angle-picker-control__input-field[type="number"]::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); } .is-dark-theme .components-angle-picker-control__input-field[type="number"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); } .components-angle-picker-control__angle-circle { width: 28px; height: 28px; border: 2px solid #555d66; border-radius: 50%; float: right; margin-left: 4px; cursor: grab; } .components-angle-picker-control__angle-circle-indicator-wrapper { position: relative; width: 100%; height: 100%; } .components-angle-picker-control__angle-circle-indicator { width: 1px; height: 1px; border-radius: 50%; border: 3px solid #555d66; display: block; position: absolute; top: -14px; bottom: 0; right: 0; left: 0; margin: auto; background: #555d66; } .components-autocomplete__popover .components-popover__content > div { 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 2px #007cba; box-shadow: 0 0 0 2px var(--wp-admin-theme-color); } .components-base-control { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; } .components-base-control .components-base-control__field { margin-bottom: 8px; } .components-panel__row .components-base-control .components-base-control__field { margin-bottom: inherit; } .components-base-control .components-base-control__label { display: inline-block; margin-bottom: 8px; } .components-base-control .components-base-control__help { margin-top: -8px; font-style: italic; } .components-button-group { display: inline-block; } .components-button-group .components-button { border-radius: 0; display: inline-flex; color: #1e1e1e; box-shadow: inset 0 0 0 1px #1e1e1e; } .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:focus, .components-button-group .components-button.is-primary { position: relative; z-index: 1; } .components-button-group .components-button.is-primary { box-shadow: inset 0 0 0 1px #1e1e1e; } .components-button { display: inline-flex; text-decoration: none; font-size: 13px; margin: 0; border: 0; cursor: pointer; -webkit-appearance: none; background: none; transition: box-shadow 0.1s linear; height: 36px; align-items: center; box-sizing: border-box; padding: 6px 12px; border-radius: 2px; color: #1e1e1e; /** * Primary button style. */ /** * Secondary and tertiary buttons. */ /** * Secondary button style. */ /** * Tertiary buttons. */ /** * Link buttons. */ /** * Buttons that indicate destructive actions. */ } @media (prefers-reduced-motion: reduce) { .components-button { transition-duration: 0s; } } .components-button[aria-expanded="true"], .components-button:hover { color: #007cba; color: var(--wp-admin-theme-color); } .components-button[aria-disabled="true"]:hover { color: initial; } .components-button:focus:not(:disabled) { box-shadow: 0 0 0 1.5px #007cba; box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); outline: 1px solid transparent; } .components-button.is-primary { white-space: nowrap; background: #007cba; background: var(--wp-admin-theme-color); color: #fff; text-decoration: none; text-shadow: none; } .components-button.is-primary:hover:not(:disabled) { background: #006ba1; background: var(--wp-admin-theme-color-darker-10); color: #fff; } .components-button.is-primary:active:not(:disabled) { background: #005a87; background: var(--wp-admin-theme-color-darker-20); border-color: #005a87; 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 1.5px #007cba; box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px var(--wp-admin-theme-color); outline: 1px solid transparent; } .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"]:enabled, .components-button.is-primary[aria-disabled="true"]:active:enabled { color: rgba(255, 255, 255, 0.4); background: #007cba; background: var(--wp-admin-theme-color); border-color: #007cba; border-color: var(--wp-admin-theme-color); opacity: 1; } .components-button.is-primary:disabled:focus:enabled, .components-button.is-primary:disabled:active:enabled:focus:enabled, .components-button.is-primary[aria-disabled="true"]:focus:enabled, .components-button.is-primary[aria-disabled="true"]:enabled:focus:enabled, .components-button.is-primary[aria-disabled="true"]:active:enabled:focus:enabled { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba; 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"] { color: #fff; background-size: 100px 100%; /* stylelint-disable */ background-image: linear-gradient(45deg, #007cba 28%, #005a87 28%, #005a87 72%, #007cba 72%); background-image: linear-gradient(45deg, var(--wp-admin-theme-color) 28%, var(--wp-admin-theme-color-darker-20) 28%, var(--wp-admin-theme-color-darker-20) 72%, var(--wp-admin-theme-color) 72%); /* stylelint-enable */ border-color: #007cba; border-color: var(--wp-admin-theme-color); } .components-button.is-secondary:active:not(:disabled), .components-button.is-tertiary:active:not(:disabled) { background: #ddd; color: #006ba1; color: var(--wp-admin-theme-color-darker-10); box-shadow: none; } .components-button.is-secondary:hover:not(:disabled), .components-button.is-tertiary:hover:not(:disabled) { color: #006ba1; color: var(--wp-admin-theme-color-darker-10); box-shadow: inset 0 0 0 1px #006ba1; box-shadow: inset 0 0 0 1px 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 { color: #828282; background: #eaeaea; transform: none; opacity: 1; box-shadow: none; } .components-button.is-secondary { box-shadow: inset 0 0 0 1px #007cba; box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); outline: 1px solid transparent; white-space: nowrap; color: #007cba; color: var(--wp-admin-theme-color); background: transparent; } .components-button.is-tertiary { white-space: nowrap; color: #007cba; color: var(--wp-admin-theme-color); background: transparent; padding: 6px; outline: 1px dotted transparent; } .components-button.is-tertiary .dashicon { display: inline-block; flex: 0 0 auto; } .components-button.is-link { margin: 0; padding: 0; box-shadow: none; border: 0; border-radius: 0; background: none; outline: none; text-align: right; /* Mimics the default link style in common.css */ color: #0073aa; text-decoration: underline; transition-property: border, background, color; transition-duration: 0.05s; transition-timing-function: ease-in-out; height: auto; } @media (prefers-reduced-motion: reduce) { .components-button.is-link { transition-duration: 0s; } } .components-button.is-link:hover:not(:disabled), .components-button.is-link:active:not(:disabled) { color: #00a0d2; } .components-button.is-link:focus { color: #124964; box-shadow: 0 0 0 1px #5b9dd9, 0 0 1.5px 1px rgba(30, 140, 190, 0.8); } .components-button.is-destructive { color: #b52727; } .components-button.is-destructive.is-secondary { box-shadow: inset 0 0 0 1px #b52727; } .components-button.is-destructive:hover:not(:disabled), .components-button.is-destructive:active:not(:disabled) { color: #a02222; box-shadow: inset 0 0 0 1px #a02222; } .components-button.is-destructive:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #a02222; } .components-button:not([aria-disabled="true"]):active { color: inherit; } .components-button:disabled, .components-button[aria-disabled="true"] { cursor: default; opacity: 0.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 2500ms infinite linear; opacity: 1; background-size: 100px 100%; /* stylelint-disable */ background-image: linear-gradient(45deg, #fafafa 28%, #e0e0e0 28%, #e0e0e0 72%, #fafafa 72%); /* stylelint-enable */ } .components-button.is-small { height: 24px; line-height: 22px; padding: 0 8px; font-size: 11px; } .components-button.is-small.has-icon:not(.has-text) { padding: 0 8px; width: 24px; } .components-button.has-icon { padding: 6px; min-width: 36px; justify-content: center; } .components-button.has-icon .dashicon { display: inline-block; flex: 0 0 auto; } .components-button.has-icon.has-text { justify-content: left; } .components-button.has-icon.has-text svg { margin-left: 8px; } .components-button.is-pressed { color: #fff; background: #1e1e1e; } .components-button.is-pressed:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #007cba; box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-button.is-pressed:hover:not(:disabled) { background: #1e1e1e; } .components-button svg { fill: currentColor; outline: none; } .components-button .components-visually-hidden { height: auto; } @keyframes components-button__busy-animation { 0% { background-position: 200px 0; } } .components-checkbox-control__input[type="checkbox"] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; border: 1px solid #1e1e1e; margin-left: 12px; transition: none; border-radius: 2px; background: #fff; color: #1e1e1e; clear: none; cursor: pointer; display: inline-block; line-height: 0; margin: 0 0 0 4px; outline: 0; padding: 0 !important; text-align: center; vertical-align: top; width: 24px; height: 24px; -webkit-appearance: none; appearance: none; transition: 0.1s border-color ease-in-out; } @media (prefers-reduced-motion: reduce) { .components-checkbox-control__input[type="checkbox"] { transition-duration: 0s; } } @media (min-width: 600px) { .components-checkbox-control__input[type="checkbox"] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .components-checkbox-control__input[type="checkbox"]:focus { border-color: #007cba; border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px #007cba; box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-checkbox-control__input[type="checkbox"]::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .components-checkbox-control__input[type="checkbox"]::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .components-checkbox-control__input[type="checkbox"]:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .is-dark-theme .components-checkbox-control__input[type="checkbox"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); } .is-dark-theme .components-checkbox-control__input[type="checkbox"]::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); } .is-dark-theme .components-checkbox-control__input[type="checkbox"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); } .components-checkbox-control__input[type="checkbox"]:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px #007cba; box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-checkbox-control__input[type="checkbox"]:checked { background: #007cba; background: var(--wp-admin-theme-color); border-color: #007cba; 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 { margin: -3px -5px; color: #fff; } @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: #007cba; background: var(--wp-admin-theme-color); border-color: #007cba; border-color: var(--wp-admin-theme-color); } .components-checkbox-control__input[type="checkbox"][aria-checked="mixed"]::before { content: "\f460"; float: right; display: inline-block; vertical-align: middle; width: 16px; /* stylelint-disable */ font: normal 30px/1 dashicons; /* stylelint-enable */ speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @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-duration: 0s; } } .components-checkbox-control__input[type="checkbox"]:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px #007cba; box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-checkbox-control__input[type="checkbox"]:checked { background: #007cba; background: var(--wp-admin-theme-color); border-color: #007cba; 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 { content: none; } .components-checkbox-control__input-container { position: relative; display: inline-block; margin-left: 12px; vertical-align: middle; width: 24px; height: 24px; } @media (min-width: 600px) { .components-checkbox-control__input-container { width: 20px; height: 20px; } } svg.components-checkbox-control__checked { fill: #fff; cursor: pointer; position: absolute; right: 0; top: 0; width: 24px; height: 24px; -webkit-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } @media (min-width: 600px) { svg.components-checkbox-control__checked { right: -2px; top: -2px; } } .components-circular-option-picker { display: inline-block; margin-top: 0.6rem; width: 100%; } .components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper { display: flex; justify-content: flex-end; } .components-circular-option-picker__option-wrapper { display: inline-block; height: 28px; width: 28px; margin-left: 12px; margin-bottom: 12px; vertical-align: top; transform: scale(1); transition: 100ms transform ease; } @media (prefers-reduced-motion: reduce) { .components-circular-option-picker__option-wrapper { 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 { content: ""; position: absolute; top: 1px; right: 1px; bottom: 1px; left: 1px; border-radius: 50%; z-index: -1; /* stylelint-disable-next-line function-url-quotes */ background: url('data:image/svg+xml,%3Csvg width="28" height="28" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6 8V6H4v2h2zM8 8V6h2v2H8zM10 16H8v-2h2v2zM12 16v-2h2v2h-2zM12 18v-2h-2v2H8v2h2v-2h2zM14 18v2h-2v-2h2zM16 18h-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'); } .components-circular-option-picker__option { display: inline-block; vertical-align: top; height: 100%; width: 100%; border: none; border-radius: 50%; background: transparent; box-shadow: inset 0 0 0 14px; transition: 100ms box-shadow ease; cursor: pointer; } @media (prefers-reduced-motion: reduce) { .components-circular-option-picker__option { 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; position: relative; z-index: 1; overflow: visible; } .components-circular-option-picker__option.is-pressed + svg { position: absolute; right: 2px; top: 2px; border-radius: 50%; z-index: 2; pointer-events: none; } .components-circular-option-picker__option::after { content: ""; position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); border: 1px solid transparent; } .components-circular-option-picker__option:focus::after { content: ""; border: 2px solid #606a73; width: 32px; height: 32px; position: absolute; top: -2px; right: -2px; border-radius: 50%; box-shadow: inset 0 0 0 2px #fff; } .components-circular-option-picker__option.components-button:focus { background-color: transparent; box-shadow: inset 0 0 0 14px; outline: none; } .components-circular-option-picker__button-action .components-circular-option-picker__option { color: #fff; background: #fff; } .components-circular-option-picker__dropdown-link-action { margin-left: 16px; } .components-circular-option-picker__dropdown-link-action .components-button { line-height: 22px; } .component-color-indicator { width: 25px; height: 16px; margin-right: 0.8rem; border: 1px solid #dadada; display: inline-block; } .component-color-indicator + .component-color-indicator { margin-right: 0.5rem; } /** * Parts of this source were derived and modified from react-color, * released under the MIT license. * * https://github.com/casesandberg/react-color/ * * Copyright (c) 2015 Case Sandberg * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN * THE SOFTWARE. */ .components-color-picker { width: 100%; } .components-color-picker * { box-sizing: border-box; } .components-color-picker__saturation { width: 100%; padding-bottom: 55%; position: relative; } .components-color-picker__body { padding: 16px 16px 12px; } .components-color-picker__controls { display: flex; } .components-color-picker__saturation-pointer, .components-color-picker__hue-pointer, .components-color-picker__alpha-pointer { padding: 0; position: absolute; cursor: pointer; box-shadow: none; border: none; } /* CURRENT COLOR COMPONENT */ .components-color-picker__swatch { margin-left: 8px; width: 32px; height: 32px; border-radius: 50%; position: relative; overflow: hidden; background-image: linear-gradient(-45deg, #ddd 25%, transparent 25%), linear-gradient(45deg, #ddd 25%, transparent 25%), linear-gradient(-45deg, transparent 75%, #ddd 75%), linear-gradient(45deg, transparent 75%, #ddd 75%); background-size: 10px 10px; background-position: 100% 0, 100% 5px, 5px -5px, -5px 0; } .is-alpha-disabled .components-color-picker__swatch { width: 12px; height: 12px; margin-top: 0; } .components-color-picker__active { position: absolute; top: 0; right: 0; left: 0; bottom: 0; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); z-index: 2; } /* SATURATION COMPONENT */ .components-color-picker__saturation-color, .components-color-picker__saturation-white, .components-color-picker__saturation-black { position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .components-color-picker__saturation-color { overflow: visible; } .components-color-picker__saturation-white { background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)); } .components-color-picker__saturation-black { background: linear-gradient(to top, #000, rgba(0, 0, 0, 0)); } .components-button.components-color-picker__saturation-pointer { width: 14px; height: 14px; padding: 0; border-radius: 50%; background-color: transparent; transform: translate(50%, -50%); box-shadow: 0 0 0 1px #fff, inset 0 0 0 1px #000, 0 0 0 2px #000; } .components-button.components-color-picker__saturation-pointer:focus:not(:disabled) { box-shadow: 0 0 0 2px #fff, inset 0 0 0 1px #000, 0 0 0 3px #000; } /* HUE & ALPHA BARS */ .components-color-picker__toggles { flex: 1; } .components-color-picker__alpha { background-image: linear-gradient(-45deg, #ddd 25%, transparent 25%), linear-gradient(45deg, #ddd 25%, transparent 25%), linear-gradient(-45deg, transparent 75%, #ddd 75%), linear-gradient(45deg, transparent 75%, #ddd 75%); background-size: 10px 10px; background-position: 100% 0, 100% 5px, 5px -5px, -5px 0; } .components-color-picker__hue-gradient, .components-color-picker__alpha-gradient { position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .components-color-picker__hue, .components-color-picker__alpha { height: 12px; position: relative; } .is-alpha-enabled .components-color-picker__hue { margin-bottom: 8px; } .components-color-picker__hue-bar, .components-color-picker__alpha-bar { position: relative; margin: 0 3px; height: 100%; padding: 0 2px; } .components-color-picker__hue-gradient { background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%); } .components-color-picker__hue-pointer, .components-color-picker__alpha-pointer { left: 0; width: 14px; height: 14px; border-radius: 50%; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); background: #fff; transform: translate(7px, -1px); } .components-color-picker__hue-pointer, .components-color-picker__saturation-pointer { transition: box-shadow 0.1s linear; } @media (prefers-reduced-motion: reduce) { .components-color-picker__hue-pointer, .components-color-picker__saturation-pointer { transition-duration: 0s; } } .components-color-picker__saturation-pointer:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #007cba, 0 0 5px 0 #007cba, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4); box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color), 0 0 5px 0 var(--wp-admin-theme-color), inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4); } .components-color-picker__hue-pointer:focus, .components-color-picker__alpha-pointer:focus { border-color: #007cba; border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 2px #007cba, 0 0 3px 0 #007cba; box-shadow: 0 0 0 2px var(--wp-admin-theme-color), 0 0 3px 0 var(--wp-admin-theme-color); outline: 2px solid transparent; outline-offset: -2px; } /* INPUTS COMPONENT */ .components-color-picker__inputs-wrapper { margin: 0 -4px; padding-top: 16px; display: flex; align-items: flex-end; } .components-color-picker__inputs-wrapper fieldset { flex: 1; border: none; margin: 0; padding: 0; } .components-color-picker__inputs-wrapper .components-color-picker__inputs-fields .components-text-control__input[type="number"] { padding: 6px 8px; } .components-color-picker__inputs-field { width: 100%; } .components-color-picker__inputs-fields { display: flex; direction: ltr; flex-grow: 1; margin-left: 4px; } .components-color-picker__inputs-fields .components-base-control + .components-base-control { margin-top: 0; } .components-color-picker__inputs-fields .components-base-control__field { margin: 0 4px; } .components-color-picker__inputs-toggle { height: 30px; padding: 0 5px; } .components-combobox-control { color: #555d66; position: relative; } .components-combobox-control__label { display: block; margin-bottom: 5px; } .components-combobox-control__button { border: 1px solid #7e8993; border-radius: 4px; color: #555d66; display: inline-block; min-height: 30px; min-width: 130px; position: relative; text-align: right; } .components-combobox-control__button:focus { border-color: #007cba; border-color: var(--wp-admin-theme-color); } .components-combobox-control__button-input { border: none; height: calc(100% - 2px); right: 1px; padding: 0 4px; position: absolute; top: 1px; width: calc(100% - 2px); } .components-combobox-control__button-button:hover { box-shadow: none !important; } .components-combobox-control__button-icon { height: 100%; padding: 0 4px; position: absolute; left: 0; top: 0; } .components-combobox-control__menu { background: #fff; min-width: 100%; padding: 0; position: absolute; z-index: 1000000; } .components-combobox-control__item { align-items: center; display: flex; list-style-type: none; padding: 10px 25px 10px 5px; } .components-combobox-control__item.is-highlighted { background: #ddd; } .components-combobox-control__item-icon { margin-right: -20px; margin-left: 0; } .components-custom-gradient-picker { margin-top: 8px; } .components-custom-gradient-picker__gradient-bar:not(.has-gradient) { opacity: 0.4; } .components-custom-gradient-picker__gradient-bar { width: 100%; height: 24px; border-radius: 24px; margin-bottom: 8px; padding-right: 3px; padding-left: 21px; } .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__markers-container { position: relative; } .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point { border-radius: 50%; background: #fff; padding: 2px; min-width: 24px; width: 24px; height: 24px; position: relative; } .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point svg { height: 100%; width: 100%; } .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button { border: 2px solid #fff; border-radius: 50%; height: 18px; padding: 0; position: absolute; width: 18px; top: 3px; } .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active { background: #fafafa; color: #23282d; border-color: #999; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba; box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); } .components-custom-gradient-picker__color-picker-popover .components-custom-gradient-picker__remove-control-point { margin-right: auto; margin-left: auto; display: block; margin-bottom: 8px; } .components-custom-gradient-picker__inserter { width: 100%; } .components-custom-gradient-picker__liner-gradient-indicator { display: inline-block; flex: 0 auto; width: 20px; height: 20px; } .components-custom-gradient-picker__ui-line { display: flex; justify-content: space-between; } .components-custom-gradient-picker .components-custom-gradient-picker__ui-line .components-base-control.components-angle-picker, .components-custom-gradient-picker .components-custom-gradient-picker__ui-line .components-base-control.components-custom-gradient-picker__type-picker { margin-bottom: 0; } .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 #7e8993; border-radius: 2px; } .components-custom-select-control { position: relative; } .components-custom-select-control__label { display: block; margin-bottom: 8px; } .components-custom-select-control__button { border: 1px solid #757575; border-radius: 2px; min-height: 30px; min-width: 130px; position: relative; text-align: right; } .components-custom-select-control__button.components-custom-select-control__button { padding-left: 24px; } .components-custom-select-control__button:focus:not(:disabled) { border-color: #007cba; border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px #007cba; box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); } .components-custom-select-control__button .components-custom-select-control__button-icon { height: 100%; padding: 0; position: absolute; left: 0; top: 0; } .components-custom-select-control__menu { background-color: #fff; max-height: 400px; min-width: 100%; overflow: auto; padding: 0; position: absolute; z-index: 1000000; } .components-custom-select-control__menu:focus { border: 1px solid #1e1e1e; border-radius: 2px; outline: none; transition: none; } .components-custom-select-control__item { align-items: center; display: flex; list-style-type: none; padding: 10px 25px 10px 5px; cursor: default; } .components-custom-select-control__item.is-highlighted { background: #ddd; } .components-custom-select-control__item-icon { margin-right: -20px; margin-left: 0; } svg.dashicon { fill: currentColor; outline: none; } .PresetDateRangePicker_panel { padding: 0 22px 11px; } .PresetDateRangePicker_button { position: relative; height: 100%; text-align: center; background: 0 0; border: 2px solid #00a699; color: #00a699; padding: 4px 12px; margin-right: 8px; font: inherit; font-weight: 700; line-height: normal; overflow: visible; box-sizing: border-box; cursor: pointer; } .PresetDateRangePicker_button:active { outline: 0; } .PresetDateRangePicker_button__selected { color: #fff; background: #00a699; } .SingleDatePickerInput { display: inline-block; background-color: #fff; } .SingleDatePickerInput__withBorder { border-radius: 2px; border: 1px solid #dbdbdb; } .SingleDatePickerInput__rtl { direction: rtl; } .SingleDatePickerInput__disabled { background-color: #f2f2f2; } .SingleDatePickerInput__block { display: block; } .SingleDatePickerInput__showClearDate { padding-right: 30px; } .SingleDatePickerInput_clearDate { background: 0 0; border: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; cursor: pointer; padding: 10px; margin: 0 10px 0 5px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .SingleDatePickerInput_clearDate__default:focus, .SingleDatePickerInput_clearDate__default:hover { background: #dbdbdb; border-radius: 50%; } .SingleDatePickerInput_clearDate__small { padding: 6px; } .SingleDatePickerInput_clearDate__hide { visibility: hidden; } .SingleDatePickerInput_clearDate_svg { fill: #82888a; height: 12px; width: 15px; vertical-align: middle; } .SingleDatePickerInput_clearDate_svg__small { height: 9px; } .SingleDatePickerInput_calendarIcon { background: 0 0; border: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; cursor: pointer; display: inline-block; vertical-align: middle; padding: 10px; margin: 0 5px 0 10px; } .SingleDatePickerInput_calendarIcon_svg { fill: #82888a; height: 15px; width: 14px; vertical-align: middle; } .SingleDatePicker { position: relative; display: inline-block; } .SingleDatePicker__block { display: block; } .SingleDatePicker_picker { z-index: 1; background-color: #fff; position: absolute; } .SingleDatePicker_picker__rtl { direction: rtl; } .SingleDatePicker_picker__directionLeft { left: 0; } .SingleDatePicker_picker__directionRight { right: 0; } .SingleDatePicker_picker__portal { background-color: rgba(0, 0, 0, 0.3); position: fixed; top: 0; left: 0; height: 100%; width: 100%; } .SingleDatePicker_picker__fullScreenPortal { background-color: #fff; } .SingleDatePicker_closeButton { background: 0 0; border: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; cursor: pointer; position: absolute; top: 0; right: 0; padding: 15px; z-index: 2; } .SingleDatePicker_closeButton:focus, .SingleDatePicker_closeButton:hover { color: #b0b3b4; text-decoration: none; } .SingleDatePicker_closeButton_svg { height: 15px; width: 15px; fill: #cacccd; } .DayPickerKeyboardShortcuts_buttonReset { background: 0 0; border: 0; border-radius: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; padding: 0; cursor: pointer; font-size: 14px; } .DayPickerKeyboardShortcuts_buttonReset:active { outline: 0; } .DayPickerKeyboardShortcuts_show { width: 22px; position: absolute; z-index: 2; } .DayPickerKeyboardShortcuts_show__bottomRight { border-top: 26px solid transparent; border-right: 33px solid #00a699; bottom: 0; right: 0; } .DayPickerKeyboardShortcuts_show__bottomRight:hover { border-right: 33px solid #008489; } .DayPickerKeyboardShortcuts_show__topRight { border-bottom: 26px solid transparent; border-right: 33px solid #00a699; top: 0; right: 0; } .DayPickerKeyboardShortcuts_show__topRight:hover { border-right: 33px solid #008489; } .DayPickerKeyboardShortcuts_show__topLeft { border-bottom: 26px solid transparent; border-left: 33px solid #00a699; top: 0; left: 0; } .DayPickerKeyboardShortcuts_show__topLeft:hover { border-left: 33px solid #008489; } .DayPickerKeyboardShortcuts_showSpan { color: #fff; position: absolute; } .DayPickerKeyboardShortcuts_showSpan__bottomRight { bottom: 0; right: -28px; } .DayPickerKeyboardShortcuts_showSpan__topRight { top: 1px; right: -28px; } .DayPickerKeyboardShortcuts_showSpan__topLeft { top: 1px; left: -28px; } .DayPickerKeyboardShortcuts_panel { overflow: auto; background: #fff; border: 1px solid #dbdbdb; border-radius: 2px; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 2; padding: 22px; margin: 33px; } .DayPickerKeyboardShortcuts_title { font-size: 16px; font-weight: 700; margin: 0; } .DayPickerKeyboardShortcuts_list { list-style: none; padding: 0; font-size: 14px; } .DayPickerKeyboardShortcuts_close { position: absolute; right: 22px; top: 22px; z-index: 2; } .DayPickerKeyboardShortcuts_close:active { outline: 0; } .DayPickerKeyboardShortcuts_closeSvg { height: 15px; width: 15px; fill: #cacccd; } .DayPickerKeyboardShortcuts_closeSvg:focus, .DayPickerKeyboardShortcuts_closeSvg:hover { fill: #82888a; } .CalendarDay { box-sizing: border-box; cursor: pointer; font-size: 14px; text-align: center; } .CalendarDay:active { outline: 0; } .CalendarDay__defaultCursor { cursor: default; } .CalendarDay__default { border: 1px solid #e4e7e7; color: #484848; background: #fff; } .CalendarDay__default:hover { background: #e4e7e7; border: 1px double #e4e7e7; color: inherit; } .CalendarDay__hovered_offset { background: #f4f5f5; border: 1px double #e4e7e7; color: inherit; } .CalendarDay__outside { border: 0; background: #fff; color: #484848; } .CalendarDay__outside:hover { border: 0; } .CalendarDay__blocked_minimum_nights { background: #fff; border: 1px solid #eceeee; color: #cacccd; } .CalendarDay__blocked_minimum_nights:active, .CalendarDay__blocked_minimum_nights:hover { background: #fff; color: #cacccd; } .CalendarDay__highlighted_calendar { background: #ffe8bc; color: #484848; } .CalendarDay__highlighted_calendar:active, .CalendarDay__highlighted_calendar:hover { background: #ffce71; color: #484848; } .CalendarDay__selected_span { background: #66e2da; border: 1px solid #33dacd; color: #fff; } .CalendarDay__selected_span:active, .CalendarDay__selected_span:hover { background: #33dacd; border: 1px solid #33dacd; color: #fff; } .CalendarDay__last_in_range { border-right: #00a699; } .CalendarDay__selected, .CalendarDay__selected:active, .CalendarDay__selected:hover { background: #00a699; border: 1px solid #00a699; color: #fff; } .CalendarDay__hovered_span, .CalendarDay__hovered_span:hover { background: #b2f1ec; border: 1px solid #80e8e0; color: #007a87; } .CalendarDay__hovered_span:active { background: #80e8e0; border: 1px solid #80e8e0; color: #007a87; } .CalendarDay__blocked_calendar, .CalendarDay__blocked_calendar:active, .CalendarDay__blocked_calendar:hover { background: #cacccd; border: 1px solid #cacccd; color: #82888a; } .CalendarDay__blocked_out_of_range, .CalendarDay__blocked_out_of_range:active, .CalendarDay__blocked_out_of_range:hover { background: #fff; border: 1px solid #e4e7e7; color: #cacccd; } .CalendarMonth { background: #fff; text-align: center; vertical-align: top; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .CalendarMonth_table { border-collapse: collapse; border-spacing: 0; } .CalendarMonth_verticalSpacing { border-collapse: separate; } .CalendarMonth_caption { color: #484848; font-size: 18px; text-align: center; padding-top: 22px; padding-bottom: 37px; caption-side: initial; } .CalendarMonth_caption__verticalScrollable { padding-top: 12px; padding-bottom: 7px; } .CalendarMonthGrid { background: #fff; text-align: left; z-index: 0; } .CalendarMonthGrid__animating { z-index: 1; } .CalendarMonthGrid__horizontal { position: absolute; left: 9px; } .CalendarMonthGrid__vertical { margin: 0 auto; } .CalendarMonthGrid__vertical_scrollable { margin: 0 auto; overflow-y: scroll; } .CalendarMonthGrid_month__horizontal { display: inline-block; vertical-align: top; min-height: 100%; } .CalendarMonthGrid_month__hideForAnimation { position: absolute; z-index: -1; opacity: 0; pointer-events: none; } .CalendarMonthGrid_month__hidden { visibility: hidden; } .DayPickerNavigation { position: relative; z-index: 2; } .DayPickerNavigation__horizontal { height: 0; } .DayPickerNavigation__verticalDefault { position: absolute; width: 100%; height: 52px; bottom: 0; left: 0; } .DayPickerNavigation__verticalScrollableDefault { position: relative; } .DayPickerNavigation_button { cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none; border: 0; padding: 0; margin: 0; } .DayPickerNavigation_button__default { border: 1px solid #e4e7e7; background-color: #fff; color: #757575; } .DayPickerNavigation_button__default:focus, .DayPickerNavigation_button__default:hover { border: 1px solid #c4c4c4; } .DayPickerNavigation_button__default:active { background: #f2f2f2; } .DayPickerNavigation_button__horizontalDefault { position: absolute; top: 18px; line-height: .78; border-radius: 3px; padding: 6px 9px; } .DayPickerNavigation_leftButton__horizontalDefault { left: 22px; } .DayPickerNavigation_rightButton__horizontalDefault { right: 22px; } .DayPickerNavigation_button__verticalDefault { padding: 5px; background: #fff; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1); position: relative; display: inline-block; height: 100%; width: 50%; } .DayPickerNavigation_nextButton__verticalDefault { border-left: 0; } .DayPickerNavigation_nextButton__verticalScrollableDefault { width: 100%; } .DayPickerNavigation_svg__horizontal { height: 19px; width: 19px; fill: #82888a; display: block; } .DayPickerNavigation_svg__vertical { height: 42px; width: 42px; fill: #484848; display: block; } .DayPicker { background: #fff; position: relative; text-align: left; } .DayPicker__horizontal { background: #fff; } .DayPicker__verticalScrollable { height: 100%; } .DayPicker__hidden { visibility: hidden; } .DayPicker__withBorder { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07); border-radius: 3px; } .DayPicker_portal__horizontal { box-shadow: none; position: absolute; left: 50%; top: 50%; } .DayPicker_portal__vertical { position: initial; } .DayPicker_focusRegion { outline: 0; } .DayPicker_calendarInfo__horizontal, .DayPicker_wrapper__horizontal { display: inline-block; vertical-align: top; } .DayPicker_weekHeaders { position: relative; } .DayPicker_weekHeaders__horizontal { margin-left: 9px; } .DayPicker_weekHeader { color: #757575; position: absolute; top: 62px; z-index: 2; text-align: left; } .DayPicker_weekHeader__vertical { left: 50%; } .DayPicker_weekHeader__verticalScrollable { top: 0; display: table-row; border-bottom: 1px solid #dbdbdb; background: #fff; margin-left: 0; left: 0; width: 100%; text-align: center; } .DayPicker_weekHeader_ul { list-style: none; margin: 1px 0; padding-left: 0; padding-right: 0; font-size: 14px; } .DayPicker_weekHeader_li { display: inline-block; text-align: center; } .DayPicker_transitionContainer { position: relative; overflow: hidden; border-radius: 3px; } .DayPicker_transitionContainer__horizontal { transition: height .2s ease-in-out; } .DayPicker_transitionContainer__vertical { width: 100%; } .DayPicker_transitionContainer__verticalScrollable { padding-top: 20px; height: 100%; position: absolute; top: 0; bottom: 0; right: 0; left: 0; overflow-y: scroll; } .DateInput { margin: 0; padding: 0; background: #fff; position: relative; display: inline-block; width: 130px; vertical-align: middle; } .DateInput__small { width: 97px; } .DateInput__block { width: 100%; } .DateInput__disabled { background: #f2f2f2; color: #dbdbdb; } .DateInput_input { font-weight: 200; font-size: 19px; line-height: 24px; color: #484848; background-color: #fff; width: 100%; padding: 11px 11px 9px; border: 0; border-top: 0; border-right: 0; border-bottom: 2px solid transparent; border-left: 0; border-radius: 0; } .DateInput_input__small { font-size: 15px; line-height: 18px; letter-spacing: .2px; padding: 7px 7px 5px; } .DateInput_input__regular { font-weight: auto; } .DateInput_input__readOnly { -webkit-user-select: none; -ms-user-select: none; user-select: none; } .DateInput_input__focused { outline: 0; background: #fff; border: 0; border-top: 0; border-right: 0; border-bottom: 2px solid #008489; border-left: 0; } .DateInput_input__disabled { background: #f2f2f2; font-style: italic; } .DateInput_screenReaderMessage { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .DateInput_fang { position: absolute; width: 20px; height: 10px; left: 22px; z-index: 2; } .DateInput_fangShape { fill: #fff; } .DateInput_fangStroke { stroke: #dbdbdb; fill: transparent; } .DateRangePickerInput { background-color: #fff; display: inline-block; } .DateRangePickerInput__disabled { background: #f2f2f2; } .DateRangePickerInput__withBorder { border-radius: 2px; border: 1px solid #dbdbdb; } .DateRangePickerInput__rtl { direction: rtl; } .DateRangePickerInput__block { display: block; } .DateRangePickerInput__showClearDates { padding-right: 30px; } .DateRangePickerInput_arrow { display: inline-block; vertical-align: middle; color: #484848; } .DateRangePickerInput_arrow_svg { vertical-align: middle; fill: #484848; height: 24px; width: 24px; } .DateRangePickerInput_clearDates { background: 0 0; border: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; cursor: pointer; padding: 10px; margin: 0 10px 0 5px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .DateRangePickerInput_clearDates__small { padding: 6px; } .DateRangePickerInput_clearDates_default:focus, .DateRangePickerInput_clearDates_default:hover { background: #dbdbdb; border-radius: 50%; } .DateRangePickerInput_clearDates__hide { visibility: hidden; } .DateRangePickerInput_clearDates_svg { fill: #82888a; height: 12px; width: 15px; vertical-align: middle; } .DateRangePickerInput_clearDates_svg__small { height: 9px; } .DateRangePickerInput_calendarIcon { background: 0 0; border: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; cursor: pointer; display: inline-block; vertical-align: middle; padding: 10px; margin: 0 5px 0 10px; } .DateRangePickerInput_calendarIcon_svg { fill: #82888a; height: 15px; width: 14px; vertical-align: middle; } .DateRangePicker { position: relative; display: inline-block; } .DateRangePicker__block { display: block; } .DateRangePicker_picker { z-index: 1; background-color: #fff; position: absolute; } .DateRangePicker_picker__rtl { direction: rtl; } .DateRangePicker_picker__directionLeft { left: 0; } .DateRangePicker_picker__directionRight { right: 0; } .DateRangePicker_picker__portal { background-color: rgba(0, 0, 0, 0.3); position: fixed; top: 0; left: 0; height: 100%; width: 100%; } .DateRangePicker_picker__fullScreenPortal { background-color: #fff; } .DateRangePicker_closeButton { background: 0 0; border: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; cursor: pointer; position: absolute; top: 0; right: 0; padding: 15px; z-index: 2; } .DateRangePicker_closeButton:focus, .DateRangePicker_closeButton:hover { color: #b0b3b4; text-decoration: none; } .DateRangePicker_closeButton_svg { height: 15px; width: 15px; fill: #cacccd; } .components-datetime { padding: 0; } .components-datetime .components-datetime__calendar-help { padding: 16px; } .components-datetime .components-datetime__calendar-help h4 { margin: 0; } .components-datetime .components-datetime__buttons { display: flex; justify-content: space-between; } .components-datetime .components-datetime__date-help-toggle { display: block; margin-right: auto; } .components-datetime fieldset { border: 0; padding: 0; margin: 0; } .components-datetime select, .components-datetime input { box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; } @media (prefers-reduced-motion: reduce) { .components-datetime select, .components-datetime input { transition-duration: 0s; } } .components-datetime select, .components-datetime input[type="number"], .components-datetime .components-button { height: 30px; margin-top: 0; margin-bottom: 0; } .components-datetime__date { min-height: 236px; border-top: 1px solid #ddd; } .components-datetime__date .DayPickerNavigation_leftButton__horizontalDefault { right: 0; } .components-datetime__date .CalendarMonth_caption { font-size: 13px; } .components-datetime__date .CalendarMonth_table { border-collapse: separate; border-spacing: 2px; } .components-datetime__date .CalendarDay { font-size: 13px; border: none; border-radius: 50%; text-align: center; } .components-datetime__date .CalendarDay:focus { box-shadow: inset 0 0 0 1.5px #007cba, inset 0 0 0 2.5px #fff; box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 0 0 2.5px #fff; outline: 2px solid transparent; } .components-datetime__date .CalendarDay__selected { background: #007cba; background: var(--wp-admin-theme-color); border: 2px solid transparent; } .components-datetime__date .CalendarDay__selected:hover { background: #005a87; background: var(--wp-admin-theme-color-darker-20); } .components-datetime__date .CalendarDay__selected:focus { box-shadow: inset 0 0 0 1px #fff; } .components-datetime__date .DayPickerNavigation_button__horizontalDefault { padding: 2px 8px; top: 20px; } .components-datetime__date .DayPickerNavigation_button__horizontalDefault:focus { border-color: #007cba; border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px #007cba; box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-datetime__date .DayPicker_weekHeader { top: 50px; } .components-datetime__date .DayPicker_weekHeader .DayPicker_weekHeader_ul { margin: 1px 0; padding-right: 0; padding-left: 0; } .components-datetime__date.is-description-visible .DayPicker { visibility: hidden; } .components-datetime__time { padding-bottom: 16px; } .components-datetime__time fieldset { position: relative; margin-bottom: 0.5em; } .components-datetime__time fieldset + fieldset { margin-bottom: 0; } .components-datetime__time .components-datetime__time-field-am-pm fieldset { margin-top: 0; } .components-datetime__time .components-datetime__time-wrapper { display: flex; } .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-separator { display: inline-block; padding: 0 0 0 3px; color: #555d66; } .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field-time { direction: ltr; } .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field select { margin-left: 4px; } .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field select:focus { position: relative; z-index: 1; } .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field input[type="number"] { padding: 2px; margin-left: 4px; text-align: center; -moz-appearance: textfield; } .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field input[type="number"]:focus { position: relative; z-index: 1; } .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .components-datetime__time.is-12-hour .components-datetime__time-field-day input { margin: -4px 0 0 !important; border-radius: 0 2px 2px 0 !important; } .components-datetime__time.is-12-hour .components-datetime__time-field-year input { border-radius: 2px 0 0 2px !important; } .components-datetime__time-legend { font-weight: 600; margin-top: 0.5em; } .components-datetime__time-legend.invisible { position: absolute; top: -999em; right: -999em; } .components-datetime__time-field-hours-input, .components-datetime__time-field-minutes-input, .components-datetime__time-field-day-input { width: 35px; } .components-datetime__time-field-year-input { width: 55px; } .components-datetime__time-field-month-select { max-width: 145px; } .components-popover .components-datetime__date { padding-right: 4px; } .block-editor-dimension-control .components-base-control__field { display: flex; align-items: center; } .block-editor-dimension-control .components-base-control__label { display: flex; align-items: center; margin-left: 1em; margin-bottom: 0; } .block-editor-dimension-control .components-base-control__label .dashicon { margin-left: 0.5em; } .block-editor-dimension-control.is-manual .components-base-control__label { width: 10em; } .components-disabled { position: relative; pointer-events: none; } .components-disabled::after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .components-disabled * { pointer-events: none; } body.is-dragging-components-draggable { cursor: move; /* Fallback for IE/Edge < 14 */ cursor: grabbing !important; } .components-draggable__invisible-drag-image { position: fixed; right: -1000px; height: 50px; width: 50px; } .components-draggable__clone { position: fixed; padding: 0; background: transparent; pointer-events: none; z-index: 1000000000; } .components-drop-zone { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 40; visibility: hidden; opacity: 0; transition: 0.3s opacity, 0.3s background-color, 0s visibility 0.3s; border: 2px solid #007cba; border: 2px solid var(--wp-admin-theme-color); border-radius: 2px; } @media (prefers-reduced-motion: reduce) { .components-drop-zone { transition-duration: 0s; } } .components-drop-zone.is-active { opacity: 1; visibility: visible; transition: 0.3s opacity, 0.3s background-color; } @media (prefers-reduced-motion: reduce) { .components-drop-zone.is-active { transition-duration: 0s; } } .components-drop-zone.is-dragging-over-element { background-color: #007cba; background-color: var(--wp-admin-theme-color); } .components-drop-zone__content { position: absolute; top: 50%; right: 0; left: 0; z-index: 50; transform: translateY(-50%); width: 100%; text-align: center; color: #fff; transition: transform 0.2s ease-in-out; } @media (prefers-reduced-motion: reduce) { .components-drop-zone__content { transition-duration: 0s; } } .components-drop-zone.is-dragging-over-element .components-drop-zone__content { transform: translateY(-50%) scale(1.05); } .components-drop-zone__content-icon, .components-drop-zone__content-text { display: block; } .components-drop-zone__content-icon { margin: 0 auto; line-height: 0; fill: currentColor; } .components-drop-zone__content-text { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .components-drop-zone__provider { height: 100%; } .components-dropdown { display: inline-block; } .components-dropdown__content .components-popover__content > div { padding: 12px; } .components-dropdown-menu__popover .components-popover__content { width: 200px; } .components-dropdown-menu__menu { width: 100%; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; line-height: 1.4; } .components-dropdown-menu__menu .components-dropdown-menu__menu-item, .components-dropdown-menu__menu .components-menu-item { width: 100%; padding: 6px; outline: none; cursor: pointer; margin-bottom: 4px; } .components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator, .components-dropdown-menu__menu .components-menu-item.has-separator { margin-top: 6px; position: relative; overflow: visible; } .components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator::before, .components-dropdown-menu__menu .components-menu-item.has-separator::before { display: block; content: ""; box-sizing: content-box; background-color: #ddd; position: absolute; top: -3px; right: 0; left: 0; height: 1px; } .components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-active svg, .components-dropdown-menu__menu .components-menu-item.is-active svg { color: #fff; background: #1e1e1e; box-shadow: 0 0 0 1px #1e1e1e; border-radius: 1px; } .components-dropdown-menu__menu .components-dropdown-menu__menu-item > svg, .components-dropdown-menu__menu .components-menu-item > svg { border-radius: 2px; width: 24px; height: 24px; } .components-dropdown-menu__menu .components-menu-item__button, .components-dropdown-menu__menu .components-menu-item__button.components-button { min-height: 36px; height: auto; padding-right: 40px; text-align: right; } .components-dropdown-menu__menu .components-menu-item__button.has-icon, .components-dropdown-menu__menu .components-menu-item__button.components-button.has-icon { padding-right: 8px; } .components-dropdown-menu__menu .components-menu-group { padding: 12px; margin-top: 0; margin-bottom: 0; margin-right: -12px; margin-left: -12px; } .components-dropdown-menu__menu .components-menu-group:first-child { margin-top: -12px; } .components-dropdown-menu__menu .components-menu-group:last-child { margin-bottom: -12px; } .components-dropdown-menu__menu .components-menu-group + .components-menu-group { margin-top: 0; border-top: 1px solid #ccc; padding: 12px; } .is-alternate .components-dropdown-menu__menu .components-menu-group + .components-menu-group { border-color: #1e1e1e; } .components-dropdown-menu__menu.no-icons .components-menu-item__button.components-button { padding: 0 12px; } .components-external-link__icon { width: 1.4em; height: 1.4em; margin: -0.2em 0.1em 0; vertical-align: middle; fill: currentColor; } .components-focal-point-picker-wrapper { background-color: transparent; border: 1px solid #ddd; height: 200px; width: 100%; padding: 14px; } .components-focal-point-picker { align-items: center; cursor: pointer; display: flex; height: 100%; justify-content: center; position: relative; width: 100%; } .components-focal-point-picker img { height: auto; max-height: 100%; max-width: 100%; width: auto; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .components-focal-point-picker__icon_container { background-color: transparent; cursor: grab; height: 30px; opacity: 0.8; position: absolute; will-change: transform; width: 30px; z-index: 10000; } .components-focal-point-picker__icon_container.is-dragging { cursor: grabbing; } .components-focal-point-picker__icon { display: block; height: 100%; right: -15px; position: absolute; top: -15px; width: 100%; } .components-focal-point-picker__icon .components-focal-point-picker__icon-outline { fill: #fff; } .components-focal-point-picker__icon .components-focal-point-picker__icon-fill { fill: #007cba; fill: var(--wp-admin-theme-color); } .components-focal-point-picker_position-display-container { margin: 1em 0; display: flex; } .components-focal-point-picker_position-display-container .components-base-control__field { margin: 0 0 0 1em; } .components-focal-point-picker_position-display-container input[type="number"].components-text-control__input { max-width: 4em; padding: 6px 4px; } .components-focal-point-picker_position-display-container span { margin: 0 0.2em 0 0; } .components-font-size-picker__controls { max-width: 248px; display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 24px; } .components-font-size-picker__controls .components-font-size-picker__number { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; display: inline-block; font-weight: 500; height: 30px; margin-bottom: 0; margin-right: 0; margin-left: 8px; margin-top: 8px; width: 54px; } @media (prefers-reduced-motion: reduce) { .components-font-size-picker__controls .components-font-size-picker__number { transition-duration: 0s; } } @media (min-width: 600px) { .components-font-size-picker__controls .components-font-size-picker__number { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .components-font-size-picker__controls .components-font-size-picker__number:focus { border-color: #007cba; border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px #007cba; box-shadow: 0 0 0 0.5px 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, 0.62); } .components-font-size-picker__controls .components-font-size-picker__number::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .components-font-size-picker__controls .components-font-size-picker__number:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .is-dark-theme .components-font-size-picker__controls .components-font-size-picker__number::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); } .is-dark-theme .components-font-size-picker__controls .components-font-size-picker__number::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); } .is-dark-theme .components-font-size-picker__controls .components-font-size-picker__number:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); } .components-font-size-picker__controls .components-font-size-picker__number[value=""] + .components-button { cursor: default; opacity: 0.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-font-size-picker__select { margin-left: 8px; } .components-font-size-picker__controls .components-color-palette__clear { height: 30px; margin-top: 26px; } .components-font-size-picker__custom-input .components-range-control__slider + .dashicon { width: 30px; height: 30px; } .components-font-size-picker { border: 0; padding: 0; margin: 0; } .components-form-toggle { position: relative; display: inline-block; } .components-form-toggle .components-form-toggle__track { content: ""; display: inline-block; box-sizing: border-box; vertical-align: top; background-color: #fff; border: 1px solid #1e1e1e; width: 36px; height: 18px; border-radius: 9px; transition: 0.2s background ease; } @media (prefers-reduced-motion: reduce) { .components-form-toggle .components-form-toggle__track { transition-duration: 0s; } } .components-form-toggle .components-form-toggle__thumb { display: block; position: absolute; box-sizing: border-box; top: 3px; right: 3px; width: 12px; height: 12px; border-radius: 50%; transition: 0.1s transform ease; background-color: #1e1e1e; border: 5px solid #1e1e1e; } @media (prefers-reduced-motion: reduce) { .components-form-toggle .components-form-toggle__thumb { transition-duration: 0s; } } .components-form-toggle.is-checked .components-form-toggle__track { background-color: #007cba; background-color: var(--wp-admin-theme-color); border: 1px solid #007cba; border: 1px solid 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 3.5px #007cba; box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px 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 { opacity: 0.3; } .components-form-toggle input.components-form-toggle__input[type="checkbox"] { position: absolute; top: 0; right: 0; width: 100%; height: 100%; opacity: 0; margin: 0; padding: 0; z-index: 1; border: none; } .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 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; display: flex; flex-wrap: wrap; align-items: flex-start; width: 100%; margin: 0 0 8px 0; padding: 4px; cursor: text; } @media (prefers-reduced-motion: reduce) { .components-form-token-field__input-container { transition-duration: 0s; } } @media (min-width: 600px) { .components-form-token-field__input-container { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .components-form-token-field__input-container:focus { border-color: #007cba; border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px #007cba; box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-form-token-field__input-container::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .components-form-token-field__input-container::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .components-form-token-field__input-container:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .is-dark-theme .components-form-token-field__input-container::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); } .is-dark-theme .components-form-token-field__input-container::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); } .is-dark-theme .components-form-token-field__input-container:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); } .components-form-token-field__input-container.is-disabled { background: #ddd; border-color: #ccd0d4; } .components-form-token-field__input-container input[type="text"].components-form-token-field__input { display: inline-block; width: 100%; max-width: 100%; margin-right: 4px; padding: 0; min-height: 24px; background: inherit; border: 0; color: #1e1e1e; box-shadow: none; } .components-form-token-field__input-container input[type="text"].components-form-token-field__input:focus, .components-form-token-field.is-active .components-form-token-field__input-container input[type="text"].components-form-token-field__input { outline: none; box-shadow: 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__label { display: inline-block; margin-bottom: 4px; } .components-form-token-field__help { font-style: italic; } .components-form-token-field__token { font-size: 13px; display: flex; margin: 2px 0 2px 4px; color: #32373c; overflow: hidden; } .components-form-token-field__token.is-success .components-form-token-field__token-text, .components-form-token-field__token.is-success .components-form-token-field__remove-token { background: #4ab866; } .components-form-token-field__token.is-error .components-form-token-field__token-text, .components-form-token-field__token.is-error .components-form-token-field__remove-token { background: #d94f4f; } .components-form-token-field__token.is-validating .components-form-token-field__token-text, .components-form-token-field__token.is-validating .components-form-token-field__remove-token { color: #555d66; } .components-form-token-field__token.is-borderless { position: relative; padding: 0 0 0 16px; } .components-form-token-field__token.is-borderless .components-form-token-field__token-text { background: transparent; color: #007cba; color: var(--wp-admin-theme-color); } .components-form-token-field__token.is-borderless .components-form-token-field__remove-token { background: transparent; color: #555d66; position: absolute; top: 1px; left: 0; } .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 { color: #d94f4f; border-radius: 0 4px 4px 0; 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__token-text, .components-form-token-field__remove-token.components-button { display: inline-block; line-height: 24px; height: auto; background: #ddd; transition: all 0.2s cubic-bezier(0.4, 1, 0.4, 1); } @media (prefers-reduced-motion: reduce) { .components-form-token-field__token-text, .components-form-token-field__remove-token.components-button { transition-duration: 0s; animation-duration: 1ms; } } .components-form-token-field__token-text { border-radius: 0 12px 12px 0; padding: 0 8px 0 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .components-form-token-field__remove-token.components-button { cursor: pointer; border-radius: 12px 0 0 12px; padding: 0 2px; color: #555d66; line-height: 10px; overflow: initial; } .components-form-token-field__remove-token.components-button:hover { color: #32373c; } .components-form-token-field__suggestions-list { flex: 1 0 100%; min-width: 100%; max-height: 9em; overflow-y: scroll; transition: all 0.15s ease-in-out; list-style: none; border-top: 1px solid #6c7781; margin: 4px -4px -4px; padding-top: 3px; } @media (prefers-reduced-motion: reduce) { .components-form-token-field__suggestions-list { transition-duration: 0s; } } .components-form-token-field__suggestion { color: #555d66; display: block; font-size: 13px; padding: 4px 8px; cursor: pointer; } .components-form-token-field__suggestion.is-selected { background: #007cba; 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__header { background: none; border-bottom: none; width: 100%; padding: 0; margin: 0; } .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 0; padding: 0 32px; position: relative; width: 100%; } @media (max-width: 600px) { .components-guide__footer { position: absolute; bottom: 0; } } .components-guide__page-control { margin: 8px 0 8px 0; text-align: center; } .components-guide__page-control li { display: inline-block; } .components-guide__page-control .components-button { height: 30px; min-width: 20px; } .components-guide .components-modal__content { padding: 0; } .components-modal__frame.components-guide { border: none; min-width: 312px; height: 80vh; max-height: 575px; } @media (max-width: 600px) { .components-modal__frame.components-guide { bottom: 5%; right: 16px; left: 16px; top: 5%; margin: 0 auto; } } .components-button.components-guide__back-button, .components-button.components-guide__forward-button, .components-button.components-guide__finish-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 { left: 32px; color: #1386bf; font-weight: bold; } .components-button.components-guide__finish-button { left: 32px; } .components-button.components-guide__inline-finish-button { display: none; } .components-navigate-regions.is-focusing-regions [role="region"] { position: relative; } .components-navigate-regions.is-focusing-regions [role="region"]:focus::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; pointer-events: none; outline: 4px solid transparent; box-shadow: inset 0 0 0 4px #007cba; box-shadow: inset 0 0 0 4px var(--wp-admin-theme-color); } @supports (outline-offset: 1px) { .components-navigate-regions.is-focusing-regions [role="region"]:focus::after { content: none; } .components-navigate-regions.is-focusing-regions [role="region"]:focus { outline-style: solid; outline-color: #007cba; outline-color: var(--wp-admin-theme-color); outline-width: 4px; outline-offset: -4px; } } .components-menu-group + .components-menu-group { margin-top: 8px; padding-top: 8px; border-top: 1px solid #1e1e1e; } .components-menu-group__label { padding: 0; margin-bottom: 12px; color: #757575; text-transform: uppercase; font-size: 11px; font-weight: 500; } .components-menu-item__button, .components-menu-item__button.components-button { width: 100%; } .components-menu-item__button .dashicon, .components-menu-item__button .components-menu-items__item-icon, .components-menu-item__button svg.components-menu-items__item-icon, .components-menu-item__button > span > svg, .components-menu-item__button.components-button .dashicon, .components-menu-item__button.components-button .components-menu-items__item-icon, .components-menu-item__button.components-button svg.components-menu-items__item-icon, .components-menu-item__button.components-button > span > svg { margin-left: 8px; } .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__info-wrapper { display: flex; flex-direction: column; } .components-menu-item__info { margin-top: 4px; font-size: 12px; color: #757575; } .components-menu-item__shortcut { -ms-grid-row-align: center; align-self: center; margin-left: 0; margin-right: auto; padding-right: 12px; color: currentColor; display: none; } @media (min-width: 480px) { .components-menu-item__shortcut { display: inline; } } .components-menu-items-choice, .components-menu-items-choice.components-button { padding-right: 40px; } .components-menu-items-choice svg, .components-menu-items-choice.components-button svg { margin-left: 8px; } .components-menu-items-choice.has-icon, .components-menu-items-choice.components-button.has-icon { padding-right: 8px; } .components-modal__screen-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 100000; animation: edit-post__fade-in-animation 0.2s ease-out 0s; animation-fill-mode: forwards; } @media (prefers-reduced-motion: reduce) { .components-modal__screen-overlay { animation-duration: 1ms; } } .components-modal__frame { position: absolute; top: 0; left: 0; bottom: 0; right: 0; box-sizing: border-box; margin: 0; border: 1px solid #ddd; background: #fff; box-shadow: 0 3px 30px rgba(0, 0, 0, 0.2); overflow: auto; } @media (min-width: 600px) { .components-modal__frame { top: 50%; left: auto; bottom: auto; right: 50%; min-width: 360px; max-width: calc(100% - 16px - 16px); max-height: calc(100% - 60px - 60px); transform: translate(50%, -50%); animation: components-modal__appear-animation 0.1s ease-out; animation-fill-mode: forwards; } } @media (min-width: 600px) and (prefers-reduced-motion: reduce) { .components-modal__frame { animation-duration: 1ms; } } @keyframes components-modal__appear-animation { from { margin-top: 32px; } to { margin-top: 0; } } .components-modal__header { box-sizing: border-box; border-bottom: 1px solid #ddd; padding: 0 24px; display: flex; flex-direction: row; justify-content: space-between; background: #fff; align-items: center; height: 60px; z-index: 10; position: relative; position: -webkit-sticky; position: sticky; top: 0; margin: 0 -24px 24px; } @supports (-ms-ime-align: auto) { .components-modal__header { position: fixed; width: 100%; } } .components-modal__header .components-modal__header-heading { font-size: 1rem; font-weight: 600; } .components-modal__header h1 { line-height: 1; margin: 0; } .components-modal__header .components-button { position: relative; right: 8px; } .components-modal__header-heading-container { align-items: center; flex-grow: 1; display: flex; flex-direction: row; justify-content: left; } .components-modal__header-icon-container { display: inline-block; } .components-modal__header-icon-container svg { max-width: 36px; max-height: 36px; padding: 8px; } .components-modal__content { box-sizing: border-box; height: 100%; padding: 0 24px 24px; } @supports (-ms-ime-align: auto) { .components-modal__content { padding-top: 60px; } } .components-notice { display: flex; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; background-color: #fff; border-right: 4px solid #007cba; border-right: 4px solid var(--wp-admin-theme-color); margin: 5px 15px 2px; padding: 8px 12px; align-items: center; } .components-notice.is-dismissible { padding-left: 36px; position: relative; } .components-notice.is-success { border-right-color: #4ab866; background-color: #eff9f1; } .components-notice.is-warning { border-right-color: #f0b849; background-color: #fef8ee; } .components-notice.is-error { border-right-color: #d94f4f; background-color: #f9e2e2; } .components-notice__content { flex-grow: 1; margin: 4px 0 4px 25px; } .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 { color: #6c7781; align-self: flex-start; flex-shrink: 0; } .components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):hover, .components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):active, .components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):focus { color: #1e1e1e; background-color: transparent; } .components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):hover { box-shadow: none; } .components-notice-list { max-width: 100vw; box-sizing: border-box; z-index: 29; } .components-notice-list .components-notice__content { margin-top: 12px; margin-bottom: 12px; line-height: 2; } .components-notice-list .components-notice__action.components-button { display: block; margin-right: 0; margin-top: 8px; } .components-panel { background: #fff; border: 1px solid #f0f0f0; } .components-panel > .components-panel__header:first-child, .components-panel > .components-panel__body:first-child { margin-top: -1px; } .components-panel > .components-panel__header:last-child, .components-panel > .components-panel__body:last-child { border-bottom-width: 0; } .components-panel + .components-panel { margin-top: -1px; } .components-panel__body { border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; } .components-panel__body h3 { margin: 0 0 0.5em; } .components-panel__body.is-opened { padding: 16px; } .components-panel__header { display: flex; justify-content: space-between; align-items: center; padding: 0 16px; height: 48px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .components-panel__header h2 { margin: 0; font-size: inherit; color: inherit; } .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; padding: 0; font-size: inherit; margin-top: 0; margin-bottom: 0; transition: 0.1s background ease-in-out; } @media (prefers-reduced-motion: reduce) { .components-panel__body > .components-panel__body-title { transition-duration: 0s; } } .components-panel__body.is-opened > .components-panel__body-title { margin: -16px; margin-bottom: 5px; } .components-panel__body > .components-panel__body-title:hover { background: #f0f0f0; border: none; } .components-panel__body-toggle.components-button { position: relative; padding: 16px; outline: none; width: 100%; font-weight: 500; text-align: right; color: #1e1e1e; border: none; box-shadow: none; transition: 0.1s background ease-in-out; height: auto; } @media (prefers-reduced-motion: reduce) { .components-panel__body-toggle.components-button { transition-duration: 0s; } } .components-panel__body-toggle.components-button:focus { box-shadow: inset 0 0 0 1.5px #007cba; box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color); border-radius: 0; } .components-panel__body-toggle.components-button .components-panel__arrow { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: #1e1e1e; fill: currentColor; transition: 0.1s color ease-in-out; } @media (prefers-reduced-motion: reduce) { .components-panel__body-toggle.components-button .components-panel__arrow { transition-duration: 0s; } } body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right { transform: scaleX(-1); -ms-filter: fliph; filter: FlipH; margin-top: -10px; } .components-panel__icon { color: #555d66; margin: -2px 6px -2px 0; } .components-panel__body-toggle-icon { margin-left: -5px; } .components-panel__color-title { float: right; height: 19px; } .components-panel__row { display: flex; justify-content: space-between; align-items: center; margin-top: 8px; min-height: 36px; } .components-panel__row select { min-width: 0; } .components-panel__row label { margin-left: 12px; flex-shrink: 0; 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 { position: relative; padding: 1em; min-height: 200px; width: 100%; text-align: right; margin: 0; color: #1e1e1e; -moz-font-smoothing: subpixel-antialiased; -webkit-font-smoothing: subpixel-antialiased; border-radius: 2px; background-color: #fff; box-shadow: inset 0 0 0 1px #1e1e1e; outline: 1px solid transparent; } @supports ((position: -webkit-sticky) or (position: sticky)) { .components-placeholder.components-placeholder { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } } .components-placeholder.components-placeholder .components-base-control__label { font-size: 13px; } .components-placeholder__error, .components-placeholder__instructions, .components-placeholder__label, .components-placeholder__fieldset { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; } .components-placeholder__label { display: flex; font-weight: 600; margin-bottom: 16px; align-items: center; } .components-placeholder__label > svg, .components-placeholder__label .dashicon, .components-placeholder__label .block-editor-block-icon { fill: currentColor; margin-left: 1ch; } .components-placeholder__fieldset, .components-placeholder__fieldset form { display: flex; flex-direction: row; width: 100%; flex-wrap: wrap; } .components-placeholder__fieldset p, .components-placeholder__fieldset form p { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; } .components-placeholder__fieldset.is-column-layout, .components-placeholder__fieldset.is-column-layout form { flex-direction: column; } .components-placeholder__input[type="url"] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; margin: 0 0 0 8px; flex: 1 1 auto; } @media (prefers-reduced-motion: reduce) { .components-placeholder__input[type="url"] { transition-duration: 0s; } } @media (min-width: 600px) { .components-placeholder__input[type="url"] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .components-placeholder__input[type="url"]:focus { border-color: #007cba; border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px #007cba; box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-placeholder__input[type="url"]::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .components-placeholder__input[type="url"]::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .components-placeholder__input[type="url"]:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .is-dark-theme .components-placeholder__input[type="url"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); } .is-dark-theme .components-placeholder__input[type="url"]::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); } .is-dark-theme .components-placeholder__input[type="url"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); } .components-placeholder__instructions { margin-bottom: 1em; } .components-placeholder__error { margin-top: 1em; width: 100%; } .components-placeholder__preview img { margin: 3%; width: 50%; } .components-placeholder__fieldset .components-button { margin-left: 12px; margin-bottom: 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-right: 10px; margin-left: 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: normal; } .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-popover { position: fixed; z-index: 1000000; top: 0; left: 0; opacity: 0; } .components-popover.is-expanded, .components-popover[data-x-axis][data-y-axis] { opacity: 1; } .components-popover.is-expanded { top: 0; left: 0; right: 0; bottom: 0; z-index: 1000000 !important; } .components-popover:not(.is-without-arrow) { margin-left: 2px; } .components-popover:not(.is-without-arrow)::before { border: 8px solid #1e1e1e; } .components-popover:not(.is-without-arrow)::after { border: 8px solid #fff; } .components-popover:not(.is-without-arrow)::before, .components-popover:not(.is-without-arrow)::after { content: ""; position: absolute; height: 0; width: 0; line-height: 0; } .components-popover:not(.is-without-arrow)[data-y-axis="top"] { margin-top: -8px; } .components-popover:not(.is-without-arrow)[data-y-axis="top"]::before { bottom: -8px; } .components-popover:not(.is-without-arrow)[data-y-axis="top"]::after { bottom: -6px; } .components-popover:not(.is-without-arrow)[data-y-axis="top"]::before, .components-popover:not(.is-without-arrow)[data-y-axis="top"]::after { border-bottom: none; border-left-color: transparent; border-right-color: transparent; border-top-style: solid; margin-left: -10px; } .components-popover:not(.is-without-arrow)[data-y-axis="bottom"] { margin-top: 8px; } .components-popover:not(.is-without-arrow)[data-y-axis="bottom"]::before { top: -8px; } .components-popover:not(.is-without-arrow)[data-y-axis="bottom"]::after { top: -6px; } .components-popover:not(.is-without-arrow)[data-y-axis="bottom"]::before, .components-popover:not(.is-without-arrow)[data-y-axis="bottom"]::after { border-bottom-style: solid; border-left-color: transparent; border-right-color: transparent; border-top: none; margin-left: -10px; } .components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="left"] { margin-left: -8px; } .components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="left"]::before { right: -8px; } .components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="left"]::after { right: -6px; } .components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="left"]::before, .components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="left"]::after { border-bottom-color: transparent; border-left-style: solid; border-right: none; border-top-color: transparent; } .components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="right"] { margin-left: 8px; } .components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="right"]::before { left: -8px; } .components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="right"]::after { left: -6px; } .components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="right"]::before, .components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="right"]::after { border-bottom-color: transparent; border-left: none; border-right-style: solid; border-top-color: transparent; } .components-popover[data-y-axis="top"] { bottom: 100%; } .components-popover[data-y-axis="bottom"] { top: 100%; } .components-popover[data-y-axis="middle"] { align-items: center; display: flex; } .components-popover.is-from-top { margin-top: 12px; } .components-popover.is-from-bottom { margin-top: -12px; } .components-popover.is-from-left:not(.is-from-top):not(.is-from-bottom) { margin-left: 12px; } .components-popover.is-from-right:not(.is-from-top):not(.is-from-bottom) { margin-right: 12px; } .components-popover__content { height: 100%; background: #fff; border: 1px solid #ccc; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); border-radius: 2px; } .is-alternate .components-popover__content { border: 1px solid #1e1e1e; box-shadow: none; } .components-popover .components-popover__content { position: absolute; height: auto; overflow-y: auto; min-width: 260px; } .components-popover.is-expanded .components-popover__content { position: static; height: calc(100% - 48px); overflow-y: visible; min-width: auto; border: none; border-top: 1px solid #1e1e1e; } .components-popover[data-y-axis="top"] .components-popover__content { bottom: 100%; } .components-popover[data-x-axis="center"] .components-popover__content { left: 50%; transform: translateX(-50%); } .components-popover[data-x-axis="right"] .components-popover__content { position: absolute; left: 100%; } .components-popover:not([data-y-axis="middle"])[data-x-axis="right"] .components-popover__content { margin-left: -25px; } .components-popover[data-x-axis="left"] .components-popover__content { position: absolute; right: 100%; } .components-popover:not([data-y-axis="middle"])[data-x-axis="left"] .components-popover__content { margin-right: -25px; } .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-radio-control { display: flex; flex-direction: column; } .components-radio-control .components-base-control__help { margin-top: 0; } .components-radio-control .components-base-control__field { margin-bottom: 0; } .components-radio-control__option:not(:last-child) { margin-bottom: 4px; } .components-radio-control__input[type="radio"] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; border: 1px solid #1e1e1e; margin-left: 12px; transition: none; border-radius: 50%; margin-top: 0; margin-left: 6px; } @media (prefers-reduced-motion: reduce) { .components-radio-control__input[type="radio"] { transition-duration: 0s; } } @media (min-width: 600px) { .components-radio-control__input[type="radio"] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .components-radio-control__input[type="radio"]:focus { border-color: #007cba; border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px #007cba; box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-radio-control__input[type="radio"]::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .components-radio-control__input[type="radio"]::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .components-radio-control__input[type="radio"]:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .is-dark-theme .components-radio-control__input[type="radio"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); } .is-dark-theme .components-radio-control__input[type="radio"]::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); } .is-dark-theme .components-radio-control__input[type="radio"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); } .components-radio-control__input[type="radio"]:checked::before { width: 7px; height: 7px; margin: 8px 8px 0 0; background-color: #fff; border: 3px solid #fff; } @media (min-width: 782px) { .components-radio-control__input[type="radio"]:checked::before { width: 6px; height: 6px; margin: 4px 4px 0 0; } } .components-radio-control__input[type="radio"]:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px #007cba; box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-radio-control__input[type="radio"]:checked { background: #007cba; background: var(--wp-admin-theme-color); border-color: #007cba; border-color: var(--wp-admin-theme-color); } .components-resizable-box__handle { display: none; width: 23px; height: 23px; } .components-resizable-box__container.has-show-handle .components-resizable-box__handle { display: block; } .components-resizable-box__handle::after { display: block; content: ""; width: 15px; height: 15px; border: 2px solid #fff; border-radius: 50%; background: #007cba; background: var(--wp-admin-theme-color); cursor: inherit; position: absolute; top: calc(50% - 8px); left: calc(50% - 8px); } .components-resizable-box__side-handle::before { display: block; content: ""; width: 7px; height: 7px; border: 2px solid #fff; background: #007cba; background: var(--wp-admin-theme-color); cursor: inherit; position: absolute; top: calc(50% - 4px); left: calc(50% - 4px); transition: transform 0.1s ease-in; opacity: 0; } @media (prefers-reduced-motion: reduce) { .components-resizable-box__side-handle::before { transition-duration: 0s; } } .is-dark-theme .components-resizable-box__side-handle::before, .is-dark-theme .components-resizable-box__handle::after { border-color: #d7dade; } .components-resizable-box__handle { z-index: 2; } .components-resizable-box__side-handle { z-index: 2; } .components-resizable-box__corner-handle { z-index: 2; } .components-resizable-box__side-handle.components-resizable-box__handle-top, .components-resizable-box__side-handle.components-resizable-box__handle-bottom, .components-resizable-box__side-handle.components-resizable-box__handle-top::before, .components-resizable-box__side-handle.components-resizable-box__handle-bottom::before { width: 100%; right: 0; border-right: 0; border-left: 0; } .components-resizable-box__side-handle.components-resizable-box__handle-left, .components-resizable-box__side-handle.components-resizable-box__handle-right, .components-resizable-box__side-handle.components-resizable-box__handle-left::before, .components-resizable-box__side-handle.components-resizable-box__handle-right::before { height: 100%; top: 0; border-top: 0; border-bottom: 0; } .components-resizable-box__side-handle.components-resizable-box__handle-top:hover::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-bottom:active::before { animation: components-resizable-box__top-bottom-animation 0.1s ease-out 0s; animation-fill-mode: forwards; } @media (prefers-reduced-motion: reduce) { .components-resizable-box__side-handle.components-resizable-box__handle-top:hover::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-bottom:active::before { animation-duration: 1ms; } } .components-resizable-box__side-handle.components-resizable-box__handle-left:hover::before, .components-resizable-box__side-handle.components-resizable-box__handle-right:hover::before, .components-resizable-box__side-handle.components-resizable-box__handle-left:active::before, .components-resizable-box__side-handle.components-resizable-box__handle-right:active::before { animation: components-resizable-box__left-right-animation 0.1s ease-out 0s; animation-fill-mode: forwards; } @media (prefers-reduced-motion: reduce) { .components-resizable-box__side-handle.components-resizable-box__handle-left:hover::before, .components-resizable-box__side-handle.components-resizable-box__handle-right:hover::before, .components-resizable-box__side-handle.components-resizable-box__handle-left:active::before, .components-resizable-box__side-handle.components-resizable-box__handle-right:active::before { animation-duration: 1ms; } } @keyframes components-resizable-box__top-bottom-animation { from { transform: scaleX(0); opacity: 0; } to { transform: scaleX(1); opacity: 1; } } @keyframes components-resizable-box__left-right-animation { from { transform: scaleY(0); opacity: 0; } to { transform: scaleY(1); opacity: 1; } } .components-resizable-box__handle-right { right: calc(11.5px * -1); } .components-resizable-box__handle-left { left: calc(11.5px * -1); } .components-resizable-box__handle-top { top: calc(11.5px * -1); } .components-resizable-box__handle-bottom { bottom: calc(11.5px * -1); } .components-responsive-wrapper { position: relative; max-width: 100%; } .components-responsive-wrapper, .components-responsive-wrapper > span { display: block; } .components-responsive-wrapper__content { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; margin: auto; } .components-sandbox { overflow: hidden; } iframe.components-sandbox { width: 100%; } html.lockscroll, body.lockscroll { overflow: hidden; } .components-select-control__input { background: #fff; height: 36px; line-height: 36px; margin: 1px; outline: 0; width: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; } @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 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; background-color: #1e1e1e; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); color: #fff; padding: 16px 24px; width: 100%; max-width: 600px; box-sizing: border-box; cursor: pointer; } @media (min-width: 600px) { .components-snackbar { width: fit-content; } } .components-snackbar:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba; box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); } .components-snackbar__action.components-button { margin-right: 32px; color: #fff; height: auto; flex-shrink: 0; line-height: 1.4; padding: 0; } .components-snackbar__action.components-button:not(:disabled):not([aria-disabled="true"]):not(.is-secondary) { text-decoration: underline; background-color: transparent; } .components-snackbar__action.components-button:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):focus { color: #fff; box-shadow: none; outline: 1px dotted #fff; } .components-snackbar__action.components-button:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):hover { color: #007cba; color: var(--wp-admin-theme-color); } .components-snackbar__content { display: flex; align-items: baseline; justify-content: space-between; line-height: 1.4; } .components-snackbar-list { position: absolute; z-index: 100000; width: 100%; box-sizing: border-box; } .components-snackbar-list__notice-container { position: relative; padding-top: 8px; } .components-spinner { display: inline-block; background-color: #7e8993; width: 18px; height: 18px; opacity: 0.7; margin: 5px 11px 0; border-radius: 100%; position: relative; } .components-spinner::before { content: ""; position: absolute; background-color: #fff; top: 3px; left: 3px; width: 4px; height: 4px; border-radius: 100%; transform-origin: 6px 6px; animation: components-spinner__animation 1s infinite linear; } @keyframes components-spinner__animation { from { transform: rotate(0deg); } to { transform: rotate(-360deg); } } .components-tab-panel__tabs { display: flex; align-items: stretch; } .components-tab-panel__tabs-item { background: transparent; border: none; box-shadow: none; border-radius: 0; cursor: pointer; height: 48px; padding: 3px 16px; margin-right: 0; font-weight: 500; transition: box-shadow 0.1s linear; box-sizing: border-box; } .components-tab-panel__tabs-item::after { content: attr(data-label); display: block; height: 0; overflow: hidden; speak: none; visibility: hidden; } .components-tab-panel__tabs-item:focus:not(:disabled) { box-shadow: inset 0 1.5px #007cba; box-shadow: inset 0 1.5px var(--wp-admin-theme-color); } .components-tab-panel__tabs-item.is-active { box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 #007cba; box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 var(--wp-admin-theme-color); position: relative; } .components-tab-panel__tabs-item.is-active::before { content: ""; position: absolute; top: 0; bottom: 1px; left: 0; right: 0; border-bottom: 4px solid transparent; } .components-tab-panel__tabs-item:focus { box-shadow: inset 0 0 0 1.5px #007cba; box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color); } .components-tab-panel__tabs-item.is-active:focus { box-shadow: inset 0 0 0 1.5px #007cba, inset 0 -4px 0 0 #007cba; box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 -4px 0 0 var(--wp-admin-theme-color); } .components-text-control__input, .components-text-control__input[type="text"], .components-text-control__input[type="tel"], .components-text-control__input[type="time"], .components-text-control__input[type="url"], .components-text-control__input[type="week"], .components-text-control__input[type="password"], .components-text-control__input[type="color"], .components-text-control__input[type="date"], .components-text-control__input[type="datetime"], .components-text-control__input[type="datetime-local"], .components-text-control__input[type="email"], .components-text-control__input[type="month"], .components-text-control__input[type="number"] { width: 100%; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; } @media (prefers-reduced-motion: reduce) { .components-text-control__input, .components-text-control__input[type="text"], .components-text-control__input[type="tel"], .components-text-control__input[type="time"], .components-text-control__input[type="url"], .components-text-control__input[type="week"], .components-text-control__input[type="password"], .components-text-control__input[type="color"], .components-text-control__input[type="date"], .components-text-control__input[type="datetime"], .components-text-control__input[type="datetime-local"], .components-text-control__input[type="email"], .components-text-control__input[type="month"], .components-text-control__input[type="number"] { transition-duration: 0s; } } @media (min-width: 600px) { .components-text-control__input, .components-text-control__input[type="text"], .components-text-control__input[type="tel"], .components-text-control__input[type="time"], .components-text-control__input[type="url"], .components-text-control__input[type="week"], .components-text-control__input[type="password"], .components-text-control__input[type="color"], .components-text-control__input[type="date"], .components-text-control__input[type="datetime"], .components-text-control__input[type="datetime-local"], .components-text-control__input[type="email"], .components-text-control__input[type="month"], .components-text-control__input[type="number"] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .components-text-control__input:focus, .components-text-control__input[type="text"]:focus, .components-text-control__input[type="tel"]:focus, .components-text-control__input[type="time"]:focus, .components-text-control__input[type="url"]:focus, .components-text-control__input[type="week"]:focus, .components-text-control__input[type="password"]:focus, .components-text-control__input[type="color"]:focus, .components-text-control__input[type="date"]:focus, .components-text-control__input[type="datetime"]:focus, .components-text-control__input[type="datetime-local"]:focus, .components-text-control__input[type="email"]:focus, .components-text-control__input[type="month"]:focus, .components-text-control__input[type="number"]:focus { border-color: #007cba; border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px #007cba; box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-text-control__input::-webkit-input-placeholder, .components-text-control__input[type="text"]::-webkit-input-placeholder, .components-text-control__input[type="tel"]::-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, .components-text-control__input[type="password"]::-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"]::-webkit-input-placeholder, .components-text-control__input[type="datetime-local"]::-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 { color: rgba(30, 30, 30, 0.62); } .components-text-control__input::-moz-placeholder, .components-text-control__input[type="text"]::-moz-placeholder, .components-text-control__input[type="tel"]::-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, .components-text-control__input[type="password"]::-moz-placeholder, .components-text-control__input[type="color"]::-moz-placeholder, .components-text-control__input[type="date"]::-moz-placeholder, .components-text-control__input[type="datetime"]::-moz-placeholder, .components-text-control__input[type="datetime-local"]::-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 { opacity: 1; color: rgba(30, 30, 30, 0.62); } .components-text-control__input:-ms-input-placeholder, .components-text-control__input[type="text"]:-ms-input-placeholder, .components-text-control__input[type="tel"]:-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, .components-text-control__input[type="password"]:-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"]:-ms-input-placeholder, .components-text-control__input[type="datetime-local"]:-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 { color: rgba(30, 30, 30, 0.62); } .is-dark-theme .components-text-control__input::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="text"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="tel"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="time"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="url"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="week"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="password"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="color"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="date"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="datetime"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="datetime-local"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="email"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="month"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="number"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); } .is-dark-theme .components-text-control__input::-moz-placeholder, .is-dark-theme .components-text-control__input[type="text"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="tel"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="time"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="url"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="week"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="password"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="color"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="date"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="datetime"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="datetime-local"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="email"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="month"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="number"]::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); } .is-dark-theme .components-text-control__input:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="text"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="tel"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="time"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="url"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="week"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="password"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="color"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="date"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="datetime"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="datetime-local"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="email"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="month"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="number"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); } .components-textarea-control__input { width: 100%; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; } @media (prefers-reduced-motion: reduce) { .components-textarea-control__input { transition-duration: 0s; } } @media (min-width: 600px) { .components-textarea-control__input { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .components-textarea-control__input:focus { border-color: #007cba; border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px #007cba; box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-textarea-control__input::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .components-textarea-control__input::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .components-textarea-control__input:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .is-dark-theme .components-textarea-control__input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); } .is-dark-theme .components-textarea-control__input::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); } .is-dark-theme .components-textarea-control__input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); } .components-tip { display: flex; color: #555d66; } .components-tip svg { -ms-grid-row-align: center; align-self: center; fill: #f0b849; flex-shrink: 0; margin-left: 16px; } .components-tip p { margin: 0; } .components-toggle-control .components-base-control__field { display: flex; margin-bottom: 12px; line-height: initial; align-items: center; } .components-toggle-control .components-base-control__field .components-form-toggle { margin-left: 12px; } .components-toggle-control .components-base-control__field .components-toggle-control__label { display: block; } .components-accessible-toolbar { display: inline-flex; border: 1px solid #1e1e1e; border-radius: 2px; flex-shrink: 0; } .components-accessible-toolbar > .components-toolbar-group:last-child { border-left: none; } .components-accessible-toolbar .components-button, .components-toolbar .components-button { position: relative; height: 48px; z-index: 1; padding-right: 16px; padding-left: 16px; } .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 { content: ""; position: absolute; display: block; border-radius: 2px; height: 32px; right: 8px; left: 8px; z-index: -1; animation: components-button__appear-animation 0.1s ease; animation-fill-mode: forwards; } @media (prefers-reduced-motion: reduce) { .components-accessible-toolbar .components-button::before, .components-toolbar .components-button::before { animation-duration: 1ms; } } .components-accessible-toolbar .components-button svg, .components-toolbar .components-button svg { position: relative; margin-right: auto; margin-left: auto; } .components-accessible-toolbar .components-button.is-pressed, .components-toolbar .components-button.is-pressed { background: transparent; } .components-accessible-toolbar .components-button.is-pressed:hover, .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 1.5px #007cba, inset 0 0 0 4px #fff; box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 0 0 4px #fff; outline: 2px solid transparent; } .components-accessible-toolbar .components-button.has-icon, .components-toolbar .components-button.has-icon { padding-right: 8px; padding-left: 8px; min-width: 48px; justify-content: center; } .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-right: 0; padding-left: 0; position: relative; } @keyframes components-button__appear-animation { from { 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 { 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; left: 8px; bottom: 10px; } .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 { min-height: 48px; border-left: 1px solid #1e1e1e; background-color: #fff; display: inline-flex; flex-shrink: 0; flex-wrap: wrap; line-height: 0; } .components-toolbar-group .components-toolbar-group { border-width: 0; margin: 0; } .components-toolbar { min-height: 48px; margin: 0; border: 1px solid #1e1e1e; border-radius: 2px; background-color: #fff; display: inline-flex; flex-shrink: 0; flex-wrap: wrap; } div.components-toolbar > div { display: block; margin: 0; } @supports ((position: -webkit-sticky) or (position: sticky)) { div.components-toolbar > div { display: flex; } } div.components-toolbar > div + div.has-left-divider { margin-right: 6px; position: relative; overflow: visible; } div.components-toolbar > div + div.has-left-divider::before { display: inline-block; content: ""; box-sizing: content-box; background-color: #ddd; position: absolute; top: 8px; right: -3px; width: 1px; height: 20px; } .components-accessible-toolbar .components-toolbar-group > .components-button.components-button.has-icon, .components-toolbar div > .components-button.components-button.has-icon { min-width: 36px; padding-right: 6px; padding-left: 6px; } .components-accessible-toolbar .components-toolbar-group > .components-button.components-button.has-icon svg, .components-toolbar div > .components-button.components-button.has-icon svg { min-width: 24px; } .components-accessible-toolbar .components-toolbar-group > .components-button.components-button.has-icon::before, .components-toolbar div > .components-button.components-button.has-icon::before { right: 2px; left: 2px; } .components-accessible-toolbar .components-toolbar-group > .components-button:first-child.has-icon, .components-accessible-toolbar .components-toolbar-group > div:first-child > .components-button.has-icon, .components-toolbar div:first-child .components-button.has-icon { min-width: 42px; padding-right: 11px; padding-left: 6px; } .components-accessible-toolbar .components-toolbar-group > .components-button:first-child.has-icon::before, .components-accessible-toolbar .components-toolbar-group > div:first-child > .components-button.has-icon::before, .components-toolbar div:first-child .components-button.has-icon::before { right: 8px; left: 2px; } .components-accessible-toolbar .components-toolbar-group > .components-button:last-child.has-icon, .components-accessible-toolbar .components-toolbar-group > div:last-child > .components-button.has-icon, .components-toolbar div:last-child .components-button.has-icon { min-width: 42px; padding-right: 6px; padding-left: 11px; } .components-accessible-toolbar .components-toolbar-group > .components-button:last-child.has-icon::before, .components-accessible-toolbar .components-toolbar-group > div:last-child > .components-button.has-icon::before, .components-toolbar div:last-child .components-button.has-icon::before { right: 2px; left: 8px; } .components-accessible-toolbar .components-toolbar-group > .components-button:first-of-type:last-of-type.has-icon, .components-accessible-toolbar .components-toolbar-group > div:first-child:last-child > .components-button.has-icon, .components-toolbar div:first-child:last-child > .components-button.has-icon { min-width: 48px; padding-right: 12px; padding-left: 12px; } .components-accessible-toolbar .components-toolbar-group > .components-button:first-of-type:last-of-type.has-icon::before, .components-accessible-toolbar .components-toolbar-group > div:first-child:last-child > .components-button.has-icon::before, .components-toolbar div:first-child:last-child > .components-button.has-icon::before { right: 8px; left: 8px; } .components-tooltip.components-popover { z-index: 1000002; } .components-tooltip.components-popover .components-popover__content { min-width: 0; } .components-tooltip .components-popover__content { background: #1e1e1e; border-radius: 2px; border-width: 0; color: #fff; white-space: nowrap; text-align: center; line-height: 1.4; font-size: 12px; box-shadow: none; pointer-events: none; } .components-tooltip .components-popover__content > div { padding: 4px 8px; } .components-tooltip__shortcut { display: inline-block; margin-right: 8px; } .components-visually-hidden { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; } .components-visually-hidden:focus { background-color: #ddd; clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; right: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } ================================================ FILE: public/vendor/gutenberg/styles/wp-components/style.css ================================================ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Breakpoints & Media Queries */ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Fonts & basic variables. */ /** * Grid System. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */ /** * Dimensions. */ /** * Shadows. */ /** * Editor widths. */ /** * Block UI. */ /** * Border radii. */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left position to the selector passed as argument */ /** * Styles that are reused verbatim in a few places */ /** * Allows users to opt-out of animations via OS-level preferences. */ /** * Reset default styles for JavaScript UI based pages. * This is a WP-admin agnostic reset */ /** * Reset the WP Admin page styles for Gutenberg-like pages. */ :root { --wp-admin-theme-color: #007cba; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-20: #005a87; } .components-animate__appear { animation: components-animate__appear-animation 0.1s cubic-bezier(0, 0, 0.2, 1) 0s; animation-fill-mode: forwards; } @media (prefers-reduced-motion: reduce) { .components-animate__appear { 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 { from { 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 0.1s cubic-bezier(0, 0, 0.2, 1); animation-fill-mode: forwards; } @media (prefers-reduced-motion: reduce) { .components-animate__slide-in { 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 { 100% { transform: translateX(0%); } } .components-animate__loading { animation: components-animate__loading 1.6s ease-in-out infinite; } @keyframes components-animate__loading { 0% { opacity: 0.5; } 50% { opacity: 1; } 100% { opacity: 0.5; } } .components-angle-picker-control { width: 50%; } .components-angle-picker-control.components-base-control .components-base-control__label { display: block; } .components-angle-picker-control__input-field[type="number"] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; width: calc(100% - 36px); max-width: 100px; } @media (prefers-reduced-motion: reduce) { .components-angle-picker-control__input-field[type="number"] { transition-duration: 0s; } } @media (min-width: 600px) { .components-angle-picker-control__input-field[type="number"] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .components-angle-picker-control__input-field[type="number"]:focus { border-color: #007cba; border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px #007cba; box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-angle-picker-control__input-field[type="number"]::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .components-angle-picker-control__input-field[type="number"]::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .components-angle-picker-control__input-field[type="number"]:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .is-dark-theme .components-angle-picker-control__input-field[type="number"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); } .is-dark-theme .components-angle-picker-control__input-field[type="number"]::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); } .is-dark-theme .components-angle-picker-control__input-field[type="number"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); } .components-angle-picker-control__angle-circle { width: 28px; height: 28px; border: 2px solid #555d66; border-radius: 50%; float: left; margin-right: 4px; cursor: grab; } .components-angle-picker-control__angle-circle-indicator-wrapper { position: relative; width: 100%; height: 100%; } .components-angle-picker-control__angle-circle-indicator { width: 1px; height: 1px; border-radius: 50%; border: 3px solid #555d66; display: block; position: absolute; top: -14px; bottom: 0; left: 0; right: 0; margin: auto; background: #555d66; } .components-autocomplete__popover .components-popover__content > div { 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 2px #007cba; box-shadow: 0 0 0 2px var(--wp-admin-theme-color); } .components-base-control { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; } .components-base-control .components-base-control__field { margin-bottom: 8px; } .components-panel__row .components-base-control .components-base-control__field { margin-bottom: inherit; } .components-base-control .components-base-control__label { display: inline-block; margin-bottom: 8px; } .components-base-control .components-base-control__help { margin-top: -8px; font-style: italic; } .components-button-group { display: inline-block; } .components-button-group .components-button { border-radius: 0; display: inline-flex; color: #1e1e1e; box-shadow: inset 0 0 0 1px #1e1e1e; } .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:focus, .components-button-group .components-button.is-primary { position: relative; z-index: 1; } .components-button-group .components-button.is-primary { box-shadow: inset 0 0 0 1px #1e1e1e; } .components-button { display: inline-flex; text-decoration: none; font-size: 13px; margin: 0; border: 0; cursor: pointer; -webkit-appearance: none; background: none; transition: box-shadow 0.1s linear; height: 36px; align-items: center; box-sizing: border-box; padding: 6px 12px; border-radius: 2px; color: #1e1e1e; /** * Primary button style. */ /** * Secondary and tertiary buttons. */ /** * Secondary button style. */ /** * Tertiary buttons. */ /** * Link buttons. */ /** * Buttons that indicate destructive actions. */ } @media (prefers-reduced-motion: reduce) { .components-button { transition-duration: 0s; } } .components-button[aria-expanded="true"], .components-button:hover { color: #007cba; color: var(--wp-admin-theme-color); } .components-button[aria-disabled="true"]:hover { color: initial; } .components-button:focus:not(:disabled) { box-shadow: 0 0 0 1.5px #007cba; box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); outline: 1px solid transparent; } .components-button.is-primary { white-space: nowrap; background: #007cba; background: var(--wp-admin-theme-color); color: #fff; text-decoration: none; text-shadow: none; } .components-button.is-primary:hover:not(:disabled) { background: #006ba1; background: var(--wp-admin-theme-color-darker-10); color: #fff; } .components-button.is-primary:active:not(:disabled) { background: #005a87; background: var(--wp-admin-theme-color-darker-20); border-color: #005a87; 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 1.5px #007cba; box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px var(--wp-admin-theme-color); outline: 1px solid transparent; } .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"]:enabled, .components-button.is-primary[aria-disabled="true"]:active:enabled { color: rgba(255, 255, 255, 0.4); background: #007cba; background: var(--wp-admin-theme-color); border-color: #007cba; border-color: var(--wp-admin-theme-color); opacity: 1; } .components-button.is-primary:disabled:focus:enabled, .components-button.is-primary:disabled:active:enabled:focus:enabled, .components-button.is-primary[aria-disabled="true"]:focus:enabled, .components-button.is-primary[aria-disabled="true"]:enabled:focus:enabled, .components-button.is-primary[aria-disabled="true"]:active:enabled:focus:enabled { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba; 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"] { color: #fff; background-size: 100px 100%; /* stylelint-disable */ background-image: linear-gradient(-45deg, #007cba 28%, #005a87 28%, #005a87 72%, #007cba 72%); background-image: linear-gradient(-45deg, var(--wp-admin-theme-color) 28%, var(--wp-admin-theme-color-darker-20) 28%, var(--wp-admin-theme-color-darker-20) 72%, var(--wp-admin-theme-color) 72%); /* stylelint-enable */ border-color: #007cba; border-color: var(--wp-admin-theme-color); } .components-button.is-secondary:active:not(:disabled), .components-button.is-tertiary:active:not(:disabled) { background: #ddd; color: #006ba1; color: var(--wp-admin-theme-color-darker-10); box-shadow: none; } .components-button.is-secondary:hover:not(:disabled), .components-button.is-tertiary:hover:not(:disabled) { color: #006ba1; color: var(--wp-admin-theme-color-darker-10); box-shadow: inset 0 0 0 1px #006ba1; box-shadow: inset 0 0 0 1px 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 { color: #828282; background: #eaeaea; transform: none; opacity: 1; box-shadow: none; } .components-button.is-secondary { box-shadow: inset 0 0 0 1px #007cba; box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); outline: 1px solid transparent; white-space: nowrap; color: #007cba; color: var(--wp-admin-theme-color); background: transparent; } .components-button.is-tertiary { white-space: nowrap; color: #007cba; color: var(--wp-admin-theme-color); background: transparent; padding: 6px; outline: 1px dotted transparent; } .components-button.is-tertiary .dashicon { display: inline-block; flex: 0 0 auto; } .components-button.is-link { margin: 0; padding: 0; box-shadow: none; border: 0; border-radius: 0; background: none; outline: none; text-align: left; /* Mimics the default link style in common.css */ color: #0073aa; text-decoration: underline; transition-property: border, background, color; transition-duration: 0.05s; transition-timing-function: ease-in-out; height: auto; } @media (prefers-reduced-motion: reduce) { .components-button.is-link { transition-duration: 0s; } } .components-button.is-link:hover:not(:disabled), .components-button.is-link:active:not(:disabled) { color: #00a0d2; } .components-button.is-link:focus { color: #124964; box-shadow: 0 0 0 1px #5b9dd9, 0 0 1.5px 1px rgba(30, 140, 190, 0.8); } .components-button.is-destructive { color: #b52727; } .components-button.is-destructive.is-secondary { box-shadow: inset 0 0 0 1px #b52727; } .components-button.is-destructive:hover:not(:disabled), .components-button.is-destructive:active:not(:disabled) { color: #a02222; box-shadow: inset 0 0 0 1px #a02222; } .components-button.is-destructive:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #a02222; } .components-button:not([aria-disabled="true"]):active { color: inherit; } .components-button:disabled, .components-button[aria-disabled="true"] { cursor: default; opacity: 0.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 2500ms infinite linear; opacity: 1; background-size: 100px 100%; /* stylelint-disable */ background-image: linear-gradient(-45deg, #fafafa 28%, #e0e0e0 28%, #e0e0e0 72%, #fafafa 72%); /* stylelint-enable */ } .components-button.is-small { height: 24px; line-height: 22px; padding: 0 8px; font-size: 11px; } .components-button.is-small.has-icon:not(.has-text) { padding: 0 8px; width: 24px; } .components-button.has-icon { padding: 6px; min-width: 36px; justify-content: center; } .components-button.has-icon .dashicon { display: inline-block; flex: 0 0 auto; } .components-button.has-icon.has-text { justify-content: left; } .components-button.has-icon.has-text svg { margin-right: 8px; } .components-button.is-pressed { color: #fff; background: #1e1e1e; } .components-button.is-pressed:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #007cba; box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-button.is-pressed:hover:not(:disabled) { background: #1e1e1e; } .components-button svg { fill: currentColor; outline: none; } .components-button .components-visually-hidden { height: auto; } @keyframes components-button__busy-animation { 0% { background-position: 200px 0; } } .components-checkbox-control__input[type="checkbox"] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; border: 1px solid #1e1e1e; margin-right: 12px; transition: none; border-radius: 2px; background: #fff; color: #1e1e1e; clear: none; cursor: pointer; display: inline-block; line-height: 0; margin: 0 4px 0 0; outline: 0; padding: 0 !important; text-align: center; vertical-align: top; width: 24px; height: 24px; -webkit-appearance: none; appearance: none; transition: 0.1s border-color ease-in-out; } @media (prefers-reduced-motion: reduce) { .components-checkbox-control__input[type="checkbox"] { transition-duration: 0s; } } @media (min-width: 600px) { .components-checkbox-control__input[type="checkbox"] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .components-checkbox-control__input[type="checkbox"]:focus { border-color: #007cba; border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px #007cba; box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-checkbox-control__input[type="checkbox"]::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .components-checkbox-control__input[type="checkbox"]::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .components-checkbox-control__input[type="checkbox"]:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .is-dark-theme .components-checkbox-control__input[type="checkbox"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); } .is-dark-theme .components-checkbox-control__input[type="checkbox"]::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); } .is-dark-theme .components-checkbox-control__input[type="checkbox"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); } .components-checkbox-control__input[type="checkbox"]:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px #007cba; box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-checkbox-control__input[type="checkbox"]:checked { background: #007cba; background: var(--wp-admin-theme-color); border-color: #007cba; 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 { margin: -3px -5px; color: #fff; } @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: #007cba; background: var(--wp-admin-theme-color); border-color: #007cba; border-color: var(--wp-admin-theme-color); } .components-checkbox-control__input[type="checkbox"][aria-checked="mixed"]::before { content: "\f460"; float: left; display: inline-block; vertical-align: middle; width: 16px; /* stylelint-disable */ font: normal 30px/1 dashicons; /* stylelint-enable */ speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @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-duration: 0s; } } .components-checkbox-control__input[type="checkbox"]:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px #007cba; box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-checkbox-control__input[type="checkbox"]:checked { background: #007cba; background: var(--wp-admin-theme-color); border-color: #007cba; 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 { content: none; } .components-checkbox-control__input-container { position: relative; display: inline-block; margin-right: 12px; vertical-align: middle; width: 24px; height: 24px; } @media (min-width: 600px) { .components-checkbox-control__input-container { width: 20px; height: 20px; } } svg.components-checkbox-control__checked { fill: #fff; cursor: pointer; position: absolute; left: 0; top: 0; width: 24px; height: 24px; -webkit-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } @media (min-width: 600px) { svg.components-checkbox-control__checked { left: -2px; top: -2px; } } .components-circular-option-picker { display: inline-block; margin-top: 0.6rem; width: 100%; } .components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper { display: flex; justify-content: flex-end; } .components-circular-option-picker__option-wrapper { display: inline-block; height: 28px; width: 28px; margin-right: 12px; margin-bottom: 12px; vertical-align: top; transform: scale(1); transition: 100ms transform ease; } @media (prefers-reduced-motion: reduce) { .components-circular-option-picker__option-wrapper { 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 { content: ""; position: absolute; top: 1px; left: 1px; bottom: 1px; right: 1px; border-radius: 50%; z-index: -1; /* stylelint-disable-next-line function-url-quotes */ background: url('data:image/svg+xml,%3Csvg width="28" height="28" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6 8V6H4v2h2zM8 8V6h2v2H8zM10 16H8v-2h2v2zM12 16v-2h2v2h-2zM12 18v-2h-2v2H8v2h2v-2h2zM14 18v2h-2v-2h2zM16 18h-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'); } .components-circular-option-picker__option { display: inline-block; vertical-align: top; height: 100%; width: 100%; border: none; border-radius: 50%; background: transparent; box-shadow: inset 0 0 0 14px; transition: 100ms box-shadow ease; cursor: pointer; } @media (prefers-reduced-motion: reduce) { .components-circular-option-picker__option { 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; position: relative; z-index: 1; overflow: visible; } .components-circular-option-picker__option.is-pressed + svg { position: absolute; left: 2px; top: 2px; border-radius: 50%; z-index: 2; pointer-events: none; } .components-circular-option-picker__option::after { content: ""; position: absolute; top: -1px; left: -1px; bottom: -1px; right: -1px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); border: 1px solid transparent; } .components-circular-option-picker__option:focus::after { content: ""; border: 2px solid #606a73; width: 32px; height: 32px; position: absolute; top: -2px; left: -2px; border-radius: 50%; box-shadow: inset 0 0 0 2px #fff; } .components-circular-option-picker__option.components-button:focus { background-color: transparent; box-shadow: inset 0 0 0 14px; outline: none; } .components-circular-option-picker__button-action .components-circular-option-picker__option { color: #fff; background: #fff; } .components-circular-option-picker__dropdown-link-action { margin-right: 16px; } .components-circular-option-picker__dropdown-link-action .components-button { line-height: 22px; } .component-color-indicator { width: 25px; height: 16px; margin-left: 0.8rem; border: 1px solid #dadada; display: inline-block; } .component-color-indicator + .component-color-indicator { margin-left: 0.5rem; } /** * Parts of this source were derived and modified from react-color, * released under the MIT license. * * https://github.com/casesandberg/react-color/ * * Copyright (c) 2015 Case Sandberg * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN * THE SOFTWARE. */ .components-color-picker { width: 100%; } .components-color-picker * { box-sizing: border-box; } .components-color-picker__saturation { width: 100%; padding-bottom: 55%; position: relative; } .components-color-picker__body { padding: 16px 16px 12px; } .components-color-picker__controls { display: flex; } .components-color-picker__saturation-pointer, .components-color-picker__hue-pointer, .components-color-picker__alpha-pointer { padding: 0; position: absolute; cursor: pointer; box-shadow: none; border: none; } /* CURRENT COLOR COMPONENT */ .components-color-picker__swatch { margin-right: 8px; width: 32px; height: 32px; border-radius: 50%; position: relative; overflow: hidden; background-image: linear-gradient(45deg, #ddd 25%, transparent 25%), linear-gradient(-45deg, #ddd 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ddd 75%), linear-gradient(-45deg, transparent 75%, #ddd 75%); background-size: 10px 10px; background-position: 0 0, 0 5px, 5px -5px, -5px 0; } .is-alpha-disabled .components-color-picker__swatch { width: 12px; height: 12px; margin-top: 0; } .components-color-picker__active { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); z-index: 2; } /* SATURATION COMPONENT */ .components-color-picker__saturation-color, .components-color-picker__saturation-white, .components-color-picker__saturation-black { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .components-color-picker__saturation-color { overflow: visible; } .components-color-picker__saturation-white { /*rtl:ignore*/ background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)); } .components-color-picker__saturation-black { background: linear-gradient(to top, #000, rgba(0, 0, 0, 0)); } .components-button.components-color-picker__saturation-pointer { width: 14px; height: 14px; padding: 0; border-radius: 50%; background-color: transparent; transform: translate(-50%, -50%); box-shadow: 0 0 0 1px #fff, inset 0 0 0 1px #000, 0 0 0 2px #000; } .components-button.components-color-picker__saturation-pointer:focus:not(:disabled) { box-shadow: 0 0 0 2px #fff, inset 0 0 0 1px #000, 0 0 0 3px #000; } /* HUE & ALPHA BARS */ .components-color-picker__toggles { flex: 1; } .components-color-picker__alpha { background-image: linear-gradient(45deg, #ddd 25%, transparent 25%), linear-gradient(-45deg, #ddd 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ddd 75%), linear-gradient(-45deg, transparent 75%, #ddd 75%); background-size: 10px 10px; background-position: 0 0, 0 5px, 5px -5px, -5px 0; } .components-color-picker__hue-gradient, .components-color-picker__alpha-gradient { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .components-color-picker__hue, .components-color-picker__alpha { height: 12px; position: relative; } .is-alpha-enabled .components-color-picker__hue { margin-bottom: 8px; } .components-color-picker__hue-bar, .components-color-picker__alpha-bar { position: relative; margin: 0 3px; height: 100%; padding: 0 2px; } .components-color-picker__hue-gradient { /*rtl:ignore*/ background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%); } .components-color-picker__hue-pointer, .components-color-picker__alpha-pointer { /*rtl:ignore*/ left: 0; width: 14px; height: 14px; border-radius: 50%; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); background: #fff; transform: translate(-7px, -1px); } .components-color-picker__hue-pointer, .components-color-picker__saturation-pointer { transition: box-shadow 0.1s linear; } @media (prefers-reduced-motion: reduce) { .components-color-picker__hue-pointer, .components-color-picker__saturation-pointer { transition-duration: 0s; } } .components-color-picker__saturation-pointer:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #007cba, 0 0 5px 0 #007cba, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4); box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color), 0 0 5px 0 var(--wp-admin-theme-color), inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4); } .components-color-picker__hue-pointer:focus, .components-color-picker__alpha-pointer:focus { border-color: #007cba; border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 2px #007cba, 0 0 3px 0 #007cba; box-shadow: 0 0 0 2px var(--wp-admin-theme-color), 0 0 3px 0 var(--wp-admin-theme-color); outline: 2px solid transparent; outline-offset: -2px; } /* INPUTS COMPONENT */ .components-color-picker__inputs-wrapper { margin: 0 -4px; padding-top: 16px; display: flex; align-items: flex-end; } .components-color-picker__inputs-wrapper fieldset { flex: 1; border: none; margin: 0; padding: 0; } .components-color-picker__inputs-wrapper .components-color-picker__inputs-fields .components-text-control__input[type="number"] { padding: 6px 8px; } .components-color-picker__inputs-field { width: 100%; } .components-color-picker__inputs-fields { display: flex; /*rtl:ignore*/ direction: ltr; flex-grow: 1; margin-right: 4px; } .components-color-picker__inputs-fields .components-base-control + .components-base-control { margin-top: 0; } .components-color-picker__inputs-fields .components-base-control__field { margin: 0 4px; } .components-color-picker__inputs-toggle { height: 30px; padding: 0 5px; } .components-combobox-control { color: #555d66; position: relative; } .components-combobox-control__label { display: block; margin-bottom: 5px; } .components-combobox-control__button { border: 1px solid #7e8993; border-radius: 4px; color: #555d66; display: inline-block; min-height: 30px; min-width: 130px; position: relative; text-align: left; } .components-combobox-control__button:focus { border-color: #007cba; border-color: var(--wp-admin-theme-color); } .components-combobox-control__button-input { border: none; height: calc(100% - 2px); left: 1px; padding: 0 4px; position: absolute; top: 1px; width: calc(100% - 2px); } .components-combobox-control__button-button:hover { box-shadow: none !important; } .components-combobox-control__button-icon { height: 100%; padding: 0 4px; position: absolute; right: 0; top: 0; } .components-combobox-control__menu { background: #fff; min-width: 100%; padding: 0; position: absolute; z-index: 1000000; } .components-combobox-control__item { align-items: center; display: flex; list-style-type: none; padding: 10px 5px 10px 25px; } .components-combobox-control__item.is-highlighted { background: #ddd; } .components-combobox-control__item-icon { margin-left: -20px; margin-right: 0; } .components-custom-gradient-picker { margin-top: 8px; } .components-custom-gradient-picker__gradient-bar:not(.has-gradient) { opacity: 0.4; } .components-custom-gradient-picker__gradient-bar { width: 100%; height: 24px; border-radius: 24px; margin-bottom: 8px; padding-left: 3px; padding-right: 21px; } .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__markers-container { position: relative; } .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point { border-radius: 50%; background: #fff; padding: 2px; min-width: 24px; width: 24px; height: 24px; position: relative; } .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point svg { height: 100%; width: 100%; } .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button { border: 2px solid #fff; border-radius: 50%; height: 18px; padding: 0; position: absolute; width: 18px; top: 3px; } .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active { background: #fafafa; color: #23282d; border-color: #999; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba; box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); } .components-custom-gradient-picker__color-picker-popover .components-custom-gradient-picker__remove-control-point { margin-left: auto; margin-right: auto; display: block; margin-bottom: 8px; } .components-custom-gradient-picker__inserter { width: 100%; } .components-custom-gradient-picker__liner-gradient-indicator { display: inline-block; flex: 0 auto; width: 20px; height: 20px; } .components-custom-gradient-picker__ui-line { display: flex; justify-content: space-between; } .components-custom-gradient-picker .components-custom-gradient-picker__ui-line .components-base-control.components-angle-picker, .components-custom-gradient-picker .components-custom-gradient-picker__ui-line .components-base-control.components-custom-gradient-picker__type-picker { margin-bottom: 0; } .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 #7e8993; border-radius: 2px; } .components-custom-select-control { position: relative; } .components-custom-select-control__label { display: block; margin-bottom: 8px; } .components-custom-select-control__button { border: 1px solid #757575; border-radius: 2px; min-height: 30px; min-width: 130px; position: relative; text-align: left; } .components-custom-select-control__button.components-custom-select-control__button { padding-right: 24px; } .components-custom-select-control__button:focus:not(:disabled) { border-color: #007cba; border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px #007cba; box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); } .components-custom-select-control__button .components-custom-select-control__button-icon { height: 100%; padding: 0; position: absolute; right: 0; top: 0; } .components-custom-select-control__menu { background-color: #fff; max-height: 400px; min-width: 100%; overflow: auto; padding: 0; position: absolute; z-index: 1000000; } .components-custom-select-control__menu:focus { border: 1px solid #1e1e1e; border-radius: 2px; outline: none; transition: none; } .components-custom-select-control__item { align-items: center; display: flex; list-style-type: none; padding: 10px 5px 10px 25px; cursor: default; } .components-custom-select-control__item.is-highlighted { background: #ddd; } .components-custom-select-control__item-icon { margin-left: -20px; margin-right: 0; } svg.dashicon { fill: currentColor; outline: none; } /*rtl:begin:ignore*/ .PresetDateRangePicker_panel { padding: 0 22px 11px; } .PresetDateRangePicker_button { position: relative; height: 100%; text-align: center; background: 0 0; border: 2px solid #00a699; color: #00a699; padding: 4px 12px; margin-right: 8px; font: inherit; font-weight: 700; line-height: normal; overflow: visible; box-sizing: border-box; cursor: pointer; } .PresetDateRangePicker_button:active { outline: 0; } .PresetDateRangePicker_button__selected { color: #fff; background: #00a699; } .SingleDatePickerInput { display: inline-block; background-color: #fff; } .SingleDatePickerInput__withBorder { border-radius: 2px; border: 1px solid #dbdbdb; } .SingleDatePickerInput__rtl { direction: rtl; } .SingleDatePickerInput__disabled { background-color: #f2f2f2; } .SingleDatePickerInput__block { display: block; } .SingleDatePickerInput__showClearDate { padding-right: 30px; } .SingleDatePickerInput_clearDate { background: 0 0; border: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; cursor: pointer; padding: 10px; margin: 0 10px 0 5px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .SingleDatePickerInput_clearDate__default:focus, .SingleDatePickerInput_clearDate__default:hover { background: #dbdbdb; border-radius: 50%; } .SingleDatePickerInput_clearDate__small { padding: 6px; } .SingleDatePickerInput_clearDate__hide { visibility: hidden; } .SingleDatePickerInput_clearDate_svg { fill: #82888a; height: 12px; width: 15px; vertical-align: middle; } .SingleDatePickerInput_clearDate_svg__small { height: 9px; } .SingleDatePickerInput_calendarIcon { background: 0 0; border: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; cursor: pointer; display: inline-block; vertical-align: middle; padding: 10px; margin: 0 5px 0 10px; } .SingleDatePickerInput_calendarIcon_svg { fill: #82888a; height: 15px; width: 14px; vertical-align: middle; } .SingleDatePicker { position: relative; display: inline-block; } .SingleDatePicker__block { display: block; } .SingleDatePicker_picker { z-index: 1; background-color: #fff; position: absolute; } .SingleDatePicker_picker__rtl { direction: rtl; } .SingleDatePicker_picker__directionLeft { left: 0; } .SingleDatePicker_picker__directionRight { right: 0; } .SingleDatePicker_picker__portal { background-color: rgba(0, 0, 0, 0.3); position: fixed; top: 0; left: 0; height: 100%; width: 100%; } .SingleDatePicker_picker__fullScreenPortal { background-color: #fff; } .SingleDatePicker_closeButton { background: 0 0; border: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; cursor: pointer; position: absolute; top: 0; right: 0; padding: 15px; z-index: 2; } .SingleDatePicker_closeButton:focus, .SingleDatePicker_closeButton:hover { color: #b0b3b4; text-decoration: none; } .SingleDatePicker_closeButton_svg { height: 15px; width: 15px; fill: #cacccd; } .DayPickerKeyboardShortcuts_buttonReset { background: 0 0; border: 0; border-radius: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; padding: 0; cursor: pointer; font-size: 14px; } .DayPickerKeyboardShortcuts_buttonReset:active { outline: 0; } .DayPickerKeyboardShortcuts_show { width: 22px; position: absolute; z-index: 2; } .DayPickerKeyboardShortcuts_show__bottomRight { border-top: 26px solid transparent; border-right: 33px solid #00a699; bottom: 0; right: 0; } .DayPickerKeyboardShortcuts_show__bottomRight:hover { border-right: 33px solid #008489; } .DayPickerKeyboardShortcuts_show__topRight { border-bottom: 26px solid transparent; border-right: 33px solid #00a699; top: 0; right: 0; } .DayPickerKeyboardShortcuts_show__topRight:hover { border-right: 33px solid #008489; } .DayPickerKeyboardShortcuts_show__topLeft { border-bottom: 26px solid transparent; border-left: 33px solid #00a699; top: 0; left: 0; } .DayPickerKeyboardShortcuts_show__topLeft:hover { border-left: 33px solid #008489; } .DayPickerKeyboardShortcuts_showSpan { color: #fff; position: absolute; } .DayPickerKeyboardShortcuts_showSpan__bottomRight { bottom: 0; right: -28px; } .DayPickerKeyboardShortcuts_showSpan__topRight { top: 1px; right: -28px; } .DayPickerKeyboardShortcuts_showSpan__topLeft { top: 1px; left: -28px; } .DayPickerKeyboardShortcuts_panel { overflow: auto; background: #fff; border: 1px solid #dbdbdb; border-radius: 2px; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 2; padding: 22px; margin: 33px; } .DayPickerKeyboardShortcuts_title { font-size: 16px; font-weight: 700; margin: 0; } .DayPickerKeyboardShortcuts_list { list-style: none; padding: 0; font-size: 14px; } .DayPickerKeyboardShortcuts_close { position: absolute; right: 22px; top: 22px; z-index: 2; } .DayPickerKeyboardShortcuts_close:active { outline: 0; } .DayPickerKeyboardShortcuts_closeSvg { height: 15px; width: 15px; fill: #cacccd; } .DayPickerKeyboardShortcuts_closeSvg:focus, .DayPickerKeyboardShortcuts_closeSvg:hover { fill: #82888a; } .CalendarDay { box-sizing: border-box; cursor: pointer; font-size: 14px; text-align: center; } .CalendarDay:active { outline: 0; } .CalendarDay__defaultCursor { cursor: default; } .CalendarDay__default { border: 1px solid #e4e7e7; color: #484848; background: #fff; } .CalendarDay__default:hover { background: #e4e7e7; border: 1px double #e4e7e7; color: inherit; } .CalendarDay__hovered_offset { background: #f4f5f5; border: 1px double #e4e7e7; color: inherit; } .CalendarDay__outside { border: 0; background: #fff; color: #484848; } .CalendarDay__outside:hover { border: 0; } .CalendarDay__blocked_minimum_nights { background: #fff; border: 1px solid #eceeee; color: #cacccd; } .CalendarDay__blocked_minimum_nights:active, .CalendarDay__blocked_minimum_nights:hover { background: #fff; color: #cacccd; } .CalendarDay__highlighted_calendar { background: #ffe8bc; color: #484848; } .CalendarDay__highlighted_calendar:active, .CalendarDay__highlighted_calendar:hover { background: #ffce71; color: #484848; } .CalendarDay__selected_span { background: #66e2da; border: 1px solid #33dacd; color: #fff; } .CalendarDay__selected_span:active, .CalendarDay__selected_span:hover { background: #33dacd; border: 1px solid #33dacd; color: #fff; } .CalendarDay__last_in_range { border-right: #00a699; } .CalendarDay__selected, .CalendarDay__selected:active, .CalendarDay__selected:hover { background: #00a699; border: 1px solid #00a699; color: #fff; } .CalendarDay__hovered_span, .CalendarDay__hovered_span:hover { background: #b2f1ec; border: 1px solid #80e8e0; color: #007a87; } .CalendarDay__hovered_span:active { background: #80e8e0; border: 1px solid #80e8e0; color: #007a87; } .CalendarDay__blocked_calendar, .CalendarDay__blocked_calendar:active, .CalendarDay__blocked_calendar:hover { background: #cacccd; border: 1px solid #cacccd; color: #82888a; } .CalendarDay__blocked_out_of_range, .CalendarDay__blocked_out_of_range:active, .CalendarDay__blocked_out_of_range:hover { background: #fff; border: 1px solid #e4e7e7; color: #cacccd; } .CalendarMonth { background: #fff; text-align: center; vertical-align: top; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .CalendarMonth_table { border-collapse: collapse; border-spacing: 0; } .CalendarMonth_verticalSpacing { border-collapse: separate; } .CalendarMonth_caption { color: #484848; font-size: 18px; text-align: center; padding-top: 22px; padding-bottom: 37px; caption-side: initial; } .CalendarMonth_caption__verticalScrollable { padding-top: 12px; padding-bottom: 7px; } .CalendarMonthGrid { background: #fff; text-align: left; z-index: 0; } .CalendarMonthGrid__animating { z-index: 1; } .CalendarMonthGrid__horizontal { position: absolute; left: 9px; } .CalendarMonthGrid__vertical { margin: 0 auto; } .CalendarMonthGrid__vertical_scrollable { margin: 0 auto; overflow-y: scroll; } .CalendarMonthGrid_month__horizontal { display: inline-block; vertical-align: top; min-height: 100%; } .CalendarMonthGrid_month__hideForAnimation { position: absolute; z-index: -1; opacity: 0; pointer-events: none; } .CalendarMonthGrid_month__hidden { visibility: hidden; } .DayPickerNavigation { position: relative; z-index: 2; } .DayPickerNavigation__horizontal { height: 0; } .DayPickerNavigation__verticalDefault { position: absolute; width: 100%; height: 52px; bottom: 0; left: 0; } .DayPickerNavigation__verticalScrollableDefault { position: relative; } .DayPickerNavigation_button { cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none; border: 0; padding: 0; margin: 0; } .DayPickerNavigation_button__default { border: 1px solid #e4e7e7; background-color: #fff; color: #757575; } .DayPickerNavigation_button__default:focus, .DayPickerNavigation_button__default:hover { border: 1px solid #c4c4c4; } .DayPickerNavigation_button__default:active { background: #f2f2f2; } .DayPickerNavigation_button__horizontalDefault { position: absolute; top: 18px; line-height: .78; border-radius: 3px; padding: 6px 9px; } .DayPickerNavigation_leftButton__horizontalDefault { left: 22px; } .DayPickerNavigation_rightButton__horizontalDefault { right: 22px; } .DayPickerNavigation_button__verticalDefault { padding: 5px; background: #fff; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1); position: relative; display: inline-block; height: 100%; width: 50%; } .DayPickerNavigation_nextButton__verticalDefault { border-left: 0; } .DayPickerNavigation_nextButton__verticalScrollableDefault { width: 100%; } .DayPickerNavigation_svg__horizontal { height: 19px; width: 19px; fill: #82888a; display: block; } .DayPickerNavigation_svg__vertical { height: 42px; width: 42px; fill: #484848; display: block; } .DayPicker { background: #fff; position: relative; text-align: left; } .DayPicker__horizontal { background: #fff; } .DayPicker__verticalScrollable { height: 100%; } .DayPicker__hidden { visibility: hidden; } .DayPicker__withBorder { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07); border-radius: 3px; } .DayPicker_portal__horizontal { box-shadow: none; position: absolute; left: 50%; top: 50%; } .DayPicker_portal__vertical { position: initial; } .DayPicker_focusRegion { outline: 0; } .DayPicker_calendarInfo__horizontal, .DayPicker_wrapper__horizontal { display: inline-block; vertical-align: top; } .DayPicker_weekHeaders { position: relative; } .DayPicker_weekHeaders__horizontal { margin-left: 9px; } .DayPicker_weekHeader { color: #757575; position: absolute; top: 62px; z-index: 2; text-align: left; } .DayPicker_weekHeader__vertical { left: 50%; } .DayPicker_weekHeader__verticalScrollable { top: 0; display: table-row; border-bottom: 1px solid #dbdbdb; background: #fff; margin-left: 0; left: 0; width: 100%; text-align: center; } .DayPicker_weekHeader_ul { list-style: none; margin: 1px 0; padding-left: 0; padding-right: 0; font-size: 14px; } .DayPicker_weekHeader_li { display: inline-block; text-align: center; } .DayPicker_transitionContainer { position: relative; overflow: hidden; border-radius: 3px; } .DayPicker_transitionContainer__horizontal { transition: height .2s ease-in-out; } .DayPicker_transitionContainer__vertical { width: 100%; } .DayPicker_transitionContainer__verticalScrollable { padding-top: 20px; height: 100%; position: absolute; top: 0; bottom: 0; right: 0; left: 0; overflow-y: scroll; } .DateInput { margin: 0; padding: 0; background: #fff; position: relative; display: inline-block; width: 130px; vertical-align: middle; } .DateInput__small { width: 97px; } .DateInput__block { width: 100%; } .DateInput__disabled { background: #f2f2f2; color: #dbdbdb; } .DateInput_input { font-weight: 200; font-size: 19px; line-height: 24px; color: #484848; background-color: #fff; width: 100%; padding: 11px 11px 9px; border: 0; border-top: 0; border-right: 0; border-bottom: 2px solid transparent; border-left: 0; border-radius: 0; } .DateInput_input__small { font-size: 15px; line-height: 18px; letter-spacing: .2px; padding: 7px 7px 5px; } .DateInput_input__regular { font-weight: auto; } .DateInput_input__readOnly { -webkit-user-select: none; -ms-user-select: none; user-select: none; } .DateInput_input__focused { outline: 0; background: #fff; border: 0; border-top: 0; border-right: 0; border-bottom: 2px solid #008489; border-left: 0; } .DateInput_input__disabled { background: #f2f2f2; font-style: italic; } .DateInput_screenReaderMessage { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .DateInput_fang { position: absolute; width: 20px; height: 10px; left: 22px; z-index: 2; } .DateInput_fangShape { fill: #fff; } .DateInput_fangStroke { stroke: #dbdbdb; fill: transparent; } .DateRangePickerInput { background-color: #fff; display: inline-block; } .DateRangePickerInput__disabled { background: #f2f2f2; } .DateRangePickerInput__withBorder { border-radius: 2px; border: 1px solid #dbdbdb; } .DateRangePickerInput__rtl { direction: rtl; } .DateRangePickerInput__block { display: block; } .DateRangePickerInput__showClearDates { padding-right: 30px; } .DateRangePickerInput_arrow { display: inline-block; vertical-align: middle; color: #484848; } .DateRangePickerInput_arrow_svg { vertical-align: middle; fill: #484848; height: 24px; width: 24px; } .DateRangePickerInput_clearDates { background: 0 0; border: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; cursor: pointer; padding: 10px; margin: 0 10px 0 5px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .DateRangePickerInput_clearDates__small { padding: 6px; } .DateRangePickerInput_clearDates_default:focus, .DateRangePickerInput_clearDates_default:hover { background: #dbdbdb; border-radius: 50%; } .DateRangePickerInput_clearDates__hide { visibility: hidden; } .DateRangePickerInput_clearDates_svg { fill: #82888a; height: 12px; width: 15px; vertical-align: middle; } .DateRangePickerInput_clearDates_svg__small { height: 9px; } .DateRangePickerInput_calendarIcon { background: 0 0; border: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; cursor: pointer; display: inline-block; vertical-align: middle; padding: 10px; margin: 0 5px 0 10px; } .DateRangePickerInput_calendarIcon_svg { fill: #82888a; height: 15px; width: 14px; vertical-align: middle; } .DateRangePicker { position: relative; display: inline-block; } .DateRangePicker__block { display: block; } .DateRangePicker_picker { z-index: 1; background-color: #fff; position: absolute; } .DateRangePicker_picker__rtl { direction: rtl; } .DateRangePicker_picker__directionLeft { left: 0; } .DateRangePicker_picker__directionRight { right: 0; } .DateRangePicker_picker__portal { background-color: rgba(0, 0, 0, 0.3); position: fixed; top: 0; left: 0; height: 100%; width: 100%; } .DateRangePicker_picker__fullScreenPortal { background-color: #fff; } .DateRangePicker_closeButton { background: 0 0; border: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; cursor: pointer; position: absolute; top: 0; right: 0; padding: 15px; z-index: 2; } .DateRangePicker_closeButton:focus, .DateRangePicker_closeButton:hover { color: #b0b3b4; text-decoration: none; } .DateRangePicker_closeButton_svg { height: 15px; width: 15px; fill: #cacccd; } /*rtl:end:ignore*/ .components-datetime { padding: 0; } .components-datetime .components-datetime__calendar-help { padding: 16px; } .components-datetime .components-datetime__calendar-help h4 { margin: 0; } .components-datetime .components-datetime__buttons { display: flex; justify-content: space-between; } .components-datetime .components-datetime__date-help-toggle { display: block; margin-left: auto; } .components-datetime fieldset { border: 0; padding: 0; margin: 0; } .components-datetime select, .components-datetime input { box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; } @media (prefers-reduced-motion: reduce) { .components-datetime select, .components-datetime input { transition-duration: 0s; } } .components-datetime select, .components-datetime input[type="number"], .components-datetime .components-button { height: 30px; margin-top: 0; margin-bottom: 0; } .components-datetime__date { min-height: 236px; border-top: 1px solid #ddd; } .components-datetime__date .DayPickerNavigation_leftButton__horizontalDefault { left: 0; } .components-datetime__date .CalendarMonth_caption { font-size: 13px; } .components-datetime__date .CalendarMonth_table { border-collapse: separate; border-spacing: 2px; } .components-datetime__date .CalendarDay { font-size: 13px; border: none; border-radius: 50%; text-align: center; } .components-datetime__date .CalendarDay:focus { box-shadow: inset 0 0 0 1.5px #007cba, inset 0 0 0 2.5px #fff; box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 0 0 2.5px #fff; outline: 2px solid transparent; } .components-datetime__date .CalendarDay__selected { background: #007cba; background: var(--wp-admin-theme-color); border: 2px solid transparent; } .components-datetime__date .CalendarDay__selected:hover { background: #005a87; background: var(--wp-admin-theme-color-darker-20); } .components-datetime__date .CalendarDay__selected:focus { box-shadow: inset 0 0 0 1px #fff; } .components-datetime__date .DayPickerNavigation_button__horizontalDefault { padding: 2px 8px; top: 20px; } .components-datetime__date .DayPickerNavigation_button__horizontalDefault:focus { border-color: #007cba; border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px #007cba; box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-datetime__date .DayPicker_weekHeader { top: 50px; } .components-datetime__date .DayPicker_weekHeader .DayPicker_weekHeader_ul { margin: 1px 0; padding-left: 0; padding-right: 0; } .components-datetime__date.is-description-visible .DayPicker { visibility: hidden; } .components-datetime__time { padding-bottom: 16px; } .components-datetime__time fieldset { position: relative; margin-bottom: 0.5em; } .components-datetime__time fieldset + fieldset { margin-bottom: 0; } .components-datetime__time .components-datetime__time-field-am-pm fieldset { margin-top: 0; } .components-datetime__time .components-datetime__time-wrapper { display: flex; } .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-separator { display: inline-block; padding: 0 3px 0 0; color: #555d66; } .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field-time { /*rtl:ignore*/ direction: ltr; } .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field select { margin-right: 4px; } .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field select:focus { position: relative; z-index: 1; } .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field input[type="number"] { padding: 2px; margin-right: 4px; text-align: center; -moz-appearance: textfield; } .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field input[type="number"]:focus { position: relative; z-index: 1; } .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .components-datetime__time.is-12-hour .components-datetime__time-field-day input { margin: -4px 0 0 !important; border-radius: 2px 0 0 2px !important; } .components-datetime__time.is-12-hour .components-datetime__time-field-year input { border-radius: 0 2px 2px 0 !important; } .components-datetime__time-legend { font-weight: 600; margin-top: 0.5em; } .components-datetime__time-legend.invisible { position: absolute; top: -999em; left: -999em; } .components-datetime__time-field-hours-input, .components-datetime__time-field-minutes-input, .components-datetime__time-field-day-input { width: 35px; } .components-datetime__time-field-year-input { width: 55px; } .components-datetime__time-field-month-select { max-width: 145px; } .components-popover .components-datetime__date { padding-left: 4px; } .block-editor-dimension-control .components-base-control__field { display: flex; align-items: center; } .block-editor-dimension-control .components-base-control__label { display: flex; align-items: center; margin-right: 1em; margin-bottom: 0; } .block-editor-dimension-control .components-base-control__label .dashicon { margin-right: 0.5em; } .block-editor-dimension-control.is-manual .components-base-control__label { width: 10em; } .components-disabled { position: relative; pointer-events: none; } .components-disabled::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .components-disabled * { pointer-events: none; } body.is-dragging-components-draggable { cursor: move; /* Fallback for IE/Edge < 14 */ cursor: grabbing !important; } .components-draggable__invisible-drag-image { position: fixed; left: -1000px; height: 50px; width: 50px; } .components-draggable__clone { position: fixed; padding: 0; background: transparent; pointer-events: none; z-index: 1000000000; } .components-drop-zone { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 40; visibility: hidden; opacity: 0; transition: 0.3s opacity, 0.3s background-color, 0s visibility 0.3s; border: 2px solid #007cba; border: 2px solid var(--wp-admin-theme-color); border-radius: 2px; } @media (prefers-reduced-motion: reduce) { .components-drop-zone { transition-duration: 0s; } } .components-drop-zone.is-active { opacity: 1; visibility: visible; transition: 0.3s opacity, 0.3s background-color; } @media (prefers-reduced-motion: reduce) { .components-drop-zone.is-active { transition-duration: 0s; } } .components-drop-zone.is-dragging-over-element { background-color: #007cba; background-color: var(--wp-admin-theme-color); } .components-drop-zone__content { position: absolute; top: 50%; left: 0; right: 0; z-index: 50; transform: translateY(-50%); width: 100%; text-align: center; color: #fff; transition: transform 0.2s ease-in-out; } @media (prefers-reduced-motion: reduce) { .components-drop-zone__content { transition-duration: 0s; } } .components-drop-zone.is-dragging-over-element .components-drop-zone__content { transform: translateY(-50%) scale(1.05); } .components-drop-zone__content-icon, .components-drop-zone__content-text { display: block; } .components-drop-zone__content-icon { margin: 0 auto; line-height: 0; fill: currentColor; } .components-drop-zone__content-text { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .components-drop-zone__provider { height: 100%; } .components-dropdown { display: inline-block; } .components-dropdown__content .components-popover__content > div { padding: 12px; } .components-dropdown-menu__popover .components-popover__content { width: 200px; } .components-dropdown-menu__menu { width: 100%; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; line-height: 1.4; } .components-dropdown-menu__menu .components-dropdown-menu__menu-item, .components-dropdown-menu__menu .components-menu-item { width: 100%; padding: 6px; outline: none; cursor: pointer; margin-bottom: 4px; } .components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator, .components-dropdown-menu__menu .components-menu-item.has-separator { margin-top: 6px; position: relative; overflow: visible; } .components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator::before, .components-dropdown-menu__menu .components-menu-item.has-separator::before { display: block; content: ""; box-sizing: content-box; background-color: #ddd; position: absolute; top: -3px; left: 0; right: 0; height: 1px; } .components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-active svg, .components-dropdown-menu__menu .components-menu-item.is-active svg { color: #fff; background: #1e1e1e; box-shadow: 0 0 0 1px #1e1e1e; border-radius: 1px; } .components-dropdown-menu__menu .components-dropdown-menu__menu-item > svg, .components-dropdown-menu__menu .components-menu-item > svg { border-radius: 2px; width: 24px; height: 24px; } .components-dropdown-menu__menu .components-menu-item__button, .components-dropdown-menu__menu .components-menu-item__button.components-button { min-height: 36px; height: auto; padding-left: 40px; text-align: left; } .components-dropdown-menu__menu .components-menu-item__button.has-icon, .components-dropdown-menu__menu .components-menu-item__button.components-button.has-icon { padding-left: 8px; } .components-dropdown-menu__menu .components-menu-group { padding: 12px; margin-top: 0; margin-bottom: 0; margin-left: -12px; margin-right: -12px; } .components-dropdown-menu__menu .components-menu-group:first-child { margin-top: -12px; } .components-dropdown-menu__menu .components-menu-group:last-child { margin-bottom: -12px; } .components-dropdown-menu__menu .components-menu-group + .components-menu-group { margin-top: 0; border-top: 1px solid #ccc; padding: 12px; } .is-alternate .components-dropdown-menu__menu .components-menu-group + .components-menu-group { border-color: #1e1e1e; } .components-dropdown-menu__menu.no-icons .components-menu-item__button.components-button { padding: 0 12px; } .components-external-link__icon { width: 1.4em; height: 1.4em; margin: -0.2em 0.1em 0; vertical-align: middle; fill: currentColor; } .components-focal-point-picker-wrapper { background-color: transparent; border: 1px solid #ddd; height: 200px; width: 100%; padding: 14px; } .components-focal-point-picker { align-items: center; cursor: pointer; display: flex; height: 100%; justify-content: center; position: relative; width: 100%; } .components-focal-point-picker img { height: auto; max-height: 100%; max-width: 100%; width: auto; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .components-focal-point-picker__icon_container { background-color: transparent; cursor: grab; height: 30px; opacity: 0.8; position: absolute; will-change: transform; width: 30px; z-index: 10000; } .components-focal-point-picker__icon_container.is-dragging { cursor: grabbing; } .components-focal-point-picker__icon { display: block; height: 100%; left: -15px; position: absolute; top: -15px; width: 100%; } .components-focal-point-picker__icon .components-focal-point-picker__icon-outline { fill: #fff; } .components-focal-point-picker__icon .components-focal-point-picker__icon-fill { fill: #007cba; fill: var(--wp-admin-theme-color); } .components-focal-point-picker_position-display-container { margin: 1em 0; display: flex; } .components-focal-point-picker_position-display-container .components-base-control__field { margin: 0 1em 0 0; } .components-focal-point-picker_position-display-container input[type="number"].components-text-control__input { max-width: 4em; padding: 6px 4px; } .components-focal-point-picker_position-display-container span { margin: 0 0 0 0.2em; } .components-font-size-picker__controls { max-width: 248px; display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 24px; } .components-font-size-picker__controls .components-font-size-picker__number { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; display: inline-block; font-weight: 500; height: 30px; margin-bottom: 0; margin-left: 0; margin-right: 8px; margin-top: 8px; width: 54px; } @media (prefers-reduced-motion: reduce) { .components-font-size-picker__controls .components-font-size-picker__number { transition-duration: 0s; } } @media (min-width: 600px) { .components-font-size-picker__controls .components-font-size-picker__number { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .components-font-size-picker__controls .components-font-size-picker__number:focus { border-color: #007cba; border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px #007cba; box-shadow: 0 0 0 0.5px 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, 0.62); } .components-font-size-picker__controls .components-font-size-picker__number::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .components-font-size-picker__controls .components-font-size-picker__number:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .is-dark-theme .components-font-size-picker__controls .components-font-size-picker__number::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); } .is-dark-theme .components-font-size-picker__controls .components-font-size-picker__number::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); } .is-dark-theme .components-font-size-picker__controls .components-font-size-picker__number:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); } .components-font-size-picker__controls .components-font-size-picker__number[value=""] + .components-button { cursor: default; opacity: 0.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-font-size-picker__select { margin-right: 8px; } .components-font-size-picker__controls .components-color-palette__clear { height: 30px; margin-top: 26px; } .components-font-size-picker__custom-input .components-range-control__slider + .dashicon { width: 30px; height: 30px; } .components-font-size-picker { border: 0; padding: 0; margin: 0; } .components-form-toggle { position: relative; display: inline-block; } .components-form-toggle .components-form-toggle__track { content: ""; display: inline-block; box-sizing: border-box; vertical-align: top; background-color: #fff; border: 1px solid #1e1e1e; width: 36px; height: 18px; border-radius: 9px; transition: 0.2s background ease; } @media (prefers-reduced-motion: reduce) { .components-form-toggle .components-form-toggle__track { transition-duration: 0s; } } .components-form-toggle .components-form-toggle__thumb { display: block; position: absolute; box-sizing: border-box; top: 3px; left: 3px; width: 12px; height: 12px; border-radius: 50%; transition: 0.1s transform ease; background-color: #1e1e1e; border: 5px solid #1e1e1e; } @media (prefers-reduced-motion: reduce) { .components-form-toggle .components-form-toggle__thumb { transition-duration: 0s; } } .components-form-toggle.is-checked .components-form-toggle__track { background-color: #007cba; background-color: var(--wp-admin-theme-color); border: 1px solid #007cba; border: 1px solid 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 3.5px #007cba; box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px 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 { opacity: 0.3; } .components-form-toggle input.components-form-toggle__input[type="checkbox"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; margin: 0; padding: 0; z-index: 1; border: none; } .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 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; display: flex; flex-wrap: wrap; align-items: flex-start; width: 100%; margin: 0 0 8px 0; padding: 4px; cursor: text; } @media (prefers-reduced-motion: reduce) { .components-form-token-field__input-container { transition-duration: 0s; } } @media (min-width: 600px) { .components-form-token-field__input-container { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .components-form-token-field__input-container:focus { border-color: #007cba; border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px #007cba; box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-form-token-field__input-container::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .components-form-token-field__input-container::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .components-form-token-field__input-container:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .is-dark-theme .components-form-token-field__input-container::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); } .is-dark-theme .components-form-token-field__input-container::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); } .is-dark-theme .components-form-token-field__input-container:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); } .components-form-token-field__input-container.is-disabled { background: #ddd; border-color: #ccd0d4; } .components-form-token-field__input-container input[type="text"].components-form-token-field__input { display: inline-block; width: 100%; max-width: 100%; margin-left: 4px; padding: 0; min-height: 24px; background: inherit; border: 0; color: #1e1e1e; box-shadow: none; } .components-form-token-field__input-container input[type="text"].components-form-token-field__input:focus, .components-form-token-field.is-active .components-form-token-field__input-container input[type="text"].components-form-token-field__input { outline: none; box-shadow: 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__label { display: inline-block; margin-bottom: 4px; } .components-form-token-field__help { font-style: italic; } .components-form-token-field__token { font-size: 13px; display: flex; margin: 2px 4px 2px 0; color: #32373c; overflow: hidden; } .components-form-token-field__token.is-success .components-form-token-field__token-text, .components-form-token-field__token.is-success .components-form-token-field__remove-token { background: #4ab866; } .components-form-token-field__token.is-error .components-form-token-field__token-text, .components-form-token-field__token.is-error .components-form-token-field__remove-token { background: #d94f4f; } .components-form-token-field__token.is-validating .components-form-token-field__token-text, .components-form-token-field__token.is-validating .components-form-token-field__remove-token { color: #555d66; } .components-form-token-field__token.is-borderless { position: relative; padding: 0 16px 0 0; } .components-form-token-field__token.is-borderless .components-form-token-field__token-text { background: transparent; color: #007cba; color: var(--wp-admin-theme-color); } .components-form-token-field__token.is-borderless .components-form-token-field__remove-token { background: transparent; color: #555d66; position: absolute; top: 1px; right: 0; } .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 { color: #d94f4f; border-radius: 4px 0 0 4px; 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__token-text, .components-form-token-field__remove-token.components-button { display: inline-block; line-height: 24px; height: auto; background: #ddd; transition: all 0.2s cubic-bezier(0.4, 1, 0.4, 1); } @media (prefers-reduced-motion: reduce) { .components-form-token-field__token-text, .components-form-token-field__remove-token.components-button { transition-duration: 0s; animation-duration: 1ms; } } .components-form-token-field__token-text { border-radius: 12px 0 0 12px; padding: 0 4px 0 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .components-form-token-field__remove-token.components-button { cursor: pointer; border-radius: 0 12px 12px 0; padding: 0 2px; color: #555d66; line-height: 10px; overflow: initial; } .components-form-token-field__remove-token.components-button:hover { color: #32373c; } .components-form-token-field__suggestions-list { flex: 1 0 100%; min-width: 100%; max-height: 9em; overflow-y: scroll; transition: all 0.15s ease-in-out; list-style: none; border-top: 1px solid #6c7781; margin: 4px -4px -4px; padding-top: 3px; } @media (prefers-reduced-motion: reduce) { .components-form-token-field__suggestions-list { transition-duration: 0s; } } .components-form-token-field__suggestion { color: #555d66; display: block; font-size: 13px; padding: 4px 8px; cursor: pointer; } .components-form-token-field__suggestion.is-selected { background: #007cba; 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__header { background: none; border-bottom: none; width: 100%; padding: 0; margin: 0; } .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 0; padding: 0 32px; position: relative; width: 100%; } @media (max-width: 600px) { .components-guide__footer { position: absolute; bottom: 0; } } .components-guide__page-control { margin: 8px 0 8px 0; text-align: center; } .components-guide__page-control li { display: inline-block; } .components-guide__page-control .components-button { height: 30px; min-width: 20px; } .components-guide .components-modal__content { padding: 0; } .components-modal__frame.components-guide { border: none; min-width: 312px; height: 80vh; max-height: 575px; } @media (max-width: 600px) { .components-modal__frame.components-guide { bottom: 5%; left: 16px; right: 16px; top: 5%; margin: 0 auto; } } .components-button.components-guide__back-button, .components-button.components-guide__forward-button, .components-button.components-guide__finish-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 { right: 32px; color: #1386bf; font-weight: bold; } .components-button.components-guide__finish-button { right: 32px; } .components-button.components-guide__inline-finish-button { display: none; } .components-navigate-regions.is-focusing-regions [role="region"] { position: relative; } .components-navigate-regions.is-focusing-regions [role="region"]:focus::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; pointer-events: none; outline: 4px solid transparent; box-shadow: inset 0 0 0 4px #007cba; box-shadow: inset 0 0 0 4px var(--wp-admin-theme-color); } @supports (outline-offset: 1px) { .components-navigate-regions.is-focusing-regions [role="region"]:focus::after { content: none; } .components-navigate-regions.is-focusing-regions [role="region"]:focus { outline-style: solid; outline-color: #007cba; outline-color: var(--wp-admin-theme-color); outline-width: 4px; outline-offset: -4px; } } .components-menu-group + .components-menu-group { margin-top: 8px; padding-top: 8px; border-top: 1px solid #1e1e1e; } .components-menu-group__label { padding: 0; margin-bottom: 12px; color: #757575; text-transform: uppercase; font-size: 11px; font-weight: 500; } .components-menu-item__button, .components-menu-item__button.components-button { width: 100%; } .components-menu-item__button .dashicon, .components-menu-item__button .components-menu-items__item-icon, .components-menu-item__button svg.components-menu-items__item-icon, .components-menu-item__button > span > svg, .components-menu-item__button.components-button .dashicon, .components-menu-item__button.components-button .components-menu-items__item-icon, .components-menu-item__button.components-button svg.components-menu-items__item-icon, .components-menu-item__button.components-button > span > svg { margin-right: 8px; } .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__info-wrapper { display: flex; flex-direction: column; } .components-menu-item__info { margin-top: 4px; font-size: 12px; color: #757575; } .components-menu-item__shortcut { -ms-grid-row-align: center; align-self: center; margin-right: 0; margin-left: auto; padding-left: 12px; color: currentColor; display: none; } @media (min-width: 480px) { .components-menu-item__shortcut { display: inline; } } .components-menu-items-choice, .components-menu-items-choice.components-button { padding-left: 40px; } .components-menu-items-choice svg, .components-menu-items-choice.components-button svg { margin-right: 8px; } .components-menu-items-choice.has-icon, .components-menu-items-choice.components-button.has-icon { padding-left: 8px; } .components-modal__screen-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 100000; animation: edit-post__fade-in-animation 0.2s ease-out 0s; animation-fill-mode: forwards; } @media (prefers-reduced-motion: reduce) { .components-modal__screen-overlay { animation-duration: 1ms; } } .components-modal__frame { position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-sizing: border-box; margin: 0; border: 1px solid #ddd; background: #fff; box-shadow: 0 3px 30px rgba(0, 0, 0, 0.2); overflow: auto; } @media (min-width: 600px) { .components-modal__frame { top: 50%; right: auto; bottom: auto; left: 50%; min-width: 360px; max-width: calc(100% - 16px - 16px); max-height: calc(100% - 60px - 60px); transform: translate(-50%, -50%); animation: components-modal__appear-animation 0.1s ease-out; animation-fill-mode: forwards; } } @media (min-width: 600px) and (prefers-reduced-motion: reduce) { .components-modal__frame { animation-duration: 1ms; } } @keyframes components-modal__appear-animation { from { margin-top: 32px; } to { margin-top: 0; } } .components-modal__header { box-sizing: border-box; border-bottom: 1px solid #ddd; padding: 0 24px; display: flex; flex-direction: row; justify-content: space-between; background: #fff; align-items: center; height: 60px; z-index: 10; position: relative; position: -webkit-sticky; position: sticky; top: 0; margin: 0 -24px 24px; } @supports (-ms-ime-align: auto) { .components-modal__header { position: fixed; width: 100%; } } .components-modal__header .components-modal__header-heading { font-size: 1rem; font-weight: 600; } .components-modal__header h1 { line-height: 1; margin: 0; } .components-modal__header .components-button { position: relative; left: 8px; } .components-modal__header-heading-container { align-items: center; flex-grow: 1; display: flex; flex-direction: row; justify-content: left; } .components-modal__header-icon-container { display: inline-block; } .components-modal__header-icon-container svg { max-width: 36px; max-height: 36px; padding: 8px; } .components-modal__content { box-sizing: border-box; height: 100%; padding: 0 24px 24px; } @supports (-ms-ime-align: auto) { .components-modal__content { padding-top: 60px; } } .components-notice { display: flex; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; background-color: #fff; border-left: 4px solid #007cba; border-left: 4px solid var(--wp-admin-theme-color); margin: 5px 15px 2px; padding: 8px 12px; align-items: center; } .components-notice.is-dismissible { padding-right: 36px; position: relative; } .components-notice.is-success { border-left-color: #4ab866; background-color: #eff9f1; } .components-notice.is-warning { border-left-color: #f0b849; background-color: #fef8ee; } .components-notice.is-error { border-left-color: #d94f4f; background-color: #f9e2e2; } .components-notice__content { flex-grow: 1; margin: 4px 25px 4px 0; } .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 { color: #6c7781; align-self: flex-start; flex-shrink: 0; } .components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):hover, .components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):active, .components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):focus { color: #1e1e1e; background-color: transparent; } .components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):hover { box-shadow: none; } .components-notice-list { max-width: 100vw; box-sizing: border-box; z-index: 29; } .components-notice-list .components-notice__content { margin-top: 12px; margin-bottom: 12px; line-height: 2; } .components-notice-list .components-notice__action.components-button { display: block; margin-left: 0; margin-top: 8px; } .components-panel { background: #fff; border: 1px solid #f0f0f0; } .components-panel > .components-panel__header:first-child, .components-panel > .components-panel__body:first-child { margin-top: -1px; } .components-panel > .components-panel__header:last-child, .components-panel > .components-panel__body:last-child { border-bottom-width: 0; } .components-panel + .components-panel { margin-top: -1px; } .components-panel__body { border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; } .components-panel__body h3 { margin: 0 0 0.5em; } .components-panel__body.is-opened { padding: 16px; } .components-panel__header { display: flex; justify-content: space-between; align-items: center; padding: 0 16px; height: 48px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .components-panel__header h2 { margin: 0; font-size: inherit; color: inherit; } .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; padding: 0; font-size: inherit; margin-top: 0; margin-bottom: 0; transition: 0.1s background ease-in-out; } @media (prefers-reduced-motion: reduce) { .components-panel__body > .components-panel__body-title { transition-duration: 0s; } } .components-panel__body.is-opened > .components-panel__body-title { margin: -16px; margin-bottom: 5px; } .components-panel__body > .components-panel__body-title:hover { background: #f0f0f0; border: none; } .components-panel__body-toggle.components-button { position: relative; padding: 16px; outline: none; width: 100%; font-weight: 500; text-align: left; color: #1e1e1e; border: none; box-shadow: none; transition: 0.1s background ease-in-out; height: auto; /* rtl:begin:ignore */ /* rtl:end:ignore */ } @media (prefers-reduced-motion: reduce) { .components-panel__body-toggle.components-button { transition-duration: 0s; } } .components-panel__body-toggle.components-button:focus { box-shadow: inset 0 0 0 1.5px #007cba; box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color); border-radius: 0; } .components-panel__body-toggle.components-button .components-panel__arrow { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); color: #1e1e1e; fill: currentColor; transition: 0.1s color ease-in-out; } @media (prefers-reduced-motion: reduce) { .components-panel__body-toggle.components-button .components-panel__arrow { transition-duration: 0s; } } body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right { transform: scaleX(-1); -ms-filter: fliph; filter: FlipH; margin-top: -10px; } .components-panel__icon { color: #555d66; margin: -2px 0 -2px 6px; } .components-panel__body-toggle-icon { margin-right: -5px; } .components-panel__color-title { float: left; height: 19px; } .components-panel__row { display: flex; justify-content: space-between; align-items: center; margin-top: 8px; min-height: 36px; } .components-panel__row select { min-width: 0; } .components-panel__row label { margin-right: 12px; flex-shrink: 0; 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 { position: relative; padding: 1em; min-height: 200px; width: 100%; text-align: left; margin: 0; color: #1e1e1e; -moz-font-smoothing: subpixel-antialiased; -webkit-font-smoothing: subpixel-antialiased; border-radius: 2px; background-color: #fff; box-shadow: inset 0 0 0 1px #1e1e1e; outline: 1px solid transparent; } @supports ((position: -webkit-sticky) or (position: sticky)) { .components-placeholder.components-placeholder { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } } .components-placeholder.components-placeholder .components-base-control__label { font-size: 13px; } .components-placeholder__error, .components-placeholder__instructions, .components-placeholder__label, .components-placeholder__fieldset { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; } .components-placeholder__label { display: flex; font-weight: 600; margin-bottom: 16px; align-items: center; } .components-placeholder__label > svg, .components-placeholder__label .dashicon, .components-placeholder__label .block-editor-block-icon { fill: currentColor; margin-right: 1ch; } .components-placeholder__fieldset, .components-placeholder__fieldset form { display: flex; flex-direction: row; width: 100%; flex-wrap: wrap; } .components-placeholder__fieldset p, .components-placeholder__fieldset form p { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; } .components-placeholder__fieldset.is-column-layout, .components-placeholder__fieldset.is-column-layout form { flex-direction: column; } .components-placeholder__input[type="url"] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; margin: 0 8px 0 0; flex: 1 1 auto; } @media (prefers-reduced-motion: reduce) { .components-placeholder__input[type="url"] { transition-duration: 0s; } } @media (min-width: 600px) { .components-placeholder__input[type="url"] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .components-placeholder__input[type="url"]:focus { border-color: #007cba; border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px #007cba; box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-placeholder__input[type="url"]::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .components-placeholder__input[type="url"]::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .components-placeholder__input[type="url"]:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .is-dark-theme .components-placeholder__input[type="url"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); } .is-dark-theme .components-placeholder__input[type="url"]::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); } .is-dark-theme .components-placeholder__input[type="url"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); } .components-placeholder__instructions { margin-bottom: 1em; } .components-placeholder__error { margin-top: 1em; width: 100%; } .components-placeholder__preview img { margin: 3%; width: 50%; } .components-placeholder__fieldset .components-button { margin-right: 12px; margin-bottom: 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: normal; } .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; } /*!rtl:begin:ignore*/ .components-popover { position: fixed; z-index: 1000000; top: 0; left: 0; opacity: 0; } .components-popover.is-expanded, .components-popover[data-x-axis][data-y-axis] { opacity: 1; } .components-popover.is-expanded { top: 0; left: 0; right: 0; bottom: 0; z-index: 1000000 !important; } .components-popover:not(.is-without-arrow) { margin-left: 2px; } .components-popover:not(.is-without-arrow)::before { border: 8px solid #1e1e1e; } .components-popover:not(.is-without-arrow)::after { border: 8px solid #fff; } .components-popover:not(.is-without-arrow)::before, .components-popover:not(.is-without-arrow)::after { content: ""; position: absolute; height: 0; width: 0; line-height: 0; } .components-popover:not(.is-without-arrow)[data-y-axis="top"] { margin-top: -8px; } .components-popover:not(.is-without-arrow)[data-y-axis="top"]::before { bottom: -8px; } .components-popover:not(.is-without-arrow)[data-y-axis="top"]::after { bottom: -6px; } .components-popover:not(.is-without-arrow)[data-y-axis="top"]::before, .components-popover:not(.is-without-arrow)[data-y-axis="top"]::after { border-bottom: none; border-left-color: transparent; border-right-color: transparent; border-top-style: solid; margin-left: -10px; } .components-popover:not(.is-without-arrow)[data-y-axis="bottom"] { margin-top: 8px; } .components-popover:not(.is-without-arrow)[data-y-axis="bottom"]::before { top: -8px; } .components-popover:not(.is-without-arrow)[data-y-axis="bottom"]::after { top: -6px; } .components-popover:not(.is-without-arrow)[data-y-axis="bottom"]::before, .components-popover:not(.is-without-arrow)[data-y-axis="bottom"]::after { border-bottom-style: solid; border-left-color: transparent; border-right-color: transparent; border-top: none; margin-left: -10px; } .components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="left"] { margin-left: -8px; } .components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="left"]::before { right: -8px; } .components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="left"]::after { right: -6px; } .components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="left"]::before, .components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="left"]::after { border-bottom-color: transparent; border-left-style: solid; border-right: none; border-top-color: transparent; } .components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="right"] { margin-left: 8px; } .components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="right"]::before { left: -8px; } .components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="right"]::after { left: -6px; } .components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="right"]::before, .components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="right"]::after { border-bottom-color: transparent; border-left: none; border-right-style: solid; border-top-color: transparent; } .components-popover[data-y-axis="top"] { bottom: 100%; } .components-popover[data-y-axis="bottom"] { top: 100%; } .components-popover[data-y-axis="middle"] { align-items: center; display: flex; } .components-popover.is-from-top { margin-top: 12px; } .components-popover.is-from-bottom { margin-top: -12px; } .components-popover.is-from-left:not(.is-from-top):not(.is-from-bottom) { margin-left: 12px; } .components-popover.is-from-right:not(.is-from-top):not(.is-from-bottom) { margin-right: 12px; } .components-popover__content { height: 100%; background: #fff; border: 1px solid #ccc; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); border-radius: 2px; } .is-alternate .components-popover__content { border: 1px solid #1e1e1e; box-shadow: none; } .components-popover .components-popover__content { position: absolute; height: auto; overflow-y: auto; min-width: 260px; } .components-popover.is-expanded .components-popover__content { position: static; height: calc(100% - 48px); overflow-y: visible; min-width: auto; border: none; border-top: 1px solid #1e1e1e; } .components-popover[data-y-axis="top"] .components-popover__content { bottom: 100%; } .components-popover[data-x-axis="center"] .components-popover__content { left: 50%; transform: translateX(-50%); } .components-popover[data-x-axis="right"] .components-popover__content { position: absolute; left: 100%; } .components-popover:not([data-y-axis="middle"])[data-x-axis="right"] .components-popover__content { margin-left: -25px; } .components-popover[data-x-axis="left"] .components-popover__content { position: absolute; right: 100%; } .components-popover:not([data-y-axis="middle"])[data-x-axis="left"] .components-popover__content { margin-right: -25px; } .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; } /*!rtl:end:ignore*/ .components-radio-control { display: flex; flex-direction: column; } .components-radio-control .components-base-control__help { margin-top: 0; } .components-radio-control .components-base-control__field { margin-bottom: 0; } .components-radio-control__option:not(:last-child) { margin-bottom: 4px; } .components-radio-control__input[type="radio"] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; border: 1px solid #1e1e1e; margin-right: 12px; transition: none; border-radius: 50%; margin-top: 0; margin-right: 6px; } @media (prefers-reduced-motion: reduce) { .components-radio-control__input[type="radio"] { transition-duration: 0s; } } @media (min-width: 600px) { .components-radio-control__input[type="radio"] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .components-radio-control__input[type="radio"]:focus { border-color: #007cba; border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px #007cba; box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-radio-control__input[type="radio"]::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .components-radio-control__input[type="radio"]::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .components-radio-control__input[type="radio"]:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .is-dark-theme .components-radio-control__input[type="radio"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); } .is-dark-theme .components-radio-control__input[type="radio"]::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); } .is-dark-theme .components-radio-control__input[type="radio"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); } .components-radio-control__input[type="radio"]:checked::before { width: 7px; height: 7px; margin: 8px 0 0 8px; background-color: #fff; border: 3px solid #fff; } @media (min-width: 782px) { .components-radio-control__input[type="radio"]:checked::before { width: 6px; height: 6px; margin: 4px 0 0 4px; } } .components-radio-control__input[type="radio"]:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px #007cba; box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-radio-control__input[type="radio"]:checked { background: #007cba; background: var(--wp-admin-theme-color); border-color: #007cba; border-color: var(--wp-admin-theme-color); } .components-resizable-box__handle { display: none; width: 23px; height: 23px; } .components-resizable-box__container.has-show-handle .components-resizable-box__handle { display: block; } .components-resizable-box__handle::after { display: block; content: ""; width: 15px; height: 15px; border: 2px solid #fff; border-radius: 50%; background: #007cba; background: var(--wp-admin-theme-color); cursor: inherit; position: absolute; top: calc(50% - 8px); right: calc(50% - 8px); } .components-resizable-box__side-handle::before { display: block; content: ""; width: 7px; height: 7px; border: 2px solid #fff; background: #007cba; background: var(--wp-admin-theme-color); cursor: inherit; position: absolute; top: calc(50% - 4px); right: calc(50% - 4px); transition: transform 0.1s ease-in; opacity: 0; } @media (prefers-reduced-motion: reduce) { .components-resizable-box__side-handle::before { transition-duration: 0s; } } .is-dark-theme .components-resizable-box__side-handle::before, .is-dark-theme .components-resizable-box__handle::after { border-color: #d7dade; } .components-resizable-box__handle { z-index: 2; } .components-resizable-box__side-handle { z-index: 2; } .components-resizable-box__corner-handle { z-index: 2; } .components-resizable-box__side-handle.components-resizable-box__handle-top, .components-resizable-box__side-handle.components-resizable-box__handle-bottom, .components-resizable-box__side-handle.components-resizable-box__handle-top::before, .components-resizable-box__side-handle.components-resizable-box__handle-bottom::before { width: 100%; left: 0; border-left: 0; border-right: 0; } .components-resizable-box__side-handle.components-resizable-box__handle-left, .components-resizable-box__side-handle.components-resizable-box__handle-right, .components-resizable-box__side-handle.components-resizable-box__handle-left::before, .components-resizable-box__side-handle.components-resizable-box__handle-right::before { height: 100%; top: 0; border-top: 0; border-bottom: 0; } .components-resizable-box__side-handle.components-resizable-box__handle-top:hover::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-bottom:active::before { animation: components-resizable-box__top-bottom-animation 0.1s ease-out 0s; animation-fill-mode: forwards; } @media (prefers-reduced-motion: reduce) { .components-resizable-box__side-handle.components-resizable-box__handle-top:hover::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-bottom:active::before { animation-duration: 1ms; } } .components-resizable-box__side-handle.components-resizable-box__handle-left:hover::before, .components-resizable-box__side-handle.components-resizable-box__handle-right:hover::before, .components-resizable-box__side-handle.components-resizable-box__handle-left:active::before, .components-resizable-box__side-handle.components-resizable-box__handle-right:active::before { animation: components-resizable-box__left-right-animation 0.1s ease-out 0s; animation-fill-mode: forwards; } @media (prefers-reduced-motion: reduce) { .components-resizable-box__side-handle.components-resizable-box__handle-left:hover::before, .components-resizable-box__side-handle.components-resizable-box__handle-right:hover::before, .components-resizable-box__side-handle.components-resizable-box__handle-left:active::before, .components-resizable-box__side-handle.components-resizable-box__handle-right:active::before { animation-duration: 1ms; } } @keyframes components-resizable-box__top-bottom-animation { from { transform: scaleX(0); opacity: 0; } to { transform: scaleX(1); opacity: 1; } } @keyframes components-resizable-box__left-right-animation { from { transform: scaleY(0); opacity: 0; } to { transform: scaleY(1); opacity: 1; } } /*!rtl:begin:ignore*/ .components-resizable-box__handle-right { right: calc(11.5px * -1); } .components-resizable-box__handle-left { left: calc(11.5px * -1); } .components-resizable-box__handle-top { top: calc(11.5px * -1); } .components-resizable-box__handle-bottom { bottom: calc(11.5px * -1); } /*!rtl:end:ignore*/ .components-responsive-wrapper { position: relative; max-width: 100%; } .components-responsive-wrapper, .components-responsive-wrapper > span { display: block; } .components-responsive-wrapper__content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: auto; } .components-sandbox { overflow: hidden; } iframe.components-sandbox { width: 100%; } html.lockscroll, body.lockscroll { overflow: hidden; } .components-select-control__input { background: #fff; height: 36px; line-height: 36px; margin: 1px; outline: 0; width: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; } @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 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; background-color: #1e1e1e; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); color: #fff; padding: 16px 24px; width: 100%; max-width: 600px; box-sizing: border-box; cursor: pointer; } @media (min-width: 600px) { .components-snackbar { width: fit-content; } } .components-snackbar:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba; box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); } .components-snackbar__action.components-button { margin-left: 32px; color: #fff; height: auto; flex-shrink: 0; line-height: 1.4; padding: 0; } .components-snackbar__action.components-button:not(:disabled):not([aria-disabled="true"]):not(.is-secondary) { text-decoration: underline; background-color: transparent; } .components-snackbar__action.components-button:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):focus { color: #fff; box-shadow: none; outline: 1px dotted #fff; } .components-snackbar__action.components-button:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):hover { color: #007cba; color: var(--wp-admin-theme-color); } .components-snackbar__content { display: flex; align-items: baseline; justify-content: space-between; line-height: 1.4; } .components-snackbar-list { position: absolute; z-index: 100000; width: 100%; box-sizing: border-box; } .components-snackbar-list__notice-container { position: relative; padding-top: 8px; } .components-spinner { display: inline-block; background-color: #7e8993; width: 18px; height: 18px; opacity: 0.7; margin: 5px 11px 0; border-radius: 100%; position: relative; } .components-spinner::before { /* rtl:begin:ignore */ content: ""; position: absolute; background-color: #fff; top: 3px; left: 3px; width: 4px; height: 4px; border-radius: 100%; transform-origin: 6px 6px; animation: components-spinner__animation 1s infinite linear; /* rtl:end:ignore */ } @keyframes components-spinner__animation { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .components-tab-panel__tabs { display: flex; align-items: stretch; } .components-tab-panel__tabs-item { background: transparent; border: none; box-shadow: none; border-radius: 0; cursor: pointer; height: 48px; padding: 3px 16px; margin-left: 0; font-weight: 500; transition: box-shadow 0.1s linear; box-sizing: border-box; } .components-tab-panel__tabs-item::after { content: attr(data-label); display: block; height: 0; overflow: hidden; speak: none; visibility: hidden; } .components-tab-panel__tabs-item:focus:not(:disabled) { box-shadow: inset 0 1.5px #007cba; box-shadow: inset 0 1.5px var(--wp-admin-theme-color); } .components-tab-panel__tabs-item.is-active { box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 #007cba; box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 var(--wp-admin-theme-color); position: relative; } .components-tab-panel__tabs-item.is-active::before { content: ""; position: absolute; top: 0; bottom: 1px; right: 0; left: 0; border-bottom: 4px solid transparent; } .components-tab-panel__tabs-item:focus { box-shadow: inset 0 0 0 1.5px #007cba; box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color); } .components-tab-panel__tabs-item.is-active:focus { box-shadow: inset 0 0 0 1.5px #007cba, inset 0 -4px 0 0 #007cba; box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 -4px 0 0 var(--wp-admin-theme-color); } .components-text-control__input, .components-text-control__input[type="text"], .components-text-control__input[type="tel"], .components-text-control__input[type="time"], .components-text-control__input[type="url"], .components-text-control__input[type="week"], .components-text-control__input[type="password"], .components-text-control__input[type="color"], .components-text-control__input[type="date"], .components-text-control__input[type="datetime"], .components-text-control__input[type="datetime-local"], .components-text-control__input[type="email"], .components-text-control__input[type="month"], .components-text-control__input[type="number"] { width: 100%; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; } @media (prefers-reduced-motion: reduce) { .components-text-control__input, .components-text-control__input[type="text"], .components-text-control__input[type="tel"], .components-text-control__input[type="time"], .components-text-control__input[type="url"], .components-text-control__input[type="week"], .components-text-control__input[type="password"], .components-text-control__input[type="color"], .components-text-control__input[type="date"], .components-text-control__input[type="datetime"], .components-text-control__input[type="datetime-local"], .components-text-control__input[type="email"], .components-text-control__input[type="month"], .components-text-control__input[type="number"] { transition-duration: 0s; } } @media (min-width: 600px) { .components-text-control__input, .components-text-control__input[type="text"], .components-text-control__input[type="tel"], .components-text-control__input[type="time"], .components-text-control__input[type="url"], .components-text-control__input[type="week"], .components-text-control__input[type="password"], .components-text-control__input[type="color"], .components-text-control__input[type="date"], .components-text-control__input[type="datetime"], .components-text-control__input[type="datetime-local"], .components-text-control__input[type="email"], .components-text-control__input[type="month"], .components-text-control__input[type="number"] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .components-text-control__input:focus, .components-text-control__input[type="text"]:focus, .components-text-control__input[type="tel"]:focus, .components-text-control__input[type="time"]:focus, .components-text-control__input[type="url"]:focus, .components-text-control__input[type="week"]:focus, .components-text-control__input[type="password"]:focus, .components-text-control__input[type="color"]:focus, .components-text-control__input[type="date"]:focus, .components-text-control__input[type="datetime"]:focus, .components-text-control__input[type="datetime-local"]:focus, .components-text-control__input[type="email"]:focus, .components-text-control__input[type="month"]:focus, .components-text-control__input[type="number"]:focus { border-color: #007cba; border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px #007cba; box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-text-control__input::-webkit-input-placeholder, .components-text-control__input[type="text"]::-webkit-input-placeholder, .components-text-control__input[type="tel"]::-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, .components-text-control__input[type="password"]::-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"]::-webkit-input-placeholder, .components-text-control__input[type="datetime-local"]::-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 { color: rgba(30, 30, 30, 0.62); } .components-text-control__input::-moz-placeholder, .components-text-control__input[type="text"]::-moz-placeholder, .components-text-control__input[type="tel"]::-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, .components-text-control__input[type="password"]::-moz-placeholder, .components-text-control__input[type="color"]::-moz-placeholder, .components-text-control__input[type="date"]::-moz-placeholder, .components-text-control__input[type="datetime"]::-moz-placeholder, .components-text-control__input[type="datetime-local"]::-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 { opacity: 1; color: rgba(30, 30, 30, 0.62); } .components-text-control__input:-ms-input-placeholder, .components-text-control__input[type="text"]:-ms-input-placeholder, .components-text-control__input[type="tel"]:-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, .components-text-control__input[type="password"]:-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"]:-ms-input-placeholder, .components-text-control__input[type="datetime-local"]:-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 { color: rgba(30, 30, 30, 0.62); } .is-dark-theme .components-text-control__input::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="text"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="tel"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="time"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="url"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="week"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="password"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="color"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="date"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="datetime"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="datetime-local"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="email"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="month"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="number"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); } .is-dark-theme .components-text-control__input::-moz-placeholder, .is-dark-theme .components-text-control__input[type="text"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="tel"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="time"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="url"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="week"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="password"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="color"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="date"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="datetime"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="datetime-local"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="email"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="month"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="number"]::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); } .is-dark-theme .components-text-control__input:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="text"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="tel"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="time"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="url"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="week"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="password"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="color"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="date"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="datetime"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="datetime-local"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="email"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="month"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="number"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); } .components-textarea-control__input { width: 100%; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; } @media (prefers-reduced-motion: reduce) { .components-textarea-control__input { transition-duration: 0s; } } @media (min-width: 600px) { .components-textarea-control__input { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .components-textarea-control__input:focus { border-color: #007cba; border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px #007cba; box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-textarea-control__input::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .components-textarea-control__input::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .components-textarea-control__input:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .is-dark-theme .components-textarea-control__input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); } .is-dark-theme .components-textarea-control__input::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); } .is-dark-theme .components-textarea-control__input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); } .components-tip { display: flex; color: #555d66; } .components-tip svg { -ms-grid-row-align: center; align-self: center; fill: #f0b849; flex-shrink: 0; margin-right: 16px; } .components-tip p { margin: 0; } .components-toggle-control .components-base-control__field { display: flex; margin-bottom: 12px; line-height: initial; align-items: center; } .components-toggle-control .components-base-control__field .components-form-toggle { margin-right: 12px; } .components-toggle-control .components-base-control__field .components-toggle-control__label { display: block; } .components-accessible-toolbar { display: inline-flex; border: 1px solid #1e1e1e; border-radius: 2px; flex-shrink: 0; } .components-accessible-toolbar > .components-toolbar-group:last-child { border-right: none; } .components-accessible-toolbar .components-button, .components-toolbar .components-button { position: relative; height: 48px; z-index: 1; padding-left: 16px; padding-right: 16px; } .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 { content: ""; position: absolute; display: block; border-radius: 2px; height: 32px; left: 8px; right: 8px; z-index: -1; animation: components-button__appear-animation 0.1s ease; animation-fill-mode: forwards; } @media (prefers-reduced-motion: reduce) { .components-accessible-toolbar .components-button::before, .components-toolbar .components-button::before { animation-duration: 1ms; } } .components-accessible-toolbar .components-button svg, .components-toolbar .components-button svg { position: relative; margin-left: auto; margin-right: auto; } .components-accessible-toolbar .components-button.is-pressed, .components-toolbar .components-button.is-pressed { background: transparent; } .components-accessible-toolbar .components-button.is-pressed:hover, .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 1.5px #007cba, inset 0 0 0 4px #fff; box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 0 0 4px #fff; outline: 2px solid transparent; } .components-accessible-toolbar .components-button.has-icon, .components-toolbar .components-button.has-icon { padding-left: 8px; padding-right: 8px; min-width: 48px; justify-content: center; } .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 { from { 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 { 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; bottom: 10px; } .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 { min-height: 48px; border-right: 1px solid #1e1e1e; background-color: #fff; display: inline-flex; flex-shrink: 0; flex-wrap: wrap; line-height: 0; } .components-toolbar-group .components-toolbar-group { border-width: 0; margin: 0; } .components-toolbar { min-height: 48px; margin: 0; border: 1px solid #1e1e1e; border-radius: 2px; background-color: #fff; display: inline-flex; flex-shrink: 0; flex-wrap: wrap; } div.components-toolbar > div { display: block; margin: 0; } @supports ((position: -webkit-sticky) or (position: sticky)) { div.components-toolbar > div { display: flex; } } div.components-toolbar > div + div.has-left-divider { margin-left: 6px; position: relative; overflow: visible; } div.components-toolbar > div + div.has-left-divider::before { display: inline-block; content: ""; box-sizing: content-box; background-color: #ddd; position: absolute; top: 8px; left: -3px; width: 1px; height: 20px; } .components-accessible-toolbar .components-toolbar-group > .components-button.components-button.has-icon, .components-toolbar div > .components-button.components-button.has-icon { min-width: 36px; padding-left: 6px; padding-right: 6px; } .components-accessible-toolbar .components-toolbar-group > .components-button.components-button.has-icon svg, .components-toolbar div > .components-button.components-button.has-icon svg { min-width: 24px; } .components-accessible-toolbar .components-toolbar-group > .components-button.components-button.has-icon::before, .components-toolbar div > .components-button.components-button.has-icon::before { left: 2px; right: 2px; } .components-accessible-toolbar .components-toolbar-group > .components-button:first-child.has-icon, .components-accessible-toolbar .components-toolbar-group > div:first-child > .components-button.has-icon, .components-toolbar div:first-child .components-button.has-icon { min-width: 42px; padding-left: 11px; padding-right: 6px; } .components-accessible-toolbar .components-toolbar-group > .components-button:first-child.has-icon::before, .components-accessible-toolbar .components-toolbar-group > div:first-child > .components-button.has-icon::before, .components-toolbar div:first-child .components-button.has-icon::before { left: 8px; right: 2px; } .components-accessible-toolbar .components-toolbar-group > .components-button:last-child.has-icon, .components-accessible-toolbar .components-toolbar-group > div:last-child > .components-button.has-icon, .components-toolbar div:last-child .components-button.has-icon { min-width: 42px; padding-left: 6px; padding-right: 11px; } .components-accessible-toolbar .components-toolbar-group > .components-button:last-child.has-icon::before, .components-accessible-toolbar .components-toolbar-group > div:last-child > .components-button.has-icon::before, .components-toolbar div:last-child .components-button.has-icon::before { left: 2px; right: 8px; } .components-accessible-toolbar .components-toolbar-group > .components-button:first-of-type:last-of-type.has-icon, .components-accessible-toolbar .components-toolbar-group > div:first-child:last-child > .components-button.has-icon, .components-toolbar div:first-child:last-child > .components-button.has-icon { min-width: 48px; padding-left: 12px; padding-right: 12px; } .components-accessible-toolbar .components-toolbar-group > .components-button:first-of-type:last-of-type.has-icon::before, .components-accessible-toolbar .components-toolbar-group > div:first-child:last-child > .components-button.has-icon::before, .components-toolbar div:first-child:last-child > .components-button.has-icon::before { left: 8px; right: 8px; } .components-tooltip.components-popover { z-index: 1000002; } .components-tooltip.components-popover .components-popover__content { min-width: 0; } .components-tooltip .components-popover__content { background: #1e1e1e; border-radius: 2px; border-width: 0; color: #fff; white-space: nowrap; text-align: center; line-height: 1.4; font-size: 12px; box-shadow: none; pointer-events: none; } .components-tooltip .components-popover__content > div { padding: 4px 8px; } .components-tooltip__shortcut { display: inline-block; margin-left: 8px; } .components-visually-hidden { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; } .components-visually-hidden:focus { background-color: #ddd; clip: auto !important; -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; } ================================================ FILE: public/vendor/gutenberg/styles/wp-edit-post/style-rtl.css ================================================ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Breakpoints & Media Queries */ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Fonts & basic variables. */ /** * Grid System. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */ /** * Dimensions. */ /** * Shadows. */ /** * Editor widths. */ /** * Block UI. */ /** * Border radii. */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left position to the selector passed as argument */ /** * Styles that are reused verbatim in a few places */ /** * Allows users to opt-out of animations via OS-level preferences. */ /** * Reset default styles for JavaScript UI based pages. * This is a WP-admin agnostic reset */ /** * Reset the WP Admin page styles for Gutenberg-like pages. */ :root { --wp-admin-theme-color: #007cba; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-20: #005a87; } .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; } } .interface-complementary-area { background: #fff; color: #1e1e1e; overflow: visible; } @media (min-width: 600px) { .interface-complementary-area { z-index: auto; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } } @media (min-width: 782px) { .interface-complementary-area { width: 280px; } } .interface-complementary-area > .components-panel { border-right: none; border-left: none; overflow: auto; -webkit-overflow-scrolling: touch; height: auto; max-height: calc(100vh - 142px); margin-top: -1px; margin-bottom: -1px; position: relative; } @media (min-width: 600px) { .interface-complementary-area > .components-panel { overflow: visible; height: auto; max-height: none; } } .interface-complementary-area > .components-panel .components-panel__header { position: fixed; z-index: 1; top: 0; right: 0; left: 0; height: 48px; } @media (min-width: 600px) { .interface-complementary-area > .components-panel .components-panel__header { position: inherit; top: auto; right: auto; left: auto; } } .interface-complementary-area p { margin-top: 0; } .interface-complementary-area h2, .interface-complementary-area h3 { font-size: 13px; color: #1e1e1e; margin-bottom: 1.5em; } .interface-complementary-area hr { border-top: none; border-bottom: 1px solid #f0f0f0; margin: 1.5em 0; } .interface-complementary-area div.components-toolbar-group, .interface-complementary-area div.components-toolbar { 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 { top: auto; left: 10px; bottom: 10px; right: auto; } @media (min-width: 782px) { body.js.is-fullscreen-mode { margin-top: -32px; height: calc(100% + 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: initial; width: initial; } } .interface-interface-skeleton { display: flex; flex-direction: column; height: auto; max-height: 100%; position: fixed; top: 46px; right: 0; left: 0; bottom: 0; } @media (min-width: 783px) { .interface-interface-skeleton { top: 32px; } .is-fullscreen-mode .interface-interface-skeleton { top: 0; } } .interface-interface-skeleton { /* Set left position when auto-fold is not on the body element. */ right: 0; } @media (min-width: 783px) { .interface-interface-skeleton { right: 160px; } } .auto-fold .interface-interface-skeleton { /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ } @media (min-width: 783px) { .auto-fold .interface-interface-skeleton { right: 36px; } } @media (min-width: 961px) { .auto-fold .interface-interface-skeleton { right: 160px; } } /* Sidebar manually collapsed. */ .folded .interface-interface-skeleton { right: 0; } @media (min-width: 783px) { .folded .interface-interface-skeleton { right: 36px; } } /* Mobile menu opened. */ @media (max-width: 783px) { .auto-fold .wp-responsive-open .interface-interface-skeleton { right: 190px; } } /* In small screens with responsive menu expanded there is small white space. */ @media (max-width: 600px) { .auto-fold .wp-responsive-open .interface-interface-skeleton { margin-right: -18px; } } body.is-fullscreen-mode .interface-interface-skeleton { right: 0 !important; } .interface-interface-skeleton__body { flex-grow: 1; display: flex; overflow: auto; overscroll-behavior-y: none; } .interface-interface-skeleton__content { flex-grow: 1; display: flex; flex-direction: column; overflow: auto; } .interface-interface-skeleton__left-sidebar, .interface-interface-skeleton__sidebar { display: block; width: auto; flex-shrink: 0; position: absolute; z-index: 100000; top: 0; left: 0; bottom: 0; right: 0; background: #fff; color: #1e1e1e; } @media (min-width: 782px) { .interface-interface-skeleton__left-sidebar, .interface-interface-skeleton__sidebar { position: relative !important; z-index: 90; } } @media (min-width: 782px) { .interface-interface-skeleton__sidebar { overflow: auto; border-right: 1px solid #f0f0f0; } } @media (min-width: 782px) { .interface-interface-skeleton__left-sidebar { border-left: 1px solid #f0f0f0; } } .interface-interface-skeleton__header { flex-shrink: 0; height: auto; border-bottom: 1px solid #f0f0f0; z-index: 30; color: #1e1e1e; position: -webkit-sticky; position: sticky; top: 0; } @media (min-width: 600px) { .interface-interface-skeleton__header { position: initial; top: 0; } } .interface-interface-skeleton__footer { height: auto; flex-shrink: 0; border-top: 1px solid #f0f0f0; color: #1e1e1e; display: none; } @media (min-width: 782px) { .interface-interface-skeleton__footer { display: block; } } .interface-interface-skeleton__actions { z-index: 100000; position: fixed !important; top: -9999em; bottom: auto; right: auto; left: 0; width: 280px; color: #1e1e1e; } .interface-interface-skeleton__actions:focus { top: auto; bottom: 0; } .interface-pinned-items { display: flex; } .interface-pinned-items .components-button { margin-right: 4px; } .interface-pinned-items .components-button svg { max-width: 24px; max-height: 24px; } .edit-post-header { height: 60px; background: #fff; display: flex; flex-wrap: wrap; align-items: center; max-width: 100vw; } @media (min-width: 280px) { .edit-post-header { flex-wrap: nowrap; } } .edit-post-header > .edit-post-header__settings { order: 1; } @supports ((position: -webkit-sticky) or (position: sticky)) { .edit-post-header > .edit-post-header__settings { order: initial; } } .edit-post-header__toolbar { display: flex; flex-grow: 1; padding-right: 8px; } @media (min-width: 600px) { .edit-post-header__toolbar { padding-right: 24px; } } .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 { display: inline-flex; align-items: center; flex-wrap: wrap; padding-left: 4px; } @media (min-width: 600px) { .edit-post-header__settings { padding-left: 16px; } } /** * Buttons in the Toolbar */ .edit-post-header__settings .components-button.editor-post-save-draft, .edit-post-header__settings .editor-post-saved-state, .edit-post-header__settings .components-button.editor-post-switch-to-draft, .edit-post-header__settings .components-button.editor-post-preview, .edit-post-header__settings .components-button.block-editor-post-preview__dropdown { padding: 0 6px; margin-left: 4px; } @media (min-width: 600px) { .edit-post-header__settings .components-button.editor-post-save-draft, .edit-post-header__settings .editor-post-saved-state, .edit-post-header__settings .components-button.editor-post-switch-to-draft, .edit-post-header__settings .components-button.editor-post-preview, .edit-post-header__settings .components-button.block-editor-post-preview__dropdown { margin-left: 12px; } } .edit-post-header__settings .components-button.editor-post-save-draft, .edit-post-header__settings .components-button.editor-post-switch-to-draft, .edit-post-header__settings .components-button.editor-post-preview, .edit-post-header__settings .components-button.block-editor-post-preview__button-toggle { color: #1e1e1e; } .edit-post-header__settings .components-button.block-editor-post-preview__dropdown, .edit-post-header__settings .components-button.editor-post-publish-button, .edit-post-header__settings .components-button.editor-post-publish-panel__toggle { padding: 0 6px; margin-left: 4px; } @media (min-width: 600px) { .edit-post-header__settings .components-button.block-editor-post-preview__dropdown, .edit-post-header__settings .components-button.editor-post-publish-button, .edit-post-header__settings .components-button.editor-post-publish-panel__toggle { padding: 0 12px; margin-left: 12px; } } .edit-post-header-preview__grouping-external { display: flex; position: relative; padding-bottom: 0; } .edit-post-header-preview__button-external { padding-right: 8px; margin-left: auto; width: 100%; display: flex; justify-content: flex-start; } .edit-post-header-preview__button-external svg { margin-left: 8px; } .edit-post-post-preview-dropdown .components-popover__content > div { padding-bottom: 0; } .edit-post-fullscreen-mode-close.has-icon { display: none; } @media (min-width: 782px) { .edit-post-fullscreen-mode-close.has-icon { display: flex; align-items: center; align-self: stretch; border: none; background: #23282e; color: #fff; border-radius: 0; height: auto; width: 60px; } .edit-post-fullscreen-mode-close.has-icon:hover { background: #32373d; } .edit-post-fullscreen-mode-close.has-icon:active { color: #fff; } .edit-post-fullscreen-mode-close.has-icon:focus { box-shadow: inset 0 0 0 1.5px #007cba, inset 0 0 0 2.5px #fff; box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 0 0 2.5px #fff; } } .edit-post-header-toolbar { display: inline-flex; align-items: center; border: none; } .edit-post-header-toolbar > .components-button { display: none; } @media (min-width: 600px) { .edit-post-header-toolbar > .components-button { display: inline-flex; } } .edit-post-header-toolbar > .edit-post-header-toolbar__inserter-toggle { display: inline-flex; } .edit-post-header-toolbar .block-editor-block-navigation { display: none; } @media (min-width: 600px) { .edit-post-header-toolbar .block-editor-block-navigation { display: flex; } } .edit-post-header-toolbar > .components-button.has-icon, .edit-post-header-toolbar > .components-dropdown > .components-button.has-icon { height: 36px; min-width: 36px; padding: 6px; } .edit-post-header-toolbar > .components-button.has-icon.is-pressed, .edit-post-header-toolbar > .components-dropdown > .components-button.has-icon.is-pressed { background: #1e1e1e; } .edit-post-header-toolbar > .components-button.has-icon:focus:not(:disabled), .edit-post-header-toolbar > .components-dropdown > .components-button.has-icon:focus:not(:disabled) { box-shadow: 0 0 0 1.5px #007cba, inset 0 0 0 1px #fff; box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 0 0 1px #fff; outline: 1px solid transparent; } .edit-post-header-toolbar > .components-button.has-icon::before, .edit-post-header-toolbar > .components-dropdown > .components-button.has-icon::before { display: none; } .edit-post-header-toolbar__block-toolbar { position: absolute; top: 61px; right: 0; left: 0; background: #fff; border-bottom: 1px solid #ddd; } .edit-post-header-toolbar__block-toolbar:empty { display: none; } .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar-group, .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar { border-top: none; border-bottom: none; } .is-sidebar-opened .edit-post-header-toolbar__block-toolbar { display: none; } @media (min-width: 782px) { .is-sidebar-opened .edit-post-header-toolbar__block-toolbar { display: block; left: 280px; } } @media (min-width: 1280px) { .edit-post-header-toolbar__block-toolbar { padding-right: 8px; position: static; right: auto; left: auto; background: none; border-bottom: none; } .is-sidebar-opened .edit-post-header-toolbar__block-toolbar { left: auto; } .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar { border-right: 1px solid #ddd; } .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar-group, .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar { height: 60px; padding: 6px 0; } } .edit-post-header-toolbar .edit-post-header-toolbar__inserter-toggle.has-icon { margin-left: 8px; min-width: 32px; width: 32px; height: 32px; padding: 0; } .edit-post-more-menu { margin-right: -4px; } .edit-post-more-menu .components-button { width: auto; padding: 0 2px; } @media (min-width: 600px) { .edit-post-more-menu { margin-right: 0; } .edit-post-more-menu .components-button { padding: 0 4px; } } .edit-post-more-menu__content .components-popover__content { min-width: 260px; } @media (min-width: 480px) { .edit-post-more-menu__content .components-popover__content { width: auto; max-width: 480px; } } .edit-post-more-menu__content .components-popover__content .components-dropdown-menu__menu { padding: 0; } .components-popover.edit-post-more-menu__content { z-index: 99998; } .edit-post-keyboard-shortcut-help-modal__section { margin: 0 0 2rem 0; } .edit-post-keyboard-shortcut-help-modal__main-shortcuts .edit-post-keyboard-shortcut-help-modal__shortcut-list { margin-top: -25px; } .edit-post-keyboard-shortcut-help-modal__section-title { font-size: 0.9rem; font-weight: 600; } .edit-post-keyboard-shortcut-help-modal__shortcut { display: flex; align-items: baseline; padding: 0.6rem 0; border-top: 1px solid #ddd; margin-bottom: 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; margin: 0; flex-basis: auto; } .edit-post-keyboard-shortcut-help-modal__shortcut-key-combination { display: block; background: none; 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 { padding: 0.25rem 0.5rem; border-radius: 8%; margin: 0 0.2rem 0 0.2rem; } .edit-post-keyboard-shortcut-help-modal__shortcut-key:last-child { margin: 0 0.2rem 0 0; } .edit-post-layout__metaboxes { flex-shrink: 0; } .edit-post-layout__metaboxes:not(:empty) { border-top: 1px solid #ddd; padding: 10px 0 10px; clear: both; } .edit-post-layout__metaboxes:not(:empty) .edit-post-meta-boxes-area { margin: auto 20px; } .edit-post-layout .components-editor-notices__snackbar { position: fixed; left: 0; bottom: 40px; padding-right: 16px; padding-left: 16px; } .edit-post-layout .components-editor-notices__snackbar { /* Set left position when auto-fold is not on the body element. */ right: 0; } @media (min-width: 783px) { .edit-post-layout .components-editor-notices__snackbar { right: 160px; } } .auto-fold .edit-post-layout .components-editor-notices__snackbar { /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ } @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; } } /* Sidebar manually collapsed. */ .folded .edit-post-layout .components-editor-notices__snackbar { right: 0; } @media (min-width: 783px) { .folded .edit-post-layout .components-editor-notices__snackbar { right: 36px; } } /* Mobile menu opened. */ @media (max-width: 783px) { .auto-fold .wp-responsive-open .edit-post-layout .components-editor-notices__snackbar { right: 190px; } } /* In small screens with responsive menu expanded there is small white space. */ @media (max-width: 600px) { .auto-fold .wp-responsive-open .edit-post-layout .components-editor-notices__snackbar { margin-right: -18px; } } body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar { right: 0 !important; } .edit-post-layout .editor-post-publish-panel { position: fixed; z-index: 100001; top: 46px; bottom: 0; left: 0; right: 0; overflow: auto; } @media (min-width: 782px) { .edit-post-layout .editor-post-publish-panel { z-index: 99998; top: 32px; right: auto; width: 281px; border-right: 1px solid #ddd; transform: translateX(-100%); animation: edit-post-post-publish-panel__slide-in-animation 0.1s forwards; } } @media (min-width: 782px) and (prefers-reduced-motion: reduce) { .edit-post-layout .editor-post-publish-panel { animation-duration: 1ms; } } @media (min-width: 782px) { body.is-fullscreen-mode .edit-post-layout .editor-post-publish-panel { top: 0; } .is-focusing-regions .edit-post-layout .editor-post-publish-panel { transform: translateX(0%); } } @keyframes edit-post-post-publish-panel__slide-in-animation { 100% { transform: translateX(0%); } } .interface-interface-skeleton__sidebar > div { height: 100%; } .edit-post-layout .editor-post-publish-panel__header-publish-button { justify-content: center; } .edit-post-layout__toggle-publish-panel, .edit-post-layout__toogle-sidebar-panel, .edit-post-layout__toggle-entities-saved-states-panel { z-index: 100000; position: fixed !important; top: -9999em; bottom: auto; right: auto; left: 0; width: 280px; background-color: #fff; border: 1px dotted #ddd; height: auto !important; padding: 24px; display: flex; justify-content: center; } .interface-interface-skeleton__actions:focus .edit-post-layout__toggle-publish-panel, .interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-publish-panel, .interface-interface-skeleton__actions:focus .edit-post-layout__toggle-publish-panel, .interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-publish-panel, .interface-interface-skeleton__actions:focus .edit-post-layout__toogle-sidebar-panel, .interface-interface-skeleton__actions:focus-within .edit-post-layout__toogle-sidebar-panel, .interface-interface-skeleton__actions:focus .edit-post-layout__toogle-sidebar-panel, .interface-interface-skeleton__actions:focus-within .edit-post-layout__toogle-sidebar-panel, .interface-interface-skeleton__actions:focus .edit-post-layout__toggle-entities-saved-states-panel, .interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-entities-saved-states-panel, .interface-interface-skeleton__actions:focus .edit-post-layout__toggle-entities-saved-states-panel, .interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-entities-saved-states-panel { top: auto; bottom: 0; } .edit-post-layout__footer { display: none; z-index: 30; } @media (min-width: 782px) { .edit-post-layout__footer { display: flex; background: #fff; height: 24px; align-items: center; font-size: 13px; padding: 0 18px; } } .edit-post-layout .interface-interface-skeleton__content { background-color: #ccd0d4; } .edit-post-layout__inserter-panel { height: 100%; display: flex; flex-direction: column; } .edit-post-layout__inserter-panel-header { padding-top: 8px; padding-left: 8px; display: flex; justify-content: flex-end; } @media (min-width: 782px) { .edit-post-layout__inserter-panel-header { display: none; } } .edit-post-layout__inserter-panel-content { height: calc(100% - 36px - 8px); } @media (min-width: 782px) { .edit-post-layout__inserter-panel-content { height: 100%; } } @media (min-width: 600px) { .edit-post-manage-blocks-modal { height: calc(100% - 60px - 60px); } } .edit-post-manage-blocks-modal .components-modal__content { padding-bottom: 0; display: flex; flex-direction: column; } .edit-post-manage-blocks-modal .components-modal__header { flex-shrink: 0; margin-bottom: 0; } .edit-post-manage-blocks-modal__content { display: flex; flex-direction: column; flex: 0 1 100%; min-height: 0; } .edit-post-manage-blocks-modal__no-results { font-style: italic; padding: 24px 0; text-align: center; } .edit-post-manage-blocks-modal__search { margin: 16px 0; } .edit-post-manage-blocks-modal__search .components-base-control__field { margin-bottom: 0; } .edit-post-manage-blocks-modal__search .components-base-control__label { margin-top: -4px; } .edit-post-manage-blocks-modal__search input[type="search"].components-text-control__input { padding: 8px; border-radius: 2px; } .edit-post-manage-blocks-modal__disabled-blocks-count { border-top: 1px solid #ddd; margin-right: -24px; margin-left: -24px; padding-top: 0.6rem; padding-bottom: 0.6rem; padding-right: 24px; padding-left: 24px; background-color: #f0f0f0; } .edit-post-manage-blocks-modal__category { margin: 0 0 2rem 0; } .edit-post-manage-blocks-modal__category-title { position: -webkit-sticky; position: sticky; top: 0; padding: 16px 0; background-color: #fff; z-index: 1; } .edit-post-manage-blocks-modal__category-title .components-base-control__field { margin-bottom: 0; } .edit-post-manage-blocks-modal__category-title .components-checkbox-control__label { font-size: 0.9rem; font-weight: 600; } .edit-post-manage-blocks-modal__show-all { margin-left: 8px; } .edit-post-manage-blocks-modal__checklist { margin-top: 0; } .edit-post-manage-blocks-modal__checklist-item { margin-bottom: 0; padding-right: 16px; border-top: 1px solid #ddd; } .edit-post-manage-blocks-modal__checklist-item:last-child { border-bottom: 1px solid #ddd; } .edit-post-manage-blocks-modal__checklist-item .components-base-control__field { align-items: center; display: flex; margin: 0; } .components-modal__content .edit-post-manage-blocks-modal__checklist-item.components-checkbox-control__input-container { margin: 0 8px; } .edit-post-manage-blocks-modal__checklist-item .components-checkbox-control__label { display: flex; align-items: center; justify-content: space-between; flex-grow: 1; padding: 0.6rem 10px 0.6rem 0; } .edit-post-manage-blocks-modal__checklist-item .block-editor-block-icon { margin-left: 10px; fill: #555d66; } .edit-post-manage-blocks-modal__results { height: 100%; overflow: auto; margin-right: -24px; margin-left: -24px; padding-right: 24px; padding-left: 24px; border-top: 1px solid #ddd; } .edit-post-meta-boxes-area { position: relative; /** * The wordpress default for most meta-box elements is content-box. Some * elements such as textarea and input are set to border-box in forms.css. * These elements therefore specifically set back to border-box here, while * other elements (such as .button) are unaffected by Gutenberg's style * because of their higher specificity. */ /* Match width and positioning of the meta boxes. Override default styles. */ /* Override Default meta box stylings */ } .edit-post-meta-boxes-area__container, .edit-post-meta-boxes-area .inside { box-sizing: content-box; } .edit-post-meta-boxes-area textarea, .edit-post-meta-boxes-area input { box-sizing: border-box; } .edit-post-meta-boxes-area #poststuff { margin: 0 auto; padding-top: 0; min-width: auto; } .edit-post-meta-boxes-area #poststuff h3.hndle, .edit-post-meta-boxes-area #poststuff .stuffbox > h3, .edit-post-meta-boxes-area #poststuff h2.hndle { /* WordPress selectors yolo */ border-bottom: 1px solid #ddd; box-sizing: border-box; color: inherit; font-weight: 600; outline: none; padding: 15px; position: relative; width: 100%; } .edit-post-meta-boxes-area .postbox { border: 0; color: inherit; margin-bottom: 0; } .edit-post-meta-boxes-area .postbox > .inside { border-bottom: 1px solid #ddd; color: inherit; padding: 0 14px 14px; margin: 0; } .edit-post-meta-boxes-area .postbox .handlediv { height: 44px; width: 44px; } .edit-post-meta-boxes-area.is-loading::before { position: absolute; top: 0; right: 0; left: 0; bottom: 0; content: ""; background: transparent; z-index: 1; } .edit-post-meta-boxes-area .components-spinner { position: absolute; top: 10px; left: 20px; 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 #6c7781; } .edit-post-meta-boxes-area .metabox-location-side .postbox input[type="checkbox"]:checked { background: #fff; border-color: #6c7781; } .edit-post-meta-boxes-area .metabox-location-side .postbox input[type="checkbox"]::before { margin: -3px -4px; } .edit-post-meta-boxes-area__clear { clear: both; } .components-panel__header.edit-post-sidebar__panel-tabs { justify-content: flex-start; padding-right: 0; padding-left: 16px; border-top: 0; margin-top: 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; margin: 0 auto 0 0; padding: 0; min-width: 24px; height: 24px; } @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 { padding: 0; height: 48px; } .editor-post-last-revision__title.components-button { padding: 16px; } .editor-post-author__select { margin: -5px 0; width: 100%; } @supports ((position: -webkit-sticky) or (position: sticky)) { .editor-post-author__select { width: auto; } } .edit-post-post-link__link-post-name { font-weight: 600; } .edit-post-post-link__preview-label { font-weight: 400; margin: 0; } .edit-post-post-link__link { text-align: right; word-wrap: break-word; display: block; } .edit-post-post-link__preview-link-container { direction: ltr; } .edit-post-post-schedule { width: 100%; position: relative; justify-content: left; } .edit-post-post-schedule span { display: block; width: 45%; } .components-button.edit-post-post-schedule__toggle { text-align: left; } .editor-post-slug__input { margin: -5px 0; padding: 2px; } .edit-post-post-status .edit-post-post-publish-dropdown__switch-to-draft { margin-top: 15px; width: 100%; text-align: center; } .edit-post-post-visibility { width: 100%; justify-content: left; } .edit-post-post-visibility span { display: block; width: 45%; } @media (min-width: 782px) { .edit-post-post-visibility__dialog .components-popover__content { width: 257px; } } .edit-post-post-visibility__dialog-legend { font-weight: 600; } .edit-post-post-visibility__choice { margin: 10px 0; } .edit-post-post-visibility__dialog-radio, .edit-post-post-visibility__dialog-label { vertical-align: top; } .edit-post-post-visibility__dialog-password-input { width: calc(100% - 20px); margin-right: 20px; } .edit-post-post-visibility__dialog-info { color: #7e8993; padding-right: 20px; font-style: italic; margin: 4px 0 0; line-height: 1.4; } .components-button.edit-post-sidebar__panel-tab { border-radius: 0; height: 48px; background: transparent; border: none; box-shadow: none; cursor: pointer; display: inline-block; padding: 3px 15px; margin-right: 0; font-weight: 500; } .components-button.edit-post-sidebar__panel-tab::after { content: attr(data-label); display: block; font-weight: 600; height: 0; overflow: hidden; speak: none; visibility: hidden; } .components-button.edit-post-sidebar__panel-tab.is-active { box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 #007cba; box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 var(--wp-admin-theme-color); position: relative; z-index: 1; } .components-button.edit-post-sidebar__panel-tab.is-active::before { content: ""; position: absolute; top: 0; bottom: 1px; left: 0; right: 0; border-bottom: 4px solid transparent; } .components-button.edit-post-sidebar__panel-tab:focus { box-shadow: inset 0 0 0 1.5px #007cba; box-shadow: inset 0 0 0 1.5px 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 1.5px #007cba, inset 0 -4px 0 0 #007cba; box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 -4px 0 0 var(--wp-admin-theme-color); } .edit-post-text-editor { position: relative; width: 100%; background-color: #fff; flex-grow: 1; } .edit-post-text-editor .wp-block.editor-post-title { max-width: none; line-height: 1.4; } .edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input.editor-post-title__input.editor-post-title__input { font-family: Menlo, Consolas, monaco, monospace; font-size: 2.5em; font-weight: normal; } .edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input { border: 1px solid #ccc; margin-bottom: -1px; padding: 16px; } @media (min-width: 600px) { .edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input { padding: 24px; } } .edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input:focus { border: 1px solid #1e1e1e; } @media (min-width: 600px) { .edit-post-text-editor .wp-block.editor-post-title { padding: 0; } } .edit-post-text-editor__body { width: 100%; padding: 0 12px 12px 12px; max-width: 1080px; margin-right: auto; margin-left: auto; } @media (min-width: 960px) { .edit-post-text-editor__body { padding: 16px 24px 96px 24px; padding: 0 24px 24px 24px; } } .edit-post-text-editor__toolbar { position: -webkit-sticky; position: sticky; z-index: 1; top: 0; right: 0; left: 0; display: flex; background: rgba(255, 255, 255, 0.8); padding: 4px 12px; } @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 { line-height: 36px; margin: 0 0 0 auto; font-size: 13px; color: #1e1e1e; } .edit-post-text-editor__toolbar .components-button svg { order: 1; } .edit-post-visual-editor { position: relative; padding-top: 50px; background-color: #fff; flex: 1 1 auto; } .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.is-tertiary, .edit-post-visual-editor .components-button.has-icon { padding: 6px; } @supports ((position: -webkit-sticky) or (position: sticky)) { .edit-post-visual-editor { flex-basis: 100%; } } .edit-post-visual-editor > .block-editor__typewriter, .edit-post-visual-editor > .block-editor__typewriter > div, .edit-post-visual-editor > .block-editor__typewriter > div > .block-editor-writing-flow, .edit-post-visual-editor > .block-editor__typewriter > div > .block-editor-writing-flow > .block-editor-writing-flow__click-redirect { height: 100%; } .edit-post-visual-editor .block-editor-writing-flow__click-redirect { min-height: 40vh; width: 100%; } .has-metaboxes .edit-post-visual-editor .block-editor-writing-flow__click-redirect { height: 0; } .edit-post-visual-editor__post-title-wrapper .editor-post-title { margin-top: 2em; margin-right: auto; margin-left: auto; margin-bottom: 32px; } .edit-post-options-modal__section { margin: 0 0 2rem 0; } .edit-post-options-modal__section-title { font-size: 0.9rem; font-weight: 600; } .edit-post-options-modal__option { border-top: 1px solid #ddd; } .edit-post-options-modal__option:last-child { border-bottom: 1px solid #ddd; } .edit-post-options-modal__option .components-base-control__field { align-items: center; display: flex; margin: 0; } .edit-post-options-modal__option .components-checkbox-control__label { flex-grow: 1; padding: 0.6rem 10px 0.6rem 0; } .edit-post-options-modal__custom-fields-confirmation-message, .edit-post-options-modal__custom-fields-confirmation-button { margin: 0 48px 0.6rem 0; } @media (min-width: 782px) { .edit-post-options-modal__custom-fields-confirmation-message, .edit-post-options-modal__custom-fields-confirmation-button { margin-right: 38px; } } @media (min-width: 600px) { .edit-post-options-modal__custom-fields-confirmation-message, .edit-post-options-modal__custom-fields-confirmation-button { max-width: 300px; } } .edit-post-welcome-guide { width: 312px; } .edit-post-welcome-guide__image { background: #00a0d2; height: 240px; } .edit-post-welcome-guide__image__prm-r { display: none; } @media (prefers-reduced-motion: reduce) { .edit-post-welcome-guide__image__prm-r { display: block; } .edit-post-welcome-guide__image__prm-np { display: none; } } .edit-post-welcome-guide__heading { font-family: "Noto Serif", serif; font-size: 24px; line-height: 1.4; margin: 0 0 16px 0; padding: 0 32px; } .edit-post-welcome-guide__text { font-size: 13px; line-height: 1.4; margin: 0 0 24px 0; padding: 0 32px; } .edit-post-welcome-guide__inserter-icon { margin: 0 4px; vertical-align: text-top; } /** * Animations */ @keyframes edit-post__fade-in-animation { from { opacity: 0; } to { opacity: 1; } } html.wp-toolbar { background: #fff; } body.block-editor-page { background: #fff; /* We hide legacy notices in Gutenberg Based Pages, because they were not designed in a way that scaled well. Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */ } 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) { display: none; } 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 { width: auto; max-width: 100%; } .edit-post-header, .edit-post-visual-editor, .edit-post-text-editor, .edit-post-sidebar, .editor-post-publish-panel, .components-popover, .components-modal__frame, .edit-post-layout__inserter-panel { box-sizing: border-box; } .edit-post-header *, .edit-post-header *::before, .edit-post-header *::after, .edit-post-visual-editor *, .edit-post-visual-editor *::before, .edit-post-visual-editor *::after, .edit-post-text-editor *, .edit-post-text-editor *::before, .edit-post-text-editor *::after, .edit-post-sidebar *, .edit-post-sidebar *::before, .edit-post-sidebar *::after, .editor-post-publish-panel *, .editor-post-publish-panel *::before, .editor-post-publish-panel *::after, .components-popover *, .components-popover *::before, .components-popover *::after, .components-modal__frame *, .components-modal__frame *::before, .components-modal__frame *::after, .edit-post-layout__inserter-panel *, .edit-post-layout__inserter-panel *::before, .edit-post-layout__inserter-panel *::after { box-sizing: inherit; } @media (min-width: 600px) { .block-editor__container { position: absolute; top: 0; left: 0; bottom: 0; right: 0; min-height: calc(100vh - 46px); } } @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 { max-width: 100%; height: auto; } .block-editor__container iframe { width: 100%; } .block-editor__container .components-navigate-regions { height: 100%; } .wp-block { max-width: 580px; } .wp-block[data-align="wide"] { max-width: 1100px; } .wp-block[data-align="full"] { max-width: none; } body.admin-color-light { --wp-admin-theme-color: #0085ba; --wp-admin-theme-color-darker-10: #0073a1; --wp-admin-theme-color-darker-20: #006187; } body.admin-color-modern { --wp-admin-theme-color: #3858e9; --wp-admin-theme-color-darker-10: #2145e6; --wp-admin-theme-color-darker-20: #183ad6; } body.admin-color-blue { --wp-admin-theme-color: #096484; --wp-admin-theme-color-darker-10: #07526c; --wp-admin-theme-color-darker-20: #064054; } body.admin-color-coffee { --wp-admin-theme-color: #46403c; --wp-admin-theme-color-darker-10: #383330; --wp-admin-theme-color-darker-20: #2b2724; } body.admin-color-ectoplasm { --wp-admin-theme-color: #523f6d; --wp-admin-theme-color-darker-10: #46365d; --wp-admin-theme-color-darker-20: #3a2c4d; } body.admin-color-midnight { --wp-admin-theme-color: #e14d43; --wp-admin-theme-color-darker-10: #dd382d; --wp-admin-theme-color-darker-20: #d02c21; } body.admin-color-ocean { --wp-admin-theme-color: #627c83; --wp-admin-theme-color-darker-10: #576e74; --wp-admin-theme-color-darker-20: #4c6066; } body.admin-color-sunrise { --wp-admin-theme-color: #dd823b; --wp-admin-theme-color-darker-10: #d97426; --wp-admin-theme-color-darker-20: #c36922; } ================================================ FILE: public/vendor/gutenberg/styles/wp-edit-post/style.css ================================================ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Breakpoints & Media Queries */ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Fonts & basic variables. */ /** * Grid System. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */ /** * Dimensions. */ /** * Shadows. */ /** * Editor widths. */ /** * Block UI. */ /** * Border radii. */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left position to the selector passed as argument */ /** * Styles that are reused verbatim in a few places */ /** * Allows users to opt-out of animations via OS-level preferences. */ /** * Reset default styles for JavaScript UI based pages. * This is a WP-admin agnostic reset */ /** * Reset the WP Admin page styles for Gutenberg-like pages. */ :root { --wp-admin-theme-color: #007cba; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-20: #005a87; } .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; } } .interface-complementary-area { background: #fff; color: #1e1e1e; overflow: visible; } @media (min-width: 600px) { .interface-complementary-area { z-index: auto; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } } @media (min-width: 782px) { .interface-complementary-area { width: 280px; } } .interface-complementary-area > .components-panel { border-left: none; border-right: none; overflow: auto; -webkit-overflow-scrolling: touch; height: auto; max-height: calc(100vh - 142px); margin-top: -1px; margin-bottom: -1px; position: relative; } @media (min-width: 600px) { .interface-complementary-area > .components-panel { overflow: visible; height: auto; max-height: none; } } .interface-complementary-area > .components-panel .components-panel__header { position: fixed; z-index: 1; top: 0; left: 0; right: 0; height: 48px; } @media (min-width: 600px) { .interface-complementary-area > .components-panel .components-panel__header { position: inherit; top: auto; left: auto; right: auto; } } .interface-complementary-area p { margin-top: 0; } .interface-complementary-area h2, .interface-complementary-area h3 { font-size: 13px; color: #1e1e1e; margin-bottom: 1.5em; } .interface-complementary-area hr { border-top: none; border-bottom: 1px solid #f0f0f0; margin: 1.5em 0; } .interface-complementary-area div.components-toolbar-group, .interface-complementary-area div.components-toolbar { 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 { top: auto; right: 10px; bottom: 10px; left: auto; } @media (min-width: 782px) { body.js.is-fullscreen-mode { margin-top: -32px; height: calc(100% + 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: initial; width: initial; } } .interface-interface-skeleton { display: flex; flex-direction: column; height: auto; max-height: 100%; position: fixed; top: 46px; left: 0; right: 0; bottom: 0; } @media (min-width: 783px) { .interface-interface-skeleton { top: 32px; } .is-fullscreen-mode .interface-interface-skeleton { top: 0; } } .interface-interface-skeleton { /* Set left position when auto-fold is not on the body element. */ left: 0; } @media (min-width: 783px) { .interface-interface-skeleton { left: 160px; } } .auto-fold .interface-interface-skeleton { /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ } @media (min-width: 783px) { .auto-fold .interface-interface-skeleton { left: 36px; } } @media (min-width: 961px) { .auto-fold .interface-interface-skeleton { left: 160px; } } /* Sidebar manually collapsed. */ .folded .interface-interface-skeleton { left: 0; } @media (min-width: 783px) { .folded .interface-interface-skeleton { left: 36px; } } /* Mobile menu opened. */ @media (max-width: 783px) { .auto-fold .wp-responsive-open .interface-interface-skeleton { left: 190px; } } /* In small screens with responsive menu expanded there is small white space. */ @media (max-width: 600px) { .auto-fold .wp-responsive-open .interface-interface-skeleton { margin-left: -18px; } } body.is-fullscreen-mode .interface-interface-skeleton { left: 0 !important; } .interface-interface-skeleton__body { flex-grow: 1; display: flex; overflow: auto; overscroll-behavior-y: none; } .interface-interface-skeleton__content { flex-grow: 1; display: flex; flex-direction: column; overflow: auto; } .interface-interface-skeleton__left-sidebar, .interface-interface-skeleton__sidebar { display: block; width: auto; flex-shrink: 0; position: absolute; z-index: 100000; top: 0; right: 0; bottom: 0; left: 0; background: #fff; color: #1e1e1e; } @media (min-width: 782px) { .interface-interface-skeleton__left-sidebar, .interface-interface-skeleton__sidebar { position: relative !important; z-index: 90; } } @media (min-width: 782px) { .interface-interface-skeleton__sidebar { overflow: auto; border-left: 1px solid #f0f0f0; } } @media (min-width: 782px) { .interface-interface-skeleton__left-sidebar { border-right: 1px solid #f0f0f0; } } .interface-interface-skeleton__header { flex-shrink: 0; height: auto; border-bottom: 1px solid #f0f0f0; z-index: 30; color: #1e1e1e; position: -webkit-sticky; position: sticky; top: 0; } @media (min-width: 600px) { .interface-interface-skeleton__header { position: initial; top: 0; } } .interface-interface-skeleton__footer { height: auto; flex-shrink: 0; border-top: 1px solid #f0f0f0; color: #1e1e1e; display: none; } @media (min-width: 782px) { .interface-interface-skeleton__footer { display: block; } } .interface-interface-skeleton__actions { z-index: 100000; position: fixed !important; top: -9999em; bottom: auto; left: auto; right: 0; width: 280px; color: #1e1e1e; } .interface-interface-skeleton__actions:focus { top: auto; bottom: 0; } .interface-pinned-items { display: flex; } .interface-pinned-items .components-button { margin-left: 4px; } .interface-pinned-items .components-button svg { max-width: 24px; max-height: 24px; } .edit-post-header { height: 60px; background: #fff; display: flex; flex-wrap: wrap; align-items: center; max-width: 100vw; } @media (min-width: 280px) { .edit-post-header { flex-wrap: nowrap; } } .edit-post-header > .edit-post-header__settings { order: 1; } @supports ((position: -webkit-sticky) or (position: sticky)) { .edit-post-header > .edit-post-header__settings { order: initial; } } .edit-post-header__toolbar { display: flex; flex-grow: 1; padding-left: 8px; } @media (min-width: 600px) { .edit-post-header__toolbar { padding-left: 24px; } } .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 { display: inline-flex; align-items: center; flex-wrap: wrap; padding-right: 4px; } @media (min-width: 600px) { .edit-post-header__settings { padding-right: 16px; } } /** * Buttons in the Toolbar */ .edit-post-header__settings .components-button.editor-post-save-draft, .edit-post-header__settings .editor-post-saved-state, .edit-post-header__settings .components-button.editor-post-switch-to-draft, .edit-post-header__settings .components-button.editor-post-preview, .edit-post-header__settings .components-button.block-editor-post-preview__dropdown { padding: 0 6px; margin-right: 4px; } @media (min-width: 600px) { .edit-post-header__settings .components-button.editor-post-save-draft, .edit-post-header__settings .editor-post-saved-state, .edit-post-header__settings .components-button.editor-post-switch-to-draft, .edit-post-header__settings .components-button.editor-post-preview, .edit-post-header__settings .components-button.block-editor-post-preview__dropdown { margin-right: 12px; } } .edit-post-header__settings .components-button.editor-post-save-draft, .edit-post-header__settings .components-button.editor-post-switch-to-draft, .edit-post-header__settings .components-button.editor-post-preview, .edit-post-header__settings .components-button.block-editor-post-preview__button-toggle { color: #1e1e1e; } .edit-post-header__settings .components-button.block-editor-post-preview__dropdown, .edit-post-header__settings .components-button.editor-post-publish-button, .edit-post-header__settings .components-button.editor-post-publish-panel__toggle { padding: 0 6px; margin-right: 4px; } @media (min-width: 600px) { .edit-post-header__settings .components-button.block-editor-post-preview__dropdown, .edit-post-header__settings .components-button.editor-post-publish-button, .edit-post-header__settings .components-button.editor-post-publish-panel__toggle { padding: 0 12px; margin-right: 12px; } } .edit-post-header-preview__grouping-external { display: flex; position: relative; padding-bottom: 0; } .edit-post-header-preview__button-external { padding-left: 8px; margin-right: auto; width: 100%; display: flex; justify-content: flex-start; } .edit-post-header-preview__button-external svg { margin-right: 8px; } .edit-post-post-preview-dropdown .components-popover__content > div { padding-bottom: 0; } .edit-post-fullscreen-mode-close.has-icon { display: none; } @media (min-width: 782px) { .edit-post-fullscreen-mode-close.has-icon { display: flex; align-items: center; align-self: stretch; border: none; background: #23282e; color: #fff; border-radius: 0; height: auto; width: 60px; } .edit-post-fullscreen-mode-close.has-icon:hover { background: #32373d; } .edit-post-fullscreen-mode-close.has-icon:active { color: #fff; } .edit-post-fullscreen-mode-close.has-icon:focus { box-shadow: inset 0 0 0 1.5px #007cba, inset 0 0 0 2.5px #fff; box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 0 0 2.5px #fff; } } .edit-post-header-toolbar { display: inline-flex; align-items: center; border: none; } .edit-post-header-toolbar > .components-button { display: none; } @media (min-width: 600px) { .edit-post-header-toolbar > .components-button { display: inline-flex; } } .edit-post-header-toolbar > .edit-post-header-toolbar__inserter-toggle { display: inline-flex; } .edit-post-header-toolbar .block-editor-block-navigation { display: none; } @media (min-width: 600px) { .edit-post-header-toolbar .block-editor-block-navigation { display: flex; } } .edit-post-header-toolbar > .components-button.has-icon, .edit-post-header-toolbar > .components-dropdown > .components-button.has-icon { height: 36px; min-width: 36px; padding: 6px; } .edit-post-header-toolbar > .components-button.has-icon.is-pressed, .edit-post-header-toolbar > .components-dropdown > .components-button.has-icon.is-pressed { background: #1e1e1e; } .edit-post-header-toolbar > .components-button.has-icon:focus:not(:disabled), .edit-post-header-toolbar > .components-dropdown > .components-button.has-icon:focus:not(:disabled) { box-shadow: 0 0 0 1.5px #007cba, inset 0 0 0 1px #fff; box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 0 0 1px #fff; outline: 1px solid transparent; } .edit-post-header-toolbar > .components-button.has-icon::before, .edit-post-header-toolbar > .components-dropdown > .components-button.has-icon::before { display: none; } .edit-post-header-toolbar__block-toolbar { position: absolute; top: 61px; left: 0; right: 0; background: #fff; border-bottom: 1px solid #ddd; } .edit-post-header-toolbar__block-toolbar:empty { display: none; } .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar-group, .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar { border-top: none; border-bottom: none; } .is-sidebar-opened .edit-post-header-toolbar__block-toolbar { display: none; } @media (min-width: 782px) { .is-sidebar-opened .edit-post-header-toolbar__block-toolbar { display: block; right: 280px; } } @media (min-width: 1280px) { .edit-post-header-toolbar__block-toolbar { padding-left: 8px; position: static; left: auto; right: auto; background: none; border-bottom: none; } .is-sidebar-opened .edit-post-header-toolbar__block-toolbar { right: auto; } .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar { border-left: 1px solid #ddd; } .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar-group, .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar { height: 60px; padding: 6px 0; } } .edit-post-header-toolbar .edit-post-header-toolbar__inserter-toggle.has-icon { margin-right: 8px; min-width: 32px; width: 32px; height: 32px; padding: 0; } .edit-post-more-menu { margin-left: -4px; } .edit-post-more-menu .components-button { width: auto; padding: 0 2px; } @media (min-width: 600px) { .edit-post-more-menu { margin-left: 0; } .edit-post-more-menu .components-button { padding: 0 4px; } } .edit-post-more-menu__content .components-popover__content { min-width: 260px; } @media (min-width: 480px) { .edit-post-more-menu__content .components-popover__content { width: auto; max-width: 480px; } } .edit-post-more-menu__content .components-popover__content .components-dropdown-menu__menu { padding: 0; } .components-popover.edit-post-more-menu__content { z-index: 99998; } .edit-post-keyboard-shortcut-help-modal__section { margin: 0 0 2rem 0; } .edit-post-keyboard-shortcut-help-modal__main-shortcuts .edit-post-keyboard-shortcut-help-modal__shortcut-list { margin-top: -25px; } .edit-post-keyboard-shortcut-help-modal__section-title { font-size: 0.9rem; font-weight: 600; } .edit-post-keyboard-shortcut-help-modal__shortcut { display: flex; align-items: baseline; padding: 0.6rem 0; border-top: 1px solid #ddd; margin-bottom: 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; margin: 0; flex-basis: auto; } .edit-post-keyboard-shortcut-help-modal__shortcut-key-combination { display: block; background: none; 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 { padding: 0.25rem 0.5rem; border-radius: 8%; margin: 0 0.2rem 0 0.2rem; } .edit-post-keyboard-shortcut-help-modal__shortcut-key:last-child { margin: 0 0 0 0.2rem; } .edit-post-layout__metaboxes { flex-shrink: 0; } .edit-post-layout__metaboxes:not(:empty) { border-top: 1px solid #ddd; padding: 10px 0 10px; clear: both; } .edit-post-layout__metaboxes:not(:empty) .edit-post-meta-boxes-area { margin: auto 20px; } .edit-post-layout .components-editor-notices__snackbar { position: fixed; right: 0; bottom: 40px; padding-left: 16px; padding-right: 16px; } .edit-post-layout .components-editor-notices__snackbar { /* Set left position when auto-fold is not on the body element. */ left: 0; } @media (min-width: 783px) { .edit-post-layout .components-editor-notices__snackbar { left: 160px; } } .auto-fold .edit-post-layout .components-editor-notices__snackbar { /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ } @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; } } /* Sidebar manually collapsed. */ .folded .edit-post-layout .components-editor-notices__snackbar { left: 0; } @media (min-width: 783px) { .folded .edit-post-layout .components-editor-notices__snackbar { left: 36px; } } /* Mobile menu opened. */ @media (max-width: 783px) { .auto-fold .wp-responsive-open .edit-post-layout .components-editor-notices__snackbar { left: 190px; } } /* In small screens with responsive menu expanded there is small white space. */ @media (max-width: 600px) { .auto-fold .wp-responsive-open .edit-post-layout .components-editor-notices__snackbar { margin-left: -18px; } } body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar { left: 0 !important; } .edit-post-layout .editor-post-publish-panel { position: fixed; z-index: 100001; top: 46px; bottom: 0; right: 0; left: 0; overflow: auto; } @media (min-width: 782px) { .edit-post-layout .editor-post-publish-panel { z-index: 99998; top: 32px; left: auto; width: 281px; border-left: 1px solid #ddd; transform: translateX(100%); animation: edit-post-post-publish-panel__slide-in-animation 0.1s forwards; } } @media (min-width: 782px) and (prefers-reduced-motion: reduce) { .edit-post-layout .editor-post-publish-panel { animation-duration: 1ms; } } @media (min-width: 782px) { body.is-fullscreen-mode .edit-post-layout .editor-post-publish-panel { top: 0; } .is-focusing-regions .edit-post-layout .editor-post-publish-panel { transform: translateX(0%); } } @keyframes edit-post-post-publish-panel__slide-in-animation { 100% { transform: translateX(0%); } } .interface-interface-skeleton__sidebar > div { height: 100%; } .edit-post-layout .editor-post-publish-panel__header-publish-button { justify-content: center; } .edit-post-layout__toggle-publish-panel, .edit-post-layout__toogle-sidebar-panel, .edit-post-layout__toggle-entities-saved-states-panel { z-index: 100000; position: fixed !important; top: -9999em; bottom: auto; left: auto; right: 0; width: 280px; background-color: #fff; border: 1px dotted #ddd; height: auto !important; padding: 24px; display: flex; justify-content: center; } .interface-interface-skeleton__actions:focus .edit-post-layout__toggle-publish-panel, .interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-publish-panel, .interface-interface-skeleton__actions:focus .edit-post-layout__toggle-publish-panel, .interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-publish-panel, .interface-interface-skeleton__actions:focus .edit-post-layout__toogle-sidebar-panel, .interface-interface-skeleton__actions:focus-within .edit-post-layout__toogle-sidebar-panel, .interface-interface-skeleton__actions:focus .edit-post-layout__toogle-sidebar-panel, .interface-interface-skeleton__actions:focus-within .edit-post-layout__toogle-sidebar-panel, .interface-interface-skeleton__actions:focus .edit-post-layout__toggle-entities-saved-states-panel, .interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-entities-saved-states-panel, .interface-interface-skeleton__actions:focus .edit-post-layout__toggle-entities-saved-states-panel, .interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-entities-saved-states-panel { top: auto; bottom: 0; } .edit-post-layout__footer { display: none; z-index: 30; } @media (min-width: 782px) { .edit-post-layout__footer { display: flex; background: #fff; height: 24px; align-items: center; font-size: 13px; padding: 0 18px; } } .edit-post-layout .interface-interface-skeleton__content { background-color: #ccd0d4; } .edit-post-layout__inserter-panel { height: 100%; display: flex; flex-direction: column; } .edit-post-layout__inserter-panel-header { padding-top: 8px; padding-right: 8px; display: flex; justify-content: flex-end; } @media (min-width: 782px) { .edit-post-layout__inserter-panel-header { display: none; } } .edit-post-layout__inserter-panel-content { height: calc(100% - 36px - 8px); } @media (min-width: 782px) { .edit-post-layout__inserter-panel-content { height: 100%; } } @media (min-width: 600px) { .edit-post-manage-blocks-modal { height: calc(100% - 60px - 60px); } } .edit-post-manage-blocks-modal .components-modal__content { padding-bottom: 0; display: flex; flex-direction: column; } .edit-post-manage-blocks-modal .components-modal__header { flex-shrink: 0; margin-bottom: 0; } .edit-post-manage-blocks-modal__content { display: flex; flex-direction: column; flex: 0 1 100%; min-height: 0; } .edit-post-manage-blocks-modal__no-results { font-style: italic; padding: 24px 0; text-align: center; } .edit-post-manage-blocks-modal__search { margin: 16px 0; } .edit-post-manage-blocks-modal__search .components-base-control__field { margin-bottom: 0; } .edit-post-manage-blocks-modal__search .components-base-control__label { margin-top: -4px; } .edit-post-manage-blocks-modal__search input[type="search"].components-text-control__input { padding: 8px; border-radius: 2px; } .edit-post-manage-blocks-modal__disabled-blocks-count { border-top: 1px solid #ddd; margin-left: -24px; margin-right: -24px; padding-top: 0.6rem; padding-bottom: 0.6rem; padding-left: 24px; padding-right: 24px; background-color: #f0f0f0; } .edit-post-manage-blocks-modal__category { margin: 0 0 2rem 0; } .edit-post-manage-blocks-modal__category-title { position: -webkit-sticky; position: sticky; top: 0; padding: 16px 0; background-color: #fff; z-index: 1; } .edit-post-manage-blocks-modal__category-title .components-base-control__field { margin-bottom: 0; } .edit-post-manage-blocks-modal__category-title .components-checkbox-control__label { font-size: 0.9rem; font-weight: 600; } .edit-post-manage-blocks-modal__show-all { margin-right: 8px; } .edit-post-manage-blocks-modal__checklist { margin-top: 0; } .edit-post-manage-blocks-modal__checklist-item { margin-bottom: 0; padding-left: 16px; border-top: 1px solid #ddd; } .edit-post-manage-blocks-modal__checklist-item:last-child { border-bottom: 1px solid #ddd; } .edit-post-manage-blocks-modal__checklist-item .components-base-control__field { align-items: center; display: flex; margin: 0; } .components-modal__content .edit-post-manage-blocks-modal__checklist-item.components-checkbox-control__input-container { margin: 0 8px; } .edit-post-manage-blocks-modal__checklist-item .components-checkbox-control__label { display: flex; align-items: center; justify-content: space-between; flex-grow: 1; padding: 0.6rem 0 0.6rem 10px; } .edit-post-manage-blocks-modal__checklist-item .block-editor-block-icon { margin-right: 10px; fill: #555d66; } .edit-post-manage-blocks-modal__results { height: 100%; overflow: auto; margin-left: -24px; margin-right: -24px; padding-left: 24px; padding-right: 24px; border-top: 1px solid #ddd; } .edit-post-meta-boxes-area { position: relative; /** * The wordpress default for most meta-box elements is content-box. Some * elements such as textarea and input are set to border-box in forms.css. * These elements therefore specifically set back to border-box here, while * other elements (such as .button) are unaffected by Gutenberg's style * because of their higher specificity. */ /* Match width and positioning of the meta boxes. Override default styles. */ /* Override Default meta box stylings */ } .edit-post-meta-boxes-area__container, .edit-post-meta-boxes-area .inside { box-sizing: content-box; } .edit-post-meta-boxes-area textarea, .edit-post-meta-boxes-area input { box-sizing: border-box; } .edit-post-meta-boxes-area #poststuff { margin: 0 auto; padding-top: 0; min-width: auto; } .edit-post-meta-boxes-area #poststuff h3.hndle, .edit-post-meta-boxes-area #poststuff .stuffbox > h3, .edit-post-meta-boxes-area #poststuff h2.hndle { /* WordPress selectors yolo */ border-bottom: 1px solid #ddd; box-sizing: border-box; color: inherit; font-weight: 600; outline: none; padding: 15px; position: relative; width: 100%; } .edit-post-meta-boxes-area .postbox { border: 0; color: inherit; margin-bottom: 0; } .edit-post-meta-boxes-area .postbox > .inside { border-bottom: 1px solid #ddd; color: inherit; padding: 0 14px 14px; margin: 0; } .edit-post-meta-boxes-area .postbox .handlediv { height: 44px; width: 44px; } .edit-post-meta-boxes-area.is-loading::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background: transparent; z-index: 1; } .edit-post-meta-boxes-area .components-spinner { position: absolute; top: 10px; right: 20px; 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 #6c7781; } .edit-post-meta-boxes-area .metabox-location-side .postbox input[type="checkbox"]:checked { background: #fff; border-color: #6c7781; } .edit-post-meta-boxes-area .metabox-location-side .postbox input[type="checkbox"]::before { margin: -3px -4px; } .edit-post-meta-boxes-area__clear { clear: both; } .components-panel__header.edit-post-sidebar__panel-tabs { justify-content: flex-start; padding-left: 0; padding-right: 16px; border-top: 0; margin-top: 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; margin: 0 0 0 auto; padding: 0; min-width: 24px; height: 24px; } @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 { padding: 0; height: 48px; } .editor-post-last-revision__title.components-button { padding: 16px; } .editor-post-author__select { margin: -5px 0; width: 100%; } @supports ((position: -webkit-sticky) or (position: sticky)) { .editor-post-author__select { width: auto; } } .edit-post-post-link__link-post-name { font-weight: 600; } .edit-post-post-link__preview-label { font-weight: 400; margin: 0; } .edit-post-post-link__link { text-align: left; word-wrap: break-word; display: block; } /* rtl:begin:ignore */ .edit-post-post-link__preview-link-container { direction: ltr; } /* rtl:end:ignore */ .edit-post-post-schedule { width: 100%; position: relative; justify-content: left; } .edit-post-post-schedule span { display: block; width: 45%; } .components-button.edit-post-post-schedule__toggle { text-align: right; } .editor-post-slug__input { margin: -5px 0; padding: 2px; } .edit-post-post-status .edit-post-post-publish-dropdown__switch-to-draft { margin-top: 15px; width: 100%; text-align: center; } .edit-post-post-visibility { width: 100%; justify-content: left; } .edit-post-post-visibility span { display: block; width: 45%; } @media (min-width: 782px) { .edit-post-post-visibility__dialog .components-popover__content { width: 257px; } } .edit-post-post-visibility__dialog-legend { font-weight: 600; } .edit-post-post-visibility__choice { margin: 10px 0; } .edit-post-post-visibility__dialog-radio, .edit-post-post-visibility__dialog-label { vertical-align: top; } .edit-post-post-visibility__dialog-password-input { width: calc(100% - 20px); margin-left: 20px; } .edit-post-post-visibility__dialog-info { color: #7e8993; padding-left: 20px; font-style: italic; margin: 4px 0 0; line-height: 1.4; } .components-button.edit-post-sidebar__panel-tab { border-radius: 0; height: 48px; background: transparent; border: none; box-shadow: none; cursor: pointer; display: inline-block; padding: 3px 15px; margin-left: 0; font-weight: 500; } .components-button.edit-post-sidebar__panel-tab::after { content: attr(data-label); display: block; font-weight: 600; height: 0; overflow: hidden; speak: none; visibility: hidden; } .components-button.edit-post-sidebar__panel-tab.is-active { box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 #007cba; box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 var(--wp-admin-theme-color); position: relative; z-index: 1; } .components-button.edit-post-sidebar__panel-tab.is-active::before { content: ""; position: absolute; top: 0; bottom: 1px; right: 0; left: 0; border-bottom: 4px solid transparent; } .components-button.edit-post-sidebar__panel-tab:focus { box-shadow: inset 0 0 0 1.5px #007cba; box-shadow: inset 0 0 0 1.5px 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 1.5px #007cba, inset 0 -4px 0 0 #007cba; box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 -4px 0 0 var(--wp-admin-theme-color); } .edit-post-text-editor { position: relative; width: 100%; background-color: #fff; flex-grow: 1; } .edit-post-text-editor .wp-block.editor-post-title { max-width: none; line-height: 1.4; } .edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input.editor-post-title__input.editor-post-title__input { font-family: Menlo, Consolas, monaco, monospace; font-size: 2.5em; font-weight: normal; } .edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input { border: 1px solid #ccc; margin-bottom: -1px; padding: 16px; } @media (min-width: 600px) { .edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input { padding: 24px; } } .edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input:focus { border: 1px solid #1e1e1e; } @media (min-width: 600px) { .edit-post-text-editor .wp-block.editor-post-title { padding: 0; } } .edit-post-text-editor__body { width: 100%; padding: 0 12px 12px 12px; max-width: 1080px; margin-left: auto; margin-right: auto; } @media (min-width: 960px) { .edit-post-text-editor__body { padding: 16px 24px 96px 24px; padding: 0 24px 24px 24px; } } .edit-post-text-editor__toolbar { position: -webkit-sticky; position: sticky; z-index: 1; top: 0; left: 0; right: 0; display: flex; background: rgba(255, 255, 255, 0.8); padding: 4px 12px; } @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 { line-height: 36px; margin: 0 auto 0 0; font-size: 13px; color: #1e1e1e; } .edit-post-text-editor__toolbar .components-button svg { order: 1; } .edit-post-visual-editor { position: relative; padding-top: 50px; background-color: #fff; flex: 1 1 auto; } .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.is-tertiary, .edit-post-visual-editor .components-button.has-icon { padding: 6px; } @supports ((position: -webkit-sticky) or (position: sticky)) { .edit-post-visual-editor { flex-basis: 100%; } } .edit-post-visual-editor > .block-editor__typewriter, .edit-post-visual-editor > .block-editor__typewriter > div, .edit-post-visual-editor > .block-editor__typewriter > div > .block-editor-writing-flow, .edit-post-visual-editor > .block-editor__typewriter > div > .block-editor-writing-flow > .block-editor-writing-flow__click-redirect { height: 100%; } .edit-post-visual-editor .block-editor-writing-flow__click-redirect { min-height: 40vh; width: 100%; } .has-metaboxes .edit-post-visual-editor .block-editor-writing-flow__click-redirect { height: 0; } .edit-post-visual-editor__post-title-wrapper .editor-post-title { margin-top: 2em; margin-left: auto; margin-right: auto; margin-bottom: 32px; } .edit-post-options-modal__section { margin: 0 0 2rem 0; } .edit-post-options-modal__section-title { font-size: 0.9rem; font-weight: 600; } .edit-post-options-modal__option { border-top: 1px solid #ddd; } .edit-post-options-modal__option:last-child { border-bottom: 1px solid #ddd; } .edit-post-options-modal__option .components-base-control__field { align-items: center; display: flex; margin: 0; } .edit-post-options-modal__option .components-checkbox-control__label { flex-grow: 1; padding: 0.6rem 0 0.6rem 10px; } .edit-post-options-modal__custom-fields-confirmation-message, .edit-post-options-modal__custom-fields-confirmation-button { margin: 0 0 0.6rem 48px; } @media (min-width: 782px) { .edit-post-options-modal__custom-fields-confirmation-message, .edit-post-options-modal__custom-fields-confirmation-button { margin-left: 38px; } } @media (min-width: 600px) { .edit-post-options-modal__custom-fields-confirmation-message, .edit-post-options-modal__custom-fields-confirmation-button { max-width: 300px; } } .edit-post-welcome-guide { width: 312px; } .edit-post-welcome-guide__image { background: #00a0d2; height: 240px; } .edit-post-welcome-guide__image__prm-r { display: none; } @media (prefers-reduced-motion: reduce) { .edit-post-welcome-guide__image__prm-r { display: block; } .edit-post-welcome-guide__image__prm-np { display: none; } } .edit-post-welcome-guide__heading { font-family: "Noto Serif", serif; font-size: 24px; line-height: 1.4; margin: 0 0 16px 0; padding: 0 32px; } .edit-post-welcome-guide__text { font-size: 13px; line-height: 1.4; margin: 0 0 24px 0; padding: 0 32px; } .edit-post-welcome-guide__inserter-icon { margin: 0 4px; vertical-align: text-top; } /** * Animations */ @keyframes edit-post__fade-in-animation { from { opacity: 0; } to { opacity: 1; } } html.wp-toolbar { background: #fff; } body.block-editor-page { background: #fff; /* We hide legacy notices in Gutenberg Based Pages, because they were not designed in a way that scaled well. Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */ } 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) { display: none; } 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 { width: auto; max-width: 100%; } .edit-post-header, .edit-post-visual-editor, .edit-post-text-editor, .edit-post-sidebar, .editor-post-publish-panel, .components-popover, .components-modal__frame, .edit-post-layout__inserter-panel { box-sizing: border-box; } .edit-post-header *, .edit-post-header *::before, .edit-post-header *::after, .edit-post-visual-editor *, .edit-post-visual-editor *::before, .edit-post-visual-editor *::after, .edit-post-text-editor *, .edit-post-text-editor *::before, .edit-post-text-editor *::after, .edit-post-sidebar *, .edit-post-sidebar *::before, .edit-post-sidebar *::after, .editor-post-publish-panel *, .editor-post-publish-panel *::before, .editor-post-publish-panel *::after, .components-popover *, .components-popover *::before, .components-popover *::after, .components-modal__frame *, .components-modal__frame *::before, .components-modal__frame *::after, .edit-post-layout__inserter-panel *, .edit-post-layout__inserter-panel *::before, .edit-post-layout__inserter-panel *::after { box-sizing: inherit; } @media (min-width: 600px) { .block-editor__container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; min-height: calc(100vh - 46px); } } @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 { max-width: 100%; height: auto; } .block-editor__container iframe { width: 100%; } .block-editor__container .components-navigate-regions { height: 100%; } .wp-block { max-width: 580px; } .wp-block[data-align="wide"] { max-width: 1100px; } .wp-block[data-align="full"] { max-width: none; } body.admin-color-light { --wp-admin-theme-color: #0085ba; --wp-admin-theme-color-darker-10: #0073a1; --wp-admin-theme-color-darker-20: #006187; } body.admin-color-modern { --wp-admin-theme-color: #3858e9; --wp-admin-theme-color-darker-10: #2145e6; --wp-admin-theme-color-darker-20: #183ad6; } body.admin-color-blue { --wp-admin-theme-color: #096484; --wp-admin-theme-color-darker-10: #07526c; --wp-admin-theme-color-darker-20: #064054; } body.admin-color-coffee { --wp-admin-theme-color: #46403c; --wp-admin-theme-color-darker-10: #383330; --wp-admin-theme-color-darker-20: #2b2724; } body.admin-color-ectoplasm { --wp-admin-theme-color: #523f6d; --wp-admin-theme-color-darker-10: #46365d; --wp-admin-theme-color-darker-20: #3a2c4d; } body.admin-color-midnight { --wp-admin-theme-color: #e14d43; --wp-admin-theme-color-darker-10: #dd382d; --wp-admin-theme-color-darker-20: #d02c21; } body.admin-color-ocean { --wp-admin-theme-color: #627c83; --wp-admin-theme-color-darker-10: #576e74; --wp-admin-theme-color-darker-20: #4c6066; } body.admin-color-sunrise { --wp-admin-theme-color: #dd823b; --wp-admin-theme-color-darker-10: #d97426; --wp-admin-theme-color-darker-20: #c36922; } ================================================ FILE: public/vendor/gutenberg/styles/wp-editor/editor-styles-rtl.css ================================================ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Breakpoints & Media Queries */ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Fonts & basic variables. */ /** * Grid System. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */ /** * Dimensions. */ /** * Shadows. */ /** * Editor widths. */ /** * Block UI. */ /** * Border radii. */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left position to the selector passed as argument */ /** * Styles that are reused verbatim in a few places */ /** * Allows users to opt-out of animations via OS-level preferences. */ /** * Reset default styles for JavaScript UI based pages. * This is a WP-admin agnostic reset */ /** * Reset the WP Admin page styles for Gutenberg-like pages. */ :root { --wp-admin-theme-color: #007cba; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-20: #005a87; } /** * Editor Normalization Styles * * These are only output in the editor, but styles here are prefixed .editor-styles-wrapper and affect the theming * of the editor by themes. * Why do these exist? Why not rely on browser defaults? * These styles are necessary so long as CSS can bleed from the wp-admin into the editing canvas itself. * Let's continue working to refactor these away, whether through Shadow DOM or better scoping of upstream styles. */ body { font-family: "Noto Serif", serif; font-size: 16px; line-height: 1.8; color: #1e1e1e; padding: 10px; } .block-editor-block-list__layout.is-root-container > .wp-block[data-align="full"] { margin-right: -10px; margin-left: -10px; } /* Headings */ h1 { font-size: 2.44em; } h2 { font-size: 1.95em; } h3 { font-size: 1.56em; } h4 { font-size: 1.25em; } h5 { font-size: 1em; } h6 { font-size: 0.8em; } h1, h2, h3 { line-height: 1.4; } h4 { line-height: 1.5; } h1 { margin-top: 0.67em; margin-bottom: 0.67em; } h2 { margin-top: 0.83em; margin-bottom: 0.83em; } h3 { margin-top: 1em; margin-bottom: 1em; } h4 { margin-top: 1.33em; margin-bottom: 1.33em; } h5 { margin-top: 1.67em; margin-bottom: 1.67em; } h6 { margin-top: 2.33em; margin-bottom: 2.33em; } h1, h2, h3, h4, h5, h6 { color: inherit; } p { font-size: inherit; line-height: inherit; margin-top: 28px; margin-bottom: 28px; } ul, ol { margin-bottom: 28px; padding-right: 1.3em; margin-right: 1.3em; } ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; } ul li, ol li { margin-bottom: initial; } ul { list-style-type: disc; } ol { list-style-type: decimal; } ul ul, ol ul { list-style-type: circle; } .wp-align-wrapper { max-width: 580px; } .wp-align-wrapper > .wp-block, .wp-align-wrapper.wp-align-full { max-width: none; } .wp-align-wrapper.wp-align-wide { max-width: 1100px; } a { transition: none; } code, kbd { padding: 0; margin: 0; background: inherit; font-size: inherit; font-family: monospace; } ================================================ FILE: public/vendor/gutenberg/styles/wp-editor/editor-styles.css ================================================ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Breakpoints & Media Queries */ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Fonts & basic variables. */ /** * Grid System. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */ /** * Dimensions. */ /** * Shadows. */ /** * Editor widths. */ /** * Block UI. */ /** * Border radii. */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left position to the selector passed as argument */ /** * Styles that are reused verbatim in a few places */ /** * Allows users to opt-out of animations via OS-level preferences. */ /** * Reset default styles for JavaScript UI based pages. * This is a WP-admin agnostic reset */ /** * Reset the WP Admin page styles for Gutenberg-like pages. */ :root { --wp-admin-theme-color: #007cba; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-20: #005a87; } /** * Editor Normalization Styles * * These are only output in the editor, but styles here are prefixed .editor-styles-wrapper and affect the theming * of the editor by themes. * Why do these exist? Why not rely on browser defaults? * These styles are necessary so long as CSS can bleed from the wp-admin into the editing canvas itself. * Let's continue working to refactor these away, whether through Shadow DOM or better scoping of upstream styles. */ body { font-family: "Noto Serif", serif; font-size: 16px; line-height: 1.8; color: #1e1e1e; padding: 10px; } .block-editor-block-list__layout.is-root-container > .wp-block[data-align="full"] { margin-left: -10px; margin-right: -10px; } /* Headings */ h1 { font-size: 2.44em; } h2 { font-size: 1.95em; } h3 { font-size: 1.56em; } h4 { font-size: 1.25em; } h5 { font-size: 1em; } h6 { font-size: 0.8em; } h1, h2, h3 { line-height: 1.4; } h4 { line-height: 1.5; } h1 { margin-top: 0.67em; margin-bottom: 0.67em; } h2 { margin-top: 0.83em; margin-bottom: 0.83em; } h3 { margin-top: 1em; margin-bottom: 1em; } h4 { margin-top: 1.33em; margin-bottom: 1.33em; } h5 { margin-top: 1.67em; margin-bottom: 1.67em; } h6 { margin-top: 2.33em; margin-bottom: 2.33em; } h1, h2, h3, h4, h5, h6 { color: inherit; } p { font-size: inherit; line-height: inherit; margin-top: 28px; margin-bottom: 28px; } ul, ol { margin-bottom: 28px; padding-left: 1.3em; margin-left: 1.3em; } ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; } ul li, ol li { margin-bottom: initial; } ul { list-style-type: disc; } ol { list-style-type: decimal; } ul ul, ol ul { list-style-type: circle; } .wp-align-wrapper { max-width: 580px; } .wp-align-wrapper > .wp-block, .wp-align-wrapper.wp-align-full { max-width: none; } .wp-align-wrapper.wp-align-wide { max-width: 1100px; } a { transition: none; } code, kbd { padding: 0; margin: 0; background: inherit; font-size: inherit; font-family: monospace; } ================================================ FILE: public/vendor/gutenberg/styles/wp-editor/style-rtl.css ================================================ @charset "UTF-8"; /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Breakpoints & Media Queries */ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Fonts & basic variables. */ /** * Grid System. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */ /** * Dimensions. */ /** * Shadows. */ /** * Editor widths. */ /** * Block UI. */ /** * Border radii. */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left position to the selector passed as argument */ /** * Styles that are reused verbatim in a few places */ /** * Allows users to opt-out of animations via OS-level preferences. */ /** * Reset default styles for JavaScript UI based pages. * This is a WP-admin agnostic reset */ /** * Reset the WP Admin page styles for Gutenberg-like pages. */ :root { --wp-admin-theme-color: #007cba; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-20: #005a87; } .editor-autocompleters__user .editor-autocompleters__no-avatar::before { /* stylelint-disable */ font: normal 20px/1 dashicons; /* stylelint-enable */ content: "\f110"; margin-left: 5px; vertical-align: middle; } .editor-autocompleters__user .editor-autocompleters__user-avatar { margin-left: 8px; flex-grow: 0; flex-shrink: 0; max-width: none; width: 24px; height: 24px; } .editor-autocompleters__user .editor-autocompleters__user-name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 200px; flex-shrink: 0; flex-grow: 1; } .editor-autocompleters__user .editor-autocompleters__user-slug { margin-right: 8px; color: #8f98a1; white-space: nowrap; text-overflow: ellipsis; overflow: none; max-width: 100px; flex-grow: 0; flex-shrink: 0; } .editor-autocompleters__user:hover .editor-autocompleters__user-slug { color: #007cba; 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 { cursor: pointer; background: none; border: none; display: flex; align-items: flex-start; margin: 0 -1px 0 0; padding: 2px 1px 2px 5px; color: #1e1e1e; text-align: right; border-radius: 2px; } .document-outline__button:disabled { cursor: default; } .document-outline__button:focus { box-shadow: 0 0 0 1.5px #007cba; box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .document-outline__level { background: #ddd; color: #1e1e1e; border-radius: 3px; font-size: 13px; padding: 1px 6px; margin-left: 4px; } .is-invalid .document-outline__level { background: #f0b849; } .document-outline__item-content { padding: 1px 0; } .components-editor-notices__dismissible { position: -webkit-sticky; position: sticky; top: 0; left: 0; color: #1e1e1e; } .components-editor-notices__pinned { position: relative; right: 0; top: 0; left: 0; color: #1e1e1e; } .components-editor-notices__dismissible .components-notice, .components-editor-notices__pinned .components-notice { box-sizing: border-box; margin: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 0 12px; min-height: 60px; } .components-editor-notices__dismissible .components-notice .components-notice__dismiss, .components-editor-notices__pinned .components-notice .components-notice__dismiss { margin-top: 12px; } .components-editor-notices__snackbar { width: 100%; } @media (min-width: 782px) { .components-editor-notices__snackbar { width: fit-content; width: -moz-fit-content; } } .entities-saved-states__panel { box-sizing: border-box; background: #fff; position: fixed; z-index: 100001; top: 46px; bottom: 0; left: 0; right: 0; overflow: auto; box-sizing: border-box; } .entities-saved-states__panel *, .entities-saved-states__panel *::before, .entities-saved-states__panel *::after { 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 { z-index: 99998; top: 32px; right: auto; width: 280px; border-right: 1px solid #ddd; } 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; padding-right: 8px; padding-left: 8px; height: 61px; border-bottom: 1px solid #ddd; display: flex; align-items: center; align-content: space-between; } .entities-saved-states__panel .entities-saved-states__panel-header .editor-entities-saved-states__save-button { margin: auto; } .entities-saved-states__panel .entities-saved-states__panel-header .components-button.has-icon { position: absolute; left: 8px; } .entities-saved-states__panel .entities-saved-states__text-prompt { border-bottom: 1px solid #ddd; padding: 16px; padding-bottom: 4px; } .editor-error-boundary { margin: auto; max-width: 780px; padding: 20px; margin-top: 60px; box-shadow: 0 3px 30px rgba(0, 0, 0, 0.2); } .editor-page-attributes__template { margin-bottom: 10px; } .editor-page-attributes__template label, .editor-page-attributes__template select { width: 100%; } .editor-page-attributes__order { width: 100%; } .editor-page-attributes__order .components-base-control__field { display: flex; justify-content: space-between; align-items: center; } .editor-page-attributes__order input { width: 66px; } .editor-post-excerpt__textarea { width: 100%; margin-bottom: 10px; } .editor-post-featured-image { padding: 0; } .editor-post-featured-image__container { margin-bottom: 1em; position: relative; } .editor-post-featured-image .components-spinner { position: absolute; top: 50%; right: 50%; margin-top: -9px; margin-right: -9px; } .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__toggle, .editor-post-featured-image__preview { display: block; width: 100%; padding: 0; transition: all 0.1s ease-out; box-shadow: 0 0 0 0 #007cba; box-shadow: 0 0 0 0 var(--wp-admin-theme-color); } @media (prefers-reduced-motion: reduce) { .editor-post-featured-image__toggle, .editor-post-featured-image__preview { 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 #007cba; box-shadow: 0 0 0 4px var(--wp-admin-theme-color); } .editor-post-featured-image__toggle { border-radius: 2px; background-color: #f0f0f0; min-height: 90px; line-height: 20px; padding: 8px 0; text-align: center; } .editor-post-featured-image__toggle:hover { background: #ddd; color: #1e1e1e; } .editor-post-format { flex-direction: column; align-items: stretch; width: 100%; } .editor-post-format__content { display: inline-flex; justify-content: space-between; align-items: center; width: 100%; } .editor-post-format__suggestion { text-align: left; font-size: 13px; } .editor-post-last-revision__title { width: 100%; font-weight: 600; } .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:hover, .components-button.editor-post-last-revision__title:active { background: #f0f0f0; } .components-button.editor-post-last-revision__title:focus { box-shadow: inset 0 0 0 1.5px #007cba; box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color); border-radius: 0; } .editor-post-locked-modal { height: auto; padding-left: 10px; padding-right: 10px; padding-top: 10px; max-width: 480px; } .editor-post-locked-modal .components-modal__header { height: 36px; } .editor-post-locked-modal .components-modal__content { height: auto; } .editor-post-locked-modal__buttons { margin-top: 10px; } .editor-post-locked-modal__buttons .components-button { margin-left: 5px; } .editor-post-locked-modal__avatar { float: right; margin: 5px; margin-left: 15px; } .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 { background: #fff; padding-right: 16px; padding-left: 16px; height: 61px; border-bottom: 1px solid #ddd; display: flex; align-items: center; align-content: space-between; } .editor-post-publish-panel__header .components-button { width: 100%; justify-content: center; } .editor-post-publish-panel__header .has-icon { margin-right: auto; width: auto; } .editor-post-publish-panel__header-publish-button, .editor-post-publish-panel__header-cancel-button { flex-grow: 1; } @media (min-width: 480px) { .editor-post-publish-panel__header-publish-button, .editor-post-publish-panel__header-cancel-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 { display: inline-flex; align-items: center; } .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-right: -16px; margin-left: -16px; } .editor-post-publish-panel__prepublish .editor-post-visibility__dialog-legend { display: none; } .post-publish-panel__postpublish .components-panel__body { border-bottom: 1px solid #f0f0f0; border-top: none; } .post-publish-panel__postpublish-buttons { display: flex; align-content: space-between; flex-wrap: wrap; margin: -5px; } .post-publish-panel__postpublish-buttons > * { flex-grow: 1; margin: 5px; } .post-publish-panel__postpublish-buttons .components-button { height: auto; justify-content: center; padding: 3px 10px 4px; line-height: 1.6; text-align: center; white-space: normal; } .post-publish-panel__postpublish-buttons .components-clipboard-button { width: 100%; } .post-publish-panel__postpublish-post-address { margin-bottom: 16px; } .post-publish-panel__postpublish-post-address input[readonly] { padding: 10px; background: #ddd; overflow: hidden; text-overflow: ellipsis; } .post-publish-panel__postpublish-header { font-weight: 500; } .post-publish-panel__postpublish-subheader { margin: 0 0 8px; } .post-publish-panel__tip { color: #f0b849; } .editor-post-saved-state { display: flex; align-items: center; width: 28px; padding: 12px 4px; color: #757575; overflow: hidden; white-space: nowrap; } .editor-post-saved-state svg { display: inline-block; flex: 0 0 auto; fill: currentColor; margin-left: 8px; } @media (min-width: 600px) { .editor-post-saved-state { width: auto; padding: 8px 12px; text-indent: inherit; } .editor-post-saved-state svg { margin-left: 4px; } } .editor-post-taxonomies__hierarchical-terms-list { max-height: 14em; overflow: auto; padding-right: 2px; } .editor-post-taxonomies__hierarchical-terms-choice { margin-bottom: 8px; } .editor-post-taxonomies__hierarchical-terms-subchoices { margin-top: 8px; margin-right: 16px; } .components-button.editor-post-taxonomies__hierarchical-terms-submit, .components-button.editor-post-taxonomies__hierarchical-terms-add { margin-top: 12px; } .editor-post-taxonomies__hierarchical-terms-label { display: inline-block; margin-top: 12px; } .editor-post-taxonomies__hierarchical-terms-input { margin-top: 8px; width: 100%; } .editor-post-taxonomies__hierarchical-terms-filter { margin-bottom: 8px; width: 100%; } .edit-post-text-editor__body textarea.editor-post-text-editor { border: 1px solid #ccc; display: block; margin: 0; width: 100%; box-shadow: none; resize: none; overflow: hidden; font-family: Menlo, Consolas, monaco, monospace; line-height: 2.4; border-radius: 0; min-height: 200px; padding: 16px; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px !important; } @media (min-width: 600px) { .edit-post-text-editor__body textarea.editor-post-text-editor { padding: 24px; } } @media (min-width: 600px) { .edit-post-text-editor__body textarea.editor-post-text-editor { font-size: 15px !important; } } .edit-post-text-editor__body textarea.editor-post-text-editor:focus { border: 1px solid #1e1e1e; box-shadow: none; position: relative; } .edit-post-post-visibility__dialog, .editor-post-visibility__dialog-fieldset { padding: 4px; padding-top: 0; } .edit-post-post-visibility__dialog .editor-post-visibility__dialog-legend, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-legend { font-weight: 600; margin-bottom: 1em; margin-top: 0.5em; padding: 0; } .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"], .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; border: 1px solid #1e1e1e; margin-left: 12px; transition: none; border-radius: 50%; margin-top: 2px; } @media (prefers-reduced-motion: reduce) { .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"], .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"] { transition-duration: 0s; } } @media (min-width: 600px) { .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"], .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:focus, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:focus { border-color: #007cba; border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px #007cba; box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]::-webkit-input-placeholder, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]::-moz-placeholder, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:-ms-input-placeholder, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .is-dark-theme .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]::-webkit-input-placeholder, .is-dark-theme .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); } .is-dark-theme .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]::-moz-placeholder, .is-dark-theme .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); } .is-dark-theme .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:-ms-input-placeholder, .is-dark-theme .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); } .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:checked::before, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:checked::before { width: 7px; height: 7px; margin: 8px 8px 0 0; background-color: #fff; border: 3px solid #fff; } @media (min-width: 782px) { .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:checked::before, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:checked::before { width: 6px; height: 6px; margin: 4px 4px 0 0; } } .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:focus, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px #007cba; box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:checked, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:checked { background: #007cba; background: var(--wp-admin-theme-color); border-color: #007cba; border-color: var(--wp-admin-theme-color); } .edit-post-post-visibility__dialog .editor-post-visibility__dialog-label, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-label { font-weight: 600; } .edit-post-post-visibility__dialog .editor-post-visibility__dialog-info, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-info { margin-top: 0; margin-right: 28px; } .edit-post-post-visibility__dialog .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info, .editor-post-visibility__dialog-fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info { margin-bottom: 0; } .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"], .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; margin-right: 28px; } @media (prefers-reduced-motion: reduce) { .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"], .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"] { transition-duration: 0s; } } @media (min-width: 600px) { .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"], .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]:focus, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]:focus { border-color: #007cba; border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px #007cba; box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]::-webkit-input-placeholder, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]::-moz-placeholder, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]:-ms-input-placeholder, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .is-dark-theme .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]::-webkit-input-placeholder, .is-dark-theme .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); } .is-dark-theme .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]::-moz-placeholder, .is-dark-theme .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); } .is-dark-theme .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]:-ms-input-placeholder, .is-dark-theme .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); } .editor-post-title { position: relative; } .editor-post-title .editor-post-title__input { display: block; width: 100%; margin: 0; box-shadow: none; background: transparent; transition: border 0.1s ease-out, box-shadow 0.1s linear; padding: 19px 0; word-break: keep-all; font-family: inherit; color: inherit; border: 1px solid transparent; border-right-width: 0; border-left-width: 0; border-radius: 0; outline: 1px solid transparent; font-size: 2.44em; font-weight: bold; line-height: 1.4; } @media (prefers-reduced-motion: reduce) { .editor-post-title .editor-post-title__input { transition-duration: 0s; } } @media (min-width: 600px) { .editor-post-title .editor-post-title__input { border-width: 1px; } } .editor-post-title .editor-post-title__input::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.55); } .editor-post-title .editor-post-title__input::-moz-placeholder { color: rgba(30, 30, 30, 0.55); } .editor-post-title .editor-post-title__input:-ms-input-placeholder { color: rgba(30, 30, 30, 0.55); } .editor-post-title .editor-post-title__input:focus { border: 1px solid transparent; outline: 1px solid transparent; box-shadow: none; } .editor-post-title.is-focus-mode .editor-post-title__input { opacity: 0.5; transition: opacity 0.1s linear; } @media (prefers-reduced-motion: reduce) { .editor-post-title.is-focus-mode .editor-post-title__input { transition-duration: 0s; } } .editor-post-title.is-focus-mode .editor-post-title__input:focus { opacity: 1; } .editor-post-trash.components-button { margin-right: -6px; } .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 > div { 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 { content: ""; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; box-shadow: inset 0 0 0 1.5px #007cba; box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color); } .table-of-contents__counts { display: flex; flex-wrap: wrap; margin: 0; } .table-of-contents__count { flex-basis: 25%; display: flex; flex-direction: column; font-size: 13px; color: #6c7781; padding-left: 8px; margin-bottom: 0; } .table-of-contents__count:last-child { padding-left: 0; } .table-of-contents__number, .table-of-contents__popover .word-count { font-size: 21px; font-weight: 400; line-height: 30px; color: #555d66; } .table-of-contents__title { display: block; margin-top: 20px; font-size: 15px; font-weight: 600; } .editor-template-validation-notice { display: flex; justify-content: space-between; align-items: center; } .editor-template-validation-notice .components-button { margin-right: 5px; } ================================================ FILE: public/vendor/gutenberg/styles/wp-editor/style.css ================================================ @charset "UTF-8"; /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Breakpoints & Media Queries */ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Fonts & basic variables. */ /** * Grid System. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */ /** * Dimensions. */ /** * Shadows. */ /** * Editor widths. */ /** * Block UI. */ /** * Border radii. */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left position to the selector passed as argument */ /** * Styles that are reused verbatim in a few places */ /** * Allows users to opt-out of animations via OS-level preferences. */ /** * Reset default styles for JavaScript UI based pages. * This is a WP-admin agnostic reset */ /** * Reset the WP Admin page styles for Gutenberg-like pages. */ :root { --wp-admin-theme-color: #007cba; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-20: #005a87; } .editor-autocompleters__user .editor-autocompleters__no-avatar::before { /* stylelint-disable */ font: normal 20px/1 dashicons; /* stylelint-enable */ content: "\f110"; margin-right: 5px; vertical-align: middle; } .editor-autocompleters__user .editor-autocompleters__user-avatar { margin-right: 8px; flex-grow: 0; flex-shrink: 0; max-width: none; width: 24px; height: 24px; } .editor-autocompleters__user .editor-autocompleters__user-name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 200px; flex-shrink: 0; flex-grow: 1; } .editor-autocompleters__user .editor-autocompleters__user-slug { margin-left: 8px; color: #8f98a1; white-space: nowrap; text-overflow: ellipsis; overflow: none; max-width: 100px; flex-grow: 0; flex-shrink: 0; } .editor-autocompleters__user:hover .editor-autocompleters__user-slug { color: #007cba; 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 { cursor: pointer; background: none; border: none; display: flex; align-items: flex-start; margin: 0 0 0 -1px; padding: 2px 5px 2px 1px; color: #1e1e1e; text-align: left; border-radius: 2px; } .document-outline__button:disabled { cursor: default; } .document-outline__button:focus { box-shadow: 0 0 0 1.5px #007cba; box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .document-outline__level { background: #ddd; color: #1e1e1e; border-radius: 3px; font-size: 13px; padding: 1px 6px; margin-right: 4px; } .is-invalid .document-outline__level { background: #f0b849; } .document-outline__item-content { padding: 1px 0; } .components-editor-notices__dismissible { position: -webkit-sticky; position: sticky; top: 0; right: 0; color: #1e1e1e; } .components-editor-notices__pinned { position: relative; left: 0; top: 0; right: 0; color: #1e1e1e; } .components-editor-notices__dismissible .components-notice, .components-editor-notices__pinned .components-notice { box-sizing: border-box; margin: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 0 12px; min-height: 60px; } .components-editor-notices__dismissible .components-notice .components-notice__dismiss, .components-editor-notices__pinned .components-notice .components-notice__dismiss { margin-top: 12px; } .components-editor-notices__snackbar { width: 100%; } @media (min-width: 782px) { .components-editor-notices__snackbar { width: fit-content; width: -moz-fit-content; } } .entities-saved-states__panel { box-sizing: border-box; background: #fff; position: fixed; z-index: 100001; top: 46px; bottom: 0; right: 0; left: 0; overflow: auto; box-sizing: border-box; } .entities-saved-states__panel *, .entities-saved-states__panel *::before, .entities-saved-states__panel *::after { 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 { z-index: 99998; top: 32px; left: auto; width: 280px; border-left: 1px solid #ddd; } 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; padding-left: 8px; padding-right: 8px; height: 61px; border-bottom: 1px solid #ddd; display: flex; align-items: center; align-content: space-between; } .entities-saved-states__panel .entities-saved-states__panel-header .editor-entities-saved-states__save-button { margin: auto; } .entities-saved-states__panel .entities-saved-states__panel-header .components-button.has-icon { position: absolute; right: 8px; } .entities-saved-states__panel .entities-saved-states__text-prompt { border-bottom: 1px solid #ddd; padding: 16px; padding-bottom: 4px; } .editor-error-boundary { margin: auto; max-width: 780px; padding: 20px; margin-top: 60px; box-shadow: 0 3px 30px rgba(0, 0, 0, 0.2); } .editor-page-attributes__template { margin-bottom: 10px; } .editor-page-attributes__template label, .editor-page-attributes__template select { width: 100%; } .editor-page-attributes__order { width: 100%; } .editor-page-attributes__order .components-base-control__field { display: flex; justify-content: space-between; align-items: center; } .editor-page-attributes__order input { width: 66px; } .editor-post-excerpt__textarea { width: 100%; margin-bottom: 10px; } .editor-post-featured-image { padding: 0; } .editor-post-featured-image__container { margin-bottom: 1em; position: relative; } .editor-post-featured-image .components-spinner { position: absolute; top: 50%; left: 50%; margin-top: -9px; margin-left: -9px; } .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__toggle, .editor-post-featured-image__preview { display: block; width: 100%; padding: 0; transition: all 0.1s ease-out; box-shadow: 0 0 0 0 #007cba; box-shadow: 0 0 0 0 var(--wp-admin-theme-color); } @media (prefers-reduced-motion: reduce) { .editor-post-featured-image__toggle, .editor-post-featured-image__preview { 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 #007cba; box-shadow: 0 0 0 4px var(--wp-admin-theme-color); } .editor-post-featured-image__toggle { border-radius: 2px; background-color: #f0f0f0; min-height: 90px; line-height: 20px; padding: 8px 0; text-align: center; } .editor-post-featured-image__toggle:hover { background: #ddd; color: #1e1e1e; } .editor-post-format { flex-direction: column; align-items: stretch; width: 100%; } .editor-post-format__content { display: inline-flex; justify-content: space-between; align-items: center; width: 100%; } .editor-post-format__suggestion { text-align: right; font-size: 13px; } .editor-post-last-revision__title { width: 100%; font-weight: 600; } .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:hover, .components-button.editor-post-last-revision__title:active { background: #f0f0f0; } .components-button.editor-post-last-revision__title:focus { box-shadow: inset 0 0 0 1.5px #007cba; box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color); border-radius: 0; } .editor-post-locked-modal { height: auto; padding-right: 10px; padding-left: 10px; padding-top: 10px; max-width: 480px; } .editor-post-locked-modal .components-modal__header { height: 36px; } .editor-post-locked-modal .components-modal__content { height: auto; } .editor-post-locked-modal__buttons { margin-top: 10px; } .editor-post-locked-modal__buttons .components-button { margin-right: 5px; } .editor-post-locked-modal__avatar { float: left; margin: 5px; margin-right: 15px; } .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 { background: #fff; padding-left: 16px; padding-right: 16px; height: 61px; border-bottom: 1px solid #ddd; display: flex; align-items: center; align-content: space-between; } .editor-post-publish-panel__header .components-button { width: 100%; justify-content: center; } .editor-post-publish-panel__header .has-icon { margin-left: auto; width: auto; } .editor-post-publish-panel__header-publish-button, .editor-post-publish-panel__header-cancel-button { flex-grow: 1; } @media (min-width: 480px) { .editor-post-publish-panel__header-publish-button, .editor-post-publish-panel__header-cancel-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 { display: inline-flex; align-items: center; } .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 #f0f0f0; border-top: none; } .post-publish-panel__postpublish-buttons { display: flex; align-content: space-between; flex-wrap: wrap; margin: -5px; } .post-publish-panel__postpublish-buttons > * { flex-grow: 1; margin: 5px; } .post-publish-panel__postpublish-buttons .components-button { height: auto; justify-content: center; padding: 3px 10px 4px; line-height: 1.6; text-align: center; white-space: normal; } .post-publish-panel__postpublish-buttons .components-clipboard-button { width: 100%; } .post-publish-panel__postpublish-post-address { margin-bottom: 16px; } .post-publish-panel__postpublish-post-address input[readonly] { padding: 10px; background: #ddd; overflow: hidden; text-overflow: ellipsis; } .post-publish-panel__postpublish-header { font-weight: 500; } .post-publish-panel__postpublish-subheader { margin: 0 0 8px; } .post-publish-panel__tip { color: #f0b849; } .editor-post-saved-state { display: flex; align-items: center; width: 28px; padding: 12px 4px; color: #757575; overflow: hidden; white-space: nowrap; } .editor-post-saved-state svg { display: inline-block; flex: 0 0 auto; fill: currentColor; margin-right: 8px; } @media (min-width: 600px) { .editor-post-saved-state { width: auto; padding: 8px 12px; text-indent: inherit; } .editor-post-saved-state svg { margin-right: 4px; } } .editor-post-taxonomies__hierarchical-terms-list { max-height: 14em; overflow: auto; padding-left: 2px; } .editor-post-taxonomies__hierarchical-terms-choice { margin-bottom: 8px; } .editor-post-taxonomies__hierarchical-terms-subchoices { margin-top: 8px; margin-left: 16px; } .components-button.editor-post-taxonomies__hierarchical-terms-submit, .components-button.editor-post-taxonomies__hierarchical-terms-add { margin-top: 12px; } .editor-post-taxonomies__hierarchical-terms-label { display: inline-block; margin-top: 12px; } .editor-post-taxonomies__hierarchical-terms-input { margin-top: 8px; width: 100%; } .editor-post-taxonomies__hierarchical-terms-filter { margin-bottom: 8px; width: 100%; } .edit-post-text-editor__body textarea.editor-post-text-editor { border: 1px solid #ccc; display: block; margin: 0; width: 100%; box-shadow: none; resize: none; overflow: hidden; font-family: Menlo, Consolas, monaco, monospace; line-height: 2.4; border-radius: 0; min-height: 200px; padding: 16px; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px !important; } @media (min-width: 600px) { .edit-post-text-editor__body textarea.editor-post-text-editor { padding: 24px; } } @media (min-width: 600px) { .edit-post-text-editor__body textarea.editor-post-text-editor { font-size: 15px !important; } } .edit-post-text-editor__body textarea.editor-post-text-editor:focus { border: 1px solid #1e1e1e; box-shadow: none; position: relative; } .edit-post-post-visibility__dialog, .editor-post-visibility__dialog-fieldset { padding: 4px; padding-top: 0; } .edit-post-post-visibility__dialog .editor-post-visibility__dialog-legend, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-legend { font-weight: 600; margin-bottom: 1em; margin-top: 0.5em; padding: 0; } .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"], .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; border: 1px solid #1e1e1e; margin-right: 12px; transition: none; border-radius: 50%; margin-top: 2px; } @media (prefers-reduced-motion: reduce) { .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"], .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"] { transition-duration: 0s; } } @media (min-width: 600px) { .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"], .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:focus, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:focus { border-color: #007cba; border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px #007cba; box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]::-webkit-input-placeholder, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]::-moz-placeholder, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:-ms-input-placeholder, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .is-dark-theme .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]::-webkit-input-placeholder, .is-dark-theme .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); } .is-dark-theme .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]::-moz-placeholder, .is-dark-theme .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); } .is-dark-theme .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:-ms-input-placeholder, .is-dark-theme .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); } .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:checked::before, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:checked::before { width: 7px; height: 7px; margin: 8px 0 0 8px; background-color: #fff; border: 3px solid #fff; } @media (min-width: 782px) { .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:checked::before, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:checked::before { width: 6px; height: 6px; margin: 4px 0 0 4px; } } .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:focus, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px #007cba; box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:checked, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:checked { background: #007cba; background: var(--wp-admin-theme-color); border-color: #007cba; border-color: var(--wp-admin-theme-color); } .edit-post-post-visibility__dialog .editor-post-visibility__dialog-label, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-label { font-weight: 600; } .edit-post-post-visibility__dialog .editor-post-visibility__dialog-info, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-info { margin-top: 0; margin-left: 28px; } .edit-post-post-visibility__dialog .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info, .editor-post-visibility__dialog-fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info { margin-bottom: 0; } .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"], .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; margin-left: 28px; } @media (prefers-reduced-motion: reduce) { .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"], .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"] { transition-duration: 0s; } } @media (min-width: 600px) { .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"], .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]:focus, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]:focus { border-color: #007cba; border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px #007cba; box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]::-webkit-input-placeholder, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]::-moz-placeholder, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]:-ms-input-placeholder, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .is-dark-theme .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]::-webkit-input-placeholder, .is-dark-theme .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); } .is-dark-theme .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]::-moz-placeholder, .is-dark-theme .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); } .is-dark-theme .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]:-ms-input-placeholder, .is-dark-theme .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); } .editor-post-title { position: relative; } .editor-post-title .editor-post-title__input { display: block; width: 100%; margin: 0; box-shadow: none; background: transparent; transition: border 0.1s ease-out, box-shadow 0.1s linear; padding: 19px 0; word-break: keep-all; font-family: inherit; color: inherit; border: 1px solid transparent; border-left-width: 0; border-right-width: 0; border-radius: 0; outline: 1px solid transparent; font-size: 2.44em; font-weight: bold; line-height: 1.4; } @media (prefers-reduced-motion: reduce) { .editor-post-title .editor-post-title__input { transition-duration: 0s; } } @media (min-width: 600px) { .editor-post-title .editor-post-title__input { border-width: 1px; } } .editor-post-title .editor-post-title__input::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.55); } .editor-post-title .editor-post-title__input::-moz-placeholder { color: rgba(30, 30, 30, 0.55); } .editor-post-title .editor-post-title__input:-ms-input-placeholder { color: rgba(30, 30, 30, 0.55); } .editor-post-title .editor-post-title__input:focus { border: 1px solid transparent; outline: 1px solid transparent; box-shadow: none; } .editor-post-title.is-focus-mode .editor-post-title__input { opacity: 0.5; transition: opacity 0.1s linear; } @media (prefers-reduced-motion: reduce) { .editor-post-title.is-focus-mode .editor-post-title__input { transition-duration: 0s; } } .editor-post-title.is-focus-mode .editor-post-title__input:focus { opacity: 1; } .editor-post-trash.components-button { margin-left: -6px; } .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 > div { 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 { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: inset 0 0 0 1.5px #007cba; box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color); } .table-of-contents__counts { display: flex; flex-wrap: wrap; margin: 0; } .table-of-contents__count { flex-basis: 25%; display: flex; flex-direction: column; font-size: 13px; color: #6c7781; padding-right: 8px; margin-bottom: 0; } .table-of-contents__count:last-child { padding-right: 0; } .table-of-contents__number, .table-of-contents__popover .word-count { font-size: 21px; font-weight: 400; line-height: 30px; color: #555d66; } .table-of-contents__title { display: block; margin-top: 20px; font-size: 15px; font-weight: 600; } .editor-template-validation-notice { display: flex; justify-content: space-between; align-items: center; } .editor-template-validation-notice .components-button { margin-left: 5px; } ================================================ FILE: public/vendor/gutenberg/styles/wp-format-library/style-rtl.css ================================================ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Breakpoints & Media Queries */ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Fonts & basic variables. */ /** * Grid System. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */ /** * Dimensions. */ /** * Shadows. */ /** * Editor widths. */ /** * Block UI. */ /** * Border radii. */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left position to the selector passed as argument */ /** * Styles that are reused verbatim in a few places */ /** * Allows users to opt-out of animations via OS-level preferences. */ /** * Reset default styles for JavaScript UI based pages. * This is a WP-admin agnostic reset */ /** * Reset the WP Admin page styles for Gutenberg-like pages. */ :root { --wp-admin-theme-color: #007cba; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-20: #005a87; } .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 { margin: 7px; flex-grow: 1; flex-shrink: 1; white-space: nowrap; min-width: 150px; max-width: 500px; } .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 { margin: 7px; flex-grow: 1; flex-shrink: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 150px; max-width: 500px; } .block-editor-format-toolbar__link-container-value.has-invalid-link { color: #d94f4f; } .components-inline-color__indicator { position: absolute; background: #000; height: 3px; width: 20px; bottom: 6px; right: auto; left: auto; margin: 0 5px; } .components-inline-color-popover .components-popover__content > div { padding: 20px 18px; } .components-inline-color-popover .components-popover__content .components-color-palette { margin-top: 0.6rem; } .components-inline-color-popover .components-popover__content .components-base-control__title { display: block; margin-bottom: 16px; font-weight: 600; color: #191e23; } .components-inline-color-popover .components-popover__content .component-color-indicator { vertical-align: text-bottom; } .format-library-text-color-button { position: relative; } .format-library-text-color-button__indicator { height: 4px; width: 20px; position: absolute; bottom: 10px; right: 8px; } ================================================ FILE: public/vendor/gutenberg/styles/wp-format-library/style.css ================================================ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Breakpoints & Media Queries */ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Fonts & basic variables. */ /** * Grid System. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */ /** * Dimensions. */ /** * Shadows. */ /** * Editor widths. */ /** * Block UI. */ /** * Border radii. */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left position to the selector passed as argument */ /** * Styles that are reused verbatim in a few places */ /** * Allows users to opt-out of animations via OS-level preferences. */ /** * Reset default styles for JavaScript UI based pages. * This is a WP-admin agnostic reset */ /** * Reset the WP Admin page styles for Gutenberg-like pages. */ :root { --wp-admin-theme-color: #007cba; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-20: #005a87; } .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 { margin: 7px; flex-grow: 1; flex-shrink: 1; white-space: nowrap; min-width: 150px; max-width: 500px; } .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 { margin: 7px; flex-grow: 1; flex-shrink: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 150px; max-width: 500px; } .block-editor-format-toolbar__link-container-value.has-invalid-link { color: #d94f4f; } .components-inline-color__indicator { position: absolute; background: #000; height: 3px; width: 20px; bottom: 6px; left: auto; right: auto; margin: 0 5px; } .components-inline-color-popover .components-popover__content > div { padding: 20px 18px; } .components-inline-color-popover .components-popover__content .components-color-palette { margin-top: 0.6rem; } .components-inline-color-popover .components-popover__content .components-base-control__title { display: block; margin-bottom: 16px; font-weight: 600; color: #191e23; } .components-inline-color-popover .components-popover__content .component-color-indicator { vertical-align: text-bottom; } .format-library-text-color-button { position: relative; } .format-library-text-color-button__indicator { height: 4px; width: 20px; position: absolute; bottom: 10px; left: 8px; } ================================================ FILE: public/vendor/gutenberg/styles/wp-list-reusable-blocks/style-rtl.css ================================================ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Breakpoints & Media Queries */ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Fonts & basic variables. */ /** * Grid System. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */ /** * Dimensions. */ /** * Shadows. */ /** * Editor widths. */ /** * Block UI. */ /** * Border radii. */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left position to the selector passed as argument */ /** * Styles that are reused verbatim in a few places */ /** * Allows users to opt-out of animations via OS-level preferences. */ /** * Reset default styles for JavaScript UI based pages. * This is a WP-admin agnostic reset */ /** * Reset the WP Admin page styles for Gutenberg-like pages. */ :root { --wp-admin-theme-color: #007cba; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-20: #005a87; } .list-reusable-blocks-import-dropdown__content .components-popover__content > div { padding: 10px; } .list-reusable-blocks-import-form__label { display: block; margin-bottom: 10px; } .list-reusable-blocks-import-form__button { margin-top: 20px; float: left; } .list-reusable-blocks-import-form .components-notice__content { margin: 0; } .list-reusable-blocks__container { display: inline-flex; align-items: center; 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-darker-10: #0073a1; --wp-admin-theme-color-darker-20: #006187; } body.admin-color-modern { --wp-admin-theme-color: #3858e9; --wp-admin-theme-color-darker-10: #2145e6; --wp-admin-theme-color-darker-20: #183ad6; } body.admin-color-blue { --wp-admin-theme-color: #096484; --wp-admin-theme-color-darker-10: #07526c; --wp-admin-theme-color-darker-20: #064054; } body.admin-color-coffee { --wp-admin-theme-color: #46403c; --wp-admin-theme-color-darker-10: #383330; --wp-admin-theme-color-darker-20: #2b2724; } body.admin-color-ectoplasm { --wp-admin-theme-color: #523f6d; --wp-admin-theme-color-darker-10: #46365d; --wp-admin-theme-color-darker-20: #3a2c4d; } body.admin-color-midnight { --wp-admin-theme-color: #e14d43; --wp-admin-theme-color-darker-10: #dd382d; --wp-admin-theme-color-darker-20: #d02c21; } body.admin-color-ocean { --wp-admin-theme-color: #627c83; --wp-admin-theme-color-darker-10: #576e74; --wp-admin-theme-color-darker-20: #4c6066; } body.admin-color-sunrise { --wp-admin-theme-color: #dd823b; --wp-admin-theme-color-darker-10: #d97426; --wp-admin-theme-color-darker-20: #c36922; } ================================================ FILE: public/vendor/gutenberg/styles/wp-list-reusable-blocks/style.css ================================================ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Breakpoints & Media Queries */ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Fonts & basic variables. */ /** * Grid System. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */ /** * Dimensions. */ /** * Shadows. */ /** * Editor widths. */ /** * Block UI. */ /** * Border radii. */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left position to the selector passed as argument */ /** * Styles that are reused verbatim in a few places */ /** * Allows users to opt-out of animations via OS-level preferences. */ /** * Reset default styles for JavaScript UI based pages. * This is a WP-admin agnostic reset */ /** * Reset the WP Admin page styles for Gutenberg-like pages. */ :root { --wp-admin-theme-color: #007cba; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-20: #005a87; } .list-reusable-blocks-import-dropdown__content .components-popover__content > div { padding: 10px; } .list-reusable-blocks-import-form__label { display: block; margin-bottom: 10px; } .list-reusable-blocks-import-form__button { margin-top: 20px; float: right; } .list-reusable-blocks-import-form .components-notice__content { margin: 0; } .list-reusable-blocks__container { display: inline-flex; align-items: center; 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-darker-10: #0073a1; --wp-admin-theme-color-darker-20: #006187; } body.admin-color-modern { --wp-admin-theme-color: #3858e9; --wp-admin-theme-color-darker-10: #2145e6; --wp-admin-theme-color-darker-20: #183ad6; } body.admin-color-blue { --wp-admin-theme-color: #096484; --wp-admin-theme-color-darker-10: #07526c; --wp-admin-theme-color-darker-20: #064054; } body.admin-color-coffee { --wp-admin-theme-color: #46403c; --wp-admin-theme-color-darker-10: #383330; --wp-admin-theme-color-darker-20: #2b2724; } body.admin-color-ectoplasm { --wp-admin-theme-color: #523f6d; --wp-admin-theme-color-darker-10: #46365d; --wp-admin-theme-color-darker-20: #3a2c4d; } body.admin-color-midnight { --wp-admin-theme-color: #e14d43; --wp-admin-theme-color-darker-10: #dd382d; --wp-admin-theme-color-darker-20: #d02c21; } body.admin-color-ocean { --wp-admin-theme-color: #627c83; --wp-admin-theme-color-darker-10: #576e74; --wp-admin-theme-color-darker-20: #4c6066; } body.admin-color-sunrise { --wp-admin-theme-color: #dd823b; --wp-admin-theme-color-darker-10: #d97426; --wp-admin-theme-color-darker-20: #c36922; } ================================================ FILE: public/vendor/gutenberg/styles/wp-nux/style-rtl.css ================================================ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Breakpoints & Media Queries */ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Fonts & basic variables. */ /** * Grid System. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */ /** * Dimensions. */ /** * Shadows. */ /** * Editor widths. */ /** * Block UI. */ /** * Border radii. */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left position to the selector passed as argument */ /** * Styles that are reused verbatim in a few places */ /** * Allows users to opt-out of animations via OS-level preferences. */ /** * Reset default styles for JavaScript UI based pages. * This is a WP-admin agnostic reset */ /** * Reset the WP Admin page styles for Gutenberg-like pages. */ :root { --wp-admin-theme-color: #007cba; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-20: #005a87; } .nux-dot-tip::before, .nux-dot-tip::after { border-radius: 100%; content: " "; pointer-events: none; position: absolute; } .nux-dot-tip::before { animation: nux-pulse 1.6s infinite cubic-bezier(0.17, 0.67, 0.92, 0.62); background: rgba(0, 115, 156, 0.9); opacity: 0.9; height: 24px; right: -12px; top: -12px; transform: scale(0.33333); width: 24px; } .nux-dot-tip::after { background: #00739c; height: 8px; right: -4px; top: -4px; width: 8px; } @keyframes nux-pulse { 100% { background: rgba(0, 115, 156, 0); transform: scale(1); } } .nux-dot-tip .components-popover__content { width: 350px; } .nux-dot-tip .components-popover__content > div { padding: 20px 18px; } @media (min-width: 600px) { .nux-dot-tip .components-popover__content { width: 450px; } } .nux-dot-tip .components-popover__content .nux-dot-tip__disable { position: absolute; left: 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-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="left"], .nux-dot-tip[data-y-axis="center"], .nux-dot-tip[data-y-axis="right"] { z-index: 1000001; } @media (max-width: 600px) { .nux-dot-tip[data-y-axis="left"] .components-popover__content, .nux-dot-tip[data-y-axis="center"] .components-popover__content, .nux-dot-tip[data-y-axis="right"] .components-popover__content { -ms-grid-row-align: end; align-self: end; right: 5px; margin: 20px 0 0 0; max-width: none !important; position: fixed; left: 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.edit-post-more-menu__content:not([data-y-axis="middle"])[data-y-axis="right"] .components-popover__content { margin-left: -12px; } .nux-dot-tip.components-popover.edit-post-more-menu__content:not([data-y-axis="middle"])[data-y-axis="left"] .components-popover__content { margin-right: -12px; } ================================================ FILE: public/vendor/gutenberg/styles/wp-nux/style.css ================================================ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Breakpoints & Media Queries */ /** * Colors */ /** * Deprecated colors. * Please avoid using these. */ /** * Fonts & basic variables. */ /** * Grid System. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */ /** * Dimensions. */ /** * Shadows. */ /** * Editor widths. */ /** * Block UI. */ /** * Border radii. */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left position to the selector passed as argument */ /** * Styles that are reused verbatim in a few places */ /** * Allows users to opt-out of animations via OS-level preferences. */ /** * Reset default styles for JavaScript UI based pages. * This is a WP-admin agnostic reset */ /** * Reset the WP Admin page styles for Gutenberg-like pages. */ :root { --wp-admin-theme-color: #007cba; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-20: #005a87; } .nux-dot-tip::before, .nux-dot-tip::after { border-radius: 100%; content: " "; pointer-events: none; position: absolute; } .nux-dot-tip::before { animation: nux-pulse 1.6s infinite cubic-bezier(0.17, 0.67, 0.92, 0.62); background: rgba(0, 115, 156, 0.9); opacity: 0.9; height: 24px; left: -12px; top: -12px; transform: scale(0.33333); width: 24px; } .nux-dot-tip::after { background: #00739c; height: 8px; left: -4px; top: -4px; width: 8px; } @keyframes nux-pulse { 100% { background: rgba(0, 115, 156, 0); transform: scale(1); } } .nux-dot-tip .components-popover__content { width: 350px; } .nux-dot-tip .components-popover__content > div { padding: 20px 18px; } @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="left"], .nux-dot-tip[data-y-axis="center"], .nux-dot-tip[data-y-axis="right"] { z-index: 1000001; } @media (max-width: 600px) { .nux-dot-tip[data-y-axis="left"] .components-popover__content, .nux-dot-tip[data-y-axis="center"] .components-popover__content, .nux-dot-tip[data-y-axis="right"] .components-popover__content { -ms-grid-row-align: end; align-self: end; left: 5px; margin: 20px 0 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.edit-post-more-menu__content:not([data-y-axis="middle"])[data-y-axis="right"] .components-popover__content { /*!rtl:ignore*/ margin-left: -12px; } .nux-dot-tip.components-popover.edit-post-more-menu__content:not([data-y-axis="middle"])[data-y-axis="left"] .components-popover__content { /*!rtl:ignore*/ margin-right: -12px; } ================================================ FILE: public/vendor/gutenberg/vendor/lodash.js ================================================ /** * @license * Lodash * Copyright OpenJS Foundation and other contributors * Released under MIT license * Based on Underscore.js 1.8.3 * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors */ ;(function() { /** Used as a safe reference for `undefined` in pre-ES5 environments. */ var undefined; /** Used as the semantic version number. */ var VERSION = '4.17.19'; /** Used as the size to enable large array optimizations. */ var LARGE_ARRAY_SIZE = 200; /** Error message constants. */ var CORE_ERROR_TEXT = 'Unsupported core-js use. Try https://npms.io/search?q=ponyfill.', FUNC_ERROR_TEXT = 'Expected a function'; /** Used to stand-in for `undefined` hash values. */ var HASH_UNDEFINED = '__lodash_hash_undefined__'; /** Used as the maximum memoize cache size. */ var MAX_MEMOIZE_SIZE = 500; /** Used as the internal argument placeholder. */ var PLACEHOLDER = '__lodash_placeholder__'; /** Used to compose bitmasks for cloning. */ var CLONE_DEEP_FLAG = 1, CLONE_FLAT_FLAG = 2, CLONE_SYMBOLS_FLAG = 4; /** Used to compose bitmasks for value comparisons. */ var COMPARE_PARTIAL_FLAG = 1, COMPARE_UNORDERED_FLAG = 2; /** Used to compose bitmasks for function metadata. */ var WRAP_BIND_FLAG = 1, WRAP_BIND_KEY_FLAG = 2, WRAP_CURRY_BOUND_FLAG = 4, WRAP_CURRY_FLAG = 8, WRAP_CURRY_RIGHT_FLAG = 16, WRAP_PARTIAL_FLAG = 32, WRAP_PARTIAL_RIGHT_FLAG = 64, WRAP_ARY_FLAG = 128, WRAP_REARG_FLAG = 256, WRAP_FLIP_FLAG = 512; /** Used as default options for `_.truncate`. */ var DEFAULT_TRUNC_LENGTH = 30, DEFAULT_TRUNC_OMISSION = '...'; /** Used to detect hot functions by number of calls within a span of milliseconds. */ var HOT_COUNT = 800, HOT_SPAN = 16; /** Used to indicate the type of lazy iteratees. */ var LAZY_FILTER_FLAG = 1, LAZY_MAP_FLAG = 2, LAZY_WHILE_FLAG = 3; /** Used as references for various `Number` constants. */ var INFINITY = 1 / 0, MAX_SAFE_INTEGER = 9007199254740991, MAX_INTEGER = 1.7976931348623157e+308, NAN = 0 / 0; /** Used as references for the maximum length and index of an array. */ var MAX_ARRAY_LENGTH = 4294967295, MAX_ARRAY_INDEX = MAX_ARRAY_LENGTH - 1, HALF_MAX_ARRAY_LENGTH = MAX_ARRAY_LENGTH >>> 1; /** Used to associate wrap methods with their bit flags. */ var wrapFlags = [ ['ary', WRAP_ARY_FLAG], ['bind', WRAP_BIND_FLAG], ['bindKey', WRAP_BIND_KEY_FLAG], ['curry', WRAP_CURRY_FLAG], ['curryRight', WRAP_CURRY_RIGHT_FLAG], ['flip', WRAP_FLIP_FLAG], ['partial', WRAP_PARTIAL_FLAG], ['partialRight', WRAP_PARTIAL_RIGHT_FLAG], ['rearg', WRAP_REARG_FLAG] ]; /** `Object#toString` result references. */ var argsTag = '[object Arguments]', arrayTag = '[object Array]', asyncTag = '[object AsyncFunction]', boolTag = '[object Boolean]', dateTag = '[object Date]', domExcTag = '[object DOMException]', errorTag = '[object Error]', funcTag = '[object Function]', genTag = '[object GeneratorFunction]', mapTag = '[object Map]', numberTag = '[object Number]', nullTag = '[object Null]', objectTag = '[object Object]', promiseTag = '[object Promise]', proxyTag = '[object Proxy]', regexpTag = '[object RegExp]', setTag = '[object Set]', stringTag = '[object String]', symbolTag = '[object Symbol]', undefinedTag = '[object Undefined]', weakMapTag = '[object WeakMap]', weakSetTag = '[object WeakSet]'; var arrayBufferTag = '[object ArrayBuffer]', dataViewTag = '[object DataView]', float32Tag = '[object Float32Array]', float64Tag = '[object Float64Array]', int8Tag = '[object Int8Array]', int16Tag = '[object Int16Array]', int32Tag = '[object Int32Array]', uint8Tag = '[object Uint8Array]', uint8ClampedTag = '[object Uint8ClampedArray]', uint16Tag = '[object Uint16Array]', uint32Tag = '[object Uint32Array]'; /** Used to match empty string literals in compiled template source. */ var reEmptyStringLeading = /\b__p \+= '';/g, reEmptyStringMiddle = /\b(__p \+=) '' \+/g, reEmptyStringTrailing = /(__e\(.*?\)|\b__t\)) \+\n'';/g; /** Used to match HTML entities and HTML characters. */ var reEscapedHtml = /&(?:amp|lt|gt|quot|#39);/g, reUnescapedHtml = /[&<>"']/g, reHasEscapedHtml = RegExp(reEscapedHtml.source), reHasUnescapedHtml = RegExp(reUnescapedHtml.source); /** Used to match template delimiters. */ var reEscape = /<%-([\s\S]+?)%>/g, reEvaluate = /<%([\s\S]+?)%>/g, reInterpolate = /<%=([\s\S]+?)%>/g; /** Used to match property names within property paths. */ var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, reIsPlainProp = /^\w*$/, rePropName = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g; /** * Used to match `RegExp` * [syntax characters](http://ecma-international.org/ecma-262/7.0/#sec-patterns). */ var reRegExpChar = /[\\^$.*+?()[\]{}|]/g, reHasRegExpChar = RegExp(reRegExpChar.source); /** Used to match leading and trailing whitespace. */ var reTrim = /^\s+|\s+$/g, reTrimStart = /^\s+/, reTrimEnd = /\s+$/; /** Used to match wrap detail comments. */ var reWrapComment = /\{(?:\n\/\* \[wrapped with .+\] \*\/)?\n?/, reWrapDetails = /\{\n\/\* \[wrapped with (.+)\] \*/, reSplitDetails = /,? & /; /** Used to match words composed of alphanumeric characters. */ var reAsciiWord = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g; /** Used to match backslashes in property paths. */ var reEscapeChar = /\\(\\)?/g; /** * Used to match * [ES template delimiters](http://ecma-international.org/ecma-262/7.0/#sec-template-literal-lexical-components). */ var reEsTemplate = /\$\{([^\\}]*(?:\\.[^\\}]*)*)\}/g; /** Used to match `RegExp` flags from their coerced string values. */ var reFlags = /\w*$/; /** Used to detect bad signed hexadecimal string values. */ var reIsBadHex = /^[-+]0x[0-9a-f]+$/i; /** Used to detect binary string values. */ var reIsBinary = /^0b[01]+$/i; /** Used to detect host constructors (Safari). */ var reIsHostCtor = /^\[object .+?Constructor\]$/; /** Used to detect octal string values. */ var reIsOctal = /^0o[0-7]+$/i; /** Used to detect unsigned integer values. */ var reIsUint = /^(?:0|[1-9]\d*)$/; /** Used to match Latin Unicode letters (excluding mathematical operators). */ var reLatin = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g; /** Used to ensure capturing order of template delimiters. */ var reNoMatch = /($^)/; /** Used to match unescaped characters in compiled string literals. */ var reUnescapedString = /['\n\r\u2028\u2029\\]/g; /** Used to compose unicode character classes. */ var rsAstralRange = '\\ud800-\\udfff', rsComboMarksRange = '\\u0300-\\u036f', reComboHalfMarksRange = '\\ufe20-\\ufe2f', rsComboSymbolsRange = '\\u20d0-\\u20ff', rsComboRange = rsComboMarksRange + reComboHalfMarksRange + rsComboSymbolsRange, rsDingbatRange = '\\u2700-\\u27bf', rsLowerRange = 'a-z\\xdf-\\xf6\\xf8-\\xff', rsMathOpRange = '\\xac\\xb1\\xd7\\xf7', rsNonCharRange = '\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf', rsPunctuationRange = '\\u2000-\\u206f', rsSpaceRange = ' \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000', rsUpperRange = 'A-Z\\xc0-\\xd6\\xd8-\\xde', rsVarRange = '\\ufe0e\\ufe0f', rsBreakRange = rsMathOpRange + rsNonCharRange + rsPunctuationRange + rsSpaceRange; /** Used to compose unicode capture groups. */ var rsApos = "['\u2019]", rsAstral = '[' + rsAstralRange + ']', rsBreak = '[' + rsBreakRange + ']', rsCombo = '[' + rsComboRange + ']', rsDigits = '\\d+', rsDingbat = '[' + rsDingbatRange + ']', rsLower = '[' + rsLowerRange + ']', rsMisc = '[^' + rsAstralRange + rsBreakRange + rsDigits + rsDingbatRange + rsLowerRange + rsUpperRange + ']', rsFitz = '\\ud83c[\\udffb-\\udfff]', rsModifier = '(?:' + rsCombo + '|' + rsFitz + ')', rsNonAstral = '[^' + rsAstralRange + ']', rsRegional = '(?:\\ud83c[\\udde6-\\uddff]){2}', rsSurrPair = '[\\ud800-\\udbff][\\udc00-\\udfff]', rsUpper = '[' + rsUpperRange + ']', rsZWJ = '\\u200d'; /** Used to compose unicode regexes. */ var rsMiscLower = '(?:' + rsLower + '|' + rsMisc + ')', rsMiscUpper = '(?:' + rsUpper + '|' + rsMisc + ')', rsOptContrLower = '(?:' + rsApos + '(?:d|ll|m|re|s|t|ve))?', rsOptContrUpper = '(?:' + rsApos + '(?:D|LL|M|RE|S|T|VE))?', reOptMod = rsModifier + '?', rsOptVar = '[' + rsVarRange + ']?', rsOptJoin = '(?:' + rsZWJ + '(?:' + [rsNonAstral, rsRegional, rsSurrPair].join('|') + ')' + rsOptVar + reOptMod + ')*', rsOrdLower = '\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])', rsOrdUpper = '\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])', rsSeq = rsOptVar + reOptMod + rsOptJoin, rsEmoji = '(?:' + [rsDingbat, rsRegional, rsSurrPair].join('|') + ')' + rsSeq, rsSymbol = '(?:' + [rsNonAstral + rsCombo + '?', rsCombo, rsRegional, rsSurrPair, rsAstral].join('|') + ')'; /** Used to match apostrophes. */ var reApos = RegExp(rsApos, 'g'); /** * Used to match [combining diacritical marks](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks) and * [combining diacritical marks for symbols](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks_for_Symbols). */ var reComboMark = RegExp(rsCombo, 'g'); /** Used to match [string symbols](https://mathiasbynens.be/notes/javascript-unicode). */ var reUnicode = RegExp(rsFitz + '(?=' + rsFitz + ')|' + rsSymbol + rsSeq, 'g'); /** Used to match complex or compound words. */ var reUnicodeWord = RegExp([ rsUpper + '?' + rsLower + '+' + rsOptContrLower + '(?=' + [rsBreak, rsUpper, '$'].join('|') + ')', rsMiscUpper + '+' + rsOptContrUpper + '(?=' + [rsBreak, rsUpper + rsMiscLower, '$'].join('|') + ')', rsUpper + '?' + rsMiscLower + '+' + rsOptContrLower, rsUpper + '+' + rsOptContrUpper, rsOrdUpper, rsOrdLower, rsDigits, rsEmoji ].join('|'), 'g'); /** Used to detect strings with [zero-width joiners or code points from the astral planes](http://eev.ee/blog/2015/09/12/dark-corners-of-unicode/). */ var reHasUnicode = RegExp('[' + rsZWJ + rsAstralRange + rsComboRange + rsVarRange + ']'); /** Used to detect strings that need a more robust regexp to match words. */ var reHasUnicodeWord = /[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/; /** Used to assign default `context` object properties. */ var contextProps = [ 'Array', 'Buffer', 'DataView', 'Date', 'Error', 'Float32Array', 'Float64Array', 'Function', 'Int8Array', 'Int16Array', 'Int32Array', 'Map', 'Math', 'Object', 'Promise', 'RegExp', 'Set', 'String', 'Symbol', 'TypeError', 'Uint8Array', 'Uint8ClampedArray', 'Uint16Array', 'Uint32Array', 'WeakMap', '_', 'clearTimeout', 'isFinite', 'parseInt', 'setTimeout' ]; /** Used to make template sourceURLs easier to identify. */ var templateCounter = -1; /** Used to identify `toStringTag` values of typed arrays. */ var typedArrayTags = {}; typedArrayTags[float32Tag] = typedArrayTags[float64Tag] = typedArrayTags[int8Tag] = typedArrayTags[int16Tag] = typedArrayTags[int32Tag] = typedArrayTags[uint8Tag] = typedArrayTags[uint8ClampedTag] = typedArrayTags[uint16Tag] = typedArrayTags[uint32Tag] = true; typedArrayTags[argsTag] = typedArrayTags[arrayTag] = typedArrayTags[arrayBufferTag] = typedArrayTags[boolTag] = typedArrayTags[dataViewTag] = typedArrayTags[dateTag] = typedArrayTags[errorTag] = typedArrayTags[funcTag] = typedArrayTags[mapTag] = typedArrayTags[numberTag] = typedArrayTags[objectTag] = typedArrayTags[regexpTag] = typedArrayTags[setTag] = typedArrayTags[stringTag] = typedArrayTags[weakMapTag] = false; /** Used to identify `toStringTag` values supported by `_.clone`. */ var cloneableTags = {}; cloneableTags[argsTag] = cloneableTags[arrayTag] = cloneableTags[arrayBufferTag] = cloneableTags[dataViewTag] = cloneableTags[boolTag] = cloneableTags[dateTag] = cloneableTags[float32Tag] = cloneableTags[float64Tag] = cloneableTags[int8Tag] = cloneableTags[int16Tag] = cloneableTags[int32Tag] = cloneableTags[mapTag] = cloneableTags[numberTag] = cloneableTags[objectTag] = cloneableTags[regexpTag] = cloneableTags[setTag] = cloneableTags[stringTag] = cloneableTags[symbolTag] = cloneableTags[uint8Tag] = cloneableTags[uint8ClampedTag] = cloneableTags[uint16Tag] = cloneableTags[uint32Tag] = true; cloneableTags[errorTag] = cloneableTags[funcTag] = cloneableTags[weakMapTag] = false; /** Used to map Latin Unicode letters to basic Latin letters. */ var deburredLetters = { // Latin-1 Supplement block. '\xc0': 'A', '\xc1': 'A', '\xc2': 'A', '\xc3': 'A', '\xc4': 'A', '\xc5': 'A', '\xe0': 'a', '\xe1': 'a', '\xe2': 'a', '\xe3': 'a', '\xe4': 'a', '\xe5': 'a', '\xc7': 'C', '\xe7': 'c', '\xd0': 'D', '\xf0': 'd', '\xc8': 'E', '\xc9': 'E', '\xca': 'E', '\xcb': 'E', '\xe8': 'e', '\xe9': 'e', '\xea': 'e', '\xeb': 'e', '\xcc': 'I', '\xcd': 'I', '\xce': 'I', '\xcf': 'I', '\xec': 'i', '\xed': 'i', '\xee': 'i', '\xef': 'i', '\xd1': 'N', '\xf1': 'n', '\xd2': 'O', '\xd3': 'O', '\xd4': 'O', '\xd5': 'O', '\xd6': 'O', '\xd8': 'O', '\xf2': 'o', '\xf3': 'o', '\xf4': 'o', '\xf5': 'o', '\xf6': 'o', '\xf8': 'o', '\xd9': 'U', '\xda': 'U', '\xdb': 'U', '\xdc': 'U', '\xf9': 'u', '\xfa': 'u', '\xfb': 'u', '\xfc': 'u', '\xdd': 'Y', '\xfd': 'y', '\xff': 'y', '\xc6': 'Ae', '\xe6': 'ae', '\xde': 'Th', '\xfe': 'th', '\xdf': 'ss', // Latin Extended-A block. '\u0100': 'A', '\u0102': 'A', '\u0104': 'A', '\u0101': 'a', '\u0103': 'a', '\u0105': 'a', '\u0106': 'C', '\u0108': 'C', '\u010a': 'C', '\u010c': 'C', '\u0107': 'c', '\u0109': 'c', '\u010b': 'c', '\u010d': 'c', '\u010e': 'D', '\u0110': 'D', '\u010f': 'd', '\u0111': 'd', '\u0112': 'E', '\u0114': 'E', '\u0116': 'E', '\u0118': 'E', '\u011a': 'E', '\u0113': 'e', '\u0115': 'e', '\u0117': 'e', '\u0119': 'e', '\u011b': 'e', '\u011c': 'G', '\u011e': 'G', '\u0120': 'G', '\u0122': 'G', '\u011d': 'g', '\u011f': 'g', '\u0121': 'g', '\u0123': 'g', '\u0124': 'H', '\u0126': 'H', '\u0125': 'h', '\u0127': 'h', '\u0128': 'I', '\u012a': 'I', '\u012c': 'I', '\u012e': 'I', '\u0130': 'I', '\u0129': 'i', '\u012b': 'i', '\u012d': 'i', '\u012f': 'i', '\u0131': 'i', '\u0134': 'J', '\u0135': 'j', '\u0136': 'K', '\u0137': 'k', '\u0138': 'k', '\u0139': 'L', '\u013b': 'L', '\u013d': 'L', '\u013f': 'L', '\u0141': 'L', '\u013a': 'l', '\u013c': 'l', '\u013e': 'l', '\u0140': 'l', '\u0142': 'l', '\u0143': 'N', '\u0145': 'N', '\u0147': 'N', '\u014a': 'N', '\u0144': 'n', '\u0146': 'n', '\u0148': 'n', '\u014b': 'n', '\u014c': 'O', '\u014e': 'O', '\u0150': 'O', '\u014d': 'o', '\u014f': 'o', '\u0151': 'o', '\u0154': 'R', '\u0156': 'R', '\u0158': 'R', '\u0155': 'r', '\u0157': 'r', '\u0159': 'r', '\u015a': 'S', '\u015c': 'S', '\u015e': 'S', '\u0160': 'S', '\u015b': 's', '\u015d': 's', '\u015f': 's', '\u0161': 's', '\u0162': 'T', '\u0164': 'T', '\u0166': 'T', '\u0163': 't', '\u0165': 't', '\u0167': 't', '\u0168': 'U', '\u016a': 'U', '\u016c': 'U', '\u016e': 'U', '\u0170': 'U', '\u0172': 'U', '\u0169': 'u', '\u016b': 'u', '\u016d': 'u', '\u016f': 'u', '\u0171': 'u', '\u0173': 'u', '\u0174': 'W', '\u0175': 'w', '\u0176': 'Y', '\u0177': 'y', '\u0178': 'Y', '\u0179': 'Z', '\u017b': 'Z', '\u017d': 'Z', '\u017a': 'z', '\u017c': 'z', '\u017e': 'z', '\u0132': 'IJ', '\u0133': 'ij', '\u0152': 'Oe', '\u0153': 'oe', '\u0149': "'n", '\u017f': 's' }; /** Used to map characters to HTML entities. */ var htmlEscapes = { '&': '&', '<': '<', '>': '>', '"': '"', "'": ''' }; /** Used to map HTML entities to characters. */ var htmlUnescapes = { '&': '&', '<': '<', '>': '>', '"': '"', ''': "'" }; /** Used to escape characters for inclusion in compiled string literals. */ var stringEscapes = { '\\': '\\', "'": "'", '\n': 'n', '\r': 'r', '\u2028': 'u2028', '\u2029': 'u2029' }; /** Built-in method references without a dependency on `root`. */ var freeParseFloat = parseFloat, freeParseInt = parseInt; /** Detect free variable `global` from Node.js. */ var freeGlobal = typeof global == 'object' && global && global.Object === Object && global; /** Detect free variable `self`. */ var freeSelf = typeof self == 'object' && self && self.Object === Object && self; /** Used as a reference to the global object. */ var root = freeGlobal || freeSelf || Function('return this')(); /** Detect free variable `exports`. */ var freeExports = typeof exports == 'object' && exports && !exports.nodeType && exports; /** Detect free variable `module`. */ var freeModule = freeExports && typeof module == 'object' && module && !module.nodeType && module; /** Detect the popular CommonJS extension `module.exports`. */ var moduleExports = freeModule && freeModule.exports === freeExports; /** Detect free variable `process` from Node.js. */ var freeProcess = moduleExports && freeGlobal.process; /** Used to access faster Node.js helpers. */ var nodeUtil = (function() { try { // Use `util.types` for Node.js 10+. var types = freeModule && freeModule.require && freeModule.require('util').types; if (types) { return types; } // Legacy `process.binding('util')` for Node.js < 10. return freeProcess && freeProcess.binding && freeProcess.binding('util'); } catch (e) {} }()); /* Node.js helper references. */ var nodeIsArrayBuffer = nodeUtil && nodeUtil.isArrayBuffer, nodeIsDate = nodeUtil && nodeUtil.isDate, nodeIsMap = nodeUtil && nodeUtil.isMap, nodeIsRegExp = nodeUtil && nodeUtil.isRegExp, nodeIsSet = nodeUtil && nodeUtil.isSet, nodeIsTypedArray = nodeUtil && nodeUtil.isTypedArray; /*--------------------------------------------------------------------------*/ /** * A faster alternative to `Function#apply`, this function invokes `func` * with the `this` binding of `thisArg` and the arguments of `args`. * * @private * @param {Function} func The function to invoke. * @param {*} thisArg The `this` binding of `func`. * @param {Array} args The arguments to invoke `func` with. * @returns {*} Returns the result of `func`. */ function apply(func, thisArg, args) { switch (args.length) { case 0: return func.call(thisArg); case 1: return func.call(thisArg, args[0]); case 2: return func.call(thisArg, args[0], args[1]); case 3: return func.call(thisArg, args[0], args[1], args[2]); } return func.apply(thisArg, args); } /** * A specialized version of `baseAggregator` for arrays. * * @private * @param {Array} [array] The array to iterate over. * @param {Function} setter The function to set `accumulator` values. * @param {Function} iteratee The iteratee to transform keys. * @param {Object} accumulator The initial aggregated object. * @returns {Function} Returns `accumulator`. */ function arrayAggregator(array, setter, iteratee, accumulator) { var index = -1, length = array == null ? 0 : array.length; while (++index < length) { var value = array[index]; setter(accumulator, value, iteratee(value), array); } return accumulator; } /** * A specialized version of `_.forEach` for arrays without support for * iteratee shorthands. * * @private * @param {Array} [array] The array to iterate over. * @param {Function} iteratee The function invoked per iteration. * @returns {Array} Returns `array`. */ function arrayEach(array, iteratee) { var index = -1, length = array == null ? 0 : array.length; while (++index < length) { if (iteratee(array[index], index, array) === false) { break; } } return array; } /** * A specialized version of `_.forEachRight` for arrays without support for * iteratee shorthands. * * @private * @param {Array} [array] The array to iterate over. * @param {Function} iteratee The function invoked per iteration. * @returns {Array} Returns `array`. */ function arrayEachRight(array, iteratee) { var length = array == null ? 0 : array.length; while (length--) { if (iteratee(array[length], length, array) === false) { break; } } return array; } /** * A specialized version of `_.every` for arrays without support for * iteratee shorthands. * * @private * @param {Array} [array] The array to iterate over. * @param {Function} predicate The function invoked per iteration. * @returns {boolean} Returns `true` if all elements pass the predicate check, * else `false`. */ function arrayEvery(array, predicate) { var index = -1, length = array == null ? 0 : array.length; while (++index < length) { if (!predicate(array[index], index, array)) { return false; } } return true; } /** * A specialized version of `_.filter` for arrays without support for * iteratee shorthands. * * @private * @param {Array} [array] The array to iterate over. * @param {Function} predicate The function invoked per iteration. * @returns {Array} Returns the new filtered array. */ function arrayFilter(array, predicate) { var index = -1, length = array == null ? 0 : array.length, resIndex = 0, result = []; while (++index < length) { var value = array[index]; if (predicate(value, index, array)) { result[resIndex++] = value; } } return result; } /** * A specialized version of `_.includes` for arrays without support for * specifying an index to search from. * * @private * @param {Array} [array] The array to inspect. * @param {*} target The value to search for. * @returns {boolean} Returns `true` if `target` is found, else `false`. */ function arrayIncludes(array, value) { var length = array == null ? 0 : array.length; return !!length && baseIndexOf(array, value, 0) > -1; } /** * This function is like `arrayIncludes` except that it accepts a comparator. * * @private * @param {Array} [array] The array to inspect. * @param {*} target The value to search for. * @param {Function} comparator The comparator invoked per element. * @returns {boolean} Returns `true` if `target` is found, else `false`. */ function arrayIncludesWith(array, value, comparator) { var index = -1, length = array == null ? 0 : array.length; while (++index < length) { if (comparator(value, array[index])) { return true; } } return false; } /** * A specialized version of `_.map` for arrays without support for iteratee * shorthands. * * @private * @param {Array} [array] The array to iterate over. * @param {Function} iteratee The function invoked per iteration. * @returns {Array} Returns the new mapped array. */ function arrayMap(array, iteratee) { var index = -1, length = array == null ? 0 : array.length, result = Array(length); while (++index < length) { result[index] = iteratee(array[index], index, array); } return result; } /** * Appends the elements of `values` to `array`. * * @private * @param {Array} array The array to modify. * @param {Array} values The values to append. * @returns {Array} Returns `array`. */ function arrayPush(array, values) { var index = -1, length = values.length, offset = array.length; while (++index < length) { array[offset + index] = values[index]; } return array; } /** * A specialized version of `_.reduce` for arrays without support for * iteratee shorthands. * * @private * @param {Array} [array] The array to iterate over. * @param {Function} iteratee The function invoked per iteration. * @param {*} [accumulator] The initial value. * @param {boolean} [initAccum] Specify using the first element of `array` as * the initial value. * @returns {*} Returns the accumulated value. */ function arrayReduce(array, iteratee, accumulator, initAccum) { var index = -1, length = array == null ? 0 : array.length; if (initAccum && length) { accumulator = array[++index]; } while (++index < length) { accumulator = iteratee(accumulator, array[index], index, array); } return accumulator; } /** * A specialized version of `_.reduceRight` for arrays without support for * iteratee shorthands. * * @private * @param {Array} [array] The array to iterate over. * @param {Function} iteratee The function invoked per iteration. * @param {*} [accumulator] The initial value. * @param {boolean} [initAccum] Specify using the last element of `array` as * the initial value. * @returns {*} Returns the accumulated value. */ function arrayReduceRight(array, iteratee, accumulator, initAccum) { var length = array == null ? 0 : array.length; if (initAccum && length) { accumulator = array[--length]; } while (length--) { accumulator = iteratee(accumulator, array[length], length, array); } return accumulator; } /** * A specialized version of `_.some` for arrays without support for iteratee * shorthands. * * @private * @param {Array} [array] The array to iterate over. * @param {Function} predicate The function invoked per iteration. * @returns {boolean} Returns `true` if any element passes the predicate check, * else `false`. */ function arraySome(array, predicate) { var index = -1, length = array == null ? 0 : array.length; while (++index < length) { if (predicate(array[index], index, array)) { return true; } } return false; } /** * Gets the size of an ASCII `string`. * * @private * @param {string} string The string inspect. * @returns {number} Returns the string size. */ var asciiSize = baseProperty('length'); /** * Converts an ASCII `string` to an array. * * @private * @param {string} string The string to convert. * @returns {Array} Returns the converted array. */ function asciiToArray(string) { return string.split(''); } /** * Splits an ASCII `string` into an array of its words. * * @private * @param {string} The string to inspect. * @returns {Array} Returns the words of `string`. */ function asciiWords(string) { return string.match(reAsciiWord) || []; } /** * The base implementation of methods like `_.findKey` and `_.findLastKey`, * without support for iteratee shorthands, which iterates over `collection` * using `eachFunc`. * * @private * @param {Array|Object} collection The collection to inspect. * @param {Function} predicate The function invoked per iteration. * @param {Function} eachFunc The function to iterate over `collection`. * @returns {*} Returns the found element or its key, else `undefined`. */ function baseFindKey(collection, predicate, eachFunc) { var result; eachFunc(collection, function(value, key, collection) { if (predicate(value, key, collection)) { result = key; return false; } }); return result; } /** * The base implementation of `_.findIndex` and `_.findLastIndex` without * support for iteratee shorthands. * * @private * @param {Array} array The array to inspect. * @param {Function} predicate The function invoked per iteration. * @param {number} fromIndex The index to search from. * @param {boolean} [fromRight] Specify iterating from right to left. * @returns {number} Returns the index of the matched value, else `-1`. */ function baseFindIndex(array, predicate, fromIndex, fromRight) { var length = array.length, index = fromIndex + (fromRight ? 1 : -1); while ((fromRight ? index-- : ++index < length)) { if (predicate(array[index], index, array)) { return index; } } return -1; } /** * The base implementation of `_.indexOf` without `fromIndex` bounds checks. * * @private * @param {Array} array The array to inspect. * @param {*} value The value to search for. * @param {number} fromIndex The index to search from. * @returns {number} Returns the index of the matched value, else `-1`. */ function baseIndexOf(array, value, fromIndex) { return value === value ? strictIndexOf(array, value, fromIndex) : baseFindIndex(array, baseIsNaN, fromIndex); } /** * This function is like `baseIndexOf` except that it accepts a comparator. * * @private * @param {Array} array The array to inspect. * @param {*} value The value to search for. * @param {number} fromIndex The index to search from. * @param {Function} comparator The comparator invoked per element. * @returns {number} Returns the index of the matched value, else `-1`. */ function baseIndexOfWith(array, value, fromIndex, comparator) { var index = fromIndex - 1, length = array.length; while (++index < length) { if (comparator(array[index], value)) { return index; } } return -1; } /** * The base implementation of `_.isNaN` without support for number objects. * * @private * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is `NaN`, else `false`. */ function baseIsNaN(value) { return value !== value; } /** * The base implementation of `_.mean` and `_.meanBy` without support for * iteratee shorthands. * * @private * @param {Array} array The array to iterate over. * @param {Function} iteratee The function invoked per iteration. * @returns {number} Returns the mean. */ function baseMean(array, iteratee) { var length = array == null ? 0 : array.length; return length ? (baseSum(array, iteratee) / length) : NAN; } /** * The base implementation of `_.property` without support for deep paths. * * @private * @param {string} key The key of the property to get. * @returns {Function} Returns the new accessor function. */ function baseProperty(key) { return function(object) { return object == null ? undefined : object[key]; }; } /** * The base implementation of `_.propertyOf` without support for deep paths. * * @private * @param {Object} object The object to query. * @returns {Function} Returns the new accessor function. */ function basePropertyOf(object) { return function(key) { return object == null ? undefined : object[key]; }; } /** * The base implementation of `_.reduce` and `_.reduceRight`, without support * for iteratee shorthands, which iterates over `collection` using `eachFunc`. * * @private * @param {Array|Object} collection The collection to iterate over. * @param {Function} iteratee The function invoked per iteration. * @param {*} accumulator The initial value. * @param {boolean} initAccum Specify using the first or last element of * `collection` as the initial value. * @param {Function} eachFunc The function to iterate over `collection`. * @returns {*} Returns the accumulated value. */ function baseReduce(collection, iteratee, accumulator, initAccum, eachFunc) { eachFunc(collection, function(value, index, collection) { accumulator = initAccum ? (initAccum = false, value) : iteratee(accumulator, value, index, collection); }); return accumulator; } /** * The base implementation of `_.sortBy` which uses `comparer` to define the * sort order of `array` and replaces criteria objects with their corresponding * values. * * @private * @param {Array} array The array to sort. * @param {Function} comparer The function to define sort order. * @returns {Array} Returns `array`. */ function baseSortBy(array, comparer) { var length = array.length; array.sort(comparer); while (length--) { array[length] = array[length].value; } return array; } /** * The base implementation of `_.sum` and `_.sumBy` without support for * iteratee shorthands. * * @private * @param {Array} array The array to iterate over. * @param {Function} iteratee The function invoked per iteration. * @returns {number} Returns the sum. */ function baseSum(array, iteratee) { var result, index = -1, length = array.length; while (++index < length) { var current = iteratee(array[index]); if (current !== undefined) { result = result === undefined ? current : (result + current); } } return result; } /** * The base implementation of `_.times` without support for iteratee shorthands * or max array length checks. * * @private * @param {number} n The number of times to invoke `iteratee`. * @param {Function} iteratee The function invoked per iteration. * @returns {Array} Returns the array of results. */ function baseTimes(n, iteratee) { var index = -1, result = Array(n); while (++index < n) { result[index] = iteratee(index); } return result; } /** * The base implementation of `_.toPairs` and `_.toPairsIn` which creates an array * of key-value pairs for `object` corresponding to the property names of `props`. * * @private * @param {Object} object The object to query. * @param {Array} props The property names to get values for. * @returns {Object} Returns the key-value pairs. */ function baseToPairs(object, props) { return arrayMap(props, function(key) { return [key, object[key]]; }); } /** * The base implementation of `_.unary` without support for storing metadata. * * @private * @param {Function} func The function to cap arguments for. * @returns {Function} Returns the new capped function. */ function baseUnary(func) { return function(value) { return func(value); }; } /** * The base implementation of `_.values` and `_.valuesIn` which creates an * array of `object` property values corresponding to the property names * of `props`. * * @private * @param {Object} object The object to query. * @param {Array} props The property names to get values for. * @returns {Object} Returns the array of property values. */ function baseValues(object, props) { return arrayMap(props, function(key) { return object[key]; }); } /** * Checks if a `cache` value for `key` exists. * * @private * @param {Object} cache The cache to query. * @param {string} key The key of the entry to check. * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`. */ function cacheHas(cache, key) { return cache.has(key); } /** * Used by `_.trim` and `_.trimStart` to get the index of the first string symbol * that is not found in the character symbols. * * @private * @param {Array} strSymbols The string symbols to inspect. * @param {Array} chrSymbols The character symbols to find. * @returns {number} Returns the index of the first unmatched string symbol. */ function charsStartIndex(strSymbols, chrSymbols) { var index = -1, length = strSymbols.length; while (++index < length && baseIndexOf(chrSymbols, strSymbols[index], 0) > -1) {} return index; } /** * Used by `_.trim` and `_.trimEnd` to get the index of the last string symbol * that is not found in the character symbols. * * @private * @param {Array} strSymbols The string symbols to inspect. * @param {Array} chrSymbols The character symbols to find. * @returns {number} Returns the index of the last unmatched string symbol. */ function charsEndIndex(strSymbols, chrSymbols) { var index = strSymbols.length; while (index-- && baseIndexOf(chrSymbols, strSymbols[index], 0) > -1) {} return index; } /** * Gets the number of `placeholder` occurrences in `array`. * * @private * @param {Array} array The array to inspect. * @param {*} placeholder The placeholder to search for. * @returns {number} Returns the placeholder count. */ function countHolders(array, placeholder) { var length = array.length, result = 0; while (length--) { if (array[length] === placeholder) { ++result; } } return result; } /** * Used by `_.deburr` to convert Latin-1 Supplement and Latin Extended-A * letters to basic Latin letters. * * @private * @param {string} letter The matched letter to deburr. * @returns {string} Returns the deburred letter. */ var deburrLetter = basePropertyOf(deburredLetters); /** * Used by `_.escape` to convert characters to HTML entities. * * @private * @param {string} chr The matched character to escape. * @returns {string} Returns the escaped character. */ var escapeHtmlChar = basePropertyOf(htmlEscapes); /** * Used by `_.template` to escape characters for inclusion in compiled string literals. * * @private * @param {string} chr The matched character to escape. * @returns {string} Returns the escaped character. */ function escapeStringChar(chr) { return '\\' + stringEscapes[chr]; } /** * Gets the value at `key` of `object`. * * @private * @param {Object} [object] The object to query. * @param {string} key The key of the property to get. * @returns {*} Returns the property value. */ function getValue(object, key) { return object == null ? undefined : object[key]; } /** * Checks if `string` contains Unicode symbols. * * @private * @param {string} string The string to inspect. * @returns {boolean} Returns `true` if a symbol is found, else `false`. */ function hasUnicode(string) { return reHasUnicode.test(string); } /** * Checks if `string` contains a word composed of Unicode symbols. * * @private * @param {string} string The string to inspect. * @returns {boolean} Returns `true` if a word is found, else `false`. */ function hasUnicodeWord(string) { return reHasUnicodeWord.test(string); } /** * Converts `iterator` to an array. * * @private * @param {Object} iterator The iterator to convert. * @returns {Array} Returns the converted array. */ function iteratorToArray(iterator) { var data, result = []; while (!(data = iterator.next()).done) { result.push(data.value); } return result; } /** * Converts `map` to its key-value pairs. * * @private * @param {Object} map The map to convert. * @returns {Array} Returns the key-value pairs. */ function mapToArray(map) { var index = -1, result = Array(map.size); map.forEach(function(value, key) { result[++index] = [key, value]; }); return result; } /** * Creates a unary function that invokes `func` with its argument transformed. * * @private * @param {Function} func The function to wrap. * @param {Function} transform The argument transform. * @returns {Function} Returns the new function. */ function overArg(func, transform) { return function(arg) { return func(transform(arg)); }; } /** * Replaces all `placeholder` elements in `array` with an internal placeholder * and returns an array of their indexes. * * @private * @param {Array} array The array to modify. * @param {*} placeholder The placeholder to replace. * @returns {Array} Returns the new array of placeholder indexes. */ function replaceHolders(array, placeholder) { var index = -1, length = array.length, resIndex = 0, result = []; while (++index < length) { var value = array[index]; if (value === placeholder || value === PLACEHOLDER) { array[index] = PLACEHOLDER; result[resIndex++] = index; } } return result; } /** * Converts `set` to an array of its values. * * @private * @param {Object} set The set to convert. * @returns {Array} Returns the values. */ function setToArray(set) { var index = -1, result = Array(set.size); set.forEach(function(value) { result[++index] = value; }); return result; } /** * Converts `set` to its value-value pairs. * * @private * @param {Object} set The set to convert. * @returns {Array} Returns the value-value pairs. */ function setToPairs(set) { var index = -1, result = Array(set.size); set.forEach(function(value) { result[++index] = [value, value]; }); return result; } /** * A specialized version of `_.indexOf` which performs strict equality * comparisons of values, i.e. `===`. * * @private * @param {Array} array The array to inspect. * @param {*} value The value to search for. * @param {number} fromIndex The index to search from. * @returns {number} Returns the index of the matched value, else `-1`. */ function strictIndexOf(array, value, fromIndex) { var index = fromIndex - 1, length = array.length; while (++index < length) { if (array[index] === value) { return index; } } return -1; } /** * A specialized version of `_.lastIndexOf` which performs strict equality * comparisons of values, i.e. `===`. * * @private * @param {Array} array The array to inspect. * @param {*} value The value to search for. * @param {number} fromIndex The index to search from. * @returns {number} Returns the index of the matched value, else `-1`. */ function strictLastIndexOf(array, value, fromIndex) { var index = fromIndex + 1; while (index--) { if (array[index] === value) { return index; } } return index; } /** * Gets the number of symbols in `string`. * * @private * @param {string} string The string to inspect. * @returns {number} Returns the string size. */ function stringSize(string) { return hasUnicode(string) ? unicodeSize(string) : asciiSize(string); } /** * Converts `string` to an array. * * @private * @param {string} string The string to convert. * @returns {Array} Returns the converted array. */ function stringToArray(string) { return hasUnicode(string) ? unicodeToArray(string) : asciiToArray(string); } /** * Used by `_.unescape` to convert HTML entities to characters. * * @private * @param {string} chr The matched character to unescape. * @returns {string} Returns the unescaped character. */ var unescapeHtmlChar = basePropertyOf(htmlUnescapes); /** * Gets the size of a Unicode `string`. * * @private * @param {string} string The string inspect. * @returns {number} Returns the string size. */ function unicodeSize(string) { var result = reUnicode.lastIndex = 0; while (reUnicode.test(string)) { ++result; } return result; } /** * Converts a Unicode `string` to an array. * * @private * @param {string} string The string to convert. * @returns {Array} Returns the converted array. */ function unicodeToArray(string) { return string.match(reUnicode) || []; } /** * Splits a Unicode `string` into an array of its words. * * @private * @param {string} The string to inspect. * @returns {Array} Returns the words of `string`. */ function unicodeWords(string) { return string.match(reUnicodeWord) || []; } /*--------------------------------------------------------------------------*/ /** * Create a new pristine `lodash` function using the `context` object. * * @static * @memberOf _ * @since 1.1.0 * @category Util * @param {Object} [context=root] The context object. * @returns {Function} Returns a new `lodash` function. * @example * * _.mixin({ 'foo': _.constant('foo') }); * * var lodash = _.runInContext(); * lodash.mixin({ 'bar': lodash.constant('bar') }); * * _.isFunction(_.foo); * // => true * _.isFunction(_.bar); * // => false * * lodash.isFunction(lodash.foo); * // => false * lodash.isFunction(lodash.bar); * // => true * * // Create a suped-up `defer` in Node.js. * var defer = _.runInContext({ 'setTimeout': setImmediate }).defer; */ var runInContext = (function runInContext(context) { context = context == null ? root : _.defaults(root.Object(), context, _.pick(root, contextProps)); /** Built-in constructor references. */ var Array = context.Array, Date = context.Date, Error = context.Error, Function = context.Function, Math = context.Math, Object = context.Object, RegExp = context.RegExp, String = context.String, TypeError = context.TypeError; /** Used for built-in method references. */ var arrayProto = Array.prototype, funcProto = Function.prototype, objectProto = Object.prototype; /** Used to detect overreaching core-js shims. */ var coreJsData = context['__core-js_shared__']; /** Used to resolve the decompiled source of functions. */ var funcToString = funcProto.toString; /** Used to check objects for own properties. */ var hasOwnProperty = objectProto.hasOwnProperty; /** Used to generate unique IDs. */ var idCounter = 0; /** Used to detect methods masquerading as native. */ var maskSrcKey = (function() { var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || ''); return uid ? ('Symbol(src)_1.' + uid) : ''; }()); /** * Used to resolve the * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring) * of values. */ var nativeObjectToString = objectProto.toString; /** Used to infer the `Object` constructor. */ var objectCtorString = funcToString.call(Object); /** Used to restore the original `_` reference in `_.noConflict`. */ var oldDash = root._; /** Used to detect if a method is native. */ var reIsNative = RegExp('^' + funcToString.call(hasOwnProperty).replace(reRegExpChar, '\\$&') .replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, '$1.*?') + '$' ); /** Built-in value references. */ var Buffer = moduleExports ? context.Buffer : undefined, Symbol = context.Symbol, Uint8Array = context.Uint8Array, allocUnsafe = Buffer ? Buffer.allocUnsafe : undefined, getPrototype = overArg(Object.getPrototypeOf, Object), objectCreate = Object.create, propertyIsEnumerable = objectProto.propertyIsEnumerable, splice = arrayProto.splice, spreadableSymbol = Symbol ? Symbol.isConcatSpreadable : undefined, symIterator = Symbol ? Symbol.iterator : undefined, symToStringTag = Symbol ? Symbol.toStringTag : undefined; var defineProperty = (function() { try { var func = getNative(Object, 'defineProperty'); func({}, '', {}); return func; } catch (e) {} }()); /** Mocked built-ins. */ var ctxClearTimeout = context.clearTimeout !== root.clearTimeout && context.clearTimeout, ctxNow = Date && Date.now !== root.Date.now && Date.now, ctxSetTimeout = context.setTimeout !== root.setTimeout && context.setTimeout; /* Built-in method references for those with the same name as other `lodash` methods. */ var nativeCeil = Math.ceil, nativeFloor = Math.floor, nativeGetSymbols = Object.getOwnPropertySymbols, nativeIsBuffer = Buffer ? Buffer.isBuffer : undefined, nativeIsFinite = context.isFinite, nativeJoin = arrayProto.join, nativeKeys = overArg(Object.keys, Object), nativeMax = Math.max, nativeMin = Math.min, nativeNow = Date.now, nativeParseInt = context.parseInt, nativeRandom = Math.random, nativeReverse = arrayProto.reverse; /* Built-in method references that are verified to be native. */ var DataView = getNative(context, 'DataView'), Map = getNative(context, 'Map'), Promise = getNative(context, 'Promise'), Set = getNative(context, 'Set'), WeakMap = getNative(context, 'WeakMap'), nativeCreate = getNative(Object, 'create'); /** Used to store function metadata. */ var metaMap = WeakMap && new WeakMap; /** Used to lookup unminified function names. */ var realNames = {}; /** Used to detect maps, sets, and weakmaps. */ var dataViewCtorString = toSource(DataView), mapCtorString = toSource(Map), promiseCtorString = toSource(Promise), setCtorString = toSource(Set), weakMapCtorString = toSource(WeakMap); /** Used to convert symbols to primitives and strings. */ var symbolProto = Symbol ? Symbol.prototype : undefined, symbolValueOf = symbolProto ? symbolProto.valueOf : undefined, symbolToString = symbolProto ? symbolProto.toString : undefined; /*------------------------------------------------------------------------*/ /** * Creates a `lodash` object which wraps `value` to enable implicit method * chain sequences. Methods that operate on and return arrays, collections, * and functions can be chained together. Methods that retrieve a single value * or may return a primitive value will automatically end the chain sequence * and return the unwrapped value. Otherwise, the value must be unwrapped * with `_#value`. * * Explicit chain sequences, which must be unwrapped with `_#value`, may be * enabled using `_.chain`. * * The execution of chained methods is lazy, that is, it's deferred until * `_#value` is implicitly or explicitly called. * * Lazy evaluation allows several methods to support shortcut fusion. * Shortcut fusion is an optimization to merge iteratee calls; this avoids * the creation of intermediate arrays and can greatly reduce the number of * iteratee executions. Sections of a chain sequence qualify for shortcut * fusion if the section is applied to an array and iteratees accept only * one argument. The heuristic for whether a section qualifies for shortcut * fusion is subject to change. * * Chaining is supported in custom builds as long as the `_#value` method is * directly or indirectly included in the build. * * In addition to lodash methods, wrappers have `Array` and `String` methods. * * The wrapper `Array` methods are: * `concat`, `join`, `pop`, `push`, `shift`, `sort`, `splice`, and `unshift` * * The wrapper `String` methods are: * `replace` and `split` * * The wrapper methods that support shortcut fusion are: * `at`, `compact`, `drop`, `dropRight`, `dropWhile`, `filter`, `find`, * `findLast`, `head`, `initial`, `last`, `map`, `reject`, `reverse`, `slice`, * `tail`, `take`, `takeRight`, `takeRightWhile`, `takeWhile`, and `toArray` * * The chainable wrapper methods are: * `after`, `ary`, `assign`, `assignIn`, `assignInWith`, `assignWith`, `at`, * `before`, `bind`, `bindAll`, `bindKey`, `castArray`, `chain`, `chunk`, * `commit`, `compact`, `concat`, `conforms`, `constant`, `countBy`, `create`, * `curry`, `debounce`, `defaults`, `defaultsDeep`, `defer`, `delay`, * `difference`, `differenceBy`, `differenceWith`, `drop`, `dropRight`, * `dropRightWhile`, `dropWhile`, `extend`, `extendWith`, `fill`, `filter`, * `flatMap`, `flatMapDeep`, `flatMapDepth`, `flatten`, `flattenDeep`, * `flattenDepth`, `flip`, `flow`, `flowRight`, `fromPairs`, `functions`, * `functionsIn`, `groupBy`, `initial`, `intersection`, `intersectionBy`, * `intersectionWith`, `invert`, `invertBy`, `invokeMap`, `iteratee`, `keyBy`, * `keys`, `keysIn`, `map`, `mapKeys`, `mapValues`, `matches`, `matchesProperty`, * `memoize`, `merge`, `mergeWith`, `method`, `methodOf`, `mixin`, `negate`, * `nthArg`, `omit`, `omitBy`, `once`, `orderBy`, `over`, `overArgs`, * `overEvery`, `overSome`, `partial`, `partialRight`, `partition`, `pick`, * `pickBy`, `plant`, `property`, `propertyOf`, `pull`, `pullAll`, `pullAllBy`, * `pullAllWith`, `pullAt`, `push`, `range`, `rangeRight`, `rearg`, `reject`, * `remove`, `rest`, `reverse`, `sampleSize`, `set`, `setWith`, `shuffle`, * `slice`, `sort`, `sortBy`, `splice`, `spread`, `tail`, `take`, `takeRight`, * `takeRightWhile`, `takeWhile`, `tap`, `throttle`, `thru`, `toArray`, * `toPairs`, `toPairsIn`, `toPath`, `toPlainObject`, `transform`, `unary`, * `union`, `unionBy`, `unionWith`, `uniq`, `uniqBy`, `uniqWith`, `unset`, * `unshift`, `unzip`, `unzipWith`, `update`, `updateWith`, `values`, * `valuesIn`, `without`, `wrap`, `xor`, `xorBy`, `xorWith`, `zip`, * `zipObject`, `zipObjectDeep`, and `zipWith` * * The wrapper methods that are **not** chainable by default are: * `add`, `attempt`, `camelCase`, `capitalize`, `ceil`, `clamp`, `clone`, * `cloneDeep`, `cloneDeepWith`, `cloneWith`, `conformsTo`, `deburr`, * `defaultTo`, `divide`, `each`, `eachRight`, `endsWith`, `eq`, `escape`, * `escapeRegExp`, `every`, `find`, `findIndex`, `findKey`, `findLast`, * `findLastIndex`, `findLastKey`, `first`, `floor`, `forEach`, `forEachRight`, * `forIn`, `forInRight`, `forOwn`, `forOwnRight`, `get`, `gt`, `gte`, `has`, * `hasIn`, `head`, `identity`, `includes`, `indexOf`, `inRange`, `invoke`, * `isArguments`, `isArray`, `isArrayBuffer`, `isArrayLike`, `isArrayLikeObject`, * `isBoolean`, `isBuffer`, `isDate`, `isElement`, `isEmpty`, `isEqual`, * `isEqualWith`, `isError`, `isFinite`, `isFunction`, `isInteger`, `isLength`, * `isMap`, `isMatch`, `isMatchWith`, `isNaN`, `isNative`, `isNil`, `isNull`, * `isNumber`, `isObject`, `isObjectLike`, `isPlainObject`, `isRegExp`, * `isSafeInteger`, `isSet`, `isString`, `isUndefined`, `isTypedArray`, * `isWeakMap`, `isWeakSet`, `join`, `kebabCase`, `last`, `lastIndexOf`, * `lowerCase`, `lowerFirst`, `lt`, `lte`, `max`, `maxBy`, `mean`, `meanBy`, * `min`, `minBy`, `multiply`, `noConflict`, `noop`, `now`, `nth`, `pad`, * `padEnd`, `padStart`, `parseInt`, `pop`, `random`, `reduce`, `reduceRight`, * `repeat`, `result`, `round`, `runInContext`, `sample`, `shift`, `size`, * `snakeCase`, `some`, `sortedIndex`, `sortedIndexBy`, `sortedLastIndex`, * `sortedLastIndexBy`, `startCase`, `startsWith`, `stubArray`, `stubFalse`, * `stubObject`, `stubString`, `stubTrue`, `subtract`, `sum`, `sumBy`, * `template`, `times`, `toFinite`, `toInteger`, `toJSON`, `toLength`, * `toLower`, `toNumber`, `toSafeInteger`, `toString`, `toUpper`, `trim`, * `trimEnd`, `trimStart`, `truncate`, `unescape`, `uniqueId`, `upperCase`, * `upperFirst`, `value`, and `words` * * @name _ * @constructor * @category Seq * @param {*} value The value to wrap in a `lodash` instance. * @returns {Object} Returns the new `lodash` wrapper instance. * @example * * function square(n) { * return n * n; * } * * var wrapped = _([1, 2, 3]); * * // Returns an unwrapped value. * wrapped.reduce(_.add); * // => 6 * * // Returns a wrapped value. * var squares = wrapped.map(square); * * _.isArray(squares); * // => false * * _.isArray(squares.value()); * // => true */ function lodash(value) { if (isObjectLike(value) && !isArray(value) && !(value instanceof LazyWrapper)) { if (value instanceof LodashWrapper) { return value; } if (hasOwnProperty.call(value, '__wrapped__')) { return wrapperClone(value); } } return new LodashWrapper(value); } /** * The base implementation of `_.create` without support for assigning * properties to the created object. * * @private * @param {Object} proto The object to inherit from. * @returns {Object} Returns the new object. */ var baseCreate = (function() { function object() {} return function(proto) { if (!isObject(proto)) { return {}; } if (objectCreate) { return objectCreate(proto); } object.prototype = proto; var result = new object; object.prototype = undefined; return result; }; }()); /** * The function whose prototype chain sequence wrappers inherit from. * * @private */ function baseLodash() { // No operation performed. } /** * The base constructor for creating `lodash` wrapper objects. * * @private * @param {*} value The value to wrap. * @param {boolean} [chainAll] Enable explicit method chain sequences. */ function LodashWrapper(value, chainAll) { this.__wrapped__ = value; this.__actions__ = []; this.__chain__ = !!chainAll; this.__index__ = 0; this.__values__ = undefined; } /** * By default, the template delimiters used by lodash are like those in * embedded Ruby (ERB) as well as ES2015 template strings. Change the * following template settings to use alternative delimiters. * * @static * @memberOf _ * @type {Object} */ lodash.templateSettings = { /** * Used to detect `data` property values to be HTML-escaped. * * @memberOf _.templateSettings * @type {RegExp} */ 'escape': reEscape, /** * Used to detect code to be evaluated. * * @memberOf _.templateSettings * @type {RegExp} */ 'evaluate': reEvaluate, /** * Used to detect `data` property values to inject. * * @memberOf _.templateSettings * @type {RegExp} */ 'interpolate': reInterpolate, /** * Used to reference the data object in the template text. * * @memberOf _.templateSettings * @type {string} */ 'variable': '', /** * Used to import variables into the compiled template. * * @memberOf _.templateSettings * @type {Object} */ 'imports': { /** * A reference to the `lodash` function. * * @memberOf _.templateSettings.imports * @type {Function} */ '_': lodash } }; // Ensure wrappers are instances of `baseLodash`. lodash.prototype = baseLodash.prototype; lodash.prototype.constructor = lodash; LodashWrapper.prototype = baseCreate(baseLodash.prototype); LodashWrapper.prototype.constructor = LodashWrapper; /*------------------------------------------------------------------------*/ /** * Creates a lazy wrapper object which wraps `value` to enable lazy evaluation. * * @private * @constructor * @param {*} value The value to wrap. */ function LazyWrapper(value) { this.__wrapped__ = value; this.__actions__ = []; this.__dir__ = 1; this.__filtered__ = false; this.__iteratees__ = []; this.__takeCount__ = MAX_ARRAY_LENGTH; this.__views__ = []; } /** * Creates a clone of the lazy wrapper object. * * @private * @name clone * @memberOf LazyWrapper * @returns {Object} Returns the cloned `LazyWrapper` object. */ function lazyClone() { var result = new LazyWrapper(this.__wrapped__); result.__actions__ = copyArray(this.__actions__); result.__dir__ = this.__dir__; result.__filtered__ = this.__filtered__; result.__iteratees__ = copyArray(this.__iteratees__); result.__takeCount__ = this.__takeCount__; result.__views__ = copyArray(this.__views__); return result; } /** * Reverses the direction of lazy iteration. * * @private * @name reverse * @memberOf LazyWrapper * @returns {Object} Returns the new reversed `LazyWrapper` object. */ function lazyReverse() { if (this.__filtered__) { var result = new LazyWrapper(this); result.__dir__ = -1; result.__filtered__ = true; } else { result = this.clone(); result.__dir__ *= -1; } return result; } /** * Extracts the unwrapped value from its lazy wrapper. * * @private * @name value * @memberOf LazyWrapper * @returns {*} Returns the unwrapped value. */ function lazyValue() { var array = this.__wrapped__.value(), dir = this.__dir__, isArr = isArray(array), isRight = dir < 0, arrLength = isArr ? array.length : 0, view = getView(0, arrLength, this.__views__), start = view.start, end = view.end, length = end - start, index = isRight ? end : (start - 1), iteratees = this.__iteratees__, iterLength = iteratees.length, resIndex = 0, takeCount = nativeMin(length, this.__takeCount__); if (!isArr || (!isRight && arrLength == length && takeCount == length)) { return baseWrapperValue(array, this.__actions__); } var result = []; outer: while (length-- && resIndex < takeCount) { index += dir; var iterIndex = -1, value = array[index]; while (++iterIndex < iterLength) { var data = iteratees[iterIndex], iteratee = data.iteratee, type = data.type, computed = iteratee(value); if (type == LAZY_MAP_FLAG) { value = computed; } else if (!computed) { if (type == LAZY_FILTER_FLAG) { continue outer; } else { break outer; } } } result[resIndex++] = value; } return result; } // Ensure `LazyWrapper` is an instance of `baseLodash`. LazyWrapper.prototype = baseCreate(baseLodash.prototype); LazyWrapper.prototype.constructor = LazyWrapper; /*------------------------------------------------------------------------*/ /** * Creates a hash object. * * @private * @constructor * @param {Array} [entries] The key-value pairs to cache. */ function Hash(entries) { var index = -1, length = entries == null ? 0 : entries.length; this.clear(); while (++index < length) { var entry = entries[index]; this.set(entry[0], entry[1]); } } /** * Removes all key-value entries from the hash. * * @private * @name clear * @memberOf Hash */ function hashClear() { this.__data__ = nativeCreate ? nativeCreate(null) : {}; this.size = 0; } /** * Removes `key` and its value from the hash. * * @private * @name delete * @memberOf Hash * @param {Object} hash The hash to modify. * @param {string} key The key of the value to remove. * @returns {boolean} Returns `true` if the entry was removed, else `false`. */ function hashDelete(key) { var result = this.has(key) && delete this.__data__[key]; this.size -= result ? 1 : 0; return result; } /** * Gets the hash value for `key`. * * @private * @name get * @memberOf Hash * @param {string} key The key of the value to get. * @returns {*} Returns the entry value. */ function hashGet(key) { var data = this.__data__; if (nativeCreate) { var result = data[key]; return result === HASH_UNDEFINED ? undefined : result; } return hasOwnProperty.call(data, key) ? data[key] : undefined; } /** * Checks if a hash value for `key` exists. * * @private * @name has * @memberOf Hash * @param {string} key The key of the entry to check. * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`. */ function hashHas(key) { var data = this.__data__; return nativeCreate ? (data[key] !== undefined) : hasOwnProperty.call(data, key); } /** * Sets the hash `key` to `value`. * * @private * @name set * @memberOf Hash * @param {string} key The key of the value to set. * @param {*} value The value to set. * @returns {Object} Returns the hash instance. */ function hashSet(key, value) { var data = this.__data__; this.size += this.has(key) ? 0 : 1; data[key] = (nativeCreate && value === undefined) ? HASH_UNDEFINED : value; return this; } // Add methods to `Hash`. Hash.prototype.clear = hashClear; Hash.prototype['delete'] = hashDelete; Hash.prototype.get = hashGet; Hash.prototype.has = hashHas; Hash.prototype.set = hashSet; /*------------------------------------------------------------------------*/ /** * Creates an list cache object. * * @private * @constructor * @param {Array} [entries] The key-value pairs to cache. */ function ListCache(entries) { var index = -1, length = entries == null ? 0 : entries.length; this.clear(); while (++index < length) { var entry = entries[index]; this.set(entry[0], entry[1]); } } /** * Removes all key-value entries from the list cache. * * @private * @name clear * @memberOf ListCache */ function listCacheClear() { this.__data__ = []; this.size = 0; } /** * Removes `key` and its value from the list cache. * * @private * @name delete * @memberOf ListCache * @param {string} key The key of the value to remove. * @returns {boolean} Returns `true` if the entry was removed, else `false`. */ function listCacheDelete(key) { var data = this.__data__, index = assocIndexOf(data, key); if (index < 0) { return false; } var lastIndex = data.length - 1; if (index == lastIndex) { data.pop(); } else { splice.call(data, index, 1); } --this.size; return true; } /** * Gets the list cache value for `key`. * * @private * @name get * @memberOf ListCache * @param {string} key The key of the value to get. * @returns {*} Returns the entry value. */ function listCacheGet(key) { var data = this.__data__, index = assocIndexOf(data, key); return index < 0 ? undefined : data[index][1]; } /** * Checks if a list cache value for `key` exists. * * @private * @name has * @memberOf ListCache * @param {string} key The key of the entry to check. * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`. */ function listCacheHas(key) { return assocIndexOf(this.__data__, key) > -1; } /** * Sets the list cache `key` to `value`. * * @private * @name set * @memberOf ListCache * @param {string} key The key of the value to set. * @param {*} value The value to set. * @returns {Object} Returns the list cache instance. */ function listCacheSet(key, value) { var data = this.__data__, index = assocIndexOf(data, key); if (index < 0) { ++this.size; data.push([key, value]); } else { data[index][1] = value; } return this; } // Add methods to `ListCache`. ListCache.prototype.clear = listCacheClear; ListCache.prototype['delete'] = listCacheDelete; ListCache.prototype.get = listCacheGet; ListCache.prototype.has = listCacheHas; ListCache.prototype.set = listCacheSet; /*------------------------------------------------------------------------*/ /** * Creates a map cache object to store key-value pairs. * * @private * @constructor * @param {Array} [entries] The key-value pairs to cache. */ function MapCache(entries) { var index = -1, length = entries == null ? 0 : entries.length; this.clear(); while (++index < length) { var entry = entries[index]; this.set(entry[0], entry[1]); } } /** * Removes all key-value entries from the map. * * @private * @name clear * @memberOf MapCache */ function mapCacheClear() { this.size = 0; this.__data__ = { 'hash': new Hash, 'map': new (Map || ListCache), 'string': new Hash }; } /** * Removes `key` and its value from the map. * * @private * @name delete * @memberOf MapCache * @param {string} key The key of the value to remove. * @returns {boolean} Returns `true` if the entry was removed, else `false`. */ function mapCacheDelete(key) { var result = getMapData(this, key)['delete'](key); this.size -= result ? 1 : 0; return result; } /** * Gets the map value for `key`. * * @private * @name get * @memberOf MapCache * @param {string} key The key of the value to get. * @returns {*} Returns the entry value. */ function mapCacheGet(key) { return getMapData(this, key).get(key); } /** * Checks if a map value for `key` exists. * * @private * @name has * @memberOf MapCache * @param {string} key The key of the entry to check. * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`. */ function mapCacheHas(key) { return getMapData(this, key).has(key); } /** * Sets the map `key` to `value`. * * @private * @name set * @memberOf MapCache * @param {string} key The key of the value to set. * @param {*} value The value to set. * @returns {Object} Returns the map cache instance. */ function mapCacheSet(key, value) { var data = getMapData(this, key), size = data.size; data.set(key, value); this.size += data.size == size ? 0 : 1; return this; } // Add methods to `MapCache`. MapCache.prototype.clear = mapCacheClear; MapCache.prototype['delete'] = mapCacheDelete; MapCache.prototype.get = mapCacheGet; MapCache.prototype.has = mapCacheHas; MapCache.prototype.set = mapCacheSet; /*------------------------------------------------------------------------*/ /** * * Creates an array cache object to store unique values. * * @private * @constructor * @param {Array} [values] The values to cache. */ function SetCache(values) { var index = -1, length = values == null ? 0 : values.length; this.__data__ = new MapCache; while (++index < length) { this.add(values[index]); } } /** * Adds `value` to the array cache. * * @private * @name add * @memberOf SetCache * @alias push * @param {*} value The value to cache. * @returns {Object} Returns the cache instance. */ function setCacheAdd(value) { this.__data__.set(value, HASH_UNDEFINED); return this; } /** * Checks if `value` is in the array cache. * * @private * @name has * @memberOf SetCache * @param {*} value The value to search for. * @returns {number} Returns `true` if `value` is found, else `false`. */ function setCacheHas(value) { return this.__data__.has(value); } // Add methods to `SetCache`. SetCache.prototype.add = SetCache.prototype.push = setCacheAdd; SetCache.prototype.has = setCacheHas; /*------------------------------------------------------------------------*/ /** * Creates a stack cache object to store key-value pairs. * * @private * @constructor * @param {Array} [entries] The key-value pairs to cache. */ function Stack(entries) { var data = this.__data__ = new ListCache(entries); this.size = data.size; } /** * Removes all key-value entries from the stack. * * @private * @name clear * @memberOf Stack */ function stackClear() { this.__data__ = new ListCache; this.size = 0; } /** * Removes `key` and its value from the stack. * * @private * @name delete * @memberOf Stack * @param {string} key The key of the value to remove. * @returns {boolean} Returns `true` if the entry was removed, else `false`. */ function stackDelete(key) { var data = this.__data__, result = data['delete'](key); this.size = data.size; return result; } /** * Gets the stack value for `key`. * * @private * @name get * @memberOf Stack * @param {string} key The key of the value to get. * @returns {*} Returns the entry value. */ function stackGet(key) { return this.__data__.get(key); } /** * Checks if a stack value for `key` exists. * * @private * @name has * @memberOf Stack * @param {string} key The key of the entry to check. * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`. */ function stackHas(key) { return this.__data__.has(key); } /** * Sets the stack `key` to `value`. * * @private * @name set * @memberOf Stack * @param {string} key The key of the value to set. * @param {*} value The value to set. * @returns {Object} Returns the stack cache instance. */ function stackSet(key, value) { var data = this.__data__; if (data instanceof ListCache) { var pairs = data.__data__; if (!Map || (pairs.length < LARGE_ARRAY_SIZE - 1)) { pairs.push([key, value]); this.size = ++data.size; return this; } data = this.__data__ = new MapCache(pairs); } data.set(key, value); this.size = data.size; return this; } // Add methods to `Stack`. Stack.prototype.clear = stackClear; Stack.prototype['delete'] = stackDelete; Stack.prototype.get = stackGet; Stack.prototype.has = stackHas; Stack.prototype.set = stackSet; /*------------------------------------------------------------------------*/ /** * Creates an array of the enumerable property names of the array-like `value`. * * @private * @param {*} value The value to query. * @param {boolean} inherited Specify returning inherited property names. * @returns {Array} Returns the array of property names. */ function arrayLikeKeys(value, inherited) { var isArr = isArray(value), isArg = !isArr && isArguments(value), isBuff = !isArr && !isArg && isBuffer(value), isType = !isArr && !isArg && !isBuff && isTypedArray(value), skipIndexes = isArr || isArg || isBuff || isType, result = skipIndexes ? baseTimes(value.length, String) : [], length = result.length; for (var key in value) { if ((inherited || hasOwnProperty.call(value, key)) && !(skipIndexes && ( // Safari 9 has enumerable `arguments.length` in strict mode. key == 'length' || // Node.js 0.10 has enumerable non-index properties on buffers. (isBuff && (key == 'offset' || key == 'parent')) || // PhantomJS 2 has enumerable non-index properties on typed arrays. (isType && (key == 'buffer' || key == 'byteLength' || key == 'byteOffset')) || // Skip index properties. isIndex(key, length) ))) { result.push(key); } } return result; } /** * A specialized version of `_.sample` for arrays. * * @private * @param {Array} array The array to sample. * @returns {*} Returns the random element. */ function arraySample(array) { var length = array.length; return length ? array[baseRandom(0, length - 1)] : undefined; } /** * A specialized version of `_.sampleSize` for arrays. * * @private * @param {Array} array The array to sample. * @param {number} n The number of elements to sample. * @returns {Array} Returns the random elements. */ function arraySampleSize(array, n) { return shuffleSelf(copyArray(array), baseClamp(n, 0, array.length)); } /** * A specialized version of `_.shuffle` for arrays. * * @private * @param {Array} array The array to shuffle. * @returns {Array} Returns the new shuffled array. */ function arrayShuffle(array) { return shuffleSelf(copyArray(array)); } /** * This function is like `assignValue` except that it doesn't assign * `undefined` values. * * @private * @param {Object} object The object to modify. * @param {string} key The key of the property to assign. * @param {*} value The value to assign. */ function assignMergeValue(object, key, value) { if ((value !== undefined && !eq(object[key], value)) || (value === undefined && !(key in object))) { baseAssignValue(object, key, value); } } /** * Assigns `value` to `key` of `object` if the existing value is not equivalent * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero) * for equality comparisons. * * @private * @param {Object} object The object to modify. * @param {string} key The key of the property to assign. * @param {*} value The value to assign. */ function assignValue(object, key, value) { var objValue = object[key]; if (!(hasOwnProperty.call(object, key) && eq(objValue, value)) || (value === undefined && !(key in object))) { baseAssignValue(object, key, value); } } /** * Gets the index at which the `key` is found in `array` of key-value pairs. * * @private * @param {Array} array The array to inspect. * @param {*} key The key to search for. * @returns {number} Returns the index of the matched value, else `-1`. */ function assocIndexOf(array, key) { var length = array.length; while (length--) { if (eq(array[length][0], key)) { return length; } } return -1; } /** * Aggregates elements of `collection` on `accumulator` with keys transformed * by `iteratee` and values set by `setter`. * * @private * @param {Array|Object} collection The collection to iterate over. * @param {Function} setter The function to set `accumulator` values. * @param {Function} iteratee The iteratee to transform keys. * @param {Object} accumulator The initial aggregated object. * @returns {Function} Returns `accumulator`. */ function baseAggregator(collection, setter, iteratee, accumulator) { baseEach(collection, function(value, key, collection) { setter(accumulator, value, iteratee(value), collection); }); return accumulator; } /** * The base implementation of `_.assign` without support for multiple sources * or `customizer` functions. * * @private * @param {Object} object The destination object. * @param {Object} source The source object. * @returns {Object} Returns `object`. */ function baseAssign(object, source) { return object && copyObject(source, keys(source), object); } /** * The base implementation of `_.assignIn` without support for multiple sources * or `customizer` functions. * * @private * @param {Object} object The destination object. * @param {Object} source The source object. * @returns {Object} Returns `object`. */ function baseAssignIn(object, source) { return object && copyObject(source, keysIn(source), object); } /** * The base implementation of `assignValue` and `assignMergeValue` without * value checks. * * @private * @param {Object} object The object to modify. * @param {string} key The key of the property to assign. * @param {*} value The value to assign. */ function baseAssignValue(object, key, value) { if (key == '__proto__' && defineProperty) { defineProperty(object, key, { 'configurable': true, 'enumerable': true, 'value': value, 'writable': true }); } else { object[key] = value; } } /** * The base implementation of `_.at` without support for individual paths. * * @private * @param {Object} object The object to iterate over. * @param {string[]} paths The property paths to pick. * @returns {Array} Returns the picked elements. */ function baseAt(object, paths) { var index = -1, length = paths.length, result = Array(length), skip = object == null; while (++index < length) { result[index] = skip ? undefined : get(object, paths[index]); } return result; } /** * The base implementation of `_.clamp` which doesn't coerce arguments. * * @private * @param {number} number The number to clamp. * @param {number} [lower] The lower bound. * @param {number} upper The upper bound. * @returns {number} Returns the clamped number. */ function baseClamp(number, lower, upper) { if (number === number) { if (upper !== undefined) { number = number <= upper ? number : upper; } if (lower !== undefined) { number = number >= lower ? number : lower; } } return number; } /** * The base implementation of `_.clone` and `_.cloneDeep` which tracks * traversed objects. * * @private * @param {*} value The value to clone. * @param {boolean} bitmask The bitmask flags. * 1 - Deep clone * 2 - Flatten inherited properties * 4 - Clone symbols * @param {Function} [customizer] The function to customize cloning. * @param {string} [key] The key of `value`. * @param {Object} [object] The parent object of `value`. * @param {Object} [stack] Tracks traversed objects and their clone counterparts. * @returns {*} Returns the cloned value. */ function baseClone(value, bitmask, customizer, key, object, stack) { var result, isDeep = bitmask & CLONE_DEEP_FLAG, isFlat = bitmask & CLONE_FLAT_FLAG, isFull = bitmask & CLONE_SYMBOLS_FLAG; if (customizer) { result = object ? customizer(value, key, object, stack) : customizer(value); } if (result !== undefined) { return result; } if (!isObject(value)) { return value; } var isArr = isArray(value); if (isArr) { result = initCloneArray(value); if (!isDeep) { return copyArray(value, result); } } else { var tag = getTag(value), isFunc = tag == funcTag || tag == genTag; if (isBuffer(value)) { return cloneBuffer(value, isDeep); } if (tag == objectTag || tag == argsTag || (isFunc && !object)) { result = (isFlat || isFunc) ? {} : initCloneObject(value); if (!isDeep) { return isFlat ? copySymbolsIn(value, baseAssignIn(result, value)) : copySymbols(value, baseAssign(result, value)); } } else { if (!cloneableTags[tag]) { return object ? value : {}; } result = initCloneByTag(value, tag, isDeep); } } // Check for circular references and return its corresponding clone. stack || (stack = new Stack); var stacked = stack.get(value); if (stacked) { return stacked; } stack.set(value, result); if (isSet(value)) { value.forEach(function(subValue) { result.add(baseClone(subValue, bitmask, customizer, subValue, value, stack)); }); } else if (isMap(value)) { value.forEach(function(subValue, key) { result.set(key, baseClone(subValue, bitmask, customizer, key, value, stack)); }); } var keysFunc = isFull ? (isFlat ? getAllKeysIn : getAllKeys) : (isFlat ? keysIn : keys); var props = isArr ? undefined : keysFunc(value); arrayEach(props || value, function(subValue, key) { if (props) { key = subValue; subValue = value[key]; } // Recursively populate clone (susceptible to call stack limits). assignValue(result, key, baseClone(subValue, bitmask, customizer, key, value, stack)); }); return result; } /** * The base implementation of `_.conforms` which doesn't clone `source`. * * @private * @param {Object} source The object of property predicates to conform to. * @returns {Function} Returns the new spec function. */ function baseConforms(source) { var props = keys(source); return function(object) { return baseConformsTo(object, source, props); }; } /** * The base implementation of `_.conformsTo` which accepts `props` to check. * * @private * @param {Object} object The object to inspect. * @param {Object} source The object of property predicates to conform to. * @returns {boolean} Returns `true` if `object` conforms, else `false`. */ function baseConformsTo(object, source, props) { var length = props.length; if (object == null) { return !length; } object = Object(object); while (length--) { var key = props[length], predicate = source[key], value = object[key]; if ((value === undefined && !(key in object)) || !predicate(value)) { return false; } } return true; } /** * The base implementation of `_.delay` and `_.defer` which accepts `args` * to provide to `func`. * * @private * @param {Function} func The function to delay. * @param {number} wait The number of milliseconds to delay invocation. * @param {Array} args The arguments to provide to `func`. * @returns {number|Object} Returns the timer id or timeout object. */ function baseDelay(func, wait, args) { if (typeof func != 'function') { throw new TypeError(FUNC_ERROR_TEXT); } return setTimeout(function() { func.apply(undefined, args); }, wait); } /** * The base implementation of methods like `_.difference` without support * for excluding multiple arrays or iteratee shorthands. * * @private * @param {Array} array The array to inspect. * @param {Array} values The values to exclude. * @param {Function} [iteratee] The iteratee invoked per element. * @param {Function} [comparator] The comparator invoked per element. * @returns {Array} Returns the new array of filtered values. */ function baseDifference(array, values, iteratee, comparator) { var index = -1, includes = arrayIncludes, isCommon = true, length = array.length, result = [], valuesLength = values.length; if (!length) { return result; } if (iteratee) { values = arrayMap(values, baseUnary(iteratee)); } if (comparator) { includes = arrayIncludesWith; isCommon = false; } else if (values.length >= LARGE_ARRAY_SIZE) { includes = cacheHas; isCommon = false; values = new SetCache(values); } outer: while (++index < length) { var value = array[index], computed = iteratee == null ? value : iteratee(value); value = (comparator || value !== 0) ? value : 0; if (isCommon && computed === computed) { var valuesIndex = valuesLength; while (valuesIndex--) { if (values[valuesIndex] === computed) { continue outer; } } result.push(value); } else if (!includes(values, computed, comparator)) { result.push(value); } } return result; } /** * The base implementation of `_.forEach` without support for iteratee shorthands. * * @private * @param {Array|Object} collection The collection to iterate over. * @param {Function} iteratee The function invoked per iteration. * @returns {Array|Object} Returns `collection`. */ var baseEach = createBaseEach(baseForOwn); /** * The base implementation of `_.forEachRight` without support for iteratee shorthands. * * @private * @param {Array|Object} collection The collection to iterate over. * @param {Function} iteratee The function invoked per iteration. * @returns {Array|Object} Returns `collection`. */ var baseEachRight = createBaseEach(baseForOwnRight, true); /** * The base implementation of `_.every` without support for iteratee shorthands. * * @private * @param {Array|Object} collection The collection to iterate over. * @param {Function} predicate The function invoked per iteration. * @returns {boolean} Returns `true` if all elements pass the predicate check, * else `false` */ function baseEvery(collection, predicate) { var result = true; baseEach(collection, function(value, index, collection) { result = !!predicate(value, index, collection); return result; }); return result; } /** * The base implementation of methods like `_.max` and `_.min` which accepts a * `comparator` to determine the extremum value. * * @private * @param {Array} array The array to iterate over. * @param {Function} iteratee The iteratee invoked per iteration. * @param {Function} comparator The comparator used to compare values. * @returns {*} Returns the extremum value. */ function baseExtremum(array, iteratee, comparator) { var index = -1, length = array.length; while (++index < length) { var value = array[index], current = iteratee(value); if (current != null && (computed === undefined ? (current === current && !isSymbol(current)) : comparator(current, computed) )) { var computed = current, result = value; } } return result; } /** * The base implementation of `_.fill` without an iteratee call guard. * * @private * @param {Array} array The array to fill. * @param {*} value The value to fill `array` with. * @param {number} [start=0] The start position. * @param {number} [end=array.length] The end position. * @returns {Array} Returns `array`. */ function baseFill(array, value, start, end) { var length = array.length; start = toInteger(start); if (start < 0) { start = -start > length ? 0 : (length + start); } end = (end === undefined || end > length) ? length : toInteger(end); if (end < 0) { end += length; } end = start > end ? 0 : toLength(end); while (start < end) { array[start++] = value; } return array; } /** * The base implementation of `_.filter` without support for iteratee shorthands. * * @private * @param {Array|Object} collection The collection to iterate over. * @param {Function} predicate The function invoked per iteration. * @returns {Array} Returns the new filtered array. */ function baseFilter(collection, predicate) { var result = []; baseEach(collection, function(value, index, collection) { if (predicate(value, index, collection)) { result.push(value); } }); return result; } /** * The base implementation of `_.flatten` with support for restricting flattening. * * @private * @param {Array} array The array to flatten. * @param {number} depth The maximum recursion depth. * @param {boolean} [predicate=isFlattenable] The function invoked per iteration. * @param {boolean} [isStrict] Restrict to values that pass `predicate` checks. * @param {Array} [result=[]] The initial result value. * @returns {Array} Returns the new flattened array. */ function baseFlatten(array, depth, predicate, isStrict, result) { var index = -1, length = array.length; predicate || (predicate = isFlattenable); result || (result = []); while (++index < length) { var value = array[index]; if (depth > 0 && predicate(value)) { if (depth > 1) { // Recursively flatten arrays (susceptible to call stack limits). baseFlatten(value, depth - 1, predicate, isStrict, result); } else { arrayPush(result, value); } } else if (!isStrict) { result[result.length] = value; } } return result; } /** * The base implementation of `baseForOwn` which iterates over `object` * properties returned by `keysFunc` and invokes `iteratee` for each property. * Iteratee functions may exit iteration early by explicitly returning `false`. * * @private * @param {Object} object The object to iterate over. * @param {Function} iteratee The function invoked per iteration. * @param {Function} keysFunc The function to get the keys of `object`. * @returns {Object} Returns `object`. */ var baseFor = createBaseFor(); /** * This function is like `baseFor` except that it iterates over properties * in the opposite order. * * @private * @param {Object} object The object to iterate over. * @param {Function} iteratee The function invoked per iteration. * @param {Function} keysFunc The function to get the keys of `object`. * @returns {Object} Returns `object`. */ var baseForRight = createBaseFor(true); /** * The base implementation of `_.forOwn` without support for iteratee shorthands. * * @private * @param {Object} object The object to iterate over. * @param {Function} iteratee The function invoked per iteration. * @returns {Object} Returns `object`. */ function baseForOwn(object, iteratee) { return object && baseFor(object, iteratee, keys); } /** * The base implementation of `_.forOwnRight` without support for iteratee shorthands. * * @private * @param {Object} object The object to iterate over. * @param {Function} iteratee The function invoked per iteration. * @returns {Object} Returns `object`. */ function baseForOwnRight(object, iteratee) { return object && baseForRight(object, iteratee, keys); } /** * The base implementation of `_.functions` which creates an array of * `object` function property names filtered from `props`. * * @private * @param {Object} object The object to inspect. * @param {Array} props The property names to filter. * @returns {Array} Returns the function names. */ function baseFunctions(object, props) { return arrayFilter(props, function(key) { return isFunction(object[key]); }); } /** * The base implementation of `_.get` without support for default values. * * @private * @param {Object} object The object to query. * @param {Array|string} path The path of the property to get. * @returns {*} Returns the resolved value. */ function baseGet(object, path) { path = castPath(path, object); var index = 0, length = path.length; while (object != null && index < length) { object = object[toKey(path[index++])]; } return (index && index == length) ? object : undefined; } /** * The base implementation of `getAllKeys` and `getAllKeysIn` which uses * `keysFunc` and `symbolsFunc` to get the enumerable property names and * symbols of `object`. * * @private * @param {Object} object The object to query. * @param {Function} keysFunc The function to get the keys of `object`. * @param {Function} symbolsFunc The function to get the symbols of `object`. * @returns {Array} Returns the array of property names and symbols. */ function baseGetAllKeys(object, keysFunc, symbolsFunc) { var result = keysFunc(object); return isArray(object) ? result : arrayPush(result, symbolsFunc(object)); } /** * The base implementation of `getTag` without fallbacks for buggy environments. * * @private * @param {*} value The value to query. * @returns {string} Returns the `toStringTag`. */ function baseGetTag(value) { if (value == null) { return value === undefined ? undefinedTag : nullTag; } return (symToStringTag && symToStringTag in Object(value)) ? getRawTag(value) : objectToString(value); } /** * The base implementation of `_.gt` which doesn't coerce arguments. * * @private * @param {*} value The value to compare. * @param {*} other The other value to compare. * @returns {boolean} Returns `true` if `value` is greater than `other`, * else `false`. */ function baseGt(value, other) { return value > other; } /** * The base implementation of `_.has` without support for deep paths. * * @private * @param {Object} [object] The object to query. * @param {Array|string} key The key to check. * @returns {boolean} Returns `true` if `key` exists, else `false`. */ function baseHas(object, key) { return object != null && hasOwnProperty.call(object, key); } /** * The base implementation of `_.hasIn` without support for deep paths. * * @private * @param {Object} [object] The object to query. * @param {Array|string} key The key to check. * @returns {boolean} Returns `true` if `key` exists, else `false`. */ function baseHasIn(object, key) { return object != null && key in Object(object); } /** * The base implementation of `_.inRange` which doesn't coerce arguments. * * @private * @param {number} number The number to check. * @param {number} start The start of the range. * @param {number} end The end of the range. * @returns {boolean} Returns `true` if `number` is in the range, else `false`. */ function baseInRange(number, start, end) { return number >= nativeMin(start, end) && number < nativeMax(start, end); } /** * The base implementation of methods like `_.intersection`, without support * for iteratee shorthands, that accepts an array of arrays to inspect. * * @private * @param {Array} arrays The arrays to inspect. * @param {Function} [iteratee] The iteratee invoked per element. * @param {Function} [comparator] The comparator invoked per element. * @returns {Array} Returns the new array of shared values. */ function baseIntersection(arrays, iteratee, comparator) { var includes = comparator ? arrayIncludesWith : arrayIncludes, length = arrays[0].length, othLength = arrays.length, othIndex = othLength, caches = Array(othLength), maxLength = Infinity, result = []; while (othIndex--) { var array = arrays[othIndex]; if (othIndex && iteratee) { array = arrayMap(array, baseUnary(iteratee)); } maxLength = nativeMin(array.length, maxLength); caches[othIndex] = !comparator && (iteratee || (length >= 120 && array.length >= 120)) ? new SetCache(othIndex && array) : undefined; } array = arrays[0]; var index = -1, seen = caches[0]; outer: while (++index < length && result.length < maxLength) { var value = array[index], computed = iteratee ? iteratee(value) : value; value = (comparator || value !== 0) ? value : 0; if (!(seen ? cacheHas(seen, computed) : includes(result, computed, comparator) )) { othIndex = othLength; while (--othIndex) { var cache = caches[othIndex]; if (!(cache ? cacheHas(cache, computed) : includes(arrays[othIndex], computed, comparator)) ) { continue outer; } } if (seen) { seen.push(computed); } result.push(value); } } return result; } /** * The base implementation of `_.invert` and `_.invertBy` which inverts * `object` with values transformed by `iteratee` and set by `setter`. * * @private * @param {Object} object The object to iterate over. * @param {Function} setter The function to set `accumulator` values. * @param {Function} iteratee The iteratee to transform values. * @param {Object} accumulator The initial inverted object. * @returns {Function} Returns `accumulator`. */ function baseInverter(object, setter, iteratee, accumulator) { baseForOwn(object, function(value, key, object) { setter(accumulator, iteratee(value), key, object); }); return accumulator; } /** * The base implementation of `_.invoke` without support for individual * method arguments. * * @private * @param {Object} object The object to query. * @param {Array|string} path The path of the method to invoke. * @param {Array} args The arguments to invoke the method with. * @returns {*} Returns the result of the invoked method. */ function baseInvoke(object, path, args) { path = castPath(path, object); object = parent(object, path); var func = object == null ? object : object[toKey(last(path))]; return func == null ? undefined : apply(func, object, args); } /** * The base implementation of `_.isArguments`. * * @private * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is an `arguments` object, */ function baseIsArguments(value) { return isObjectLike(value) && baseGetTag(value) == argsTag; } /** * The base implementation of `_.isArrayBuffer` without Node.js optimizations. * * @private * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is an array buffer, else `false`. */ function baseIsArrayBuffer(value) { return isObjectLike(value) && baseGetTag(value) == arrayBufferTag; } /** * The base implementation of `_.isDate` without Node.js optimizations. * * @private * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a date object, else `false`. */ function baseIsDate(value) { return isObjectLike(value) && baseGetTag(value) == dateTag; } /** * The base implementation of `_.isEqual` which supports partial comparisons * and tracks traversed objects. * * @private * @param {*} value The value to compare. * @param {*} other The other value to compare. * @param {boolean} bitmask The bitmask flags. * 1 - Unordered comparison * 2 - Partial comparison * @param {Function} [customizer] The function to customize comparisons. * @param {Object} [stack] Tracks traversed `value` and `other` objects. * @returns {boolean} Returns `true` if the values are equivalent, else `false`. */ function baseIsEqual(value, other, bitmask, customizer, stack) { if (value === other) { return true; } if (value == null || other == null || (!isObjectLike(value) && !isObjectLike(other))) { return value !== value && other !== other; } return baseIsEqualDeep(value, other, bitmask, customizer, baseIsEqual, stack); } /** * A specialized version of `baseIsEqual` for arrays and objects which performs * deep comparisons and tracks traversed objects enabling objects with circular * references to be compared. * * @private * @param {Object} object The object to compare. * @param {Object} other The other object to compare. * @param {number} bitmask The bitmask flags. See `baseIsEqual` for more details. * @param {Function} customizer The function to customize comparisons. * @param {Function} equalFunc The function to determine equivalents of values. * @param {Object} [stack] Tracks traversed `object` and `other` objects. * @returns {boolean} Returns `true` if the objects are equivalent, else `false`. */ function baseIsEqualDeep(object, other, bitmask, customizer, equalFunc, stack) { var objIsArr = isArray(object), othIsArr = isArray(other), objTag = objIsArr ? arrayTag : getTag(object), othTag = othIsArr ? arrayTag : getTag(other); objTag = objTag == argsTag ? objectTag : objTag; othTag = othTag == argsTag ? objectTag : othTag; var objIsObj = objTag == objectTag, othIsObj = othTag == objectTag, isSameTag = objTag == othTag; if (isSameTag && isBuffer(object)) { if (!isBuffer(other)) { return false; } objIsArr = true; objIsObj = false; } if (isSameTag && !objIsObj) { stack || (stack = new Stack); return (objIsArr || isTypedArray(object)) ? equalArrays(object, other, bitmask, customizer, equalFunc, stack) : equalByTag(object, other, objTag, bitmask, customizer, equalFunc, stack); } if (!(bitmask & COMPARE_PARTIAL_FLAG)) { var objIsWrapped = objIsObj && hasOwnProperty.call(object, '__wrapped__'), othIsWrapped = othIsObj && hasOwnProperty.call(other, '__wrapped__'); if (objIsWrapped || othIsWrapped) { var objUnwrapped = objIsWrapped ? object.value() : object, othUnwrapped = othIsWrapped ? other.value() : other; stack || (stack = new Stack); return equalFunc(objUnwrapped, othUnwrapped, bitmask, customizer, stack); } } if (!isSameTag) { return false; } stack || (stack = new Stack); return equalObjects(object, other, bitmask, customizer, equalFunc, stack); } /** * The base implementation of `_.isMap` without Node.js optimizations. * * @private * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a map, else `false`. */ function baseIsMap(value) { return isObjectLike(value) && getTag(value) == mapTag; } /** * The base implementation of `_.isMatch` without support for iteratee shorthands. * * @private * @param {Object} object The object to inspect. * @param {Object} source The object of property values to match. * @param {Array} matchData The property names, values, and compare flags to match. * @param {Function} [customizer] The function to customize comparisons. * @returns {boolean} Returns `true` if `object` is a match, else `false`. */ function baseIsMatch(object, source, matchData, customizer) { var index = matchData.length, length = index, noCustomizer = !customizer; if (object == null) { return !length; } object = Object(object); while (index--) { var data = matchData[index]; if ((noCustomizer && data[2]) ? data[1] !== object[data[0]] : !(data[0] in object) ) { return false; } } while (++index < length) { data = matchData[index]; var key = data[0], objValue = object[key], srcValue = data[1]; if (noCustomizer && data[2]) { if (objValue === undefined && !(key in object)) { return false; } } else { var stack = new Stack; if (customizer) { var result = customizer(objValue, srcValue, key, object, source, stack); } if (!(result === undefined ? baseIsEqual(srcValue, objValue, COMPARE_PARTIAL_FLAG | COMPARE_UNORDERED_FLAG, customizer, stack) : result )) { return false; } } } return true; } /** * The base implementation of `_.isNative` without bad shim checks. * * @private * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a native function, * else `false`. */ function baseIsNative(value) { if (!isObject(value) || isMasked(value)) { return false; } var pattern = isFunction(value) ? reIsNative : reIsHostCtor; return pattern.test(toSource(value)); } /** * The base implementation of `_.isRegExp` without Node.js optimizations. * * @private * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a regexp, else `false`. */ function baseIsRegExp(value) { return isObjectLike(value) && baseGetTag(value) == regexpTag; } /** * The base implementation of `_.isSet` without Node.js optimizations. * * @private * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a set, else `false`. */ function baseIsSet(value) { return isObjectLike(value) && getTag(value) == setTag; } /** * The base implementation of `_.isTypedArray` without Node.js optimizations. * * @private * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a typed array, else `false`. */ function baseIsTypedArray(value) { return isObjectLike(value) && isLength(value.length) && !!typedArrayTags[baseGetTag(value)]; } /** * The base implementation of `_.iteratee`. * * @private * @param {*} [value=_.identity] The value to convert to an iteratee. * @returns {Function} Returns the iteratee. */ function baseIteratee(value) { // Don't store the `typeof` result in a variable to avoid a JIT bug in Safari 9. // See https://bugs.webkit.org/show_bug.cgi?id=156034 for more details. if (typeof value == 'function') { return value; } if (value == null) { return identity; } if (typeof value == 'object') { return isArray(value) ? baseMatchesProperty(value[0], value[1]) : baseMatches(value); } return property(value); } /** * The base implementation of `_.keys` which doesn't treat sparse arrays as dense. * * @private * @param {Object} object The object to query. * @returns {Array} Returns the array of property names. */ function baseKeys(object) { if (!isPrototype(object)) { return nativeKeys(object); } var result = []; for (var key in Object(object)) { if (hasOwnProperty.call(object, key) && key != 'constructor') { result.push(key); } } return result; } /** * The base implementation of `_.keysIn` which doesn't treat sparse arrays as dense. * * @private * @param {Object} object The object to query. * @returns {Array} Returns the array of property names. */ function baseKeysIn(object) { if (!isObject(object)) { return nativeKeysIn(object); } var isProto = isPrototype(object), result = []; for (var key in object) { if (!(key == 'constructor' && (isProto || !hasOwnProperty.call(object, key)))) { result.push(key); } } return result; } /** * The base implementation of `_.lt` which doesn't coerce arguments. * * @private * @param {*} value The value to compare. * @param {*} other The other value to compare. * @returns {boolean} Returns `true` if `value` is less than `other`, * else `false`. */ function baseLt(value, other) { return value < other; } /** * The base implementation of `_.map` without support for iteratee shorthands. * * @private * @param {Array|Object} collection The collection to iterate over. * @param {Function} iteratee The function invoked per iteration. * @returns {Array} Returns the new mapped array. */ function baseMap(collection, iteratee) { var index = -1, result = isArrayLike(collection) ? Array(collection.length) : []; baseEach(collection, function(value, key, collection) { result[++index] = iteratee(value, key, collection); }); return result; } /** * The base implementation of `_.matches` which doesn't clone `source`. * * @private * @param {Object} source The object of property values to match. * @returns {Function} Returns the new spec function. */ function baseMatches(source) { var matchData = getMatchData(source); if (matchData.length == 1 && matchData[0][2]) { return matchesStrictComparable(matchData[0][0], matchData[0][1]); } return function(object) { return object === source || baseIsMatch(object, source, matchData); }; } /** * The base implementation of `_.matchesProperty` which doesn't clone `srcValue`. * * @private * @param {string} path The path of the property to get. * @param {*} srcValue The value to match. * @returns {Function} Returns the new spec function. */ function baseMatchesProperty(path, srcValue) { if (isKey(path) && isStrictComparable(srcValue)) { return matchesStrictComparable(toKey(path), srcValue); } return function(object) { var objValue = get(object, path); return (objValue === undefined && objValue === srcValue) ? hasIn(object, path) : baseIsEqual(srcValue, objValue, COMPARE_PARTIAL_FLAG | COMPARE_UNORDERED_FLAG); }; } /** * The base implementation of `_.merge` without support for multiple sources. * * @private * @param {Object} object The destination object. * @param {Object} source The source object. * @param {number} srcIndex The index of `source`. * @param {Function} [customizer] The function to customize merged values. * @param {Object} [stack] Tracks traversed source values and their merged * counterparts. */ function baseMerge(object, source, srcIndex, customizer, stack) { if (object === source) { return; } baseFor(source, function(srcValue, key) { stack || (stack = new Stack); if (isObject(srcValue)) { baseMergeDeep(object, source, key, srcIndex, baseMerge, customizer, stack); } else { var newValue = customizer ? customizer(safeGet(object, key), srcValue, (key + ''), object, source, stack) : undefined; if (newValue === undefined) { newValue = srcValue; } assignMergeValue(object, key, newValue); } }, keysIn); } /** * A specialized version of `baseMerge` for arrays and objects which performs * deep merges and tracks traversed objects enabling objects with circular * references to be merged. * * @private * @param {Object} object The destination object. * @param {Object} source The source object. * @param {string} key The key of the value to merge. * @param {number} srcIndex The index of `source`. * @param {Function} mergeFunc The function to merge values. * @param {Function} [customizer] The function to customize assigned values. * @param {Object} [stack] Tracks traversed source values and their merged * counterparts. */ function baseMergeDeep(object, source, key, srcIndex, mergeFunc, customizer, stack) { var objValue = safeGet(object, key), srcValue = safeGet(source, key), stacked = stack.get(srcValue); if (stacked) { assignMergeValue(object, key, stacked); return; } var newValue = customizer ? customizer(objValue, srcValue, (key + ''), object, source, stack) : undefined; var isCommon = newValue === undefined; if (isCommon) { var isArr = isArray(srcValue), isBuff = !isArr && isBuffer(srcValue), isTyped = !isArr && !isBuff && isTypedArray(srcValue); newValue = srcValue; if (isArr || isBuff || isTyped) { if (isArray(objValue)) { newValue = objValue; } else if (isArrayLikeObject(objValue)) { newValue = copyArray(objValue); } else if (isBuff) { isCommon = false; newValue = cloneBuffer(srcValue, true); } else if (isTyped) { isCommon = false; newValue = cloneTypedArray(srcValue, true); } else { newValue = []; } } else if (isPlainObject(srcValue) || isArguments(srcValue)) { newValue = objValue; if (isArguments(objValue)) { newValue = toPlainObject(objValue); } else if (!isObject(objValue) || isFunction(objValue)) { newValue = initCloneObject(srcValue); } } else { isCommon = false; } } if (isCommon) { // Recursively merge objects and arrays (susceptible to call stack limits). stack.set(srcValue, newValue); mergeFunc(newValue, srcValue, srcIndex, customizer, stack); stack['delete'](srcValue); } assignMergeValue(object, key, newValue); } /** * The base implementation of `_.nth` which doesn't coerce arguments. * * @private * @param {Array} array The array to query. * @param {number} n The index of the element to return. * @returns {*} Returns the nth element of `array`. */ function baseNth(array, n) { var length = array.length; if (!length) { return; } n += n < 0 ? length : 0; return isIndex(n, length) ? array[n] : undefined; } /** * The base implementation of `_.orderBy` without param guards. * * @private * @param {Array|Object} collection The collection to iterate over. * @param {Function[]|Object[]|string[]} iteratees The iteratees to sort by. * @param {string[]} orders The sort orders of `iteratees`. * @returns {Array} Returns the new sorted array. */ function baseOrderBy(collection, iteratees, orders) { if (iteratees.length) { iteratees = arrayMap(iteratees, function(iteratee) { if (isArray(iteratee)) { return function(value) { return baseGet(value, iteratee.length === 1 ? iteratee[0] : iteratee); } } return iteratee; }); } else { iteratees = [identity]; } var index = -1; iteratees = arrayMap(iteratees, baseUnary(getIteratee())); var result = baseMap(collection, function(value, key, collection) { var criteria = arrayMap(iteratees, function(iteratee) { return iteratee(value); }); return { 'criteria': criteria, 'index': ++index, 'value': value }; }); return baseSortBy(result, function(object, other) { return compareMultiple(object, other, orders); }); } /** * The base implementation of `_.pick` without support for individual * property identifiers. * * @private * @param {Object} object The source object. * @param {string[]} paths The property paths to pick. * @returns {Object} Returns the new object. */ function basePick(object, paths) { return basePickBy(object, paths, function(value, path) { return hasIn(object, path); }); } /** * The base implementation of `_.pickBy` without support for iteratee shorthands. * * @private * @param {Object} object The source object. * @param {string[]} paths The property paths to pick. * @param {Function} predicate The function invoked per property. * @returns {Object} Returns the new object. */ function basePickBy(object, paths, predicate) { var index = -1, length = paths.length, result = {}; while (++index < length) { var path = paths[index], value = baseGet(object, path); if (predicate(value, path)) { baseSet(result, castPath(path, object), value); } } return result; } /** * A specialized version of `baseProperty` which supports deep paths. * * @private * @param {Array|string} path The path of the property to get. * @returns {Function} Returns the new accessor function. */ function basePropertyDeep(path) { return function(object) { return baseGet(object, path); }; } /** * The base implementation of `_.pullAllBy` without support for iteratee * shorthands. * * @private * @param {Array} array The array to modify. * @param {Array} values The values to remove. * @param {Function} [iteratee] The iteratee invoked per element. * @param {Function} [comparator] The comparator invoked per element. * @returns {Array} Returns `array`. */ function basePullAll(array, values, iteratee, comparator) { var indexOf = comparator ? baseIndexOfWith : baseIndexOf, index = -1, length = values.length, seen = array; if (array === values) { values = copyArray(values); } if (iteratee) { seen = arrayMap(array, baseUnary(iteratee)); } while (++index < length) { var fromIndex = 0, value = values[index], computed = iteratee ? iteratee(value) : value; while ((fromIndex = indexOf(seen, computed, fromIndex, comparator)) > -1) { if (seen !== array) { splice.call(seen, fromIndex, 1); } splice.call(array, fromIndex, 1); } } return array; } /** * The base implementation of `_.pullAt` without support for individual * indexes or capturing the removed elements. * * @private * @param {Array} array The array to modify. * @param {number[]} indexes The indexes of elements to remove. * @returns {Array} Returns `array`. */ function basePullAt(array, indexes) { var length = array ? indexes.length : 0, lastIndex = length - 1; while (length--) { var index = indexes[length]; if (length == lastIndex || index !== previous) { var previous = index; if (isIndex(index)) { splice.call(array, index, 1); } else { baseUnset(array, index); } } } return array; } /** * The base implementation of `_.random` without support for returning * floating-point numbers. * * @private * @param {number} lower The lower bound. * @param {number} upper The upper bound. * @returns {number} Returns the random number. */ function baseRandom(lower, upper) { return lower + nativeFloor(nativeRandom() * (upper - lower + 1)); } /** * The base implementation of `_.range` and `_.rangeRight` which doesn't * coerce arguments. * * @private * @param {number} start The start of the range. * @param {number} end The end of the range. * @param {number} step The value to increment or decrement by. * @param {boolean} [fromRight] Specify iterating from right to left. * @returns {Array} Returns the range of numbers. */ function baseRange(start, end, step, fromRight) { var index = -1, length = nativeMax(nativeCeil((end - start) / (step || 1)), 0), result = Array(length); while (length--) { result[fromRight ? length : ++index] = start; start += step; } return result; } /** * The base implementation of `_.repeat` which doesn't coerce arguments. * * @private * @param {string} string The string to repeat. * @param {number} n The number of times to repeat the string. * @returns {string} Returns the repeated string. */ function baseRepeat(string, n) { var result = ''; if (!string || n < 1 || n > MAX_SAFE_INTEGER) { return result; } // Leverage the exponentiation by squaring algorithm for a faster repeat. // See https://en.wikipedia.org/wiki/Exponentiation_by_squaring for more details. do { if (n % 2) { result += string; } n = nativeFloor(n / 2); if (n) { string += string; } } while (n); return result; } /** * The base implementation of `_.rest` which doesn't validate or coerce arguments. * * @private * @param {Function} func The function to apply a rest parameter to. * @param {number} [start=func.length-1] The start position of the rest parameter. * @returns {Function} Returns the new function. */ function baseRest(func, start) { return setToString(overRest(func, start, identity), func + ''); } /** * The base implementation of `_.sample`. * * @private * @param {Array|Object} collection The collection to sample. * @returns {*} Returns the random element. */ function baseSample(collection) { return arraySample(values(collection)); } /** * The base implementation of `_.sampleSize` without param guards. * * @private * @param {Array|Object} collection The collection to sample. * @param {number} n The number of elements to sample. * @returns {Array} Returns the random elements. */ function baseSampleSize(collection, n) { var array = values(collection); return shuffleSelf(array, baseClamp(n, 0, array.length)); } /** * The base implementation of `_.set`. * * @private * @param {Object} object The object to modify. * @param {Array|string} path The path of the property to set. * @param {*} value The value to set. * @param {Function} [customizer] The function to customize path creation. * @returns {Object} Returns `object`. */ function baseSet(object, path, value, customizer) { if (!isObject(object)) { return object; } path = castPath(path, object); var index = -1, length = path.length, lastIndex = length - 1, nested = object; while (nested != null && ++index < length) { var key = toKey(path[index]), newValue = value; if (key === '__proto__' || key === 'constructor' || key === 'prototype') { return object; } if (index != lastIndex) { var objValue = nested[key]; newValue = customizer ? customizer(objValue, key, nested) : undefined; if (newValue === undefined) { newValue = isObject(objValue) ? objValue : (isIndex(path[index + 1]) ? [] : {}); } } assignValue(nested, key, newValue); nested = nested[key]; } return object; } /** * The base implementation of `setData` without support for hot loop shorting. * * @private * @param {Function} func The function to associate metadata with. * @param {*} data The metadata. * @returns {Function} Returns `func`. */ var baseSetData = !metaMap ? identity : function(func, data) { metaMap.set(func, data); return func; }; /** * The base implementation of `setToString` without support for hot loop shorting. * * @private * @param {Function} func The function to modify. * @param {Function} string The `toString` result. * @returns {Function} Returns `func`. */ var baseSetToString = !defineProperty ? identity : function(func, string) { return defineProperty(func, 'toString', { 'configurable': true, 'enumerable': false, 'value': constant(string), 'writable': true }); }; /** * The base implementation of `_.shuffle`. * * @private * @param {Array|Object} collection The collection to shuffle. * @returns {Array} Returns the new shuffled array. */ function baseShuffle(collection) { return shuffleSelf(values(collection)); } /** * The base implementation of `_.slice` without an iteratee call guard. * * @private * @param {Array} array The array to slice. * @param {number} [start=0] The start position. * @param {number} [end=array.length] The end position. * @returns {Array} Returns the slice of `array`. */ function baseSlice(array, start, end) { var index = -1, length = array.length; if (start < 0) { start = -start > length ? 0 : (length + start); } end = end > length ? length : end; if (end < 0) { end += length; } length = start > end ? 0 : ((end - start) >>> 0); start >>>= 0; var result = Array(length); while (++index < length) { result[index] = array[index + start]; } return result; } /** * The base implementation of `_.some` without support for iteratee shorthands. * * @private * @param {Array|Object} collection The collection to iterate over. * @param {Function} predicate The function invoked per iteration. * @returns {boolean} Returns `true` if any element passes the predicate check, * else `false`. */ function baseSome(collection, predicate) { var result; baseEach(collection, function(value, index, collection) { result = predicate(value, index, collection); return !result; }); return !!result; } /** * The base implementation of `_.sortedIndex` and `_.sortedLastIndex` which * performs a binary search of `array` to determine the index at which `value` * should be inserted into `array` in order to maintain its sort order. * * @private * @param {Array} array The sorted array to inspect. * @param {*} value The value to evaluate. * @param {boolean} [retHighest] Specify returning the highest qualified index. * @returns {number} Returns the index at which `value` should be inserted * into `array`. */ function baseSortedIndex(array, value, retHighest) { var low = 0, high = array == null ? low : array.length; if (typeof value == 'number' && value === value && high <= HALF_MAX_ARRAY_LENGTH) { while (low < high) { var mid = (low + high) >>> 1, computed = array[mid]; if (computed !== null && !isSymbol(computed) && (retHighest ? (computed <= value) : (computed < value))) { low = mid + 1; } else { high = mid; } } return high; } return baseSortedIndexBy(array, value, identity, retHighest); } /** * The base implementation of `_.sortedIndexBy` and `_.sortedLastIndexBy` * which invokes `iteratee` for `value` and each element of `array` to compute * their sort ranking. The iteratee is invoked with one argument; (value). * * @private * @param {Array} array The sorted array to inspect. * @param {*} value The value to evaluate. * @param {Function} iteratee The iteratee invoked per element. * @param {boolean} [retHighest] Specify returning the highest qualified index. * @returns {number} Returns the index at which `value` should be inserted * into `array`. */ function baseSortedIndexBy(array, value, iteratee, retHighest) { var low = 0, high = array == null ? 0 : array.length; if (high === 0) { return 0; } value = iteratee(value); var valIsNaN = value !== value, valIsNull = value === null, valIsSymbol = isSymbol(value), valIsUndefined = value === undefined; while (low < high) { var mid = nativeFloor((low + high) / 2), computed = iteratee(array[mid]), othIsDefined = computed !== undefined, othIsNull = computed === null, othIsReflexive = computed === computed, othIsSymbol = isSymbol(computed); if (valIsNaN) { var setLow = retHighest || othIsReflexive; } else if (valIsUndefined) { setLow = othIsReflexive && (retHighest || othIsDefined); } else if (valIsNull) { setLow = othIsReflexive && othIsDefined && (retHighest || !othIsNull); } else if (valIsSymbol) { setLow = othIsReflexive && othIsDefined && !othIsNull && (retHighest || !othIsSymbol); } else if (othIsNull || othIsSymbol) { setLow = false; } else { setLow = retHighest ? (computed <= value) : (computed < value); } if (setLow) { low = mid + 1; } else { high = mid; } } return nativeMin(high, MAX_ARRAY_INDEX); } /** * The base implementation of `_.sortedUniq` and `_.sortedUniqBy` without * support for iteratee shorthands. * * @private * @param {Array} array The array to inspect. * @param {Function} [iteratee] The iteratee invoked per element. * @returns {Array} Returns the new duplicate free array. */ function baseSortedUniq(array, iteratee) { var index = -1, length = array.length, resIndex = 0, result = []; while (++index < length) { var value = array[index], computed = iteratee ? iteratee(value) : value; if (!index || !eq(computed, seen)) { var seen = computed; result[resIndex++] = value === 0 ? 0 : value; } } return result; } /** * The base implementation of `_.toNumber` which doesn't ensure correct * conversions of binary, hexadecimal, or octal string values. * * @private * @param {*} value The value to process. * @returns {number} Returns the number. */ function baseToNumber(value) { if (typeof value == 'number') { return value; } if (isSymbol(value)) { return NAN; } return +value; } /** * The base implementation of `_.toString` which doesn't convert nullish * values to empty strings. * * @private * @param {*} value The value to process. * @returns {string} Returns the string. */ function baseToString(value) { // Exit early for strings to avoid a performance hit in some environments. if (typeof value == 'string') { return value; } if (isArray(value)) { // Recursively convert values (susceptible to call stack limits). return arrayMap(value, baseToString) + ''; } if (isSymbol(value)) { return symbolToString ? symbolToString.call(value) : ''; } var result = (value + ''); return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result; } /** * The base implementation of `_.uniqBy` without support for iteratee shorthands. * * @private * @param {Array} array The array to inspect. * @param {Function} [iteratee] The iteratee invoked per element. * @param {Function} [comparator] The comparator invoked per element. * @returns {Array} Returns the new duplicate free array. */ function baseUniq(array, iteratee, comparator) { var index = -1, includes = arrayIncludes, length = array.length, isCommon = true, result = [], seen = result; if (comparator) { isCommon = false; includes = arrayIncludesWith; } else if (length >= LARGE_ARRAY_SIZE) { var set = iteratee ? null : createSet(array); if (set) { return setToArray(set); } isCommon = false; includes = cacheHas; seen = new SetCache; } else { seen = iteratee ? [] : result; } outer: while (++index < length) { var value = array[index], computed = iteratee ? iteratee(value) : value; value = (comparator || value !== 0) ? value : 0; if (isCommon && computed === computed) { var seenIndex = seen.length; while (seenIndex--) { if (seen[seenIndex] === computed) { continue outer; } } if (iteratee) { seen.push(computed); } result.push(value); } else if (!includes(seen, computed, comparator)) { if (seen !== result) { seen.push(computed); } result.push(value); } } return result; } /** * The base implementation of `_.unset`. * * @private * @param {Object} object The object to modify. * @param {Array|string} path The property path to unset. * @returns {boolean} Returns `true` if the property is deleted, else `false`. */ function baseUnset(object, path) { path = castPath(path, object); object = parent(object, path); return object == null || delete object[toKey(last(path))]; } /** * The base implementation of `_.update`. * * @private * @param {Object} object The object to modify. * @param {Array|string} path The path of the property to update. * @param {Function} updater The function to produce the updated value. * @param {Function} [customizer] The function to customize path creation. * @returns {Object} Returns `object`. */ function baseUpdate(object, path, updater, customizer) { return baseSet(object, path, updater(baseGet(object, path)), customizer); } /** * The base implementation of methods like `_.dropWhile` and `_.takeWhile` * without support for iteratee shorthands. * * @private * @param {Array} array The array to query. * @param {Function} predicate The function invoked per iteration. * @param {boolean} [isDrop] Specify dropping elements instead of taking them. * @param {boolean} [fromRight] Specify iterating from right to left. * @returns {Array} Returns the slice of `array`. */ function baseWhile(array, predicate, isDrop, fromRight) { var length = array.length, index = fromRight ? length : -1; while ((fromRight ? index-- : ++index < length) && predicate(array[index], index, array)) {} return isDrop ? baseSlice(array, (fromRight ? 0 : index), (fromRight ? index + 1 : length)) : baseSlice(array, (fromRight ? index + 1 : 0), (fromRight ? length : index)); } /** * The base implementation of `wrapperValue` which returns the result of * performing a sequence of actions on the unwrapped `value`, where each * successive action is supplied the return value of the previous. * * @private * @param {*} value The unwrapped value. * @param {Array} actions Actions to perform to resolve the unwrapped value. * @returns {*} Returns the resolved value. */ function baseWrapperValue(value, actions) { var result = value; if (result instanceof LazyWrapper) { result = result.value(); } return arrayReduce(actions, function(result, action) { return action.func.apply(action.thisArg, arrayPush([result], action.args)); }, result); } /** * The base implementation of methods like `_.xor`, without support for * iteratee shorthands, that accepts an array of arrays to inspect. * * @private * @param {Array} arrays The arrays to inspect. * @param {Function} [iteratee] The iteratee invoked per element. * @param {Function} [comparator] The comparator invoked per element. * @returns {Array} Returns the new array of values. */ function baseXor(arrays, iteratee, comparator) { var length = arrays.length; if (length < 2) { return length ? baseUniq(arrays[0]) : []; } var index = -1, result = Array(length); while (++index < length) { var array = arrays[index], othIndex = -1; while (++othIndex < length) { if (othIndex != index) { result[index] = baseDifference(result[index] || array, arrays[othIndex], iteratee, comparator); } } } return baseUniq(baseFlatten(result, 1), iteratee, comparator); } /** * This base implementation of `_.zipObject` which assigns values using `assignFunc`. * * @private * @param {Array} props The property identifiers. * @param {Array} values The property values. * @param {Function} assignFunc The function to assign values. * @returns {Object} Returns the new object. */ function baseZipObject(props, values, assignFunc) { var index = -1, length = props.length, valsLength = values.length, result = {}; while (++index < length) { var value = index < valsLength ? values[index] : undefined; assignFunc(result, props[index], value); } return result; } /** * Casts `value` to an empty array if it's not an array like object. * * @private * @param {*} value The value to inspect. * @returns {Array|Object} Returns the cast array-like object. */ function castArrayLikeObject(value) { return isArrayLikeObject(value) ? value : []; } /** * Casts `value` to `identity` if it's not a function. * * @private * @param {*} value The value to inspect. * @returns {Function} Returns cast function. */ function castFunction(value) { return typeof value == 'function' ? value : identity; } /** * Casts `value` to a path array if it's not one. * * @private * @param {*} value The value to inspect. * @param {Object} [object] The object to query keys on. * @returns {Array} Returns the cast property path array. */ function castPath(value, object) { if (isArray(value)) { return value; } return isKey(value, object) ? [value] : stringToPath(toString(value)); } /** * A `baseRest` alias which can be replaced with `identity` by module * replacement plugins. * * @private * @type {Function} * @param {Function} func The function to apply a rest parameter to. * @returns {Function} Returns the new function. */ var castRest = baseRest; /** * Casts `array` to a slice if it's needed. * * @private * @param {Array} array The array to inspect. * @param {number} start The start position. * @param {number} [end=array.length] The end position. * @returns {Array} Returns the cast slice. */ function castSlice(array, start, end) { var length = array.length; end = end === undefined ? length : end; return (!start && end >= length) ? array : baseSlice(array, start, end); } /** * A simple wrapper around the global [`clearTimeout`](https://mdn.io/clearTimeout). * * @private * @param {number|Object} id The timer id or timeout object of the timer to clear. */ var clearTimeout = ctxClearTimeout || function(id) { return root.clearTimeout(id); }; /** * Creates a clone of `buffer`. * * @private * @param {Buffer} buffer The buffer to clone. * @param {boolean} [isDeep] Specify a deep clone. * @returns {Buffer} Returns the cloned buffer. */ function cloneBuffer(buffer, isDeep) { if (isDeep) { return buffer.slice(); } var length = buffer.length, result = allocUnsafe ? allocUnsafe(length) : new buffer.constructor(length); buffer.copy(result); return result; } /** * Creates a clone of `arrayBuffer`. * * @private * @param {ArrayBuffer} arrayBuffer The array buffer to clone. * @returns {ArrayBuffer} Returns the cloned array buffer. */ function cloneArrayBuffer(arrayBuffer) { var result = new arrayBuffer.constructor(arrayBuffer.byteLength); new Uint8Array(result).set(new Uint8Array(arrayBuffer)); return result; } /** * Creates a clone of `dataView`. * * @private * @param {Object} dataView The data view to clone. * @param {boolean} [isDeep] Specify a deep clone. * @returns {Object} Returns the cloned data view. */ function cloneDataView(dataView, isDeep) { var buffer = isDeep ? cloneArrayBuffer(dataView.buffer) : dataView.buffer; return new dataView.constructor(buffer, dataView.byteOffset, dataView.byteLength); } /** * Creates a clone of `regexp`. * * @private * @param {Object} regexp The regexp to clone. * @returns {Object} Returns the cloned regexp. */ function cloneRegExp(regexp) { var result = new regexp.constructor(regexp.source, reFlags.exec(regexp)); result.lastIndex = regexp.lastIndex; return result; } /** * Creates a clone of the `symbol` object. * * @private * @param {Object} symbol The symbol object to clone. * @returns {Object} Returns the cloned symbol object. */ function cloneSymbol(symbol) { return symbolValueOf ? Object(symbolValueOf.call(symbol)) : {}; } /** * Creates a clone of `typedArray`. * * @private * @param {Object} typedArray The typed array to clone. * @param {boolean} [isDeep] Specify a deep clone. * @returns {Object} Returns the cloned typed array. */ function cloneTypedArray(typedArray, isDeep) { var buffer = isDeep ? cloneArrayBuffer(typedArray.buffer) : typedArray.buffer; return new typedArray.constructor(buffer, typedArray.byteOffset, typedArray.length); } /** * Compares values to sort them in ascending order. * * @private * @param {*} value The value to compare. * @param {*} other The other value to compare. * @returns {number} Returns the sort order indicator for `value`. */ function compareAscending(value, other) { if (value !== other) { var valIsDefined = value !== undefined, valIsNull = value === null, valIsReflexive = value === value, valIsSymbol = isSymbol(value); var othIsDefined = other !== undefined, othIsNull = other === null, othIsReflexive = other === other, othIsSymbol = isSymbol(other); if ((!othIsNull && !othIsSymbol && !valIsSymbol && value > other) || (valIsSymbol && othIsDefined && othIsReflexive && !othIsNull && !othIsSymbol) || (valIsNull && othIsDefined && othIsReflexive) || (!valIsDefined && othIsReflexive) || !valIsReflexive) { return 1; } if ((!valIsNull && !valIsSymbol && !othIsSymbol && value < other) || (othIsSymbol && valIsDefined && valIsReflexive && !valIsNull && !valIsSymbol) || (othIsNull && valIsDefined && valIsReflexive) || (!othIsDefined && valIsReflexive) || !othIsReflexive) { return -1; } } return 0; } /** * Used by `_.orderBy` to compare multiple properties of a value to another * and stable sort them. * * If `orders` is unspecified, all values are sorted in ascending order. Otherwise, * specify an order of "desc" for descending or "asc" for ascending sort order * of corresponding values. * * @private * @param {Object} object The object to compare. * @param {Object} other The other object to compare. * @param {boolean[]|string[]} orders The order to sort by for each property. * @returns {number} Returns the sort order indicator for `object`. */ function compareMultiple(object, other, orders) { var index = -1, objCriteria = object.criteria, othCriteria = other.criteria, length = objCriteria.length, ordersLength = orders.length; while (++index < length) { var result = compareAscending(objCriteria[index], othCriteria[index]); if (result) { if (index >= ordersLength) { return result; } var order = orders[index]; return result * (order == 'desc' ? -1 : 1); } } // Fixes an `Array#sort` bug in the JS engine embedded in Adobe applications // that causes it, under certain circumstances, to provide the same value for // `object` and `other`. See https://github.com/jashkenas/underscore/pull/1247 // for more details. // // This also ensures a stable sort in V8 and other engines. // See https://bugs.chromium.org/p/v8/issues/detail?id=90 for more details. return object.index - other.index; } /** * Creates an array that is the composition of partially applied arguments, * placeholders, and provided arguments into a single array of arguments. * * @private * @param {Array} args The provided arguments. * @param {Array} partials The arguments to prepend to those provided. * @param {Array} holders The `partials` placeholder indexes. * @params {boolean} [isCurried] Specify composing for a curried function. * @returns {Array} Returns the new array of composed arguments. */ function composeArgs(args, partials, holders, isCurried) { var argsIndex = -1, argsLength = args.length, holdersLength = holders.length, leftIndex = -1, leftLength = partials.length, rangeLength = nativeMax(argsLength - holdersLength, 0), result = Array(leftLength + rangeLength), isUncurried = !isCurried; while (++leftIndex < leftLength) { result[leftIndex] = partials[leftIndex]; } while (++argsIndex < holdersLength) { if (isUncurried || argsIndex < argsLength) { result[holders[argsIndex]] = args[argsIndex]; } } while (rangeLength--) { result[leftIndex++] = args[argsIndex++]; } return result; } /** * This function is like `composeArgs` except that the arguments composition * is tailored for `_.partialRight`. * * @private * @param {Array} args The provided arguments. * @param {Array} partials The arguments to append to those provided. * @param {Array} holders The `partials` placeholder indexes. * @params {boolean} [isCurried] Specify composing for a curried function. * @returns {Array} Returns the new array of composed arguments. */ function composeArgsRight(args, partials, holders, isCurried) { var argsIndex = -1, argsLength = args.length, holdersIndex = -1, holdersLength = holders.length, rightIndex = -1, rightLength = partials.length, rangeLength = nativeMax(argsLength - holdersLength, 0), result = Array(rangeLength + rightLength), isUncurried = !isCurried; while (++argsIndex < rangeLength) { result[argsIndex] = args[argsIndex]; } var offset = argsIndex; while (++rightIndex < rightLength) { result[offset + rightIndex] = partials[rightIndex]; } while (++holdersIndex < holdersLength) { if (isUncurried || argsIndex < argsLength) { result[offset + holders[holdersIndex]] = args[argsIndex++]; } } return result; } /** * Copies the values of `source` to `array`. * * @private * @param {Array} source The array to copy values from. * @param {Array} [array=[]] The array to copy values to. * @returns {Array} Returns `array`. */ function copyArray(source, array) { var index = -1, length = source.length; array || (array = Array(length)); while (++index < length) { array[index] = source[index]; } return array; } /** * Copies properties of `source` to `object`. * * @private * @param {Object} source The object to copy properties from. * @param {Array} props The property identifiers to copy. * @param {Object} [object={}] The object to copy properties to. * @param {Function} [customizer] The function to customize copied values. * @returns {Object} Returns `object`. */ function copyObject(source, props, object, customizer) { var isNew = !object; object || (object = {}); var index = -1, length = props.length; while (++index < length) { var key = props[index]; var newValue = customizer ? customizer(object[key], source[key], key, object, source) : undefined; if (newValue === undefined) { newValue = source[key]; } if (isNew) { baseAssignValue(object, key, newValue); } else { assignValue(object, key, newValue); } } return object; } /** * Copies own symbols of `source` to `object`. * * @private * @param {Object} source The object to copy symbols from. * @param {Object} [object={}] The object to copy symbols to. * @returns {Object} Returns `object`. */ function copySymbols(source, object) { return copyObject(source, getSymbols(source), object); } /** * Copies own and inherited symbols of `source` to `object`. * * @private * @param {Object} source The object to copy symbols from. * @param {Object} [object={}] The object to copy symbols to. * @returns {Object} Returns `object`. */ function copySymbolsIn(source, object) { return copyObject(source, getSymbolsIn(source), object); } /** * Creates a function like `_.groupBy`. * * @private * @param {Function} setter The function to set accumulator values. * @param {Function} [initializer] The accumulator object initializer. * @returns {Function} Returns the new aggregator function. */ function createAggregator(setter, initializer) { return function(collection, iteratee) { var func = isArray(collection) ? arrayAggregator : baseAggregator, accumulator = initializer ? initializer() : {}; return func(collection, setter, getIteratee(iteratee, 2), accumulator); }; } /** * Creates a function like `_.assign`. * * @private * @param {Function} assigner The function to assign values. * @returns {Function} Returns the new assigner function. */ function createAssigner(assigner) { return baseRest(function(object, sources) { var index = -1, length = sources.length, customizer = length > 1 ? sources[length - 1] : undefined, guard = length > 2 ? sources[2] : undefined; customizer = (assigner.length > 3 && typeof customizer == 'function') ? (length--, customizer) : undefined; if (guard && isIterateeCall(sources[0], sources[1], guard)) { customizer = length < 3 ? undefined : customizer; length = 1; } object = Object(object); while (++index < length) { var source = sources[index]; if (source) { assigner(object, source, index, customizer); } } return object; }); } /** * Creates a `baseEach` or `baseEachRight` function. * * @private * @param {Function} eachFunc The function to iterate over a collection. * @param {boolean} [fromRight] Specify iterating from right to left. * @returns {Function} Returns the new base function. */ function createBaseEach(eachFunc, fromRight) { return function(collection, iteratee) { if (collection == null) { return collection; } if (!isArrayLike(collection)) { return eachFunc(collection, iteratee); } var length = collection.length, index = fromRight ? length : -1, iterable = Object(collection); while ((fromRight ? index-- : ++index < length)) { if (iteratee(iterable[index], index, iterable) === false) { break; } } return collection; }; } /** * Creates a base function for methods like `_.forIn` and `_.forOwn`. * * @private * @param {boolean} [fromRight] Specify iterating from right to left. * @returns {Function} Returns the new base function. */ function createBaseFor(fromRight) { return function(object, iteratee, keysFunc) { var index = -1, iterable = Object(object), props = keysFunc(object), length = props.length; while (length--) { var key = props[fromRight ? length : ++index]; if (iteratee(iterable[key], key, iterable) === false) { break; } } return object; }; } /** * Creates a function that wraps `func` to invoke it with the optional `this` * binding of `thisArg`. * * @private * @param {Function} func The function to wrap. * @param {number} bitmask The bitmask flags. See `createWrap` for more details. * @param {*} [thisArg] The `this` binding of `func`. * @returns {Function} Returns the new wrapped function. */ function createBind(func, bitmask, thisArg) { var isBind = bitmask & WRAP_BIND_FLAG, Ctor = createCtor(func); function wrapper() { var fn = (this && this !== root && this instanceof wrapper) ? Ctor : func; return fn.apply(isBind ? thisArg : this, arguments); } return wrapper; } /** * Creates a function like `_.lowerFirst`. * * @private * @param {string} methodName The name of the `String` case method to use. * @returns {Function} Returns the new case function. */ function createCaseFirst(methodName) { return function(string) { string = toString(string); var strSymbols = hasUnicode(string) ? stringToArray(string) : undefined; var chr = strSymbols ? strSymbols[0] : string.charAt(0); var trailing = strSymbols ? castSlice(strSymbols, 1).join('') : string.slice(1); return chr[methodName]() + trailing; }; } /** * Creates a function like `_.camelCase`. * * @private * @param {Function} callback The function to combine each word. * @returns {Function} Returns the new compounder function. */ function createCompounder(callback) { return function(string) { return arrayReduce(words(deburr(string).replace(reApos, '')), callback, ''); }; } /** * Creates a function that produces an instance of `Ctor` regardless of * whether it was invoked as part of a `new` expression or by `call` or `apply`. * * @private * @param {Function} Ctor The constructor to wrap. * @returns {Function} Returns the new wrapped function. */ function createCtor(Ctor) { return function() { // Use a `switch` statement to work with class constructors. See // http://ecma-international.org/ecma-262/7.0/#sec-ecmascript-function-objects-call-thisargument-argumentslist // for more details. var args = arguments; switch (args.length) { case 0: return new Ctor; case 1: return new Ctor(args[0]); case 2: return new Ctor(args[0], args[1]); case 3: return new Ctor(args[0], args[1], args[2]); case 4: return new Ctor(args[0], args[1], args[2], args[3]); case 5: return new Ctor(args[0], args[1], args[2], args[3], args[4]); case 6: return new Ctor(args[0], args[1], args[2], args[3], args[4], args[5]); case 7: return new Ctor(args[0], args[1], args[2], args[3], args[4], args[5], args[6]); } var thisBinding = baseCreate(Ctor.prototype), result = Ctor.apply(thisBinding, args); // Mimic the constructor's `return` behavior. // See https://es5.github.io/#x13.2.2 for more details. return isObject(result) ? result : thisBinding; }; } /** * Creates a function that wraps `func` to enable currying. * * @private * @param {Function} func The function to wrap. * @param {number} bitmask The bitmask flags. See `createWrap` for more details. * @param {number} arity The arity of `func`. * @returns {Function} Returns the new wrapped function. */ function createCurry(func, bitmask, arity) { var Ctor = createCtor(func); function wrapper() { var length = arguments.length, args = Array(length), index = length, placeholder = getHolder(wrapper); while (index--) { args[index] = arguments[index]; } var holders = (length < 3 && args[0] !== placeholder && args[length - 1] !== placeholder) ? [] : replaceHolders(args, placeholder); length -= holders.length; if (length < arity) { return createRecurry( func, bitmask, createHybrid, wrapper.placeholder, undefined, args, holders, undefined, undefined, arity - length); } var fn = (this && this !== root && this instanceof wrapper) ? Ctor : func; return apply(fn, this, args); } return wrapper; } /** * Creates a `_.find` or `_.findLast` function. * * @private * @param {Function} findIndexFunc The function to find the collection index. * @returns {Function} Returns the new find function. */ function createFind(findIndexFunc) { return function(collection, predicate, fromIndex) { var iterable = Object(collection); if (!isArrayLike(collection)) { var iteratee = getIteratee(predicate, 3); collection = keys(collection); predicate = function(key) { return iteratee(iterable[key], key, iterable); }; } var index = findIndexFunc(collection, predicate, fromIndex); return index > -1 ? iterable[iteratee ? collection[index] : index] : undefined; }; } /** * Creates a `_.flow` or `_.flowRight` function. * * @private * @param {boolean} [fromRight] Specify iterating from right to left. * @returns {Function} Returns the new flow function. */ function createFlow(fromRight) { return flatRest(function(funcs) { var length = funcs.length, index = length, prereq = LodashWrapper.prototype.thru; if (fromRight) { funcs.reverse(); } while (index--) { var func = funcs[index]; if (typeof func != 'function') { throw new TypeError(FUNC_ERROR_TEXT); } if (prereq && !wrapper && getFuncName(func) == 'wrapper') { var wrapper = new LodashWrapper([], true); } } index = wrapper ? index : length; while (++index < length) { func = funcs[index]; var funcName = getFuncName(func), data = funcName == 'wrapper' ? getData(func) : undefined; if (data && isLaziable(data[0]) && data[1] == (WRAP_ARY_FLAG | WRAP_CURRY_FLAG | WRAP_PARTIAL_FLAG | WRAP_REARG_FLAG) && !data[4].length && data[9] == 1 ) { wrapper = wrapper[getFuncName(data[0])].apply(wrapper, data[3]); } else { wrapper = (func.length == 1 && isLaziable(func)) ? wrapper[funcName]() : wrapper.thru(func); } } return function() { var args = arguments, value = args[0]; if (wrapper && args.length == 1 && isArray(value)) { return wrapper.plant(value).value(); } var index = 0, result = length ? funcs[index].apply(this, args) : value; while (++index < length) { result = funcs[index].call(this, result); } return result; }; }); } /** * Creates a function that wraps `func` to invoke it with optional `this` * binding of `thisArg`, partial application, and currying. * * @private * @param {Function|string} func The function or method name to wrap. * @param {number} bitmask The bitmask flags. See `createWrap` for more details. * @param {*} [thisArg] The `this` binding of `func`. * @param {Array} [partials] The arguments to prepend to those provided to * the new function. * @param {Array} [holders] The `partials` placeholder indexes. * @param {Array} [partialsRight] The arguments to append to those provided * to the new function. * @param {Array} [holdersRight] The `partialsRight` placeholder indexes. * @param {Array} [argPos] The argument positions of the new function. * @param {number} [ary] The arity cap of `func`. * @param {number} [arity] The arity of `func`. * @returns {Function} Returns the new wrapped function. */ function createHybrid(func, bitmask, thisArg, partials, holders, partialsRight, holdersRight, argPos, ary, arity) { var isAry = bitmask & WRAP_ARY_FLAG, isBind = bitmask & WRAP_BIND_FLAG, isBindKey = bitmask & WRAP_BIND_KEY_FLAG, isCurried = bitmask & (WRAP_CURRY_FLAG | WRAP_CURRY_RIGHT_FLAG), isFlip = bitmask & WRAP_FLIP_FLAG, Ctor = isBindKey ? undefined : createCtor(func); function wrapper() { var length = arguments.length, args = Array(length), index = length; while (index--) { args[index] = arguments[index]; } if (isCurried) { var placeholder = getHolder(wrapper), holdersCount = countHolders(args, placeholder); } if (partials) { args = composeArgs(args, partials, holders, isCurried); } if (partialsRight) { args = composeArgsRight(args, partialsRight, holdersRight, isCurried); } length -= holdersCount; if (isCurried && length < arity) { var newHolders = replaceHolders(args, placeholder); return createRecurry( func, bitmask, createHybrid, wrapper.placeholder, thisArg, args, newHolders, argPos, ary, arity - length ); } var thisBinding = isBind ? thisArg : this, fn = isBindKey ? thisBinding[func] : func; length = args.length; if (argPos) { args = reorder(args, argPos); } else if (isFlip && length > 1) { args.reverse(); } if (isAry && ary < length) { args.length = ary; } if (this && this !== root && this instanceof wrapper) { fn = Ctor || createCtor(fn); } return fn.apply(thisBinding, args); } return wrapper; } /** * Creates a function like `_.invertBy`. * * @private * @param {Function} setter The function to set accumulator values. * @param {Function} toIteratee The function to resolve iteratees. * @returns {Function} Returns the new inverter function. */ function createInverter(setter, toIteratee) { return function(object, iteratee) { return baseInverter(object, setter, toIteratee(iteratee), {}); }; } /** * Creates a function that performs a mathematical operation on two values. * * @private * @param {Function} operator The function to perform the operation. * @param {number} [defaultValue] The value used for `undefined` arguments. * @returns {Function} Returns the new mathematical operation function. */ function createMathOperation(operator, defaultValue) { return function(value, other) { var result; if (value === undefined && other === undefined) { return defaultValue; } if (value !== undefined) { result = value; } if (other !== undefined) { if (result === undefined) { return other; } if (typeof value == 'string' || typeof other == 'string') { value = baseToString(value); other = baseToString(other); } else { value = baseToNumber(value); other = baseToNumber(other); } result = operator(value, other); } return result; }; } /** * Creates a function like `_.over`. * * @private * @param {Function} arrayFunc The function to iterate over iteratees. * @returns {Function} Returns the new over function. */ function createOver(arrayFunc) { return flatRest(function(iteratees) { iteratees = arrayMap(iteratees, baseUnary(getIteratee())); return baseRest(function(args) { var thisArg = this; return arrayFunc(iteratees, function(iteratee) { return apply(iteratee, thisArg, args); }); }); }); } /** * Creates the padding for `string` based on `length`. The `chars` string * is truncated if the number of characters exceeds `length`. * * @private * @param {number} length The padding length. * @param {string} [chars=' '] The string used as padding. * @returns {string} Returns the padding for `string`. */ function createPadding(length, chars) { chars = chars === undefined ? ' ' : baseToString(chars); var charsLength = chars.length; if (charsLength < 2) { return charsLength ? baseRepeat(chars, length) : chars; } var result = baseRepeat(chars, nativeCeil(length / stringSize(chars))); return hasUnicode(chars) ? castSlice(stringToArray(result), 0, length).join('') : result.slice(0, length); } /** * Creates a function that wraps `func` to invoke it with the `this` binding * of `thisArg` and `partials` prepended to the arguments it receives. * * @private * @param {Function} func The function to wrap. * @param {number} bitmask The bitmask flags. See `createWrap` for more details. * @param {*} thisArg The `this` binding of `func`. * @param {Array} partials The arguments to prepend to those provided to * the new function. * @returns {Function} Returns the new wrapped function. */ function createPartial(func, bitmask, thisArg, partials) { var isBind = bitmask & WRAP_BIND_FLAG, Ctor = createCtor(func); function wrapper() { var argsIndex = -1, argsLength = arguments.length, leftIndex = -1, leftLength = partials.length, args = Array(leftLength + argsLength), fn = (this && this !== root && this instanceof wrapper) ? Ctor : func; while (++leftIndex < leftLength) { args[leftIndex] = partials[leftIndex]; } while (argsLength--) { args[leftIndex++] = arguments[++argsIndex]; } return apply(fn, isBind ? thisArg : this, args); } return wrapper; } /** * Creates a `_.range` or `_.rangeRight` function. * * @private * @param {boolean} [fromRight] Specify iterating from right to left. * @returns {Function} Returns the new range function. */ function createRange(fromRight) { return function(start, end, step) { if (step && typeof step != 'number' && isIterateeCall(start, end, step)) { end = step = undefined; } // Ensure the sign of `-0` is preserved. start = toFinite(start); if (end === undefined) { end = start; start = 0; } else { end = toFinite(end); } step = step === undefined ? (start < end ? 1 : -1) : toFinite(step); return baseRange(start, end, step, fromRight); }; } /** * Creates a function that performs a relational operation on two values. * * @private * @param {Function} operator The function to perform the operation. * @returns {Function} Returns the new relational operation function. */ function createRelationalOperation(operator) { return function(value, other) { if (!(typeof value == 'string' && typeof other == 'string')) { value = toNumber(value); other = toNumber(other); } return operator(value, other); }; } /** * Creates a function that wraps `func` to continue currying. * * @private * @param {Function} func The function to wrap. * @param {number} bitmask The bitmask flags. See `createWrap` for more details. * @param {Function} wrapFunc The function to create the `func` wrapper. * @param {*} placeholder The placeholder value. * @param {*} [thisArg] The `this` binding of `func`. * @param {Array} [partials] The arguments to prepend to those provided to * the new function. * @param {Array} [holders] The `partials` placeholder indexes. * @param {Array} [argPos] The argument positions of the new function. * @param {number} [ary] The arity cap of `func`. * @param {number} [arity] The arity of `func`. * @returns {Function} Returns the new wrapped function. */ function createRecurry(func, bitmask, wrapFunc, placeholder, thisArg, partials, holders, argPos, ary, arity) { var isCurry = bitmask & WRAP_CURRY_FLAG, newHolders = isCurry ? holders : undefined, newHoldersRight = isCurry ? undefined : holders, newPartials = isCurry ? partials : undefined, newPartialsRight = isCurry ? undefined : partials; bitmask |= (isCurry ? WRAP_PARTIAL_FLAG : WRAP_PARTIAL_RIGHT_FLAG); bitmask &= ~(isCurry ? WRAP_PARTIAL_RIGHT_FLAG : WRAP_PARTIAL_FLAG); if (!(bitmask & WRAP_CURRY_BOUND_FLAG)) { bitmask &= ~(WRAP_BIND_FLAG | WRAP_BIND_KEY_FLAG); } var newData = [ func, bitmask, thisArg, newPartials, newHolders, newPartialsRight, newHoldersRight, argPos, ary, arity ]; var result = wrapFunc.apply(undefined, newData); if (isLaziable(func)) { setData(result, newData); } result.placeholder = placeholder; return setWrapToString(result, func, bitmask); } /** * Creates a function like `_.round`. * * @private * @param {string} methodName The name of the `Math` method to use when rounding. * @returns {Function} Returns the new round function. */ function createRound(methodName) { var func = Math[methodName]; return function(number, precision) { number = toNumber(number); precision = precision == null ? 0 : nativeMin(toInteger(precision), 292); if (precision && nativeIsFinite(number)) { // Shift with exponential notation to avoid floating-point issues. // See [MDN](https://mdn.io/round#Examples) for more details. var pair = (toString(number) + 'e').split('e'), value = func(pair[0] + 'e' + (+pair[1] + precision)); pair = (toString(value) + 'e').split('e'); return +(pair[0] + 'e' + (+pair[1] - precision)); } return func(number); }; } /** * Creates a set object of `values`. * * @private * @param {Array} values The values to add to the set. * @returns {Object} Returns the new set. */ var createSet = !(Set && (1 / setToArray(new Set([,-0]))[1]) == INFINITY) ? noop : function(values) { return new Set(values); }; /** * Creates a `_.toPairs` or `_.toPairsIn` function. * * @private * @param {Function} keysFunc The function to get the keys of a given object. * @returns {Function} Returns the new pairs function. */ function createToPairs(keysFunc) { return function(object) { var tag = getTag(object); if (tag == mapTag) { return mapToArray(object); } if (tag == setTag) { return setToPairs(object); } return baseToPairs(object, keysFunc(object)); }; } /** * Creates a function that either curries or invokes `func` with optional * `this` binding and partially applied arguments. * * @private * @param {Function|string} func The function or method name to wrap. * @param {number} bitmask The bitmask flags. * 1 - `_.bind` * 2 - `_.bindKey` * 4 - `_.curry` or `_.curryRight` of a bound function * 8 - `_.curry` * 16 - `_.curryRight` * 32 - `_.partial` * 64 - `_.partialRight` * 128 - `_.rearg` * 256 - `_.ary` * 512 - `_.flip` * @param {*} [thisArg] The `this` binding of `func`. * @param {Array} [partials] The arguments to be partially applied. * @param {Array} [holders] The `partials` placeholder indexes. * @param {Array} [argPos] The argument positions of the new function. * @param {number} [ary] The arity cap of `func`. * @param {number} [arity] The arity of `func`. * @returns {Function} Returns the new wrapped function. */ function createWrap(func, bitmask, thisArg, partials, holders, argPos, ary, arity) { var isBindKey = bitmask & WRAP_BIND_KEY_FLAG; if (!isBindKey && typeof func != 'function') { throw new TypeError(FUNC_ERROR_TEXT); } var length = partials ? partials.length : 0; if (!length) { bitmask &= ~(WRAP_PARTIAL_FLAG | WRAP_PARTIAL_RIGHT_FLAG); partials = holders = undefined; } ary = ary === undefined ? ary : nativeMax(toInteger(ary), 0); arity = arity === undefined ? arity : toInteger(arity); length -= holders ? holders.length : 0; if (bitmask & WRAP_PARTIAL_RIGHT_FLAG) { var partialsRight = partials, holdersRight = holders; partials = holders = undefined; } var data = isBindKey ? undefined : getData(func); var newData = [ func, bitmask, thisArg, partials, holders, partialsRight, holdersRight, argPos, ary, arity ]; if (data) { mergeData(newData, data); } func = newData[0]; bitmask = newData[1]; thisArg = newData[2]; partials = newData[3]; holders = newData[4]; arity = newData[9] = newData[9] === undefined ? (isBindKey ? 0 : func.length) : nativeMax(newData[9] - length, 0); if (!arity && bitmask & (WRAP_CURRY_FLAG | WRAP_CURRY_RIGHT_FLAG)) { bitmask &= ~(WRAP_CURRY_FLAG | WRAP_CURRY_RIGHT_FLAG); } if (!bitmask || bitmask == WRAP_BIND_FLAG) { var result = createBind(func, bitmask, thisArg); } else if (bitmask == WRAP_CURRY_FLAG || bitmask == WRAP_CURRY_RIGHT_FLAG) { result = createCurry(func, bitmask, arity); } else if ((bitmask == WRAP_PARTIAL_FLAG || bitmask == (WRAP_BIND_FLAG | WRAP_PARTIAL_FLAG)) && !holders.length) { result = createPartial(func, bitmask, thisArg, partials); } else { result = createHybrid.apply(undefined, newData); } var setter = data ? baseSetData : setData; return setWrapToString(setter(result, newData), func, bitmask); } /** * Used by `_.defaults` to customize its `_.assignIn` use to assign properties * of source objects to the destination object for all destination properties * that resolve to `undefined`. * * @private * @param {*} objValue The destination value. * @param {*} srcValue The source value. * @param {string} key The key of the property to assign. * @param {Object} object The parent object of `objValue`. * @returns {*} Returns the value to assign. */ function customDefaultsAssignIn(objValue, srcValue, key, object) { if (objValue === undefined || (eq(objValue, objectProto[key]) && !hasOwnProperty.call(object, key))) { return srcValue; } return objValue; } /** * Used by `_.defaultsDeep` to customize its `_.merge` use to merge source * objects into destination objects that are passed thru. * * @private * @param {*} objValue The destination value. * @param {*} srcValue The source value. * @param {string} key The key of the property to merge. * @param {Object} object The parent object of `objValue`. * @param {Object} source The parent object of `srcValue`. * @param {Object} [stack] Tracks traversed source values and their merged * counterparts. * @returns {*} Returns the value to assign. */ function customDefaultsMerge(objValue, srcValue, key, object, source, stack) { if (isObject(objValue) && isObject(srcValue)) { // Recursively merge objects and arrays (susceptible to call stack limits). stack.set(srcValue, objValue); baseMerge(objValue, srcValue, undefined, customDefaultsMerge, stack); stack['delete'](srcValue); } return objValue; } /** * Used by `_.omit` to customize its `_.cloneDeep` use to only clone plain * objects. * * @private * @param {*} value The value to inspect. * @param {string} key The key of the property to inspect. * @returns {*} Returns the uncloned value or `undefined` to defer cloning to `_.cloneDeep`. */ function customOmitClone(value) { return isPlainObject(value) ? undefined : value; } /** * A specialized version of `baseIsEqualDeep` for arrays with support for * partial deep comparisons. * * @private * @param {Array} array The array to compare. * @param {Array} other The other array to compare. * @param {number} bitmask The bitmask flags. See `baseIsEqual` for more details. * @param {Function} customizer The function to customize comparisons. * @param {Function} equalFunc The function to determine equivalents of values. * @param {Object} stack Tracks traversed `array` and `other` objects. * @returns {boolean} Returns `true` if the arrays are equivalent, else `false`. */ function equalArrays(array, other, bitmask, customizer, equalFunc, stack) { var isPartial = bitmask & COMPARE_PARTIAL_FLAG, arrLength = array.length, othLength = other.length; if (arrLength != othLength && !(isPartial && othLength > arrLength)) { return false; } // Check that cyclic values are equal. var arrStacked = stack.get(array); var othStacked = stack.get(other); if (arrStacked && othStacked) { return arrStacked == other && othStacked == array; } var index = -1, result = true, seen = (bitmask & COMPARE_UNORDERED_FLAG) ? new SetCache : undefined; stack.set(array, other); stack.set(other, array); // Ignore non-index properties. while (++index < arrLength) { var arrValue = array[index], othValue = other[index]; if (customizer) { var compared = isPartial ? customizer(othValue, arrValue, index, other, array, stack) : customizer(arrValue, othValue, index, array, other, stack); } if (compared !== undefined) { if (compared) { continue; } result = false; break; } // Recursively compare arrays (susceptible to call stack limits). if (seen) { if (!arraySome(other, function(othValue, othIndex) { if (!cacheHas(seen, othIndex) && (arrValue === othValue || equalFunc(arrValue, othValue, bitmask, customizer, stack))) { return seen.push(othIndex); } })) { result = false; break; } } else if (!( arrValue === othValue || equalFunc(arrValue, othValue, bitmask, customizer, stack) )) { result = false; break; } } stack['delete'](array); stack['delete'](other); return result; } /** * A specialized version of `baseIsEqualDeep` for comparing objects of * the same `toStringTag`. * * **Note:** This function only supports comparing values with tags of * `Boolean`, `Date`, `Error`, `Number`, `RegExp`, or `String`. * * @private * @param {Object} object The object to compare. * @param {Object} other The other object to compare. * @param {string} tag The `toStringTag` of the objects to compare. * @param {number} bitmask The bitmask flags. See `baseIsEqual` for more details. * @param {Function} customizer The function to customize comparisons. * @param {Function} equalFunc The function to determine equivalents of values. * @param {Object} stack Tracks traversed `object` and `other` objects. * @returns {boolean} Returns `true` if the objects are equivalent, else `false`. */ function equalByTag(object, other, tag, bitmask, customizer, equalFunc, stack) { switch (tag) { case dataViewTag: if ((object.byteLength != other.byteLength) || (object.byteOffset != other.byteOffset)) { return false; } object = object.buffer; other = other.buffer; case arrayBufferTag: if ((object.byteLength != other.byteLength) || !equalFunc(new Uint8Array(object), new Uint8Array(other))) { return false; } return true; case boolTag: case dateTag: case numberTag: // Coerce booleans to `1` or `0` and dates to milliseconds. // Invalid dates are coerced to `NaN`. return eq(+object, +other); case errorTag: return object.name == other.name && object.message == other.message; case regexpTag: case stringTag: // Coerce regexes to strings and treat strings, primitives and objects, // as equal. See http://www.ecma-international.org/ecma-262/7.0/#sec-regexp.prototype.tostring // for more details. return object == (other + ''); case mapTag: var convert = mapToArray; case setTag: var isPartial = bitmask & COMPARE_PARTIAL_FLAG; convert || (convert = setToArray); if (object.size != other.size && !isPartial) { return false; } // Assume cyclic values are equal. var stacked = stack.get(object); if (stacked) { return stacked == other; } bitmask |= COMPARE_UNORDERED_FLAG; // Recursively compare objects (susceptible to call stack limits). stack.set(object, other); var result = equalArrays(convert(object), convert(other), bitmask, customizer, equalFunc, stack); stack['delete'](object); return result; case symbolTag: if (symbolValueOf) { return symbolValueOf.call(object) == symbolValueOf.call(other); } } return false; } /** * A specialized version of `baseIsEqualDeep` for objects with support for * partial deep comparisons. * * @private * @param {Object} object The object to compare. * @param {Object} other The other object to compare. * @param {number} bitmask The bitmask flags. See `baseIsEqual` for more details. * @param {Function} customizer The function to customize comparisons. * @param {Function} equalFunc The function to determine equivalents of values. * @param {Object} stack Tracks traversed `object` and `other` objects. * @returns {boolean} Returns `true` if the objects are equivalent, else `false`. */ function equalObjects(object, other, bitmask, customizer, equalFunc, stack) { var isPartial = bitmask & COMPARE_PARTIAL_FLAG, objProps = getAllKeys(object), objLength = objProps.length, othProps = getAllKeys(other), othLength = othProps.length; if (objLength != othLength && !isPartial) { return false; } var index = objLength; while (index--) { var key = objProps[index]; if (!(isPartial ? key in other : hasOwnProperty.call(other, key))) { return false; } } // Check that cyclic values are equal. var objStacked = stack.get(object); var othStacked = stack.get(other); if (objStacked && othStacked) { return objStacked == other && othStacked == object; } var result = true; stack.set(object, other); stack.set(other, object); var skipCtor = isPartial; while (++index < objLength) { key = objProps[index]; var objValue = object[key], othValue = other[key]; if (customizer) { var compared = isPartial ? customizer(othValue, objValue, key, other, object, stack) : customizer(objValue, othValue, key, object, other, stack); } // Recursively compare objects (susceptible to call stack limits). if (!(compared === undefined ? (objValue === othValue || equalFunc(objValue, othValue, bitmask, customizer, stack)) : compared )) { result = false; break; } skipCtor || (skipCtor = key == 'constructor'); } if (result && !skipCtor) { var objCtor = object.constructor, othCtor = other.constructor; // Non `Object` object instances with different constructors are not equal. if (objCtor != othCtor && ('constructor' in object && 'constructor' in other) && !(typeof objCtor == 'function' && objCtor instanceof objCtor && typeof othCtor == 'function' && othCtor instanceof othCtor)) { result = false; } } stack['delete'](object); stack['delete'](other); return result; } /** * A specialized version of `baseRest` which flattens the rest array. * * @private * @param {Function} func The function to apply a rest parameter to. * @returns {Function} Returns the new function. */ function flatRest(func) { return setToString(overRest(func, undefined, flatten), func + ''); } /** * Creates an array of own enumerable property names and symbols of `object`. * * @private * @param {Object} object The object to query. * @returns {Array} Returns the array of property names and symbols. */ function getAllKeys(object) { return baseGetAllKeys(object, keys, getSymbols); } /** * Creates an array of own and inherited enumerable property names and * symbols of `object`. * * @private * @param {Object} object The object to query. * @returns {Array} Returns the array of property names and symbols. */ function getAllKeysIn(object) { return baseGetAllKeys(object, keysIn, getSymbolsIn); } /** * Gets metadata for `func`. * * @private * @param {Function} func The function to query. * @returns {*} Returns the metadata for `func`. */ var getData = !metaMap ? noop : function(func) { return metaMap.get(func); }; /** * Gets the name of `func`. * * @private * @param {Function} func The function to query. * @returns {string} Returns the function name. */ function getFuncName(func) { var result = (func.name + ''), array = realNames[result], length = hasOwnProperty.call(realNames, result) ? array.length : 0; while (length--) { var data = array[length], otherFunc = data.func; if (otherFunc == null || otherFunc == func) { return data.name; } } return result; } /** * Gets the argument placeholder value for `func`. * * @private * @param {Function} func The function to inspect. * @returns {*} Returns the placeholder value. */ function getHolder(func) { var object = hasOwnProperty.call(lodash, 'placeholder') ? lodash : func; return object.placeholder; } /** * Gets the appropriate "iteratee" function. If `_.iteratee` is customized, * this function returns the custom method, otherwise it returns `baseIteratee`. * If arguments are provided, the chosen function is invoked with them and * its result is returned. * * @private * @param {*} [value] The value to convert to an iteratee. * @param {number} [arity] The arity of the created iteratee. * @returns {Function} Returns the chosen function or its result. */ function getIteratee() { var result = lodash.iteratee || iteratee; result = result === iteratee ? baseIteratee : result; return arguments.length ? result(arguments[0], arguments[1]) : result; } /** * Gets the data for `map`. * * @private * @param {Object} map The map to query. * @param {string} key The reference key. * @returns {*} Returns the map data. */ function getMapData(map, key) { var data = map.__data__; return isKeyable(key) ? data[typeof key == 'string' ? 'string' : 'hash'] : data.map; } /** * Gets the property names, values, and compare flags of `object`. * * @private * @param {Object} object The object to query. * @returns {Array} Returns the match data of `object`. */ function getMatchData(object) { var result = keys(object), length = result.length; while (length--) { var key = result[length], value = object[key]; result[length] = [key, value, isStrictComparable(value)]; } return result; } /** * Gets the native function at `key` of `object`. * * @private * @param {Object} object The object to query. * @param {string} key The key of the method to get. * @returns {*} Returns the function if it's native, else `undefined`. */ function getNative(object, key) { var value = getValue(object, key); return baseIsNative(value) ? value : undefined; } /** * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values. * * @private * @param {*} value The value to query. * @returns {string} Returns the raw `toStringTag`. */ function getRawTag(value) { var isOwn = hasOwnProperty.call(value, symToStringTag), tag = value[symToStringTag]; try { value[symToStringTag] = undefined; var unmasked = true; } catch (e) {} var result = nativeObjectToString.call(value); if (unmasked) { if (isOwn) { value[symToStringTag] = tag; } else { delete value[symToStringTag]; } } return result; } /** * Creates an array of the own enumerable symbols of `object`. * * @private * @param {Object} object The object to query. * @returns {Array} Returns the array of symbols. */ var getSymbols = !nativeGetSymbols ? stubArray : function(object) { if (object == null) { return []; } object = Object(object); return arrayFilter(nativeGetSymbols(object), function(symbol) { return propertyIsEnumerable.call(object, symbol); }); }; /** * Creates an array of the own and inherited enumerable symbols of `object`. * * @private * @param {Object} object The object to query. * @returns {Array} Returns the array of symbols. */ var getSymbolsIn = !nativeGetSymbols ? stubArray : function(object) { var result = []; while (object) { arrayPush(result, getSymbols(object)); object = getPrototype(object); } return result; }; /** * Gets the `toStringTag` of `value`. * * @private * @param {*} value The value to query. * @returns {string} Returns the `toStringTag`. */ var getTag = baseGetTag; // Fallback for data views, maps, sets, and weak maps in IE 11 and promises in Node.js < 6. if ((DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag) || (Map && getTag(new Map) != mapTag) || (Promise && getTag(Promise.resolve()) != promiseTag) || (Set && getTag(new Set) != setTag) || (WeakMap && getTag(new WeakMap) != weakMapTag)) { getTag = function(value) { var result = baseGetTag(value), Ctor = result == objectTag ? value.constructor : undefined, ctorString = Ctor ? toSource(Ctor) : ''; if (ctorString) { switch (ctorString) { case dataViewCtorString: return dataViewTag; case mapCtorString: return mapTag; case promiseCtorString: return promiseTag; case setCtorString: return setTag; case weakMapCtorString: return weakMapTag; } } return result; }; } /** * Gets the view, applying any `transforms` to the `start` and `end` positions. * * @private * @param {number} start The start of the view. * @param {number} end The end of the view. * @param {Array} transforms The transformations to apply to the view. * @returns {Object} Returns an object containing the `start` and `end` * positions of the view. */ function getView(start, end, transforms) { var index = -1, length = transforms.length; while (++index < length) { var data = transforms[index], size = data.size; switch (data.type) { case 'drop': start += size; break; case 'dropRight': end -= size; break; case 'take': end = nativeMin(end, start + size); break; case 'takeRight': start = nativeMax(start, end - size); break; } } return { 'start': start, 'end': end }; } /** * Extracts wrapper details from the `source` body comment. * * @private * @param {string} source The source to inspect. * @returns {Array} Returns the wrapper details. */ function getWrapDetails(source) { var match = source.match(reWrapDetails); return match ? match[1].split(reSplitDetails) : []; } /** * Checks if `path` exists on `object`. * * @private * @param {Object} object The object to query. * @param {Array|string} path The path to check. * @param {Function} hasFunc The function to check properties. * @returns {boolean} Returns `true` if `path` exists, else `false`. */ function hasPath(object, path, hasFunc) { path = castPath(path, object); var index = -1, length = path.length, result = false; while (++index < length) { var key = toKey(path[index]); if (!(result = object != null && hasFunc(object, key))) { break; } object = object[key]; } if (result || ++index != length) { return result; } length = object == null ? 0 : object.length; return !!length && isLength(length) && isIndex(key, length) && (isArray(object) || isArguments(object)); } /** * Initializes an array clone. * * @private * @param {Array} array The array to clone. * @returns {Array} Returns the initialized clone. */ function initCloneArray(array) { var length = array.length, result = new array.constructor(length); // Add properties assigned by `RegExp#exec`. if (length && typeof array[0] == 'string' && hasOwnProperty.call(array, 'index')) { result.index = array.index; result.input = array.input; } return result; } /** * Initializes an object clone. * * @private * @param {Object} object The object to clone. * @returns {Object} Returns the initialized clone. */ function initCloneObject(object) { return (typeof object.constructor == 'function' && !isPrototype(object)) ? baseCreate(getPrototype(object)) : {}; } /** * Initializes an object clone based on its `toStringTag`. * * **Note:** This function only supports cloning values with tags of * `Boolean`, `Date`, `Error`, `Map`, `Number`, `RegExp`, `Set`, or `String`. * * @private * @param {Object} object The object to clone. * @param {string} tag The `toStringTag` of the object to clone. * @param {boolean} [isDeep] Specify a deep clone. * @returns {Object} Returns the initialized clone. */ function initCloneByTag(object, tag, isDeep) { var Ctor = object.constructor; switch (tag) { case arrayBufferTag: return cloneArrayBuffer(object); case boolTag: case dateTag: return new Ctor(+object); case dataViewTag: return cloneDataView(object, isDeep); case float32Tag: case float64Tag: case int8Tag: case int16Tag: case int32Tag: case uint8Tag: case uint8ClampedTag: case uint16Tag: case uint32Tag: return cloneTypedArray(object, isDeep); case mapTag: return new Ctor; case numberTag: case stringTag: return new Ctor(object); case regexpTag: return cloneRegExp(object); case setTag: return new Ctor; case symbolTag: return cloneSymbol(object); } } /** * Inserts wrapper `details` in a comment at the top of the `source` body. * * @private * @param {string} source The source to modify. * @returns {Array} details The details to insert. * @returns {string} Returns the modified source. */ function insertWrapDetails(source, details) { var length = details.length; if (!length) { return source; } var lastIndex = length - 1; details[lastIndex] = (length > 1 ? '& ' : '') + details[lastIndex]; details = details.join(length > 2 ? ', ' : ' '); return source.replace(reWrapComment, '{\n/* [wrapped with ' + details + '] */\n'); } /** * Checks if `value` is a flattenable `arguments` object or array. * * @private * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is flattenable, else `false`. */ function isFlattenable(value) { return isArray(value) || isArguments(value) || !!(spreadableSymbol && value && value[spreadableSymbol]); } /** * Checks if `value` is a valid array-like index. * * @private * @param {*} value The value to check. * @param {number} [length=MAX_SAFE_INTEGER] The upper bounds of a valid index. * @returns {boolean} Returns `true` if `value` is a valid index, else `false`. */ function isIndex(value, length) { var type = typeof value; length = length == null ? MAX_SAFE_INTEGER : length; return !!length && (type == 'number' || (type != 'symbol' && reIsUint.test(value))) && (value > -1 && value % 1 == 0 && value < length); } /** * Checks if the given arguments are from an iteratee call. * * @private * @param {*} value The potential iteratee value argument. * @param {*} index The potential iteratee index or key argument. * @param {*} object The potential iteratee object argument. * @returns {boolean} Returns `true` if the arguments are from an iteratee call, * else `false`. */ function isIterateeCall(value, index, object) { if (!isObject(object)) { return false; } var type = typeof index; if (type == 'number' ? (isArrayLike(object) && isIndex(index, object.length)) : (type == 'string' && index in object) ) { return eq(object[index], value); } return false; } /** * Checks if `value` is a property name and not a property path. * * @private * @param {*} value The value to check. * @param {Object} [object] The object to query keys on. * @returns {boolean} Returns `true` if `value` is a property name, else `false`. */ function isKey(value, object) { if (isArray(value)) { return false; } var type = typeof value; if (type == 'number' || type == 'symbol' || type == 'boolean' || value == null || isSymbol(value)) { return true; } return reIsPlainProp.test(value) || !reIsDeepProp.test(value) || (object != null && value in Object(object)); } /** * Checks if `value` is suitable for use as unique object key. * * @private * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is suitable, else `false`. */ function isKeyable(value) { var type = typeof value; return (type == 'string' || type == 'number' || type == 'symbol' || type == 'boolean') ? (value !== '__proto__') : (value === null); } /** * Checks if `func` has a lazy counterpart. * * @private * @param {Function} func The function to check. * @returns {boolean} Returns `true` if `func` has a lazy counterpart, * else `false`. */ function isLaziable(func) { var funcName = getFuncName(func), other = lodash[funcName]; if (typeof other != 'function' || !(funcName in LazyWrapper.prototype)) { return false; } if (func === other) { return true; } var data = getData(other); return !!data && func === data[0]; } /** * Checks if `func` has its source masked. * * @private * @param {Function} func The function to check. * @returns {boolean} Returns `true` if `func` is masked, else `false`. */ function isMasked(func) { return !!maskSrcKey && (maskSrcKey in func); } /** * Checks if `func` is capable of being masked. * * @private * @param {*} value The value to check. * @returns {boolean} Returns `true` if `func` is maskable, else `false`. */ var isMaskable = coreJsData ? isFunction : stubFalse; /** * Checks if `value` is likely a prototype object. * * @private * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a prototype, else `false`. */ function isPrototype(value) { var Ctor = value && value.constructor, proto = (typeof Ctor == 'function' && Ctor.prototype) || objectProto; return value === proto; } /** * Checks if `value` is suitable for strict equality comparisons, i.e. `===`. * * @private * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` if suitable for strict * equality comparisons, else `false`. */ function isStrictComparable(value) { return value === value && !isObject(value); } /** * A specialized version of `matchesProperty` for source values suitable * for strict equality comparisons, i.e. `===`. * * @private * @param {string} key The key of the property to get. * @param {*} srcValue The value to match. * @returns {Function} Returns the new spec function. */ function matchesStrictComparable(key, srcValue) { return function(object) { if (object == null) { return false; } return object[key] === srcValue && (srcValue !== undefined || (key in Object(object))); }; } /** * A specialized version of `_.memoize` which clears the memoized function's * cache when it exceeds `MAX_MEMOIZE_SIZE`. * * @private * @param {Function} func The function to have its output memoized. * @returns {Function} Returns the new memoized function. */ function memoizeCapped(func) { var result = memoize(func, function(key) { if (cache.size === MAX_MEMOIZE_SIZE) { cache.clear(); } return key; }); var cache = result.cache; return result; } /** * Merges the function metadata of `source` into `data`. * * Merging metadata reduces the number of wrappers used to invoke a function. * This is possible because methods like `_.bind`, `_.curry`, and `_.partial` * may be applied regardless of execution order. Methods like `_.ary` and * `_.rearg` modify function arguments, making the order in which they are * executed important, preventing the merging of metadata. However, we make * an exception for a safe combined case where curried functions have `_.ary` * and or `_.rearg` applied. * * @private * @param {Array} data The destination metadata. * @param {Array} source The source metadata. * @returns {Array} Returns `data`. */ function mergeData(data, source) { var bitmask = data[1], srcBitmask = source[1], newBitmask = bitmask | srcBitmask, isCommon = newBitmask < (WRAP_BIND_FLAG | WRAP_BIND_KEY_FLAG | WRAP_ARY_FLAG); var isCombo = ((srcBitmask == WRAP_ARY_FLAG) && (bitmask == WRAP_CURRY_FLAG)) || ((srcBitmask == WRAP_ARY_FLAG) && (bitmask == WRAP_REARG_FLAG) && (data[7].length <= source[8])) || ((srcBitmask == (WRAP_ARY_FLAG | WRAP_REARG_FLAG)) && (source[7].length <= source[8]) && (bitmask == WRAP_CURRY_FLAG)); // Exit early if metadata can't be merged. if (!(isCommon || isCombo)) { return data; } // Use source `thisArg` if available. if (srcBitmask & WRAP_BIND_FLAG) { data[2] = source[2]; // Set when currying a bound function. newBitmask |= bitmask & WRAP_BIND_FLAG ? 0 : WRAP_CURRY_BOUND_FLAG; } // Compose partial arguments. var value = source[3]; if (value) { var partials = data[3]; data[3] = partials ? composeArgs(partials, value, source[4]) : value; data[4] = partials ? replaceHolders(data[3], PLACEHOLDER) : source[4]; } // Compose partial right arguments. value = source[5]; if (value) { partials = data[5]; data[5] = partials ? composeArgsRight(partials, value, source[6]) : value; data[6] = partials ? replaceHolders(data[5], PLACEHOLDER) : source[6]; } // Use source `argPos` if available. value = source[7]; if (value) { data[7] = value; } // Use source `ary` if it's smaller. if (srcBitmask & WRAP_ARY_FLAG) { data[8] = data[8] == null ? source[8] : nativeMin(data[8], source[8]); } // Use source `arity` if one is not provided. if (data[9] == null) { data[9] = source[9]; } // Use source `func` and merge bitmasks. data[0] = source[0]; data[1] = newBitmask; return data; } /** * This function is like * [`Object.keys`](http://ecma-international.org/ecma-262/7.0/#sec-object.keys) * except that it includes inherited enumerable properties. * * @private * @param {Object} object The object to query. * @returns {Array} Returns the array of property names. */ function nativeKeysIn(object) { var result = []; if (object != null) { for (var key in Object(object)) { result.push(key); } } return result; } /** * Converts `value` to a string using `Object.prototype.toString`. * * @private * @param {*} value The value to convert. * @returns {string} Returns the converted string. */ function objectToString(value) { return nativeObjectToString.call(value); } /** * A specialized version of `baseRest` which transforms the rest array. * * @private * @param {Function} func The function to apply a rest parameter to. * @param {number} [start=func.length-1] The start position of the rest parameter. * @param {Function} transform The rest array transform. * @returns {Function} Returns the new function. */ function overRest(func, start, transform) { start = nativeMax(start === undefined ? (func.length - 1) : start, 0); return function() { var args = arguments, index = -1, length = nativeMax(args.length - start, 0), array = Array(length); while (++index < length) { array[index] = args[start + index]; } index = -1; var otherArgs = Array(start + 1); while (++index < start) { otherArgs[index] = args[index]; } otherArgs[start] = transform(array); return apply(func, this, otherArgs); }; } /** * Gets the parent value at `path` of `object`. * * @private * @param {Object} object The object to query. * @param {Array} path The path to get the parent value of. * @returns {*} Returns the parent value. */ function parent(object, path) { return path.length < 2 ? object : baseGet(object, baseSlice(path, 0, -1)); } /** * Reorder `array` according to the specified indexes where the element at * the first index is assigned as the first element, the element at * the second index is assigned as the second element, and so on. * * @private * @param {Array} array The array to reorder. * @param {Array} indexes The arranged array indexes. * @returns {Array} Returns `array`. */ function reorder(array, indexes) { var arrLength = array.length, length = nativeMin(indexes.length, arrLength), oldArray = copyArray(array); while (length--) { var index = indexes[length]; array[length] = isIndex(index, arrLength) ? oldArray[index] : undefined; } return array; } /** * Gets the value at `key`, unless `key` is "__proto__" or "constructor". * * @private * @param {Object} object The object to query. * @param {string} key The key of the property to get. * @returns {*} Returns the property value. */ function safeGet(object, key) { if (key === 'constructor' && typeof object[key] === 'function') { return; } if (key == '__proto__') { return; } return object[key]; } /** * Sets metadata for `func`. * * **Note:** If this function becomes hot, i.e. is invoked a lot in a short * period of time, it will trip its breaker and transition to an identity * function to avoid garbage collection pauses in V8. See * [V8 issue 2070](https://bugs.chromium.org/p/v8/issues/detail?id=2070) * for more details. * * @private * @param {Function} func The function to associate metadata with. * @param {*} data The metadata. * @returns {Function} Returns `func`. */ var setData = shortOut(baseSetData); /** * A simple wrapper around the global [`setTimeout`](https://mdn.io/setTimeout). * * @private * @param {Function} func The function to delay. * @param {number} wait The number of milliseconds to delay invocation. * @returns {number|Object} Returns the timer id or timeout object. */ var setTimeout = ctxSetTimeout || function(func, wait) { return root.setTimeout(func, wait); }; /** * Sets the `toString` method of `func` to return `string`. * * @private * @param {Function} func The function to modify. * @param {Function} string The `toString` result. * @returns {Function} Returns `func`. */ var setToString = shortOut(baseSetToString); /** * Sets the `toString` method of `wrapper` to mimic the source of `reference` * with wrapper details in a comment at the top of the source body. * * @private * @param {Function} wrapper The function to modify. * @param {Function} reference The reference function. * @param {number} bitmask The bitmask flags. See `createWrap` for more details. * @returns {Function} Returns `wrapper`. */ function setWrapToString(wrapper, reference, bitmask) { var source = (reference + ''); return setToString(wrapper, insertWrapDetails(source, updateWrapDetails(getWrapDetails(source), bitmask))); } /** * Creates a function that'll short out and invoke `identity` instead * of `func` when it's called `HOT_COUNT` or more times in `HOT_SPAN` * milliseconds. * * @private * @param {Function} func The function to restrict. * @returns {Function} Returns the new shortable function. */ function shortOut(func) { var count = 0, lastCalled = 0; return function() { var stamp = nativeNow(), remaining = HOT_SPAN - (stamp - lastCalled); lastCalled = stamp; if (remaining > 0) { if (++count >= HOT_COUNT) { return arguments[0]; } } else { count = 0; } return func.apply(undefined, arguments); }; } /** * A specialized version of `_.shuffle` which mutates and sets the size of `array`. * * @private * @param {Array} array The array to shuffle. * @param {number} [size=array.length] The size of `array`. * @returns {Array} Returns `array`. */ function shuffleSelf(array, size) { var index = -1, length = array.length, lastIndex = length - 1; size = size === undefined ? length : size; while (++index < size) { var rand = baseRandom(index, lastIndex), value = array[rand]; array[rand] = array[index]; array[index] = value; } array.length = size; return array; } /** * Converts `string` to a property path array. * * @private * @param {string} string The string to convert. * @returns {Array} Returns the property path array. */ var stringToPath = memoizeCapped(function(string) { var result = []; if (string.charCodeAt(0) === 46 /* . */) { result.push(''); } string.replace(rePropName, function(match, number, quote, subString) { result.push(quote ? subString.replace(reEscapeChar, '$1') : (number || match)); }); return result; }); /** * Converts `value` to a string key if it's not a string or symbol. * * @private * @param {*} value The value to inspect. * @returns {string|symbol} Returns the key. */ function toKey(value) { if (typeof value == 'string' || isSymbol(value)) { return value; } var result = (value + ''); return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result; } /** * Converts `func` to its source code. * * @private * @param {Function} func The function to convert. * @returns {string} Returns the source code. */ function toSource(func) { if (func != null) { try { return funcToString.call(func); } catch (e) {} try { return (func + ''); } catch (e) {} } return ''; } /** * Updates wrapper `details` based on `bitmask` flags. * * @private * @returns {Array} details The details to modify. * @param {number} bitmask The bitmask flags. See `createWrap` for more details. * @returns {Array} Returns `details`. */ function updateWrapDetails(details, bitmask) { arrayEach(wrapFlags, function(pair) { var value = '_.' + pair[0]; if ((bitmask & pair[1]) && !arrayIncludes(details, value)) { details.push(value); } }); return details.sort(); } /** * Creates a clone of `wrapper`. * * @private * @param {Object} wrapper The wrapper to clone. * @returns {Object} Returns the cloned wrapper. */ function wrapperClone(wrapper) { if (wrapper instanceof LazyWrapper) { return wrapper.clone(); } var result = new LodashWrapper(wrapper.__wrapped__, wrapper.__chain__); result.__actions__ = copyArray(wrapper.__actions__); result.__index__ = wrapper.__index__; result.__values__ = wrapper.__values__; return result; } /*------------------------------------------------------------------------*/ /** * Creates an array of elements split into groups the length of `size`. * If `array` can't be split evenly, the final chunk will be the remaining * elements. * * @static * @memberOf _ * @since 3.0.0 * @category Array * @param {Array} array The array to process. * @param {number} [size=1] The length of each chunk * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`. * @returns {Array} Returns the new array of chunks. * @example * * _.chunk(['a', 'b', 'c', 'd'], 2); * // => [['a', 'b'], ['c', 'd']] * * _.chunk(['a', 'b', 'c', 'd'], 3); * // => [['a', 'b', 'c'], ['d']] */ function chunk(array, size, guard) { if ((guard ? isIterateeCall(array, size, guard) : size === undefined)) { size = 1; } else { size = nativeMax(toInteger(size), 0); } var length = array == null ? 0 : array.length; if (!length || size < 1) { return []; } var index = 0, resIndex = 0, result = Array(nativeCeil(length / size)); while (index < length) { result[resIndex++] = baseSlice(array, index, (index += size)); } return result; } /** * Creates an array with all falsey values removed. The values `false`, `null`, * `0`, `""`, `undefined`, and `NaN` are falsey. * * @static * @memberOf _ * @since 0.1.0 * @category Array * @param {Array} array The array to compact. * @returns {Array} Returns the new array of filtered values. * @example * * _.compact([0, 1, false, 2, '', 3]); * // => [1, 2, 3] */ function compact(array) { var index = -1, length = array == null ? 0 : array.length, resIndex = 0, result = []; while (++index < length) { var value = array[index]; if (value) { result[resIndex++] = value; } } return result; } /** * Creates a new array concatenating `array` with any additional arrays * and/or values. * * @static * @memberOf _ * @since 4.0.0 * @category Array * @param {Array} array The array to concatenate. * @param {...*} [values] The values to concatenate. * @returns {Array} Returns the new concatenated array. * @example * * var array = [1]; * var other = _.concat(array, 2, [3], [[4]]); * * console.log(other); * // => [1, 2, 3, [4]] * * console.log(array); * // => [1] */ function concat() { var length = arguments.length; if (!length) { return []; } var args = Array(length - 1), array = arguments[0], index = length; while (index--) { args[index - 1] = arguments[index]; } return arrayPush(isArray(array) ? copyArray(array) : [array], baseFlatten(args, 1)); } /** * Creates an array of `array` values not included in the other given arrays * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero) * for equality comparisons. The order and references of result values are * determined by the first array. * * **Note:** Unlike `_.pullAll`, this method returns a new array. * * @static * @memberOf _ * @since 0.1.0 * @category Array * @param {Array} array The array to inspect. * @param {...Array} [values] The values to exclude. * @returns {Array} Returns the new array of filtered values. * @see _.without, _.xor * @example * * _.difference([2, 1], [2, 3]); * // => [1] */ var difference = baseRest(function(array, values) { return isArrayLikeObject(array) ? baseDifference(array, baseFlatten(values, 1, isArrayLikeObject, true)) : []; }); /** * This method is like `_.difference` except that it accepts `iteratee` which * is invoked for each element of `array` and `values` to generate the criterion * by which they're compared. The order and references of result values are * determined by the first array. The iteratee is invoked with one argument: * (value). * * **Note:** Unlike `_.pullAllBy`, this method returns a new array. * * @static * @memberOf _ * @since 4.0.0 * @category Array * @param {Array} array The array to inspect. * @param {...Array} [values] The values to exclude. * @param {Function} [iteratee=_.identity] The iteratee invoked per element. * @returns {Array} Returns the new array of filtered values. * @example * * _.differenceBy([2.1, 1.2], [2.3, 3.4], Math.floor); * // => [1.2] * * // The `_.property` iteratee shorthand. * _.differenceBy([{ 'x': 2 }, { 'x': 1 }], [{ 'x': 1 }], 'x'); * // => [{ 'x': 2 }] */ var differenceBy = baseRest(function(array, values) { var iteratee = last(values); if (isArrayLikeObject(iteratee)) { iteratee = undefined; } return isArrayLikeObject(array) ? baseDifference(array, baseFlatten(values, 1, isArrayLikeObject, true), getIteratee(iteratee, 2)) : []; }); /** * This method is like `_.difference` except that it accepts `comparator` * which is invoked to compare elements of `array` to `values`. The order and * references of result values are determined by the first array. The comparator * is invoked with two arguments: (arrVal, othVal). * * **Note:** Unlike `_.pullAllWith`, this method returns a new array. * * @static * @memberOf _ * @since 4.0.0 * @category Array * @param {Array} array The array to inspect. * @param {...Array} [values] The values to exclude. * @param {Function} [comparator] The comparator invoked per element. * @returns {Array} Returns the new array of filtered values. * @example * * var objects = [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 }]; * * _.differenceWith(objects, [{ 'x': 1, 'y': 2 }], _.isEqual); * // => [{ 'x': 2, 'y': 1 }] */ var differenceWith = baseRest(function(array, values) { var comparator = last(values); if (isArrayLikeObject(comparator)) { comparator = undefined; } return isArrayLikeObject(array) ? baseDifference(array, baseFlatten(values, 1, isArrayLikeObject, true), undefined, comparator) : []; }); /** * Creates a slice of `array` with `n` elements dropped from the beginning. * * @static * @memberOf _ * @since 0.5.0 * @category Array * @param {Array} array The array to query. * @param {number} [n=1] The number of elements to drop. * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`. * @returns {Array} Returns the slice of `array`. * @example * * _.drop([1, 2, 3]); * // => [2, 3] * * _.drop([1, 2, 3], 2); * // => [3] * * _.drop([1, 2, 3], 5); * // => [] * * _.drop([1, 2, 3], 0); * // => [1, 2, 3] */ function drop(array, n, guard) { var length = array == null ? 0 : array.length; if (!length) { return []; } n = (guard || n === undefined) ? 1 : toInteger(n); return baseSlice(array, n < 0 ? 0 : n, length); } /** * Creates a slice of `array` with `n` elements dropped from the end. * * @static * @memberOf _ * @since 3.0.0 * @category Array * @param {Array} array The array to query. * @param {number} [n=1] The number of elements to drop. * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`. * @returns {Array} Returns the slice of `array`. * @example * * _.dropRight([1, 2, 3]); * // => [1, 2] * * _.dropRight([1, 2, 3], 2); * // => [1] * * _.dropRight([1, 2, 3], 5); * // => [] * * _.dropRight([1, 2, 3], 0); * // => [1, 2, 3] */ function dropRight(array, n, guard) { var length = array == null ? 0 : array.length; if (!length) { return []; } n = (guard || n === undefined) ? 1 : toInteger(n); n = length - n; return baseSlice(array, 0, n < 0 ? 0 : n); } /** * Creates a slice of `array` excluding elements dropped from the end. * Elements are dropped until `predicate` returns falsey. The predicate is * invoked with three arguments: (value, index, array). * * @static * @memberOf _ * @since 3.0.0 * @category Array * @param {Array} array The array to query. * @param {Function} [predicate=_.identity] The function invoked per iteration. * @returns {Array} Returns the slice of `array`. * @example * * var users = [ * { 'user': 'barney', 'active': true }, * { 'user': 'fred', 'active': false }, * { 'user': 'pebbles', 'active': false } * ]; * * _.dropRightWhile(users, function(o) { return !o.active; }); * // => objects for ['barney'] * * // The `_.matches` iteratee shorthand. * _.dropRightWhile(users, { 'user': 'pebbles', 'active': false }); * // => objects for ['barney', 'fred'] * * // The `_.matchesProperty` iteratee shorthand. * _.dropRightWhile(users, ['active', false]); * // => objects for ['barney'] * * // The `_.property` iteratee shorthand. * _.dropRightWhile(users, 'active'); * // => objects for ['barney', 'fred', 'pebbles'] */ function dropRightWhile(array, predicate) { return (array && array.length) ? baseWhile(array, getIteratee(predicate, 3), true, true) : []; } /** * Creates a slice of `array` excluding elements dropped from the beginning. * Elements are dropped until `predicate` returns falsey. The predicate is * invoked with three arguments: (value, index, array). * * @static * @memberOf _ * @since 3.0.0 * @category Array * @param {Array} array The array to query. * @param {Function} [predicate=_.identity] The function invoked per iteration. * @returns {Array} Returns the slice of `array`. * @example * * var users = [ * { 'user': 'barney', 'active': false }, * { 'user': 'fred', 'active': false }, * { 'user': 'pebbles', 'active': true } * ]; * * _.dropWhile(users, function(o) { return !o.active; }); * // => objects for ['pebbles'] * * // The `_.matches` iteratee shorthand. * _.dropWhile(users, { 'user': 'barney', 'active': false }); * // => objects for ['fred', 'pebbles'] * * // The `_.matchesProperty` iteratee shorthand. * _.dropWhile(users, ['active', false]); * // => objects for ['pebbles'] * * // The `_.property` iteratee shorthand. * _.dropWhile(users, 'active'); * // => objects for ['barney', 'fred', 'pebbles'] */ function dropWhile(array, predicate) { return (array && array.length) ? baseWhile(array, getIteratee(predicate, 3), true) : []; } /** * Fills elements of `array` with `value` from `start` up to, but not * including, `end`. * * **Note:** This method mutates `array`. * * @static * @memberOf _ * @since 3.2.0 * @category Array * @param {Array} array The array to fill. * @param {*} value The value to fill `array` with. * @param {number} [start=0] The start position. * @param {number} [end=array.length] The end position. * @returns {Array} Returns `array`. * @example * * var array = [1, 2, 3]; * * _.fill(array, 'a'); * console.log(array); * // => ['a', 'a', 'a'] * * _.fill(Array(3), 2); * // => [2, 2, 2] * * _.fill([4, 6, 8, 10], '*', 1, 3); * // => [4, '*', '*', 10] */ function fill(array, value, start, end) { var length = array == null ? 0 : array.length; if (!length) { return []; } if (start && typeof start != 'number' && isIterateeCall(array, value, start)) { start = 0; end = length; } return baseFill(array, value, start, end); } /** * This method is like `_.find` except that it returns the index of the first * element `predicate` returns truthy for instead of the element itself. * * @static * @memberOf _ * @since 1.1.0 * @category Array * @param {Array} array The array to inspect. * @param {Function} [predicate=_.identity] The function invoked per iteration. * @param {number} [fromIndex=0] The index to search from. * @returns {number} Returns the index of the found element, else `-1`. * @example * * var users = [ * { 'user': 'barney', 'active': false }, * { 'user': 'fred', 'active': false }, * { 'user': 'pebbles', 'active': true } * ]; * * _.findIndex(users, function(o) { return o.user == 'barney'; }); * // => 0 * * // The `_.matches` iteratee shorthand. * _.findIndex(users, { 'user': 'fred', 'active': false }); * // => 1 * * // The `_.matchesProperty` iteratee shorthand. * _.findIndex(users, ['active', false]); * // => 0 * * // The `_.property` iteratee shorthand. * _.findIndex(users, 'active'); * // => 2 */ function findIndex(array, predicate, fromIndex) { var length = array == null ? 0 : array.length; if (!length) { return -1; } var index = fromIndex == null ? 0 : toInteger(fromIndex); if (index < 0) { index = nativeMax(length + index, 0); } return baseFindIndex(array, getIteratee(predicate, 3), index); } /** * This method is like `_.findIndex` except that it iterates over elements * of `collection` from right to left. * * @static * @memberOf _ * @since 2.0.0 * @category Array * @param {Array} array The array to inspect. * @param {Function} [predicate=_.identity] The function invoked per iteration. * @param {number} [fromIndex=array.length-1] The index to search from. * @returns {number} Returns the index of the found element, else `-1`. * @example * * var users = [ * { 'user': 'barney', 'active': true }, * { 'user': 'fred', 'active': false }, * { 'user': 'pebbles', 'active': false } * ]; * * _.findLastIndex(users, function(o) { return o.user == 'pebbles'; }); * // => 2 * * // The `_.matches` iteratee shorthand. * _.findLastIndex(users, { 'user': 'barney', 'active': true }); * // => 0 * * // The `_.matchesProperty` iteratee shorthand. * _.findLastIndex(users, ['active', false]); * // => 2 * * // The `_.property` iteratee shorthand. * _.findLastIndex(users, 'active'); * // => 0 */ function findLastIndex(array, predicate, fromIndex) { var length = array == null ? 0 : array.length; if (!length) { return -1; } var index = length - 1; if (fromIndex !== undefined) { index = toInteger(fromIndex); index = fromIndex < 0 ? nativeMax(length + index, 0) : nativeMin(index, length - 1); } return baseFindIndex(array, getIteratee(predicate, 3), index, true); } /** * Flattens `array` a single level deep. * * @static * @memberOf _ * @since 0.1.0 * @category Array * @param {Array} array The array to flatten. * @returns {Array} Returns the new flattened array. * @example * * _.flatten([1, [2, [3, [4]], 5]]); * // => [1, 2, [3, [4]], 5] */ function flatten(array) { var length = array == null ? 0 : array.length; return length ? baseFlatten(array, 1) : []; } /** * Recursively flattens `array`. * * @static * @memberOf _ * @since 3.0.0 * @category Array * @param {Array} array The array to flatten. * @returns {Array} Returns the new flattened array. * @example * * _.flattenDeep([1, [2, [3, [4]], 5]]); * // => [1, 2, 3, 4, 5] */ function flattenDeep(array) { var length = array == null ? 0 : array.length; return length ? baseFlatten(array, INFINITY) : []; } /** * Recursively flatten `array` up to `depth` times. * * @static * @memberOf _ * @since 4.4.0 * @category Array * @param {Array} array The array to flatten. * @param {number} [depth=1] The maximum recursion depth. * @returns {Array} Returns the new flattened array. * @example * * var array = [1, [2, [3, [4]], 5]]; * * _.flattenDepth(array, 1); * // => [1, 2, [3, [4]], 5] * * _.flattenDepth(array, 2); * // => [1, 2, 3, [4], 5] */ function flattenDepth(array, depth) { var length = array == null ? 0 : array.length; if (!length) { return []; } depth = depth === undefined ? 1 : toInteger(depth); return baseFlatten(array, depth); } /** * The inverse of `_.toPairs`; this method returns an object composed * from key-value `pairs`. * * @static * @memberOf _ * @since 4.0.0 * @category Array * @param {Array} pairs The key-value pairs. * @returns {Object} Returns the new object. * @example * * _.fromPairs([['a', 1], ['b', 2]]); * // => { 'a': 1, 'b': 2 } */ function fromPairs(pairs) { var index = -1, length = pairs == null ? 0 : pairs.length, result = {}; while (++index < length) { var pair = pairs[index]; result[pair[0]] = pair[1]; } return result; } /** * Gets the first element of `array`. * * @static * @memberOf _ * @since 0.1.0 * @alias first * @category Array * @param {Array} array The array to query. * @returns {*} Returns the first element of `array`. * @example * * _.head([1, 2, 3]); * // => 1 * * _.head([]); * // => undefined */ function head(array) { return (array && array.length) ? array[0] : undefined; } /** * Gets the index at which the first occurrence of `value` is found in `array` * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero) * for equality comparisons. If `fromIndex` is negative, it's used as the * offset from the end of `array`. * * @static * @memberOf _ * @since 0.1.0 * @category Array * @param {Array} array The array to inspect. * @param {*} value The value to search for. * @param {number} [fromIndex=0] The index to search from. * @returns {number} Returns the index of the matched value, else `-1`. * @example * * _.indexOf([1, 2, 1, 2], 2); * // => 1 * * // Search from the `fromIndex`. * _.indexOf([1, 2, 1, 2], 2, 2); * // => 3 */ function indexOf(array, value, fromIndex) { var length = array == null ? 0 : array.length; if (!length) { return -1; } var index = fromIndex == null ? 0 : toInteger(fromIndex); if (index < 0) { index = nativeMax(length + index, 0); } return baseIndexOf(array, value, index); } /** * Gets all but the last element of `array`. * * @static * @memberOf _ * @since 0.1.0 * @category Array * @param {Array} array The array to query. * @returns {Array} Returns the slice of `array`. * @example * * _.initial([1, 2, 3]); * // => [1, 2] */ function initial(array) { var length = array == null ? 0 : array.length; return length ? baseSlice(array, 0, -1) : []; } /** * Creates an array of unique values that are included in all given arrays * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero) * for equality comparisons. The order and references of result values are * determined by the first array. * * @static * @memberOf _ * @since 0.1.0 * @category Array * @param {...Array} [arrays] The arrays to inspect. * @returns {Array} Returns the new array of intersecting values. * @example * * _.intersection([2, 1], [2, 3]); * // => [2] */ var intersection = baseRest(function(arrays) { var mapped = arrayMap(arrays, castArrayLikeObject); return (mapped.length && mapped[0] === arrays[0]) ? baseIntersection(mapped) : []; }); /** * This method is like `_.intersection` except that it accepts `iteratee` * which is invoked for each element of each `arrays` to generate the criterion * by which they're compared. The order and references of result values are * determined by the first array. The iteratee is invoked with one argument: * (value). * * @static * @memberOf _ * @since 4.0.0 * @category Array * @param {...Array} [arrays] The arrays to inspect. * @param {Function} [iteratee=_.identity] The iteratee invoked per element. * @returns {Array} Returns the new array of intersecting values. * @example * * _.intersectionBy([2.1, 1.2], [2.3, 3.4], Math.floor); * // => [2.1] * * // The `_.property` iteratee shorthand. * _.intersectionBy([{ 'x': 1 }], [{ 'x': 2 }, { 'x': 1 }], 'x'); * // => [{ 'x': 1 }] */ var intersectionBy = baseRest(function(arrays) { var iteratee = last(arrays), mapped = arrayMap(arrays, castArrayLikeObject); if (iteratee === last(mapped)) { iteratee = undefined; } else { mapped.pop(); } return (mapped.length && mapped[0] === arrays[0]) ? baseIntersection(mapped, getIteratee(iteratee, 2)) : []; }); /** * This method is like `_.intersection` except that it accepts `comparator` * which is invoked to compare elements of `arrays`. The order and references * of result values are determined by the first array. The comparator is * invoked with two arguments: (arrVal, othVal). * * @static * @memberOf _ * @since 4.0.0 * @category Array * @param {...Array} [arrays] The arrays to inspect. * @param {Function} [comparator] The comparator invoked per element. * @returns {Array} Returns the new array of intersecting values. * @example * * var objects = [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 }]; * var others = [{ 'x': 1, 'y': 1 }, { 'x': 1, 'y': 2 }]; * * _.intersectionWith(objects, others, _.isEqual); * // => [{ 'x': 1, 'y': 2 }] */ var intersectionWith = baseRest(function(arrays) { var comparator = last(arrays), mapped = arrayMap(arrays, castArrayLikeObject); comparator = typeof comparator == 'function' ? comparator : undefined; if (comparator) { mapped.pop(); } return (mapped.length && mapped[0] === arrays[0]) ? baseIntersection(mapped, undefined, comparator) : []; }); /** * Converts all elements in `array` into a string separated by `separator`. * * @static * @memberOf _ * @since 4.0.0 * @category Array * @param {Array} array The array to convert. * @param {string} [separator=','] The element separator. * @returns {string} Returns the joined string. * @example * * _.join(['a', 'b', 'c'], '~'); * // => 'a~b~c' */ function join(array, separator) { return array == null ? '' : nativeJoin.call(array, separator); } /** * Gets the last element of `array`. * * @static * @memberOf _ * @since 0.1.0 * @category Array * @param {Array} array The array to query. * @returns {*} Returns the last element of `array`. * @example * * _.last([1, 2, 3]); * // => 3 */ function last(array) { var length = array == null ? 0 : array.length; return length ? array[length - 1] : undefined; } /** * This method is like `_.indexOf` except that it iterates over elements of * `array` from right to left. * * @static * @memberOf _ * @since 0.1.0 * @category Array * @param {Array} array The array to inspect. * @param {*} value The value to search for. * @param {number} [fromIndex=array.length-1] The index to search from. * @returns {number} Returns the index of the matched value, else `-1`. * @example * * _.lastIndexOf([1, 2, 1, 2], 2); * // => 3 * * // Search from the `fromIndex`. * _.lastIndexOf([1, 2, 1, 2], 2, 2); * // => 1 */ function lastIndexOf(array, value, fromIndex) { var length = array == null ? 0 : array.length; if (!length) { return -1; } var index = length; if (fromIndex !== undefined) { index = toInteger(fromIndex); index = index < 0 ? nativeMax(length + index, 0) : nativeMin(index, length - 1); } return value === value ? strictLastIndexOf(array, value, index) : baseFindIndex(array, baseIsNaN, index, true); } /** * Gets the element at index `n` of `array`. If `n` is negative, the nth * element from the end is returned. * * @static * @memberOf _ * @since 4.11.0 * @category Array * @param {Array} array The array to query. * @param {number} [n=0] The index of the element to return. * @returns {*} Returns the nth element of `array`. * @example * * var array = ['a', 'b', 'c', 'd']; * * _.nth(array, 1); * // => 'b' * * _.nth(array, -2); * // => 'c'; */ function nth(array, n) { return (array && array.length) ? baseNth(array, toInteger(n)) : undefined; } /** * Removes all given values from `array` using * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero) * for equality comparisons. * * **Note:** Unlike `_.without`, this method mutates `array`. Use `_.remove` * to remove elements from an array by predicate. * * @static * @memberOf _ * @since 2.0.0 * @category Array * @param {Array} array The array to modify. * @param {...*} [values] The values to remove. * @returns {Array} Returns `array`. * @example * * var array = ['a', 'b', 'c', 'a', 'b', 'c']; * * _.pull(array, 'a', 'c'); * console.log(array); * // => ['b', 'b'] */ var pull = baseRest(pullAll); /** * This method is like `_.pull` except that it accepts an array of values to remove. * * **Note:** Unlike `_.difference`, this method mutates `array`. * * @static * @memberOf _ * @since 4.0.0 * @category Array * @param {Array} array The array to modify. * @param {Array} values The values to remove. * @returns {Array} Returns `array`. * @example * * var array = ['a', 'b', 'c', 'a', 'b', 'c']; * * _.pullAll(array, ['a', 'c']); * console.log(array); * // => ['b', 'b'] */ function pullAll(array, values) { return (array && array.length && values && values.length) ? basePullAll(array, values) : array; } /** * This method is like `_.pullAll` except that it accepts `iteratee` which is * invoked for each element of `array` and `values` to generate the criterion * by which they're compared. The iteratee is invoked with one argument: (value). * * **Note:** Unlike `_.differenceBy`, this method mutates `array`. * * @static * @memberOf _ * @since 4.0.0 * @category Array * @param {Array} array The array to modify. * @param {Array} values The values to remove. * @param {Function} [iteratee=_.identity] The iteratee invoked per element. * @returns {Array} Returns `array`. * @example * * var array = [{ 'x': 1 }, { 'x': 2 }, { 'x': 3 }, { 'x': 1 }]; * * _.pullAllBy(array, [{ 'x': 1 }, { 'x': 3 }], 'x'); * console.log(array); * // => [{ 'x': 2 }] */ function pullAllBy(array, values, iteratee) { return (array && array.length && values && values.length) ? basePullAll(array, values, getIteratee(iteratee, 2)) : array; } /** * This method is like `_.pullAll` except that it accepts `comparator` which * is invoked to compare elements of `array` to `values`. The comparator is * invoked with two arguments: (arrVal, othVal). * * **Note:** Unlike `_.differenceWith`, this method mutates `array`. * * @static * @memberOf _ * @since 4.6.0 * @category Array * @param {Array} array The array to modify. * @param {Array} values The values to remove. * @param {Function} [comparator] The comparator invoked per element. * @returns {Array} Returns `array`. * @example * * var array = [{ 'x': 1, 'y': 2 }, { 'x': 3, 'y': 4 }, { 'x': 5, 'y': 6 }]; * * _.pullAllWith(array, [{ 'x': 3, 'y': 4 }], _.isEqual); * console.log(array); * // => [{ 'x': 1, 'y': 2 }, { 'x': 5, 'y': 6 }] */ function pullAllWith(array, values, comparator) { return (array && array.length && values && values.length) ? basePullAll(array, values, undefined, comparator) : array; } /** * Removes elements from `array` corresponding to `indexes` and returns an * array of removed elements. * * **Note:** Unlike `_.at`, this method mutates `array`. * * @static * @memberOf _ * @since 3.0.0 * @category Array * @param {Array} array The array to modify. * @param {...(number|number[])} [indexes] The indexes of elements to remove. * @returns {Array} Returns the new array of removed elements. * @example * * var array = ['a', 'b', 'c', 'd']; * var pulled = _.pullAt(array, [1, 3]); * * console.log(array); * // => ['a', 'c'] * * console.log(pulled); * // => ['b', 'd'] */ var pullAt = flatRest(function(array, indexes) { var length = array == null ? 0 : array.length, result = baseAt(array, indexes); basePullAt(array, arrayMap(indexes, function(index) { return isIndex(index, length) ? +index : index; }).sort(compareAscending)); return result; }); /** * Removes all elements from `array` that `predicate` returns truthy for * and returns an array of the removed elements. The predicate is invoked * with three arguments: (value, index, array). * * **Note:** Unlike `_.filter`, this method mutates `array`. Use `_.pull` * to pull elements from an array by value. * * @static * @memberOf _ * @since 2.0.0 * @category Array * @param {Array} array The array to modify. * @param {Function} [predicate=_.identity] The function invoked per iteration. * @returns {Array} Returns the new array of removed elements. * @example * * var array = [1, 2, 3, 4]; * var evens = _.remove(array, function(n) { * return n % 2 == 0; * }); * * console.log(array); * // => [1, 3] * * console.log(evens); * // => [2, 4] */ function remove(array, predicate) { var result = []; if (!(array && array.length)) { return result; } var index = -1, indexes = [], length = array.length; predicate = getIteratee(predicate, 3); while (++index < length) { var value = array[index]; if (predicate(value, index, array)) { result.push(value); indexes.push(index); } } basePullAt(array, indexes); return result; } /** * Reverses `array` so that the first element becomes the last, the second * element becomes the second to last, and so on. * * **Note:** This method mutates `array` and is based on * [`Array#reverse`](https://mdn.io/Array/reverse). * * @static * @memberOf _ * @since 4.0.0 * @category Array * @param {Array} array The array to modify. * @returns {Array} Returns `array`. * @example * * var array = [1, 2, 3]; * * _.reverse(array); * // => [3, 2, 1] * * console.log(array); * // => [3, 2, 1] */ function reverse(array) { return array == null ? array : nativeReverse.call(array); } /** * Creates a slice of `array` from `start` up to, but not including, `end`. * * **Note:** This method is used instead of * [`Array#slice`](https://mdn.io/Array/slice) to ensure dense arrays are * returned. * * @static * @memberOf _ * @since 3.0.0 * @category Array * @param {Array} array The array to slice. * @param {number} [start=0] The start position. * @param {number} [end=array.length] The end position. * @returns {Array} Returns the slice of `array`. */ function slice(array, start, end) { var length = array == null ? 0 : array.length; if (!length) { return []; } if (end && typeof end != 'number' && isIterateeCall(array, start, end)) { start = 0; end = length; } else { start = start == null ? 0 : toInteger(start); end = end === undefined ? length : toInteger(end); } return baseSlice(array, start, end); } /** * Uses a binary search to determine the lowest index at which `value` * should be inserted into `array` in order to maintain its sort order. * * @static * @memberOf _ * @since 0.1.0 * @category Array * @param {Array} array The sorted array to inspect. * @param {*} value The value to evaluate. * @returns {number} Returns the index at which `value` should be inserted * into `array`. * @example * * _.sortedIndex([30, 50], 40); * // => 1 */ function sortedIndex(array, value) { return baseSortedIndex(array, value); } /** * This method is like `_.sortedIndex` except that it accepts `iteratee` * which is invoked for `value` and each element of `array` to compute their * sort ranking. The iteratee is invoked with one argument: (value). * * @static * @memberOf _ * @since 4.0.0 * @category Array * @param {Array} array The sorted array to inspect. * @param {*} value The value to evaluate. * @param {Function} [iteratee=_.identity] The iteratee invoked per element. * @returns {number} Returns the index at which `value` should be inserted * into `array`. * @example * * var objects = [{ 'x': 4 }, { 'x': 5 }]; * * _.sortedIndexBy(objects, { 'x': 4 }, function(o) { return o.x; }); * // => 0 * * // The `_.property` iteratee shorthand. * _.sortedIndexBy(objects, { 'x': 4 }, 'x'); * // => 0 */ function sortedIndexBy(array, value, iteratee) { return baseSortedIndexBy(array, value, getIteratee(iteratee, 2)); } /** * This method is like `_.indexOf` except that it performs a binary * search on a sorted `array`. * * @static * @memberOf _ * @since 4.0.0 * @category Array * @param {Array} array The array to inspect. * @param {*} value The value to search for. * @returns {number} Returns the index of the matched value, else `-1`. * @example * * _.sortedIndexOf([4, 5, 5, 5, 6], 5); * // => 1 */ function sortedIndexOf(array, value) { var length = array == null ? 0 : array.length; if (length) { var index = baseSortedIndex(array, value); if (index < length && eq(array[index], value)) { return index; } } return -1; } /** * This method is like `_.sortedIndex` except that it returns the highest * index at which `value` should be inserted into `array` in order to * maintain its sort order. * * @static * @memberOf _ * @since 3.0.0 * @category Array * @param {Array} array The sorted array to inspect. * @param {*} value The value to evaluate. * @returns {number} Returns the index at which `value` should be inserted * into `array`. * @example * * _.sortedLastIndex([4, 5, 5, 5, 6], 5); * // => 4 */ function sortedLastIndex(array, value) { return baseSortedIndex(array, value, true); } /** * This method is like `_.sortedLastIndex` except that it accepts `iteratee` * which is invoked for `value` and each element of `array` to compute their * sort ranking. The iteratee is invoked with one argument: (value). * * @static * @memberOf _ * @since 4.0.0 * @category Array * @param {Array} array The sorted array to inspect. * @param {*} value The value to evaluate. * @param {Function} [iteratee=_.identity] The iteratee invoked per element. * @returns {number} Returns the index at which `value` should be inserted * into `array`. * @example * * var objects = [{ 'x': 4 }, { 'x': 5 }]; * * _.sortedLastIndexBy(objects, { 'x': 4 }, function(o) { return o.x; }); * // => 1 * * // The `_.property` iteratee shorthand. * _.sortedLastIndexBy(objects, { 'x': 4 }, 'x'); * // => 1 */ function sortedLastIndexBy(array, value, iteratee) { return baseSortedIndexBy(array, value, getIteratee(iteratee, 2), true); } /** * This method is like `_.lastIndexOf` except that it performs a binary * search on a sorted `array`. * * @static * @memberOf _ * @since 4.0.0 * @category Array * @param {Array} array The array to inspect. * @param {*} value The value to search for. * @returns {number} Returns the index of the matched value, else `-1`. * @example * * _.sortedLastIndexOf([4, 5, 5, 5, 6], 5); * // => 3 */ function sortedLastIndexOf(array, value) { var length = array == null ? 0 : array.length; if (length) { var index = baseSortedIndex(array, value, true) - 1; if (eq(array[index], value)) { return index; } } return -1; } /** * This method is like `_.uniq` except that it's designed and optimized * for sorted arrays. * * @static * @memberOf _ * @since 4.0.0 * @category Array * @param {Array} array The array to inspect. * @returns {Array} Returns the new duplicate free array. * @example * * _.sortedUniq([1, 1, 2]); * // => [1, 2] */ function sortedUniq(array) { return (array && array.length) ? baseSortedUniq(array) : []; } /** * This method is like `_.uniqBy` except that it's designed and optimized * for sorted arrays. * * @static * @memberOf _ * @since 4.0.0 * @category Array * @param {Array} array The array to inspect. * @param {Function} [iteratee] The iteratee invoked per element. * @returns {Array} Returns the new duplicate free array. * @example * * _.sortedUniqBy([1.1, 1.2, 2.3, 2.4], Math.floor); * // => [1.1, 2.3] */ function sortedUniqBy(array, iteratee) { return (array && array.length) ? baseSortedUniq(array, getIteratee(iteratee, 2)) : []; } /** * Gets all but the first element of `array`. * * @static * @memberOf _ * @since 4.0.0 * @category Array * @param {Array} array The array to query. * @returns {Array} Returns the slice of `array`. * @example * * _.tail([1, 2, 3]); * // => [2, 3] */ function tail(array) { var length = array == null ? 0 : array.length; return length ? baseSlice(array, 1, length) : []; } /** * Creates a slice of `array` with `n` elements taken from the beginning. * * @static * @memberOf _ * @since 0.1.0 * @category Array * @param {Array} array The array to query. * @param {number} [n=1] The number of elements to take. * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`. * @returns {Array} Returns the slice of `array`. * @example * * _.take([1, 2, 3]); * // => [1] * * _.take([1, 2, 3], 2); * // => [1, 2] * * _.take([1, 2, 3], 5); * // => [1, 2, 3] * * _.take([1, 2, 3], 0); * // => [] */ function take(array, n, guard) { if (!(array && array.length)) { return []; } n = (guard || n === undefined) ? 1 : toInteger(n); return baseSlice(array, 0, n < 0 ? 0 : n); } /** * Creates a slice of `array` with `n` elements taken from the end. * * @static * @memberOf _ * @since 3.0.0 * @category Array * @param {Array} array The array to query. * @param {number} [n=1] The number of elements to take. * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`. * @returns {Array} Returns the slice of `array`. * @example * * _.takeRight([1, 2, 3]); * // => [3] * * _.takeRight([1, 2, 3], 2); * // => [2, 3] * * _.takeRight([1, 2, 3], 5); * // => [1, 2, 3] * * _.takeRight([1, 2, 3], 0); * // => [] */ function takeRight(array, n, guard) { var length = array == null ? 0 : array.length; if (!length) { return []; } n = (guard || n === undefined) ? 1 : toInteger(n); n = length - n; return baseSlice(array, n < 0 ? 0 : n, length); } /** * Creates a slice of `array` with elements taken from the end. Elements are * taken until `predicate` returns falsey. The predicate is invoked with * three arguments: (value, index, array). * * @static * @memberOf _ * @since 3.0.0 * @category Array * @param {Array} array The array to query. * @param {Function} [predicate=_.identity] The function invoked per iteration. * @returns {Array} Returns the slice of `array`. * @example * * var users = [ * { 'user': 'barney', 'active': true }, * { 'user': 'fred', 'active': false }, * { 'user': 'pebbles', 'active': false } * ]; * * _.takeRightWhile(users, function(o) { return !o.active; }); * // => objects for ['fred', 'pebbles'] * * // The `_.matches` iteratee shorthand. * _.takeRightWhile(users, { 'user': 'pebbles', 'active': false }); * // => objects for ['pebbles'] * * // The `_.matchesProperty` iteratee shorthand. * _.takeRightWhile(users, ['active', false]); * // => objects for ['fred', 'pebbles'] * * // The `_.property` iteratee shorthand. * _.takeRightWhile(users, 'active'); * // => [] */ function takeRightWhile(array, predicate) { return (array && array.length) ? baseWhile(array, getIteratee(predicate, 3), false, true) : []; } /** * Creates a slice of `array` with elements taken from the beginning. Elements * are taken until `predicate` returns falsey. The predicate is invoked with * three arguments: (value, index, array). * * @static * @memberOf _ * @since 3.0.0 * @category Array * @param {Array} array The array to query. * @param {Function} [predicate=_.identity] The function invoked per iteration. * @returns {Array} Returns the slice of `array`. * @example * * var users = [ * { 'user': 'barney', 'active': false }, * { 'user': 'fred', 'active': false }, * { 'user': 'pebbles', 'active': true } * ]; * * _.takeWhile(users, function(o) { return !o.active; }); * // => objects for ['barney', 'fred'] * * // The `_.matches` iteratee shorthand. * _.takeWhile(users, { 'user': 'barney', 'active': false }); * // => objects for ['barney'] * * // The `_.matchesProperty` iteratee shorthand. * _.takeWhile(users, ['active', false]); * // => objects for ['barney', 'fred'] * * // The `_.property` iteratee shorthand. * _.takeWhile(users, 'active'); * // => [] */ function takeWhile(array, predicate) { return (array && array.length) ? baseWhile(array, getIteratee(predicate, 3)) : []; } /** * Creates an array of unique values, in order, from all given arrays using * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero) * for equality comparisons. * * @static * @memberOf _ * @since 0.1.0 * @category Array * @param {...Array} [arrays] The arrays to inspect. * @returns {Array} Returns the new array of combined values. * @example * * _.union([2], [1, 2]); * // => [2, 1] */ var union = baseRest(function(arrays) { return baseUniq(baseFlatten(arrays, 1, isArrayLikeObject, true)); }); /** * This method is like `_.union` except that it accepts `iteratee` which is * invoked for each element of each `arrays` to generate the criterion by * which uniqueness is computed. Result values are chosen from the first * array in which the value occurs. The iteratee is invoked with one argument: * (value). * * @static * @memberOf _ * @since 4.0.0 * @category Array * @param {...Array} [arrays] The arrays to inspect. * @param {Function} [iteratee=_.identity] The iteratee invoked per element. * @returns {Array} Returns the new array of combined values. * @example * * _.unionBy([2.1], [1.2, 2.3], Math.floor); * // => [2.1, 1.2] * * // The `_.property` iteratee shorthand. * _.unionBy([{ 'x': 1 }], [{ 'x': 2 }, { 'x': 1 }], 'x'); * // => [{ 'x': 1 }, { 'x': 2 }] */ var unionBy = baseRest(function(arrays) { var iteratee = last(arrays); if (isArrayLikeObject(iteratee)) { iteratee = undefined; } return baseUniq(baseFlatten(arrays, 1, isArrayLikeObject, true), getIteratee(iteratee, 2)); }); /** * This method is like `_.union` except that it accepts `comparator` which * is invoked to compare elements of `arrays`. Result values are chosen from * the first array in which the value occurs. The comparator is invoked * with two arguments: (arrVal, othVal). * * @static * @memberOf _ * @since 4.0.0 * @category Array * @param {...Array} [arrays] The arrays to inspect. * @param {Function} [comparator] The comparator invoked per element. * @returns {Array} Returns the new array of combined values. * @example * * var objects = [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 }]; * var others = [{ 'x': 1, 'y': 1 }, { 'x': 1, 'y': 2 }]; * * _.unionWith(objects, others, _.isEqual); * // => [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 }, { 'x': 1, 'y': 1 }] */ var unionWith = baseRest(function(arrays) { var comparator = last(arrays); comparator = typeof comparator == 'function' ? comparator : undefined; return baseUniq(baseFlatten(arrays, 1, isArrayLikeObject, true), undefined, comparator); }); /** * Creates a duplicate-free version of an array, using * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero) * for equality comparisons, in which only the first occurrence of each element * is kept. The order of result values is determined by the order they occur * in the array. * * @static * @memberOf _ * @since 0.1.0 * @category Array * @param {Array} array The array to inspect. * @returns {Array} Returns the new duplicate free array. * @example * * _.uniq([2, 1, 2]); * // => [2, 1] */ function uniq(array) { return (array && array.length) ? baseUniq(array) : []; } /** * This method is like `_.uniq` except that it accepts `iteratee` which is * invoked for each element in `array` to generate the criterion by which * uniqueness is computed. The order of result values is determined by the * order they occur in the array. The iteratee is invoked with one argument: * (value). * * @static * @memberOf _ * @since 4.0.0 * @category Array * @param {Array} array The array to inspect. * @param {Function} [iteratee=_.identity] The iteratee invoked per element. * @returns {Array} Returns the new duplicate free array. * @example * * _.uniqBy([2.1, 1.2, 2.3], Math.floor); * // => [2.1, 1.2] * * // The `_.property` iteratee shorthand. * _.uniqBy([{ 'x': 1 }, { 'x': 2 }, { 'x': 1 }], 'x'); * // => [{ 'x': 1 }, { 'x': 2 }] */ function uniqBy(array, iteratee) { return (array && array.length) ? baseUniq(array, getIteratee(iteratee, 2)) : []; } /** * This method is like `_.uniq` except that it accepts `comparator` which * is invoked to compare elements of `array`. The order of result values is * determined by the order they occur in the array.The comparator is invoked * with two arguments: (arrVal, othVal). * * @static * @memberOf _ * @since 4.0.0 * @category Array * @param {Array} array The array to inspect. * @param {Function} [comparator] The comparator invoked per element. * @returns {Array} Returns the new duplicate free array. * @example * * var objects = [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 }, { 'x': 1, 'y': 2 }]; * * _.uniqWith(objects, _.isEqual); * // => [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 }] */ function uniqWith(array, comparator) { comparator = typeof comparator == 'function' ? comparator : undefined; return (array && array.length) ? baseUniq(array, undefined, comparator) : []; } /** * This method is like `_.zip` except that it accepts an array of grouped * elements and creates an array regrouping the elements to their pre-zip * configuration. * * @static * @memberOf _ * @since 1.2.0 * @category Array * @param {Array} array The array of grouped elements to process. * @returns {Array} Returns the new array of regrouped elements. * @example * * var zipped = _.zip(['a', 'b'], [1, 2], [true, false]); * // => [['a', 1, true], ['b', 2, false]] * * _.unzip(zipped); * // => [['a', 'b'], [1, 2], [true, false]] */ function unzip(array) { if (!(array && array.length)) { return []; } var length = 0; array = arrayFilter(array, function(group) { if (isArrayLikeObject(group)) { length = nativeMax(group.length, length); return true; } }); return baseTimes(length, function(index) { return arrayMap(array, baseProperty(index)); }); } /** * This method is like `_.unzip` except that it accepts `iteratee` to specify * how regrouped values should be combined. The iteratee is invoked with the * elements of each group: (...group). * * @static * @memberOf _ * @since 3.8.0 * @category Array * @param {Array} array The array of grouped elements to process. * @param {Function} [iteratee=_.identity] The function to combine * regrouped values. * @returns {Array} Returns the new array of regrouped elements. * @example * * var zipped = _.zip([1, 2], [10, 20], [100, 200]); * // => [[1, 10, 100], [2, 20, 200]] * * _.unzipWith(zipped, _.add); * // => [3, 30, 300] */ function unzipWith(array, iteratee) { if (!(array && array.length)) { return []; } var result = unzip(array); if (iteratee == null) { return result; } return arrayMap(result, function(group) { return apply(iteratee, undefined, group); }); } /** * Creates an array excluding all given values using * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero) * for equality comparisons. * * **Note:** Unlike `_.pull`, this method returns a new array. * * @static * @memberOf _ * @since 0.1.0 * @category Array * @param {Array} array The array to inspect. * @param {...*} [values] The values to exclude. * @returns {Array} Returns the new array of filtered values. * @see _.difference, _.xor * @example * * _.without([2, 1, 2, 3], 1, 2); * // => [3] */ var without = baseRest(function(array, values) { return isArrayLikeObject(array) ? baseDifference(array, values) : []; }); /** * Creates an array of unique values that is the * [symmetric difference](https://en.wikipedia.org/wiki/Symmetric_difference) * of the given arrays. The order of result values is determined by the order * they occur in the arrays. * * @static * @memberOf _ * @since 2.4.0 * @category Array * @param {...Array} [arrays] The arrays to inspect. * @returns {Array} Returns the new array of filtered values. * @see _.difference, _.without * @example * * _.xor([2, 1], [2, 3]); * // => [1, 3] */ var xor = baseRest(function(arrays) { return baseXor(arrayFilter(arrays, isArrayLikeObject)); }); /** * This method is like `_.xor` except that it accepts `iteratee` which is * invoked for each element of each `arrays` to generate the criterion by * which by which they're compared. The order of result values is determined * by the order they occur in the arrays. The iteratee is invoked with one * argument: (value). * * @static * @memberOf _ * @since 4.0.0 * @category Array * @param {...Array} [arrays] The arrays to inspect. * @param {Function} [iteratee=_.identity] The iteratee invoked per element. * @returns {Array} Returns the new array of filtered values. * @example * * _.xorBy([2.1, 1.2], [2.3, 3.4], Math.floor); * // => [1.2, 3.4] * * // The `_.property` iteratee shorthand. * _.xorBy([{ 'x': 1 }], [{ 'x': 2 }, { 'x': 1 }], 'x'); * // => [{ 'x': 2 }] */ var xorBy = baseRest(function(arrays) { var iteratee = last(arrays); if (isArrayLikeObject(iteratee)) { iteratee = undefined; } return baseXor(arrayFilter(arrays, isArrayLikeObject), getIteratee(iteratee, 2)); }); /** * This method is like `_.xor` except that it accepts `comparator` which is * invoked to compare elements of `arrays`. The order of result values is * determined by the order they occur in the arrays. The comparator is invoked * with two arguments: (arrVal, othVal). * * @static * @memberOf _ * @since 4.0.0 * @category Array * @param {...Array} [arrays] The arrays to inspect. * @param {Function} [comparator] The comparator invoked per element. * @returns {Array} Returns the new array of filtered values. * @example * * var objects = [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 }]; * var others = [{ 'x': 1, 'y': 1 }, { 'x': 1, 'y': 2 }]; * * _.xorWith(objects, others, _.isEqual); * // => [{ 'x': 2, 'y': 1 }, { 'x': 1, 'y': 1 }] */ var xorWith = baseRest(function(arrays) { var comparator = last(arrays); comparator = typeof comparator == 'function' ? comparator : undefined; return baseXor(arrayFilter(arrays, isArrayLikeObject), undefined, comparator); }); /** * Creates an array of grouped elements, the first of which contains the * first elements of the given arrays, the second of which contains the * second elements of the given arrays, and so on. * * @static * @memberOf _ * @since 0.1.0 * @category Array * @param {...Array} [arrays] The arrays to process. * @returns {Array} Returns the new array of grouped elements. * @example * * _.zip(['a', 'b'], [1, 2], [true, false]); * // => [['a', 1, true], ['b', 2, false]] */ var zip = baseRest(unzip); /** * This method is like `_.fromPairs` except that it accepts two arrays, * one of property identifiers and one of corresponding values. * * @static * @memberOf _ * @since 0.4.0 * @category Array * @param {Array} [props=[]] The property identifiers. * @param {Array} [values=[]] The property values. * @returns {Object} Returns the new object. * @example * * _.zipObject(['a', 'b'], [1, 2]); * // => { 'a': 1, 'b': 2 } */ function zipObject(props, values) { return baseZipObject(props || [], values || [], assignValue); } /** * This method is like `_.zipObject` except that it supports property paths. * * @static * @memberOf _ * @since 4.1.0 * @category Array * @param {Array} [props=[]] The property identifiers. * @param {Array} [values=[]] The property values. * @returns {Object} Returns the new object. * @example * * _.zipObjectDeep(['a.b[0].c', 'a.b[1].d'], [1, 2]); * // => { 'a': { 'b': [{ 'c': 1 }, { 'd': 2 }] } } */ function zipObjectDeep(props, values) { return baseZipObject(props || [], values || [], baseSet); } /** * This method is like `_.zip` except that it accepts `iteratee` to specify * how grouped values should be combined. The iteratee is invoked with the * elements of each group: (...group). * * @static * @memberOf _ * @since 3.8.0 * @category Array * @param {...Array} [arrays] The arrays to process. * @param {Function} [iteratee=_.identity] The function to combine * grouped values. * @returns {Array} Returns the new array of grouped elements. * @example * * _.zipWith([1, 2], [10, 20], [100, 200], function(a, b, c) { * return a + b + c; * }); * // => [111, 222] */ var zipWith = baseRest(function(arrays) { var length = arrays.length, iteratee = length > 1 ? arrays[length - 1] : undefined; iteratee = typeof iteratee == 'function' ? (arrays.pop(), iteratee) : undefined; return unzipWith(arrays, iteratee); }); /*------------------------------------------------------------------------*/ /** * Creates a `lodash` wrapper instance that wraps `value` with explicit method * chain sequences enabled. The result of such sequences must be unwrapped * with `_#value`. * * @static * @memberOf _ * @since 1.3.0 * @category Seq * @param {*} value The value to wrap. * @returns {Object} Returns the new `lodash` wrapper instance. * @example * * var users = [ * { 'user': 'barney', 'age': 36 }, * { 'user': 'fred', 'age': 40 }, * { 'user': 'pebbles', 'age': 1 } * ]; * * var youngest = _ * .chain(users) * .sortBy('age') * .map(function(o) { * return o.user + ' is ' + o.age; * }) * .head() * .value(); * // => 'pebbles is 1' */ function chain(value) { var result = lodash(value); result.__chain__ = true; return result; } /** * This method invokes `interceptor` and returns `value`. The interceptor * is invoked with one argument; (value). The purpose of this method is to * "tap into" a method chain sequence in order to modify intermediate results. * * @static * @memberOf _ * @since 0.1.0 * @category Seq * @param {*} value The value to provide to `interceptor`. * @param {Function} interceptor The function to invoke. * @returns {*} Returns `value`. * @example * * _([1, 2, 3]) * .tap(function(array) { * // Mutate input array. * array.pop(); * }) * .reverse() * .value(); * // => [2, 1] */ function tap(value, interceptor) { interceptor(value); return value; } /** * This method is like `_.tap` except that it returns the result of `interceptor`. * The purpose of this method is to "pass thru" values replacing intermediate * results in a method chain sequence. * * @static * @memberOf _ * @since 3.0.0 * @category Seq * @param {*} value The value to provide to `interceptor`. * @param {Function} interceptor The function to invoke. * @returns {*} Returns the result of `interceptor`. * @example * * _(' abc ') * .chain() * .trim() * .thru(function(value) { * return [value]; * }) * .value(); * // => ['abc'] */ function thru(value, interceptor) { return interceptor(value); } /** * This method is the wrapper version of `_.at`. * * @name at * @memberOf _ * @since 1.0.0 * @category Seq * @param {...(string|string[])} [paths] The property paths to pick. * @returns {Object} Returns the new `lodash` wrapper instance. * @example * * var object = { 'a': [{ 'b': { 'c': 3 } }, 4] }; * * _(object).at(['a[0].b.c', 'a[1]']).value(); * // => [3, 4] */ var wrapperAt = flatRest(function(paths) { var length = paths.length, start = length ? paths[0] : 0, value = this.__wrapped__, interceptor = function(object) { return baseAt(object, paths); }; if (length > 1 || this.__actions__.length || !(value instanceof LazyWrapper) || !isIndex(start)) { return this.thru(interceptor); } value = value.slice(start, +start + (length ? 1 : 0)); value.__actions__.push({ 'func': thru, 'args': [interceptor], 'thisArg': undefined }); return new LodashWrapper(value, this.__chain__).thru(function(array) { if (length && !array.length) { array.push(undefined); } return array; }); }); /** * Creates a `lodash` wrapper instance with explicit method chain sequences enabled. * * @name chain * @memberOf _ * @since 0.1.0 * @category Seq * @returns {Object} Returns the new `lodash` wrapper instance. * @example * * var users = [ * { 'user': 'barney', 'age': 36 }, * { 'user': 'fred', 'age': 40 } * ]; * * // A sequence without explicit chaining. * _(users).head(); * // => { 'user': 'barney', 'age': 36 } * * // A sequence with explicit chaining. * _(users) * .chain() * .head() * .pick('user') * .value(); * // => { 'user': 'barney' } */ function wrapperChain() { return chain(this); } /** * Executes the chain sequence and returns the wrapped result. * * @name commit * @memberOf _ * @since 3.2.0 * @category Seq * @returns {Object} Returns the new `lodash` wrapper instance. * @example * * var array = [1, 2]; * var wrapped = _(array).push(3); * * console.log(array); * // => [1, 2] * * wrapped = wrapped.commit(); * console.log(array); * // => [1, 2, 3] * * wrapped.last(); * // => 3 * * console.log(array); * // => [1, 2, 3] */ function wrapperCommit() { return new LodashWrapper(this.value(), this.__chain__); } /** * Gets the next value on a wrapped object following the * [iterator protocol](https://mdn.io/iteration_protocols#iterator). * * @name next * @memberOf _ * @since 4.0.0 * @category Seq * @returns {Object} Returns the next iterator value. * @example * * var wrapped = _([1, 2]); * * wrapped.next(); * // => { 'done': false, 'value': 1 } * * wrapped.next(); * // => { 'done': false, 'value': 2 } * * wrapped.next(); * // => { 'done': true, 'value': undefined } */ function wrapperNext() { if (this.__values__ === undefined) { this.__values__ = toArray(this.value()); } var done = this.__index__ >= this.__values__.length, value = done ? undefined : this.__values__[this.__index__++]; return { 'done': done, 'value': value }; } /** * Enables the wrapper to be iterable. * * @name Symbol.iterator * @memberOf _ * @since 4.0.0 * @category Seq * @returns {Object} Returns the wrapper object. * @example * * var wrapped = _([1, 2]); * * wrapped[Symbol.iterator]() === wrapped; * // => true * * Array.from(wrapped); * // => [1, 2] */ function wrapperToIterator() { return this; } /** * Creates a clone of the chain sequence planting `value` as the wrapped value. * * @name plant * @memberOf _ * @since 3.2.0 * @category Seq * @param {*} value The value to plant. * @returns {Object} Returns the new `lodash` wrapper instance. * @example * * function square(n) { * return n * n; * } * * var wrapped = _([1, 2]).map(square); * var other = wrapped.plant([3, 4]); * * other.value(); * // => [9, 16] * * wrapped.value(); * // => [1, 4] */ function wrapperPlant(value) { var result, parent = this; while (parent instanceof baseLodash) { var clone = wrapperClone(parent); clone.__index__ = 0; clone.__values__ = undefined; if (result) { previous.__wrapped__ = clone; } else { result = clone; } var previous = clone; parent = parent.__wrapped__; } previous.__wrapped__ = value; return result; } /** * This method is the wrapper version of `_.reverse`. * * **Note:** This method mutates the wrapped array. * * @name reverse * @memberOf _ * @since 0.1.0 * @category Seq * @returns {Object} Returns the new `lodash` wrapper instance. * @example * * var array = [1, 2, 3]; * * _(array).reverse().value() * // => [3, 2, 1] * * console.log(array); * // => [3, 2, 1] */ function wrapperReverse() { var value = this.__wrapped__; if (value instanceof LazyWrapper) { var wrapped = value; if (this.__actions__.length) { wrapped = new LazyWrapper(this); } wrapped = wrapped.reverse(); wrapped.__actions__.push({ 'func': thru, 'args': [reverse], 'thisArg': undefined }); return new LodashWrapper(wrapped, this.__chain__); } return this.thru(reverse); } /** * Executes the chain sequence to resolve the unwrapped value. * * @name value * @memberOf _ * @since 0.1.0 * @alias toJSON, valueOf * @category Seq * @returns {*} Returns the resolved unwrapped value. * @example * * _([1, 2, 3]).value(); * // => [1, 2, 3] */ function wrapperValue() { return baseWrapperValue(this.__wrapped__, this.__actions__); } /*------------------------------------------------------------------------*/ /** * Creates an object composed of keys generated from the results of running * each element of `collection` thru `iteratee`. The corresponding value of * each key is the number of times the key was returned by `iteratee`. The * iteratee is invoked with one argument: (value). * * @static * @memberOf _ * @since 0.5.0 * @category Collection * @param {Array|Object} collection The collection to iterate over. * @param {Function} [iteratee=_.identity] The iteratee to transform keys. * @returns {Object} Returns the composed aggregate object. * @example * * _.countBy([6.1, 4.2, 6.3], Math.floor); * // => { '4': 1, '6': 2 } * * // The `_.property` iteratee shorthand. * _.countBy(['one', 'two', 'three'], 'length'); * // => { '3': 2, '5': 1 } */ var countBy = createAggregator(function(result, value, key) { if (hasOwnProperty.call(result, key)) { ++result[key]; } else { baseAssignValue(result, key, 1); } }); /** * Checks if `predicate` returns truthy for **all** elements of `collection`. * Iteration is stopped once `predicate` returns falsey. The predicate is * invoked with three arguments: (value, index|key, collection). * * **Note:** This method returns `true` for * [empty collections](https://en.wikipedia.org/wiki/Empty_set) because * [everything is true](https://en.wikipedia.org/wiki/Vacuous_truth) of * elements of empty collections. * * @static * @memberOf _ * @since 0.1.0 * @category Collection * @param {Array|Object} collection The collection to iterate over. * @param {Function} [predicate=_.identity] The function invoked per iteration. * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`. * @returns {boolean} Returns `true` if all elements pass the predicate check, * else `false`. * @example * * _.every([true, 1, null, 'yes'], Boolean); * // => false * * var users = [ * { 'user': 'barney', 'age': 36, 'active': false }, * { 'user': 'fred', 'age': 40, 'active': false } * ]; * * // The `_.matches` iteratee shorthand. * _.every(users, { 'user': 'barney', 'active': false }); * // => false * * // The `_.matchesProperty` iteratee shorthand. * _.every(users, ['active', false]); * // => true * * // The `_.property` iteratee shorthand. * _.every(users, 'active'); * // => false */ function every(collection, predicate, guard) { var func = isArray(collection) ? arrayEvery : baseEvery; if (guard && isIterateeCall(collection, predicate, guard)) { predicate = undefined; } return func(collection, getIteratee(predicate, 3)); } /** * Iterates over elements of `collection`, returning an array of all elements * `predicate` returns truthy for. The predicate is invoked with three * arguments: (value, index|key, collection). * * **Note:** Unlike `_.remove`, this method returns a new array. * * @static * @memberOf _ * @since 0.1.0 * @category Collection * @param {Array|Object} collection The collection to iterate over. * @param {Function} [predicate=_.identity] The function invoked per iteration. * @returns {Array} Returns the new filtered array. * @see _.reject * @example * * var users = [ * { 'user': 'barney', 'age': 36, 'active': true }, * { 'user': 'fred', 'age': 40, 'active': false } * ]; * * _.filter(users, function(o) { return !o.active; }); * // => objects for ['fred'] * * // The `_.matches` iteratee shorthand. * _.filter(users, { 'age': 36, 'active': true }); * // => objects for ['barney'] * * // The `_.matchesProperty` iteratee shorthand. * _.filter(users, ['active', false]); * // => objects for ['fred'] * * // The `_.property` iteratee shorthand. * _.filter(users, 'active'); * // => objects for ['barney'] * * // Combining several predicates using `_.overEvery` or `_.overSome`. * _.filter(users, _.overSome([{ 'age': 36 }, ['age', 40]])); * // => objects for ['fred', 'barney'] */ function filter(collection, predicate) { var func = isArray(collection) ? arrayFilter : baseFilter; return func(collection, getIteratee(predicate, 3)); } /** * Iterates over elements of `collection`, returning the first element * `predicate` returns truthy for. The predicate is invoked with three * arguments: (value, index|key, collection). * * @static * @memberOf _ * @since 0.1.0 * @category Collection * @param {Array|Object} collection The collection to inspect. * @param {Function} [predicate=_.identity] The function invoked per iteration. * @param {number} [fromIndex=0] The index to search from. * @returns {*} Returns the matched element, else `undefined`. * @example * * var users = [ * { 'user': 'barney', 'age': 36, 'active': true }, * { 'user': 'fred', 'age': 40, 'active': false }, * { 'user': 'pebbles', 'age': 1, 'active': true } * ]; * * _.find(users, function(o) { return o.age < 40; }); * // => object for 'barney' * * // The `_.matches` iteratee shorthand. * _.find(users, { 'age': 1, 'active': true }); * // => object for 'pebbles' * * // The `_.matchesProperty` iteratee shorthand. * _.find(users, ['active', false]); * // => object for 'fred' * * // The `_.property` iteratee shorthand. * _.find(users, 'active'); * // => object for 'barney' */ var find = createFind(findIndex); /** * This method is like `_.find` except that it iterates over elements of * `collection` from right to left. * * @static * @memberOf _ * @since 2.0.0 * @category Collection * @param {Array|Object} collection The collection to inspect. * @param {Function} [predicate=_.identity] The function invoked per iteration. * @param {number} [fromIndex=collection.length-1] The index to search from. * @returns {*} Returns the matched element, else `undefined`. * @example * * _.findLast([1, 2, 3, 4], function(n) { * return n % 2 == 1; * }); * // => 3 */ var findLast = createFind(findLastIndex); /** * Creates a flattened array of values by running each element in `collection` * thru `iteratee` and flattening the mapped results. The iteratee is invoked * with three arguments: (value, index|key, collection). * * @static * @memberOf _ * @since 4.0.0 * @category Collection * @param {Array|Object} collection The collection to iterate over. * @param {Function} [iteratee=_.identity] The function invoked per iteration. * @returns {Array} Returns the new flattened array. * @example * * function duplicate(n) { * return [n, n]; * } * * _.flatMap([1, 2], duplicate); * // => [1, 1, 2, 2] */ function flatMap(collection, iteratee) { return baseFlatten(map(collection, iteratee), 1); } /** * This method is like `_.flatMap` except that it recursively flattens the * mapped results. * * @static * @memberOf _ * @since 4.7.0 * @category Collection * @param {Array|Object} collection The collection to iterate over. * @param {Function} [iteratee=_.identity] The function invoked per iteration. * @returns {Array} Returns the new flattened array. * @example * * function duplicate(n) { * return [[[n, n]]]; * } * * _.flatMapDeep([1, 2], duplicate); * // => [1, 1, 2, 2] */ function flatMapDeep(collection, iteratee) { return baseFlatten(map(collection, iteratee), INFINITY); } /** * This method is like `_.flatMap` except that it recursively flattens the * mapped results up to `depth` times. * * @static * @memberOf _ * @since 4.7.0 * @category Collection * @param {Array|Object} collection The collection to iterate over. * @param {Function} [iteratee=_.identity] The function invoked per iteration. * @param {number} [depth=1] The maximum recursion depth. * @returns {Array} Returns the new flattened array. * @example * * function duplicate(n) { * return [[[n, n]]]; * } * * _.flatMapDepth([1, 2], duplicate, 2); * // => [[1, 1], [2, 2]] */ function flatMapDepth(collection, iteratee, depth) { depth = depth === undefined ? 1 : toInteger(depth); return baseFlatten(map(collection, iteratee), depth); } /** * Iterates over elements of `collection` and invokes `iteratee` for each element. * The iteratee is invoked with three arguments: (value, index|key, collection). * Iteratee functions may exit iteration early by explicitly returning `false`. * * **Note:** As with other "Collections" methods, objects with a "length" * property are iterated like arrays. To avoid this behavior use `_.forIn` * or `_.forOwn` for object iteration. * * @static * @memberOf _ * @since 0.1.0 * @alias each * @category Collection * @param {Array|Object} collection The collection to iterate over. * @param {Function} [iteratee=_.identity] The function invoked per iteration. * @returns {Array|Object} Returns `collection`. * @see _.forEachRight * @example * * _.forEach([1, 2], function(value) { * console.log(value); * }); * // => Logs `1` then `2`. * * _.forEach({ 'a': 1, 'b': 2 }, function(value, key) { * console.log(key); * }); * // => Logs 'a' then 'b' (iteration order is not guaranteed). */ function forEach(collection, iteratee) { var func = isArray(collection) ? arrayEach : baseEach; return func(collection, getIteratee(iteratee, 3)); } /** * This method is like `_.forEach` except that it iterates over elements of * `collection` from right to left. * * @static * @memberOf _ * @since 2.0.0 * @alias eachRight * @category Collection * @param {Array|Object} collection The collection to iterate over. * @param {Function} [iteratee=_.identity] The function invoked per iteration. * @returns {Array|Object} Returns `collection`. * @see _.forEach * @example * * _.forEachRight([1, 2], function(value) { * console.log(value); * }); * // => Logs `2` then `1`. */ function forEachRight(collection, iteratee) { var func = isArray(collection) ? arrayEachRight : baseEachRight; return func(collection, getIteratee(iteratee, 3)); } /** * Creates an object composed of keys generated from the results of running * each element of `collection` thru `iteratee`. The order of grouped values * is determined by the order they occur in `collection`. The corresponding * value of each key is an array of elements responsible for generating the * key. The iteratee is invoked with one argument: (value). * * @static * @memberOf _ * @since 0.1.0 * @category Collection * @param {Array|Object} collection The collection to iterate over. * @param {Function} [iteratee=_.identity] The iteratee to transform keys. * @returns {Object} Returns the composed aggregate object. * @example * * _.groupBy([6.1, 4.2, 6.3], Math.floor); * // => { '4': [4.2], '6': [6.1, 6.3] } * * // The `_.property` iteratee shorthand. * _.groupBy(['one', 'two', 'three'], 'length'); * // => { '3': ['one', 'two'], '5': ['three'] } */ var groupBy = createAggregator(function(result, value, key) { if (hasOwnProperty.call(result, key)) { result[key].push(value); } else { baseAssignValue(result, key, [value]); } }); /** * Checks if `value` is in `collection`. If `collection` is a string, it's * checked for a substring of `value`, otherwise * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero) * is used for equality comparisons. If `fromIndex` is negative, it's used as * the offset from the end of `collection`. * * @static * @memberOf _ * @since 0.1.0 * @category Collection * @param {Array|Object|string} collection The collection to inspect. * @param {*} value The value to search for. * @param {number} [fromIndex=0] The index to search from. * @param- {Object} [guard] Enables use as an iteratee for methods like `_.reduce`. * @returns {boolean} Returns `true` if `value` is found, else `false`. * @example * * _.includes([1, 2, 3], 1); * // => true * * _.includes([1, 2, 3], 1, 2); * // => false * * _.includes({ 'a': 1, 'b': 2 }, 1); * // => true * * _.includes('abcd', 'bc'); * // => true */ function includes(collection, value, fromIndex, guard) { collection = isArrayLike(collection) ? collection : values(collection); fromIndex = (fromIndex && !guard) ? toInteger(fromIndex) : 0; var length = collection.length; if (fromIndex < 0) { fromIndex = nativeMax(length + fromIndex, 0); } return isString(collection) ? (fromIndex <= length && collection.indexOf(value, fromIndex) > -1) : (!!length && baseIndexOf(collection, value, fromIndex) > -1); } /** * Invokes the method at `path` of each element in `collection`, returning * an array of the results of each invoked method. Any additional arguments * are provided to each invoked method. If `path` is a function, it's invoked * for, and `this` bound to, each element in `collection`. * * @static * @memberOf _ * @since 4.0.0 * @category Collection * @param {Array|Object} collection The collection to iterate over. * @param {Array|Function|string} path The path of the method to invoke or * the function invoked per iteration. * @param {...*} [args] The arguments to invoke each method with. * @returns {Array} Returns the array of results. * @example * * _.invokeMap([[5, 1, 7], [3, 2, 1]], 'sort'); * // => [[1, 5, 7], [1, 2, 3]] * * _.invokeMap([123, 456], String.prototype.split, ''); * // => [['1', '2', '3'], ['4', '5', '6']] */ var invokeMap = baseRest(function(collection, path, args) { var index = -1, isFunc = typeof path == 'function', result = isArrayLike(collection) ? Array(collection.length) : []; baseEach(collection, function(value) { result[++index] = isFunc ? apply(path, value, args) : baseInvoke(value, path, args); }); return result; }); /** * Creates an object composed of keys generated from the results of running * each element of `collection` thru `iteratee`. The corresponding value of * each key is the last element responsible for generating the key. The * iteratee is invoked with one argument: (value). * * @static * @memberOf _ * @since 4.0.0 * @category Collection * @param {Array|Object} collection The collection to iterate over. * @param {Function} [iteratee=_.identity] The iteratee to transform keys. * @returns {Object} Returns the composed aggregate object. * @example * * var array = [ * { 'dir': 'left', 'code': 97 }, * { 'dir': 'right', 'code': 100 } * ]; * * _.keyBy(array, function(o) { * return String.fromCharCode(o.code); * }); * // => { 'a': { 'dir': 'left', 'code': 97 }, 'd': { 'dir': 'right', 'code': 100 } } * * _.keyBy(array, 'dir'); * // => { 'left': { 'dir': 'left', 'code': 97 }, 'right': { 'dir': 'right', 'code': 100 } } */ var keyBy = createAggregator(function(result, value, key) { baseAssignValue(result, key, value); }); /** * Creates an array of values by running each element in `collection` thru * `iteratee`. The iteratee is invoked with three arguments: * (value, index|key, collection). * * Many lodash methods are guarded to work as iteratees for methods like * `_.every`, `_.filter`, `_.map`, `_.mapValues`, `_.reject`, and `_.some`. * * The guarded methods are: * `ary`, `chunk`, `curry`, `curryRight`, `drop`, `dropRight`, `every`, * `fill`, `invert`, `parseInt`, `random`, `range`, `rangeRight`, `repeat`, * `sampleSize`, `slice`, `some`, `sortBy`, `split`, `take`, `takeRight`, * `template`, `trim`, `trimEnd`, `trimStart`, and `words` * * @static * @memberOf _ * @since 0.1.0 * @category Collection * @param {Array|Object} collection The collection to iterate over. * @param {Function} [iteratee=_.identity] The function invoked per iteration. * @returns {Array} Returns the new mapped array. * @example * * function square(n) { * return n * n; * } * * _.map([4, 8], square); * // => [16, 64] * * _.map({ 'a': 4, 'b': 8 }, square); * // => [16, 64] (iteration order is not guaranteed) * * var users = [ * { 'user': 'barney' }, * { 'user': 'fred' } * ]; * * // The `_.property` iteratee shorthand. * _.map(users, 'user'); * // => ['barney', 'fred'] */ function map(collection, iteratee) { var func = isArray(collection) ? arrayMap : baseMap; return func(collection, getIteratee(iteratee, 3)); } /** * This method is like `_.sortBy` except that it allows specifying the sort * orders of the iteratees to sort by. If `orders` is unspecified, all values * are sorted in ascending order. Otherwise, specify an order of "desc" for * descending or "asc" for ascending sort order of corresponding values. * * @static * @memberOf _ * @since 4.0.0 * @category Collection * @param {Array|Object} collection The collection to iterate over. * @param {Array[]|Function[]|Object[]|string[]} [iteratees=[_.identity]] * The iteratees to sort by. * @param {string[]} [orders] The sort orders of `iteratees`. * @param- {Object} [guard] Enables use as an iteratee for methods like `_.reduce`. * @returns {Array} Returns the new sorted array. * @example * * var users = [ * { 'user': 'fred', 'age': 48 }, * { 'user': 'barney', 'age': 34 }, * { 'user': 'fred', 'age': 40 }, * { 'user': 'barney', 'age': 36 } * ]; * * // Sort by `user` in ascending order and by `age` in descending order. * _.orderBy(users, ['user', 'age'], ['asc', 'desc']); * // => objects for [['barney', 36], ['barney', 34], ['fred', 48], ['fred', 40]] */ function orderBy(collection, iteratees, orders, guard) { if (collection == null) { return []; } if (!isArray(iteratees)) { iteratees = iteratees == null ? [] : [iteratees]; } orders = guard ? undefined : orders; if (!isArray(orders)) { orders = orders == null ? [] : [orders]; } return baseOrderBy(collection, iteratees, orders); } /** * Creates an array of elements split into two groups, the first of which * contains elements `predicate` returns truthy for, the second of which * contains elements `predicate` returns falsey for. The predicate is * invoked with one argument: (value). * * @static * @memberOf _ * @since 3.0.0 * @category Collection * @param {Array|Object} collection The collection to iterate over. * @param {Function} [predicate=_.identity] The function invoked per iteration. * @returns {Array} Returns the array of grouped elements. * @example * * var users = [ * { 'user': 'barney', 'age': 36, 'active': false }, * { 'user': 'fred', 'age': 40, 'active': true }, * { 'user': 'pebbles', 'age': 1, 'active': false } * ]; * * _.partition(users, function(o) { return o.active; }); * // => objects for [['fred'], ['barney', 'pebbles']] * * // The `_.matches` iteratee shorthand. * _.partition(users, { 'age': 1, 'active': false }); * // => objects for [['pebbles'], ['barney', 'fred']] * * // The `_.matchesProperty` iteratee shorthand. * _.partition(users, ['active', false]); * // => objects for [['barney', 'pebbles'], ['fred']] * * // The `_.property` iteratee shorthand. * _.partition(users, 'active'); * // => objects for [['fred'], ['barney', 'pebbles']] */ var partition = createAggregator(function(result, value, key) { result[key ? 0 : 1].push(value); }, function() { return [[], []]; }); /** * Reduces `collection` to a value which is the accumulated result of running * each element in `collection` thru `iteratee`, where each successive * invocation is supplied the return value of the previous. If `accumulator` * is not given, the first element of `collection` is used as the initial * value. The iteratee is invoked with four arguments: * (accumulator, value, index|key, collection). * * Many lodash methods are guarded to work as iteratees for methods like * `_.reduce`, `_.reduceRight`, and `_.transform`. * * The guarded methods are: * `assign`, `defaults`, `defaultsDeep`, `includes`, `merge`, `orderBy`, * and `sortBy` * * @static * @memberOf _ * @since 0.1.0 * @category Collection * @param {Array|Object} collection The collection to iterate over. * @param {Function} [iteratee=_.identity] The function invoked per iteration. * @param {*} [accumulator] The initial value. * @returns {*} Returns the accumulated value. * @see _.reduceRight * @example * * _.reduce([1, 2], function(sum, n) { * return sum + n; * }, 0); * // => 3 * * _.reduce({ 'a': 1, 'b': 2, 'c': 1 }, function(result, value, key) { * (result[value] || (result[value] = [])).push(key); * return result; * }, {}); * // => { '1': ['a', 'c'], '2': ['b'] } (iteration order is not guaranteed) */ function reduce(collection, iteratee, accumulator) { var func = isArray(collection) ? arrayReduce : baseReduce, initAccum = arguments.length < 3; return func(collection, getIteratee(iteratee, 4), accumulator, initAccum, baseEach); } /** * This method is like `_.reduce` except that it iterates over elements of * `collection` from right to left. * * @static * @memberOf _ * @since 0.1.0 * @category Collection * @param {Array|Object} collection The collection to iterate over. * @param {Function} [iteratee=_.identity] The function invoked per iteration. * @param {*} [accumulator] The initial value. * @returns {*} Returns the accumulated value. * @see _.reduce * @example * * var array = [[0, 1], [2, 3], [4, 5]]; * * _.reduceRight(array, function(flattened, other) { * return flattened.concat(other); * }, []); * // => [4, 5, 2, 3, 0, 1] */ function reduceRight(collection, iteratee, accumulator) { var func = isArray(collection) ? arrayReduceRight : baseReduce, initAccum = arguments.length < 3; return func(collection, getIteratee(iteratee, 4), accumulator, initAccum, baseEachRight); } /** * The opposite of `_.filter`; this method returns the elements of `collection` * that `predicate` does **not** return truthy for. * * @static * @memberOf _ * @since 0.1.0 * @category Collection * @param {Array|Object} collection The collection to iterate over. * @param {Function} [predicate=_.identity] The function invoked per iteration. * @returns {Array} Returns the new filtered array. * @see _.filter * @example * * var users = [ * { 'user': 'barney', 'age': 36, 'active': false }, * { 'user': 'fred', 'age': 40, 'active': true } * ]; * * _.reject(users, function(o) { return !o.active; }); * // => objects for ['fred'] * * // The `_.matches` iteratee shorthand. * _.reject(users, { 'age': 40, 'active': true }); * // => objects for ['barney'] * * // The `_.matchesProperty` iteratee shorthand. * _.reject(users, ['active', false]); * // => objects for ['fred'] * * // The `_.property` iteratee shorthand. * _.reject(users, 'active'); * // => objects for ['barney'] */ function reject(collection, predicate) { var func = isArray(collection) ? arrayFilter : baseFilter; return func(collection, negate(getIteratee(predicate, 3))); } /** * Gets a random element from `collection`. * * @static * @memberOf _ * @since 2.0.0 * @category Collection * @param {Array|Object} collection The collection to sample. * @returns {*} Returns the random element. * @example * * _.sample([1, 2, 3, 4]); * // => 2 */ function sample(collection) { var func = isArray(collection) ? arraySample : baseSample; return func(collection); } /** * Gets `n` random elements at unique keys from `collection` up to the * size of `collection`. * * @static * @memberOf _ * @since 4.0.0 * @category Collection * @param {Array|Object} collection The collection to sample. * @param {number} [n=1] The number of elements to sample. * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`. * @returns {Array} Returns the random elements. * @example * * _.sampleSize([1, 2, 3], 2); * // => [3, 1] * * _.sampleSize([1, 2, 3], 4); * // => [2, 3, 1] */ function sampleSize(collection, n, guard) { if ((guard ? isIterateeCall(collection, n, guard) : n === undefined)) { n = 1; } else { n = toInteger(n); } var func = isArray(collection) ? arraySampleSize : baseSampleSize; return func(collection, n); } /** * Creates an array of shuffled values, using a version of the * [Fisher-Yates shuffle](https://en.wikipedia.org/wiki/Fisher-Yates_shuffle). * * @static * @memberOf _ * @since 0.1.0 * @category Collection * @param {Array|Object} collection The collection to shuffle. * @returns {Array} Returns the new shuffled array. * @example * * _.shuffle([1, 2, 3, 4]); * // => [4, 1, 3, 2] */ function shuffle(collection) { var func = isArray(collection) ? arrayShuffle : baseShuffle; return func(collection); } /** * Gets the size of `collection` by returning its length for array-like * values or the number of own enumerable string keyed properties for objects. * * @static * @memberOf _ * @since 0.1.0 * @category Collection * @param {Array|Object|string} collection The collection to inspect. * @returns {number} Returns the collection size. * @example * * _.size([1, 2, 3]); * // => 3 * * _.size({ 'a': 1, 'b': 2 }); * // => 2 * * _.size('pebbles'); * // => 7 */ function size(collection) { if (collection == null) { return 0; } if (isArrayLike(collection)) { return isString(collection) ? stringSize(collection) : collection.length; } var tag = getTag(collection); if (tag == mapTag || tag == setTag) { return collection.size; } return baseKeys(collection).length; } /** * Checks if `predicate` returns truthy for **any** element of `collection`. * Iteration is stopped once `predicate` returns truthy. The predicate is * invoked with three arguments: (value, index|key, collection). * * @static * @memberOf _ * @since 0.1.0 * @category Collection * @param {Array|Object} collection The collection to iterate over. * @param {Function} [predicate=_.identity] The function invoked per iteration. * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`. * @returns {boolean} Returns `true` if any element passes the predicate check, * else `false`. * @example * * _.some([null, 0, 'yes', false], Boolean); * // => true * * var users = [ * { 'user': 'barney', 'active': true }, * { 'user': 'fred', 'active': false } * ]; * * // The `_.matches` iteratee shorthand. * _.some(users, { 'user': 'barney', 'active': false }); * // => false * * // The `_.matchesProperty` iteratee shorthand. * _.some(users, ['active', false]); * // => true * * // The `_.property` iteratee shorthand. * _.some(users, 'active'); * // => true */ function some(collection, predicate, guard) { var func = isArray(collection) ? arraySome : baseSome; if (guard && isIterateeCall(collection, predicate, guard)) { predicate = undefined; } return func(collection, getIteratee(predicate, 3)); } /** * Creates an array of elements, sorted in ascending order by the results of * running each element in a collection thru each iteratee. This method * performs a stable sort, that is, it preserves the original sort order of * equal elements. The iteratees are invoked with one argument: (value). * * @static * @memberOf _ * @since 0.1.0 * @category Collection * @param {Array|Object} collection The collection to iterate over. * @param {...(Function|Function[])} [iteratees=[_.identity]] * The iteratees to sort by. * @returns {Array} Returns the new sorted array. * @example * * var users = [ * { 'user': 'fred', 'age': 48 }, * { 'user': 'barney', 'age': 36 }, * { 'user': 'fred', 'age': 30 }, * { 'user': 'barney', 'age': 34 } * ]; * * _.sortBy(users, [function(o) { return o.user; }]); * // => objects for [['barney', 36], ['barney', 34], ['fred', 48], ['fred', 30]] * * _.sortBy(users, ['user', 'age']); * // => objects for [['barney', 34], ['barney', 36], ['fred', 30], ['fred', 48]] */ var sortBy = baseRest(function(collection, iteratees) { if (collection == null) { return []; } var length = iteratees.length; if (length > 1 && isIterateeCall(collection, iteratees[0], iteratees[1])) { iteratees = []; } else if (length > 2 && isIterateeCall(iteratees[0], iteratees[1], iteratees[2])) { iteratees = [iteratees[0]]; } return baseOrderBy(collection, baseFlatten(iteratees, 1), []); }); /*------------------------------------------------------------------------*/ /** * Gets the timestamp of the number of milliseconds that have elapsed since * the Unix epoch (1 January 1970 00:00:00 UTC). * * @static * @memberOf _ * @since 2.4.0 * @category Date * @returns {number} Returns the timestamp. * @example * * _.defer(function(stamp) { * console.log(_.now() - stamp); * }, _.now()); * // => Logs the number of milliseconds it took for the deferred invocation. */ var now = ctxNow || function() { return root.Date.now(); }; /*------------------------------------------------------------------------*/ /** * The opposite of `_.before`; this method creates a function that invokes * `func` once it's called `n` or more times. * * @static * @memberOf _ * @since 0.1.0 * @category Function * @param {number} n The number of calls before `func` is invoked. * @param {Function} func The function to restrict. * @returns {Function} Returns the new restricted function. * @example * * var saves = ['profile', 'settings']; * * var done = _.after(saves.length, function() { * console.log('done saving!'); * }); * * _.forEach(saves, function(type) { * asyncSave({ 'type': type, 'complete': done }); * }); * // => Logs 'done saving!' after the two async saves have completed. */ function after(n, func) { if (typeof func != 'function') { throw new TypeError(FUNC_ERROR_TEXT); } n = toInteger(n); return function() { if (--n < 1) { return func.apply(this, arguments); } }; } /** * Creates a function that invokes `func`, with up to `n` arguments, * ignoring any additional arguments. * * @static * @memberOf _ * @since 3.0.0 * @category Function * @param {Function} func The function to cap arguments for. * @param {number} [n=func.length] The arity cap. * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`. * @returns {Function} Returns the new capped function. * @example * * _.map(['6', '8', '10'], _.ary(parseInt, 1)); * // => [6, 8, 10] */ function ary(func, n, guard) { n = guard ? undefined : n; n = (func && n == null) ? func.length : n; return createWrap(func, WRAP_ARY_FLAG, undefined, undefined, undefined, undefined, n); } /** * Creates a function that invokes `func`, with the `this` binding and arguments * of the created function, while it's called less than `n` times. Subsequent * calls to the created function return the result of the last `func` invocation. * * @static * @memberOf _ * @since 3.0.0 * @category Function * @param {number} n The number of calls at which `func` is no longer invoked. * @param {Function} func The function to restrict. * @returns {Function} Returns the new restricted function. * @example * * jQuery(element).on('click', _.before(5, addContactToList)); * // => Allows adding up to 4 contacts to the list. */ function before(n, func) { var result; if (typeof func != 'function') { throw new TypeError(FUNC_ERROR_TEXT); } n = toInteger(n); return function() { if (--n > 0) { result = func.apply(this, arguments); } if (n <= 1) { func = undefined; } return result; }; } /** * Creates a function that invokes `func` with the `this` binding of `thisArg` * and `partials` prepended to the arguments it receives. * * The `_.bind.placeholder` value, which defaults to `_` in monolithic builds, * may be used as a placeholder for partially applied arguments. * * **Note:** Unlike native `Function#bind`, this method doesn't set the "length" * property of bound functions. * * @static * @memberOf _ * @since 0.1.0 * @category Function * @param {Function} func The function to bind. * @param {*} thisArg The `this` binding of `func`. * @param {...*} [partials] The arguments to be partially applied. * @returns {Function} Returns the new bound function. * @example * * function greet(greeting, punctuation) { * return greeting + ' ' + this.user + punctuation; * } * * var object = { 'user': 'fred' }; * * var bound = _.bind(greet, object, 'hi'); * bound('!'); * // => 'hi fred!' * * // Bound with placeholders. * var bound = _.bind(greet, object, _, '!'); * bound('hi'); * // => 'hi fred!' */ var bind = baseRest(function(func, thisArg, partials) { var bitmask = WRAP_BIND_FLAG; if (partials.length) { var holders = replaceHolders(partials, getHolder(bind)); bitmask |= WRAP_PARTIAL_FLAG; } return createWrap(func, bitmask, thisArg, partials, holders); }); /** * Creates a function that invokes the method at `object[key]` with `partials` * prepended to the arguments it receives. * * This method differs from `_.bind` by allowing bound functions to reference * methods that may be redefined or don't yet exist. See * [Peter Michaux's article](http://peter.michaux.ca/articles/lazy-function-definition-pattern) * for more details. * * The `_.bindKey.placeholder` value, which defaults to `_` in monolithic * builds, may be used as a placeholder for partially applied arguments. * * @static * @memberOf _ * @since 0.10.0 * @category Function * @param {Object} object The object to invoke the method on. * @param {string} key The key of the method. * @param {...*} [partials] The arguments to be partially applied. * @returns {Function} Returns the new bound function. * @example * * var object = { * 'user': 'fred', * 'greet': function(greeting, punctuation) { * return greeting + ' ' + this.user + punctuation; * } * }; * * var bound = _.bindKey(object, 'greet', 'hi'); * bound('!'); * // => 'hi fred!' * * object.greet = function(greeting, punctuation) { * return greeting + 'ya ' + this.user + punctuation; * }; * * bound('!'); * // => 'hiya fred!' * * // Bound with placeholders. * var bound = _.bindKey(object, 'greet', _, '!'); * bound('hi'); * // => 'hiya fred!' */ var bindKey = baseRest(function(object, key, partials) { var bitmask = WRAP_BIND_FLAG | WRAP_BIND_KEY_FLAG; if (partials.length) { var holders = replaceHolders(partials, getHolder(bindKey)); bitmask |= WRAP_PARTIAL_FLAG; } return createWrap(key, bitmask, object, partials, holders); }); /** * Creates a function that accepts arguments of `func` and either invokes * `func` returning its result, if at least `arity` number of arguments have * been provided, or returns a function that accepts the remaining `func` * arguments, and so on. The arity of `func` may be specified if `func.length` * is not sufficient. * * The `_.curry.placeholder` value, which defaults to `_` in monolithic builds, * may be used as a placeholder for provided arguments. * * **Note:** This method doesn't set the "length" property of curried functions. * * @static * @memberOf _ * @since 2.0.0 * @category Function * @param {Function} func The function to curry. * @param {number} [arity=func.length] The arity of `func`. * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`. * @returns {Function} Returns the new curried function. * @example * * var abc = function(a, b, c) { * return [a, b, c]; * }; * * var curried = _.curry(abc); * * curried(1)(2)(3); * // => [1, 2, 3] * * curried(1, 2)(3); * // => [1, 2, 3] * * curried(1, 2, 3); * // => [1, 2, 3] * * // Curried with placeholders. * curried(1)(_, 3)(2); * // => [1, 2, 3] */ function curry(func, arity, guard) { arity = guard ? undefined : arity; var result = createWrap(func, WRAP_CURRY_FLAG, undefined, undefined, undefined, undefined, undefined, arity); result.placeholder = curry.placeholder; return result; } /** * This method is like `_.curry` except that arguments are applied to `func` * in the manner of `_.partialRight` instead of `_.partial`. * * The `_.curryRight.placeholder` value, which defaults to `_` in monolithic * builds, may be used as a placeholder for provided arguments. * * **Note:** This method doesn't set the "length" property of curried functions. * * @static * @memberOf _ * @since 3.0.0 * @category Function * @param {Function} func The function to curry. * @param {number} [arity=func.length] The arity of `func`. * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`. * @returns {Function} Returns the new curried function. * @example * * var abc = function(a, b, c) { * return [a, b, c]; * }; * * var curried = _.curryRight(abc); * * curried(3)(2)(1); * // => [1, 2, 3] * * curried(2, 3)(1); * // => [1, 2, 3] * * curried(1, 2, 3); * // => [1, 2, 3] * * // Curried with placeholders. * curried(3)(1, _)(2); * // => [1, 2, 3] */ function curryRight(func, arity, guard) { arity = guard ? undefined : arity; var result = createWrap(func, WRAP_CURRY_RIGHT_FLAG, undefined, undefined, undefined, undefined, undefined, arity); result.placeholder = curryRight.placeholder; return result; } /** * Creates a debounced function that delays invoking `func` until after `wait` * milliseconds have elapsed since the last time the debounced function was * invoked. The debounced function comes with a `cancel` method to cancel * delayed `func` invocations and a `flush` method to immediately invoke them. * Provide `options` to indicate whether `func` should be invoked on the * leading and/or trailing edge of the `wait` timeout. The `func` is invoked * with the last arguments provided to the debounced function. Subsequent * calls to the debounced function return the result of the last `func` * invocation. * * **Note:** If `leading` and `trailing` options are `true`, `func` is * invoked on the trailing edge of the timeout only if the debounced function * is invoked more than once during the `wait` timeout. * * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred * until to the next tick, similar to `setTimeout` with a timeout of `0`. * * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/) * for details over the differences between `_.debounce` and `_.throttle`. * * @static * @memberOf _ * @since 0.1.0 * @category Function * @param {Function} func The function to debounce. * @param {number} [wait=0] The number of milliseconds to delay. * @param {Object} [options={}] The options object. * @param {boolean} [options.leading=false] * Specify invoking on the leading edge of the timeout. * @param {number} [options.maxWait] * The maximum time `func` is allowed to be delayed before it's invoked. * @param {boolean} [options.trailing=true] * Specify invoking on the trailing edge of the timeout. * @returns {Function} Returns the new debounced function. * @example * * // Avoid costly calculations while the window size is in flux. * jQuery(window).on('resize', _.debounce(calculateLayout, 150)); * * // Invoke `sendMail` when clicked, debouncing subsequent calls. * jQuery(element).on('click', _.debounce(sendMail, 300, { * 'leading': true, * 'trailing': false * })); * * // Ensure `batchLog` is invoked once after 1 second of debounced calls. * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 }); * var source = new EventSource('/stream'); * jQuery(source).on('message', debounced); * * // Cancel the trailing debounced invocation. * jQuery(window).on('popstate', debounced.cancel); */ function debounce(func, wait, options) { var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true; if (typeof func != 'function') { throw new TypeError(FUNC_ERROR_TEXT); } wait = toNumber(wait) || 0; if (isObject(options)) { leading = !!options.leading; maxing = 'maxWait' in options; maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait; trailing = 'trailing' in options ? !!options.trailing : trailing; } function invokeFunc(time) { var args = lastArgs, thisArg = lastThis; lastArgs = lastThis = undefined; lastInvokeTime = time; result = func.apply(thisArg, args); return result; } function leadingEdge(time) { // Reset any `maxWait` timer. lastInvokeTime = time; // Start the timer for the trailing edge. timerId = setTimeout(timerExpired, wait); // Invoke the leading edge. return leading ? invokeFunc(time) : result; } function remainingWait(time) { var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime, timeWaiting = wait - timeSinceLastCall; return maxing ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke) : timeWaiting; } function shouldInvoke(time) { var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime; // Either this is the first call, activity has stopped and we're at the // trailing edge, the system time has gone backwards and we're treating // it as the trailing edge, or we've hit the `maxWait` limit. return (lastCallTime === undefined || (timeSinceLastCall >= wait) || (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait)); } function timerExpired() { var time = now(); if (shouldInvoke(time)) { return trailingEdge(time); } // Restart the timer. timerId = setTimeout(timerExpired, remainingWait(time)); } function trailingEdge(time) { timerId = undefined; // Only invoke if we have `lastArgs` which means `func` has been // debounced at least once. if (trailing && lastArgs) { return invokeFunc(time); } lastArgs = lastThis = undefined; return result; } function cancel() { if (timerId !== undefined) { clearTimeout(timerId); } lastInvokeTime = 0; lastArgs = lastCallTime = lastThis = timerId = undefined; } function flush() { return timerId === undefined ? result : trailingEdge(now()); } function debounced() { var time = now(), isInvoking = shouldInvoke(time); lastArgs = arguments; lastThis = this; lastCallTime = time; if (isInvoking) { if (timerId === undefined) { return leadingEdge(lastCallTime); } if (maxing) { // Handle invocations in a tight loop. clearTimeout(timerId); timerId = setTimeout(timerExpired, wait); return invokeFunc(lastCallTime); } } if (timerId === undefined) { timerId = setTimeout(timerExpired, wait); } return result; } debounced.cancel = cancel; debounced.flush = flush; return debounced; } /** * Defers invoking the `func` until the current call stack has cleared. Any * additional arguments are provided to `func` when it's invoked. * * @static * @memberOf _ * @since 0.1.0 * @category Function * @param {Function} func The function to defer. * @param {...*} [args] The arguments to invoke `func` with. * @returns {number} Returns the timer id. * @example * * _.defer(function(text) { * console.log(text); * }, 'deferred'); * // => Logs 'deferred' after one millisecond. */ var defer = baseRest(function(func, args) { return baseDelay(func, 1, args); }); /** * Invokes `func` after `wait` milliseconds. Any additional arguments are * provided to `func` when it's invoked. * * @static * @memberOf _ * @since 0.1.0 * @category Function * @param {Function} func The function to delay. * @param {number} wait The number of milliseconds to delay invocation. * @param {...*} [args] The arguments to invoke `func` with. * @returns {number} Returns the timer id. * @example * * _.delay(function(text) { * console.log(text); * }, 1000, 'later'); * // => Logs 'later' after one second. */ var delay = baseRest(function(func, wait, args) { return baseDelay(func, toNumber(wait) || 0, args); }); /** * Creates a function that invokes `func` with arguments reversed. * * @static * @memberOf _ * @since 4.0.0 * @category Function * @param {Function} func The function to flip arguments for. * @returns {Function} Returns the new flipped function. * @example * * var flipped = _.flip(function() { * return _.toArray(arguments); * }); * * flipped('a', 'b', 'c', 'd'); * // => ['d', 'c', 'b', 'a'] */ function flip(func) { return createWrap(func, WRAP_FLIP_FLAG); } /** * Creates a function that memoizes the result of `func`. If `resolver` is * provided, it determines the cache key for storing the result based on the * arguments provided to the memoized function. By default, the first argument * provided to the memoized function is used as the map cache key. The `func` * is invoked with the `this` binding of the memoized function. * * **Note:** The cache is exposed as the `cache` property on the memoized * function. Its creation may be customized by replacing the `_.memoize.Cache` * constructor with one whose instances implement the * [`Map`](http://ecma-international.org/ecma-262/7.0/#sec-properties-of-the-map-prototype-object) * method interface of `clear`, `delete`, `get`, `has`, and `set`. * * @static * @memberOf _ * @since 0.1.0 * @category Function * @param {Function} func The function to have its output memoized. * @param {Function} [resolver] The function to resolve the cache key. * @returns {Function} Returns the new memoized function. * @example * * var object = { 'a': 1, 'b': 2 }; * var other = { 'c': 3, 'd': 4 }; * * var values = _.memoize(_.values); * values(object); * // => [1, 2] * * values(other); * // => [3, 4] * * object.a = 2; * values(object); * // => [1, 2] * * // Modify the result cache. * values.cache.set(object, ['a', 'b']); * values(object); * // => ['a', 'b'] * * // Replace `_.memoize.Cache`. * _.memoize.Cache = WeakMap; */ function memoize(func, resolver) { if (typeof func != 'function' || (resolver != null && typeof resolver != 'function')) { throw new TypeError(FUNC_ERROR_TEXT); } var memoized = function() { var args = arguments, key = resolver ? resolver.apply(this, args) : args[0], cache = memoized.cache; if (cache.has(key)) { return cache.get(key); } var result = func.apply(this, args); memoized.cache = cache.set(key, result) || cache; return result; }; memoized.cache = new (memoize.Cache || MapCache); return memoized; } // Expose `MapCache`. memoize.Cache = MapCache; /** * Creates a function that negates the result of the predicate `func`. The * `func` predicate is invoked with the `this` binding and arguments of the * created function. * * @static * @memberOf _ * @since 3.0.0 * @category Function * @param {Function} predicate The predicate to negate. * @returns {Function} Returns the new negated function. * @example * * function isEven(n) { * return n % 2 == 0; * } * * _.filter([1, 2, 3, 4, 5, 6], _.negate(isEven)); * // => [1, 3, 5] */ function negate(predicate) { if (typeof predicate != 'function') { throw new TypeError(FUNC_ERROR_TEXT); } return function() { var args = arguments; switch (args.length) { case 0: return !predicate.call(this); case 1: return !predicate.call(this, args[0]); case 2: return !predicate.call(this, args[0], args[1]); case 3: return !predicate.call(this, args[0], args[1], args[2]); } return !predicate.apply(this, args); }; } /** * Creates a function that is restricted to invoking `func` once. Repeat calls * to the function return the value of the first invocation. The `func` is * invoked with the `this` binding and arguments of the created function. * * @static * @memberOf _ * @since 0.1.0 * @category Function * @param {Function} func The function to restrict. * @returns {Function} Returns the new restricted function. * @example * * var initialize = _.once(createApplication); * initialize(); * initialize(); * // => `createApplication` is invoked once */ function once(func) { return before(2, func); } /** * Creates a function that invokes `func` with its arguments transformed. * * @static * @since 4.0.0 * @memberOf _ * @category Function * @param {Function} func The function to wrap. * @param {...(Function|Function[])} [transforms=[_.identity]] * The argument transforms. * @returns {Function} Returns the new function. * @example * * function doubled(n) { * return n * 2; * } * * function square(n) { * return n * n; * } * * var func = _.overArgs(function(x, y) { * return [x, y]; * }, [square, doubled]); * * func(9, 3); * // => [81, 6] * * func(10, 5); * // => [100, 10] */ var overArgs = castRest(function(func, transforms) { transforms = (transforms.length == 1 && isArray(transforms[0])) ? arrayMap(transforms[0], baseUnary(getIteratee())) : arrayMap(baseFlatten(transforms, 1), baseUnary(getIteratee())); var funcsLength = transforms.length; return baseRest(function(args) { var index = -1, length = nativeMin(args.length, funcsLength); while (++index < length) { args[index] = transforms[index].call(this, args[index]); } return apply(func, this, args); }); }); /** * Creates a function that invokes `func` with `partials` prepended to the * arguments it receives. This method is like `_.bind` except it does **not** * alter the `this` binding. * * The `_.partial.placeholder` value, which defaults to `_` in monolithic * builds, may be used as a placeholder for partially applied arguments. * * **Note:** This method doesn't set the "length" property of partially * applied functions. * * @static * @memberOf _ * @since 0.2.0 * @category Function * @param {Function} func The function to partially apply arguments to. * @param {...*} [partials] The arguments to be partially applied. * @returns {Function} Returns the new partially applied function. * @example * * function greet(greeting, name) { * return greeting + ' ' + name; * } * * var sayHelloTo = _.partial(greet, 'hello'); * sayHelloTo('fred'); * // => 'hello fred' * * // Partially applied with placeholders. * var greetFred = _.partial(greet, _, 'fred'); * greetFred('hi'); * // => 'hi fred' */ var partial = baseRest(function(func, partials) { var holders = replaceHolders(partials, getHolder(partial)); return createWrap(func, WRAP_PARTIAL_FLAG, undefined, partials, holders); }); /** * This method is like `_.partial` except that partially applied arguments * are appended to the arguments it receives. * * The `_.partialRight.placeholder` value, which defaults to `_` in monolithic * builds, may be used as a placeholder for partially applied arguments. * * **Note:** This method doesn't set the "length" property of partially * applied functions. * * @static * @memberOf _ * @since 1.0.0 * @category Function * @param {Function} func The function to partially apply arguments to. * @param {...*} [partials] The arguments to be partially applied. * @returns {Function} Returns the new partially applied function. * @example * * function greet(greeting, name) { * return greeting + ' ' + name; * } * * var greetFred = _.partialRight(greet, 'fred'); * greetFred('hi'); * // => 'hi fred' * * // Partially applied with placeholders. * var sayHelloTo = _.partialRight(greet, 'hello', _); * sayHelloTo('fred'); * // => 'hello fred' */ var partialRight = baseRest(function(func, partials) { var holders = replaceHolders(partials, getHolder(partialRight)); return createWrap(func, WRAP_PARTIAL_RIGHT_FLAG, undefined, partials, holders); }); /** * Creates a function that invokes `func` with arguments arranged according * to the specified `indexes` where the argument value at the first index is * provided as the first argument, the argument value at the second index is * provided as the second argument, and so on. * * @static * @memberOf _ * @since 3.0.0 * @category Function * @param {Function} func The function to rearrange arguments for. * @param {...(number|number[])} indexes The arranged argument indexes. * @returns {Function} Returns the new function. * @example * * var rearged = _.rearg(function(a, b, c) { * return [a, b, c]; * }, [2, 0, 1]); * * rearged('b', 'c', 'a') * // => ['a', 'b', 'c'] */ var rearg = flatRest(function(func, indexes) { return createWrap(func, WRAP_REARG_FLAG, undefined, undefined, undefined, indexes); }); /** * Creates a function that invokes `func` with the `this` binding of the * created function and arguments from `start` and beyond provided as * an array. * * **Note:** This method is based on the * [rest parameter](https://mdn.io/rest_parameters). * * @static * @memberOf _ * @since 4.0.0 * @category Function * @param {Function} func The function to apply a rest parameter to. * @param {number} [start=func.length-1] The start position of the rest parameter. * @returns {Function} Returns the new function. * @example * * var say = _.rest(function(what, names) { * return what + ' ' + _.initial(names).join(', ') + * (_.size(names) > 1 ? ', & ' : '') + _.last(names); * }); * * say('hello', 'fred', 'barney', 'pebbles'); * // => 'hello fred, barney, & pebbles' */ function rest(func, start) { if (typeof func != 'function') { throw new TypeError(FUNC_ERROR_TEXT); } start = start === undefined ? start : toInteger(start); return baseRest(func, start); } /** * Creates a function that invokes `func` with the `this` binding of the * create function and an array of arguments much like * [`Function#apply`](http://www.ecma-international.org/ecma-262/7.0/#sec-function.prototype.apply). * * **Note:** This method is based on the * [spread operator](https://mdn.io/spread_operator). * * @static * @memberOf _ * @since 3.2.0 * @category Function * @param {Function} func The function to spread arguments over. * @param {number} [start=0] The start position of the spread. * @returns {Function} Returns the new function. * @example * * var say = _.spread(function(who, what) { * return who + ' says ' + what; * }); * * say(['fred', 'hello']); * // => 'fred says hello' * * var numbers = Promise.all([ * Promise.resolve(40), * Promise.resolve(36) * ]); * * numbers.then(_.spread(function(x, y) { * return x + y; * })); * // => a Promise of 76 */ function spread(func, start) { if (typeof func != 'function') { throw new TypeError(FUNC_ERROR_TEXT); } start = start == null ? 0 : nativeMax(toInteger(start), 0); return baseRest(function(args) { var array = args[start], otherArgs = castSlice(args, 0, start); if (array) { arrayPush(otherArgs, array); } return apply(func, this, otherArgs); }); } /** * Creates a throttled function that only invokes `func` at most once per * every `wait` milliseconds. The throttled function comes with a `cancel` * method to cancel delayed `func` invocations and a `flush` method to * immediately invoke them. Provide `options` to indicate whether `func` * should be invoked on the leading and/or trailing edge of the `wait` * timeout. The `func` is invoked with the last arguments provided to the * throttled function. Subsequent calls to the throttled function return the * result of the last `func` invocation. * * **Note:** If `leading` and `trailing` options are `true`, `func` is * invoked on the trailing edge of the timeout only if the throttled function * is invoked more than once during the `wait` timeout. * * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred * until to the next tick, similar to `setTimeout` with a timeout of `0`. * * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/) * for details over the differences between `_.throttle` and `_.debounce`. * * @static * @memberOf _ * @since 0.1.0 * @category Function * @param {Function} func The function to throttle. * @param {number} [wait=0] The number of milliseconds to throttle invocations to. * @param {Object} [options={}] The options object. * @param {boolean} [options.leading=true] * Specify invoking on the leading edge of the timeout. * @param {boolean} [options.trailing=true] * Specify invoking on the trailing edge of the timeout. * @returns {Function} Returns the new throttled function. * @example * * // Avoid excessively updating the position while scrolling. * jQuery(window).on('scroll', _.throttle(updatePosition, 100)); * * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes. * var throttled = _.throttle(renewToken, 300000, { 'trailing': false }); * jQuery(element).on('click', throttled); * * // Cancel the trailing throttled invocation. * jQuery(window).on('popstate', throttled.cancel); */ function throttle(func, wait, options) { var leading = true, trailing = true; if (typeof func != 'function') { throw new TypeError(FUNC_ERROR_TEXT); } if (isObject(options)) { leading = 'leading' in options ? !!options.leading : leading; trailing = 'trailing' in options ? !!options.trailing : trailing; } return debounce(func, wait, { 'leading': leading, 'maxWait': wait, 'trailing': trailing }); } /** * Creates a function that accepts up to one argument, ignoring any * additional arguments. * * @static * @memberOf _ * @since 4.0.0 * @category Function * @param {Function} func The function to cap arguments for. * @returns {Function} Returns the new capped function. * @example * * _.map(['6', '8', '10'], _.unary(parseInt)); * // => [6, 8, 10] */ function unary(func) { return ary(func, 1); } /** * Creates a function that provides `value` to `wrapper` as its first * argument. Any additional arguments provided to the function are appended * to those provided to the `wrapper`. The wrapper is invoked with the `this` * binding of the created function. * * @static * @memberOf _ * @since 0.1.0 * @category Function * @param {*} value The value to wrap. * @param {Function} [wrapper=identity] The wrapper function. * @returns {Function} Returns the new function. * @example * * var p = _.wrap(_.escape, function(func, text) { * return '

' + func(text) + '

'; * }); * * p('fred, barney, & pebbles'); * // => '

fred, barney, & pebbles

' */ function wrap(value, wrapper) { return partial(castFunction(wrapper), value); } /*------------------------------------------------------------------------*/ /** * Casts `value` as an array if it's not one. * * @static * @memberOf _ * @since 4.4.0 * @category Lang * @param {*} value The value to inspect. * @returns {Array} Returns the cast array. * @example * * _.castArray(1); * // => [1] * * _.castArray({ 'a': 1 }); * // => [{ 'a': 1 }] * * _.castArray('abc'); * // => ['abc'] * * _.castArray(null); * // => [null] * * _.castArray(undefined); * // => [undefined] * * _.castArray(); * // => [] * * var array = [1, 2, 3]; * console.log(_.castArray(array) === array); * // => true */ function castArray() { if (!arguments.length) { return []; } var value = arguments[0]; return isArray(value) ? value : [value]; } /** * Creates a shallow clone of `value`. * * **Note:** This method is loosely based on the * [structured clone algorithm](https://mdn.io/Structured_clone_algorithm) * and supports cloning arrays, array buffers, booleans, date objects, maps, * numbers, `Object` objects, regexes, sets, strings, symbols, and typed * arrays. The own enumerable properties of `arguments` objects are cloned * as plain objects. An empty object is returned for uncloneable values such * as error objects, functions, DOM nodes, and WeakMaps. * * @static * @memberOf _ * @since 0.1.0 * @category Lang * @param {*} value The value to clone. * @returns {*} Returns the cloned value. * @see _.cloneDeep * @example * * var objects = [{ 'a': 1 }, { 'b': 2 }]; * * var shallow = _.clone(objects); * console.log(shallow[0] === objects[0]); * // => true */ function clone(value) { return baseClone(value, CLONE_SYMBOLS_FLAG); } /** * This method is like `_.clone` except that it accepts `customizer` which * is invoked to produce the cloned value. If `customizer` returns `undefined`, * cloning is handled by the method instead. The `customizer` is invoked with * up to four arguments; (value [, index|key, object, stack]). * * @static * @memberOf _ * @since 4.0.0 * @category Lang * @param {*} value The value to clone. * @param {Function} [customizer] The function to customize cloning. * @returns {*} Returns the cloned value. * @see _.cloneDeepWith * @example * * function customizer(value) { * if (_.isElement(value)) { * return value.cloneNode(false); * } * } * * var el = _.cloneWith(document.body, customizer); * * console.log(el === document.body); * // => false * console.log(el.nodeName); * // => 'BODY' * console.log(el.childNodes.length); * // => 0 */ function cloneWith(value, customizer) { customizer = typeof customizer == 'function' ? customizer : undefined; return baseClone(value, CLONE_SYMBOLS_FLAG, customizer); } /** * This method is like `_.clone` except that it recursively clones `value`. * * @static * @memberOf _ * @since 1.0.0 * @category Lang * @param {*} value The value to recursively clone. * @returns {*} Returns the deep cloned value. * @see _.clone * @example * * var objects = [{ 'a': 1 }, { 'b': 2 }]; * * var deep = _.cloneDeep(objects); * console.log(deep[0] === objects[0]); * // => false */ function cloneDeep(value) { return baseClone(value, CLONE_DEEP_FLAG | CLONE_SYMBOLS_FLAG); } /** * This method is like `_.cloneWith` except that it recursively clones `value`. * * @static * @memberOf _ * @since 4.0.0 * @category Lang * @param {*} value The value to recursively clone. * @param {Function} [customizer] The function to customize cloning. * @returns {*} Returns the deep cloned value. * @see _.cloneWith * @example * * function customizer(value) { * if (_.isElement(value)) { * return value.cloneNode(true); * } * } * * var el = _.cloneDeepWith(document.body, customizer); * * console.log(el === document.body); * // => false * console.log(el.nodeName); * // => 'BODY' * console.log(el.childNodes.length); * // => 20 */ function cloneDeepWith(value, customizer) { customizer = typeof customizer == 'function' ? customizer : undefined; return baseClone(value, CLONE_DEEP_FLAG | CLONE_SYMBOLS_FLAG, customizer); } /** * Checks if `object` conforms to `source` by invoking the predicate * properties of `source` with the corresponding property values of `object`. * * **Note:** This method is equivalent to `_.conforms` when `source` is * partially applied. * * @static * @memberOf _ * @since 4.14.0 * @category Lang * @param {Object} object The object to inspect. * @param {Object} source The object of property predicates to conform to. * @returns {boolean} Returns `true` if `object` conforms, else `false`. * @example * * var object = { 'a': 1, 'b': 2 }; * * _.conformsTo(object, { 'b': function(n) { return n > 1; } }); * // => true * * _.conformsTo(object, { 'b': function(n) { return n > 2; } }); * // => false */ function conformsTo(object, source) { return source == null || baseConformsTo(object, source, keys(source)); } /** * Performs a * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero) * comparison between two values to determine if they are equivalent. * * @static * @memberOf _ * @since 4.0.0 * @category Lang * @param {*} value The value to compare. * @param {*} other The other value to compare. * @returns {boolean} Returns `true` if the values are equivalent, else `false`. * @example * * var object = { 'a': 1 }; * var other = { 'a': 1 }; * * _.eq(object, object); * // => true * * _.eq(object, other); * // => false * * _.eq('a', 'a'); * // => true * * _.eq('a', Object('a')); * // => false * * _.eq(NaN, NaN); * // => true */ function eq(value, other) { return value === other || (value !== value && other !== other); } /** * Checks if `value` is greater than `other`. * * @static * @memberOf _ * @since 3.9.0 * @category Lang * @param {*} value The value to compare. * @param {*} other The other value to compare. * @returns {boolean} Returns `true` if `value` is greater than `other`, * else `false`. * @see _.lt * @example * * _.gt(3, 1); * // => true * * _.gt(3, 3); * // => false * * _.gt(1, 3); * // => false */ var gt = createRelationalOperation(baseGt); /** * Checks if `value` is greater than or equal to `other`. * * @static * @memberOf _ * @since 3.9.0 * @category Lang * @param {*} value The value to compare. * @param {*} other The other value to compare. * @returns {boolean} Returns `true` if `value` is greater than or equal to * `other`, else `false`. * @see _.lte * @example * * _.gte(3, 1); * // => true * * _.gte(3, 3); * // => true * * _.gte(1, 3); * // => false */ var gte = createRelationalOperation(function(value, other) { return value >= other; }); /** * Checks if `value` is likely an `arguments` object. * * @static * @memberOf _ * @since 0.1.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is an `arguments` object, * else `false`. * @example * * _.isArguments(function() { return arguments; }()); * // => true * * _.isArguments([1, 2, 3]); * // => false */ var isArguments = baseIsArguments(function() { return arguments; }()) ? baseIsArguments : function(value) { return isObjectLike(value) && hasOwnProperty.call(value, 'callee') && !propertyIsEnumerable.call(value, 'callee'); }; /** * Checks if `value` is classified as an `Array` object. * * @static * @memberOf _ * @since 0.1.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is an array, else `false`. * @example * * _.isArray([1, 2, 3]); * // => true * * _.isArray(document.body.children); * // => false * * _.isArray('abc'); * // => false * * _.isArray(_.noop); * // => false */ var isArray = Array.isArray; /** * Checks if `value` is classified as an `ArrayBuffer` object. * * @static * @memberOf _ * @since 4.3.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is an array buffer, else `false`. * @example * * _.isArrayBuffer(new ArrayBuffer(2)); * // => true * * _.isArrayBuffer(new Array(2)); * // => false */ var isArrayBuffer = nodeIsArrayBuffer ? baseUnary(nodeIsArrayBuffer) : baseIsArrayBuffer; /** * Checks if `value` is array-like. A value is considered array-like if it's * not a function and has a `value.length` that's an integer greater than or * equal to `0` and less than or equal to `Number.MAX_SAFE_INTEGER`. * * @static * @memberOf _ * @since 4.0.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is array-like, else `false`. * @example * * _.isArrayLike([1, 2, 3]); * // => true * * _.isArrayLike(document.body.children); * // => true * * _.isArrayLike('abc'); * // => true * * _.isArrayLike(_.noop); * // => false */ function isArrayLike(value) { return value != null && isLength(value.length) && !isFunction(value); } /** * This method is like `_.isArrayLike` except that it also checks if `value` * is an object. * * @static * @memberOf _ * @since 4.0.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is an array-like object, * else `false`. * @example * * _.isArrayLikeObject([1, 2, 3]); * // => true * * _.isArrayLikeObject(document.body.children); * // => true * * _.isArrayLikeObject('abc'); * // => false * * _.isArrayLikeObject(_.noop); * // => false */ function isArrayLikeObject(value) { return isObjectLike(value) && isArrayLike(value); } /** * Checks if `value` is classified as a boolean primitive or object. * * @static * @memberOf _ * @since 0.1.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a boolean, else `false`. * @example * * _.isBoolean(false); * // => true * * _.isBoolean(null); * // => false */ function isBoolean(value) { return value === true || value === false || (isObjectLike(value) && baseGetTag(value) == boolTag); } /** * Checks if `value` is a buffer. * * @static * @memberOf _ * @since 4.3.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a buffer, else `false`. * @example * * _.isBuffer(new Buffer(2)); * // => true * * _.isBuffer(new Uint8Array(2)); * // => false */ var isBuffer = nativeIsBuffer || stubFalse; /** * Checks if `value` is classified as a `Date` object. * * @static * @memberOf _ * @since 0.1.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a date object, else `false`. * @example * * _.isDate(new Date); * // => true * * _.isDate('Mon April 23 2012'); * // => false */ var isDate = nodeIsDate ? baseUnary(nodeIsDate) : baseIsDate; /** * Checks if `value` is likely a DOM element. * * @static * @memberOf _ * @since 0.1.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a DOM element, else `false`. * @example * * _.isElement(document.body); * // => true * * _.isElement(''); * // => false */ function isElement(value) { return isObjectLike(value) && value.nodeType === 1 && !isPlainObject(value); } /** * Checks if `value` is an empty object, collection, map, or set. * * Objects are considered empty if they have no own enumerable string keyed * properties. * * Array-like values such as `arguments` objects, arrays, buffers, strings, or * jQuery-like collections are considered empty if they have a `length` of `0`. * Similarly, maps and sets are considered empty if they have a `size` of `0`. * * @static * @memberOf _ * @since 0.1.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is empty, else `false`. * @example * * _.isEmpty(null); * // => true * * _.isEmpty(true); * // => true * * _.isEmpty(1); * // => true * * _.isEmpty([1, 2, 3]); * // => false * * _.isEmpty({ 'a': 1 }); * // => false */ function isEmpty(value) { if (value == null) { return true; } if (isArrayLike(value) && (isArray(value) || typeof value == 'string' || typeof value.splice == 'function' || isBuffer(value) || isTypedArray(value) || isArguments(value))) { return !value.length; } var tag = getTag(value); if (tag == mapTag || tag == setTag) { return !value.size; } if (isPrototype(value)) { return !baseKeys(value).length; } for (var key in value) { if (hasOwnProperty.call(value, key)) { return false; } } return true; } /** * Performs a deep comparison between two values to determine if they are * equivalent. * * **Note:** This method supports comparing arrays, array buffers, booleans, * date objects, error objects, maps, numbers, `Object` objects, regexes, * sets, strings, symbols, and typed arrays. `Object` objects are compared * by their own, not inherited, enumerable properties. Functions and DOM * nodes are compared by strict equality, i.e. `===`. * * @static * @memberOf _ * @since 0.1.0 * @category Lang * @param {*} value The value to compare. * @param {*} other The other value to compare. * @returns {boolean} Returns `true` if the values are equivalent, else `false`. * @example * * var object = { 'a': 1 }; * var other = { 'a': 1 }; * * _.isEqual(object, other); * // => true * * object === other; * // => false */ function isEqual(value, other) { return baseIsEqual(value, other); } /** * This method is like `_.isEqual` except that it accepts `customizer` which * is invoked to compare values. If `customizer` returns `undefined`, comparisons * are handled by the method instead. The `customizer` is invoked with up to * six arguments: (objValue, othValue [, index|key, object, other, stack]). * * @static * @memberOf _ * @since 4.0.0 * @category Lang * @param {*} value The value to compare. * @param {*} other The other value to compare. * @param {Function} [customizer] The function to customize comparisons. * @returns {boolean} Returns `true` if the values are equivalent, else `false`. * @example * * function isGreeting(value) { * return /^h(?:i|ello)$/.test(value); * } * * function customizer(objValue, othValue) { * if (isGreeting(objValue) && isGreeting(othValue)) { * return true; * } * } * * var array = ['hello', 'goodbye']; * var other = ['hi', 'goodbye']; * * _.isEqualWith(array, other, customizer); * // => true */ function isEqualWith(value, other, customizer) { customizer = typeof customizer == 'function' ? customizer : undefined; var result = customizer ? customizer(value, other) : undefined; return result === undefined ? baseIsEqual(value, other, undefined, customizer) : !!result; } /** * Checks if `value` is an `Error`, `EvalError`, `RangeError`, `ReferenceError`, * `SyntaxError`, `TypeError`, or `URIError` object. * * @static * @memberOf _ * @since 3.0.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is an error object, else `false`. * @example * * _.isError(new Error); * // => true * * _.isError(Error); * // => false */ function isError(value) { if (!isObjectLike(value)) { return false; } var tag = baseGetTag(value); return tag == errorTag || tag == domExcTag || (typeof value.message == 'string' && typeof value.name == 'string' && !isPlainObject(value)); } /** * Checks if `value` is a finite primitive number. * * **Note:** This method is based on * [`Number.isFinite`](https://mdn.io/Number/isFinite). * * @static * @memberOf _ * @since 0.1.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a finite number, else `false`. * @example * * _.isFinite(3); * // => true * * _.isFinite(Number.MIN_VALUE); * // => true * * _.isFinite(Infinity); * // => false * * _.isFinite('3'); * // => false */ function isFinite(value) { return typeof value == 'number' && nativeIsFinite(value); } /** * Checks if `value` is classified as a `Function` object. * * @static * @memberOf _ * @since 0.1.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a function, else `false`. * @example * * _.isFunction(_); * // => true * * _.isFunction(/abc/); * // => false */ function isFunction(value) { if (!isObject(value)) { return false; } // The use of `Object#toString` avoids issues with the `typeof` operator // in Safari 9 which returns 'object' for typed arrays and other constructors. var tag = baseGetTag(value); return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag; } /** * Checks if `value` is an integer. * * **Note:** This method is based on * [`Number.isInteger`](https://mdn.io/Number/isInteger). * * @static * @memberOf _ * @since 4.0.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is an integer, else `false`. * @example * * _.isInteger(3); * // => true * * _.isInteger(Number.MIN_VALUE); * // => false * * _.isInteger(Infinity); * // => false * * _.isInteger('3'); * // => false */ function isInteger(value) { return typeof value == 'number' && value == toInteger(value); } /** * Checks if `value` is a valid array-like length. * * **Note:** This method is loosely based on * [`ToLength`](http://ecma-international.org/ecma-262/7.0/#sec-tolength). * * @static * @memberOf _ * @since 4.0.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a valid length, else `false`. * @example * * _.isLength(3); * // => true * * _.isLength(Number.MIN_VALUE); * // => false * * _.isLength(Infinity); * // => false * * _.isLength('3'); * // => false */ function isLength(value) { return typeof value == 'number' && value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER; } /** * Checks if `value` is the * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types) * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`) * * @static * @memberOf _ * @since 0.1.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is an object, else `false`. * @example * * _.isObject({}); * // => true * * _.isObject([1, 2, 3]); * // => true * * _.isObject(_.noop); * // => true * * _.isObject(null); * // => false */ function isObject(value) { var type = typeof value; return value != null && (type == 'object' || type == 'function'); } /** * Checks if `value` is object-like. A value is object-like if it's not `null` * and has a `typeof` result of "object". * * @static * @memberOf _ * @since 4.0.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is object-like, else `false`. * @example * * _.isObjectLike({}); * // => true * * _.isObjectLike([1, 2, 3]); * // => true * * _.isObjectLike(_.noop); * // => false * * _.isObjectLike(null); * // => false */ function isObjectLike(value) { return value != null && typeof value == 'object'; } /** * Checks if `value` is classified as a `Map` object. * * @static * @memberOf _ * @since 4.3.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a map, else `false`. * @example * * _.isMap(new Map); * // => true * * _.isMap(new WeakMap); * // => false */ var isMap = nodeIsMap ? baseUnary(nodeIsMap) : baseIsMap; /** * Performs a partial deep comparison between `object` and `source` to * determine if `object` contains equivalent property values. * * **Note:** This method is equivalent to `_.matches` when `source` is * partially applied. * * Partial comparisons will match empty array and empty object `source` * values against any array or object value, respectively. See `_.isEqual` * for a list of supported value comparisons. * * @static * @memberOf _ * @since 3.0.0 * @category Lang * @param {Object} object The object to inspect. * @param {Object} source The object of property values to match. * @returns {boolean} Returns `true` if `object` is a match, else `false`. * @example * * var object = { 'a': 1, 'b': 2 }; * * _.isMatch(object, { 'b': 2 }); * // => true * * _.isMatch(object, { 'b': 1 }); * // => false */ function isMatch(object, source) { return object === source || baseIsMatch(object, source, getMatchData(source)); } /** * This method is like `_.isMatch` except that it accepts `customizer` which * is invoked to compare values. If `customizer` returns `undefined`, comparisons * are handled by the method instead. The `customizer` is invoked with five * arguments: (objValue, srcValue, index|key, object, source). * * @static * @memberOf _ * @since 4.0.0 * @category Lang * @param {Object} object The object to inspect. * @param {Object} source The object of property values to match. * @param {Function} [customizer] The function to customize comparisons. * @returns {boolean} Returns `true` if `object` is a match, else `false`. * @example * * function isGreeting(value) { * return /^h(?:i|ello)$/.test(value); * } * * function customizer(objValue, srcValue) { * if (isGreeting(objValue) && isGreeting(srcValue)) { * return true; * } * } * * var object = { 'greeting': 'hello' }; * var source = { 'greeting': 'hi' }; * * _.isMatchWith(object, source, customizer); * // => true */ function isMatchWith(object, source, customizer) { customizer = typeof customizer == 'function' ? customizer : undefined; return baseIsMatch(object, source, getMatchData(source), customizer); } /** * Checks if `value` is `NaN`. * * **Note:** This method is based on * [`Number.isNaN`](https://mdn.io/Number/isNaN) and is not the same as * global [`isNaN`](https://mdn.io/isNaN) which returns `true` for * `undefined` and other non-number values. * * @static * @memberOf _ * @since 0.1.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is `NaN`, else `false`. * @example * * _.isNaN(NaN); * // => true * * _.isNaN(new Number(NaN)); * // => true * * isNaN(undefined); * // => true * * _.isNaN(undefined); * // => false */ function isNaN(value) { // An `NaN` primitive is the only value that is not equal to itself. // Perform the `toStringTag` check first to avoid errors with some // ActiveX objects in IE. return isNumber(value) && value != +value; } /** * Checks if `value` is a pristine native function. * * **Note:** This method can't reliably detect native functions in the presence * of the core-js package because core-js circumvents this kind of detection. * Despite multiple requests, the core-js maintainer has made it clear: any * attempt to fix the detection will be obstructed. As a result, we're left * with little choice but to throw an error. Unfortunately, this also affects * packages, like [babel-polyfill](https://www.npmjs.com/package/babel-polyfill), * which rely on core-js. * * @static * @memberOf _ * @since 3.0.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a native function, * else `false`. * @example * * _.isNative(Array.prototype.push); * // => true * * _.isNative(_); * // => false */ function isNative(value) { if (isMaskable(value)) { throw new Error(CORE_ERROR_TEXT); } return baseIsNative(value); } /** * Checks if `value` is `null`. * * @static * @memberOf _ * @since 0.1.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is `null`, else `false`. * @example * * _.isNull(null); * // => true * * _.isNull(void 0); * // => false */ function isNull(value) { return value === null; } /** * Checks if `value` is `null` or `undefined`. * * @static * @memberOf _ * @since 4.0.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is nullish, else `false`. * @example * * _.isNil(null); * // => true * * _.isNil(void 0); * // => true * * _.isNil(NaN); * // => false */ function isNil(value) { return value == null; } /** * Checks if `value` is classified as a `Number` primitive or object. * * **Note:** To exclude `Infinity`, `-Infinity`, and `NaN`, which are * classified as numbers, use the `_.isFinite` method. * * @static * @memberOf _ * @since 0.1.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a number, else `false`. * @example * * _.isNumber(3); * // => true * * _.isNumber(Number.MIN_VALUE); * // => true * * _.isNumber(Infinity); * // => true * * _.isNumber('3'); * // => false */ function isNumber(value) { return typeof value == 'number' || (isObjectLike(value) && baseGetTag(value) == numberTag); } /** * Checks if `value` is a plain object, that is, an object created by the * `Object` constructor or one with a `[[Prototype]]` of `null`. * * @static * @memberOf _ * @since 0.8.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a plain object, else `false`. * @example * * function Foo() { * this.a = 1; * } * * _.isPlainObject(new Foo); * // => false * * _.isPlainObject([1, 2, 3]); * // => false * * _.isPlainObject({ 'x': 0, 'y': 0 }); * // => true * * _.isPlainObject(Object.create(null)); * // => true */ function isPlainObject(value) { if (!isObjectLike(value) || baseGetTag(value) != objectTag) { return false; } var proto = getPrototype(value); if (proto === null) { return true; } var Ctor = hasOwnProperty.call(proto, 'constructor') && proto.constructor; return typeof Ctor == 'function' && Ctor instanceof Ctor && funcToString.call(Ctor) == objectCtorString; } /** * Checks if `value` is classified as a `RegExp` object. * * @static * @memberOf _ * @since 0.1.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a regexp, else `false`. * @example * * _.isRegExp(/abc/); * // => true * * _.isRegExp('/abc/'); * // => false */ var isRegExp = nodeIsRegExp ? baseUnary(nodeIsRegExp) : baseIsRegExp; /** * Checks if `value` is a safe integer. An integer is safe if it's an IEEE-754 * double precision number which isn't the result of a rounded unsafe integer. * * **Note:** This method is based on * [`Number.isSafeInteger`](https://mdn.io/Number/isSafeInteger). * * @static * @memberOf _ * @since 4.0.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a safe integer, else `false`. * @example * * _.isSafeInteger(3); * // => true * * _.isSafeInteger(Number.MIN_VALUE); * // => false * * _.isSafeInteger(Infinity); * // => false * * _.isSafeInteger('3'); * // => false */ function isSafeInteger(value) { return isInteger(value) && value >= -MAX_SAFE_INTEGER && value <= MAX_SAFE_INTEGER; } /** * Checks if `value` is classified as a `Set` object. * * @static * @memberOf _ * @since 4.3.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a set, else `false`. * @example * * _.isSet(new Set); * // => true * * _.isSet(new WeakSet); * // => false */ var isSet = nodeIsSet ? baseUnary(nodeIsSet) : baseIsSet; /** * Checks if `value` is classified as a `String` primitive or object. * * @static * @since 0.1.0 * @memberOf _ * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a string, else `false`. * @example * * _.isString('abc'); * // => true * * _.isString(1); * // => false */ function isString(value) { return typeof value == 'string' || (!isArray(value) && isObjectLike(value) && baseGetTag(value) == stringTag); } /** * Checks if `value` is classified as a `Symbol` primitive or object. * * @static * @memberOf _ * @since 4.0.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a symbol, else `false`. * @example * * _.isSymbol(Symbol.iterator); * // => true * * _.isSymbol('abc'); * // => false */ function isSymbol(value) { return typeof value == 'symbol' || (isObjectLike(value) && baseGetTag(value) == symbolTag); } /** * Checks if `value` is classified as a typed array. * * @static * @memberOf _ * @since 3.0.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a typed array, else `false`. * @example * * _.isTypedArray(new Uint8Array); * // => true * * _.isTypedArray([]); * // => false */ var isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray; /** * Checks if `value` is `undefined`. * * @static * @since 0.1.0 * @memberOf _ * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is `undefined`, else `false`. * @example * * _.isUndefined(void 0); * // => true * * _.isUndefined(null); * // => false */ function isUndefined(value) { return value === undefined; } /** * Checks if `value` is classified as a `WeakMap` object. * * @static * @memberOf _ * @since 4.3.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a weak map, else `false`. * @example * * _.isWeakMap(new WeakMap); * // => true * * _.isWeakMap(new Map); * // => false */ function isWeakMap(value) { return isObjectLike(value) && getTag(value) == weakMapTag; } /** * Checks if `value` is classified as a `WeakSet` object. * * @static * @memberOf _ * @since 4.3.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a weak set, else `false`. * @example * * _.isWeakSet(new WeakSet); * // => true * * _.isWeakSet(new Set); * // => false */ function isWeakSet(value) { return isObjectLike(value) && baseGetTag(value) == weakSetTag; } /** * Checks if `value` is less than `other`. * * @static * @memberOf _ * @since 3.9.0 * @category Lang * @param {*} value The value to compare. * @param {*} other The other value to compare. * @returns {boolean} Returns `true` if `value` is less than `other`, * else `false`. * @see _.gt * @example * * _.lt(1, 3); * // => true * * _.lt(3, 3); * // => false * * _.lt(3, 1); * // => false */ var lt = createRelationalOperation(baseLt); /** * Checks if `value` is less than or equal to `other`. * * @static * @memberOf _ * @since 3.9.0 * @category Lang * @param {*} value The value to compare. * @param {*} other The other value to compare. * @returns {boolean} Returns `true` if `value` is less than or equal to * `other`, else `false`. * @see _.gte * @example * * _.lte(1, 3); * // => true * * _.lte(3, 3); * // => true * * _.lte(3, 1); * // => false */ var lte = createRelationalOperation(function(value, other) { return value <= other; }); /** * Converts `value` to an array. * * @static * @since 0.1.0 * @memberOf _ * @category Lang * @param {*} value The value to convert. * @returns {Array} Returns the converted array. * @example * * _.toArray({ 'a': 1, 'b': 2 }); * // => [1, 2] * * _.toArray('abc'); * // => ['a', 'b', 'c'] * * _.toArray(1); * // => [] * * _.toArray(null); * // => [] */ function toArray(value) { if (!value) { return []; } if (isArrayLike(value)) { return isString(value) ? stringToArray(value) : copyArray(value); } if (symIterator && value[symIterator]) { return iteratorToArray(value[symIterator]()); } var tag = getTag(value), func = tag == mapTag ? mapToArray : (tag == setTag ? setToArray : values); return func(value); } /** * Converts `value` to a finite number. * * @static * @memberOf _ * @since 4.12.0 * @category Lang * @param {*} value The value to convert. * @returns {number} Returns the converted number. * @example * * _.toFinite(3.2); * // => 3.2 * * _.toFinite(Number.MIN_VALUE); * // => 5e-324 * * _.toFinite(Infinity); * // => 1.7976931348623157e+308 * * _.toFinite('3.2'); * // => 3.2 */ function toFinite(value) { if (!value) { return value === 0 ? value : 0; } value = toNumber(value); if (value === INFINITY || value === -INFINITY) { var sign = (value < 0 ? -1 : 1); return sign * MAX_INTEGER; } return value === value ? value : 0; } /** * Converts `value` to an integer. * * **Note:** This method is loosely based on * [`ToInteger`](http://www.ecma-international.org/ecma-262/7.0/#sec-tointeger). * * @static * @memberOf _ * @since 4.0.0 * @category Lang * @param {*} value The value to convert. * @returns {number} Returns the converted integer. * @example * * _.toInteger(3.2); * // => 3 * * _.toInteger(Number.MIN_VALUE); * // => 0 * * _.toInteger(Infinity); * // => 1.7976931348623157e+308 * * _.toInteger('3.2'); * // => 3 */ function toInteger(value) { var result = toFinite(value), remainder = result % 1; return result === result ? (remainder ? result - remainder : result) : 0; } /** * Converts `value` to an integer suitable for use as the length of an * array-like object. * * **Note:** This method is based on * [`ToLength`](http://ecma-international.org/ecma-262/7.0/#sec-tolength). * * @static * @memberOf _ * @since 4.0.0 * @category Lang * @param {*} value The value to convert. * @returns {number} Returns the converted integer. * @example * * _.toLength(3.2); * // => 3 * * _.toLength(Number.MIN_VALUE); * // => 0 * * _.toLength(Infinity); * // => 4294967295 * * _.toLength('3.2'); * // => 3 */ function toLength(value) { return value ? baseClamp(toInteger(value), 0, MAX_ARRAY_LENGTH) : 0; } /** * Converts `value` to a number. * * @static * @memberOf _ * @since 4.0.0 * @category Lang * @param {*} value The value to process. * @returns {number} Returns the number. * @example * * _.toNumber(3.2); * // => 3.2 * * _.toNumber(Number.MIN_VALUE); * // => 5e-324 * * _.toNumber(Infinity); * // => Infinity * * _.toNumber('3.2'); * // => 3.2 */ function toNumber(value) { if (typeof value == 'number') { return value; } if (isSymbol(value)) { return NAN; } if (isObject(value)) { var other = typeof value.valueOf == 'function' ? value.valueOf() : value; value = isObject(other) ? (other + '') : other; } if (typeof value != 'string') { return value === 0 ? value : +value; } value = value.replace(reTrim, ''); var isBinary = reIsBinary.test(value); return (isBinary || reIsOctal.test(value)) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : (reIsBadHex.test(value) ? NAN : +value); } /** * Converts `value` to a plain object flattening inherited enumerable string * keyed properties of `value` to own properties of the plain object. * * @static * @memberOf _ * @since 3.0.0 * @category Lang * @param {*} value The value to convert. * @returns {Object} Returns the converted plain object. * @example * * function Foo() { * this.b = 2; * } * * Foo.prototype.c = 3; * * _.assign({ 'a': 1 }, new Foo); * // => { 'a': 1, 'b': 2 } * * _.assign({ 'a': 1 }, _.toPlainObject(new Foo)); * // => { 'a': 1, 'b': 2, 'c': 3 } */ function toPlainObject(value) { return copyObject(value, keysIn(value)); } /** * Converts `value` to a safe integer. A safe integer can be compared and * represented correctly. * * @static * @memberOf _ * @since 4.0.0 * @category Lang * @param {*} value The value to convert. * @returns {number} Returns the converted integer. * @example * * _.toSafeInteger(3.2); * // => 3 * * _.toSafeInteger(Number.MIN_VALUE); * // => 0 * * _.toSafeInteger(Infinity); * // => 9007199254740991 * * _.toSafeInteger('3.2'); * // => 3 */ function toSafeInteger(value) { return value ? baseClamp(toInteger(value), -MAX_SAFE_INTEGER, MAX_SAFE_INTEGER) : (value === 0 ? value : 0); } /** * Converts `value` to a string. An empty string is returned for `null` * and `undefined` values. The sign of `-0` is preserved. * * @static * @memberOf _ * @since 4.0.0 * @category Lang * @param {*} value The value to convert. * @returns {string} Returns the converted string. * @example * * _.toString(null); * // => '' * * _.toString(-0); * // => '-0' * * _.toString([1, 2, 3]); * // => '1,2,3' */ function toString(value) { return value == null ? '' : baseToString(value); } /*------------------------------------------------------------------------*/ /** * Assigns own enumerable string keyed properties of source objects to the * destination object. Source objects are applied from left to right. * Subsequent sources overwrite property assignments of previous sources. * * **Note:** This method mutates `object` and is loosely based on * [`Object.assign`](https://mdn.io/Object/assign). * * @static * @memberOf _ * @since 0.10.0 * @category Object * @param {Object} object The destination object. * @param {...Object} [sources] The source objects. * @returns {Object} Returns `object`. * @see _.assignIn * @example * * function Foo() { * this.a = 1; * } * * function Bar() { * this.c = 3; * } * * Foo.prototype.b = 2; * Bar.prototype.d = 4; * * _.assign({ 'a': 0 }, new Foo, new Bar); * // => { 'a': 1, 'c': 3 } */ var assign = createAssigner(function(object, source) { if (isPrototype(source) || isArrayLike(source)) { copyObject(source, keys(source), object); return; } for (var key in source) { if (hasOwnProperty.call(source, key)) { assignValue(object, key, source[key]); } } }); /** * This method is like `_.assign` except that it iterates over own and * inherited source properties. * * **Note:** This method mutates `object`. * * @static * @memberOf _ * @since 4.0.0 * @alias extend * @category Object * @param {Object} object The destination object. * @param {...Object} [sources] The source objects. * @returns {Object} Returns `object`. * @see _.assign * @example * * function Foo() { * this.a = 1; * } * * function Bar() { * this.c = 3; * } * * Foo.prototype.b = 2; * Bar.prototype.d = 4; * * _.assignIn({ 'a': 0 }, new Foo, new Bar); * // => { 'a': 1, 'b': 2, 'c': 3, 'd': 4 } */ var assignIn = createAssigner(function(object, source) { copyObject(source, keysIn(source), object); }); /** * This method is like `_.assignIn` except that it accepts `customizer` * which is invoked to produce the assigned values. If `customizer` returns * `undefined`, assignment is handled by the method instead. The `customizer` * is invoked with five arguments: (objValue, srcValue, key, object, source). * * **Note:** This method mutates `object`. * * @static * @memberOf _ * @since 4.0.0 * @alias extendWith * @category Object * @param {Object} object The destination object. * @param {...Object} sources The source objects. * @param {Function} [customizer] The function to customize assigned values. * @returns {Object} Returns `object`. * @see _.assignWith * @example * * function customizer(objValue, srcValue) { * return _.isUndefined(objValue) ? srcValue : objValue; * } * * var defaults = _.partialRight(_.assignInWith, customizer); * * defaults({ 'a': 1 }, { 'b': 2 }, { 'a': 3 }); * // => { 'a': 1, 'b': 2 } */ var assignInWith = createAssigner(function(object, source, srcIndex, customizer) { copyObject(source, keysIn(source), object, customizer); }); /** * This method is like `_.assign` except that it accepts `customizer` * which is invoked to produce the assigned values. If `customizer` returns * `undefined`, assignment is handled by the method instead. The `customizer` * is invoked with five arguments: (objValue, srcValue, key, object, source). * * **Note:** This method mutates `object`. * * @static * @memberOf _ * @since 4.0.0 * @category Object * @param {Object} object The destination object. * @param {...Object} sources The source objects. * @param {Function} [customizer] The function to customize assigned values. * @returns {Object} Returns `object`. * @see _.assignInWith * @example * * function customizer(objValue, srcValue) { * return _.isUndefined(objValue) ? srcValue : objValue; * } * * var defaults = _.partialRight(_.assignWith, customizer); * * defaults({ 'a': 1 }, { 'b': 2 }, { 'a': 3 }); * // => { 'a': 1, 'b': 2 } */ var assignWith = createAssigner(function(object, source, srcIndex, customizer) { copyObject(source, keys(source), object, customizer); }); /** * Creates an array of values corresponding to `paths` of `object`. * * @static * @memberOf _ * @since 1.0.0 * @category Object * @param {Object} object The object to iterate over. * @param {...(string|string[])} [paths] The property paths to pick. * @returns {Array} Returns the picked values. * @example * * var object = { 'a': [{ 'b': { 'c': 3 } }, 4] }; * * _.at(object, ['a[0].b.c', 'a[1]']); * // => [3, 4] */ var at = flatRest(baseAt); /** * Creates an object that inherits from the `prototype` object. If a * `properties` object is given, its own enumerable string keyed properties * are assigned to the created object. * * @static * @memberOf _ * @since 2.3.0 * @category Object * @param {Object} prototype The object to inherit from. * @param {Object} [properties] The properties to assign to the object. * @returns {Object} Returns the new object. * @example * * function Shape() { * this.x = 0; * this.y = 0; * } * * function Circle() { * Shape.call(this); * } * * Circle.prototype = _.create(Shape.prototype, { * 'constructor': Circle * }); * * var circle = new Circle; * circle instanceof Circle; * // => true * * circle instanceof Shape; * // => true */ function create(prototype, properties) { var result = baseCreate(prototype); return properties == null ? result : baseAssign(result, properties); } /** * Assigns own and inherited enumerable string keyed properties of source * objects to the destination object for all destination properties that * resolve to `undefined`. Source objects are applied from left to right. * Once a property is set, additional values of the same property are ignored. * * **Note:** This method mutates `object`. * * @static * @since 0.1.0 * @memberOf _ * @category Object * @param {Object} object The destination object. * @param {...Object} [sources] The source objects. * @returns {Object} Returns `object`. * @see _.defaultsDeep * @example * * _.defaults({ 'a': 1 }, { 'b': 2 }, { 'a': 3 }); * // => { 'a': 1, 'b': 2 } */ var defaults = baseRest(function(object, sources) { object = Object(object); var index = -1; var length = sources.length; var guard = length > 2 ? sources[2] : undefined; if (guard && isIterateeCall(sources[0], sources[1], guard)) { length = 1; } while (++index < length) { var source = sources[index]; var props = keysIn(source); var propsIndex = -1; var propsLength = props.length; while (++propsIndex < propsLength) { var key = props[propsIndex]; var value = object[key]; if (value === undefined || (eq(value, objectProto[key]) && !hasOwnProperty.call(object, key))) { object[key] = source[key]; } } } return object; }); /** * This method is like `_.defaults` except that it recursively assigns * default properties. * * **Note:** This method mutates `object`. * * @static * @memberOf _ * @since 3.10.0 * @category Object * @param {Object} object The destination object. * @param {...Object} [sources] The source objects. * @returns {Object} Returns `object`. * @see _.defaults * @example * * _.defaultsDeep({ 'a': { 'b': 2 } }, { 'a': { 'b': 1, 'c': 3 } }); * // => { 'a': { 'b': 2, 'c': 3 } } */ var defaultsDeep = baseRest(function(args) { args.push(undefined, customDefaultsMerge); return apply(mergeWith, undefined, args); }); /** * This method is like `_.find` except that it returns the key of the first * element `predicate` returns truthy for instead of the element itself. * * @static * @memberOf _ * @since 1.1.0 * @category Object * @param {Object} object The object to inspect. * @param {Function} [predicate=_.identity] The function invoked per iteration. * @returns {string|undefined} Returns the key of the matched element, * else `undefined`. * @example * * var users = { * 'barney': { 'age': 36, 'active': true }, * 'fred': { 'age': 40, 'active': false }, * 'pebbles': { 'age': 1, 'active': true } * }; * * _.findKey(users, function(o) { return o.age < 40; }); * // => 'barney' (iteration order is not guaranteed) * * // The `_.matches` iteratee shorthand. * _.findKey(users, { 'age': 1, 'active': true }); * // => 'pebbles' * * // The `_.matchesProperty` iteratee shorthand. * _.findKey(users, ['active', false]); * // => 'fred' * * // The `_.property` iteratee shorthand. * _.findKey(users, 'active'); * // => 'barney' */ function findKey(object, predicate) { return baseFindKey(object, getIteratee(predicate, 3), baseForOwn); } /** * This method is like `_.findKey` except that it iterates over elements of * a collection in the opposite order. * * @static * @memberOf _ * @since 2.0.0 * @category Object * @param {Object} object The object to inspect. * @param {Function} [predicate=_.identity] The function invoked per iteration. * @returns {string|undefined} Returns the key of the matched element, * else `undefined`. * @example * * var users = { * 'barney': { 'age': 36, 'active': true }, * 'fred': { 'age': 40, 'active': false }, * 'pebbles': { 'age': 1, 'active': true } * }; * * _.findLastKey(users, function(o) { return o.age < 40; }); * // => returns 'pebbles' assuming `_.findKey` returns 'barney' * * // The `_.matches` iteratee shorthand. * _.findLastKey(users, { 'age': 36, 'active': true }); * // => 'barney' * * // The `_.matchesProperty` iteratee shorthand. * _.findLastKey(users, ['active', false]); * // => 'fred' * * // The `_.property` iteratee shorthand. * _.findLastKey(users, 'active'); * // => 'pebbles' */ function findLastKey(object, predicate) { return baseFindKey(object, getIteratee(predicate, 3), baseForOwnRight); } /** * Iterates over own and inherited enumerable string keyed properties of an * object and invokes `iteratee` for each property. The iteratee is invoked * with three arguments: (value, key, object). Iteratee functions may exit * iteration early by explicitly returning `false`. * * @static * @memberOf _ * @since 0.3.0 * @category Object * @param {Object} object The object to iterate over. * @param {Function} [iteratee=_.identity] The function invoked per iteration. * @returns {Object} Returns `object`. * @see _.forInRight * @example * * function Foo() { * this.a = 1; * this.b = 2; * } * * Foo.prototype.c = 3; * * _.forIn(new Foo, function(value, key) { * console.log(key); * }); * // => Logs 'a', 'b', then 'c' (iteration order is not guaranteed). */ function forIn(object, iteratee) { return object == null ? object : baseFor(object, getIteratee(iteratee, 3), keysIn); } /** * This method is like `_.forIn` except that it iterates over properties of * `object` in the opposite order. * * @static * @memberOf _ * @since 2.0.0 * @category Object * @param {Object} object The object to iterate over. * @param {Function} [iteratee=_.identity] The function invoked per iteration. * @returns {Object} Returns `object`. * @see _.forIn * @example * * function Foo() { * this.a = 1; * this.b = 2; * } * * Foo.prototype.c = 3; * * _.forInRight(new Foo, function(value, key) { * console.log(key); * }); * // => Logs 'c', 'b', then 'a' assuming `_.forIn` logs 'a', 'b', then 'c'. */ function forInRight(object, iteratee) { return object == null ? object : baseForRight(object, getIteratee(iteratee, 3), keysIn); } /** * Iterates over own enumerable string keyed properties of an object and * invokes `iteratee` for each property. The iteratee is invoked with three * arguments: (value, key, object). Iteratee functions may exit iteration * early by explicitly returning `false`. * * @static * @memberOf _ * @since 0.3.0 * @category Object * @param {Object} object The object to iterate over. * @param {Function} [iteratee=_.identity] The function invoked per iteration. * @returns {Object} Returns `object`. * @see _.forOwnRight * @example * * function Foo() { * this.a = 1; * this.b = 2; * } * * Foo.prototype.c = 3; * * _.forOwn(new Foo, function(value, key) { * console.log(key); * }); * // => Logs 'a' then 'b' (iteration order is not guaranteed). */ function forOwn(object, iteratee) { return object && baseForOwn(object, getIteratee(iteratee, 3)); } /** * This method is like `_.forOwn` except that it iterates over properties of * `object` in the opposite order. * * @static * @memberOf _ * @since 2.0.0 * @category Object * @param {Object} object The object to iterate over. * @param {Function} [iteratee=_.identity] The function invoked per iteration. * @returns {Object} Returns `object`. * @see _.forOwn * @example * * function Foo() { * this.a = 1; * this.b = 2; * } * * Foo.prototype.c = 3; * * _.forOwnRight(new Foo, function(value, key) { * console.log(key); * }); * // => Logs 'b' then 'a' assuming `_.forOwn` logs 'a' then 'b'. */ function forOwnRight(object, iteratee) { return object && baseForOwnRight(object, getIteratee(iteratee, 3)); } /** * Creates an array of function property names from own enumerable properties * of `object`. * * @static * @since 0.1.0 * @memberOf _ * @category Object * @param {Object} object The object to inspect. * @returns {Array} Returns the function names. * @see _.functionsIn * @example * * function Foo() { * this.a = _.constant('a'); * this.b = _.constant('b'); * } * * Foo.prototype.c = _.constant('c'); * * _.functions(new Foo); * // => ['a', 'b'] */ function functions(object) { return object == null ? [] : baseFunctions(object, keys(object)); } /** * Creates an array of function property names from own and inherited * enumerable properties of `object`. * * @static * @memberOf _ * @since 4.0.0 * @category Object * @param {Object} object The object to inspect. * @returns {Array} Returns the function names. * @see _.functions * @example * * function Foo() { * this.a = _.constant('a'); * this.b = _.constant('b'); * } * * Foo.prototype.c = _.constant('c'); * * _.functionsIn(new Foo); * // => ['a', 'b', 'c'] */ function functionsIn(object) { return object == null ? [] : baseFunctions(object, keysIn(object)); } /** * Gets the value at `path` of `object`. If the resolved value is * `undefined`, the `defaultValue` is returned in its place. * * @static * @memberOf _ * @since 3.7.0 * @category Object * @param {Object} object The object to query. * @param {Array|string} path The path of the property to get. * @param {*} [defaultValue] The value returned for `undefined` resolved values. * @returns {*} Returns the resolved value. * @example * * var object = { 'a': [{ 'b': { 'c': 3 } }] }; * * _.get(object, 'a[0].b.c'); * // => 3 * * _.get(object, ['a', '0', 'b', 'c']); * // => 3 * * _.get(object, 'a.b.c', 'default'); * // => 'default' */ function get(object, path, defaultValue) { var result = object == null ? undefined : baseGet(object, path); return result === undefined ? defaultValue : result; } /** * Checks if `path` is a direct property of `object`. * * @static * @since 0.1.0 * @memberOf _ * @category Object * @param {Object} object The object to query. * @param {Array|string} path The path to check. * @returns {boolean} Returns `true` if `path` exists, else `false`. * @example * * var object = { 'a': { 'b': 2 } }; * var other = _.create({ 'a': _.create({ 'b': 2 }) }); * * _.has(object, 'a'); * // => true * * _.has(object, 'a.b'); * // => true * * _.has(object, ['a', 'b']); * // => true * * _.has(other, 'a'); * // => false */ function has(object, path) { return object != null && hasPath(object, path, baseHas); } /** * Checks if `path` is a direct or inherited property of `object`. * * @static * @memberOf _ * @since 4.0.0 * @category Object * @param {Object} object The object to query. * @param {Array|string} path The path to check. * @returns {boolean} Returns `true` if `path` exists, else `false`. * @example * * var object = _.create({ 'a': _.create({ 'b': 2 }) }); * * _.hasIn(object, 'a'); * // => true * * _.hasIn(object, 'a.b'); * // => true * * _.hasIn(object, ['a', 'b']); * // => true * * _.hasIn(object, 'b'); * // => false */ function hasIn(object, path) { return object != null && hasPath(object, path, baseHasIn); } /** * Creates an object composed of the inverted keys and values of `object`. * If `object` contains duplicate values, subsequent values overwrite * property assignments of previous values. * * @static * @memberOf _ * @since 0.7.0 * @category Object * @param {Object} object The object to invert. * @returns {Object} Returns the new inverted object. * @example * * var object = { 'a': 1, 'b': 2, 'c': 1 }; * * _.invert(object); * // => { '1': 'c', '2': 'b' } */ var invert = createInverter(function(result, value, key) { if (value != null && typeof value.toString != 'function') { value = nativeObjectToString.call(value); } result[value] = key; }, constant(identity)); /** * This method is like `_.invert` except that the inverted object is generated * from the results of running each element of `object` thru `iteratee`. The * corresponding inverted value of each inverted key is an array of keys * responsible for generating the inverted value. The iteratee is invoked * with one argument: (value). * * @static * @memberOf _ * @since 4.1.0 * @category Object * @param {Object} object The object to invert. * @param {Function} [iteratee=_.identity] The iteratee invoked per element. * @returns {Object} Returns the new inverted object. * @example * * var object = { 'a': 1, 'b': 2, 'c': 1 }; * * _.invertBy(object); * // => { '1': ['a', 'c'], '2': ['b'] } * * _.invertBy(object, function(value) { * return 'group' + value; * }); * // => { 'group1': ['a', 'c'], 'group2': ['b'] } */ var invertBy = createInverter(function(result, value, key) { if (value != null && typeof value.toString != 'function') { value = nativeObjectToString.call(value); } if (hasOwnProperty.call(result, value)) { result[value].push(key); } else { result[value] = [key]; } }, getIteratee); /** * Invokes the method at `path` of `object`. * * @static * @memberOf _ * @since 4.0.0 * @category Object * @param {Object} object The object to query. * @param {Array|string} path The path of the method to invoke. * @param {...*} [args] The arguments to invoke the method with. * @returns {*} Returns the result of the invoked method. * @example * * var object = { 'a': [{ 'b': { 'c': [1, 2, 3, 4] } }] }; * * _.invoke(object, 'a[0].b.c.slice', 1, 3); * // => [2, 3] */ var invoke = baseRest(baseInvoke); /** * Creates an array of the own enumerable property names of `object`. * * **Note:** Non-object values are coerced to objects. See the * [ES spec](http://ecma-international.org/ecma-262/7.0/#sec-object.keys) * for more details. * * @static * @since 0.1.0 * @memberOf _ * @category Object * @param {Object} object The object to query. * @returns {Array} Returns the array of property names. * @example * * function Foo() { * this.a = 1; * this.b = 2; * } * * Foo.prototype.c = 3; * * _.keys(new Foo); * // => ['a', 'b'] (iteration order is not guaranteed) * * _.keys('hi'); * // => ['0', '1'] */ function keys(object) { return isArrayLike(object) ? arrayLikeKeys(object) : baseKeys(object); } /** * Creates an array of the own and inherited enumerable property names of `object`. * * **Note:** Non-object values are coerced to objects. * * @static * @memberOf _ * @since 3.0.0 * @category Object * @param {Object} object The object to query. * @returns {Array} Returns the array of property names. * @example * * function Foo() { * this.a = 1; * this.b = 2; * } * * Foo.prototype.c = 3; * * _.keysIn(new Foo); * // => ['a', 'b', 'c'] (iteration order is not guaranteed) */ function keysIn(object) { return isArrayLike(object) ? arrayLikeKeys(object, true) : baseKeysIn(object); } /** * The opposite of `_.mapValues`; this method creates an object with the * same values as `object` and keys generated by running each own enumerable * string keyed property of `object` thru `iteratee`. The iteratee is invoked * with three arguments: (value, key, object). * * @static * @memberOf _ * @since 3.8.0 * @category Object * @param {Object} object The object to iterate over. * @param {Function} [iteratee=_.identity] The function invoked per iteration. * @returns {Object} Returns the new mapped object. * @see _.mapValues * @example * * _.mapKeys({ 'a': 1, 'b': 2 }, function(value, key) { * return key + value; * }); * // => { 'a1': 1, 'b2': 2 } */ function mapKeys(object, iteratee) { var result = {}; iteratee = getIteratee(iteratee, 3); baseForOwn(object, function(value, key, object) { baseAssignValue(result, iteratee(value, key, object), value); }); return result; } /** * Creates an object with the same keys as `object` and values generated * by running each own enumerable string keyed property of `object` thru * `iteratee`. The iteratee is invoked with three arguments: * (value, key, object). * * @static * @memberOf _ * @since 2.4.0 * @category Object * @param {Object} object The object to iterate over. * @param {Function} [iteratee=_.identity] The function invoked per iteration. * @returns {Object} Returns the new mapped object. * @see _.mapKeys * @example * * var users = { * 'fred': { 'user': 'fred', 'age': 40 }, * 'pebbles': { 'user': 'pebbles', 'age': 1 } * }; * * _.mapValues(users, function(o) { return o.age; }); * // => { 'fred': 40, 'pebbles': 1 } (iteration order is not guaranteed) * * // The `_.property` iteratee shorthand. * _.mapValues(users, 'age'); * // => { 'fred': 40, 'pebbles': 1 } (iteration order is not guaranteed) */ function mapValues(object, iteratee) { var result = {}; iteratee = getIteratee(iteratee, 3); baseForOwn(object, function(value, key, object) { baseAssignValue(result, key, iteratee(value, key, object)); }); return result; } /** * This method is like `_.assign` except that it recursively merges own and * inherited enumerable string keyed properties of source objects into the * destination object. Source properties that resolve to `undefined` are * skipped if a destination value exists. Array and plain object properties * are merged recursively. Other objects and value types are overridden by * assignment. Source objects are applied from left to right. Subsequent * sources overwrite property assignments of previous sources. * * **Note:** This method mutates `object`. * * @static * @memberOf _ * @since 0.5.0 * @category Object * @param {Object} object The destination object. * @param {...Object} [sources] The source objects. * @returns {Object} Returns `object`. * @example * * var object = { * 'a': [{ 'b': 2 }, { 'd': 4 }] * }; * * var other = { * 'a': [{ 'c': 3 }, { 'e': 5 }] * }; * * _.merge(object, other); * // => { 'a': [{ 'b': 2, 'c': 3 }, { 'd': 4, 'e': 5 }] } */ var merge = createAssigner(function(object, source, srcIndex) { baseMerge(object, source, srcIndex); }); /** * This method is like `_.merge` except that it accepts `customizer` which * is invoked to produce the merged values of the destination and source * properties. If `customizer` returns `undefined`, merging is handled by the * method instead. The `customizer` is invoked with six arguments: * (objValue, srcValue, key, object, source, stack). * * **Note:** This method mutates `object`. * * @static * @memberOf _ * @since 4.0.0 * @category Object * @param {Object} object The destination object. * @param {...Object} sources The source objects. * @param {Function} customizer The function to customize assigned values. * @returns {Object} Returns `object`. * @example * * function customizer(objValue, srcValue) { * if (_.isArray(objValue)) { * return objValue.concat(srcValue); * } * } * * var object = { 'a': [1], 'b': [2] }; * var other = { 'a': [3], 'b': [4] }; * * _.mergeWith(object, other, customizer); * // => { 'a': [1, 3], 'b': [2, 4] } */ var mergeWith = createAssigner(function(object, source, srcIndex, customizer) { baseMerge(object, source, srcIndex, customizer); }); /** * The opposite of `_.pick`; this method creates an object composed of the * own and inherited enumerable property paths of `object` that are not omitted. * * **Note:** This method is considerably slower than `_.pick`. * * @static * @since 0.1.0 * @memberOf _ * @category Object * @param {Object} object The source object. * @param {...(string|string[])} [paths] The property paths to omit. * @returns {Object} Returns the new object. * @example * * var object = { 'a': 1, 'b': '2', 'c': 3 }; * * _.omit(object, ['a', 'c']); * // => { 'b': '2' } */ var omit = flatRest(function(object, paths) { var result = {}; if (object == null) { return result; } var isDeep = false; paths = arrayMap(paths, function(path) { path = castPath(path, object); isDeep || (isDeep = path.length > 1); return path; }); copyObject(object, getAllKeysIn(object), result); if (isDeep) { result = baseClone(result, CLONE_DEEP_FLAG | CLONE_FLAT_FLAG | CLONE_SYMBOLS_FLAG, customOmitClone); } var length = paths.length; while (length--) { baseUnset(result, paths[length]); } return result; }); /** * The opposite of `_.pickBy`; this method creates an object composed of * the own and inherited enumerable string keyed properties of `object` that * `predicate` doesn't return truthy for. The predicate is invoked with two * arguments: (value, key). * * @static * @memberOf _ * @since 4.0.0 * @category Object * @param {Object} object The source object. * @param {Function} [predicate=_.identity] The function invoked per property. * @returns {Object} Returns the new object. * @example * * var object = { 'a': 1, 'b': '2', 'c': 3 }; * * _.omitBy(object, _.isNumber); * // => { 'b': '2' } */ function omitBy(object, predicate) { return pickBy(object, negate(getIteratee(predicate))); } /** * Creates an object composed of the picked `object` properties. * * @static * @since 0.1.0 * @memberOf _ * @category Object * @param {Object} object The source object. * @param {...(string|string[])} [paths] The property paths to pick. * @returns {Object} Returns the new object. * @example * * var object = { 'a': 1, 'b': '2', 'c': 3 }; * * _.pick(object, ['a', 'c']); * // => { 'a': 1, 'c': 3 } */ var pick = flatRest(function(object, paths) { return object == null ? {} : basePick(object, paths); }); /** * Creates an object composed of the `object` properties `predicate` returns * truthy for. The predicate is invoked with two arguments: (value, key). * * @static * @memberOf _ * @since 4.0.0 * @category Object * @param {Object} object The source object. * @param {Function} [predicate=_.identity] The function invoked per property. * @returns {Object} Returns the new object. * @example * * var object = { 'a': 1, 'b': '2', 'c': 3 }; * * _.pickBy(object, _.isNumber); * // => { 'a': 1, 'c': 3 } */ function pickBy(object, predicate) { if (object == null) { return {}; } var props = arrayMap(getAllKeysIn(object), function(prop) { return [prop]; }); predicate = getIteratee(predicate); return basePickBy(object, props, function(value, path) { return predicate(value, path[0]); }); } /** * This method is like `_.get` except that if the resolved value is a * function it's invoked with the `this` binding of its parent object and * its result is returned. * * @static * @since 0.1.0 * @memberOf _ * @category Object * @param {Object} object The object to query. * @param {Array|string} path The path of the property to resolve. * @param {*} [defaultValue] The value returned for `undefined` resolved values. * @returns {*} Returns the resolved value. * @example * * var object = { 'a': [{ 'b': { 'c1': 3, 'c2': _.constant(4) } }] }; * * _.result(object, 'a[0].b.c1'); * // => 3 * * _.result(object, 'a[0].b.c2'); * // => 4 * * _.result(object, 'a[0].b.c3', 'default'); * // => 'default' * * _.result(object, 'a[0].b.c3', _.constant('default')); * // => 'default' */ function result(object, path, defaultValue) { path = castPath(path, object); var index = -1, length = path.length; // Ensure the loop is entered when path is empty. if (!length) { length = 1; object = undefined; } while (++index < length) { var value = object == null ? undefined : object[toKey(path[index])]; if (value === undefined) { index = length; value = defaultValue; } object = isFunction(value) ? value.call(object) : value; } return object; } /** * Sets the value at `path` of `object`. If a portion of `path` doesn't exist, * it's created. Arrays are created for missing index properties while objects * are created for all other missing properties. Use `_.setWith` to customize * `path` creation. * * **Note:** This method mutates `object`. * * @static * @memberOf _ * @since 3.7.0 * @category Object * @param {Object} object The object to modify. * @param {Array|string} path The path of the property to set. * @param {*} value The value to set. * @returns {Object} Returns `object`. * @example * * var object = { 'a': [{ 'b': { 'c': 3 } }] }; * * _.set(object, 'a[0].b.c', 4); * console.log(object.a[0].b.c); * // => 4 * * _.set(object, ['x', '0', 'y', 'z'], 5); * console.log(object.x[0].y.z); * // => 5 */ function set(object, path, value) { return object == null ? object : baseSet(object, path, value); } /** * This method is like `_.set` except that it accepts `customizer` which is * invoked to produce the objects of `path`. If `customizer` returns `undefined` * path creation is handled by the method instead. The `customizer` is invoked * with three arguments: (nsValue, key, nsObject). * * **Note:** This method mutates `object`. * * @static * @memberOf _ * @since 4.0.0 * @category Object * @param {Object} object The object to modify. * @param {Array|string} path The path of the property to set. * @param {*} value The value to set. * @param {Function} [customizer] The function to customize assigned values. * @returns {Object} Returns `object`. * @example * * var object = {}; * * _.setWith(object, '[0][1]', 'a', Object); * // => { '0': { '1': 'a' } } */ function setWith(object, path, value, customizer) { customizer = typeof customizer == 'function' ? customizer : undefined; return object == null ? object : baseSet(object, path, value, customizer); } /** * Creates an array of own enumerable string keyed-value pairs for `object` * which can be consumed by `_.fromPairs`. If `object` is a map or set, its * entries are returned. * * @static * @memberOf _ * @since 4.0.0 * @alias entries * @category Object * @param {Object} object The object to query. * @returns {Array} Returns the key-value pairs. * @example * * function Foo() { * this.a = 1; * this.b = 2; * } * * Foo.prototype.c = 3; * * _.toPairs(new Foo); * // => [['a', 1], ['b', 2]] (iteration order is not guaranteed) */ var toPairs = createToPairs(keys); /** * Creates an array of own and inherited enumerable string keyed-value pairs * for `object` which can be consumed by `_.fromPairs`. If `object` is a map * or set, its entries are returned. * * @static * @memberOf _ * @since 4.0.0 * @alias entriesIn * @category Object * @param {Object} object The object to query. * @returns {Array} Returns the key-value pairs. * @example * * function Foo() { * this.a = 1; * this.b = 2; * } * * Foo.prototype.c = 3; * * _.toPairsIn(new Foo); * // => [['a', 1], ['b', 2], ['c', 3]] (iteration order is not guaranteed) */ var toPairsIn = createToPairs(keysIn); /** * An alternative to `_.reduce`; this method transforms `object` to a new * `accumulator` object which is the result of running each of its own * enumerable string keyed properties thru `iteratee`, with each invocation * potentially mutating the `accumulator` object. If `accumulator` is not * provided, a new object with the same `[[Prototype]]` will be used. The * iteratee is invoked with four arguments: (accumulator, value, key, object). * Iteratee functions may exit iteration early by explicitly returning `false`. * * @static * @memberOf _ * @since 1.3.0 * @category Object * @param {Object} object The object to iterate over. * @param {Function} [iteratee=_.identity] The function invoked per iteration. * @param {*} [accumulator] The custom accumulator value. * @returns {*} Returns the accumulated value. * @example * * _.transform([2, 3, 4], function(result, n) { * result.push(n *= n); * return n % 2 == 0; * }, []); * // => [4, 9] * * _.transform({ 'a': 1, 'b': 2, 'c': 1 }, function(result, value, key) { * (result[value] || (result[value] = [])).push(key); * }, {}); * // => { '1': ['a', 'c'], '2': ['b'] } */ function transform(object, iteratee, accumulator) { var isArr = isArray(object), isArrLike = isArr || isBuffer(object) || isTypedArray(object); iteratee = getIteratee(iteratee, 4); if (accumulator == null) { var Ctor = object && object.constructor; if (isArrLike) { accumulator = isArr ? new Ctor : []; } else if (isObject(object)) { accumulator = isFunction(Ctor) ? baseCreate(getPrototype(object)) : {}; } else { accumulator = {}; } } (isArrLike ? arrayEach : baseForOwn)(object, function(value, index, object) { return iteratee(accumulator, value, index, object); }); return accumulator; } /** * Removes the property at `path` of `object`. * * **Note:** This method mutates `object`. * * @static * @memberOf _ * @since 4.0.0 * @category Object * @param {Object} object The object to modify. * @param {Array|string} path The path of the property to unset. * @returns {boolean} Returns `true` if the property is deleted, else `false`. * @example * * var object = { 'a': [{ 'b': { 'c': 7 } }] }; * _.unset(object, 'a[0].b.c'); * // => true * * console.log(object); * // => { 'a': [{ 'b': {} }] }; * * _.unset(object, ['a', '0', 'b', 'c']); * // => true * * console.log(object); * // => { 'a': [{ 'b': {} }] }; */ function unset(object, path) { return object == null ? true : baseUnset(object, path); } /** * This method is like `_.set` except that accepts `updater` to produce the * value to set. Use `_.updateWith` to customize `path` creation. The `updater` * is invoked with one argument: (value). * * **Note:** This method mutates `object`. * * @static * @memberOf _ * @since 4.6.0 * @category Object * @param {Object} object The object to modify. * @param {Array|string} path The path of the property to set. * @param {Function} updater The function to produce the updated value. * @returns {Object} Returns `object`. * @example * * var object = { 'a': [{ 'b': { 'c': 3 } }] }; * * _.update(object, 'a[0].b.c', function(n) { return n * n; }); * console.log(object.a[0].b.c); * // => 9 * * _.update(object, 'x[0].y.z', function(n) { return n ? n + 1 : 0; }); * console.log(object.x[0].y.z); * // => 0 */ function update(object, path, updater) { return object == null ? object : baseUpdate(object, path, castFunction(updater)); } /** * This method is like `_.update` except that it accepts `customizer` which is * invoked to produce the objects of `path`. If `customizer` returns `undefined` * path creation is handled by the method instead. The `customizer` is invoked * with three arguments: (nsValue, key, nsObject). * * **Note:** This method mutates `object`. * * @static * @memberOf _ * @since 4.6.0 * @category Object * @param {Object} object The object to modify. * @param {Array|string} path The path of the property to set. * @param {Function} updater The function to produce the updated value. * @param {Function} [customizer] The function to customize assigned values. * @returns {Object} Returns `object`. * @example * * var object = {}; * * _.updateWith(object, '[0][1]', _.constant('a'), Object); * // => { '0': { '1': 'a' } } */ function updateWith(object, path, updater, customizer) { customizer = typeof customizer == 'function' ? customizer : undefined; return object == null ? object : baseUpdate(object, path, castFunction(updater), customizer); } /** * Creates an array of the own enumerable string keyed property values of `object`. * * **Note:** Non-object values are coerced to objects. * * @static * @since 0.1.0 * @memberOf _ * @category Object * @param {Object} object The object to query. * @returns {Array} Returns the array of property values. * @example * * function Foo() { * this.a = 1; * this.b = 2; * } * * Foo.prototype.c = 3; * * _.values(new Foo); * // => [1, 2] (iteration order is not guaranteed) * * _.values('hi'); * // => ['h', 'i'] */ function values(object) { return object == null ? [] : baseValues(object, keys(object)); } /** * Creates an array of the own and inherited enumerable string keyed property * values of `object`. * * **Note:** Non-object values are coerced to objects. * * @static * @memberOf _ * @since 3.0.0 * @category Object * @param {Object} object The object to query. * @returns {Array} Returns the array of property values. * @example * * function Foo() { * this.a = 1; * this.b = 2; * } * * Foo.prototype.c = 3; * * _.valuesIn(new Foo); * // => [1, 2, 3] (iteration order is not guaranteed) */ function valuesIn(object) { return object == null ? [] : baseValues(object, keysIn(object)); } /*------------------------------------------------------------------------*/ /** * Clamps `number` within the inclusive `lower` and `upper` bounds. * * @static * @memberOf _ * @since 4.0.0 * @category Number * @param {number} number The number to clamp. * @param {number} [lower] The lower bound. * @param {number} upper The upper bound. * @returns {number} Returns the clamped number. * @example * * _.clamp(-10, -5, 5); * // => -5 * * _.clamp(10, -5, 5); * // => 5 */ function clamp(number, lower, upper) { if (upper === undefined) { upper = lower; lower = undefined; } if (upper !== undefined) { upper = toNumber(upper); upper = upper === upper ? upper : 0; } if (lower !== undefined) { lower = toNumber(lower); lower = lower === lower ? lower : 0; } return baseClamp(toNumber(number), lower, upper); } /** * Checks if `n` is between `start` and up to, but not including, `end`. If * `end` is not specified, it's set to `start` with `start` then set to `0`. * If `start` is greater than `end` the params are swapped to support * negative ranges. * * @static * @memberOf _ * @since 3.3.0 * @category Number * @param {number} number The number to check. * @param {number} [start=0] The start of the range. * @param {number} end The end of the range. * @returns {boolean} Returns `true` if `number` is in the range, else `false`. * @see _.range, _.rangeRight * @example * * _.inRange(3, 2, 4); * // => true * * _.inRange(4, 8); * // => true * * _.inRange(4, 2); * // => false * * _.inRange(2, 2); * // => false * * _.inRange(1.2, 2); * // => true * * _.inRange(5.2, 4); * // => false * * _.inRange(-3, -2, -6); * // => true */ function inRange(number, start, end) { start = toFinite(start); if (end === undefined) { end = start; start = 0; } else { end = toFinite(end); } number = toNumber(number); return baseInRange(number, start, end); } /** * Produces a random number between the inclusive `lower` and `upper` bounds. * If only one argument is provided a number between `0` and the given number * is returned. If `floating` is `true`, or either `lower` or `upper` are * floats, a floating-point number is returned instead of an integer. * * **Note:** JavaScript follows the IEEE-754 standard for resolving * floating-point values which can produce unexpected results. * * @static * @memberOf _ * @since 0.7.0 * @category Number * @param {number} [lower=0] The lower bound. * @param {number} [upper=1] The upper bound. * @param {boolean} [floating] Specify returning a floating-point number. * @returns {number} Returns the random number. * @example * * _.random(0, 5); * // => an integer between 0 and 5 * * _.random(5); * // => also an integer between 0 and 5 * * _.random(5, true); * // => a floating-point number between 0 and 5 * * _.random(1.2, 5.2); * // => a floating-point number between 1.2 and 5.2 */ function random(lower, upper, floating) { if (floating && typeof floating != 'boolean' && isIterateeCall(lower, upper, floating)) { upper = floating = undefined; } if (floating === undefined) { if (typeof upper == 'boolean') { floating = upper; upper = undefined; } else if (typeof lower == 'boolean') { floating = lower; lower = undefined; } } if (lower === undefined && upper === undefined) { lower = 0; upper = 1; } else { lower = toFinite(lower); if (upper === undefined) { upper = lower; lower = 0; } else { upper = toFinite(upper); } } if (lower > upper) { var temp = lower; lower = upper; upper = temp; } if (floating || lower % 1 || upper % 1) { var rand = nativeRandom(); return nativeMin(lower + (rand * (upper - lower + freeParseFloat('1e-' + ((rand + '').length - 1)))), upper); } return baseRandom(lower, upper); } /*------------------------------------------------------------------------*/ /** * Converts `string` to [camel case](https://en.wikipedia.org/wiki/CamelCase). * * @static * @memberOf _ * @since 3.0.0 * @category String * @param {string} [string=''] The string to convert. * @returns {string} Returns the camel cased string. * @example * * _.camelCase('Foo Bar'); * // => 'fooBar' * * _.camelCase('--foo-bar--'); * // => 'fooBar' * * _.camelCase('__FOO_BAR__'); * // => 'fooBar' */ var camelCase = createCompounder(function(result, word, index) { word = word.toLowerCase(); return result + (index ? capitalize(word) : word); }); /** * Converts the first character of `string` to upper case and the remaining * to lower case. * * @static * @memberOf _ * @since 3.0.0 * @category String * @param {string} [string=''] The string to capitalize. * @returns {string} Returns the capitalized string. * @example * * _.capitalize('FRED'); * // => 'Fred' */ function capitalize(string) { return upperFirst(toString(string).toLowerCase()); } /** * Deburrs `string` by converting * [Latin-1 Supplement](https://en.wikipedia.org/wiki/Latin-1_Supplement_(Unicode_block)#Character_table) * and [Latin Extended-A](https://en.wikipedia.org/wiki/Latin_Extended-A) * letters to basic Latin letters and removing * [combining diacritical marks](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks). * * @static * @memberOf _ * @since 3.0.0 * @category String * @param {string} [string=''] The string to deburr. * @returns {string} Returns the deburred string. * @example * * _.deburr('déjà vu'); * // => 'deja vu' */ function deburr(string) { string = toString(string); return string && string.replace(reLatin, deburrLetter).replace(reComboMark, ''); } /** * Checks if `string` ends with the given target string. * * @static * @memberOf _ * @since 3.0.0 * @category String * @param {string} [string=''] The string to inspect. * @param {string} [target] The string to search for. * @param {number} [position=string.length] The position to search up to. * @returns {boolean} Returns `true` if `string` ends with `target`, * else `false`. * @example * * _.endsWith('abc', 'c'); * // => true * * _.endsWith('abc', 'b'); * // => false * * _.endsWith('abc', 'b', 2); * // => true */ function endsWith(string, target, position) { string = toString(string); target = baseToString(target); var length = string.length; position = position === undefined ? length : baseClamp(toInteger(position), 0, length); var end = position; position -= target.length; return position >= 0 && string.slice(position, end) == target; } /** * Converts the characters "&", "<", ">", '"', and "'" in `string` to their * corresponding HTML entities. * * **Note:** No other characters are escaped. To escape additional * characters use a third-party library like [_he_](https://mths.be/he). * * Though the ">" character is escaped for symmetry, characters like * ">" and "/" don't need escaping in HTML and have no special meaning * unless they're part of a tag or unquoted attribute value. See * [Mathias Bynens's article](https://mathiasbynens.be/notes/ambiguous-ampersands) * (under "semi-related fun fact") for more details. * * When working with HTML you should always * [quote attribute values](http://wonko.com/post/html-escaping) to reduce * XSS vectors. * * @static * @since 0.1.0 * @memberOf _ * @category String * @param {string} [string=''] The string to escape. * @returns {string} Returns the escaped string. * @example * * _.escape('fred, barney, & pebbles'); * // => 'fred, barney, & pebbles' */ function escape(string) { string = toString(string); return (string && reHasUnescapedHtml.test(string)) ? string.replace(reUnescapedHtml, escapeHtmlChar) : string; } /** * Escapes the `RegExp` special characters "^", "$", "\", ".", "*", "+", * "?", "(", ")", "[", "]", "{", "}", and "|" in `string`. * * @static * @memberOf _ * @since 3.0.0 * @category String * @param {string} [string=''] The string to escape. * @returns {string} Returns the escaped string. * @example * * _.escapeRegExp('[lodash](https://lodash.com/)'); * // => '\[lodash\]\(https://lodash\.com/\)' */ function escapeRegExp(string) { string = toString(string); return (string && reHasRegExpChar.test(string)) ? string.replace(reRegExpChar, '\\$&') : string; } /** * Converts `string` to * [kebab case](https://en.wikipedia.org/wiki/Letter_case#Special_case_styles). * * @static * @memberOf _ * @since 3.0.0 * @category String * @param {string} [string=''] The string to convert. * @returns {string} Returns the kebab cased string. * @example * * _.kebabCase('Foo Bar'); * // => 'foo-bar' * * _.kebabCase('fooBar'); * // => 'foo-bar' * * _.kebabCase('__FOO_BAR__'); * // => 'foo-bar' */ var kebabCase = createCompounder(function(result, word, index) { return result + (index ? '-' : '') + word.toLowerCase(); }); /** * Converts `string`, as space separated words, to lower case. * * @static * @memberOf _ * @since 4.0.0 * @category String * @param {string} [string=''] The string to convert. * @returns {string} Returns the lower cased string. * @example * * _.lowerCase('--Foo-Bar--'); * // => 'foo bar' * * _.lowerCase('fooBar'); * // => 'foo bar' * * _.lowerCase('__FOO_BAR__'); * // => 'foo bar' */ var lowerCase = createCompounder(function(result, word, index) { return result + (index ? ' ' : '') + word.toLowerCase(); }); /** * Converts the first character of `string` to lower case. * * @static * @memberOf _ * @since 4.0.0 * @category String * @param {string} [string=''] The string to convert. * @returns {string} Returns the converted string. * @example * * _.lowerFirst('Fred'); * // => 'fred' * * _.lowerFirst('FRED'); * // => 'fRED' */ var lowerFirst = createCaseFirst('toLowerCase'); /** * Pads `string` on the left and right sides if it's shorter than `length`. * Padding characters are truncated if they can't be evenly divided by `length`. * * @static * @memberOf _ * @since 3.0.0 * @category String * @param {string} [string=''] The string to pad. * @param {number} [length=0] The padding length. * @param {string} [chars=' '] The string used as padding. * @returns {string} Returns the padded string. * @example * * _.pad('abc', 8); * // => ' abc ' * * _.pad('abc', 8, '_-'); * // => '_-abc_-_' * * _.pad('abc', 3); * // => 'abc' */ function pad(string, length, chars) { string = toString(string); length = toInteger(length); var strLength = length ? stringSize(string) : 0; if (!length || strLength >= length) { return string; } var mid = (length - strLength) / 2; return ( createPadding(nativeFloor(mid), chars) + string + createPadding(nativeCeil(mid), chars) ); } /** * Pads `string` on the right side if it's shorter than `length`. Padding * characters are truncated if they exceed `length`. * * @static * @memberOf _ * @since 4.0.0 * @category String * @param {string} [string=''] The string to pad. * @param {number} [length=0] The padding length. * @param {string} [chars=' '] The string used as padding. * @returns {string} Returns the padded string. * @example * * _.padEnd('abc', 6); * // => 'abc ' * * _.padEnd('abc', 6, '_-'); * // => 'abc_-_' * * _.padEnd('abc', 3); * // => 'abc' */ function padEnd(string, length, chars) { string = toString(string); length = toInteger(length); var strLength = length ? stringSize(string) : 0; return (length && strLength < length) ? (string + createPadding(length - strLength, chars)) : string; } /** * Pads `string` on the left side if it's shorter than `length`. Padding * characters are truncated if they exceed `length`. * * @static * @memberOf _ * @since 4.0.0 * @category String * @param {string} [string=''] The string to pad. * @param {number} [length=0] The padding length. * @param {string} [chars=' '] The string used as padding. * @returns {string} Returns the padded string. * @example * * _.padStart('abc', 6); * // => ' abc' * * _.padStart('abc', 6, '_-'); * // => '_-_abc' * * _.padStart('abc', 3); * // => 'abc' */ function padStart(string, length, chars) { string = toString(string); length = toInteger(length); var strLength = length ? stringSize(string) : 0; return (length && strLength < length) ? (createPadding(length - strLength, chars) + string) : string; } /** * Converts `string` to an integer of the specified radix. If `radix` is * `undefined` or `0`, a `radix` of `10` is used unless `value` is a * hexadecimal, in which case a `radix` of `16` is used. * * **Note:** This method aligns with the * [ES5 implementation](https://es5.github.io/#x15.1.2.2) of `parseInt`. * * @static * @memberOf _ * @since 1.1.0 * @category String * @param {string} string The string to convert. * @param {number} [radix=10] The radix to interpret `value` by. * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`. * @returns {number} Returns the converted integer. * @example * * _.parseInt('08'); * // => 8 * * _.map(['6', '08', '10'], _.parseInt); * // => [6, 8, 10] */ function parseInt(string, radix, guard) { if (guard || radix == null) { radix = 0; } else if (radix) { radix = +radix; } return nativeParseInt(toString(string).replace(reTrimStart, ''), radix || 0); } /** * Repeats the given string `n` times. * * @static * @memberOf _ * @since 3.0.0 * @category String * @param {string} [string=''] The string to repeat. * @param {number} [n=1] The number of times to repeat the string. * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`. * @returns {string} Returns the repeated string. * @example * * _.repeat('*', 3); * // => '***' * * _.repeat('abc', 2); * // => 'abcabc' * * _.repeat('abc', 0); * // => '' */ function repeat(string, n, guard) { if ((guard ? isIterateeCall(string, n, guard) : n === undefined)) { n = 1; } else { n = toInteger(n); } return baseRepeat(toString(string), n); } /** * Replaces matches for `pattern` in `string` with `replacement`. * * **Note:** This method is based on * [`String#replace`](https://mdn.io/String/replace). * * @static * @memberOf _ * @since 4.0.0 * @category String * @param {string} [string=''] The string to modify. * @param {RegExp|string} pattern The pattern to replace. * @param {Function|string} replacement The match replacement. * @returns {string} Returns the modified string. * @example * * _.replace('Hi Fred', 'Fred', 'Barney'); * // => 'Hi Barney' */ function replace() { var args = arguments, string = toString(args[0]); return args.length < 3 ? string : string.replace(args[1], args[2]); } /** * Converts `string` to * [snake case](https://en.wikipedia.org/wiki/Snake_case). * * @static * @memberOf _ * @since 3.0.0 * @category String * @param {string} [string=''] The string to convert. * @returns {string} Returns the snake cased string. * @example * * _.snakeCase('Foo Bar'); * // => 'foo_bar' * * _.snakeCase('fooBar'); * // => 'foo_bar' * * _.snakeCase('--FOO-BAR--'); * // => 'foo_bar' */ var snakeCase = createCompounder(function(result, word, index) { return result + (index ? '_' : '') + word.toLowerCase(); }); /** * Splits `string` by `separator`. * * **Note:** This method is based on * [`String#split`](https://mdn.io/String/split). * * @static * @memberOf _ * @since 4.0.0 * @category String * @param {string} [string=''] The string to split. * @param {RegExp|string} separator The separator pattern to split by. * @param {number} [limit] The length to truncate results to. * @returns {Array} Returns the string segments. * @example * * _.split('a-b-c', '-', 2); * // => ['a', 'b'] */ function split(string, separator, limit) { if (limit && typeof limit != 'number' && isIterateeCall(string, separator, limit)) { separator = limit = undefined; } limit = limit === undefined ? MAX_ARRAY_LENGTH : limit >>> 0; if (!limit) { return []; } string = toString(string); if (string && ( typeof separator == 'string' || (separator != null && !isRegExp(separator)) )) { separator = baseToString(separator); if (!separator && hasUnicode(string)) { return castSlice(stringToArray(string), 0, limit); } } return string.split(separator, limit); } /** * Converts `string` to * [start case](https://en.wikipedia.org/wiki/Letter_case#Stylistic_or_specialised_usage). * * @static * @memberOf _ * @since 3.1.0 * @category String * @param {string} [string=''] The string to convert. * @returns {string} Returns the start cased string. * @example * * _.startCase('--foo-bar--'); * // => 'Foo Bar' * * _.startCase('fooBar'); * // => 'Foo Bar' * * _.startCase('__FOO_BAR__'); * // => 'FOO BAR' */ var startCase = createCompounder(function(result, word, index) { return result + (index ? ' ' : '') + upperFirst(word); }); /** * Checks if `string` starts with the given target string. * * @static * @memberOf _ * @since 3.0.0 * @category String * @param {string} [string=''] The string to inspect. * @param {string} [target] The string to search for. * @param {number} [position=0] The position to search from. * @returns {boolean} Returns `true` if `string` starts with `target`, * else `false`. * @example * * _.startsWith('abc', 'a'); * // => true * * _.startsWith('abc', 'b'); * // => false * * _.startsWith('abc', 'b', 1); * // => true */ function startsWith(string, target, position) { string = toString(string); position = position == null ? 0 : baseClamp(toInteger(position), 0, string.length); target = baseToString(target); return string.slice(position, position + target.length) == target; } /** * Creates a compiled template function that can interpolate data properties * in "interpolate" delimiters, HTML-escape interpolated data properties in * "escape" delimiters, and execute JavaScript in "evaluate" delimiters. Data * properties may be accessed as free variables in the template. If a setting * object is given, it takes precedence over `_.templateSettings` values. * * **Note:** In the development build `_.template` utilizes * [sourceURLs](http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/#toc-sourceurl) * for easier debugging. * * For more information on precompiling templates see * [lodash's custom builds documentation](https://lodash.com/custom-builds). * * For more information on Chrome extension sandboxes see * [Chrome's extensions documentation](https://developer.chrome.com/extensions/sandboxingEval). * * @static * @since 0.1.0 * @memberOf _ * @category String * @param {string} [string=''] The template string. * @param {Object} [options={}] The options object. * @param {RegExp} [options.escape=_.templateSettings.escape] * The HTML "escape" delimiter. * @param {RegExp} [options.evaluate=_.templateSettings.evaluate] * The "evaluate" delimiter. * @param {Object} [options.imports=_.templateSettings.imports] * An object to import into the template as free variables. * @param {RegExp} [options.interpolate=_.templateSettings.interpolate] * The "interpolate" delimiter. * @param {string} [options.sourceURL='lodash.templateSources[n]'] * The sourceURL of the compiled template. * @param {string} [options.variable='obj'] * The data object variable name. * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`. * @returns {Function} Returns the compiled template function. * @example * * // Use the "interpolate" delimiter to create a compiled template. * var compiled = _.template('hello <%= user %>!'); * compiled({ 'user': 'fred' }); * // => 'hello fred!' * * // Use the HTML "escape" delimiter to escape data property values. * var compiled = _.template('<%- value %>'); * compiled({ 'value': ''); }; return EventedTokenizer; }()); var Tokenizer = /** @class */ (function () { function Tokenizer(entityParser, options) { if (options === void 0) { options = {}; } this.options = options; this.token = null; this.startLine = 1; this.startColumn = 0; this.tokens = []; this.tokenizer = new EventedTokenizer(this, entityParser); this._currentAttribute = undefined; } Tokenizer.prototype.tokenize = function (input) { this.tokens = []; this.tokenizer.tokenize(input); return this.tokens; }; Tokenizer.prototype.tokenizePart = function (input) { this.tokens = []; this.tokenizer.tokenizePart(input); return this.tokens; }; Tokenizer.prototype.tokenizeEOF = function () { this.tokens = []; this.tokenizer.tokenizeEOF(); return this.tokens[0]; }; Tokenizer.prototype.reset = function () { this.token = null; this.startLine = 1; this.startColumn = 0; }; Tokenizer.prototype.current = function () { var token = this.token; if (token === null) { throw new Error('token was unexpectedly null'); } if (arguments.length === 0) { return token; } for (var i = 0; i < arguments.length; i++) { if (token.type === arguments[i]) { return token; } } throw new Error("token type was unexpectedly " + token.type); }; Tokenizer.prototype.push = function (token) { this.token = token; this.tokens.push(token); }; Tokenizer.prototype.currentAttribute = function () { return this._currentAttribute; }; Tokenizer.prototype.addLocInfo = function () { if (this.options.loc) { this.current().loc = { start: { line: this.startLine, column: this.startColumn }, end: { line: this.tokenizer.line, column: this.tokenizer.column } }; } this.startLine = this.tokenizer.line; this.startColumn = this.tokenizer.column; }; // Data Tokenizer.prototype.beginData = function () { this.push({ type: "Chars" /* Chars */, chars: '' }); }; Tokenizer.prototype.appendToData = function (char) { this.current("Chars" /* Chars */).chars += char; }; Tokenizer.prototype.finishData = function () { this.addLocInfo(); }; // Comment Tokenizer.prototype.beginComment = function () { this.push({ type: "Comment" /* Comment */, chars: '' }); }; Tokenizer.prototype.appendToCommentData = function (char) { this.current("Comment" /* Comment */).chars += char; }; Tokenizer.prototype.finishComment = function () { this.addLocInfo(); }; // Tags - basic Tokenizer.prototype.tagOpen = function () { }; Tokenizer.prototype.beginStartTag = function () { this.push({ type: "StartTag" /* StartTag */, tagName: '', attributes: [], selfClosing: false }); }; Tokenizer.prototype.beginEndTag = function () { this.push({ type: "EndTag" /* EndTag */, tagName: '' }); }; Tokenizer.prototype.finishTag = function () { this.addLocInfo(); }; Tokenizer.prototype.markTagAsSelfClosing = function () { this.current("StartTag" /* StartTag */).selfClosing = true; }; // Tags - name Tokenizer.prototype.appendToTagName = function (char) { this.current("StartTag" /* StartTag */, "EndTag" /* EndTag */).tagName += char; }; // Tags - attributes Tokenizer.prototype.beginAttribute = function () { this._currentAttribute = ['', '', false]; }; Tokenizer.prototype.appendToAttributeName = function (char) { this.currentAttribute()[0] += char; }; Tokenizer.prototype.beginAttributeValue = function (isQuoted) { this.currentAttribute()[2] = isQuoted; }; Tokenizer.prototype.appendToAttributeValue = function (char) { this.currentAttribute()[1] += char; }; Tokenizer.prototype.finishAttributeValue = function () { this.current("StartTag" /* StartTag */).attributes.push(this._currentAttribute); }; Tokenizer.prototype.reportSyntaxError = function (message) { this.current().syntaxError = message; }; return Tokenizer; }()); function tokenize(input, options) { var tokenizer = new Tokenizer(new EntityParser(namedCharRefs), options); return tokenizer.tokenize(input); } // EXTERNAL MODULE: external {"this":["wp","htmlEntities"]} var external_this_wp_htmlEntities_ = __webpack_require__(62); // CONCATENATED MODULE: ./node_modules/@wordpress/blocks/build-module/api/validation/logger.js function createLogger() { /** * Creates a log handler with block validation prefix. * * @param {Function} logger Original logger function. * * @return {Function} Augmented logger function. */ function createLogHandler(logger) { var log = function log(message) { for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { args[_key - 1] = arguments[_key]; } return logger.apply(void 0, ['Block validation: ' + message].concat(args)); }; // In test environments, pre-process the sprintf message to improve // readability of error messages. We'd prefer to avoid pulling in this // dependency in runtime environments, and it can be dropped by a combo // of Webpack env substitution + UglifyJS dead code elimination. if (false) {} return log; } return { // eslint-disable-next-line no-console error: createLogHandler(console.error), // eslint-disable-next-line no-console warning: createLogHandler(console.warn), getItems: function getItems() { return []; } }; } function createQueuedLogger() { /** * The list of enqueued log actions to print. * * @type {Array} */ var queue = []; var logger = createLogger(); return { error: function error() { for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) { args[_key2] = arguments[_key2]; } queue.push({ log: logger.error, args: args }); }, warning: function warning() { for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) { args[_key3] = arguments[_key3]; } queue.push({ log: logger.warning, args: args }); }, getItems: function getItems() { return queue; } }; } // EXTERNAL MODULE: external {"this":["wp","isShallowEqual"]} var external_this_wp_isShallowEqual_ = __webpack_require__(55); var external_this_wp_isShallowEqual_default = /*#__PURE__*/__webpack_require__.n(external_this_wp_isShallowEqual_); // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js var esm_extends = __webpack_require__(8); // EXTERNAL MODULE: external {"this":["wp","compose"]} var external_this_wp_compose_ = __webpack_require__(9); // CONCATENATED MODULE: ./node_modules/@wordpress/blocks/build-module/block-content-provider/index.js /** * WordPress dependencies */ /** * Internal dependencies */ var _createContext = Object(external_this_wp_element_["createContext"])(function () {}), Consumer = _createContext.Consumer, Provider = _createContext.Provider; /** * An internal block component used in block content serialization to inject * nested block content within the `save` implementation of the ancestor * component in which it is nested. The component provides a pre-bound * `BlockContent` component via context, which is used by the developer-facing * `InnerBlocks.Content` component to render block content. * * @example * * ```jsx * * { blockSaveElement } * * ``` * * @param {Object} props Component props. * @param {WPElement} props.children Block save result. * @param {Array} props.innerBlocks Block(s) to serialize. * * @return {WPComponent} Element with BlockContent injected via context. */ var block_content_provider_BlockContentProvider = function BlockContentProvider(_ref) { var children = _ref.children, innerBlocks = _ref.innerBlocks; var BlockContent = function BlockContent() { // Value is an array of blocks, so defer to block serializer var html = serialize(innerBlocks, { isInnerBlocks: true }); // Use special-cased raw HTML tag to avoid default escaping return Object(external_this_wp_element_["createElement"])(external_this_wp_element_["RawHTML"], null, html); }; return Object(external_this_wp_element_["createElement"])(Provider, { value: BlockContent }, children); }; /** * A Higher Order Component used to inject BlockContent using context to the * wrapped component. * * @return {WPComponent} Enhanced component with injected BlockContent as prop. */ var withBlockContentContext = Object(external_this_wp_compose_["createHigherOrderComponent"])(function (OriginalComponent) { return function (props) { return Object(external_this_wp_element_["createElement"])(Consumer, null, function (context) { return Object(external_this_wp_element_["createElement"])(OriginalComponent, Object(esm_extends["a" /* default */])({}, props, { BlockContent: context })); }); }; }, 'withBlockContentContext'); /* harmony default export */ var block_content_provider = (block_content_provider_BlockContentProvider); // CONCATENATED MODULE: ./node_modules/@wordpress/blocks/build-module/api/serializer.js function serializer_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } function serializer_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { serializer_ownKeys(Object(source), true).forEach(function (key) { Object(defineProperty["a" /* default */])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { serializer_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } /** * External dependencies */ /** * WordPress dependencies */ /** * Internal dependencies */ /** * @typedef {Object} WPBlockSerializationOptions Serialization Options. * * @property {boolean} isInnerBlocks Whether we are serializing inner blocks. */ /** * Returns the block's default classname from its name. * * @param {string} blockName The block name. * * @return {string} The block's default class. */ function getBlockDefaultClassName(blockName) { // Generated HTML classes for blocks follow the `wp-block-{name}` nomenclature. // Blocks provided by WordPress drop the prefixes 'core/' or 'core-' (used in 'core-embed/'). var className = 'wp-block-' + blockName.replace(/\//, '-').replace(/^core-/, ''); return Object(external_this_wp_hooks_["applyFilters"])('blocks.getBlockDefaultClassName', className, blockName); } /** * Returns the block's default menu item classname from its name. * * @param {string} blockName The block name. * * @return {string} The block's default menu item class. */ function getBlockMenuDefaultClassName(blockName) { // Generated HTML classes for blocks follow the `editor-block-list-item-{name}` nomenclature. // Blocks provided by WordPress drop the prefixes 'core/' or 'core-' (used in 'core-embed/'). var className = 'editor-block-list-item-' + blockName.replace(/\//, '-').replace(/^core-/, ''); return Object(external_this_wp_hooks_["applyFilters"])('blocks.getBlockMenuDefaultClassName', className, blockName); } /** * Given a block type containing a save render implementation and attributes, returns the * enhanced element to be saved or string when raw HTML expected. * * @param {string|Object} blockTypeOrName Block type or name. * @param {Object} attributes Block attributes. * @param {?Array} innerBlocks Nested blocks. * * @return {Object|string} Save element or raw HTML string. */ function getSaveElement(blockTypeOrName, attributes) { var innerBlocks = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : []; var blockType = normalizeBlockType(blockTypeOrName); var save = blockType.save; // Component classes are unsupported for save since serialization must // occur synchronously. For improved interoperability with higher-order // components which often return component class, emulate basic support. if (save.prototype instanceof external_this_wp_element_["Component"]) { var instance = new save({ attributes: attributes }); save = instance.render.bind(instance); } var element = save({ attributes: attributes, innerBlocks: innerBlocks }); if (Object(external_this_lodash_["isObject"])(element) && Object(external_this_wp_hooks_["hasFilter"])('blocks.getSaveContent.extraProps')) { /** * Filters the props applied to the block save result element. * * @param {Object} props Props applied to save element. * @param {WPBlock} blockType Block type definition. * @param {Object} attributes Block attributes. */ var props = Object(external_this_wp_hooks_["applyFilters"])('blocks.getSaveContent.extraProps', serializer_objectSpread({}, element.props), blockType, attributes); if (!external_this_wp_isShallowEqual_default()(props, element.props)) { element = Object(external_this_wp_element_["cloneElement"])(element, props); } } /** * Filters the save result of a block during serialization. * * @param {WPElement} element Block save result. * @param {WPBlock} blockType Block type definition. * @param {Object} attributes Block attributes. */ element = Object(external_this_wp_hooks_["applyFilters"])('blocks.getSaveElement', element, blockType, attributes); return Object(external_this_wp_element_["createElement"])(block_content_provider, { innerBlocks: innerBlocks }, element); } /** * Given a block type containing a save render implementation and attributes, returns the * static markup to be saved. * * @param {string|Object} blockTypeOrName Block type or name. * @param {Object} attributes Block attributes. * @param {?Array} innerBlocks Nested blocks. * * @return {string} Save content. */ function getSaveContent(blockTypeOrName, attributes, innerBlocks) { var blockType = normalizeBlockType(blockTypeOrName); return Object(external_this_wp_element_["renderToString"])(getSaveElement(blockType, attributes, innerBlocks)); } /** * Returns attributes which are to be saved and serialized into the block * comment delimiter. * * When a block exists in memory it contains as its attributes both those * parsed the block comment delimiter _and_ those which matched from the * contents of the block. * * This function returns only those attributes which are needed to persist and * which cannot be matched from the block content. * * @param {Object} blockType Block type. * @param {Object} attributes Attributes from in-memory block data. * * @return {Object} Subset of attributes for comment serialization. */ function getCommentAttributes(blockType, attributes) { return Object(external_this_lodash_["reduce"])(blockType.attributes, function (accumulator, attributeSchema, key) { var value = attributes[key]; // Ignore undefined values. if (undefined === value) { return accumulator; } // Ignore all attributes but the ones with an "undefined" source // "undefined" source refers to attributes saved in the block comment. if (attributeSchema.source !== undefined) { return accumulator; } // Ignore default value. if ('default' in attributeSchema && attributeSchema.default === value) { return accumulator; } // Otherwise, include in comment set. accumulator[key] = value; return accumulator; }, {}); } /** * Given an attributes object, returns a string in the serialized attributes * format prepared for post content. * * @param {Object} attributes Attributes object. * * @return {string} Serialized attributes. */ function serializeAttributes(attributes) { return JSON.stringify(attributes) // Don't break HTML comments. .replace(/--/g, "\\u002d\\u002d") // Don't break non-standard-compliant tools. .replace(//g, "\\u003e").replace(/&/g, "\\u0026") // Bypass server stripslashes behavior which would unescape stringify's // escaping of quotation mark. // // See: https://developer.wordpress.org/reference/functions/wp_kses_stripslashes/ .replace(/\\"/g, "\\u0022"); } /** * Given a block object, returns the Block's Inner HTML markup. * * @param {Object} block Block instance. * * @return {string} HTML. */ function getBlockContent(block) { // @todo why not getBlockInnerHtml? // If block was parsed as invalid or encounters an error while generating // save content, use original content instead to avoid content loss. If a // block contains nested content, exempt it from this condition because we // otherwise have no access to its original content and content loss would // still occur. var saveContent = block.originalContent; if (block.isValid || block.innerBlocks.length) { try { saveContent = getSaveContent(block.name, block.attributes, block.innerBlocks); } catch (error) {} } return saveContent; } /** * Returns the content of a block, including comment delimiters. * * @param {string} rawBlockName Block name. * @param {Object} attributes Block attributes. * @param {string} content Block save content. * * @return {string} Comment-delimited block content. */ function getCommentDelimitedContent(rawBlockName, attributes, content) { var serializedAttributes = !Object(external_this_lodash_["isEmpty"])(attributes) ? serializeAttributes(attributes) + ' ' : ''; // Strip core blocks of their namespace prefix. var blockName = Object(external_this_lodash_["startsWith"])(rawBlockName, 'core/') ? rawBlockName.slice(5) : rawBlockName; // @todo make the `wp:` prefix potentially configurable. if (!content) { return ""); } return "\n") + content + "\n"); } /** * Returns the content of a block, including comment delimiters, determining * serialized attributes and content form from the current state of the block. * * @param {Object} block Block instance. * @param {WPBlockSerializationOptions} options Serialization options. * * @return {string} Serialized block. */ function serializeBlock(block) { var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}, _ref$isInnerBlocks = _ref.isInnerBlocks, isInnerBlocks = _ref$isInnerBlocks === void 0 ? false : _ref$isInnerBlocks; var blockName = block.name; var saveContent = getBlockContent(block); if (blockName === getUnregisteredTypeHandlerName() || !isInnerBlocks && blockName === getFreeformContentHandlerName()) { return saveContent; } var blockType = registration_getBlockType(blockName); var saveAttributes = getCommentAttributes(blockType, block.attributes); return getCommentDelimitedContent(blockName, saveAttributes, saveContent); } /** * Takes a block or set of blocks and returns the serialized post content. * * @param {Array} blocks Block(s) to serialize. * @param {WPBlockSerializationOptions} options Serialization options. * * @return {string} The post content. */ function serialize(blocks, options) { return Object(external_this_lodash_["castArray"])(blocks).map(function (block) { return serializeBlock(block, options); }).join('\n\n'); } // CONCATENATED MODULE: ./node_modules/@wordpress/blocks/build-module/api/validation/index.js function validation_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } function validation_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { validation_ownKeys(Object(source), true).forEach(function (key) { Object(defineProperty["a" /* default */])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { validation_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } /** * External dependencies */ /** * WordPress dependencies */ /** * Internal dependencies */ /** * Globally matches any consecutive whitespace * * @type {RegExp} */ var REGEXP_WHITESPACE = /[\t\n\r\v\f ]+/g; /** * Matches a string containing only whitespace * * @type {RegExp} */ var REGEXP_ONLY_WHITESPACE = /^[\t\n\r\v\f ]*$/; /** * Matches a CSS URL type value * * @type {RegExp} */ var REGEXP_STYLE_URL_TYPE = /^url\s*\(['"\s]*(.*?)['"\s]*\)$/; /** * Boolean attributes are attributes whose presence as being assigned is * meaningful, even if only empty. * * See: https://html.spec.whatwg.org/multipage/common-microsyntaxes.html#boolean-attributes * Extracted from: https://html.spec.whatwg.org/multipage/indices.html#attributes-3 * * Object.keys( Array.from( document.querySelectorAll( '#attributes-1 > tbody > tr' ) ) * .filter( ( tr ) => tr.lastChild.textContent.indexOf( 'Boolean attribute' ) !== -1 ) * .reduce( ( result, tr ) => Object.assign( result, { * [ tr.firstChild.textContent.trim() ]: true * } ), {} ) ).sort(); * * @type {Array} */ var BOOLEAN_ATTRIBUTES = ['allowfullscreen', 'allowpaymentrequest', 'allowusermedia', 'async', 'autofocus', 'autoplay', 'checked', 'controls', 'default', 'defer', 'disabled', 'download', 'formnovalidate', 'hidden', 'ismap', 'itemscope', 'loop', 'multiple', 'muted', 'nomodule', 'novalidate', 'open', 'playsinline', 'readonly', 'required', 'reversed', 'selected', 'typemustmatch']; /** * Enumerated attributes are attributes which must be of a specific value form. * Like boolean attributes, these are meaningful if specified, even if not of a * valid enumerated value. * * See: https://html.spec.whatwg.org/multipage/common-microsyntaxes.html#enumerated-attribute * Extracted from: https://html.spec.whatwg.org/multipage/indices.html#attributes-3 * * Object.keys( Array.from( document.querySelectorAll( '#attributes-1 > tbody > tr' ) ) * .filter( ( tr ) => /^("(.+?)";?\s*)+/.test( tr.lastChild.textContent.trim() ) ) * .reduce( ( result, tr ) => Object.assign( result, { * [ tr.firstChild.textContent.trim() ]: true * } ), {} ) ).sort(); * * @type {Array} */ var ENUMERATED_ATTRIBUTES = ['autocapitalize', 'autocomplete', 'charset', 'contenteditable', 'crossorigin', 'decoding', 'dir', 'draggable', 'enctype', 'formenctype', 'formmethod', 'http-equiv', 'inputmode', 'kind', 'method', 'preload', 'scope', 'shape', 'spellcheck', 'translate', 'type', 'wrap']; /** * Meaningful attributes are those who cannot be safely ignored when omitted in * one HTML markup string and not another. * * @type {Array} */ var MEANINGFUL_ATTRIBUTES = [].concat(BOOLEAN_ATTRIBUTES, ENUMERATED_ATTRIBUTES); /** * Array of functions which receive a text string on which to apply normalizing * behavior for consideration in text token equivalence, carefully ordered from * least-to-most expensive operations. * * @type {Array} */ var TEXT_NORMALIZATIONS = [external_this_lodash_["identity"], getTextWithCollapsedWhitespace]; /** * Regular expression matching a named character reference. In lieu of bundling * a full set of references, the pattern covers the minimal necessary to test * positively against the full set. * * "The ampersand must be followed by one of the names given in the named * character references section, using the same case." * * Tested aginst "12.5 Named character references": * * ``` * const references = Array.from( document.querySelectorAll( * '#named-character-references-table tr[id^=entity-] td:first-child' * ) ).map( ( code ) => code.textContent ) * references.every( ( reference ) => /^[\da-z]+$/i.test( reference ) ) * ``` * * @see https://html.spec.whatwg.org/multipage/syntax.html#character-references * @see https://html.spec.whatwg.org/multipage/named-characters.html#named-character-references * * @type {RegExp} */ var REGEXP_NAMED_CHARACTER_REFERENCE = /^[\da-z]+$/i; /** * Regular expression matching a decimal character reference. * * "The ampersand must be followed by a U+0023 NUMBER SIGN character (#), * followed by one or more ASCII digits, representing a base-ten integer" * * @see https://html.spec.whatwg.org/multipage/syntax.html#character-references * * @type {RegExp} */ var REGEXP_DECIMAL_CHARACTER_REFERENCE = /^#\d+$/; /** * Regular expression matching a hexadecimal character reference. * * "The ampersand must be followed by a U+0023 NUMBER SIGN character (#), which * must be followed by either a U+0078 LATIN SMALL LETTER X character (x) or a * U+0058 LATIN CAPITAL LETTER X character (X), which must then be followed by * one or more ASCII hex digits, representing a hexadecimal integer" * * @see https://html.spec.whatwg.org/multipage/syntax.html#character-references * * @type {RegExp} */ var REGEXP_HEXADECIMAL_CHARACTER_REFERENCE = /^#x[\da-f]+$/i; /** * Returns true if the given string is a valid character reference segment, or * false otherwise. The text should be stripped of `&` and `;` demarcations. * * @param {string} text Text to test. * * @return {boolean} Whether text is valid character reference. */ function isValidCharacterReference(text) { return REGEXP_NAMED_CHARACTER_REFERENCE.test(text) || REGEXP_DECIMAL_CHARACTER_REFERENCE.test(text) || REGEXP_HEXADECIMAL_CHARACTER_REFERENCE.test(text); } /** * Subsitute EntityParser class for `simple-html-tokenizer` which uses the * implementation of `decodeEntities` from `html-entities`, in order to avoid * bundling a massive named character reference. * * @see https://github.com/tildeio/simple-html-tokenizer/tree/master/src/entity-parser.ts */ var validation_DecodeEntityParser = /*#__PURE__*/function () { function DecodeEntityParser() { Object(classCallCheck["a" /* default */])(this, DecodeEntityParser); } Object(createClass["a" /* default */])(DecodeEntityParser, [{ key: "parse", /** * Returns a substitute string for an entity string sequence between `&` * and `;`, or undefined if no substitution should occur. * * @param {string} entity Entity fragment discovered in HTML. * * @return {?string} Entity substitute value. */ value: function parse(entity) { if (isValidCharacterReference(entity)) { return Object(external_this_wp_htmlEntities_["decodeEntities"])('&' + entity + ';'); } } }]); return DecodeEntityParser; }(); /** * Given a specified string, returns an array of strings split by consecutive * whitespace, ignoring leading or trailing whitespace. * * @param {string} text Original text. * * @return {string[]} Text pieces split on whitespace. */ function getTextPiecesSplitOnWhitespace(text) { return text.trim().split(REGEXP_WHITESPACE); } /** * Given a specified string, returns a new trimmed string where all consecutive * whitespace is collapsed to a single space. * * @param {string} text Original text. * * @return {string} Trimmed text with consecutive whitespace collapsed. */ function getTextWithCollapsedWhitespace(text) { // This is an overly simplified whitespace comparison. The specification is // more prescriptive of whitespace behavior in inline and block contexts. // // See: https://medium.com/@patrickbrosset/when-does-white-space-matter-in-html-b90e8a7cdd33 return getTextPiecesSplitOnWhitespace(text).join(' '); } /** * Returns attribute pairs of the given StartTag token, including only pairs * where the value is non-empty or the attribute is a boolean attribute, an * enumerated attribute, or a custom data- attribute. * * @see MEANINGFUL_ATTRIBUTES * * @param {Object} token StartTag token. * * @return {Array[]} Attribute pairs. */ function getMeaningfulAttributePairs(token) { return token.attributes.filter(function (pair) { var _pair = Object(slicedToArray["a" /* default */])(pair, 2), key = _pair[0], value = _pair[1]; return value || key.indexOf('data-') === 0 || Object(external_this_lodash_["includes"])(MEANINGFUL_ATTRIBUTES, key); }); } /** * Returns true if two text tokens (with `chars` property) are equivalent, or * false otherwise. * * @param {Object} actual Actual token. * @param {Object} expected Expected token. * @param {Object} logger Validation logger object. * * @return {boolean} Whether two text tokens are equivalent. */ function isEquivalentTextTokens(actual, expected) { var logger = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : createLogger(); // This function is intentionally written as syntactically "ugly" as a hot // path optimization. Text is progressively normalized in order from least- // to-most operationally expensive, until the earliest point at which text // can be confidently inferred as being equal. var actualChars = actual.chars; var expectedChars = expected.chars; for (var i = 0; i < TEXT_NORMALIZATIONS.length; i++) { var normalize = TEXT_NORMALIZATIONS[i]; actualChars = normalize(actualChars); expectedChars = normalize(expectedChars); if (actualChars === expectedChars) { return true; } } logger.warning('Expected text `%s`, saw `%s`.', expected.chars, actual.chars); return false; } /** * Given a style value, returns a normalized style value for strict equality * comparison. * * @param {string} value Style value. * * @return {string} Normalized style value. */ function getNormalizedStyleValue(value) { return value // Normalize URL type to omit whitespace or quotes .replace(REGEXP_STYLE_URL_TYPE, 'url($1)'); } /** * Given a style attribute string, returns an object of style properties. * * @param {string} text Style attribute. * * @return {Object} Style properties. */ function getStyleProperties(text) { var pairs = text // Trim ending semicolon (avoid including in split) .replace(/;?\s*$/, '') // Split on property assignment .split(';') // For each property assignment... .map(function (style) { // ...split further into key-value pairs var _style$split = style.split(':'), _style$split2 = Object(toArray["a" /* default */])(_style$split), key = _style$split2[0], valueParts = _style$split2.slice(1); var value = valueParts.join(':'); return [key.trim(), getNormalizedStyleValue(value.trim())]; }); return Object(external_this_lodash_["fromPairs"])(pairs); } /** * Attribute-specific equality handlers * * @type {Object} */ var isEqualAttributesOfName = validation_objectSpread({ class: function _class(actual, expected) { // Class matches if members are the same, even if out of order or // superfluous whitespace between. return !external_this_lodash_["xor"].apply(void 0, Object(toConsumableArray["a" /* default */])([actual, expected].map(getTextPiecesSplitOnWhitespace))).length; }, style: function style(actual, expected) { return external_this_lodash_["isEqual"].apply(void 0, Object(toConsumableArray["a" /* default */])([actual, expected].map(getStyleProperties))); } }, Object(external_this_lodash_["fromPairs"])(BOOLEAN_ATTRIBUTES.map(function (attribute) { return [attribute, external_this_lodash_["stubTrue"]]; }))); /** * Given two sets of attribute tuples, returns true if the attribute sets are * equivalent. * * @param {Array[]} actual Actual attributes tuples. * @param {Array[]} expected Expected attributes tuples. * @param {Object} logger Validation logger object. * * @return {boolean} Whether attributes are equivalent. */ function isEqualTagAttributePairs(actual, expected) { var logger = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : createLogger(); // Attributes is tokenized as tuples. Their lengths should match. This also // avoids us needing to check both attributes sets, since if A has any keys // which do not exist in B, we know the sets to be different. if (actual.length !== expected.length) { logger.warning('Expected attributes %o, instead saw %o.', expected, actual); return false; } // Attributes are not guaranteed to occur in the same order. For validating // actual attributes, first convert the set of expected attribute values to // an object, for lookup by key. var expectedAttributes = {}; for (var i = 0; i < expected.length; i++) { expectedAttributes[expected[i][0].toLowerCase()] = expected[i][1]; } for (var _i = 0; _i < actual.length; _i++) { var _actual$_i = Object(slicedToArray["a" /* default */])(actual[_i], 2), name = _actual$_i[0], actualValue = _actual$_i[1]; var nameLower = name.toLowerCase(); // As noted above, if missing member in B, assume different if (!expectedAttributes.hasOwnProperty(nameLower)) { logger.warning('Encountered unexpected attribute `%s`.', name); return false; } var expectedValue = expectedAttributes[nameLower]; var isEqualAttributes = isEqualAttributesOfName[nameLower]; if (isEqualAttributes) { // Defer custom attribute equality handling if (!isEqualAttributes(actualValue, expectedValue)) { logger.warning('Expected attribute `%s` of value `%s`, saw `%s`.', name, expectedValue, actualValue); return false; } } else if (actualValue !== expectedValue) { // Otherwise strict inequality should bail logger.warning('Expected attribute `%s` of value `%s`, saw `%s`.', name, expectedValue, actualValue); return false; } } return true; } /** * Token-type-specific equality handlers * * @type {Object} */ var isEqualTokensOfType = { StartTag: function StartTag(actual, expected) { var logger = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : createLogger(); if (actual.tagName !== expected.tagName && // Optimization: Use short-circuit evaluation to defer case- // insensitive check on the assumption that the majority case will // have exactly equal tag names. actual.tagName.toLowerCase() !== expected.tagName.toLowerCase()) { logger.warning('Expected tag name `%s`, instead saw `%s`.', expected.tagName, actual.tagName); return false; } return isEqualTagAttributePairs.apply(void 0, Object(toConsumableArray["a" /* default */])([actual, expected].map(getMeaningfulAttributePairs)).concat([logger])); }, Chars: isEquivalentTextTokens, Comment: isEquivalentTextTokens }; /** * Given an array of tokens, returns the first token which is not purely * whitespace. * * Mutates the tokens array. * * @param {Object[]} tokens Set of tokens to search. * * @return {Object} Next non-whitespace token. */ function getNextNonWhitespaceToken(tokens) { var token; while (token = tokens.shift()) { if (token.type !== 'Chars') { return token; } if (!REGEXP_ONLY_WHITESPACE.test(token.chars)) { return token; } } } /** * Tokenize an HTML string, gracefully handling any errors thrown during * underlying tokenization. * * @param {string} html HTML string to tokenize. * @param {Object} logger Validation logger object. * * @return {Object[]|null} Array of valid tokenized HTML elements, or null on error */ function getHTMLTokens(html) { var logger = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : createLogger(); try { return new Tokenizer(new validation_DecodeEntityParser()).tokenize(html); } catch (e) { logger.warning('Malformed HTML detected: %s', html); } return null; } /** * Returns true if the next HTML token closes the current token. * * @param {Object} currentToken Current token to compare with. * @param {Object|undefined} nextToken Next token to compare against. * * @return {boolean} true if `nextToken` closes `currentToken`, false otherwise */ function isClosedByToken(currentToken, nextToken) { // Ensure this is a self closed token if (!currentToken.selfClosing) { return false; } // Check token names and determine if nextToken is the closing tag for currentToken if (nextToken && nextToken.tagName === currentToken.tagName && nextToken.type === 'EndTag') { return true; } return false; } /** * Returns true if the given HTML strings are effectively equivalent, or * false otherwise. Invalid HTML is not considered equivalent, even if the * strings directly match. * * @param {string} actual Actual HTML string. * @param {string} expected Expected HTML string. * @param {Object} logger Validation logger object. * * @return {boolean} Whether HTML strings are equivalent. */ function isEquivalentHTML(actual, expected) { var logger = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : createLogger(); // Short-circuit if markup is identical. if (actual === expected) { return true; } // Tokenize input content and reserialized save content var _map = [actual, expected].map(function (html) { return getHTMLTokens(html, logger); }), _map2 = Object(slicedToArray["a" /* default */])(_map, 2), actualTokens = _map2[0], expectedTokens = _map2[1]; // If either is malformed then stop comparing - the strings are not equivalent if (!actualTokens || !expectedTokens) { return false; } var actualToken, expectedToken; while (actualToken = getNextNonWhitespaceToken(actualTokens)) { expectedToken = getNextNonWhitespaceToken(expectedTokens); // Inequal if exhausted all expected tokens if (!expectedToken) { logger.warning('Expected end of content, instead saw %o.', actualToken); return false; } // Inequal if next non-whitespace token of each set are not same type if (actualToken.type !== expectedToken.type) { logger.warning('Expected token of type `%s` (%o), instead saw `%s` (%o).', expectedToken.type, expectedToken, actualToken.type, actualToken); return false; } // Defer custom token type equality handling, otherwise continue and // assume as equal var isEqualTokens = isEqualTokensOfType[actualToken.type]; if (isEqualTokens && !isEqualTokens(actualToken, expectedToken, logger)) { return false; } // Peek at the next tokens (actual and expected) to see if they close // a self-closing tag if (isClosedByToken(actualToken, expectedTokens[0])) { // Consume the next expected token that closes the current actual // self-closing token getNextNonWhitespaceToken(expectedTokens); } else if (isClosedByToken(expectedToken, actualTokens[0])) { // Consume the next actual token that closes the current expected // self-closing token getNextNonWhitespaceToken(actualTokens); } } if (expectedToken = getNextNonWhitespaceToken(expectedTokens)) { // If any non-whitespace tokens remain in expected token set, this // indicates inequality logger.warning('Expected %o, instead saw end of content.', expectedToken); return false; } return true; } /** * Returns an object with `isValid` property set to `true` if the parsed block * is valid given the input content. A block is considered valid if, when serialized * with assumed attributes, the content matches the original value. If block is * invalid, this function returns all validations issues as well. * * @param {string|Object} blockTypeOrName Block type. * @param {Object} attributes Parsed block attributes. * @param {string} originalBlockContent Original block content. * @param {Object} logger Validation logger object. * * @return {Object} Whether block is valid and contains validation messages. */ function getBlockContentValidationResult(blockTypeOrName, attributes, originalBlockContent) { var logger = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : createQueuedLogger(); var blockType = normalizeBlockType(blockTypeOrName); var generatedBlockContent; try { generatedBlockContent = getSaveContent(blockType, attributes); } catch (error) { logger.error('Block validation failed because an error occurred while generating block content:\n\n%s', error.toString()); return { isValid: false, validationIssues: logger.getItems() }; } var isValid = isEquivalentHTML(originalBlockContent, generatedBlockContent, logger); if (!isValid) { logger.error('Block validation failed for `%s` (%o).\n\nContent generated by `save` function:\n\n%s\n\nContent retrieved from post body:\n\n%s', blockType.name, blockType, generatedBlockContent, originalBlockContent); } return { isValid: isValid, validationIssues: logger.getItems() }; } /** * Returns true if the parsed block is valid given the input content. A block * is considered valid if, when serialized with assumed attributes, the content * matches the original value. * * Logs to console in development environments when invalid. * * @param {string|Object} blockTypeOrName Block type. * @param {Object} attributes Parsed block attributes. * @param {string} originalBlockContent Original block content. * * @return {boolean} Whether block is valid. */ function isValidBlockContent(blockTypeOrName, attributes, originalBlockContent) { var _getBlockContentValid = getBlockContentValidationResult(blockTypeOrName, attributes, originalBlockContent, createLogger()), isValid = _getBlockContentValid.isValid; return isValid; } // CONCATENATED MODULE: ./node_modules/@wordpress/blocks/build-module/api/matchers.js /** * External dependencies */ /** * Internal dependencies */ function matchers_html(selector, multilineTag) { return function (domNode) { var match = domNode; if (selector) { match = domNode.querySelector(selector); } if (!match) { return ''; } if (multilineTag) { var value = ''; var length = match.children.length; for (var index = 0; index < length; index++) { var child = match.children[index]; if (child.nodeName.toLowerCase() !== multilineTag) { continue; } value += child.outerHTML; } return value; } return match.innerHTML; }; } // CONCATENATED MODULE: ./node_modules/@wordpress/blocks/build-module/api/node.js function node_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } function node_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { node_ownKeys(Object(source), true).forEach(function (key) { Object(defineProperty["a" /* default */])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { node_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } /** * Internal dependencies */ /** * Browser dependencies */ var _window$Node = window.Node, TEXT_NODE = _window$Node.TEXT_NODE, ELEMENT_NODE = _window$Node.ELEMENT_NODE; /** * A representation of a single node within a block's rich text value. If * representing a text node, the value is simply a string of the node value. * As representing an element node, it is an object of: * * 1. `type` (string): Tag name. * 2. `props` (object): Attributes and children array of WPBlockNode. * * @typedef {string|Object} WPBlockNode */ /** * Given a single node and a node type (e.g. `'br'`), returns true if the node * corresponds to that type, false otherwise. * * @param {WPBlockNode} node Block node to test * @param {string} type Node to type to test against. * * @return {boolean} Whether node is of intended type. */ function isNodeOfType(node, type) { return node && node.type === type; } /** * Given an object implementing the NamedNodeMap interface, returns a plain * object equivalent value of name, value key-value pairs. * * @see https://dom.spec.whatwg.org/#interface-namednodemap * * @param {NamedNodeMap} nodeMap NamedNodeMap to convert to object. * * @return {Object} Object equivalent value of NamedNodeMap. */ function getNamedNodeMapAsObject(nodeMap) { var result = {}; for (var i = 0; i < nodeMap.length; i++) { var _nodeMap$i = nodeMap[i], name = _nodeMap$i.name, value = _nodeMap$i.value; result[name] = value; } return result; } /** * Given a DOM Element or Text node, returns an equivalent block node. Throws * if passed any node type other than element or text. * * @throws {TypeError} If non-element/text node is passed. * * @param {Node} domNode DOM node to convert. * * @return {WPBlockNode} Block node equivalent to DOM node. */ function fromDOM(domNode) { if (domNode.nodeType === TEXT_NODE) { return domNode.nodeValue; } if (domNode.nodeType !== ELEMENT_NODE) { throw new TypeError('A block node can only be created from a node of type text or ' + 'element.'); } return { type: domNode.nodeName.toLowerCase(), props: node_objectSpread({}, getNamedNodeMapAsObject(domNode.attributes), { children: children_fromDOM(domNode.childNodes) }) }; } /** * Given a block node, returns its HTML string representation. * * @param {WPBlockNode} node Block node to convert to string. * * @return {string} String HTML representation of block node. */ function toHTML(node) { return children_toHTML([node]); } /** * Given a selector, returns an hpq matcher generating a WPBlockNode value * matching the selector result. * * @param {string} selector DOM selector. * * @return {Function} hpq matcher. */ function node_matcher(selector) { return function (domNode) { var match = domNode; if (selector) { match = domNode.querySelector(selector); } try { return fromDOM(match); } catch (error) { return null; } }; } /** * Object of utility functions used in managing block attribute values of * source `node`. * * @see https://github.com/WordPress/gutenberg/pull/10439 * * @deprecated since 4.0. The `node` source should not be used, and can be * replaced by the `html` source. * * @private */ /* harmony default export */ var api_node = ({ isNodeOfType: isNodeOfType, fromDOM: fromDOM, toHTML: toHTML, matcher: node_matcher }); // CONCATENATED MODULE: ./node_modules/@wordpress/blocks/build-module/api/children.js /** * External dependencies */ /** * WordPress dependencies */ /** * Internal dependencies */ /** * A representation of a block's rich text value. * * @typedef {WPBlockNode[]} WPBlockChildren */ /** * Given block children, returns a serialize-capable WordPress element. * * @param {WPBlockChildren} children Block children object to convert. * * @return {WPElement} A serialize-capable element. */ function getSerializeCapableElement(children) { // The fact that block children are compatible with the element serializer is // merely an implementation detail that currently serves to be true, but // should not be mistaken as being a guarantee on the external API. The // public API only offers guarantees to work with strings (toHTML) and DOM // elements (fromDOM), and should provide utilities to manipulate the value // rather than expect consumers to inspect or construct its shape (concat). return children; } /** * Given block children, returns an array of block nodes. * * @param {WPBlockChildren} children Block children object to convert. * * @return {Array} An array of individual block nodes. */ function getChildrenArray(children) { // The fact that block children are compatible with the element serializer // is merely an implementation detail that currently serves to be true, but // should not be mistaken as being a guarantee on the external API. return children; } /** * Given two or more block nodes, returns a new block node representing a * concatenation of its values. * * @param {...WPBlockChildren} blockNodes Block nodes to concatenate. * * @return {WPBlockChildren} Concatenated block node. */ function concat() { var result = []; for (var i = 0; i < arguments.length; i++) { var blockNode = Object(external_this_lodash_["castArray"])(i < 0 || arguments.length <= i ? undefined : arguments[i]); for (var j = 0; j < blockNode.length; j++) { var child = blockNode[j]; var canConcatToPreviousString = typeof child === 'string' && typeof result[result.length - 1] === 'string'; if (canConcatToPreviousString) { result[result.length - 1] += child; } else { result.push(child); } } } return result; } /** * Given an iterable set of DOM nodes, returns equivalent block children. * Ignores any non-element/text nodes included in set. * * @param {Iterable.} domNodes Iterable set of DOM nodes to convert. * * @return {WPBlockChildren} Block children equivalent to DOM nodes. */ function children_fromDOM(domNodes) { var result = []; for (var i = 0; i < domNodes.length; i++) { try { result.push(fromDOM(domNodes[i])); } catch (error) {// Simply ignore if DOM node could not be converted. } } return result; } /** * Given a block node, returns its HTML string representation. * * @param {WPBlockChildren} children Block node(s) to convert to string. * * @return {string} String HTML representation of block node. */ function children_toHTML(children) { var element = getSerializeCapableElement(children); return Object(external_this_wp_element_["renderToString"])(element); } /** * Given a selector, returns an hpq matcher generating a WPBlockChildren value * matching the selector result. * * @param {string} selector DOM selector. * * @return {Function} hpq matcher. */ function children_matcher(selector) { return function (domNode) { var match = domNode; if (selector) { match = domNode.querySelector(selector); } if (match) { return children_fromDOM(match.childNodes); } return []; }; } /** * Object of utility functions used in managing block attribute values of * source `children`. * * @see https://github.com/WordPress/gutenberg/pull/10439 * * @deprecated since 4.0. The `children` source should not be used, and can be * replaced by the `html` source. * * @private */ /* harmony default export */ var api_children = ({ concat: concat, getChildrenArray: getChildrenArray, fromDOM: children_fromDOM, toHTML: children_toHTML, matcher: children_matcher }); // CONCATENATED MODULE: ./node_modules/@wordpress/blocks/build-module/api/parser.js function parser_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } function parser_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { parser_ownKeys(Object(source), true).forEach(function (key) { Object(defineProperty["a" /* default */])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { parser_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } /** * External dependencies */ /** * WordPress dependencies */ /** * Internal dependencies */ /** * Sources which are guaranteed to return a string value. * * @type {Set} */ var STRING_SOURCES = new Set(['attribute', 'html', 'text', 'tag']); /** * Higher-order hpq matcher which enhances an attribute matcher to return true * or false depending on whether the original matcher returns undefined. This * is useful for boolean attributes (e.g. disabled) whose attribute values may * be technically falsey (empty string), though their mere presence should be * enough to infer as true. * * @param {Function} matcher Original hpq matcher. * * @return {Function} Enhanced hpq matcher. */ var parser_toBooleanAttributeMatcher = function toBooleanAttributeMatcher(matcher) { return Object(external_this_lodash_["flow"])([matcher, // Expected values from `attr( 'disabled' )`: // // // - Value: `undefined` // - Transformed: `false` // // // - Value: `''` // - Transformed: `true` // // // - Value: `'disabled'` // - Transformed: `true` function (value) { return value !== undefined; }]); }; /** * Returns true if value is of the given JSON schema type, or false otherwise. * * @see http://json-schema.org/latest/json-schema-validation.html#rfc.section.6.25 * * @param {*} value Value to test. * @param {string} type Type to test. * * @return {boolean} Whether value is of type. */ function isOfType(value, type) { switch (type) { case 'string': return typeof value === 'string'; case 'boolean': return typeof value === 'boolean'; case 'object': return !!value && value.constructor === Object; case 'null': return value === null; case 'array': return Array.isArray(value); case 'integer': case 'number': return typeof value === 'number'; } return true; } /** * Returns true if value is of an array of given JSON schema types, or false * otherwise. * * @see http://json-schema.org/latest/json-schema-validation.html#rfc.section.6.25 * * @param {*} value Value to test. * @param {string[]} types Types to test. * * @return {boolean} Whether value is of types. */ function isOfTypes(value, types) { return types.some(function (type) { return isOfType(value, type); }); } /** * Returns true if value is valid per the given block attribute schema type * definition, or false otherwise. * * @see https://json-schema.org/latest/json-schema-validation.html#rfc.section.6.1.1 * * @param {*} value Value to test. * @param {?(Array|string)} type Block attribute schema type. * * @return {boolean} Whether value is valid. */ function isValidByType(value, type) { return type === undefined || isOfTypes(value, Object(external_this_lodash_["castArray"])(type)); } /** * Returns true if value is valid per the given block attribute schema enum * definition, or false otherwise. * * @see https://json-schema.org/latest/json-schema-validation.html#rfc.section.6.1.2 * * @param {*} value Value to test. * @param {?Array} enumSet Block attribute schema enum. * * @return {boolean} Whether value is valid. */ function isValidByEnum(value, enumSet) { return !Array.isArray(enumSet) || enumSet.includes(value); } /** * Returns true if the given attribute schema describes a value which may be * an ambiguous string. * * Some sources are ambiguously serialized as strings, for which value casting * is enabled. This is only possible when a singular type is assigned to the * attribute schema, since the string ambiguity makes it impossible to know the * correct type of multiple to which to cast. * * @param {Object} attributeSchema Attribute's schema. * * @return {boolean} Whether attribute schema defines an ambiguous string * source. */ function isAmbiguousStringSource(attributeSchema) { var source = attributeSchema.source, type = attributeSchema.type; var isStringSource = STRING_SOURCES.has(source); var isSingleType = typeof type === 'string'; return isStringSource && isSingleType; } /** * Returns an hpq matcher given a source object. * * @param {Object} sourceConfig Attribute Source object. * * @return {Function} A hpq Matcher. */ function matcherFromSource(sourceConfig) { switch (sourceConfig.source) { case 'attribute': var matcher = attr(sourceConfig.selector, sourceConfig.attribute); if (sourceConfig.type === 'boolean') { matcher = parser_toBooleanAttributeMatcher(matcher); } return matcher; case 'html': return matchers_html(sourceConfig.selector, sourceConfig.multiline); case 'text': return es_text(sourceConfig.selector); case 'children': return children_matcher(sourceConfig.selector); case 'node': return node_matcher(sourceConfig.selector); case 'query': var subMatchers = Object(external_this_lodash_["mapValues"])(sourceConfig.query, matcherFromSource); return query(sourceConfig.selector, subMatchers); case 'tag': return Object(external_this_lodash_["flow"])([prop(sourceConfig.selector, 'nodeName'), function (nodeName) { return nodeName ? nodeName.toLowerCase() : undefined; }]); default: // eslint-disable-next-line no-console console.error("Unknown source type \"".concat(sourceConfig.source, "\"")); } } /** * Given a block's raw content and an attribute's schema returns the attribute's * value depending on its source. * * @param {string} innerHTML Block's raw content. * @param {Object} attributeSchema Attribute's schema. * * @return {*} Attribute value. */ function parseWithAttributeSchema(innerHTML, attributeSchema) { return es_parse(innerHTML, matcherFromSource(attributeSchema)); } /** * Given an attribute key, an attribute's schema, a block's raw content and the * commentAttributes returns the attribute value depending on its source * definition of the given attribute key. * * @param {string} attributeKey Attribute key. * @param {Object} attributeSchema Attribute's schema. * @param {string} innerHTML Block's raw content. * @param {Object} commentAttributes Block's comment attributes. * * @return {*} Attribute value. */ function getBlockAttribute(attributeKey, attributeSchema, innerHTML, commentAttributes) { var type = attributeSchema.type, enumSet = attributeSchema.enum; var value; switch (attributeSchema.source) { // undefined source means that it's an attribute serialized to the block's "comment" case undefined: value = commentAttributes ? commentAttributes[attributeKey] : undefined; break; case 'attribute': case 'property': case 'html': case 'text': case 'children': case 'node': case 'query': case 'tag': value = parseWithAttributeSchema(innerHTML, attributeSchema); break; } if (!isValidByType(value, type) || !isValidByEnum(value, enumSet)) { // Reject the value if it is not valid. Reverting to the undefined // value ensures the default is respected, if applicable. value = undefined; } if (value === undefined) { return attributeSchema.default; } return value; } /** * Returns the block attributes of a registered block node given its type. * * @param {string|Object} blockTypeOrName Block type or name. * @param {string} innerHTML Raw block content. * @param {?Object} attributes Known block attributes (from delimiters). * * @return {Object} All block attributes. */ function getBlockAttributes(blockTypeOrName, innerHTML) { var attributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {}; var blockType = normalizeBlockType(blockTypeOrName); var blockAttributes = Object(external_this_lodash_["mapValues"])(blockType.attributes, function (attributeSchema, attributeKey) { return getBlockAttribute(attributeKey, attributeSchema, innerHTML, attributes); }); return Object(external_this_wp_hooks_["applyFilters"])('blocks.getBlockAttributes', blockAttributes, blockType, innerHTML, attributes); } /** * Given a block object, returns a new copy of the block with any applicable * deprecated migrations applied, or the original block if it was both valid * and no eligible migrations exist. * * @param {WPBlock} block Original block object. * @param {Object} parsedAttributes Attributes as parsed from the initial * block markup. * * @return {WPBlock} Migrated block object. */ function getMigratedBlock(block, parsedAttributes) { var blockType = registration_getBlockType(block.name); var deprecatedDefinitions = blockType.deprecated; if (!deprecatedDefinitions || !deprecatedDefinitions.length) { return block; } var _block = block, originalContent = _block.originalContent, innerBlocks = _block.innerBlocks; for (var i = 0; i < deprecatedDefinitions.length; i++) { // A block can opt into a migration even if the block is valid by // defining isEligible on its deprecation. If the block is both valid // and does not opt to migrate, skip. var _deprecatedDefinition = deprecatedDefinitions[i].isEligible, isEligible = _deprecatedDefinition === void 0 ? external_this_lodash_["stubFalse"] : _deprecatedDefinition; if (block.isValid && !isEligible(parsedAttributes, innerBlocks)) { continue; } // Block type properties which could impact either serialization or // parsing are not considered in the deprecated block type by default, // and must be explicitly provided. var deprecatedBlockType = Object.assign(Object(external_this_lodash_["omit"])(blockType, DEPRECATED_ENTRY_KEYS), deprecatedDefinitions[i]); var migratedAttributes = getBlockAttributes(deprecatedBlockType, originalContent, parsedAttributes); // Ignore the deprecation if it produces a block which is not valid. var _getBlockContentValid = getBlockContentValidationResult(deprecatedBlockType, migratedAttributes, originalContent), isValid = _getBlockContentValid.isValid, validationIssues = _getBlockContentValid.validationIssues; if (!isValid) { block = parser_objectSpread({}, block, { validationIssues: [].concat(Object(toConsumableArray["a" /* default */])(Object(external_this_lodash_["get"])(block, 'validationIssues', [])), Object(toConsumableArray["a" /* default */])(validationIssues)) }); continue; } var migratedInnerBlocks = innerBlocks; // A block may provide custom behavior to assign new attributes and/or // inner blocks. var migrate = deprecatedBlockType.migrate; if (migrate) { var _castArray = Object(external_this_lodash_["castArray"])(migrate(migratedAttributes, innerBlocks)); var _castArray2 = Object(slicedToArray["a" /* default */])(_castArray, 2); var _castArray2$ = _castArray2[0]; migratedAttributes = _castArray2$ === void 0 ? parsedAttributes : _castArray2$; var _castArray2$2 = _castArray2[1]; migratedInnerBlocks = _castArray2$2 === void 0 ? innerBlocks : _castArray2$2; } block = parser_objectSpread({}, block, { attributes: migratedAttributes, innerBlocks: migratedInnerBlocks, isValid: true }); } return block; } /** * Creates a block with fallback to the unknown type handler. * * @param {Object} blockNode Parsed block node. * * @return {?Object} An initialized block object (if possible). */ function createBlockWithFallback(blockNode) { var originalName = blockNode.blockName; var attributes = blockNode.attrs, _blockNode$innerBlock = blockNode.innerBlocks, innerBlocks = _blockNode$innerBlock === void 0 ? [] : _blockNode$innerBlock, innerHTML = blockNode.innerHTML; var innerContent = blockNode.innerContent; var freeformContentFallbackBlock = getFreeformContentHandlerName(); var unregisteredFallbackBlock = getUnregisteredTypeHandlerName() || freeformContentFallbackBlock; attributes = attributes || {}; // Trim content to avoid creation of intermediary freeform segments. innerHTML = innerHTML.trim(); // Use type from block content if available. Otherwise, default to the // freeform content fallback. var name = originalName || freeformContentFallbackBlock; // Convert 'core/cover-image' block in existing content to 'core/cover'. if ('core/cover-image' === name) { name = 'core/cover'; } // Convert 'core/text' blocks in existing content to 'core/paragraph'. if ('core/text' === name || 'core/cover-text' === name) { name = 'core/paragraph'; } // Convert derivative blocks such as 'core/social-link-wordpress' to the // canonical form 'core/social-link'. if (name && name.indexOf('core/social-link-') === 0) { // Capture `social-link-wordpress` into `{"service":"wordpress"}` attributes.service = name.substring(17); name = 'core/social-link'; } // Fallback content may be upgraded from classic editor expecting implicit // automatic paragraphs, so preserve them. Assumes wpautop is idempotent, // meaning there are no negative consequences to repeated autop calls. if (name === freeformContentFallbackBlock) { innerHTML = Object(external_this_wp_autop_["autop"])(innerHTML).trim(); } // Try finding the type for known block name, else fall back again. var blockType = registration_getBlockType(name); if (!blockType) { // Since the constituents of the block node are extracted at the start // of the present function, construct a new object rather than reuse // `blockNode`. var reconstitutedBlockNode = { attrs: attributes, blockName: originalName, innerBlocks: innerBlocks, innerContent: innerContent }; // Preserve undelimited content for use by the unregistered type // handler. A block node's `innerHTML` isn't enough, as that field only // carries the block's own HTML and not its nested blocks'. var originalUndelimitedContent = serializeBlockNode(reconstitutedBlockNode, { isCommentDelimited: false }); // Preserve full block content for use by the unregistered type // handler, block boundaries included. var originalContent = serializeBlockNode(reconstitutedBlockNode, { isCommentDelimited: true }); // If detected as a block which is not registered, preserve comment // delimiters in content of unregistered type handler. if (name) { innerHTML = originalContent; } name = unregisteredFallbackBlock; attributes = { originalName: originalName, originalContent: originalContent, originalUndelimitedContent: originalUndelimitedContent }; blockType = registration_getBlockType(name); } // Coerce inner blocks from parsed form to canonical form. innerBlocks = innerBlocks.map(createBlockWithFallback); // Remove `undefined` innerBlocks. // // This is a temporary fix to prevent unrecoverable TypeErrors when handling unexpectedly // empty freeform block nodes. See https://github.com/WordPress/gutenberg/pull/17164. innerBlocks = innerBlocks.filter(function (innerBlock) { return innerBlock; }); var isFallbackBlock = name === freeformContentFallbackBlock || name === unregisteredFallbackBlock; // Include in set only if type was determined. if (!blockType || !innerHTML && isFallbackBlock) { return; } var block = createBlock(name, getBlockAttributes(blockType, innerHTML, attributes), innerBlocks); // Block validation assumes an idempotent operation from source block to serialized block // provided there are no changes in attributes. The validation procedure thus compares the // provided source value with the serialized output before there are any modifications to // the block. When both match, the block is marked as valid. if (!isFallbackBlock) { var _getBlockContentValid2 = getBlockContentValidationResult(blockType, block.attributes, innerHTML), isValid = _getBlockContentValid2.isValid, validationIssues = _getBlockContentValid2.validationIssues; block.isValid = isValid; block.validationIssues = validationIssues; } // Preserve original content for future use in case the block is parsed // as invalid, or future serialization attempt results in an error. block.originalContent = block.originalContent || innerHTML; block = getMigratedBlock(block, attributes); if (block.validationIssues && block.validationIssues.length > 0) { if (block.isValid) { // eslint-disable-next-line no-console console.info('Block successfully updated for `%s` (%o).\n\nNew content generated by `save` function:\n\n%s\n\nContent retrieved from post body:\n\n%s', blockType.name, blockType, getSaveContent(blockType, block.attributes), block.originalContent); } else { block.validationIssues.forEach(function (_ref) { var log = _ref.log, args = _ref.args; return log.apply(void 0, Object(toConsumableArray["a" /* default */])(args)); }); } } return block; } /** * Serializes a block node into the native HTML-comment-powered block format. * CAVEAT: This function is intended for reserializing blocks as parsed by * valid parsers and skips any validation steps. This is NOT a generic * serialization function for in-memory blocks. For most purposes, see the * following functions available in the `@wordpress/blocks` package: * * @see serializeBlock * @see serialize * * For more on the format of block nodes as returned by valid parsers: * * @see `@wordpress/block-serialization-default-parser` package * @see `@wordpress/block-serialization-spec-parser` package * * @param {Object} blockNode A block node as returned by a valid parser. * @param {?Object} options Serialization options. * @param {?boolean} options.isCommentDelimited Whether to output HTML comments around blocks. * * @return {string} An HTML string representing a block. */ function serializeBlockNode(blockNode) { var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; var _options$isCommentDel = options.isCommentDelimited, isCommentDelimited = _options$isCommentDel === void 0 ? true : _options$isCommentDel; var blockName = blockNode.blockName, _blockNode$attrs = blockNode.attrs, attrs = _blockNode$attrs === void 0 ? {} : _blockNode$attrs, _blockNode$innerBlock2 = blockNode.innerBlocks, innerBlocks = _blockNode$innerBlock2 === void 0 ? [] : _blockNode$innerBlock2, _blockNode$innerConte = blockNode.innerContent, innerContent = _blockNode$innerConte === void 0 ? [] : _blockNode$innerConte; var childIndex = 0; var content = innerContent.map(function (item) { return (// `null` denotes a nested block, otherwise we have an HTML fragment item !== null ? item : serializeBlockNode(innerBlocks[childIndex++], options) ); }).join('\n').replace(/\n+/g, '\n').trim(); return isCommentDelimited ? getCommentDelimitedContent(blockName, attrs, content) : content; } /** * Creates a parse implementation for the post content which returns a list of blocks. * * @param {Function} parseImplementation Parse implementation. * * @return {Function} An implementation which parses the post content. */ var createParse = function createParse(parseImplementation) { return function (content) { return parseImplementation(content).reduce(function (accumulator, blockNode) { var block = createBlockWithFallback(blockNode); if (block) { accumulator.push(block); } return accumulator; }, []); }; }; /** * Parses the post content with a PegJS grammar and returns a list of blocks. * * @param {string} content The post content. * * @return {Array} Block list. */ var parseWithGrammar = createParse(external_this_wp_blockSerializationDefaultParser_["parse"]); /* harmony default export */ var parser = (parseWithGrammar); // CONCATENATED MODULE: ./node_modules/@wordpress/blocks/build-module/api/raw-handling/phrasing-content.js function phrasing_content_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } function phrasing_content_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { phrasing_content_ownKeys(Object(source), true).forEach(function (key) { Object(defineProperty["a" /* default */])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { phrasing_content_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } /** * External dependencies */ /** * All phrasing content elements. * * @see https://www.w3.org/TR/2011/WD-html5-20110525/content-models.html#phrasing-content-0 */ /** * All text-level semantic elements. * * @see https://html.spec.whatwg.org/multipage/text-level-semantics.html */ var textContentSchema = { strong: {}, em: {}, s: {}, del: {}, ins: {}, a: { attributes: ['href', 'target', 'rel'] }, code: {}, abbr: { attributes: ['title'] }, sub: {}, sup: {}, br: {}, small: {}, // To do: fix blockquote. // cite: {}, q: { attributes: ['cite'] }, dfn: { attributes: ['title'] }, data: { attributes: ['value'] }, time: { attributes: ['datetime'] }, var: {}, samp: {}, kbd: {}, i: {}, b: {}, u: {}, mark: {}, ruby: {}, rt: {}, rp: {}, bdi: { attributes: ['dir'] }, bdo: { attributes: ['dir'] }, wbr: {}, '#text': {} }; // Recursion is needed. // Possible: strong > em > strong. // Impossible: strong > strong. Object(external_this_lodash_["without"])(Object.keys(textContentSchema), '#text', 'br').forEach(function (tag) { textContentSchema[tag].children = Object(external_this_lodash_["omit"])(textContentSchema, tag); }); /** * Embedded content elements. * * @see https://www.w3.org/TR/2011/WD-html5-20110525/content-models.html#embedded-content-0 */ var embeddedContentSchema = { audio: { attributes: ['src', 'preload', 'autoplay', 'mediagroup', 'loop', 'muted'] }, canvas: { attributes: ['width', 'height'] }, embed: { attributes: ['src', 'type', 'width', 'height'] }, img: { attributes: ['alt', 'src', 'srcset', 'usemap', 'ismap', 'width', 'height'] }, object: { attributes: ['data', 'type', 'name', 'usemap', 'form', 'width', 'height'] }, video: { attributes: ['src', 'poster', 'preload', 'autoplay', 'mediagroup', 'loop', 'muted', 'controls', 'width', 'height'] } }; /** * Phrasing content elements. * * @see https://www.w3.org/TR/2011/WD-html5-20110525/content-models.html#phrasing-content-0 */ var phrasing_content_phrasingContentSchema = phrasing_content_objectSpread({}, textContentSchema, {}, embeddedContentSchema); /** * Get schema of possible paths for phrasing content. * * @see https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content * * @param {string} context Set to "paste" to exclude invisible elements and * sensitive data. * * @return {Object} Schema. */ function getPhrasingContentSchema(context) { if (context !== 'paste') { return phrasing_content_phrasingContentSchema; } return Object(external_this_lodash_["omit"])(phrasing_content_objectSpread({}, phrasing_content_phrasingContentSchema, { // We shouldn't paste potentially sensitive information which is not // visible to the user when pasted, so strip the attributes. ins: { children: phrasing_content_phrasingContentSchema.ins.children }, del: { children: phrasing_content_phrasingContentSchema.del.children } }), ['u', // Used to mark misspelling. Shouldn't be pasted. 'abbr', // Invisible. 'data', // Invisible. 'time', // Invisible. 'wbr', // Invisible. 'bdi', // Invisible. 'bdo' // Invisible. ]); } /** * Find out whether or not the given node is phrasing content. * * @see https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content * * @param {Element} node The node to test. * * @return {boolean} True if phrasing content, false if not. */ function isPhrasingContent(node) { var tag = node.nodeName.toLowerCase(); return getPhrasingContentSchema().hasOwnProperty(tag) || tag === 'span'; } function isTextContent(node) { var tag = node.nodeName.toLowerCase(); return textContentSchema.hasOwnProperty(tag) || tag === 'span'; } // CONCATENATED MODULE: ./node_modules/@wordpress/blocks/build-module/api/raw-handling/utils.js function raw_handling_utils_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } function raw_handling_utils_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { raw_handling_utils_ownKeys(Object(source), true).forEach(function (key) { Object(defineProperty["a" /* default */])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { raw_handling_utils_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } /** * External dependencies */ /** * WordPress dependencies */ /** * Internal dependencies */ /** * Browser dependencies */ var utils_window$Node = window.Node, utils_ELEMENT_NODE = utils_window$Node.ELEMENT_NODE, utils_TEXT_NODE = utils_window$Node.TEXT_NODE; /** * Given raw transforms from blocks, merges all schemas into one. * * @param {Array} transforms Block transforms, of the `raw` type. * @param {Object} phrasingContentSchema The phrasing content schema. * @param {Object} isPaste Whether the context is pasting or not. * * @return {Object} A complete block content schema. */ function getBlockContentSchema(transforms, phrasingContentSchema, isPaste) { var schemas = transforms.map(function (_ref) { var isMatch = _ref.isMatch, blockName = _ref.blockName, schema = _ref.schema; var hasAnchorSupport = registration_hasBlockSupport(blockName, 'anchor'); schema = Object(external_this_lodash_["isFunction"])(schema) ? schema({ phrasingContentSchema: phrasingContentSchema, isPaste: isPaste }) : schema; // If the block does not has anchor support and the transform does not // provides an isMatch we can return the schema right away. if (!hasAnchorSupport && !isMatch) { return schema; } return Object(external_this_lodash_["mapValues"])(schema, function (value) { var attributes = value.attributes || []; // If the block supports the "anchor" functionality, it needs to keep its ID attribute. if (hasAnchorSupport) { attributes = [].concat(Object(toConsumableArray["a" /* default */])(attributes), ['id']); } return raw_handling_utils_objectSpread({}, value, { attributes: attributes, isMatch: isMatch ? isMatch : undefined }); }); }); return external_this_lodash_["mergeWith"].apply(void 0, [{}].concat(Object(toConsumableArray["a" /* default */])(schemas), [function (objValue, srcValue, key) { switch (key) { case 'children': { if (objValue === '*' || srcValue === '*') { return '*'; } return raw_handling_utils_objectSpread({}, objValue, {}, srcValue); } case 'attributes': case 'require': { return [].concat(Object(toConsumableArray["a" /* default */])(objValue || []), Object(toConsumableArray["a" /* default */])(srcValue || [])); } case 'isMatch': { // If one of the values being merge is undefined (matches everything), // the result of the merge will be undefined. if (!objValue || !srcValue) { return undefined; } // When merging two isMatch functions, the result is a new function // that returns if one of the source functions returns true. return function () { return objValue.apply(void 0, arguments) || srcValue.apply(void 0, arguments); }; } } }])); } /** * Recursively checks if an element is empty. An element is not empty if it * contains text or contains elements with attributes such as images. * * @param {Element} element The element to check. * * @return {boolean} Wether or not the element is empty. */ function isEmpty(element) { if (!element.hasChildNodes()) { return true; } return Array.from(element.childNodes).every(function (node) { if (node.nodeType === utils_TEXT_NODE) { return !node.nodeValue.trim(); } if (node.nodeType === utils_ELEMENT_NODE) { if (node.nodeName === 'BR') { return true; } else if (node.hasAttributes()) { return false; } return isEmpty(node); } return true; }); } /** * Checks wether HTML can be considered plain text. That is, it does not contain * any elements that are not line breaks. * * @param {string} HTML The HTML to check. * * @return {boolean} Wether the HTML can be considered plain text. */ function isPlain(HTML) { return !/<(?!br[ />])/i.test(HTML); } /** * Given node filters, deeply filters and mutates a NodeList. * * @param {NodeList} nodeList The nodeList to filter. * @param {Array} filters An array of functions that can mutate with the provided node. * @param {Document} doc The document of the nodeList. * @param {Object} schema The schema to use. */ function deepFilterNodeList(nodeList, filters, doc, schema) { Array.from(nodeList).forEach(function (node) { deepFilterNodeList(node.childNodes, filters, doc, schema); filters.forEach(function (item) { // Make sure the node is still attached to the document. if (!doc.contains(node)) { return; } item(node, doc, schema); }); }); } /** * Given node filters, deeply filters HTML tags. * Filters from the deepest nodes to the top. * * @param {string} HTML The HTML to filter. * @param {Array} filters An array of functions that can mutate with the provided node. * @param {Object} schema The schema to use. * * @return {string} The filtered HTML. */ function deepFilterHTML(HTML) { var filters = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : []; var schema = arguments.length > 2 ? arguments[2] : undefined; var doc = document.implementation.createHTMLDocument(''); doc.body.innerHTML = HTML; deepFilterNodeList(doc.body.childNodes, filters, doc, schema); return doc.body.innerHTML; } /** * Given a schema, unwraps or removes nodes, attributes and classes on a node * list. * * @param {NodeList} nodeList The nodeList to filter. * @param {Document} doc The document of the nodeList. * @param {Object} schema An array of functions that can mutate with the provided node. * @param {Object} inline Whether to clean for inline mode. */ function cleanNodeList(nodeList, doc, schema, inline) { Array.from(nodeList).forEach(function (node) { var tag = node.nodeName.toLowerCase(); // It's a valid child, if the tag exists in the schema without an isMatch // function, or with an isMatch function that matches the node. if (schema.hasOwnProperty(tag) && (!schema[tag].isMatch || schema[tag].isMatch(node))) { if (node.nodeType === utils_ELEMENT_NODE) { var _schema$tag = schema[tag], _schema$tag$attribute = _schema$tag.attributes, attributes = _schema$tag$attribute === void 0 ? [] : _schema$tag$attribute, _schema$tag$classes = _schema$tag.classes, classes = _schema$tag$classes === void 0 ? [] : _schema$tag$classes, children = _schema$tag.children, _schema$tag$require = _schema$tag.require, require = _schema$tag$require === void 0 ? [] : _schema$tag$require, allowEmpty = _schema$tag.allowEmpty; // If the node is empty and it's supposed to have children, // remove the node. if (children && !allowEmpty && isEmpty(node)) { Object(external_this_wp_dom_["remove"])(node); return; } if (node.hasAttributes()) { // Strip invalid attributes. Array.from(node.attributes).forEach(function (_ref2) { var name = _ref2.name; if (name !== 'class' && !Object(external_this_lodash_["includes"])(attributes, name)) { node.removeAttribute(name); } }); // Strip invalid classes. // In jsdom-jscore, 'node.classList' can be undefined. // TODO: Explore patching this in jsdom-jscore. if (node.classList && node.classList.length) { var mattchers = classes.map(function (item) { if (typeof item === 'string') { return function (className) { return className === item; }; } else if (item instanceof RegExp) { return function (className) { return item.test(className); }; } return external_this_lodash_["noop"]; }); Array.from(node.classList).forEach(function (name) { if (!mattchers.some(function (isMatch) { return isMatch(name); })) { node.classList.remove(name); } }); if (!node.classList.length) { node.removeAttribute('class'); } } } if (node.hasChildNodes()) { // Do not filter any content. if (children === '*') { return; } // Continue if the node is supposed to have children. if (children) { // If a parent requires certain children, but it does // not have them, drop the parent and continue. if (require.length && !node.querySelector(require.join(','))) { cleanNodeList(node.childNodes, doc, schema, inline); Object(external_this_wp_dom_["unwrap"])(node); // If the node is at the top, phrasing content, and // contains children that are block content, unwrap // the node because it is invalid. } else if (node.parentNode.nodeName === 'BODY' && isPhrasingContent(node)) { cleanNodeList(node.childNodes, doc, schema, inline); if (Array.from(node.childNodes).some(function (child) { return !isPhrasingContent(child); })) { Object(external_this_wp_dom_["unwrap"])(node); } } else { cleanNodeList(node.childNodes, doc, children, inline); } // Remove children if the node is not supposed to have any. } else { while (node.firstChild) { Object(external_this_wp_dom_["remove"])(node.firstChild); } } } } // Invalid child. Continue with schema at the same place and unwrap. } else { cleanNodeList(node.childNodes, doc, schema, inline); // For inline mode, insert a line break when unwrapping nodes that // are not phrasing content. if (inline && !isPhrasingContent(node) && node.nextElementSibling) { Object(external_this_wp_dom_["insertAfter"])(doc.createElement('br'), node); } Object(external_this_wp_dom_["unwrap"])(node); } }); } /** * Given a schema, unwraps or removes nodes, attributes and classes on HTML. * * @param {string} HTML The HTML to clean up. * @param {Object} schema Schema for the HTML. * @param {Object} inline Whether to clean for inline mode. * * @return {string} The cleaned up HTML. */ function removeInvalidHTML(HTML, schema, inline) { var doc = document.implementation.createHTMLDocument(''); doc.body.innerHTML = HTML; cleanNodeList(doc.body.childNodes, doc, schema, inline); return doc.body.innerHTML; } /** * Gets a sibling within text-level context. * * @param {Element} node The subject node. * @param {string} which "next" or "previous". */ function getSibling(node, which) { var sibling = node["".concat(which, "Sibling")]; if (sibling && isPhrasingContent(sibling)) { return sibling; } var parentNode = node.parentNode; if (!parentNode || !isPhrasingContent(parentNode)) { return; } return getSibling(parentNode, which); } // CONCATENATED MODULE: ./node_modules/@wordpress/blocks/build-module/api/raw-handling/normalise-blocks.js /** * Internal dependencies */ /** * Browser dependencies */ var normalise_blocks_window$Node = window.Node, normalise_blocks_ELEMENT_NODE = normalise_blocks_window$Node.ELEMENT_NODE, normalise_blocks_TEXT_NODE = normalise_blocks_window$Node.TEXT_NODE; function normaliseBlocks(HTML) { var decuDoc = document.implementation.createHTMLDocument(''); var accuDoc = document.implementation.createHTMLDocument(''); var decu = decuDoc.body; var accu = accuDoc.body; decu.innerHTML = HTML; while (decu.firstChild) { var node = decu.firstChild; // Text nodes: wrap in a paragraph, or append to previous. if (node.nodeType === normalise_blocks_TEXT_NODE) { if (!node.nodeValue.trim()) { decu.removeChild(node); } else { if (!accu.lastChild || accu.lastChild.nodeName !== 'P') { accu.appendChild(accuDoc.createElement('P')); } accu.lastChild.appendChild(node); } // Element nodes. } else if (node.nodeType === normalise_blocks_ELEMENT_NODE) { // BR nodes: create a new paragraph on double, or append to previous. if (node.nodeName === 'BR') { if (node.nextSibling && node.nextSibling.nodeName === 'BR') { accu.appendChild(accuDoc.createElement('P')); decu.removeChild(node.nextSibling); } // Don't append to an empty paragraph. if (accu.lastChild && accu.lastChild.nodeName === 'P' && accu.lastChild.hasChildNodes()) { accu.lastChild.appendChild(node); } else { decu.removeChild(node); } } else if (node.nodeName === 'P') { // Only append non-empty paragraph nodes. if (isEmpty(node)) { decu.removeChild(node); } else { accu.appendChild(node); } } else if (isPhrasingContent(node)) { if (!accu.lastChild || accu.lastChild.nodeName !== 'P') { accu.appendChild(accuDoc.createElement('P')); } accu.lastChild.appendChild(node); } else { accu.appendChild(node); } } else { decu.removeChild(node); } } return accu.innerHTML; } // CONCATENATED MODULE: ./node_modules/@wordpress/blocks/build-module/api/raw-handling/special-comment-converter.js /** * WordPress dependencies */ /** * Browser dependencies */ var COMMENT_NODE = window.Node.COMMENT_NODE; /** * Looks for `` and `` comments, as well as the * `` variant and its `` companion, * and replaces them with a custom element representing a future block. * * The custom element is a way to bypass the rest of the `raw-handling` * transforms, which would eliminate other kinds of node with which to carry * ``'s data: nodes with `data` attributes, empty paragraphs, etc. * * The custom element is then expected to be recognized by any registered * block's `raw` transform. * * @param {Node} node The node to be processed. * @param {Document} doc The document of the node. * @return {void} */ function specialCommentConverter(node, doc) { if (node.nodeType !== COMMENT_NODE) { return; } if (node.nodeValue === 'nextpage') { Object(external_this_wp_dom_["replace"])(node, createNextpage(doc)); return; } if (node.nodeValue.indexOf('more') === 0) { // Grab any custom text in the comment. var customText = node.nodeValue.slice(4).trim(); /* * When a `` comment is found, we need to look for any * `` sibling, but it may not be a direct sibling * (whitespace typically lies in between) */ var sibling = node; var noTeaser = false; while (sibling = sibling.nextSibling) { if (sibling.nodeType === COMMENT_NODE && sibling.nodeValue === 'noteaser') { noTeaser = true; Object(external_this_wp_dom_["remove"])(sibling); break; } } Object(external_this_wp_dom_["replace"])(node, createMore(customText, noTeaser, doc)); } } function createMore(customText, noTeaser, doc) { var node = doc.createElement('wp-block'); node.dataset.block = 'core/more'; if (customText) { node.dataset.customText = customText; } if (noTeaser) { // "Boolean" data attribute node.dataset.noTeaser = ''; } return node; } function createNextpage(doc) { var node = doc.createElement('wp-block'); node.dataset.block = 'core/nextpage'; return node; } // CONCATENATED MODULE: ./node_modules/@wordpress/blocks/build-module/api/raw-handling/comment-remover.js /** * WordPress dependencies */ /** * Browser dependencies */ var comment_remover_COMMENT_NODE = window.Node.COMMENT_NODE; /** * Looks for comments, and removes them. * * @param {Node} node The node to be processed. * @return {void} */ function commentRemover(node) { if (node.nodeType === comment_remover_COMMENT_NODE) { Object(external_this_wp_dom_["remove"])(node); } } // CONCATENATED MODULE: ./node_modules/@wordpress/blocks/build-module/api/raw-handling/is-inline-content.js /** * External dependencies */ /** * Internal dependencies */ /** * Checks if the given node should be considered inline content, optionally * depending on a context tag. * * @param {Node} node Node name. * @param {string} contextTag Tag name. * * @return {boolean} True if the node is inline content, false if nohe. */ function isInline(node, contextTag) { if (isTextContent(node)) { return true; } if (!contextTag) { return false; } var tag = node.nodeName.toLowerCase(); var inlineWhitelistTagGroups = [['ul', 'li', 'ol'], ['h1', 'h2', 'h3', 'h4', 'h5', 'h6']]; return inlineWhitelistTagGroups.some(function (tagGroup) { return Object(external_this_lodash_["difference"])([tag, contextTag], tagGroup).length === 0; }); } function deepCheck(nodes, contextTag) { return nodes.every(function (node) { return isInline(node, contextTag) && deepCheck(Array.from(node.children), contextTag); }); } function isDoubleBR(node) { return node.nodeName === 'BR' && node.previousSibling && node.previousSibling.nodeName === 'BR'; } function isInlineContent(HTML, contextTag) { var doc = document.implementation.createHTMLDocument(''); doc.body.innerHTML = HTML; var nodes = Array.from(doc.body.children); return !nodes.some(isDoubleBR) && deepCheck(nodes, contextTag); } // CONCATENATED MODULE: ./node_modules/@wordpress/blocks/build-module/api/raw-handling/phrasing-content-reducer.js /** * External dependencies */ /** * WordPress dependencies */ function phrasingContentReducer(node, doc) { // In jsdom-jscore, 'node.style' can be null. // TODO: Explore fixing this by patching jsdom-jscore. if (node.nodeName === 'SPAN' && node.style) { var _node$style = node.style, fontWeight = _node$style.fontWeight, fontStyle = _node$style.fontStyle, textDecorationLine = _node$style.textDecorationLine, textDecoration = _node$style.textDecoration, verticalAlign = _node$style.verticalAlign; if (fontWeight === 'bold' || fontWeight === '700') { Object(external_this_wp_dom_["wrap"])(doc.createElement('strong'), node); } if (fontStyle === 'italic') { Object(external_this_wp_dom_["wrap"])(doc.createElement('em'), node); } // Some DOM implementations (Safari, JSDom) don't support // style.textDecorationLine, so we check style.textDecoration as a // fallback. if (textDecorationLine === 'line-through' || Object(external_this_lodash_["includes"])(textDecoration, 'line-through')) { Object(external_this_wp_dom_["wrap"])(doc.createElement('s'), node); } if (verticalAlign === 'super') { Object(external_this_wp_dom_["wrap"])(doc.createElement('sup'), node); } else if (verticalAlign === 'sub') { Object(external_this_wp_dom_["wrap"])(doc.createElement('sub'), node); } } else if (node.nodeName === 'B') { node = Object(external_this_wp_dom_["replaceTag"])(node, 'strong'); } else if (node.nodeName === 'I') { node = Object(external_this_wp_dom_["replaceTag"])(node, 'em'); } else if (node.nodeName === 'A') { // In jsdom-jscore, 'node.target' can be null. // TODO: Explore fixing this by patching jsdom-jscore. if (node.target && node.target.toLowerCase() === '_blank') { node.rel = 'noreferrer noopener'; } else { node.removeAttribute('target'); node.removeAttribute('rel'); } } } // CONCATENATED MODULE: ./node_modules/@wordpress/blocks/build-module/api/raw-handling/head-remover.js function headRemover(node) { if (node.nodeName !== 'SCRIPT' && node.nodeName !== 'NOSCRIPT' && node.nodeName !== 'TEMPLATE' && node.nodeName !== 'STYLE') { return; } node.parentNode.removeChild(node); } // CONCATENATED MODULE: ./node_modules/@wordpress/blocks/build-module/api/raw-handling/ms-list-converter.js /** * Browser dependencies */ var _window = window, ms_list_converter_parseInt = _window.parseInt; function isList(node) { return node.nodeName === 'OL' || node.nodeName === 'UL'; } function msListConverter(node, doc) { if (node.nodeName !== 'P') { return; } var style = node.getAttribute('style'); if (!style) { return; } // Quick check. if (style.indexOf('mso-list') === -1) { return; } var matches = /mso-list\s*:[^;]+level([0-9]+)/i.exec(style); if (!matches) { return; } var level = ms_list_converter_parseInt(matches[1], 10) - 1 || 0; var prevNode = node.previousElementSibling; // Add new list if no previous. if (!prevNode || !isList(prevNode)) { // See https://html.spec.whatwg.org/multipage/grouping-content.html#attr-ol-type. var type = node.textContent.trim().slice(0, 1); var isNumeric = /[1iIaA]/.test(type); var newListNode = doc.createElement(isNumeric ? 'ol' : 'ul'); if (isNumeric) { newListNode.setAttribute('type', type); } node.parentNode.insertBefore(newListNode, node); } var listNode = node.previousElementSibling; var listType = listNode.nodeName; var listItem = doc.createElement('li'); var receivingNode = listNode; // Remove the first span with list info. node.removeChild(node.firstElementChild); // Add content. while (node.firstChild) { listItem.appendChild(node.firstChild); } // Change pointer depending on indentation level. while (level--) { receivingNode = receivingNode.lastElementChild || receivingNode; // If it's a list, move pointer to the last item. if (isList(receivingNode)) { receivingNode = receivingNode.lastElementChild || receivingNode; } } // Make sure we append to a list. if (!isList(receivingNode)) { receivingNode = receivingNode.appendChild(doc.createElement(listType)); } // Append the list item to the list. receivingNode.appendChild(listItem); // Remove the wrapper paragraph. node.parentNode.removeChild(node); } // CONCATENATED MODULE: ./node_modules/@wordpress/blocks/build-module/api/raw-handling/list-reducer.js /** * WordPress dependencies */ function list_reducer_isList(node) { return node.nodeName === 'OL' || node.nodeName === 'UL'; } function shallowTextContent(element) { return Array.from(element.childNodes).map(function (_ref) { var _ref$nodeValue = _ref.nodeValue, nodeValue = _ref$nodeValue === void 0 ? '' : _ref$nodeValue; return nodeValue; }).join(''); } function listReducer(node) { if (!list_reducer_isList(node)) { return; } var list = node; var prevElement = node.previousElementSibling; // Merge with previous list if: // * There is a previous list of the same type. // * There is only one list item. if (prevElement && prevElement.nodeName === node.nodeName && list.children.length === 1) { // Move all child nodes, including any text nodes, if any. while (list.firstChild) { prevElement.appendChild(list.firstChild); } list.parentNode.removeChild(list); } var parentElement = node.parentNode; // Nested list with empty parent item. if (parentElement && parentElement.nodeName === 'LI' && parentElement.children.length === 1 && !/\S/.test(shallowTextContent(parentElement))) { var parentListItem = parentElement; var prevListItem = parentListItem.previousElementSibling; var parentList = parentListItem.parentNode; if (prevListItem) { prevListItem.appendChild(list); parentList.removeChild(parentListItem); } else { parentList.parentNode.insertBefore(list, parentList); parentList.parentNode.removeChild(parentList); } } // Invalid: OL/UL > OL/UL. if (parentElement && list_reducer_isList(parentElement)) { var _prevListItem = node.previousElementSibling; if (_prevListItem) { _prevListItem.appendChild(node); } else { Object(external_this_wp_dom_["unwrap"])(node); } } } // EXTERNAL MODULE: external {"this":["wp","blob"]} var external_this_wp_blob_ = __webpack_require__(44); // CONCATENATED MODULE: ./node_modules/@wordpress/blocks/build-module/api/raw-handling/image-corrector.js /** * WordPress dependencies */ /** * Browser dependencies */ var image_corrector_window = window, atob = image_corrector_window.atob, File = image_corrector_window.File; function imageCorrector(node) { if (node.nodeName !== 'IMG') { return; } if (node.src.indexOf('file:') === 0) { node.src = ''; } // This piece cannot be tested outside a browser env. if (node.src.indexOf('data:') === 0) { var _node$src$split = node.src.split(','), _node$src$split2 = Object(slicedToArray["a" /* default */])(_node$src$split, 2), properties = _node$src$split2[0], data = _node$src$split2[1]; var _properties$slice$spl = properties.slice(5).split(';'), _properties$slice$spl2 = Object(slicedToArray["a" /* default */])(_properties$slice$spl, 1), type = _properties$slice$spl2[0]; if (!data || !type) { node.src = ''; return; } var decoded; // Can throw DOMException! try { decoded = atob(data); } catch (e) { node.src = ''; return; } var uint8Array = new Uint8Array(decoded.length); for (var i = 0; i < uint8Array.length; i++) { uint8Array[i] = decoded.charCodeAt(i); } var name = type.replace('/', '.'); var file = new File([uint8Array], name, { type: type }); node.src = Object(external_this_wp_blob_["createBlobURL"])(file); } // Remove trackers and hardly visible images. if (node.height === 1 || node.width === 1) { node.parentNode.removeChild(node); } } // CONCATENATED MODULE: ./node_modules/@wordpress/blocks/build-module/api/raw-handling/blockquote-normaliser.js /** * Internal dependencies */ function blockquoteNormaliser(node) { if (node.nodeName !== 'BLOCKQUOTE') { return; } node.innerHTML = normaliseBlocks(node.innerHTML); } // CONCATENATED MODULE: ./node_modules/@wordpress/blocks/build-module/api/raw-handling/figure-content-reducer.js /** * External dependencies */ /** * Internal dependencies */ /** * Whether or not the given node is figure content. * * @param {Node} node The node to check. * @param {Object} schema The schema to use. * * @return {boolean} True if figure content, false if not. */ function isFigureContent(node, schema) { var tag = node.nodeName.toLowerCase(); // We are looking for tags that can be a child of the figure tag, excluding // `figcaption` and any phrasing content. if (tag === 'figcaption' || isTextContent(node)) { return false; } return Object(external_this_lodash_["has"])(schema, ['figure', 'children', tag]); } /** * Whether or not the given node can have an anchor. * * @param {Node} node The node to check. * @param {Object} schema The schema to use. * * @return {boolean} True if it can, false if not. */ function canHaveAnchor(node, schema) { var tag = node.nodeName.toLowerCase(); return Object(external_this_lodash_["has"])(schema, ['figure', 'children', 'a', 'children', tag]); } /** * Wraps the given element in a figure element. * * @param {Element} element The element to wrap. * @param {Element} beforeElement The element before which to place the figure. */ function wrapFigureContent(element) { var beforeElement = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : element; var figure = element.ownerDocument.createElement('figure'); beforeElement.parentNode.insertBefore(figure, beforeElement); figure.appendChild(element); } /** * This filter takes figure content out of paragraphs, wraps it in a figure * element, and moves any anchors with it if needed. * * @param {Node} node The node to filter. * @param {Document} doc The document of the node. * @param {Object} schema The schema to use. * * @return {void} */ function figureContentReducer(node, doc, schema) { if (!isFigureContent(node, schema)) { return; } var nodeToInsert = node; var parentNode = node.parentNode; // If the figure content can have an anchor and its parent is an anchor with // only the figure content, take the anchor out instead of just the content. if (canHaveAnchor(node, schema) && parentNode.nodeName === 'A' && parentNode.childNodes.length === 1) { nodeToInsert = node.parentNode; } var wrapper = nodeToInsert.closest('p,div'); // If wrapped in a paragraph or div, only extract if it's aligned or if // there is no text content. // Otherwise, if directly at the root, wrap in a figure element. if (wrapper) { // In jsdom-jscore, 'node.classList' can be undefined. // In this case, default to extract as it offers a better UI experience on mobile. if (!node.classList) { wrapFigureContent(nodeToInsert, wrapper); } else if (node.classList.contains('alignright') || node.classList.contains('alignleft') || node.classList.contains('aligncenter') || !wrapper.textContent.trim()) { wrapFigureContent(nodeToInsert, wrapper); } } else if (nodeToInsert.parentNode.nodeName === 'BODY') { wrapFigureContent(nodeToInsert); } } // EXTERNAL MODULE: external {"this":["wp","shortcode"]} var external_this_wp_shortcode_ = __webpack_require__(119); // CONCATENATED MODULE: ./node_modules/@wordpress/blocks/build-module/api/raw-handling/shortcode-converter.js function shortcode_converter_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } function shortcode_converter_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { shortcode_converter_ownKeys(Object(source), true).forEach(function (key) { Object(defineProperty["a" /* default */])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { shortcode_converter_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } /** * External dependencies */ /** * WordPress dependencies */ /** * Internal dependencies */ function segmentHTMLToShortcodeBlock(HTML) { var lastIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0; var excludedBlockNames = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : []; // Get all matches. var transformsFrom = getBlockTransforms('from'); var transformation = findTransform(transformsFrom, function (transform) { return excludedBlockNames.indexOf(transform.blockName) === -1 && transform.type === 'shortcode' && Object(external_this_lodash_["some"])(Object(external_this_lodash_["castArray"])(transform.tag), function (tag) { return Object(external_this_wp_shortcode_["regexp"])(tag).test(HTML); }); }); if (!transformation) { return [HTML]; } var transformTags = Object(external_this_lodash_["castArray"])(transformation.tag); var transformTag = Object(external_this_lodash_["find"])(transformTags, function (tag) { return Object(external_this_wp_shortcode_["regexp"])(tag).test(HTML); }); var match; var previousIndex = lastIndex; if (match = Object(external_this_wp_shortcode_["next"])(transformTag, HTML, lastIndex)) { lastIndex = match.index + match.content.length; var beforeHTML = HTML.substr(0, match.index); var afterHTML = HTML.substr(lastIndex); // If the shortcode content does not contain HTML and the shortcode is // not on a new line (or in paragraph from Markdown converter), // consider the shortcode as inline text, and thus skip conversion for // this segment. if (!Object(external_this_lodash_["includes"])(match.shortcode.content || '', '<') && !(/(\n|

)\s*$/.test(beforeHTML) && /^\s*(\n|<\/p>)/.test(afterHTML))) { return segmentHTMLToShortcodeBlock(HTML, lastIndex); } // If a transformation's `isMatch` predicate fails for the inbound // shortcode, try again by excluding the current block type. // // This is the only call to `segmentHTMLToShortcodeBlock` that should // ever carry over `excludedBlockNames`. Other calls in the module // should skip that argument as a way to reset the exclusion state, so // that one `isMatch` fail in an HTML fragment doesn't prevent any // valid matches in subsequent fragments. if (transformation.isMatch && !transformation.isMatch(match.shortcode.attrs)) { return segmentHTMLToShortcodeBlock(HTML, previousIndex, [].concat(Object(toConsumableArray["a" /* default */])(excludedBlockNames), [transformation.blockName])); } var attributes = Object(external_this_lodash_["mapValues"])(Object(external_this_lodash_["pickBy"])(transformation.attributes, function (schema) { return schema.shortcode; }), // Passing all of `match` as second argument is intentionally broad // but shouldn't be too relied upon. // // See: https://github.com/WordPress/gutenberg/pull/3610#discussion_r152546926 function (schema) { return schema.shortcode(match.shortcode.attrs, match); }); var block = createBlock(transformation.blockName, getBlockAttributes(shortcode_converter_objectSpread({}, registration_getBlockType(transformation.blockName), { attributes: transformation.attributes }), match.shortcode.content, attributes)); return [beforeHTML, block].concat(Object(toConsumableArray["a" /* default */])(segmentHTMLToShortcodeBlock(HTML.substr(lastIndex)))); } return [HTML]; } /* harmony default export */ var shortcode_converter = (segmentHTMLToShortcodeBlock); // EXTERNAL MODULE: ./node_modules/showdown/dist/showdown.js var showdown = __webpack_require__(263); var showdown_default = /*#__PURE__*/__webpack_require__.n(showdown); // CONCATENATED MODULE: ./node_modules/@wordpress/blocks/build-module/api/raw-handling/markdown-converter.js /** * External dependencies */ // Reuse the same showdown converter. var converter = new showdown_default.a.Converter({ noHeaderId: true, tables: true, literalMidWordUnderscores: true, omitExtraWLInCodeBlocks: true, simpleLineBreaks: true, strikethrough: true }); /** * Corrects the Slack Markdown variant of the code block. * If uncorrected, it will be converted to inline code. * * @see https://get.slack.help/hc/en-us/articles/202288908-how-can-i-add-formatting-to-my-messages-#code-blocks * * @param {string} text The potential Markdown text to correct. * * @return {string} The corrected Markdown. */ function slackMarkdownVariantCorrector(text) { return text.replace(/((?:^|\n)```)([^\n`]+)(```(?:$|\n))/, function (match, p1, p2, p3) { return "".concat(p1, "\n").concat(p2, "\n").concat(p3); }); } /** * Converts a piece of text into HTML based on any Markdown present. * Also decodes any encoded HTML. * * @param {string} text The plain text to convert. * * @return {string} HTML. */ function markdownConverter(text) { return converter.makeHtml(slackMarkdownVariantCorrector(text)); } // CONCATENATED MODULE: ./node_modules/@wordpress/blocks/build-module/api/raw-handling/iframe-remover.js /** * Removes iframes. * * @param {Node} node The node to check. * * @return {void} */ function iframeRemover(node) { if (node.nodeName === 'IFRAME') { var text = node.ownerDocument.createTextNode(node.src); node.parentNode.replaceChild(text, node); } } // CONCATENATED MODULE: ./node_modules/@wordpress/blocks/build-module/api/raw-handling/google-docs-uid-remover.js /** * WordPress dependencies */ function googleDocsUIdRemover(node) { if (!node.id || node.id.indexOf('docs-internal-guid-') !== 0) { return; } Object(external_this_wp_dom_["unwrap"])(node); } // CONCATENATED MODULE: ./node_modules/@wordpress/blocks/build-module/api/raw-handling/html-formatting-remover.js /** * Internal dependencies */ function isFormattingSpace(character) { return character === ' ' || character === '\r' || character === '\n' || character === '\t'; } /** * Removes spacing that formats HTML. * * @see https://www.w3.org/TR/css-text-3/#white-space-processing * * @param {Node} node The node to be processed. * @return {void} */ function htmlFormattingRemover(node) { if (node.nodeType !== node.TEXT_NODE) { return; } // Ignore pre content. Note that this does not use Element#closest due to // a combination of (a) node may not be Element and (b) node.parentElement // does not have full support in all browsers (Internet Exporer). // // See: https://developer.mozilla.org/en-US/docs/Web/API/Node/parentElement#Browser_compatibility /** @type {Node?} */ var parent = node; while (parent = parent.parentNode) { if (parent.nodeType === window.Node.ELEMENT_NODE && parent.nodeName === 'PRE') { return; } } // First, replace any sequence of HTML formatting space with a single space. var newData = node.data.replace(/[ \r\n\t]+/g, ' '); // Remove the leading space if the text element is at the start of a block, // is preceded by a line break element, or has a space in the previous // node. if (newData[0] === ' ') { var previousSibling = getSibling(node, 'previous'); if (!previousSibling || previousSibling.nodeName === 'BR' || previousSibling.textContent.slice(-1) === ' ') { newData = newData.slice(1); } } // Remove the trailing space if the text element is at the end of a block, // is succeded by a line break element, or has a space in the next text // node. if (newData[newData.length - 1] === ' ') { var nextSibling = getSibling(node, 'next'); if (!nextSibling || nextSibling.nodeName === 'BR' || nextSibling.nodeType === nextSibling.TEXT_NODE && isFormattingSpace(nextSibling.textContent[0])) { newData = newData.slice(0, -1); } } // If there's no data left, remove the node, so `previousSibling` stays // accurate. Otherwise, update the node data. if (!newData) { node.parentNode.removeChild(node); } else { node.data = newData; } } // CONCATENATED MODULE: ./node_modules/@wordpress/blocks/build-module/api/raw-handling/br-remover.js /** * Internal dependencies */ /** * Removes trailing br elements from text-level content. * * @param {Element} node Node to check. */ function brRemover(node) { if (node.nodeName !== 'BR') { return; } if (getSibling(node, 'next')) { return; } node.parentNode.removeChild(node); } // CONCATENATED MODULE: ./node_modules/@wordpress/blocks/build-module/api/raw-handling/empty-paragraph-remover.js /** * Removes empty paragraph elements. * * @param {Element} node Node to check. */ function emptyParagraphRemover(node) { if (node.nodeName !== 'P') { return; } if (node.hasChildNodes()) { return; } node.parentNode.removeChild(node); } // CONCATENATED MODULE: ./node_modules/@wordpress/blocks/build-module/api/raw-handling/paste-handler.js function paste_handler_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } function paste_handler_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { paste_handler_ownKeys(Object(source), true).forEach(function (key) { Object(defineProperty["a" /* default */])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { paste_handler_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } /** * External dependencies */ /** * Internal dependencies */ /** * Browser dependencies */ var paste_handler_window = window, paste_handler_console = paste_handler_window.console; /** * Filters HTML to only contain phrasing content. * * @param {string} HTML The HTML to filter. * * @return {string} HTML only containing phrasing content. */ function filterInlineHTML(HTML) { HTML = deepFilterHTML(HTML, [googleDocsUIdRemover, phrasingContentReducer, commentRemover]); HTML = removeInvalidHTML(HTML, getPhrasingContentSchema('paste'), { inline: true }); HTML = deepFilterHTML(HTML, [htmlFormattingRemover, brRemover]); // Allows us to ask for this information when we get a report. paste_handler_console.log('Processed inline HTML:\n\n', HTML); return HTML; } function getRawTransformations() { return Object(external_this_lodash_["filter"])(getBlockTransforms('from'), { type: 'raw' }).map(function (transform) { return transform.isMatch ? transform : paste_handler_objectSpread({}, transform, { isMatch: function isMatch(node) { return transform.selector && node.matches(transform.selector); } }); }); } /** * Converts HTML directly to blocks. Looks for a matching transform for each * top-level tag. The HTML should be filtered to not have any text between * top-level tags and formatted in a way that blocks can handle the HTML. * * @param {Object} $1 Named parameters. * @param {string} $1.html HTML to convert. * @param {Array} $1.rawTransforms Transforms that can be used. * * @return {Array} An array of blocks. */ function htmlToBlocks(_ref) { var html = _ref.html, rawTransforms = _ref.rawTransforms; var doc = document.implementation.createHTMLDocument(''); doc.body.innerHTML = html; return Array.from(doc.body.children).map(function (node) { var rawTransform = findTransform(rawTransforms, function (_ref2) { var isMatch = _ref2.isMatch; return isMatch(node); }); if (!rawTransform) { return createBlock( // Should not be hardcoded. 'core/html', getBlockAttributes('core/html', node.outerHTML)); } var transform = rawTransform.transform, blockName = rawTransform.blockName; if (transform) { return transform(node); } return createBlock(blockName, getBlockAttributes(blockName, node.outerHTML)); }); } /** * Converts an HTML string to known blocks. Strips everything else. * * @param {Object} options * @param {string} [options.HTML] The HTML to convert. * @param {string} [options.plainText] Plain text version. * @param {string} [options.mode] Handle content as blocks or inline content. * * 'AUTO': Decide based on the content passed. * * 'INLINE': Always handle as inline content, and return string. * * 'BLOCKS': Always handle as blocks, and return array of blocks. * @param {Array} [options.tagName] The tag into which content will be inserted. * * @return {Array|string} A list of blocks or a string, depending on `handlerMode`. */ function pasteHandler(_ref3) { var _ref3$HTML = _ref3.HTML, HTML = _ref3$HTML === void 0 ? '' : _ref3$HTML, _ref3$plainText = _ref3.plainText, plainText = _ref3$plainText === void 0 ? '' : _ref3$plainText, _ref3$mode = _ref3.mode, mode = _ref3$mode === void 0 ? 'AUTO' : _ref3$mode, tagName = _ref3.tagName; // First of all, strip any meta tags. HTML = HTML.replace(/]+>/g, ''); // Strip Windows markers. HTML = HTML.replace(/^\s*]*>\s*]*>(?:\s*)?/i, ''); HTML = HTML.replace(/(?:\s*)?<\/body>\s*<\/html>\s*$/i, ''); // If we detect block delimiters in HTML, parse entirely as blocks. if (mode !== 'INLINE') { // Check plain text if there is no HTML. var content = HTML ? HTML : plainText; if (content.indexOf('/g, spaceRegExp: / | /gi, HTMLEntityRegExp: /&\S+?;/g, // \u2014 = em-dash connectorRegExp: /--|\u2014/g, // Characters to be removed from input text. removeRegExp: new RegExp(['[', // Basic Latin (extract) "!-@[-`{-~", // Latin-1 Supplement (extract) "\x80-\xBF\xD7\xF7", /* * The following range consists of: * General Punctuation * Superscripts and Subscripts * Currency Symbols * Combining Diacritical Marks for Symbols * Letterlike Symbols * Number Forms * Arrows * Mathematical Operators * Miscellaneous Technical * Control Pictures * Optical Character Recognition * Enclosed Alphanumerics * Box Drawing * Block Elements * Geometric Shapes * Miscellaneous Symbols * Dingbats * Miscellaneous Mathematical Symbols-A * Supplemental Arrows-A * Braille Patterns * Supplemental Arrows-B * Miscellaneous Mathematical Symbols-B * Supplemental Mathematical Operators * Miscellaneous Symbols and Arrows */ "\u2000-\u2BFF", // Supplemental Punctuation "\u2E00-\u2E7F", ']'].join(''), 'g'), // Remove UTF-16 surrogate points, see https://en.wikipedia.org/wiki/UTF-16#U.2BD800_to_U.2BDFFF astralRegExp: /[\uD800-\uDBFF][\uDC00-\uDFFF]/g, wordsRegExp: /\S\s+/g, characters_excluding_spacesRegExp: /\S/g, /* * Match anything that is not a formatting character, excluding: * \f = form feed * \n = new line * \r = carriage return * \t = tab * \v = vertical tab * \u00AD = soft hyphen * \u2028 = line separator * \u2029 = paragraph separator */ characters_including_spacesRegExp: /[^\f\n\r\t\v\u00AD\u2028\u2029]/g, l10n: { type: 'words' } }; // CONCATENATED MODULE: ./node_modules/@wordpress/wordcount/build-module/stripTags.js /** * Replaces items matched in the regex with new line * * @param {Object} settings The main settings object containing regular expressions * @param {string} text The string being counted. * * @return {string} The manipulated text. */ function stripTags(settings, text) { if (settings.HTMLRegExp) { return text.replace(settings.HTMLRegExp, '\n'); } } // CONCATENATED MODULE: ./node_modules/@wordpress/wordcount/build-module/transposeAstralsToCountableChar.js /** * Replaces items matched in the regex with character. * * @param {Object} settings The main settings object containing regular expressions * @param {string} text The string being counted. * * @return {string} The manipulated text. */ function transposeAstralsToCountableChar(settings, text) { if (settings.astralRegExp) { return text.replace(settings.astralRegExp, 'a'); } return text; } // CONCATENATED MODULE: ./node_modules/@wordpress/wordcount/build-module/stripHTMLEntities.js /** * Removes items matched in the regex. * * @param {Object} settings The main settings object containing regular expressions * @param {string} text The string being counted. * * @return {string} The manipulated text. */ function stripHTMLEntities(settings, text) { if (settings.HTMLEntityRegExp) { return text.replace(settings.HTMLEntityRegExp, ''); } return text; } // CONCATENATED MODULE: ./node_modules/@wordpress/wordcount/build-module/stripConnectors.js /** * Replaces items matched in the regex with spaces. * * @param {Object} settings The main settings object containing regular expressions * @param {string} text The string being counted. * * @return {string} The manipulated text. */ function stripConnectors(settings, text) { if (settings.connectorRegExp) { return text.replace(settings.connectorRegExp, ' '); } return text; } // CONCATENATED MODULE: ./node_modules/@wordpress/wordcount/build-module/stripRemovables.js /** * Removes items matched in the regex. * * @param {Object} settings The main settings object containing regular expressions * @param {string} text The string being counted. * * @return {string} The manipulated text. */ function stripRemovables(settings, text) { if (settings.removeRegExp) { return text.replace(settings.removeRegExp, ''); } return text; } // CONCATENATED MODULE: ./node_modules/@wordpress/wordcount/build-module/stripHTMLComments.js /** * Removes items matched in the regex. * * @param {Object} settings The main settings object containing regular expressions * @param {string} text The string being counted. * * @return {string} The manipulated text. */ function stripHTMLComments(settings, text) { if (settings.HTMLcommentRegExp) { return text.replace(settings.HTMLcommentRegExp, ''); } return text; } // CONCATENATED MODULE: ./node_modules/@wordpress/wordcount/build-module/stripShortcodes.js /** * Replaces items matched in the regex with a new line. * * @param {Object} settings The main settings object containing regular expressions * @param {string} text The string being counted. * * @return {string} The manipulated text. */ function stripShortcodes(settings, text) { if (settings.shortcodesRegExp) { return text.replace(settings.shortcodesRegExp, '\n'); } return text; } // CONCATENATED MODULE: ./node_modules/@wordpress/wordcount/build-module/stripSpaces.js /** * Replaces items matched in the regex with spaces. * * @param {Object} settings The main settings object containing regular expressions * @param {string} text The string being counted. * * @return {string} The manipulated text. */ function stripSpaces(settings, text) { if (settings.spaceRegExp) { return text.replace(settings.spaceRegExp, ' '); } } // CONCATENATED MODULE: ./node_modules/@wordpress/wordcount/build-module/transposeHTMLEntitiesToCountableChars.js /** * Replaces items matched in the regex with a single character. * * @param {Object} settings The main settings object containing regular expressions * @param {string} text The string being counted. * * @return {string} The manipulated text. */ function transposeHTMLEntitiesToCountableChars(settings, text) { if (settings.HTMLEntityRegExp) { return text.replace(settings.HTMLEntityRegExp, 'a'); } return text; } // CONCATENATED MODULE: ./node_modules/@wordpress/wordcount/build-module/index.js /** * External dependencies */ /** * Internal dependencies */ /** * Private function to manage the settings. * * @param {string} type The type of count to be done. * @param {Object} userSettings Custom settings for the count. * * @return {void|Object|*} The combined settings object to be used. */ function loadSettings(type, userSettings) { var settings = Object(external_this_lodash_["extend"])(defaultSettings, userSettings); settings.shortcodes = settings.l10n.shortcodes || {}; if (settings.shortcodes && settings.shortcodes.length) { settings.shortcodesRegExp = new RegExp('\\[\\/?(?:' + settings.shortcodes.join('|') + ')[^\\]]*?\\]', 'g'); } settings.type = type || settings.l10n.type; if (settings.type !== 'characters_excluding_spaces' && settings.type !== 'characters_including_spaces') { settings.type = 'words'; } return settings; } /** * Match the regex for the type 'words' * * @param {string} text The text being processed * @param {string} regex The regular expression pattern being matched * @param {Object} settings Settings object containing regular expressions for each strip function * * @return {Array|{index: number, input: string}} The matched string. */ function matchWords(text, regex, settings) { text = Object(external_this_lodash_["flow"])(stripTags.bind(this, settings), stripHTMLComments.bind(this, settings), stripShortcodes.bind(this, settings), stripSpaces.bind(this, settings), stripHTMLEntities.bind(this, settings), stripConnectors.bind(this, settings), stripRemovables.bind(this, settings))(text); text = text + '\n'; return text.match(regex); } /** * Match the regex for either 'characters_excluding_spaces' or 'characters_including_spaces' * * @param {string} text The text being processed * @param {string} regex The regular expression pattern being matched * @param {Object} settings Settings object containing regular expressions for each strip function * * @return {Array|{index: number, input: string}} The matched string. */ function matchCharacters(text, regex, settings) { text = Object(external_this_lodash_["flow"])(stripTags.bind(this, settings), stripHTMLComments.bind(this, settings), stripShortcodes.bind(this, settings), stripSpaces.bind(this, settings), transposeAstralsToCountableChar.bind(this, settings), transposeHTMLEntitiesToCountableChars.bind(this, settings))(text); text = text + '\n'; return text.match(regex); } /** * Count some words. * * @param {string} text The text being processed * @param {string} type The type of count. Accepts ;words', 'characters_excluding_spaces', or 'characters_including_spaces'. * @param {Object} userSettings Custom settings object. * * @example * ```js * import { count } from '@wordpress/wordcount'; * const numberOfWords = count( 'Words to count', 'words', {} ) * ``` * * @return {number} The word or character count. */ function count(text, type, userSettings) { if ('' === text) { return 0; } if (text) { var settings = loadSettings(type, userSettings); var matchRegExp = settings[type + 'RegExp']; var results = 'words' === settings.type ? matchWords(text, matchRegExp, settings) : matchCharacters(text, matchRegExp, settings); return results ? results.length : 0; } } /***/ }) /******/ }); ================================================ FILE: public/vendor/no-conflict.js ================================================ window.lodash = window._.noConflict(); ================================================ FILE: scripts/build.js ================================================ 'use strict'; // Do this as the first thing so that any code reading it knows the right env. process.env.BABEL_ENV = 'production'; process.env.NODE_ENV = 'production'; // Makes the script crash on unhandled rejections instead of silently // ignoring them. In the future, promise rejections that are not handled will // terminate the Node.js process with a non-zero exit code. process.on('unhandledRejection', err => { throw err; }); // Ensure environment variables are read. require('../config/env'); const path = require('path'); const chalk = require('chalk'); const fs = require('fs-extra'); const webpack = require('webpack'); const bfj = require('bfj'); const config = require('../config/webpack.config.prod'); const paths = require('../config/paths'); const checkRequiredFiles = require('react-dev-utils/checkRequiredFiles'); const formatWebpackMessages = require('react-dev-utils/formatWebpackMessages'); const printHostingInstructions = require('react-dev-utils/printHostingInstructions'); const FileSizeReporter = require('react-dev-utils/FileSizeReporter'); const printBuildError = require('react-dev-utils/printBuildError'); const measureFileSizesBeforeBuild = FileSizeReporter.measureFileSizesBeforeBuild; const printFileSizesAfterBuild = FileSizeReporter.printFileSizesAfterBuild; const useYarn = fs.existsSync(paths.yarnLockFile); // These sizes are pretty large. We'll warn for bundles exceeding them. const WARN_AFTER_BUNDLE_GZIP_SIZE = 512 * 1024; const WARN_AFTER_CHUNK_GZIP_SIZE = 1024 * 1024; const isInteractive = process.stdout.isTTY; // Warn and crash if required files are missing if (!checkRequiredFiles([paths.appHtml, paths.appIndexJs])) { process.exit(1); } // Process CLI arguments const argv = process.argv.slice(2); const writeStatsJson = argv.indexOf('--stats') !== -1; // We require that you explictly set browsers and do not fall back to // browserslist defaults. const { checkBrowsers } = require('react-dev-utils/browsersHelper'); checkBrowsers(paths.appPath, isInteractive) .then(() => { // First, read the current file sizes in build directory. // This lets us display how much they changed later. return measureFileSizesBeforeBuild(paths.appBuild); }) .then(previousFileSizes => { // Remove all content but keep the directory so that // if you're in it, you don't end up in Trash fs.emptyDirSync(paths.appBuild); // Merge with the public folder copyPublicFolder(); // Start the webpack build return build(previousFileSizes); }) .then( ({ stats, previousFileSizes, warnings }) => { if (warnings.length) { console.log(chalk.yellow('Compiled with warnings.\n')); console.log(warnings.join('\n\n')); console.log( '\nSearch for the ' + chalk.underline(chalk.yellow('keywords')) + ' to learn more about each warning.' ); console.log( 'To ignore, add ' + chalk.cyan('// eslint-disable-next-line') + ' to the line before.\n' ); } else { console.log(chalk.green('Compiled successfully.\n')); } console.log('File sizes after gzip:\n'); printFileSizesAfterBuild( stats, previousFileSizes, paths.appBuild, WARN_AFTER_BUNDLE_GZIP_SIZE, WARN_AFTER_CHUNK_GZIP_SIZE ); console.log(); const appPackage = require(paths.appPackageJson); const publicUrl = paths.publicUrl; const publicPath = config.output.publicPath; const buildFolder = path.relative(process.cwd(), paths.appBuild); printHostingInstructions( appPackage, publicUrl, publicPath, buildFolder, useYarn ); }, err => { console.log(chalk.red('Failed to compile.\n')); printBuildError(err); process.exit(1); } ) .catch(err => { if (err && err.message) { console.log(err.message); } process.exit(1); }); // Create the production build and print the deployment instructions. function build(previousFileSizes) { console.log('Creating an optimized production build...'); let compiler = webpack(config); return new Promise((resolve, reject) => { compiler.run((err, stats) => { let messages; if (err) { if (!err.message) { return reject(err); } messages = formatWebpackMessages({ errors: [err.message], warnings: [], }); } else { messages = formatWebpackMessages( stats.toJson({ all: false, warnings: true, errors: true }) ); } if (messages.errors.length) { // Only keep the first error. Others are often indicative // of the same problem, but confuse the reader with noise. if (messages.errors.length > 1) { messages.errors.length = 1; } return reject(new Error(messages.errors.join('\n\n'))); } if ( process.env.CI && (typeof process.env.CI !== 'string' || process.env.CI.toLowerCase() !== 'false') && messages.warnings.length ) { console.log( chalk.yellow( '\nTreating warnings as errors because process.env.CI = true.\n' + 'Most CI servers set it automatically.\n' ) ); return reject(new Error(messages.warnings.join('\n\n'))); } const resolveArgs = { stats, previousFileSizes, warnings: messages.warnings, }; if (writeStatsJson) { return bfj .write(paths.appBuild + '/bundle-stats.json', stats.toJson()) .then(() => resolve(resolveArgs)) .catch(error => reject(new Error(error))); } return resolve(resolveArgs); }); }); } function copyPublicFolder() { fs.copySync(paths.appPublic, paths.appBuild, { dereference: true, filter: file => file !== paths.appHtml, }); } ================================================ FILE: scripts/g-scripts.js ================================================ 'use strict'; const fs = require('fs'); const runner = require('child_process'); // const file = './public/vendor/gutenberg/wp-script-loader-packages.php'; // TODO: check if it's a file. const file = './tmp/WordPress/wp-includes/assets/script-loader-packages.php'; runner.exec('php -r \'print json_encode(include("' + file + '"));\'', function(err, stdout, stderr) { const json = JSON.stringify(JSON.parse(stdout)); fs.writeFile('./config/gutenberg/scripts.json', json, (err) => { // In case of a error throw err. if (err) { console.log(err); throw err; } }); }); ================================================ FILE: scripts/g-update.js ================================================ 'use strict'; const fs = require('fs') // Get updated list of dependencies const packages = require('../config/gutenberg')(); const scripts = packages.scripts.reduce((html, script) => { if (!script.path) { return html; } return html + ''; }, ''); const styles = packages.styles.reduce((html, style) => { if (!style.path) { return html; } return html + ''; }, ''); fs.writeFile('g-scripts.txt', scripts, (err) => { // In case of a error throw err. if (err) { console.log(err); throw err; } }); fs.writeFile('g-styles.txt', styles, (err) => { // In case of a error throw err. if (err) { console.log(err); throw err; } }); ================================================ FILE: scripts/start.js ================================================ 'use strict'; // Do this as the first thing so that any code reading it knows the right env. process.env.BABEL_ENV = 'development'; process.env.NODE_ENV = 'development'; // Makes the script crash on unhandled rejections instead of silently // ignoring them. In the future, promise rejections that are not handled will // terminate the Node.js process with a non-zero exit code. process.on('unhandledRejection', err => { throw err; }); // Ensure environment variables are read. require('../config/env'); const fs = require('fs'); const chalk = require('chalk'); const webpack = require('webpack'); const WebpackDevServer = require('webpack-dev-server'); const clearConsole = require('react-dev-utils/clearConsole'); const checkRequiredFiles = require('react-dev-utils/checkRequiredFiles'); const { choosePort, createCompiler, prepareProxy, prepareUrls, } = require('react-dev-utils/WebpackDevServerUtils'); const openBrowser = require('react-dev-utils/openBrowser'); const paths = require('../config/paths'); const config = require('../config/webpack.config.dev'); const createDevServerConfig = require('../config/webpackDevServer.config'); const useYarn = fs.existsSync(paths.yarnLockFile); const isInteractive = process.stdout.isTTY; // Warn and crash if required files are missing if (!checkRequiredFiles([paths.appHtml, paths.appIndexJs])) { process.exit(1); } // Tools like Cloud9 rely on this. const DEFAULT_PORT = parseInt(process.env.PORT, 10) || 3000; const HOST = process.env.HOST || '0.0.0.0'; if (process.env.HOST) { console.log( chalk.cyan( `Attempting to bind to HOST environment variable: ${chalk.yellow( chalk.bold(process.env.HOST) )}` ) ); console.log( `If this was unintentional, check that you haven't mistakenly set it in your shell.` ); console.log( `Learn more here: ${chalk.yellow('http://bit.ly/CRA-advanced-config')}` ); console.log(); } // We require that you explictly set browsers and do not fall back to // browserslist defaults. const { checkBrowsers } = require('react-dev-utils/browsersHelper'); checkBrowsers(paths.appPath, isInteractive) .then(() => { // We attempt to use the default port but if it is busy, we offer the user to // run on a different port. `choosePort()` Promise resolves to the next free port. return choosePort(HOST, DEFAULT_PORT); }) .then(port => { if (port == null) { // We have not found a port. return; } const protocol = process.env.HTTPS === 'true' ? 'https' : 'http'; const appName = require(paths.appPackageJson).name; const urls = prepareUrls(protocol, HOST, port); // Create a webpack compiler that is configured with custom messages. const compiler = createCompiler(webpack, config, appName, urls, useYarn); // Load proxy config const proxySetting = require(paths.appPackageJson).proxy; const proxyConfig = prepareProxy(proxySetting, paths.appPublic); // Serve webpack assets generated by the compiler over a web server. const serverConfig = createDevServerConfig( proxyConfig, urls.lanUrlForConfig ); const devServer = new WebpackDevServer(compiler, serverConfig); // Launch WebpackDevServer. devServer.listen(port, HOST, err => { if (err) { return console.log(err); } if (isInteractive) { clearConsole(); } console.log(chalk.cyan('Starting the development server...\n')); openBrowser(urls.localUrlForBrowser); }); ['SIGINT', 'SIGTERM'].forEach(function(sig) { process.on(sig, function() { devServer.close(); process.exit(); }); }); }) .catch(err => { if (err && err.message) { console.log(err.message); } process.exit(1); }); ================================================ FILE: scripts/test.js ================================================ 'use strict'; // Do this as the first thing so that any code reading it knows the right env. process.env.BABEL_ENV = 'test'; process.env.NODE_ENV = 'test'; process.env.PUBLIC_URL = ''; // Makes the script crash on unhandled rejections instead of silently // ignoring them. In the future, promise rejections that are not handled will // terminate the Node.js process with a non-zero exit code. process.on('unhandledRejection', err => { throw err; }); // Ensure environment variables are read. require('../config/env'); const jest = require('jest'); const execSync = require('child_process').execSync; let argv = process.argv.slice(2); function isInGitRepository() { try { execSync('git rev-parse --is-inside-work-tree', { stdio: 'ignore' }); return true; } catch (e) { return false; } } function isInMercurialRepository() { try { execSync('hg --cwd . root', { stdio: 'ignore' }); return true; } catch (e) { return false; } } // Watch unless on CI, in coverage mode, or explicitly running all tests if ( !process.env.CI && argv.indexOf('--coverage') === -1 && argv.indexOf('--watchAll') === -1 ) { // https://github.com/facebook/create-react-app/issues/5210 const hasSourceControl = isInGitRepository() || isInMercurialRepository(); argv.push(hasSourceControl ? '--watch' : '--watchAll'); } jest.run(argv); ================================================ FILE: src/core/api-fetch.js ================================================ import apiFetch from '../globals/api-fetch'; const { use, createNonceMiddleware, createRootURLMiddleware, setFetchHandler, } = window.wp.apiFetch; const nonceMiddleware = createNonceMiddleware(window.wpApiSettings.nonce); use(nonceMiddleware); window.wp.hooks.addAction( 'heartbeat.tick', 'core/api-fetch/create-nonce-middleware', function (response) { if (response.rest_nonce) { nonceMiddleware.nonce = response.rest_nonce; } } ); use(createRootURLMiddleware(window.wpApiSettings.root)); setFetchHandler(apiFetch); ================================================ FILE: src/core/index.js ================================================ import './settings'; import './api-fetch'; import './media-upload'; import './style.scss'; ================================================ FILE: src/core/media-library.scss ================================================ .media-library__popover { > div { padding: 1em; } .media-library__popover__content { max-height: 465px; display: grid; grid-template-columns: repeat(5, auto); grid-gap: 1em; .media-library-thumbnail { width: 100px; height: 100px; border: 1px solid #e2e4e7; padding: 5px; background-position: center; background-size: contain; background-repeat: no-repeat; background-color: hsla(240,5%,57%,.1); &:hover { cursor: pointer; box-shadow: inset 0 0 0 1px rgba(25,30,35,.2), 0 1px 3px rgba(25,30,35,.4); } } } } ================================================ FILE: src/core/media-upload.js ================================================ import { Component, Fragment } from 'react'; import './media-library.scss'; const { wp, lodash } = window; const { get } = lodash; const { __ } = wp.i18n; const { Popover } = wp.components; const { withSelect } = wp.data; const { addFilter } = wp.hooks; class MediaContainer extends Component { constructor (props) { super(props); this.onImageClick = this.onImageClick.bind(this); } onImageClick (img) { const { onSelect, closePopover, gallery = false, multiple = false } = this.props; const imgObject = { alt: img.alt_text, caption: img.caption.raw, id: img.id, link: img.link, mime: img.mime_type, sizes: img.media_details.sizes, media_details: img.media_details, subtype: img.mime_type.split('/')[ 1 ], type: img.mime_type.split('/')[ 0 ], url: img.source_url, data: img.data, }; if (gallery || multiple) { onSelect([imgObject]); } else { onSelect(imgObject); } closePopover(); } render () { const { media, allowedTypes = [] } = this.props; const items = media && media.filter(item => ! allowedTypes.length || allowedTypes.includes(item.media_type)); return (

{ items && items.map(item => { const sourceUrl = get(item, 'media_details.sizes.thumbnail.source_url') || (item.media_type === 'image' && item.source_url); const buttonStyle = sourceUrl ? { backgroundImage: `url(${sourceUrl})` } : {}; return ; }) }
); } } const MediaLibrary = withSelect(select => ({ media: select('core').getMediaItems(), }))(MediaContainer); class MediaUpload extends Component { constructor (props) { super(props); this.state = { isVisible: false }; this.openPopover = this.openPopover.bind(this); this.closePopover = this.closePopover.bind(this); } openPopover () { this.setState({ isVisible: true }); } closePopover () { this.setState({ isVisible: false }); } render () { if (!this.props.mediaLibrary) { console.log('Media Library is deactivated'); return false; } const { isVisible } = this.state; return { isVisible && event.stopPropagation() } position="middle left" headerTitle={ __('Media Library') } > } { this.props.render({ open: this.openPopover }) } ; } } const replaceMediaUpload = () => withSelect(select => ({ mediaLibrary: select('core/editor').getEditorSettings().mediaLibrary, }))(MediaUpload); addFilter( 'editor.MediaUpload', 'core/edit-post/components/media-upload/replace-media-upload', replaceMediaUpload, ); ================================================ FILE: src/core/settings.js ================================================ // User settings window.userSettings = { secure: '', time: 1234567, uid: 1, }; // API settings window.wpApiSettings = { root: window.location.origin + '/', nonce: '123456789', versionString: 'wp/v2/', }; // postboxes window.postboxes = window.postboxes || { add_postbox_toggles: (page, args) => { console.log('page', page); console.log('args', args); }, }; ================================================ FILE: src/core/style.scss ================================================ @media (min-width: 600px) { body .gutenberg__editor { position: relative; } } @media (min-width: 782px) { .gutenberg__editor .edit-post-sidebar { top: 56px; } } .gutenberg__editor { position: relative; * { box-sizing: border-box; &:focus { outline-width: 0; } } input { margin: 1px; } input[type=checkbox] { border: 1px solid #b4b9be; background: #fff; color: #555; clear: none; cursor: pointer; display: inline-block; line-height: 0; height: 16px; margin: -4px 4px 0 0; outline: 0; padding: 0!important; text-align: center; vertical-align: middle; width: 16px; min-width: 16px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); transition: .05s border-color ease-in-out; } .edit-post-layout { padding-top: 0; @media (min-width: 960px) { padding-top: 0; } @media (min-width: 600px) { padding-top: 0; } @media (min-width: 783px) { top: 0; left: 0; } .edit-post-header, .edit-post-sidebar, .components-popover { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; font-size: 13px; } .edit-post-header { @media (min-width: 782px) { position: sticky; left: 0; top: 0; } } .components-notice-list { @media (min-width: 782px) { left: 0; } .notice, div.error, div.updated { background: #fff; border-left: 4px solid #fff; } .notice-alt { box-shadow: none; } .notice-success.notice-alt { background-color: #ecf7ed; } .notice-success, div.updated { border-left-color: #46b450; } .notice-dismiss { position: absolute; top: 0; right: 1px; border: none; margin: 5px; padding: 9px; background: 0 0; color: #72777c; cursor: pointer; } } .edit-post-text-editor { @media (min-width: 960px) { padding-left: 20px; padding-right: 20px; } .edit-post-text-editor__body { padding-top: 0px; @media (min-width: 782px) { padding-top: 0px; } @media (min-width: 600px) { padding-top: 0px; } .editor-post-title { @media (min-width: 600px) { padding: 5px 0; } } } } .edit-post-sidebar { .edit-post-sidebar__panel-tabs { ul { list-style: none; margin: 0; padding: 0; } } } } .screen-reader-text, .screen-reader-text span, .ui-helper-hidden-accessible { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal!important; } .edit-post-visual-editor { font-family: inherit; p { font-family: inherit; } .editor-post-title, .editor-post-title__block, .editor-block-list__block, .editor-default-block-appender { max-width: initial; margin-left: 35px; margin-right: 35px; } .editor-post-title>div { @media (min-width: 600px) { margin-left: 0; margin-right: 0; } } .editor-post-title { .editor-post-title__input { font-family: inherit; } } .editor-block-list__layout { .editor-block-list__block { &.is-selected, &.is-hovered { outline-width: 0; } } .editor-default-block-appender__content { font-family: inherit; } } } .components-color-palette__item:focus:after { top: -3px; left: -3px; } // Hide links to php pages a[href^="edit.php"], a[href^="post.php"], a[href^="options-permalink.php"] { display: none; } // Hide publish button .editor-post-publish-button { display: none; } .block-editor-editor-skeleton { top: 0; } @media (min-width: 782px) { .block-editor-editor-skeleton { left: 0; } } } ================================================ FILE: src/data/categories.json ================================================ [ { "id": 2, "count": 3, "description": "Neque quibusdam nihil sequi quia et inventore dolorem dolores et consequuntur nostrum delectus esse cum et voluptatem ut rerum et accusamus quae vel neque laudantium optio rerum asperiores assumenda rerum qui eius neque dolores id quibusdam id optio ut eius dolor qui quas non", "link": "https://demo.wp-api.org/category/aut-architecto-nihil/", "name": "Aut architecto nihil", "slug": "aut-architecto-nihil", "taxonomy": "category", "parent": 0, "meta": [], "_links": { "self": [ { "href": "https://demo.wp-api.org/wp-json/wp/v2/categories/2" } ], "collection": [ { "href": "https://demo.wp-api.org/wp-json/wp/v2/categories" } ], "about": [ { "href": "https://demo.wp-api.org/wp-json/wp/v2/taxonomies/category" } ], "wp:post_type": [ { "href": "https://demo.wp-api.org/wp-json/wp/v2/posts?categories=2" } ], "curies": [ { "name": "wp", "href": "https://api.w.org/{rel}", "templated": true } ] } }, { "id": 11, "count": 7, "description": "Rem recusandae velit et incidunt labore qui explicabo veritatis eos quod dolor dolor occaecati nobis in suscipit et quo impedit repellat eius voluptatem", "link": "https://demo.wp-api.org/category/facilis-dignissimos/", "name": "Facilis dignissimos", "slug": "facilis-dignissimos", "taxonomy": "category", "parent": 0, "meta": [], "_links": { "self": [ { "href": "https://demo.wp-api.org/wp-json/wp/v2/categories/11" } ], "collection": [ { "href": "https://demo.wp-api.org/wp-json/wp/v2/categories" } ], "about": [ { "href": "https://demo.wp-api.org/wp-json/wp/v2/taxonomies/category" } ], "wp:post_type": [ { "href": "https://demo.wp-api.org/wp-json/wp/v2/posts?categories=11" } ], "curies": [ { "name": "wp", "href": "https://api.w.org/{rel}", "templated": true } ] } }, { "id": 1, "count": 5, "description": "", "link": "https://demo.wp-api.org/category/uncategorized/", "name": "Uncategorized", "slug": "uncategorized", "taxonomy": "category", "parent": 0, "meta": [], "_links": { "self": [ { "href": "https://demo.wp-api.org/wp-json/wp/v2/categories/1" } ], "collection": [ { "href": "https://demo.wp-api.org/wp-json/wp/v2/categories" } ], "about": [ { "href": "https://demo.wp-api.org/wp-json/wp/v2/taxonomies/category" } ], "wp:post_type": [ { "href": "https://demo.wp-api.org/wp-json/wp/v2/posts?categories=1" } ], "curies": [ { "name": "wp", "href": "https://api.w.org/{rel}", "templated": true } ] } } ] ================================================ FILE: src/data/taxonomies.json ================================================ { "category": { "name": "Categories", "slug": "category", "description": "", "types": [ "post" ], "visibility": { "show_ui": false }, "hierarchical": true, "rest_base": "categories", "_links": { "collection": [ { "href": "https://demo.wp-api.org/wp-json/wp/v2/taxonomies" } ], "wp:items": [ { "href": "https://demo.wp-api.org/wp-json/wp/v2/categories" } ], "curies": [ { "name": "wp", "href": "https://api.w.org/{rel}", "templated": true } ] }, "labels": { "singular_name": "Category" } }, "post_tag": { "name": "Tags", "slug": "post_tag", "description": "", "types": [ "post" ], "visibility": { "show_ui": false }, "hierarchical": false, "rest_base": "tags", "_links": { "collection": [ { "href": "https://demo.wp-api.org/wp-json/wp/v2/taxonomies" } ], "wp:items": [ { "href": "https://demo.wp-api.org/wp-json/wp/v2/tags" } ], "curies": [ { "name": "wp", "href": "https://api.w.org/{rel}", "templated": true } ] }, "labels": { "singular_name": "Tag" } } } ================================================ FILE: src/data/themes.json ================================================ [ { "theme_supports": { "formats": [ "standard", "aside", "image", "video", "quote", "link", "gallery", "audio" ], "post-thumbnails": true, "responsive-embeds": false } } ] ================================================ FILE: src/data/types.json ================================================ { "post": { "description": "", "hierarchical": false, "viewable": true, "name": "Posts", "slug": "post", "supports": { "author": false, "comments": false, "custom-fields": true, "editor": true, "excerpt": false, "page-attributes": false, "revisions": false, "thumbnail": false, "title": true, "post-formats": true }, "taxonomies": [ "category", "post_tag" ], "rest_base": "posts", "_links": { "collection": [ { "href": "https://demo.wp-api.org/wp-json/wp/v2/types" } ], "wp:items": [ { "href": "https://demo.wp-api.org/wp-json/wp/v2/posts" } ], "curies": [ { "name": "wp", "href": "https://api.w.org/{rel}", "templated": true } ] }, "labels": { "singular_name": "Post" } }, "page": { "description": "", "hierarchical": true, "viewable": true, "name": "Pages", "slug": "page", "supports": { "author": false, "comments": false, "custom-fields": false, "discussion": false, "editor": true, "excerpt": true, "page-attributes": false, "revisions": false, "thumbnail": false, "title": false }, "taxonomies": [], "rest_base": "pages", "_links": { "collection": [ { "href": "https://demo.wp-api.org/wp-json/wp/v2/types" } ], "wp:items": [ { "href": "https://demo.wp-api.org/wp-json/wp/v2/pages" } ], "curies": [ { "name": "wp", "href": "https://api.w.org/{rel}", "templated": true } ] }, "labels": { "singular_name": "Page" } }, "attachment": { "description": "", "hierarchical": false, "viewable": true, "name": "Media", "slug": "attachment", "supports": { "title": true, "author": true, "comments": true }, "taxonomies": [], "rest_base": "media", "_links": { "collection": [ { "href": "https://demo.wp-api.org/wp-json/wp/v2/types" } ], "wp:items": [ { "href": "https://demo.wp-api.org/wp-json/wp/v2/media" } ], "curies": [ { "name": "wp", "href": "https://api.w.org/{rel}", "templated": true } ] }, "labels": { "singular_name": "Media" } }, "wp_block": { "description": "", "hierarchical": false, "viewable": false, "name": "Blocks", "slug": "wp_block", "supports": { "title": true, "editor": true }, "taxonomies": [], "rest_base": "blocks", "_links": { "collection": [ { "href": "https://demo.wp-api.org/wp-json/wp/v2/types" } ], "wp:items": [ { "href": "https://demo.wp-api.org/wp-json/wp/v2/blocks" } ], "curies": [ { "name": "wp", "href": "https://api.w.org/{rel}", "templated": true } ] }, "headers": [], "labels": { "singular_name": "Block" } } } ================================================ FILE: src/data/users.json ================================================ [ { "id": 1, "name": "Human Made", "url": "", "description": "", "link": "https://demo.wp-api.org/author/humanmade/", "slug": "humanmade", "avatar_urls": { "24": "https://secure.gravatar.com/avatar/83888eb8aea456e4322577f96b4dbaab?s=24&d=mm&r=g", "48": "https://secure.gravatar.com/avatar/83888eb8aea456e4322577f96b4dbaab?s=48&d=mm&r=g", "96": "https://secure.gravatar.com/avatar/83888eb8aea456e4322577f96b4dbaab?s=96&d=mm&r=g" }, "meta": [], "_links": { "self": [ { "href": "https://demo.wp-api.org/wp-json/wp/v2/users/1" } ], "collection": [ { "href": "https://demo.wp-api.org/wp-json/wp/v2/users" } ] } } ] ================================================ FILE: src/globals/api-fetch.js ================================================ import routes from './api-routes'; function matchRoute (pattern, pathname) { const res = {}; const r = pattern.split('/'), p = pathname.split('/'); const l = Math.max(r.length, p.length); let i = 0; for(; i < l; i++) { if(r[i] === p[i]) { continue; } if(!r[i] || !p[i]) { return false; } if(r[i].charAt(0) === '{' && r[i].charAt(r[i].length - 1) === '}') { const param = r[i].slice(1, -1); if(param.includes('*')) { res[param.replace('*', '')] = p.slice(i).join('/'); return res; } res[param] = p[i]; continue; } return false; } return res; } function matchRouteList (options, pathname) { if(typeof options === 'string') { return matchRoute(options, pathname); } for(const pattern of options) { const params = matchRoute(pattern, pathname); if(params) { return params; } } return false; } function matchMethod (source, target) { return !target || target === '*' || target === source || target.includes(source); } function parseQS (qs) { return qs.split('&').reduce((a, i, p) => { p = i.split('='); a[decodeURIComponent(p[0])] = decodeURIComponent(p[1] || ''); return a; }, {}); } const apiFetch = options => { let { method = 'GET' } = options; const { path, data, body, url, headers } = options; const [ pathname, _qs ] = path.split('?'); const query = parseQS(_qs); const payload = data || body; if(headers && headers['X-HTTP-Method-Override']) { method = headers['X-HTTP-Method-Override']; } // console.log(method, pathname); for(const r of routes) { const params = matchRouteList(r.path, pathname); if(params) { if(matchMethod(method, r.method)) { return r.handler({ method, url, pathname, params, query, payload, }); } } } console.error('Unmatched route:', method, path, payload); return {}; }; export default apiFetch; ================================================ FILE: src/globals/api-routes.js ================================================ import { getPage, savePage, deletePage } from './fake-data.js'; import { mediaList, createMedia } from './fake-media.js'; import { getEmbed } from './embeds.js'; import users from '../data/users'; import taxonomies from '../data/taxonomies'; import categories from '../data/categories'; import types from '../data/types'; import themes from '../data/themes'; export default [ // Pages and posts { path: '/wp/v2/pages', method: '*', handler () { return [ getPage() ]; }, }, { path: [ '/wp/v2/pages/{id}', '/wp/v2/pages/{id}/autosaves', ], method: ['POST', 'PUT'], handler ({ payload }) { savePage(payload); return getPage(); }, }, { path: '/wp/v2/pages/{id}', method: 'DELETE', handler () { deletePage(); return {}; }, }, { path: [ '/wp/v2/pages/{id}', '/wp/v2/pages/{id}/autosaves', ], method: '*', handler () { return getPage(); }, }, { path: '/wp/v2/posts', method: '*', handler () { return [ getPage('post') ]; }, }, { path: '/wp/v2/posts/{id}', method: 'DELETE', handler () { deletePage(); return {}; }, }, { path: [ '/wp/v2/posts/{id}', '/wp/v2/posts/{id}/autosaves', ], method: ['POST', 'PUT'], handler ({ payload }) { savePage(payload); return getPage('post'); }, }, { path: [ '/wp/v2/posts/{id}', '/wp/v2/posts/{id}/autosaves', ], method: '*', handler () { return getPage('post'); }, }, // Media { path: '/wp/v2/media', method: 'OPTIONS', handler () { return { headers: { get (value) { if (value === 'allow') { return [ 'POST' ]; } }, }, }; }, }, { path: '/wp/v2/media', method: 'POST', async handler ({ payload }) { const file = payload.get('file'); return file ? await createMedia(file) : {}; }, }, { path: '/wp/v2/media', method: '*', handler () { return mediaList; }, }, { path: '/wp/v2/media/{id}', method: '*', handler ({ params }) { return mediaList[+params.id - 1]; }, }, // Types { path: '/wp/v2/types', method: '*', handler () { return types; }, }, { path: '/wp/v2/types/{type}', method: '*', handler ({ params }) { return types[params.type] || {}; }, }, // Blocks { path: '/wp/v2/blocks', method: '*', handler () { return []; }, }, // Themes { path: '/wp/v2/themes', method: '*', handler () { return themes; }, }, // Taxonomies { path: '/wp/v2/taxonomies', method: '*', handler () { return new window.Response(JSON.stringify(taxonomies)); }, }, { path: '/wp/v2/taxonomies/{type}', method: '*', handler ({ params }) { return taxonomies[params.type] || {}; }, }, // Categories { path: '/wp/v2/categories', method: '*', handler () { return categories; }, }, // Users { path: '/wp/v2/users/', method: '*', handler () { return new window.Response(JSON.stringify(users)); }, }, { path: '/wp/v2/users/{name}', method: '*', handler () { return users[0] || {}; }, }, // Block renderer { path: '/wp/v2/block-renderer/{block*}', method: '*', handler ({ params }) { return { rendered: `
Sorry. There is no server-side rendering available for "${params.block}".
`, }; }, }, // Search { path: '/wp/v2/search', method: '*', handler () { return []; }, }, // Embed { path: '/oembed/1.0/proxy', method: '*', handler ({ query }) { return getEmbed(query.url); }, }, ]; ================================================ FILE: src/globals/embeds.js ================================================ import providers from 'oembed-providers'; export async function getEmbed (url) { // Proxy that we use that enables cross-origin requests // https://cors-anywhere.herokuapp.com/ const cors_api_host = 'https://cors-anywhere.herokuapp.com/'; const hostname = (new URL(url)).hostname; // Find the provider const provider = providers.find(({ provider_url }) => { return provider_url.includes(hostname) || hostname.includes(provider_url); }); if(provider && provider.endpoints) { // Use the first endpoint const provider_url = provider.endpoints[0].url; // Fetch embed to provider through the proxy const response = await fetch(`${cors_api_host}${provider_url}?url=${url}`); return response.json(); } } ================================================ FILE: src/globals/fake-data.js ================================================ const date = (new Date()).toISOString(); export const pages = { page: { id: 1, content: { raw: '', rendered: '', }, date, date_gmt: date, title: { raw: 'Preview page', rendered: 'Preview page', }, excerpt: { raw: '', rendered: '', }, status: 'draft', revisions: { count: 0, last_id: 0 }, parent: 0, theme_style: true, type: 'page', link: `${window.location.origin}/preview`, categories: [ ], featured_media: 0, permalink_template: `${window.location.origin}/preview`, preview_link: `${window.location.origin}/preview`, _links: { 'wp:action-assign-categories': [], 'wp:action-create-categories': [], }, }, post: { id: 1, content: { raw: '', rendered: '', }, date, date_gmt: date, title: { raw: 'Preview post', rendered: 'Preview post', }, excerpt: { raw: '', rendered: '', }, status: 'draft', revisions: { count: 0, last_id: 0 }, parent: 0, theme_style: true, type: 'post', link: `${window.location.origin}/preview`, categories: [ ], featured_media: 0, permalink_template: `${window.location.origin}/preview`, preview_link: `${window.location.origin}/preview`, _links: { 'wp:action-assign-categories': [], 'wp:action-create-categories': [], }, }, }; export function getPage (type = 'page') { return JSON.parse(localStorage.getItem('g-editor-page')) || pages[type]; } export function savePage (data, type = 'page') { const item = { ...getPage(type), id: data.id || 1, // to prevent when id isn't passed as data (ex: autosaves) }; if(data.title) { item.title = { raw: data.title, rendered: data.title, }; } if(data.content) { item.content = { raw: data.content, // rendered: data.content.replace(/()/g, ''), }; } if(data.excerpt) { item.excerpt = { raw: data.excerpt, rendered: data.excerpt, }; } localStorage.setItem('g-editor-page', JSON.stringify(item)); } export function changeType (type) { const item = getPage(type); item.type = type; localStorage.setItem('g-editor-page', JSON.stringify(item)); } export function deletePage () { // Workaround to wait until the POST request (that is called after DELETE) // is finished. setTimeout(function () { localStorage.removeItem('g-editor-page'); sessionStorage.removeItem('wp-autosave-block-editor-post-1'); window.location.reload(); }, 500); } ================================================ FILE: src/globals/fake-media.js ================================================ const date = (new Date()).toISOString(); const origin = window.location.origin; // List of images export const mediaList = []; export function getMedia (id, params = {}) { const sizes = {}; if (params.thumbnail) { sizes.thumbnail = { source_url: params.thumbnail, }; } return { id, title: { raw: '', rendered: '' }, caption: { raw: '', rendered: '' }, date_gmt: date, date, media_type: params.media_type, mime_type: params.mime_type, source_url: params.source_url, // link: params.source_url, media_details: { file: '', width: 0, height: 0, image_meta: {}, sizes, }, }; } export function createMedia (file) { return new Promise(resolve => { const reader = new window.FileReader(); reader.onload = () => { // Create media and add to list const img = getMedia(mediaList.length + 1, { media_type: file.type.split('/')[0], mime_type: file.type, source_url: reader.result, }); mediaList.push(img); resolve(img); }; reader.readAsDataURL(file); }); } // Load media (images) mediaList.push(getMedia(1, { media_type: 'image', mime_type: 'image/jpeg', source_url: `${origin}/media/img1.jpg`, })); mediaList.push(getMedia(2, { media_type: 'image', mime_type: 'image/jpeg', source_url: `${origin}/media/img2.jpeg`, })); mediaList.push(getMedia(3, { media_type: 'image', mime_type: 'image/png', source_url: `${origin}/media/img3.png`, })); // Load media (videos) mediaList.push(getMedia(4, { media_type: 'video', mime_type: 'video/mp4', source_url: `${origin}/media/video1.mp4`, thumbnail: `${origin}/media/video1-thumb.jpg`, })); mediaList.push(getMedia(5, { media_type: 'video', mime_type: 'video/mp4', source_url: `${origin}/media/video2.mp4`, thumbnail: `${origin}/media/video2-thumb.jpg`, })); // Load media (audios) mediaList.push(getMedia(6, { media_type: 'audio', mime_type: 'audio/mp3', source_url: `${origin}/media/audio1.mp3`, thumbnail: `${origin}/media/audio1-thumb.png`, })); ================================================ FILE: src/index.js ================================================ import React from 'react'; import ReactDOM from 'react-dom'; import { BrowserRouter, Switch, Route } from 'react-router-dom'; import './core'; import Editor from './pages/editor'; import Preview from './pages/preview'; ReactDOM.render(( ), document.getElementById('root')); ================================================ FILE: src/pages/editor.js ================================================ import React from 'react'; import types from '../data/types'; import { changeType } from '../globals/fake-data'; import './editor.scss'; const { data, editPost, domReady } = window.wp; class Editor extends React.Component { constructor (props) { super(props); let type = window.location.pathname.replace(/\//g, ''); type = type.slice(0, -1); this.state = { postType: type || 'page', }; } componentDidMount () { const { postType } = this.state; const settings = { alignWide: true, availableTemplates: [], allowedBlockTypes: true, disableCustomColors: false, disableCustomFontSizes: false, disablePostFormats: false, titlePlaceholder: 'Add title', bodyPlaceholder: 'Insert your custom block', isRTL: false, autosaveInterval: 3, style: [], imageSizes: [], richEditingEnabled: true, postLock: { isLocked: false, }, postLockUtils: { nonce: '123456789', }, enableCustomFields: true, mediaLibrary: true, __experimentalBlockPatterns: [], __experimentalBlockPatternCategories: [], __experimentalDisableCustomLineHeight: [], __experimentalDisableCustomUnits: [], __experimentalEnableLinkColor: [], }; // Disable publish sidebar data.dispatch('core/editor').disablePublishSidebar(); // Disable tips data.dispatch('core/nux').disableTips(); // Initialize the editor window._wpLoadBlockEditor = new Promise(resolve => { domReady(() => { resolve(editPost.initializeEditor('editor', postType, 1, settings, {})); }); }); } resetLocalStorage = ev => { ev.preventDefault(); localStorage.removeItem('g-editor-page'); sessionStorage.removeItem('wp-autosave-block-editor-post-1'); window.location.reload(); }; changePostType = (ev, type) => { ev.preventDefault(); // update postType in localStorage before reload the editor const slug = type.slice(0, -1); changeType(slug); window.location.replace(type); }; render () { const { postType } = this.state; return (
{ ['post', 'page'].map(type => { return ( ); }) }
); } } export default Editor; ================================================ FILE: src/pages/editor.scss ================================================ .editor-nav { position: absolute; display: flex; justify-content: center; align-items: center; width: 100%; height: 56px; * { z-index: 99; } } // TODO: move to core style. @media (min-width: 782px) { .edit-post-layout__content { margin-left: 0 !important; } } iframe { border: none; } ================================================ FILE: src/pages/preview.js ================================================ import React from 'react'; import { getPage } from '../globals/fake-data'; const { domReady } = window.wp; class Preview extends React.Component { constructor (props) { super(props); this.state = { rendered: '', }; } componentWillMount () { // remove block editor style from page const editorStyle = document.querySelector('style[id="block-editor-style"]'); if (editorStyle) { editorStyle.remove(); } // remove editor style const style = document.querySelector('link[href$="css/gutenberg/style.css"]'); if (style) { style.remove(); } } componentDidMount () { const page = getPage(); const rendered = ( page && page.content && page.content.raw && page.content.raw.replace(/()/g, '') ) || ''; this.setState({ rendered, }); domReady(() => { // Load the frontend scripts const code = document.getElementById('frontend-scripts'); if (code && code.innerText) { const script = document.createElement('script'); script.type = 'text/javascript'; script.async = true; script.src = `data:text/javascript;base64,${code.innerText}`; document.body.appendChild(script); } // Load html blocks scripts const html = rendered.trim(); const container = document.createElement('div'); container.innerHTML = html; const scripts = container.getElementsByTagName('script'); for(const s of scripts) { const script = document.createElement('script'); script.type = 'text/javascript'; script.async = true; if (s.innerText) { // inner script const frontendScript = Buffer.from(s.innerText).toString('base64'); script.src = `data:text/javascript;base64,${frontendScript}`; } else { // or from external src script.src = s.src; } document.body.appendChild(script); } }); } render () { const { rendered } = this.state; return rendered ?
:
Add your custom block in the editor
; } } export default Preview; ================================================ FILE: src/serviceWorker.js ================================================ // This optional code is used to register a service worker. // register() is not called by default. // This lets the app load faster on subsequent visits in production, and gives // it offline capabilities. However, it also means that developers (and users) // will only see deployed updates on subsequent visits to a page, after all the // existing tabs open on the page have been closed, since previously cached // resources are updated in the background. // To learn more about the benefits of this model and instructions on how to // opt-in, read http://bit.ly/CRA-PWA. const isLocalhost = Boolean( window.location.hostname === 'localhost' || // [::1] is the IPv6 localhost address. window.location.hostname === '[::1]' || // 127.0.0.1/8 is considered localhost for IPv4. window.location.hostname.match( /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/ ) ); export function register (config) { if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) { // The URL constructor is available in all browsers that support SW. const publicUrl = new URL(process.env.PUBLIC_URL, window.location); if (publicUrl.origin !== window.location.origin) { // Our service worker won't work if PUBLIC_URL is on a different origin // from what our page is served on. This might happen if a CDN is used to // serve assets; see https://github.com/facebook/create-react-app/issues/2374 return; } window.addEventListener('load', () => { const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`; if (isLocalhost) { // This is running on localhost. Let's check if a service worker still exists or not. checkValidServiceWorker(swUrl, config); // Add some additional logging to localhost, pointing developers to the // service worker/PWA documentation. navigator.serviceWorker.ready.then(() => { console.log( 'This web app is being served cache-first by a service ' + 'worker. To learn more, visit http://bit.ly/CRA-PWA' ); }); } else { // Is not localhost. Just register service worker registerValidSW(swUrl, config); } }); } } function registerValidSW (swUrl, config) { navigator.serviceWorker .register(swUrl) .then(registration => { registration.onupdatefound = () => { const installingWorker = registration.installing; installingWorker.onstatechange = () => { if (installingWorker.state === 'installed') { if (navigator.serviceWorker.controller) { // At this point, the updated precached content has been fetched, // but the previous service worker will still serve the older // content until all client tabs are closed. console.log( 'New content is available and will be used when all ' + 'tabs for this page are closed. See http://bit.ly/CRA-PWA.' ); // Execute callback if (config && config.onUpdate) { config.onUpdate(registration); } } else { // At this point, everything has been precached. // It's the perfect time to display a // "Content is cached for offline use." message. console.log('Content is cached for offline use.'); // Execute callback if (config && config.onSuccess) { config.onSuccess(registration); } } } }; }; }) .catch(error => { console.error('Error during service worker registration:', error); }); } function checkValidServiceWorker (swUrl, config) { // Check if the service worker can be found. If it can't reload the page. fetch(swUrl) .then(response => { // Ensure service worker exists, and that we really are getting a JS file. if ( response.status === 404 || response.headers.get('content-type').indexOf('javascript') === -1 ) { // No service worker found. Probably a different app. Reload the page. navigator.serviceWorker.ready.then(registration => { registration.unregister().then(() => { window.location.reload(); }); }); } else { // Service worker found. Proceed as normal. registerValidSW(swUrl, config); } }) .catch(() => { console.log( 'No internet connection found. App is running in offline mode.' ); }); } export function unregister () { if ('serviceWorker' in navigator) { navigator.serviceWorker.ready.then(registration => { registration.unregister(); }); } }