*/

[1000] Fix | Delete

function stopAddingLink() {

[1001] Fix | Delete

// Don't let the click handler on the toolbar button trigger again.

[1002] Fix | Delete

[1003] Fix | Delete

// There are two places for us to return focus to on Escape keypress:

[1004] Fix | Delete

// 1. The rich text field.

[1005] Fix | Delete

// 2. The toolbar button.

[1006] Fix | Delete

[1007] Fix | Delete

// The toolbar button is the only one we need to handle returning focus to.

[1008] Fix | Delete

// Otherwise, we rely on the passed in onFocus to return focus to the rich text field.

[1009] Fix | Delete

[1010] Fix | Delete

// Close the popover

[1011] Fix | Delete

setAddingLink(false);

[1012] Fix | Delete

[1013] Fix | Delete

// Return focus to the toolbar button or the rich text field

[1014] Fix | Delete

if (openedBy?.el?.tagName === 'BUTTON') {

[1015] Fix | Delete

openedBy.el.focus();

[1016] Fix | Delete

} else {

[1017] Fix | Delete

onFocus();

[1018] Fix | Delete

}

[1019] Fix | Delete

// Remove the openedBy state

[1020] Fix | Delete

setOpenedBy(null);

[1021] Fix | Delete

}

[1022] Fix | Delete

[1023] Fix | Delete

// Test for this:

[1024] Fix | Delete

// 1. Click on the link button

[1025] Fix | Delete

// 2. Click the Options button in the top right of header

[1026] Fix | Delete

// 3. Focus should be in the dropdown of the Options button

[1027] Fix | Delete

// 4. Press Escape

[1028] Fix | Delete

// 5. Focus should be on the Options button

[1029] Fix | Delete

function onFocusOutside() {

[1030] Fix | Delete

setAddingLink(false);

[1031] Fix | Delete

setOpenedBy(null);

[1032] Fix | Delete

}

[1033] Fix | Delete

function onRemoveFormat() {

[1034] Fix | Delete

onChange((0,external_wp_richText_namespaceObject.removeFormat)(value, link_name));

[1035] Fix | Delete

(0,external_wp_a11y_namespaceObject.speak)((0,external_wp_i18n_namespaceObject.__)('Link removed.'), 'assertive');

[1036] Fix | Delete

}

[1037] Fix | Delete

[1038] Fix | Delete

// Only autofocus if we have clicked a link within the editor

[1039] Fix | Delete

const shouldAutoFocus = !(openedBy?.el?.tagName === 'A' && openedBy?.action === 'click');

[1040] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {

[1041] Fix | Delete

children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichTextShortcut, {

[1042] Fix | Delete

type: "primary",

[1043] Fix | Delete

character: "k",

[1044] Fix | Delete

onUse: addLink

[1045] Fix | Delete

}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichTextShortcut, {

[1046] Fix | Delete

type: "primaryShift",

[1047] Fix | Delete

character: "k",

[1048] Fix | Delete

onUse: onRemoveFormat

[1049] Fix | Delete

}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, {

[1050] Fix | Delete

name: "link",

[1051] Fix | Delete

icon: library_link,

[1052] Fix | Delete

title: isActive ? (0,external_wp_i18n_namespaceObject.__)('Link') : link_title,

[1053] Fix | Delete

onClick: event => {

[1054] Fix | Delete

addLink(event.currentTarget);

[1055] Fix | Delete

},

[1056] Fix | Delete

isActive: isActive || addingLink,

[1057] Fix | Delete

shortcutType: "primary",

[1058] Fix | Delete

shortcutCharacter: "k",

[1059] Fix | Delete

"aria-haspopup": "true",

[1060] Fix | Delete

"aria-expanded": addingLink

[1061] Fix | Delete

}), addingLink && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(inline, {

[1062] Fix | Delete

stopAddingLink: stopAddingLink,

[1063] Fix | Delete

onFocusOutside: onFocusOutside,

[1064] Fix | Delete

isActive: isActive,

[1065] Fix | Delete

activeAttributes: activeAttributes,

[1066] Fix | Delete

value: value,

[1067] Fix | Delete

onChange: onChange,

[1068] Fix | Delete

contentRef: contentRef,

[1069] Fix | Delete

focusOnMount: shouldAutoFocus ? 'firstElement' : false

[1070] Fix | Delete

})]

