WordPress/wp-includes/js/dist/format-library.js

1839 lines
57 KiB
JavaScript

/******/ (function() { // webpackBootstrap
/******/ "use strict";
/******/ // The require scope
/******/ var __webpack_require__ = {};
/******/
/************************************************************************/
/******/ /* webpack/runtime/make namespace object */
/******/ !function() {
/******/ // define __esModule on exports
/******/ __webpack_require__.r = function(exports) {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/ }();
/******/
/************************************************************************/
var __webpack_exports__ = {};
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
;// CONCATENATED MODULE: external ["wp","richText"]
var external_wp_richText_namespaceObject = window["wp"]["richText"];
;// CONCATENATED MODULE: external ["wp","element"]
var external_wp_element_namespaceObject = window["wp"]["element"];
;// CONCATENATED MODULE: external ["wp","i18n"]
var external_wp_i18n_namespaceObject = window["wp"]["i18n"];
;// CONCATENATED MODULE: external ["wp","blockEditor"]
var external_wp_blockEditor_namespaceObject = window["wp"]["blockEditor"];
;// CONCATENATED MODULE: external ["wp","primitives"]
var external_wp_primitives_namespaceObject = window["wp"]["primitives"];
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/format-bold.js
/**
* WordPress dependencies
*/
const formatBold = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
d: "M14.7 11.3c1-.6 1.5-1.6 1.5-3 0-2.3-1.3-3.4-4-3.4H7v14h5.8c1.4 0 2.5-.3 3.3-1 .8-.7 1.2-1.7 1.2-2.9.1-1.9-.8-3.1-2.6-3.7zm-5.1-4h2.3c.6 0 1.1.1 1.4.4.3.3.5.7.5 1.2s-.2 1-.5 1.2c-.3.3-.8.4-1.4.4H9.6V7.3zm4.6 9c-.4.3-1 .4-1.7.4H9.6v-3.9h2.9c.7 0 1.3.2 1.7.5.4.3.6.8.6 1.5s-.2 1.2-.6 1.5z"
}));
/* harmony default export */ var format_bold = (formatBold);
;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/bold/index.js
/**
* WordPress dependencies
*/
const bold_name = 'core/bold';
const title = (0,external_wp_i18n_namespaceObject.__)('Bold');
const bold = {
name: bold_name,
title,
tagName: 'strong',
className: null,
edit(_ref) {
let {
isActive,
value,
onChange,
onFocus
} = _ref;
function onToggle() {
onChange((0,external_wp_richText_namespaceObject.toggleFormat)(value, {
type: bold_name,
title
}));
}
function onClick() {
onChange((0,external_wp_richText_namespaceObject.toggleFormat)(value, {
type: bold_name
}));
onFocus();
}
return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextShortcut, {
type: "primary",
character: "b",
onUse: onToggle
}), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, {
name: "bold",
icon: format_bold,
title: title,
onClick: onClick,
isActive: isActive,
shortcutType: "primary",
shortcutCharacter: "b"
}), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.__unstableRichTextInputEvent, {
inputType: "formatBold",
onInput: onToggle
}));
}
};
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/code.js
/**
* WordPress dependencies
*/
const code = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
viewBox: "0 0 24 24",
xmlns: "http://www.w3.org/2000/svg"
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
d: "M20.8 10.7l-4.3-4.3-1.1 1.1 4.3 4.3c.1.1.1.3 0 .4l-4.3 4.3 1.1 1.1 4.3-4.3c.7-.8.7-1.9 0-2.6zM4.2 11.8l4.3-4.3-1-1-4.3 4.3c-.7.7-.7 1.8 0 2.5l4.3 4.3 1.1-1.1-4.3-4.3c-.2-.1-.2-.3-.1-.4z"
}));
/* harmony default export */ var library_code = (code);
;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/code/index.js
/**
* WordPress dependencies
*/
const code_name = 'core/code';
const code_title = (0,external_wp_i18n_namespaceObject.__)('Inline code');
const code_code = {
name: code_name,
title: code_title,
tagName: 'code',
className: null,
__unstableInputRule(value) {
const BACKTICK = '`';
const {
start,
text
} = value;
const characterBefore = text.slice(start - 1, start); // Quick check the text for the necessary character.
if (characterBefore !== BACKTICK) {
return value;
}
const textBefore = text.slice(0, start - 1);
const indexBefore = textBefore.lastIndexOf(BACKTICK);
if (indexBefore === -1) {
return value;
}
const startIndex = indexBefore;
const endIndex = start - 2;
if (startIndex === endIndex) {
return value;
}
value = (0,external_wp_richText_namespaceObject.remove)(value, startIndex, startIndex + 1);
value = (0,external_wp_richText_namespaceObject.remove)(value, endIndex, endIndex + 1);
value = (0,external_wp_richText_namespaceObject.applyFormat)(value, {
type: code_name
}, startIndex, endIndex);
return value;
},
edit(_ref) {
let {
value,
onChange,
onFocus,
isActive
} = _ref;
function onClick() {
onChange((0,external_wp_richText_namespaceObject.toggleFormat)(value, {
type: code_name,
title: code_title
}));
onFocus();
}
return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextShortcut, {
type: "access",
character: "x",
onUse: onClick
}), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, {
icon: library_code,
title: code_title,
onClick: onClick,
isActive: isActive,
role: "menuitemcheckbox"
}));
}
};
;// CONCATENATED MODULE: external ["wp","components"]
var external_wp_components_namespaceObject = window["wp"]["components"];
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/keyboard-return.js
/**
* WordPress dependencies
*/
const keyboardReturn = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "-2 -2 24 24"
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
d: "M6.734 16.106l2.176-2.38-1.093-1.028-3.846 4.158 3.846 4.157 1.093-1.027-2.176-2.38h2.811c1.125 0 2.25.03 3.374 0 1.428-.001 3.362-.25 4.963-1.277 1.66-1.065 2.868-2.906 2.868-5.859 0-2.479-1.327-4.896-3.65-5.93-1.82-.813-3.044-.8-4.806-.788l-.567.002v1.5c.184 0 .368 0 .553-.002 1.82-.007 2.704-.014 4.21.657 1.854.827 2.76 2.657 2.76 4.561 0 2.472-.973 3.824-2.178 4.596-1.258.807-2.864 1.04-4.163 1.04h-.02c-1.115.03-2.229 0-3.344 0H6.734z"
}));
/* harmony default export */ var keyboard_return = (keyboardReturn);
;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/image/index.js
/**
* WordPress dependencies
*/
const ALLOWED_MEDIA_TYPES = ['image'];
const image_name = 'core/image';
const image_title = (0,external_wp_i18n_namespaceObject.__)('Inline image');
const image_image = {
name: image_name,
title: image_title,
keywords: [(0,external_wp_i18n_namespaceObject.__)('photo'), (0,external_wp_i18n_namespaceObject.__)('media')],
object: true,
tagName: 'img',
className: null,
attributes: {
className: 'class',
style: 'style',
url: 'src',
alt: 'alt'
},
edit: Edit
};
function InlineUI(_ref) {
let {
value,
onChange,
activeObjectAttributes,
contentRef
} = _ref;
const {
style
} = activeObjectAttributes;
const [width, setWidth] = (0,external_wp_element_namespaceObject.useState)(style === null || style === void 0 ? void 0 : style.replace(/\D/g, ''));
const popoverAnchor = (0,external_wp_richText_namespaceObject.useAnchor)({
editableContentElement: contentRef.current,
value,
settings: image_image
});
return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Popover, {
position: "bottom center",
focusOnMount: false,
anchor: popoverAnchor,
className: "block-editor-format-toolbar__image-popover"
}, (0,external_wp_element_namespaceObject.createElement)("form", {
className: "block-editor-format-toolbar__image-container-content",
onSubmit: event => {
const newReplacements = value.replacements.slice();
newReplacements[value.start] = {
type: image_name,
attributes: { ...activeObjectAttributes,
style: width ? `width: ${width}px;` : ''
}
};
onChange({ ...value,
replacements: newReplacements
});
event.preventDefault();
}
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, {
className: "block-editor-format-toolbar__image-container-value",
type: "number",
label: (0,external_wp_i18n_namespaceObject.__)('Width'),
value: width,
min: 1,
onChange: newWidth => setWidth(newWidth)
}), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
icon: keyboard_return,
label: (0,external_wp_i18n_namespaceObject.__)('Apply'),
type: "submit"
})));
}
function Edit(_ref2) {
let {
value,
onChange,
onFocus,
isObjectActive,
activeObjectAttributes,
contentRef
} = _ref2;
const [isModalOpen, setIsModalOpen] = (0,external_wp_element_namespaceObject.useState)(false);
function openModal() {
setIsModalOpen(true);
}
function closeModal() {
setIsModalOpen(false);
}
return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.MediaUploadCheck, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, {
icon: (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
d: "M4 18.5h16V17H4v1.5zM16 13v1.5h4V13h-4zM5.1 15h7.8c.6 0 1.1-.5 1.1-1.1V6.1c0-.6-.5-1.1-1.1-1.1H5.1C4.5 5 4 5.5 4 6.1v7.8c0 .6.5 1.1 1.1 1.1zm.4-8.5h7V10l-1-1c-.3-.3-.8-.3-1 0l-1.6 1.5-1.2-.7c-.3-.2-.6-.2-.9 0l-1.3 1V6.5zm0 6.1l1.8-1.3 1.3.8c.3.2.7.2.9-.1l1.5-1.4 1.5 1.4v1.5h-7v-.9z"
})),
title: image_title,
onClick: openModal,
isActive: isObjectActive
}), isModalOpen && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.MediaUpload, {
allowedTypes: ALLOWED_MEDIA_TYPES,
onSelect: _ref3 => {
let {
id,
url,
alt,
width: imgWidth
} = _ref3;
closeModal();
onChange((0,external_wp_richText_namespaceObject.insertObject)(value, {
type: image_name,
attributes: {
className: `wp-image-${id}`,
style: `width: ${Math.min(imgWidth, 150)}px;`,
url,
alt
}
}));
onFocus();
},
onClose: closeModal,
render: _ref4 => {
let {
open
} = _ref4;
open();
return null;
}
}), isObjectActive && (0,external_wp_element_namespaceObject.createElement)(InlineUI, {
value: value,
onChange: onChange,
activeObjectAttributes: activeObjectAttributes,
contentRef: contentRef
}));
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/format-italic.js
/**
* WordPress dependencies
*/
const formatItalic = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
d: "M12.5 5L10 19h1.9l2.5-14z"
}));
/* harmony default export */ var format_italic = (formatItalic);
;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/italic/index.js
/**
* WordPress dependencies
*/
const italic_name = 'core/italic';
const italic_title = (0,external_wp_i18n_namespaceObject.__)('Italic');
const italic = {
name: italic_name,
title: italic_title,
tagName: 'em',
className: null,
edit(_ref) {
let {
isActive,
value,
onChange,
onFocus
} = _ref;
function onToggle() {
onChange((0,external_wp_richText_namespaceObject.toggleFormat)(value, {
type: italic_name,
title: italic_title
}));
}
function onClick() {
onChange((0,external_wp_richText_namespaceObject.toggleFormat)(value, {
type: italic_name
}));
onFocus();
}
return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextShortcut, {
type: "primary",
character: "i",
onUse: onToggle
}), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, {
name: "italic",
icon: format_italic,
title: italic_title,
onClick: onClick,
isActive: isActive,
shortcutType: "primary",
shortcutCharacter: "i"
}), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.__unstableRichTextInputEvent, {
inputType: "formatItalic",
onInput: onToggle
}));
}
};
;// CONCATENATED MODULE: external ["wp","url"]
var external_wp_url_namespaceObject = window["wp"]["url"];
;// CONCATENATED MODULE: external ["wp","htmlEntities"]
var external_wp_htmlEntities_namespaceObject = window["wp"]["htmlEntities"];
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/link-off.js
/**
* WordPress dependencies
*/
const linkOff = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
d: "M15.6 7.3h-.7l1.6-3.5-.9-.4-3.9 8.5H9v1.5h2l-1.3 2.8H8.4c-2 0-3.7-1.7-3.7-3.7s1.7-3.7 3.7-3.7H10V7.3H8.4c-2.9 0-5.2 2.3-5.2 5.2 0 2.9 2.3 5.2 5.2 5.2H9l-1.4 3.2.9.4 5.7-12.5h1.4c2 0 3.7 1.7 3.7 3.7s-1.7 3.7-3.7 3.7H14v1.5h1.6c2.9 0 5.2-2.3 5.2-5.2 0-2.9-2.4-5.2-5.2-5.2z"
}));
/* harmony default export */ var link_off = (linkOff);
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/link.js
/**
* WordPress dependencies
*/
const link_link = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
d: "M15.6 7.2H14v1.5h1.6c2 0 3.7 1.7 3.7 3.7s-1.7 3.7-3.7 3.7H14v1.5h1.6c2.8 0 5.2-2.3 5.2-5.2 0-2.9-2.3-5.2-5.2-5.2zM4.7 12.4c0-2 1.7-3.7 3.7-3.7H10V7.2H8.4c-2.9 0-5.2 2.3-5.2 5.2 0 2.9 2.3 5.2 5.2 5.2H10v-1.5H8.4c-2 0-3.7-1.7-3.7-3.7zm4.6.9h5.3v-1.5H9.3v1.5z"
}));
/* harmony default export */ var library_link = (link_link);
;// CONCATENATED MODULE: external ["wp","a11y"]
var external_wp_a11y_namespaceObject = window["wp"]["a11y"];
;// CONCATENATED MODULE: external ["wp","data"]
var external_wp_data_namespaceObject = window["wp"]["data"];
;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/link/utils.js
/**
* WordPress dependencies
*/
/**
* Check for issues with the provided href.
*
* @param {string} href The href.
*
* @return {boolean} Is the href invalid?
*/
function isValidHref(href) {
if (!href) {
return false;
}
const trimmedHref = href.trim();
if (!trimmedHref) {
return false;
} // Does the href start with something that looks like a URL protocol?
if (/^\S+:/.test(trimmedHref)) {
const protocol = (0,external_wp_url_namespaceObject.getProtocol)(trimmedHref);
if (!(0,external_wp_url_namespaceObject.isValidProtocol)(protocol)) {
return false;
} // Add some extra checks for http(s) URIs, since these are the most common use-case.
// This ensures URIs with an http protocol have exactly two forward slashes following the protocol.
if (protocol.startsWith('http') && !/^https?:\/\/[^\/\s]/i.test(trimmedHref)) {
return false;
}
const authority = (0,external_wp_url_namespaceObject.getAuthority)(trimmedHref);
if (!(0,external_wp_url_namespaceObject.isValidAuthority)(authority)) {
return false;
}
const path = (0,external_wp_url_namespaceObject.getPath)(trimmedHref);
if (path && !(0,external_wp_url_namespaceObject.isValidPath)(path)) {
return false;
}
const queryString = (0,external_wp_url_namespaceObject.getQueryString)(trimmedHref);
if (queryString && !(0,external_wp_url_namespaceObject.isValidQueryString)(queryString)) {
return false;
}
const fragment = (0,external_wp_url_namespaceObject.getFragment)(trimmedHref);
if (fragment && !(0,external_wp_url_namespaceObject.isValidFragment)(fragment)) {
return false;
}
} // Validate anchor links.
if (trimmedHref.startsWith('#') && !(0,external_wp_url_namespaceObject.isValidFragment)(trimmedHref)) {
return false;
}
return true;
}
/**
* Generates the format object that will be applied to the link text.
*
* @param {Object} options
* @param {string} options.url The href of the link.
* @param {string} options.type The type of the link.
* @param {string} options.id The ID of the link.
* @param {boolean} options.opensInNewWindow Whether this link will open in a new window.
*
* @return {Object} The final format object.
*/
function createLinkFormat(_ref) {
let {
url,
type,
id,
opensInNewWindow
} = _ref;
const format = {
type: 'core/link',
attributes: {
url
}
};
if (type) format.attributes.type = type;
if (id) format.attributes.id = id;
if (opensInNewWindow) {
format.attributes.target = '_blank';
format.attributes.rel = 'noreferrer noopener';
}
return format;
}
/* eslint-disable jsdoc/no-undefined-types */
/**
* Get the start and end boundaries of a given format from a rich text value.
*
*
* @param {RichTextValue} value the rich text value to interrogate.
* @param {string} format the identifier for the target format (e.g. `core/link`, `core/bold`).
* @param {number?} startIndex optional startIndex to seek from.
* @param {number?} endIndex optional endIndex to seek from.
* @return {Object} object containing start and end values for the given format.
*/
/* eslint-enable jsdoc/no-undefined-types */
function getFormatBoundary(value, format) {
var _newFormats$startInde, _newFormats$endIndex, _newFormats;
let startIndex = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : value.start;
let endIndex = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : value.end;
const EMPTY_BOUNDARIES = {
start: null,
end: null
};
const {
formats
} = value;
let targetFormat;
let initialIndex;
if (!(formats !== null && formats !== void 0 && formats.length)) {
return EMPTY_BOUNDARIES;
} // Clone formats to avoid modifying source formats.
const newFormats = formats.slice();
const formatAtStart = (_newFormats$startInde = newFormats[startIndex]) === null || _newFormats$startInde === void 0 ? void 0 : _newFormats$startInde.find(_ref2 => {
let {
type
} = _ref2;
return type === format.type;
});
const formatAtEnd = (_newFormats$endIndex = newFormats[endIndex]) === null || _newFormats$endIndex === void 0 ? void 0 : _newFormats$endIndex.find(_ref3 => {
let {
type
} = _ref3;
return type === format.type;
});
const formatAtEndMinusOne = (_newFormats = newFormats[endIndex - 1]) === null || _newFormats === void 0 ? void 0 : _newFormats.find(_ref4 => {
let {
type
} = _ref4;
return type === format.type;
});
if (!!formatAtStart) {
// Set values to conform to "start"
targetFormat = formatAtStart;
initialIndex = startIndex;
} else if (!!formatAtEnd) {
// Set values to conform to "end"
targetFormat = formatAtEnd;
initialIndex = endIndex;
} else if (!!formatAtEndMinusOne) {
// This is an edge case which will occur if you create a format, then place
// the caret just before the format and hit the back ARROW key. The resulting
// value object will have start and end +1 beyond the edge of the format boundary.
targetFormat = formatAtEndMinusOne;
initialIndex = endIndex - 1;
} else {
return EMPTY_BOUNDARIES;
}
const index = newFormats[initialIndex].indexOf(targetFormat);
const walkingArgs = [newFormats, initialIndex, targetFormat, index]; // Walk the startIndex "backwards" to the leading "edge" of the matching format.
startIndex = walkToStart(...walkingArgs); // Walk the endIndex "forwards" until the trailing "edge" of the matching format.
endIndex = walkToEnd(...walkingArgs); // Safe guard: start index cannot be less than 0.
startIndex = startIndex < 0 ? 0 : startIndex; // // Return the indicies of the "edges" as the boundaries.
return {
start: startIndex,
end: endIndex
};
}
/**
* Walks forwards/backwards towards the boundary of a given format within an
* array of format objects. Returns the index of the boundary.
*
* @param {Array} formats the formats to search for the given format type.
* @param {number} initialIndex the starting index from which to walk.
* @param {Object} targetFormatRef a reference to the format type object being sought.
* @param {number} formatIndex the index at which we expect the target format object to be.
* @param {string} direction either 'forwards' or 'backwards' to indicate the direction.
* @return {number} the index of the boundary of the given format.
*/
function walkToBoundary(formats, initialIndex, targetFormatRef, formatIndex, direction) {
let index = initialIndex;
const directions = {
forwards: 1,
backwards: -1
};
const directionIncrement = directions[direction] || 1; // invalid direction arg default to forwards
const inverseDirectionIncrement = directionIncrement * -1;
while (formats[index] && formats[index][formatIndex] === targetFormatRef) {
// Increment/decrement in the direction of operation.
index = index + directionIncrement;
} // Restore by one in inverse direction of operation
// to avoid out of bounds.
index = index + inverseDirectionIncrement;
return index;
}
const partialRight = function (fn) {
for (var _len = arguments.length, partialArgs = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
partialArgs[_key - 1] = arguments[_key];
}
return function () {
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
args[_key2] = arguments[_key2];
}
return fn(...args, ...partialArgs);
};
};
const walkToStart = partialRight(walkToBoundary, 'backwards');
const walkToEnd = partialRight(walkToBoundary, 'forwards');
;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/link/use-link-instance-key.js
// Weakly referenced map allows unused ids to be garbage collected.
const weakMap = new WeakMap(); // Incrementing zero-based ID value.
let id = -1;
const prefix = 'link-control-instance';
function getKey(_id) {
return `${prefix}-${_id}`;
}
/**
* Builds a unique link control key for the given object reference.
*
* @param {Object} instance an unique object reference specific to this link control instance.
* @return {string} the unique key to use for this link control.
*/
function useLinkInstanceKey(instance) {
if (!instance) {
return;
}
if (weakMap.has(instance)) {
return getKey(weakMap.get(instance));
}
id += 1;
weakMap.set(instance, id);
return getKey(id);
}
/* harmony default export */ var use_link_instance_key = (useLinkInstanceKey);
;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/link/inline.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function InlineLinkUI(_ref) {
let {
isActive,
activeAttributes,
addingLink,
value,
onChange,
speak,
stopAddingLink,
contentRef
} = _ref;
const richLinkTextValue = getRichTextValueFromSelection(value, isActive); // Get the text content minus any HTML tags.
const richTextText = richLinkTextValue.text;
/**
* Pending settings to be applied to the next link. When inserting a new
* link, toggle values cannot be applied immediately, because there is not
* yet a link for them to apply to. Thus, they are maintained in a state
* value until the time that the link can be inserted or edited.
*
* @type {[Object|undefined,Function]}
*/
const [nextLinkValue, setNextLinkValue] = (0,external_wp_element_namespaceObject.useState)();
const {
createPageEntity,
userCanCreatePages
} = (0,external_wp_data_namespaceObject.useSelect)(select => {
const {
getSettings
} = select(external_wp_blockEditor_namespaceObject.store);
const _settings = getSettings();
return {
createPageEntity: _settings.__experimentalCreatePageEntity,
userCanCreatePages: _settings.__experimentalUserCanCreatePages
};
}, []);
const linkValue = {
url: activeAttributes.url,
type: activeAttributes.type,
id: activeAttributes.id,
opensInNewTab: activeAttributes.target === '_blank',
title: richTextText,
...nextLinkValue
};
function removeLink() {
const newValue = (0,external_wp_richText_namespaceObject.removeFormat)(value, 'core/link');
onChange(newValue);
stopAddingLink();
speak((0,external_wp_i18n_namespaceObject.__)('Link removed.'), 'assertive');
}
function onChangeLink(nextValue) {
// Merge with values from state, both for the purpose of assigning the
// next state value, and for use in constructing the new link format if
// the link is ready to be applied.
nextValue = { ...nextLinkValue,
...nextValue
}; // LinkControl calls `onChange` immediately upon the toggling a setting.
const didToggleSetting = linkValue.opensInNewTab !== nextValue.opensInNewTab && linkValue.url === nextValue.url; // If change handler was called as a result of a settings change during
// link insertion, it must be held in state until the link is ready to
// be applied.
const didToggleSettingForNewLink = didToggleSetting && nextValue.url === undefined; // If link will be assigned, the state value can be considered flushed.
// Otherwise, persist the pending changes.
setNextLinkValue(didToggleSettingForNewLink ? nextValue : undefined);
if (didToggleSettingForNewLink) {
return;
}
const newUrl = (0,external_wp_url_namespaceObject.prependHTTP)(nextValue.url);
const linkFormat = createLinkFormat({
url: newUrl,
type: nextValue.type,
id: nextValue.id !== undefined && nextValue.id !== null ? String(nextValue.id) : undefined,
opensInNewWindow: nextValue.opensInNewTab
});
const newText = nextValue.title || newUrl;
if ((0,external_wp_richText_namespaceObject.isCollapsed)(value) && !isActive) {
// Scenario: we don't have any actively selected text or formats.
const toInsert = (0,external_wp_richText_namespaceObject.applyFormat)((0,external_wp_richText_namespaceObject.create)({
text: newText
}), linkFormat, 0, newText.length);
onChange((0,external_wp_richText_namespaceObject.insert)(value, toInsert));
} else {
// Scenario: we have any active text selection or an active format.
let newValue;
if (newText === richTextText) {
// If we're not updating the text then ignore.
newValue = (0,external_wp_richText_namespaceObject.applyFormat)(value, linkFormat);
} else {
// Create new RichText value for the new text in order that we
// can apply formats to it.
newValue = (0,external_wp_richText_namespaceObject.create)({
text: newText
}); // Apply the new Link format to this new text value.
newValue = (0,external_wp_richText_namespaceObject.applyFormat)(newValue, linkFormat, 0, newText.length); // Update the original (full) RichTextValue replacing the
// target text with the *new* RichTextValue containing:
// 1. The new text content.
// 2. The new link format.
// Note original formats will be lost when applying this change.
// That is expected behaviour.
// See: https://github.com/WordPress/gutenberg/pull/33849#issuecomment-936134179.
newValue = (0,external_wp_richText_namespaceObject.replace)(value, richTextText, newValue);
}
newValue.start = newValue.end;
newValue.activeFormats = [];
onChange(newValue);
} // Focus should only be shifted back to the formatted segment when the
// URL is submitted.
if (!didToggleSetting) {
stopAddingLink();
}
if (!isValidHref(newUrl)) {
speak((0,external_wp_i18n_namespaceObject.__)('Warning: the link has been inserted but may have errors. Please test it.'), 'assertive');
} else if (isActive) {
speak((0,external_wp_i18n_namespaceObject.__)('Link edited.'), 'assertive');
} else {
speak((0,external_wp_i18n_namespaceObject.__)('Link inserted.'), 'assertive');
}
}
const popoverAnchor = (0,external_wp_richText_namespaceObject.useAnchor)({
editableContentElement: contentRef.current,
value,
settings: build_module_link_link
}); // Generate a string based key that is unique to this anchor reference.
// This is used to force re-mount the LinkControl component to avoid
// potential stale state bugs caused by the component not being remounted
// See https://github.com/WordPress/gutenberg/pull/34742.
const forceRemountKey = use_link_instance_key(popoverAnchor); // The focusOnMount prop shouldn't evolve during render of a Popover
// otherwise it causes a render of the content.
const focusOnMount = (0,external_wp_element_namespaceObject.useRef)(addingLink ? 'firstElement' : false);
async function handleCreate(pageTitle) {
const page = await createPageEntity({
title: pageTitle,
status: 'draft'
});
return {
id: page.id,
type: page.type,
title: page.title.rendered,
url: page.link,
kind: 'post-type'
};
}
function createButtonText(searchTerm) {
return (0,external_wp_element_namespaceObject.createInterpolateElement)((0,external_wp_i18n_namespaceObject.sprintf)(
/* translators: %s: search term. */
(0,external_wp_i18n_namespaceObject.__)('Create Page: <mark>%s</mark>'), searchTerm), {
mark: (0,external_wp_element_namespaceObject.createElement)("mark", null)
});
}
return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Popover, {
anchor: popoverAnchor,
focusOnMount: focusOnMount.current,
onClose: stopAddingLink,
position: "bottom center",
shift: true
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.__experimentalLinkControl, {
key: forceRemountKey,
value: linkValue,
onChange: onChangeLink,
onRemove: removeLink,
forceIsEditingLink: addingLink,
hasRichPreviews: true,
createSuggestion: createPageEntity && handleCreate,
withCreateSuggestion: userCanCreatePages,
createSuggestionButtonText: createButtonText,
hasTextControl: true
}));
}
function getRichTextValueFromSelection(value, isActive) {
// Default to the selection ranges on the RichTextValue object.
let textStart = value.start;
let textEnd = value.end; // If the format is currently active then the rich text value
// should always be taken from the bounds of the active format
// and not the selected text.
if (isActive) {
const boundary = getFormatBoundary(value, {
type: 'core/link'
});
textStart = boundary.start; // Text *selection* always extends +1 beyond the edge of the format.
// We account for that here.
textEnd = boundary.end + 1;
} // Get a RichTextValue containing the selected text content.
return (0,external_wp_richText_namespaceObject.slice)(value, textStart, textEnd);
}
/* harmony default export */ var inline = ((0,external_wp_components_namespaceObject.withSpokenMessages)(InlineLinkUI));
;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/link/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
const link_name = 'core/link';
const link_title = (0,external_wp_i18n_namespaceObject.__)('Link');
function link_Edit(_ref) {
let {
isActive,
activeAttributes,
value,
onChange,
onFocus,
contentRef
} = _ref;
const [addingLink, setAddingLink] = (0,external_wp_element_namespaceObject.useState)(false);
function addLink() {
const text = (0,external_wp_richText_namespaceObject.getTextContent)((0,external_wp_richText_namespaceObject.slice)(value));
if (text && (0,external_wp_url_namespaceObject.isURL)(text) && isValidHref(text)) {
onChange((0,external_wp_richText_namespaceObject.applyFormat)(value, {
type: link_name,
attributes: {
url: text
}
}));
} else if (text && (0,external_wp_url_namespaceObject.isEmail)(text)) {
onChange((0,external_wp_richText_namespaceObject.applyFormat)(value, {
type: link_name,
attributes: {
url: `mailto:${text}`
}
}));
} else {
setAddingLink(true);
}
}
function stopAddingLink() {
setAddingLink(false);
onFocus();
}
function onRemoveFormat() {
onChange((0,external_wp_richText_namespaceObject.removeFormat)(value, link_name));
(0,external_wp_a11y_namespaceObject.speak)((0,external_wp_i18n_namespaceObject.__)('Link removed.'), 'assertive');
}
return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextShortcut, {
type: "primary",
character: "k",
onUse: addLink
}), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextShortcut, {
type: "primaryShift",
character: "k",
onUse: onRemoveFormat
}), isActive && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, {
name: "link",
icon: link_off,
title: (0,external_wp_i18n_namespaceObject.__)('Unlink'),
onClick: onRemoveFormat,
isActive: isActive,
shortcutType: "primaryShift",
shortcutCharacter: "k"
}), !isActive && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, {
name: "link",
icon: library_link,
title: link_title,
onClick: addLink,
isActive: isActive,
shortcutType: "primary",
shortcutCharacter: "k"
}), (addingLink || isActive) && (0,external_wp_element_namespaceObject.createElement)(inline, {
addingLink: addingLink,
stopAddingLink: stopAddingLink,
isActive: isActive,
activeAttributes: activeAttributes,
value: value,
onChange: onChange,
contentRef: contentRef
}));
}
const build_module_link_link = {
name: link_name,
title: link_title,
tagName: 'a',
className: null,
attributes: {
url: 'href',
type: 'data-type',
id: 'data-id',
target: 'target'
},
__unstablePasteRule(value, _ref2) {
let {
html,
plainText
} = _ref2;
if ((0,external_wp_richText_namespaceObject.isCollapsed)(value)) {
return value;
}
const pastedText = (html || plainText).replace(/<[^>]+>/g, '').trim(); // A URL was pasted, turn the selection into a link.
if (!(0,external_wp_url_namespaceObject.isURL)(pastedText)) {
return value;
} // Allows us to ask for this information when we get a report.
window.console.log('Created link:\n\n', pastedText);
return (0,external_wp_richText_namespaceObject.applyFormat)(value, {
type: link_name,
attributes: {
url: (0,external_wp_htmlEntities_namespaceObject.decodeEntities)(pastedText)
}
});
},
edit: link_Edit
};
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/format-strikethrough.js
/**
* WordPress dependencies
*/
const formatStrikethrough = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
d: "M9.1 9v-.5c0-.6.2-1.1.7-1.4.5-.3 1.2-.5 2-.5.7 0 1.4.1 2.1.3.7.2 1.4.5 2.1.9l.2-1.9c-.6-.3-1.2-.5-1.9-.7-.8-.1-1.6-.2-2.4-.2-1.5 0-2.7.3-3.6 1-.8.7-1.2 1.5-1.2 2.6V9h2zM20 12H4v1h8.3c.3.1.6.2.8.3.5.2.9.5 1.1.8.3.3.4.7.4 1.2 0 .7-.2 1.1-.8 1.5-.5.3-1.2.5-2.1.5-.8 0-1.6-.1-2.4-.3-.8-.2-1.5-.5-2.2-.8L7 18.1c.5.2 1.2.4 2 .6.8.2 1.6.3 2.4.3 1.7 0 3-.3 3.9-1 .9-.7 1.3-1.6 1.3-2.8 0-.9-.2-1.7-.7-2.2H20v-1z"
}));
/* harmony default export */ var format_strikethrough = (formatStrikethrough);
;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/strikethrough/index.js
/**
* WordPress dependencies
*/
const strikethrough_name = 'core/strikethrough';
const strikethrough_title = (0,external_wp_i18n_namespaceObject.__)('Strikethrough');
const strikethrough = {
name: strikethrough_name,
title: strikethrough_title,
tagName: 's',
className: null,
edit(_ref) {
let {
isActive,
value,
onChange,
onFocus
} = _ref;
function onClick() {
onChange((0,external_wp_richText_namespaceObject.toggleFormat)(value, {
type: strikethrough_name,
title: strikethrough_title
}));
onFocus();
}
return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextShortcut, {
type: "access",
character: "d",
onUse: onClick
}), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, {
icon: format_strikethrough,
title: strikethrough_title,
onClick: onClick,
isActive: isActive,
role: "menuitemcheckbox"
}));
}
};
;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/underline/index.js
/**
* WordPress dependencies
*/
const underline_name = 'core/underline';
const underline_title = (0,external_wp_i18n_namespaceObject.__)('Underline');
const underline = {
name: underline_name,
title: underline_title,
tagName: 'span',
className: null,
attributes: {
style: 'style'
},
edit(_ref) {
let {
value,
onChange
} = _ref;
const onToggle = () => {
onChange((0,external_wp_richText_namespaceObject.toggleFormat)(value, {
type: underline_name,
attributes: {
style: 'text-decoration: underline;'
},
title: underline_title
}));
};
return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextShortcut, {
type: "primary",
character: "u",
onUse: onToggle
}), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.__unstableRichTextInputEvent, {
inputType: "formatUnderline",
onInput: onToggle
}));
}
};
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/icon/index.js
/**
* WordPress dependencies
*/
/** @typedef {{icon: JSX.Element, size?: number} & import('@wordpress/primitives').SVGProps} IconProps */
/**
* Return an SVG icon.
*
* @param {IconProps} props icon is the SVG component to render
* size is a number specifiying the icon size in pixels
* Other props will be passed to wrapped SVG component
*
* @return {JSX.Element} Icon component
*/
function Icon(_ref) {
let {
icon,
size = 24,
...props
} = _ref;
return (0,external_wp_element_namespaceObject.cloneElement)(icon, {
width: size,
height: size,
...props
});
}
/* harmony default export */ var icon = (Icon);
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/text-color.js
/**
* WordPress dependencies
*/
const textColor = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
d: "M12.9 6h-2l-4 11h1.9l1.1-3h4.2l1.1 3h1.9L12.9 6zm-2.5 6.5l1.5-4.9 1.7 4.9h-3.2z"
}));
/* harmony default export */ var text_color = (textColor);
;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/text-color/inline.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function parseCSS() {
let css = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
return css.split(';').reduce((accumulator, rule) => {
if (rule) {
const [property, value] = rule.split(':');
if (property === 'color') accumulator.color = value;
if (property === 'background-color' && value !== transparentValue) accumulator.backgroundColor = value;
}
return accumulator;
}, {});
}
function parseClassName() {
let className = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
let colorSettings = arguments.length > 1 ? arguments[1] : undefined;
return className.split(' ').reduce((accumulator, name) => {
// `colorSlug` could contain dashes, so simply match the start and end.
if (name.startsWith('has-') && name.endsWith('-color')) {
const colorSlug = name.replace(/^has-/, '').replace(/-color$/, '');
const colorObject = (0,external_wp_blockEditor_namespaceObject.getColorObjectByAttributeValues)(colorSettings, colorSlug);
accumulator.color = colorObject.color;
}
return accumulator;
}, {});
}
function getActiveColors(value, name, colorSettings) {
const activeColorFormat = (0,external_wp_richText_namespaceObject.getActiveFormat)(value, name);
if (!activeColorFormat) {
return {};
}
return { ...parseCSS(activeColorFormat.attributes.style),
...parseClassName(activeColorFormat.attributes.class, colorSettings)
};
}
function setColors(value, name, colorSettings, colors) {
const {
color,
backgroundColor
} = { ...getActiveColors(value, name, colorSettings),
...colors
};
if (!color && !backgroundColor) {
return (0,external_wp_richText_namespaceObject.removeFormat)(value, name);
}
const styles = [];
const classNames = [];
const attributes = {};
if (backgroundColor) {
styles.push(['background-color', backgroundColor].join(':'));
} else {
// Override default browser color for mark element.
styles.push(['background-color', transparentValue].join(':'));
}
if (color) {
const colorObject = (0,external_wp_blockEditor_namespaceObject.getColorObjectByColorValue)(colorSettings, color);
if (colorObject) {
classNames.push((0,external_wp_blockEditor_namespaceObject.getColorClassName)('color', colorObject.slug));
} else {
styles.push(['color', color].join(':'));
}
}
if (styles.length) attributes.style = styles.join(';');
if (classNames.length) attributes.class = classNames.join(' ');
return (0,external_wp_richText_namespaceObject.applyFormat)(value, {
type: name,
attributes
});
}
function ColorPicker(_ref) {
let {
name,
property,
value,
onChange
} = _ref;
const colors = (0,external_wp_data_namespaceObject.useSelect)(select => {
var _getSettings$colors;
const {
getSettings
} = select(external_wp_blockEditor_namespaceObject.store);
return (_getSettings$colors = getSettings().colors) !== null && _getSettings$colors !== void 0 ? _getSettings$colors : [];
}, []);
const onColorChange = (0,external_wp_element_namespaceObject.useCallback)(color => {
onChange(setColors(value, name, colors, {
[property]: color
}));
}, [colors, onChange, property]);
const activeColors = (0,external_wp_element_namespaceObject.useMemo)(() => getActiveColors(value, name, colors), [name, value, colors]);
return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.ColorPalette, {
value: activeColors[property],
onChange: onColorChange
});
}
function InlineColorUI(_ref2) {
let {
name,
value,
onChange,
onClose,
contentRef
} = _ref2;
/*
As you change the text color by typing a HEX value into a field,
the return value of document.getSelection jumps to the field you're editing,
not the highlighted text. Given that useAnchor uses document.getSelection,
it will return null, since it can't find the <mark> element within the HEX input.
This caches the last truthy value of the selection anchor reference.
*/
const popoverAnchor = (0,external_wp_blockEditor_namespaceObject.useCachedTruthy)((0,external_wp_richText_namespaceObject.useAnchor)({
editableContentElement: contentRef.current,
value,
settings: text_color_textColor
}));
return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Popover, {
onClose: onClose,
className: "components-inline-color-popover",
anchor: popoverAnchor
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TabPanel, {
tabs: [{
name: 'color',
title: (0,external_wp_i18n_namespaceObject.__)('Text')
}, {
name: 'backgroundColor',
title: (0,external_wp_i18n_namespaceObject.__)('Background')
}]
}, tab => (0,external_wp_element_namespaceObject.createElement)(ColorPicker, {
name: name,
property: tab.name,
value: value,
onChange: onChange
})));
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/text-color/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
const transparentValue = 'rgba(0, 0, 0, 0)';
const text_color_name = 'core/text-color';
const text_color_title = (0,external_wp_i18n_namespaceObject.__)('Highlight');
const EMPTY_ARRAY = [];
function getComputedStyleProperty(element, property) {
const {
ownerDocument
} = element;
const {
defaultView
} = ownerDocument;
const style = defaultView.getComputedStyle(element);
const value = style.getPropertyValue(property);
if (property === 'background-color' && value === transparentValue && element.parentElement) {
return getComputedStyleProperty(element.parentElement, property);
}
return value;
}
function fillComputedColors(element, _ref) {
let {
color,
backgroundColor
} = _ref;
if (!color && !backgroundColor) {
return;
}
return {
color: color || getComputedStyleProperty(element, 'color'),
backgroundColor: backgroundColor === transparentValue ? getComputedStyleProperty(element, 'background-color') : backgroundColor
};
}
function TextColorEdit(_ref2) {
let {
value,
onChange,
isActive,
activeAttributes,
contentRef
} = _ref2;
const allowCustomControl = (0,external_wp_blockEditor_namespaceObject.useSetting)('color.custom');
const colors = (0,external_wp_blockEditor_namespaceObject.useSetting)('color.palette') || EMPTY_ARRAY;
const [isAddingColor, setIsAddingColor] = (0,external_wp_element_namespaceObject.useState)(false);
const enableIsAddingColor = (0,external_wp_element_namespaceObject.useCallback)(() => setIsAddingColor(true), [setIsAddingColor]);
const disableIsAddingColor = (0,external_wp_element_namespaceObject.useCallback)(() => setIsAddingColor(false), [setIsAddingColor]);
const colorIndicatorStyle = (0,external_wp_element_namespaceObject.useMemo)(() => fillComputedColors(contentRef.current, getActiveColors(value, text_color_name, colors)), [value, colors]);
const hasColorsToChoose = colors.length || !allowCustomControl;
if (!hasColorsToChoose && !isActive) {
return null;
}
return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, {
className: "format-library-text-color-button",
isActive: isActive,
icon: (0,external_wp_element_namespaceObject.createElement)(icon, {
icon: text_color,
style: colorIndicatorStyle
}),
title: text_color_title // If has no colors to choose but a color is active remove the color onClick.
,
onClick: hasColorsToChoose ? enableIsAddingColor : () => onChange((0,external_wp_richText_namespaceObject.removeFormat)(value, text_color_name)),
role: "menuitemcheckbox"
}), isAddingColor && (0,external_wp_element_namespaceObject.createElement)(InlineColorUI, {
name: text_color_name,
onClose: disableIsAddingColor,
activeAttributes: activeAttributes,
value: value,
onChange: onChange,
contentRef: contentRef
}));
}
const text_color_textColor = {
name: text_color_name,
title: text_color_title,
tagName: 'mark',
className: 'has-inline-color',
attributes: {
style: 'style',
class: 'class'
},
/*
* Since this format relies on the <mark> tag, it's important to
* prevent the default yellow background color applied by most
* browsers. The solution is to detect when this format is used with a
* text color but no background color, and in such cases to override
* the default styling with a transparent background.
*
* @see https://github.com/WordPress/gutenberg/pull/35516
*/
__unstableFilterAttributeValue(key, value) {
if (key !== 'style') return value; // We should not add a background-color if it's already set.
if (value && value.includes('background-color')) return value;
const addedCSS = ['background-color', transparentValue].join(':'); // Prepend `addedCSS` to avoid a double `;;` as any the existing CSS
// rules will already include a `;`.
return value ? [addedCSS, value].join(';') : addedCSS;
},
edit: TextColorEdit
};
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/subscript.js
/**
* WordPress dependencies
*/
const subscript = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
d: "M16.9 18.3l.8-1.2c.4-.6.7-1.2.9-1.6.2-.4.3-.8.3-1.2 0-.3-.1-.7-.2-1-.1-.3-.4-.5-.6-.7-.3-.2-.6-.3-1-.3s-.8.1-1.1.2c-.3.1-.7.3-1 .6l.2 1.3c.3-.3.5-.5.8-.6s.6-.2.9-.2c.3 0 .5.1.7.2.2.2.2.4.2.7 0 .3-.1.5-.2.8-.1.3-.4.7-.8 1.3L15 19.4h4.3v-1.2h-2.4zM14.1 7.2h-2L9.5 11 6.9 7.2h-2l3.6 5.3L4.7 18h2l2.7-4 2.7 4h2l-3.8-5.5 3.8-5.3z"
}));
/* harmony default export */ var library_subscript = (subscript);
;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/subscript/index.js
/**
* WordPress dependencies
*/
const subscript_name = 'core/subscript';
const subscript_title = (0,external_wp_i18n_namespaceObject.__)('Subscript');
const subscript_subscript = {
name: subscript_name,
title: subscript_title,
tagName: 'sub',
className: null,
edit(_ref) {
let {
isActive,
value,
onChange,
onFocus
} = _ref;
function onToggle() {
onChange((0,external_wp_richText_namespaceObject.toggleFormat)(value, {
type: subscript_name,
title: subscript_title
}));
}
function onClick() {
onToggle();
onFocus();
}
return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, {
icon: library_subscript,
title: subscript_title,
onClick: onClick,
isActive: isActive,
role: "menuitemcheckbox"
});
}
};
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/superscript.js
/**
* WordPress dependencies
*/
const superscript = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
d: "M16.9 10.3l.8-1.3c.4-.6.7-1.2.9-1.6.2-.4.3-.8.3-1.2 0-.3-.1-.7-.2-1-.2-.2-.4-.4-.7-.6-.3-.2-.6-.3-1-.3s-.8.1-1.1.2c-.3.1-.7.3-1 .6l.1 1.3c.3-.3.5-.5.8-.6s.6-.2.9-.2c.3 0 .5.1.7.2.2.2.2.4.2.7 0 .3-.1.5-.2.8-.1.3-.4.7-.8 1.3l-1.8 2.8h4.3v-1.2h-2.2zm-2.8-3.1h-2L9.5 11 6.9 7.2h-2l3.6 5.3L4.7 18h2l2.7-4 2.7 4h2l-3.8-5.5 3.8-5.3z"
}));
/* harmony default export */ var library_superscript = (superscript);
;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/superscript/index.js
/**
* WordPress dependencies
*/
const superscript_name = 'core/superscript';
const superscript_title = (0,external_wp_i18n_namespaceObject.__)('Superscript');
const superscript_superscript = {
name: superscript_name,
title: superscript_title,
tagName: 'sup',
className: null,
edit(_ref) {
let {
isActive,
value,
onChange,
onFocus
} = _ref;
function onToggle() {
onChange((0,external_wp_richText_namespaceObject.toggleFormat)(value, {
type: superscript_name,
title: superscript_title
}));
}
function onClick() {
onToggle();
onFocus();
}
return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, {
icon: library_superscript,
title: superscript_title,
onClick: onClick,
isActive: isActive,
role: "menuitemcheckbox"
});
}
};
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/button.js
/**
* WordPress dependencies
*/
const button_button = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
viewBox: "0 0 24 24",
xmlns: "http://www.w3.org/2000/svg"
}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
d: "M19 6.5H5c-1.1 0-2 .9-2 2v7c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-7c0-1.1-.9-2-2-2zm.5 9c0 .3-.2.5-.5.5H5c-.3 0-.5-.2-.5-.5v-7c0-.3.2-.5.5-.5h14c.3 0 .5.2.5.5v7zM8 12.8h8v-1.5H8v1.5z"
}));
/* harmony default export */ var library_button = (button_button);
;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/keyboard/index.js
/**
* WordPress dependencies
*/
const keyboard_name = 'core/keyboard';
const keyboard_title = (0,external_wp_i18n_namespaceObject.__)('Keyboard input');
const keyboard = {
name: keyboard_name,
title: keyboard_title,
tagName: 'kbd',
className: null,
edit(_ref) {
let {
isActive,
value,
onChange,
onFocus
} = _ref;
function onToggle() {
onChange((0,external_wp_richText_namespaceObject.toggleFormat)(value, {
type: keyboard_name,
title: keyboard_title
}));
}
function onClick() {
onToggle();
onFocus();
}
return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, {
icon: library_button,
title: keyboard_title,
onClick: onClick,
isActive: isActive,
role: "menuitemcheckbox"
});
}
};
;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/default-formats.js
/**
* Internal dependencies
*/
/* harmony default export */ var default_formats = ([bold, code_code, image_image, italic, build_module_link_link, strikethrough, underline, text_color_textColor, subscript_subscript, superscript_superscript, keyboard]);
;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
default_formats.forEach(_ref => {
let {
name,
...settings
} = _ref;
return (0,external_wp_richText_namespaceObject.registerFormatType)(name, settings);
});
(window.wp = window.wp || {}).formatLibrary = __webpack_exports__;
/******/ })()
;