WordPress/wp-includes/js/dist/format-library.js
youknowriad ebca9841e8 Block Editor: Update the WordPress Packages based on Gutenberg 11.9 RC1.
This brings the JS packages up to date and is the first step that will allow us 
to include the other block editor updates for WordPress 5.9:
FSE infrastrucutre, site editor and global styles.

Props noisysocks.
See #54337.

Built from https://develop.svn.wordpress.org/trunk@52042


git-svn-id: http://core.svn.wordpress.org/trunk@51634 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-11-08 14:29:21 +00:00

1992 lines
60 KiB
JavaScript

this["wp"] = this["wp"] || {}; this["wp"]["formatLibrary"] =
/******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId]) {
/******/ return installedModules[moduleId].exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // define getter function for harmony exports
/******/ __webpack_require__.d = function(exports, name, getter) {
/******/ if(!__webpack_require__.o(exports, name)) {
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
/******/ }
/******/ };
/******/
/******/ // 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 });
/******/ };
/******/
/******/ // create a fake namespace object
/******/ // mode & 1: value is a module id, require it
/******/ // mode & 2: merge all properties of value into the ns
/******/ // mode & 4: return value when already ns object
/******/ // mode & 8|1: behave like require
/******/ __webpack_require__.t = function(value, mode) {
/******/ if(mode & 1) value = __webpack_require__(value);
/******/ if(mode & 8) return value;
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
/******/ var ns = Object.create(null);
/******/ __webpack_require__.r(ns);
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
/******/ return ns;
/******/ };
/******/
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = function(module) {
/******/ var getter = module && module.__esModule ?
/******/ function getDefault() { return module['default']; } :
/******/ function getModuleExports() { return module; };
/******/ __webpack_require__.d(getter, 'a', getter);
/******/ return getter;
/******/ };
/******/
/******/ // Object.prototype.hasOwnProperty.call
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "";
/******/
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = "t1DA");
/******/ })
/************************************************************************/
/******/ ({
/***/ "1Yn1":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("GRId");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("Tqx9");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
const code = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
viewBox: "0 0 24 24",
xmlns: "http://www.w3.org/2000/svg"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["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 */ __webpack_exports__["a"] = (code);
/***/ }),
/***/ "1ZqX":
/***/ (function(module, exports) {
(function() { module.exports = window["wp"]["data"]; }());
/***/ }),
/***/ "Bpkj":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("GRId");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("Tqx9");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
const link = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["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 */ __webpack_exports__["a"] = (link);
/***/ }),
/***/ "Crq9":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("GRId");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("Tqx9");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
const formatStrikethrough = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["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 */ __webpack_exports__["a"] = (formatStrikethrough);
/***/ }),
/***/ "GRId":
/***/ (function(module, exports) {
(function() { module.exports = window["wp"]["element"]; }());
/***/ }),
/***/ "Mmq9":
/***/ (function(module, exports) {
(function() { module.exports = window["wp"]["url"]; }());
/***/ }),
/***/ "Mp0b":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("GRId");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("Tqx9");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
const linkOff = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["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 */ __webpack_exports__["a"] = (linkOff);
/***/ }),
/***/ "Tqx9":
/***/ (function(module, exports) {
(function() { module.exports = window["wp"]["primitives"]; }());
/***/ }),
/***/ "YLtl":
/***/ (function(module, exports) {
(function() { module.exports = window["lodash"]; }());
/***/ }),
/***/ "axFQ":
/***/ (function(module, exports) {
(function() { module.exports = window["wp"]["blockEditor"]; }());
/***/ }),
/***/ "btIw":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("GRId");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("Tqx9");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
const keyboardReturn = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "-2 -2 24 24"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["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 */ __webpack_exports__["a"] = (keyboardReturn);
/***/ }),
/***/ "gdqT":
/***/ (function(module, exports) {
(function() { module.exports = window["wp"]["a11y"]; }());
/***/ }),
/***/ "iClF":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("GRId");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/**
* 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({
icon,
size = 24,
...props
}) {
return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["cloneElement"])(icon, {
width: size,
height: size,
...props
});
}
/* harmony default export */ __webpack_exports__["a"] = (Icon);
/***/ }),
/***/ "l3Sj":
/***/ (function(module, exports) {
(function() { module.exports = window["wp"]["i18n"]; }());
/***/ }),
/***/ "oMoS":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("GRId");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("Tqx9");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
const button = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
viewBox: "0 0 24 24",
xmlns: "http://www.w3.org/2000/svg"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["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 */ __webpack_exports__["a"] = (button);
/***/ }),
/***/ "qRz9":
/***/ (function(module, exports) {
(function() { module.exports = window["wp"]["richText"]; }());
/***/ }),
/***/ "rmEH":
/***/ (function(module, exports) {
(function() { module.exports = window["wp"]["htmlEntities"]; }());
/***/ }),
/***/ "t1DA":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXTERNAL MODULE: external ["wp","richText"]
var external_wp_richText_ = __webpack_require__("qRz9");
// EXTERNAL MODULE: external ["wp","element"]
var external_wp_element_ = __webpack_require__("GRId");
// EXTERNAL MODULE: external ["wp","i18n"]
var external_wp_i18n_ = __webpack_require__("l3Sj");
// EXTERNAL MODULE: external ["wp","blockEditor"]
var external_wp_blockEditor_ = __webpack_require__("axFQ");
// EXTERNAL MODULE: external ["wp","primitives"]
var external_wp_primitives_ = __webpack_require__("Tqx9");
// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/format-bold.js
/**
* WordPress dependencies
*/
const formatBold = Object(external_wp_element_["createElement"])(external_wp_primitives_["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(external_wp_element_["createElement"])(external_wp_primitives_["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 = Object(external_wp_i18n_["__"])('Bold');
const bold = {
name: bold_name,
title,
tagName: 'strong',
className: null,
edit({
isActive,
value,
onChange,
onFocus
}) {
function onToggle() {
onChange(Object(external_wp_richText_["toggleFormat"])(value, {
type: bold_name,
title
}));
}
function onClick() {
onChange(Object(external_wp_richText_["toggleFormat"])(value, {
type: bold_name
}));
onFocus();
}
return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(external_wp_blockEditor_["RichTextShortcut"], {
type: "primary",
character: "b",
onUse: onToggle
}), Object(external_wp_element_["createElement"])(external_wp_blockEditor_["RichTextToolbarButton"], {
name: "bold",
icon: format_bold,
title: title,
onClick: onClick,
isActive: isActive,
shortcutType: "primary",
shortcutCharacter: "b"
}), Object(external_wp_element_["createElement"])(external_wp_blockEditor_["__unstableRichTextInputEvent"], {
inputType: "formatBold",
onInput: onToggle
}));
}
};
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/code.js
var code = __webpack_require__("1Yn1");
// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/code/index.js
/**
* WordPress dependencies
*/
const code_name = 'core/code';
const code_title = Object(external_wp_i18n_["__"])('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 = Object(external_wp_richText_["remove"])(value, startIndex, startIndex + 1);
value = Object(external_wp_richText_["remove"])(value, endIndex, endIndex + 1);
value = Object(external_wp_richText_["applyFormat"])(value, {
type: code_name
}, startIndex, endIndex);
return value;
},
edit({
value,
onChange,
onFocus,
isActive
}) {
function onClick() {
onChange(Object(external_wp_richText_["toggleFormat"])(value, {
type: code_name,
title: code_title
}));
onFocus();
}
return Object(external_wp_element_["createElement"])(external_wp_blockEditor_["RichTextToolbarButton"], {
icon: code["a" /* default */],
title: code_title,
onClick: onClick,
isActive: isActive,
role: "menuitemcheckbox"
});
}
};
// EXTERNAL MODULE: external ["wp","components"]
var external_wp_components_ = __webpack_require__("tI+e");
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/keyboard-return.js
var keyboard_return = __webpack_require__("btIw");
// 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 = Object(external_wp_i18n_["__"])('Inline image');
const image_image = {
name: image_name,
title: image_title,
keywords: [Object(external_wp_i18n_["__"])('photo'), Object(external_wp_i18n_["__"])('media')],
object: true,
tagName: 'img',
className: null,
attributes: {
className: 'class',
style: 'style',
url: 'src',
alt: 'alt'
},
edit: Edit
};
function InlineUI({
value,
onChange,
activeObjectAttributes,
contentRef
}) {
const {
style
} = activeObjectAttributes;
const [width, setWidth] = Object(external_wp_element_["useState"])(style === null || style === void 0 ? void 0 : style.replace(/\D/g, ''));
const anchorRef = Object(external_wp_richText_["useAnchorRef"])({
ref: contentRef,
value,
settings: image_image
});
return Object(external_wp_element_["createElement"])(external_wp_components_["Popover"], {
position: "bottom center",
focusOnMount: false,
anchorRef: anchorRef,
className: "block-editor-format-toolbar__image-popover"
}, Object(external_wp_element_["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();
}
}, Object(external_wp_element_["createElement"])(external_wp_components_["TextControl"], {
className: "block-editor-format-toolbar__image-container-value",
type: "number",
label: Object(external_wp_i18n_["__"])('Width'),
value: width,
min: 1,
onChange: newWidth => setWidth(newWidth)
}), Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
icon: keyboard_return["a" /* default */],
label: Object(external_wp_i18n_["__"])('Apply'),
type: "submit"
})));
}
function Edit({
value,
onChange,
onFocus,
isObjectActive,
activeObjectAttributes,
contentRef
}) {
const [isModalOpen, setIsModalOpen] = Object(external_wp_element_["useState"])(false);
function openModal() {
setIsModalOpen(true);
}
function closeModal() {
setIsModalOpen(false);
}
return Object(external_wp_element_["createElement"])(external_wp_blockEditor_["MediaUploadCheck"], null, Object(external_wp_element_["createElement"])(external_wp_blockEditor_["RichTextToolbarButton"], {
icon: Object(external_wp_element_["createElement"])(external_wp_components_["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(external_wp_element_["createElement"])(external_wp_components_["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 && Object(external_wp_element_["createElement"])(external_wp_blockEditor_["MediaUpload"], {
allowedTypes: ALLOWED_MEDIA_TYPES,
onSelect: ({
id,
url,
alt,
width: imgWidth
}) => {
closeModal();
onChange(Object(external_wp_richText_["insertObject"])(value, {
type: image_name,
attributes: {
className: `wp-image-${id}`,
style: `width: ${Math.min(imgWidth, 150)}px;`,
url,
alt
}
}));
onFocus();
},
onClose: closeModal,
render: ({
open
}) => {
open();
return null;
}
}), isObjectActive && Object(external_wp_element_["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 = Object(external_wp_element_["createElement"])(external_wp_primitives_["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(external_wp_element_["createElement"])(external_wp_primitives_["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 = Object(external_wp_i18n_["__"])('Italic');
const italic = {
name: italic_name,
title: italic_title,
tagName: 'em',
className: null,
edit({
isActive,
value,
onChange,
onFocus
}) {
function onToggle() {
onChange(Object(external_wp_richText_["toggleFormat"])(value, {
type: italic_name,
title: italic_title
}));
}
function onClick() {
onChange(Object(external_wp_richText_["toggleFormat"])(value, {
type: italic_name
}));
onFocus();
}
return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(external_wp_blockEditor_["RichTextShortcut"], {
type: "primary",
character: "i",
onUse: onToggle
}), Object(external_wp_element_["createElement"])(external_wp_blockEditor_["RichTextToolbarButton"], {
name: "italic",
icon: format_italic,
title: italic_title,
onClick: onClick,
isActive: isActive,
shortcutType: "primary",
shortcutCharacter: "i"
}), Object(external_wp_element_["createElement"])(external_wp_blockEditor_["__unstableRichTextInputEvent"], {
inputType: "formatItalic",
onInput: onToggle
}));
}
};
// EXTERNAL MODULE: external ["wp","url"]
var external_wp_url_ = __webpack_require__("Mmq9");
// EXTERNAL MODULE: external ["wp","htmlEntities"]
var external_wp_htmlEntities_ = __webpack_require__("rmEH");
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/link-off.js
var link_off = __webpack_require__("Mp0b");
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/link.js
var library_link = __webpack_require__("Bpkj");
// EXTERNAL MODULE: external ["wp","a11y"]
var external_wp_a11y_ = __webpack_require__("gdqT");
// EXTERNAL MODULE: external ["wp","data"]
var external_wp_data_ = __webpack_require__("1ZqX");
// EXTERNAL MODULE: external "lodash"
var external_lodash_ = __webpack_require__("YLtl");
// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/link/utils.js
/**
* External dependencies
*/
/**
* 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 = Object(external_wp_url_["getProtocol"])(trimmedHref);
if (!Object(external_wp_url_["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 (Object(external_lodash_["startsWith"])(protocol, 'http') && !/^https?:\/\/[^\/\s]/i.test(trimmedHref)) {
return false;
}
const authority = Object(external_wp_url_["getAuthority"])(trimmedHref);
if (!Object(external_wp_url_["isValidAuthority"])(authority)) {
return false;
}
const path = Object(external_wp_url_["getPath"])(trimmedHref);
if (path && !Object(external_wp_url_["isValidPath"])(path)) {
return false;
}
const queryString = Object(external_wp_url_["getQueryString"])(trimmedHref);
if (queryString && !Object(external_wp_url_["isValidQueryString"])(queryString)) {
return false;
}
const fragment = Object(external_wp_url_["getFragment"])(trimmedHref);
if (fragment && !Object(external_wp_url_["isValidFragment"])(fragment)) {
return false;
}
} // Validate anchor links.
if (Object(external_lodash_["startsWith"])(trimmedHref, '#') && !Object(external_wp_url_["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({
url,
type,
id,
opensInNewWindow
}) {
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, startIndex = value.start, endIndex = 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 = Object(external_lodash_["find"])(newFormats[startIndex], {
type: format.type
});
const formatAtEnd = Object(external_lodash_["find"])(newFormats[endIndex], {
type: format.type
});
const formatAtEndMinusOne = Object(external_lodash_["find"])(newFormats[endIndex - 1], {
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 walkToStart = Object(external_lodash_["partialRight"])(walkToBoundary, 'backwards');
const walkToEnd = Object(external_lodash_["partialRight"])(walkToBoundary, 'forwards');
// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/link/inline.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function InlineLinkUI({
isActive,
activeAttributes,
addingLink,
value,
onChange,
speak,
stopAddingLink,
contentRef
}) {
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] = Object(external_wp_element_["useState"])();
const {
createPageEntity,
userCanCreatePages
} = Object(external_wp_data_["useSelect"])(select => {
const {
getSettings
} = select(external_wp_blockEditor_["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 = Object(external_wp_richText_["removeFormat"])(value, 'core/link');
onChange(newValue);
stopAddingLink();
speak(Object(external_wp_i18n_["__"])('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 = Object(external_wp_url_["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 (Object(external_wp_richText_["isCollapsed"])(value) && !isActive) {
// Scenario: we don't have any actively selected text or formats.
const toInsert = Object(external_wp_richText_["applyFormat"])(Object(external_wp_richText_["create"])({
text: newText
}), linkFormat, 0, newText.length);
onChange(Object(external_wp_richText_["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 = Object(external_wp_richText_["applyFormat"])(value, linkFormat);
} else {
// Create new RichText value for the new text in order that we
// can apply formats to it.
newValue = Object(external_wp_richText_["create"])({
text: newText
}); // Apply the new Link format to this new text value.
newValue = Object(external_wp_richText_["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 = Object(external_wp_richText_["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(Object(external_wp_i18n_["__"])('Warning: the link has been inserted but may have errors. Please test it.'), 'assertive');
} else if (isActive) {
speak(Object(external_wp_i18n_["__"])('Link edited.'), 'assertive');
} else {
speak(Object(external_wp_i18n_["__"])('Link inserted.'), 'assertive');
}
}
const anchorRef = Object(external_wp_richText_["useAnchorRef"])({
ref: contentRef,
value,
settings: link_link
}); // The focusOnMount prop shouldn't evolve during render of a Popover
// otherwise it causes a render of the content.
const focusOnMount = Object(external_wp_element_["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 Object(external_wp_element_["createInterpolateElement"])(Object(external_wp_i18n_["sprintf"])(
/* translators: %s: search term. */
Object(external_wp_i18n_["__"])('Create Page: <mark>%s</mark>'), searchTerm), {
mark: Object(external_wp_element_["createElement"])("mark", null)
});
}
return Object(external_wp_element_["createElement"])(external_wp_components_["Popover"], {
anchorRef: anchorRef,
focusOnMount: focusOnMount.current,
onClose: stopAddingLink,
position: "bottom center"
}, Object(external_wp_element_["createElement"])(external_wp_blockEditor_["__experimentalLinkControl"], {
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 Object(external_wp_richText_["slice"])(value, textStart, textEnd);
}
/* harmony default export */ var inline = (Object(external_wp_components_["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 = Object(external_wp_i18n_["__"])('Link');
function link_Edit({
isActive,
activeAttributes,
value,
onChange,
onFocus,
contentRef
}) {
const [addingLink, setAddingLink] = Object(external_wp_element_["useState"])(false);
function addLink() {
const text = Object(external_wp_richText_["getTextContent"])(Object(external_wp_richText_["slice"])(value));
if (text && Object(external_wp_url_["isURL"])(text) && isValidHref(text)) {
onChange(Object(external_wp_richText_["applyFormat"])(value, {
type: link_name,
attributes: {
url: text
}
}));
} else if (text && Object(external_wp_url_["isEmail"])(text)) {
onChange(Object(external_wp_richText_["applyFormat"])(value, {
type: link_name,
attributes: {
url: `mailto:${text}`
}
}));
} else {
setAddingLink(true);
}
}
function stopAddingLink() {
setAddingLink(false);
onFocus();
}
function onRemoveFormat() {
onChange(Object(external_wp_richText_["removeFormat"])(value, link_name));
Object(external_wp_a11y_["speak"])(Object(external_wp_i18n_["__"])('Link removed.'), 'assertive');
}
return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(external_wp_blockEditor_["RichTextShortcut"], {
type: "primary",
character: "k",
onUse: addLink
}), Object(external_wp_element_["createElement"])(external_wp_blockEditor_["RichTextShortcut"], {
type: "primaryShift",
character: "k",
onUse: onRemoveFormat
}), isActive && Object(external_wp_element_["createElement"])(external_wp_blockEditor_["RichTextToolbarButton"], {
name: "link",
icon: link_off["a" /* default */],
title: Object(external_wp_i18n_["__"])('Unlink'),
onClick: onRemoveFormat,
isActive: isActive,
shortcutType: "primaryShift",
shortcutCharacter: "k"
}), !isActive && Object(external_wp_element_["createElement"])(external_wp_blockEditor_["RichTextToolbarButton"], {
name: "link",
icon: library_link["a" /* default */],
title: link_title,
onClick: addLink,
isActive: isActive,
shortcutType: "primary",
shortcutCharacter: "k"
}), (addingLink || isActive) && Object(external_wp_element_["createElement"])(inline, {
addingLink: addingLink,
stopAddingLink: stopAddingLink,
isActive: isActive,
activeAttributes: activeAttributes,
value: value,
onChange: onChange,
contentRef: contentRef
}));
}
const 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, {
html,
plainText
}) {
if (Object(external_wp_richText_["isCollapsed"])(value)) {
return value;
}
const pastedText = (html || plainText).replace(/<[^>]+>/g, '').trim(); // A URL was pasted, turn the selection into a link
if (!Object(external_wp_url_["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 Object(external_wp_richText_["applyFormat"])(value, {
type: link_name,
attributes: {
url: Object(external_wp_htmlEntities_["decodeEntities"])(pastedText)
}
});
},
edit: link_Edit
};
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/format-strikethrough.js
var format_strikethrough = __webpack_require__("Crq9");
// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/strikethrough/index.js
/**
* WordPress dependencies
*/
const strikethrough_name = 'core/strikethrough';
const strikethrough_title = Object(external_wp_i18n_["__"])('Strikethrough');
const strikethrough = {
name: strikethrough_name,
title: strikethrough_title,
tagName: 's',
className: null,
edit({
isActive,
value,
onChange,
onFocus
}) {
function onClick() {
onChange(Object(external_wp_richText_["toggleFormat"])(value, {
type: strikethrough_name,
title: strikethrough_title
}));
onFocus();
}
return Object(external_wp_element_["createElement"])(external_wp_blockEditor_["RichTextToolbarButton"], {
icon: format_strikethrough["a" /* default */],
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 = Object(external_wp_i18n_["__"])('Underline');
const underline = {
name: underline_name,
title: underline_title,
tagName: 'span',
className: null,
attributes: {
style: 'style'
},
edit({
value,
onChange
}) {
const onToggle = () => {
onChange(Object(external_wp_richText_["toggleFormat"])(value, {
type: underline_name,
attributes: {
style: 'text-decoration: underline;'
},
title: underline_title
}));
};
return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(external_wp_blockEditor_["RichTextShortcut"], {
type: "primary",
character: "u",
onUse: onToggle
}), Object(external_wp_element_["createElement"])(external_wp_blockEditor_["__unstableRichTextInputEvent"], {
inputType: "formatUnderline",
onInput: onToggle
}));
}
};
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/icon/index.js
var icon = __webpack_require__("iClF");
// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/text-color.js
/**
* WordPress dependencies
*/
const textColor = Object(external_wp_element_["createElement"])(external_wp_primitives_["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(external_wp_element_["createElement"])(external_wp_primitives_["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
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function parseCSS(css = '') {
return css.split(';').reduce((accumulator, rule) => {
if (rule) {
const [property, value] = rule.split(':');
if (property === 'color') accumulator.color = value;
if (property === 'background-color') accumulator.backgroundColor = value;
}
return accumulator;
}, {});
}
function parseClassName(className = '', colorSettings) {
return className.split(' ').reduce((accumulator, name) => {
const match = name.match(/^has-([^-]+)-color$/);
if (match) {
const [, colorSlug] = name.match(/^has-([^-]+)-color$/);
const colorObject = Object(external_wp_blockEditor_["getColorObjectByAttributeValues"])(colorSettings, colorSlug);
accumulator.color = colorObject.color;
}
return accumulator;
}, {});
}
function getActiveColors(value, name, colorSettings) {
const activeColorFormat = Object(external_wp_richText_["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 Object(external_wp_richText_["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', 'rgba(0, 0, 0, 0)'].join(':'));
}
if (color) {
const colorObject = Object(external_wp_blockEditor_["getColorObjectByColorValue"])(colorSettings, color);
if (colorObject) {
classNames.push(Object(external_wp_blockEditor_["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 Object(external_wp_richText_["applyFormat"])(value, {
type: name,
attributes
});
}
function ColorPicker({
name,
property,
value,
onChange
}) {
const colors = Object(external_wp_data_["useSelect"])(select => {
const {
getSettings
} = select(external_wp_blockEditor_["store"]);
return Object(external_lodash_["get"])(getSettings(), ['colors'], []);
}, []);
const onColorChange = Object(external_wp_element_["useCallback"])(color => {
onChange(setColors(value, name, colors, {
[property]: color
}));
}, [colors, onChange, property]);
const activeColors = Object(external_wp_element_["useMemo"])(() => getActiveColors(value, name, colors), [name, value, colors]);
return Object(external_wp_element_["createElement"])(external_wp_blockEditor_["ColorPalette"], {
value: activeColors[property],
onChange: onColorChange
});
}
function InlineColorUI({
name,
value,
onChange,
onClose,
contentRef
}) {
/*
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 useAnchorRef 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 anchorRef = Object(external_wp_blockEditor_["useCachedTruthy"])(Object(external_wp_richText_["useAnchorRef"])({
ref: contentRef,
value,
settings: text_color_textColor
}));
return Object(external_wp_element_["createElement"])(external_wp_components_["Popover"], {
onClose: onClose,
className: "components-inline-color-popover",
anchorRef: anchorRef
}, Object(external_wp_element_["createElement"])(external_wp_components_["TabPanel"], {
tabs: [{
name: 'color',
title: Object(external_wp_i18n_["__"])('Text')
}, {
name: 'backgroundColor',
title: Object(external_wp_i18n_["__"])('Background')
}]
}, tab => Object(external_wp_element_["createElement"])(ColorPicker, {
name: name,
property: tab.name,
value: value,
onChange: onChange
})));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/text-color/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
const text_color_name = 'core/text-color';
const text_color_title = Object(external_wp_i18n_["__"])('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 === 'rgba(0, 0, 0, 0)' && element.parentElement) {
return getComputedStyleProperty(element.parentElement, property);
}
return value;
}
function fillComputedColors(element, {
color,
backgroundColor
}) {
if (!color && !backgroundColor) {
return;
}
return {
color: color || getComputedStyleProperty(element, 'color'),
backgroundColor: backgroundColor === 'rgba(0, 0, 0, 0)' ? getComputedStyleProperty(element, 'background-color') : backgroundColor
};
}
function TextColorEdit({
value,
onChange,
isActive,
activeAttributes,
contentRef
}) {
const allowCustomControl = Object(external_wp_blockEditor_["useSetting"])('color.custom');
const colors = Object(external_wp_blockEditor_["useSetting"])('color.palette') || EMPTY_ARRAY;
const [isAddingColor, setIsAddingColor] = Object(external_wp_element_["useState"])(false);
const enableIsAddingColor = Object(external_wp_element_["useCallback"])(() => setIsAddingColor(true), [setIsAddingColor]);
const disableIsAddingColor = Object(external_wp_element_["useCallback"])(() => setIsAddingColor(false), [setIsAddingColor]);
const colorIndicatorStyle = Object(external_wp_element_["useMemo"])(() => fillComputedColors(contentRef.current, getActiveColors(value, text_color_name, colors)), [value, colors]);
const hasColorsToChoose = !Object(external_lodash_["isEmpty"])(colors) || !allowCustomControl;
if (!hasColorsToChoose && !isActive) {
return null;
}
return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(external_wp_blockEditor_["RichTextToolbarButton"], {
className: "format-library-text-color-button",
isActive: isActive,
icon: Object(external_wp_element_["createElement"])(icon["a" /* default */], {
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(Object(external_wp_richText_["removeFormat"])(value, text_color_name)),
role: "menuitemcheckbox"
}), isAddingColor && Object(external_wp_element_["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', 'rgba(0, 0, 0, 0)'].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 = Object(external_wp_element_["createElement"])(external_wp_primitives_["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(external_wp_element_["createElement"])(external_wp_primitives_["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 = Object(external_wp_i18n_["__"])('Subscript');
const subscript_subscript = {
name: subscript_name,
title: subscript_title,
tagName: 'sub',
className: null,
edit({
isActive,
value,
onChange,
onFocus
}) {
function onToggle() {
onChange(Object(external_wp_richText_["toggleFormat"])(value, {
type: subscript_name,
title: subscript_title
}));
}
function onClick() {
onToggle();
onFocus();
}
return Object(external_wp_element_["createElement"])(external_wp_blockEditor_["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 = Object(external_wp_element_["createElement"])(external_wp_primitives_["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(external_wp_element_["createElement"])(external_wp_primitives_["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 = Object(external_wp_i18n_["__"])('Superscript');
const superscript_superscript = {
name: superscript_name,
title: superscript_title,
tagName: 'sup',
className: null,
edit({
isActive,
value,
onChange,
onFocus
}) {
function onToggle() {
onChange(Object(external_wp_richText_["toggleFormat"])(value, {
type: superscript_name,
title: superscript_title
}));
}
function onClick() {
onToggle();
onFocus();
}
return Object(external_wp_element_["createElement"])(external_wp_blockEditor_["RichTextToolbarButton"], {
icon: library_superscript,
title: superscript_title,
onClick: onClick,
isActive: isActive,
role: "menuitemcheckbox"
});
}
};
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/button.js
var library_button = __webpack_require__("oMoS");
// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/keyboard/index.js
/**
* WordPress dependencies
*/
const keyboard_name = 'core/keyboard';
const keyboard_title = Object(external_wp_i18n_["__"])('Keyboard input');
const keyboard = {
name: keyboard_name,
title: keyboard_title,
tagName: 'kbd',
className: null,
edit({
isActive,
value,
onChange,
onFocus
}) {
function onToggle() {
onChange(Object(external_wp_richText_["toggleFormat"])(value, {
type: keyboard_name,
title: keyboard_title
}));
}
function onClick() {
onToggle();
onFocus();
}
return Object(external_wp_element_["createElement"])(external_wp_blockEditor_["RichTextToolbarButton"], {
icon: library_button["a" /* default */],
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, 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(({
name,
...settings
}) => Object(external_wp_richText_["registerFormatType"])(name, settings));
/***/ }),
/***/ "tI+e":
/***/ (function(module, exports) {
(function() { module.exports = window["wp"]["components"]; }());
/***/ })
/******/ });