[1071] Fix | Delete

});

[1072] Fix | Delete

}

[1073] Fix | Delete

const build_module_link_link = {

[1074] Fix | Delete

name: link_name,

[1075] Fix | Delete

title: link_title,

[1076] Fix | Delete

tagName: 'a',

[1077] Fix | Delete

className: null,

[1078] Fix | Delete

attributes: {

[1079] Fix | Delete

url: 'href',

[1080] Fix | Delete

type: 'data-type',

[1081] Fix | Delete

id: 'data-id',

[1082] Fix | Delete

_id: 'id',

[1083] Fix | Delete

target: 'target',

[1084] Fix | Delete

rel: 'rel'

[1085] Fix | Delete

},

[1086] Fix | Delete

__unstablePasteRule(value, {

[1087] Fix | Delete

html,

[1088] Fix | Delete

plainText

[1089] Fix | Delete

}) {

[1090] Fix | Delete

const pastedText = (html || plainText).replace(/<[^>]+>/g, '').trim();

[1091] Fix | Delete

[1092] Fix | Delete

// A URL was pasted, turn the selection into a link.

[1093] Fix | Delete

// For the link pasting feature, allow only http(s) protocols.

[1094] Fix | Delete

if (!(0,external_wp_url_namespaceObject.isURL)(pastedText) || !/^https?:/.test(pastedText)) {

[1095] Fix | Delete

return value;

[1096] Fix | Delete

}

[1097] Fix | Delete

[1098] Fix | Delete

// Allows us to ask for this information when we get a report.

[1099] Fix | Delete

window.console.log('Created link:\n\n', pastedText);

[1100] Fix | Delete

const format = {

[1101] Fix | Delete

type: link_name,

[1102] Fix | Delete

attributes: {

[1103] Fix | Delete

url: (0,external_wp_htmlEntities_namespaceObject.decodeEntities)(pastedText)

[1104] Fix | Delete

}

[1105] Fix | Delete

};

[1106] Fix | Delete

if ((0,external_wp_richText_namespaceObject.isCollapsed)(value)) {

[1107] Fix | Delete

return (0,external_wp_richText_namespaceObject.insert)(value, (0,external_wp_richText_namespaceObject.applyFormat)((0,external_wp_richText_namespaceObject.create)({

[1108] Fix | Delete

text: plainText

[1109] Fix | Delete

}), format, 0, plainText.length));

[1110] Fix | Delete

}

[1111] Fix | Delete

return (0,external_wp_richText_namespaceObject.applyFormat)(value, format);

[1112] Fix | Delete

},

[1113] Fix | Delete

edit: link_Edit

[1114] Fix | Delete

};

[1115] Fix | Delete

[1116] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/format-strikethrough.js

[1117] Fix | Delete

/**

[1118] Fix | Delete

* WordPress dependencies

[1119] Fix | Delete

*/

[1120] Fix | Delete

[1121] Fix | Delete

[1122] Fix | Delete

const formatStrikethrough = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {

[1123] Fix | Delete

xmlns: "http://www.w3.org/2000/svg",

[1124] Fix | Delete

viewBox: "0 0 24 24",

[1125] Fix | Delete

children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {

[1126] Fix | Delete

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"

[1127] Fix | Delete

})

[1128] Fix | Delete

});

[1129] Fix | Delete

/* harmony default export */ const format_strikethrough = (formatStrikethrough);

[1130] Fix | Delete

[1131] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/strikethrough/index.js

[1132] Fix | Delete

/**

[1133] Fix | Delete

* WordPress dependencies

[1134] Fix | Delete

*/

[1135] Fix | Delete

[1136] Fix | Delete

[1137] Fix | Delete

[1138] Fix | Delete

[1139] Fix | Delete

[1140] Fix | Delete

[1141] Fix | Delete

[1142] Fix | Delete

const strikethrough_name = 'core/strikethrough';

[1143] Fix | Delete

const strikethrough_title = (0,external_wp_i18n_namespaceObject.__)('Strikethrough');

[1144] Fix | Delete

const strikethrough = {

[1145] Fix | Delete

name: strikethrough_name,

[1146] Fix | Delete

title: strikethrough_title,

[1147] Fix | Delete

tagName: 's',

[1148] Fix | Delete

className: null,

[1149] Fix | Delete

edit({

[1150] Fix | Delete

isActive,

[1151] Fix | Delete

value,

[1152] Fix | Delete

onChange,

[1153] Fix | Delete

onFocus

[1154] Fix | Delete

}) {

[1155] Fix | Delete

function onClick() {

[1156] Fix | Delete

onChange((0,external_wp_richText_namespaceObject.toggleFormat)(value, {

[1157] Fix | Delete

type: strikethrough_name,

[1158] Fix | Delete

title: strikethrough_title

[1159] Fix | Delete

}));

[1160] Fix | Delete

onFocus();

[1161] Fix | Delete

}

[1162] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {

[1163] Fix | Delete

children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichTextShortcut, {

[1164] Fix | Delete

type: "access",

[1165] Fix | Delete

character: "d",

[1166] Fix | Delete

onUse: onClick

[1167] Fix | Delete

}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, {

[1168] Fix | Delete

icon: format_strikethrough,

[1169] Fix | Delete

title: strikethrough_title,

[1170] Fix | Delete

onClick: onClick,

[1171] Fix | Delete

isActive: isActive,

[1172] Fix | Delete

role: "menuitemcheckbox"

[1173] Fix | Delete

})]

[1174] Fix | Delete

});

[1175] Fix | Delete

}

[1176] Fix | Delete

};

[1177] Fix | Delete

[1178] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/underline/index.js

[1179] Fix | Delete

/**

[1180] Fix | Delete

* WordPress dependencies

[1181] Fix | Delete

*/

[1182] Fix | Delete

[1183] Fix | Delete

[1184] Fix | Delete

[1185] Fix | Delete

[1186] Fix | Delete

[1187] Fix | Delete

[1188] Fix | Delete

const underline_name = 'core/underline';

[1189] Fix | Delete

const underline_title = (0,external_wp_i18n_namespaceObject.__)('Underline');

[1190] Fix | Delete

const underline = {

[1191] Fix | Delete

name: underline_name,

[1192] Fix | Delete

title: underline_title,

[1193] Fix | Delete

tagName: 'span',

[1194] Fix | Delete

className: null,

[1195] Fix | Delete

attributes: {

[1196] Fix | Delete

style: 'style'

[1197] Fix | Delete

},

[1198] Fix | Delete

edit({

[1199] Fix | Delete

value,

[1200] Fix | Delete

onChange

[1201] Fix | Delete

}) {

[1202] Fix | Delete

const onToggle = () => {

[1203] Fix | Delete

onChange((0,external_wp_richText_namespaceObject.toggleFormat)(value, {

[1204] Fix | Delete

type: underline_name,

[1205] Fix | Delete

attributes: {

[1206] Fix | Delete

style: 'text-decoration: underline;'

[1207] Fix | Delete

},

[1208] Fix | Delete

title: underline_title

[1209] Fix | Delete

}));

[1210] Fix | Delete

};

[1211] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {

[1212] Fix | Delete

children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichTextShortcut, {

[1213] Fix | Delete

type: "primary",

[1214] Fix | Delete

character: "u",

[1215] Fix | Delete

onUse: onToggle

[1216] Fix | Delete

}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.__unstableRichTextInputEvent, {

[1217] Fix | Delete

inputType: "formatUnderline",

[1218] Fix | Delete

onInput: onToggle

[1219] Fix | Delete

})]

[1220] Fix | Delete

});

[1221] Fix | Delete

}

[1222] Fix | Delete

};

[1223] Fix | Delete

[1224] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/icon/index.js

[1225] Fix | Delete

/**

[1226] Fix | Delete

* WordPress dependencies

[1227] Fix | Delete

*/

[1228] Fix | Delete

[1229] Fix | Delete

[1230] Fix | Delete

/** @typedef {{icon: JSX.Element, size?: number} & import('@wordpress/primitives').SVGProps} IconProps */

[1231] Fix | Delete

[1232] Fix | Delete

/**

[1233] Fix | Delete

* Return an SVG icon.

[1234] Fix | Delete

*

[1235] Fix | Delete

* @param {IconProps} props icon is the SVG component to render

[1236] Fix | Delete

* size is a number specifiying the icon size in pixels

[1237] Fix | Delete

* Other props will be passed to wrapped SVG component

[1238] Fix | Delete

* @param {import('react').ForwardedRef<HTMLElement>} ref The forwarded ref to the SVG element.

[1239] Fix | Delete

*

[1240] Fix | Delete

* @return {JSX.Element} Icon component

[1241] Fix | Delete

*/

[1242] Fix | Delete

function Icon({

[1243] Fix | Delete

icon,

[1244] Fix | Delete

size = 24,

[1245] Fix | Delete

...props

[1246] Fix | Delete

}, ref) {

[1247] Fix | Delete

return (0,external_wp_element_namespaceObject.cloneElement)(icon, {

[1248] Fix | Delete

width: size,

[1249] Fix | Delete

height: size,

[1250] Fix | Delete

...props,

[1251] Fix | Delete

ref

[1252] Fix | Delete

});

[1253] Fix | Delete

}

[1254] Fix | Delete

/* harmony default export */ const icon = ((0,external_wp_element_namespaceObject.forwardRef)(Icon));

[1255] Fix | Delete

[1256] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/text-color.js

[1257] Fix | Delete

/**

[1258] Fix | Delete

* WordPress dependencies

[1259] Fix | Delete

*/

[1260] Fix | Delete

[1261] Fix | Delete

[1262] Fix | Delete

const textColor = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {

[1263] Fix | Delete

xmlns: "http://www.w3.org/2000/svg",

[1264] Fix | Delete

viewBox: "0 0 24 24",

[1265] Fix | Delete

children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {

[1266] Fix | Delete

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"

[1267] Fix | Delete

})

[1268] Fix | Delete

});

[1269] Fix | Delete

/* harmony default export */ const text_color = (textColor);

[1270] Fix | Delete

[1271] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/color.js

[1272] Fix | Delete

/**

[1273] Fix | Delete

* WordPress dependencies

[1274] Fix | Delete

*/

[1275] Fix | Delete

[1276] Fix | Delete

[1277] Fix | Delete

const color = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {

[1278] Fix | Delete

viewBox: "0 0 24 24",

[1279] Fix | Delete

xmlns: "http://www.w3.org/2000/svg",

[1280] Fix | Delete

children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {

[1281] Fix | Delete

d: "M17.2 10.9c-.5-1-1.2-2.1-2.1-3.2-.6-.9-1.3-1.7-2.1-2.6L12 4l-1 1.1c-.6.9-1.3 1.7-2 2.6-.8 1.2-1.5 2.3-2 3.2-.6 1.2-1 2.2-1 3 0 3.4 2.7 6.1 6.1 6.1s6.1-2.7 6.1-6.1c0-.8-.3-1.8-1-3zm-5.1 7.6c-2.5 0-4.6-2.1-4.6-4.6 0-.3.1-1 .8-2.3.5-.9 1.1-1.9 2-3.1.7-.9 1.3-1.7 1.8-2.3.7.8 1.3 1.6 1.8 2.3.8 1.1 1.5 2.2 2 3.1.7 1.3.8 2 .8 2.3 0 2.5-2.1 4.6-4.6 4.6z"

[1282] Fix | Delete

})

[1283] Fix | Delete

});

[1284] Fix | Delete

/* harmony default export */ const library_color = (color);

[1285] Fix | Delete

[1286] Fix | Delete

;// CONCATENATED MODULE: external ["wp","privateApis"]

[1287] Fix | Delete

const external_wp_privateApis_namespaceObject = window["wp"]["privateApis"];

[1288] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/lock-unlock.js

[1289] Fix | Delete

/**

[1290] Fix | Delete

* WordPress dependencies

[1291] Fix | Delete

*/

[1292] Fix | Delete

[1293] Fix | Delete

const {

[1294] Fix | Delete

lock,

[1295] Fix | Delete

unlock

[1296] Fix | Delete

} = (0,external_wp_privateApis_namespaceObject.__dangerousOptInToUnstableAPIsOnlyForCoreModules)('I acknowledge private features are not for use in themes or plugins and doing so will break in the next version of WordPress.', '@wordpress/format-library');

[1297] Fix | Delete

[1298] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/text-color/inline.js

[1299] Fix | Delete

/**

[1300] Fix | Delete

* WordPress dependencies

[1301] Fix | Delete

*/

[1302] Fix | Delete

[1303] Fix | Delete

[1304] Fix | Delete

[1305] Fix | Delete

[1306] Fix | Delete

[1307] Fix | Delete

[1308] Fix | Delete

[1309] Fix | Delete

/**

[1310] Fix | Delete

* Internal dependencies

[1311] Fix | Delete

*/

[1312] Fix | Delete

[1313] Fix | Delete

[1314] Fix | Delete

[1315] Fix | Delete

[1316] Fix | Delete

const {

[1317] Fix | Delete

Tabs

[1318] Fix | Delete

} = unlock(external_wp_components_namespaceObject.privateApis);

[1319] Fix | Delete

const TABS = [{

[1320] Fix | Delete

name: 'color',

[1321] Fix | Delete

title: (0,external_wp_i18n_namespaceObject.__)('Text')

[1322] Fix | Delete

}, {

[1323] Fix | Delete

name: 'backgroundColor',

[1324] Fix | Delete

title: (0,external_wp_i18n_namespaceObject.__)('Background')

[1325] Fix | Delete

}];

[1326] Fix | Delete

function parseCSS(css = '') {

[1327] Fix | Delete

return css.split(';').reduce((accumulator, rule) => {

[1328] Fix | Delete

if (rule) {

[1329] Fix | Delete

const [property, value] = rule.split(':');

[1330] Fix | Delete

if (property === 'color') {

[1331] Fix | Delete

accumulator.color = value;

[1332] Fix | Delete

}

[1333] Fix | Delete

if (property === 'background-color' && value !== transparentValue) {

[1334] Fix | Delete

accumulator.backgroundColor = value;

[1335] Fix | Delete

}

[1336] Fix | Delete

}

[1337] Fix | Delete

return accumulator;

[1338] Fix | Delete

}, {});

[1339] Fix | Delete

}

[1340] Fix | Delete

function parseClassName(className = '', colorSettings) {

[1341] Fix | Delete

return className.split(' ').reduce((accumulator, name) => {

[1342] Fix | Delete

// `colorSlug` could contain dashes, so simply match the start and end.

[1343] Fix | Delete

if (name.startsWith('has-') && name.endsWith('-color')) {

[1344] Fix | Delete

const colorSlug = name.replace(/^has-/, '').replace(/-color$/, '');

[1345] Fix | Delete

const colorObject = (0,external_wp_blockEditor_namespaceObject.getColorObjectByAttributeValues)(colorSettings, colorSlug);

[1346] Fix | Delete

accumulator.color = colorObject.color;

[1347] Fix | Delete

}

[1348] Fix | Delete

return accumulator;

[1349] Fix | Delete

}, {});

[1350] Fix | Delete

}

[1351] Fix | Delete

function getActiveColors(value, name, colorSettings) {

[1352] Fix | Delete

const activeColorFormat = (0,external_wp_richText_namespaceObject.getActiveFormat)(value, name);

[1353] Fix | Delete

if (!activeColorFormat) {

[1354] Fix | Delete

return {};

[1355] Fix | Delete

}

[1356] Fix | Delete

return {

[1357] Fix | Delete

...parseCSS(activeColorFormat.attributes.style),

[1358] Fix | Delete

...parseClassName(activeColorFormat.attributes.class, colorSettings)

[1359] Fix | Delete

};

[1360] Fix | Delete

}

[1361] Fix | Delete

function setColors(value, name, colorSettings, colors) {

[1362] Fix | Delete

const {

[1363] Fix | Delete

color,

[1364] Fix | Delete

backgroundColor

[1365] Fix | Delete

} = {

[1366] Fix | Delete

...getActiveColors(value, name, colorSettings),

[1367] Fix | Delete

...colors

[1368] Fix | Delete

};

[1369] Fix | Delete

if (!color && !backgroundColor) {

[1370] Fix | Delete

return (0,external_wp_richText_namespaceObject.removeFormat)(value, name);

[1371] Fix | Delete

}

[1372] Fix | Delete

const styles = [];

[1373] Fix | Delete

const classNames = [];

[1374] Fix | Delete

const attributes = {};

[1375] Fix | Delete

if (backgroundColor) {

[1376] Fix | Delete

styles.push(['background-color', backgroundColor].join(':'));

[1377] Fix | Delete

} else {

[1378] Fix | Delete

// Override default browser color for mark element.

[1379] Fix | Delete

styles.push(['background-color', transparentValue].join(':'));

[1380] Fix | Delete

}

[1381] Fix | Delete

if (color) {

[1382] Fix | Delete

const colorObject = (0,external_wp_blockEditor_namespaceObject.getColorObjectByColorValue)(colorSettings, color);

[1383] Fix | Delete

if (colorObject) {

[1384] Fix | Delete

classNames.push((0,external_wp_blockEditor_namespaceObject.getColorClassName)('color', colorObject.slug));

[1385] Fix | Delete

} else {

[1386] Fix | Delete

styles.push(['color', color].join(':'));

[1387] Fix | Delete

}

[1388] Fix | Delete

}

[1389] Fix | Delete

if (styles.length) {

[1390] Fix | Delete

attributes.style = styles.join(';');

[1391] Fix | Delete

}

[1392] Fix | Delete

if (classNames.length) {

[1393] Fix | Delete

attributes.class = classNames.join(' ');

[1394] Fix | Delete

}

[1395] Fix | Delete

return (0,external_wp_richText_namespaceObject.applyFormat)(value, {

[1396] Fix | Delete

type: name,

[1397] Fix | Delete

attributes

[1398] Fix | Delete

});

[1399] Fix | Delete

}

[1400] Fix | Delete

function ColorPicker({

[1401] Fix | Delete

name,

[1402] Fix | Delete

property,

[1403] Fix | Delete

value,

[1404] Fix | Delete

onChange

[1405] Fix | Delete

}) {

[1406] Fix | Delete

const colors = (0,external_wp_data_namespaceObject.useSelect)(select => {

[1407] Fix | Delete

var _getSettings$colors;

[1408] Fix | Delete

const {

[1409] Fix | Delete

getSettings

[1410] Fix | Delete

} = select(external_wp_blockEditor_namespaceObject.store);

[1411] Fix | Delete

return (_getSettings$colors = getSettings().colors) !== null && _getSettings$colors !== void 0 ? _getSettings$colors : [];

[1412] Fix | Delete

}, []);

[1413] Fix | Delete

const onColorChange = (0,external_wp_element_namespaceObject.useCallback)(color => {

[1414] Fix | Delete

onChange(setColors(value, name, colors, {

[1415] Fix | Delete

[property]: color

[1416] Fix | Delete

}));

[1417] Fix | Delete

}, [colors, onChange, property]);

[1418] Fix | Delete

const activeColors = (0,external_wp_element_namespaceObject.useMemo)(() => getActiveColors(value, name, colors), [name, value, colors]);

[1419] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.ColorPalette, {

[1420] Fix | Delete

value: activeColors[property],

[1421] Fix | Delete

onChange: onColorChange

[1422] Fix | Delete

});

[1423] Fix | Delete

}

[1424] Fix | Delete

function InlineColorUI({

[1425] Fix | Delete

name,

[1426] Fix | Delete

value,

[1427] Fix | Delete

onChange,

[1428] Fix | Delete

onClose,

[1429] Fix | Delete

contentRef,

[1430] Fix | Delete

isActive

[1431] Fix | Delete

}) {

[1432] Fix | Delete

const popoverAnchor = (0,external_wp_richText_namespaceObject.useAnchor)({

[1433] Fix | Delete

editableContentElement: contentRef.current,

[1434] Fix | Delete

settings: {

[1435] Fix | Delete

...text_color_textColor,

[1436] Fix | Delete

isActive

[1437] Fix | Delete

}

[1438] Fix | Delete

});

[1439] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Popover, {

[1440] Fix | Delete

onClose: onClose,

[1441] Fix | Delete

className: "format-library__inline-color-popover",

[1442] Fix | Delete

anchor: popoverAnchor,

[1443] Fix | Delete

children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(Tabs, {

[1444] Fix | Delete

children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tabs.TabList, {

[1445] Fix | Delete

children: TABS.map(tab => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tabs.Tab, {

[1446] Fix | Delete

tabId: tab.name,

[1447] Fix | Delete

children: tab.title

[1448] Fix | Delete

}, tab.name))

[1449] Fix | Delete

}), TABS.map(tab => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tabs.TabPanel, {

[1450] Fix | Delete

tabId: tab.name,

[1451] Fix | Delete

focusable: false,

[1452] Fix | Delete

children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ColorPicker, {

[1453] Fix | Delete

name: name,

[1454] Fix | Delete

property: tab.name,

[1455] Fix | Delete

value: value,

[1456] Fix | Delete

onChange: onChange

[1457] Fix | Delete

})

[1458] Fix | Delete

}, tab.name))]

[1459] Fix | Delete

})

[1460] Fix | Delete

});

[1461] Fix | Delete

}

[1462] Fix | Delete

[1463] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/text-color/index.js

[1464] Fix | Delete

/**

[1465] Fix | Delete

* WordPress dependencies

[1466] Fix | Delete

*/

[1467] Fix | Delete

[1468] Fix | Delete

[1469] Fix | Delete

[1470] Fix | Delete

[1471] Fix | Delete

[1472] Fix | Delete

[1473] Fix | Delete

/**

[1474] Fix | Delete

* Internal dependencies

[1475] Fix | Delete

*/

[1476] Fix | Delete

[1477] Fix | Delete

[1478] Fix | Delete

[1479] Fix | Delete

[1480] Fix | Delete

const transparentValue = 'rgba(0, 0, 0, 0)';

[1481] Fix | Delete

const text_color_name = 'core/text-color';

[1482] Fix | Delete

const text_color_title = (0,external_wp_i18n_namespaceObject.__)('Highlight');

[1483] Fix | Delete

const EMPTY_ARRAY = [];

[1484] Fix | Delete

function getComputedStyleProperty(element, property) {

[1485] Fix | Delete

const {

[1486] Fix | Delete

ownerDocument

[1487] Fix | Delete

} = element;

[1488] Fix | Delete

const {

[1489] Fix | Delete

defaultView

[1490] Fix | Delete

} = ownerDocument;

[1491] Fix | Delete

const style = defaultView.getComputedStyle(element);

[1492] Fix | Delete

const value = style.getPropertyValue(property);

[1493] Fix | Delete

if (property === 'background-color' && value === transparentValue && element.parentElement) {

[1494] Fix | Delete

return getComputedStyleProperty(element.parentElement, property);

[1495] Fix | Delete

}

[1496] Fix | Delete

return value;

[1497] Fix | Delete

}

[1498] Fix | Delete

function fillComputedColors(element, {

[1499] Fix | Delete