Edit File by line

* Internal dependencies

[27500] Fix | Delete

[27501] Fix | Delete

[27502] Fix | Delete

[27503] Fix | Delete

[27504] Fix | Delete

function getComputedStyle(node) {

[27505] Fix | Delete

return node.ownerDocument.defaultView.getComputedStyle(node);

[27506] Fix | Delete

}

[27507] Fix | Delete

function BlockColorContrastChecker({

[27508] Fix | Delete

clientId

[27509] Fix | Delete

}) {

[27510] Fix | Delete

const [detectedBackgroundColor, setDetectedBackgroundColor] = (0,external_wp_element_namespaceObject.useState)();

[27511] Fix | Delete

const [detectedColor, setDetectedColor] = (0,external_wp_element_namespaceObject.useState)();

[27512] Fix | Delete

const [detectedLinkColor, setDetectedLinkColor] = (0,external_wp_element_namespaceObject.useState)();

[27513] Fix | Delete

const ref = useBlockRef(clientId);

[27514] Fix | Delete

[27515] Fix | Delete

// There are so many things that can change the color of a block

[27516] Fix | Delete

// So we perform this check on every render.

[27517] Fix | Delete

// eslint-disable-next-line react-hooks/exhaustive-deps

[27518] Fix | Delete

(0,external_wp_element_namespaceObject.useEffect)(() => {

[27519] Fix | Delete

if (!ref.current) {

[27520] Fix | Delete

return;

[27521] Fix | Delete

}

[27522] Fix | Delete

setDetectedColor(getComputedStyle(ref.current).color);

[27523] Fix | Delete

const firstLinkElement = ref.current?.querySelector('a');

[27524] Fix | Delete

if (firstLinkElement && !!firstLinkElement.innerText) {

[27525] Fix | Delete

setDetectedLinkColor(getComputedStyle(firstLinkElement).color);

[27526] Fix | Delete

}

[27527] Fix | Delete

let backgroundColorNode = ref.current;

[27528] Fix | Delete

let backgroundColor = getComputedStyle(backgroundColorNode).backgroundColor;

[27529] Fix | Delete

while (backgroundColor === 'rgba(0, 0, 0, 0)' && backgroundColorNode.parentNode && backgroundColorNode.parentNode.nodeType === backgroundColorNode.parentNode.ELEMENT_NODE) {

[27530] Fix | Delete

backgroundColorNode = backgroundColorNode.parentNode;

[27531] Fix | Delete

backgroundColor = getComputedStyle(backgroundColorNode).backgroundColor;

[27532] Fix | Delete

}

[27533] Fix | Delete

setDetectedBackgroundColor(backgroundColor);

[27534] Fix | Delete

});

[27535] Fix | Delete

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

[27536] Fix | Delete

backgroundColor: detectedBackgroundColor,

[27537] Fix | Delete

textColor: detectedColor,

[27538] Fix | Delete

enableAlphaChecker: true,

[27539] Fix | Delete

linkColor: detectedLinkColor

[27540] Fix | Delete

});

[27541] Fix | Delete

}

[27542] Fix | Delete

[27543] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/color.js

[27544] Fix | Delete

/**

[27545] Fix | Delete

* External dependencies

[27546] Fix | Delete

[27547] Fix | Delete

[27548] Fix | Delete

[27549] Fix | Delete

/**

[27550] Fix | Delete

* WordPress dependencies

[27551] Fix | Delete

[27552] Fix | Delete

[27553] Fix | Delete

[27554] Fix | Delete

[27555] Fix | Delete

[27556] Fix | Delete

[27557] Fix | Delete

/**

[27558] Fix | Delete

* Internal dependencies

[27559] Fix | Delete

[27560] Fix | Delete

[27561] Fix | Delete

[27562] Fix | Delete

[27563] Fix | Delete

[27564] Fix | Delete

[27565] Fix | Delete

[27566] Fix | Delete

[27567] Fix | Delete

[27568] Fix | Delete

[27569] Fix | Delete

[27570] Fix | Delete

const COLOR_SUPPORT_KEY = 'color';

[27571] Fix | Delete

const hasColorSupport = blockNameOrType => {

[27572] Fix | Delete

const colorSupport = (0,external_wp_blocks_namespaceObject.getBlockSupport)(blockNameOrType, COLOR_SUPPORT_KEY);

[27573] Fix | Delete

return colorSupport && (colorSupport.link === true || colorSupport.gradient === true || colorSupport.background !== false || colorSupport.text !== false);

[27574] Fix | Delete

};

[27575] Fix | Delete

const hasLinkColorSupport = blockType => {

[27576] Fix | Delete

if (external_wp_element_namespaceObject.Platform.OS !== 'web') {

[27577] Fix | Delete

return false;

[27578] Fix | Delete

}

[27579] Fix | Delete

const colorSupport = (0,external_wp_blocks_namespaceObject.getBlockSupport)(blockType, COLOR_SUPPORT_KEY);

[27580] Fix | Delete

return colorSupport !== null && typeof colorSupport === 'object' && !!colorSupport.link;

[27581] Fix | Delete

};

[27582] Fix | Delete

const hasGradientSupport = blockNameOrType => {

[27583] Fix | Delete

const colorSupport = (0,external_wp_blocks_namespaceObject.getBlockSupport)(blockNameOrType, COLOR_SUPPORT_KEY);

[27584] Fix | Delete

return colorSupport !== null && typeof colorSupport === 'object' && !!colorSupport.gradients;

[27585] Fix | Delete

};

[27586] Fix | Delete

const hasBackgroundColorSupport = blockType => {

[27587] Fix | Delete

const colorSupport = (0,external_wp_blocks_namespaceObject.getBlockSupport)(blockType, COLOR_SUPPORT_KEY);

[27588] Fix | Delete

return colorSupport && colorSupport.background !== false;

[27589] Fix | Delete

};

[27590] Fix | Delete

const hasTextColorSupport = blockType => {

[27591] Fix | Delete

const colorSupport = (0,external_wp_blocks_namespaceObject.getBlockSupport)(blockType, COLOR_SUPPORT_KEY);

[27592] Fix | Delete

return colorSupport && colorSupport.text !== false;

[27593] Fix | Delete

};

[27594] Fix | Delete

[27595] Fix | Delete

/**

[27596] Fix | Delete

* Filters registered block settings, extending attributes to include

[27597] Fix | Delete

* `backgroundColor` and `textColor` attribute.

[27598] Fix | Delete

[27599] Fix | Delete

* @param {Object} settings Original block settings.

[27600] Fix | Delete

[27601] Fix | Delete

* @return {Object} Filtered block settings.

[27602] Fix | Delete

[27603] Fix | Delete

function color_addAttributes(settings) {

[27604] Fix | Delete

if (!hasColorSupport(settings)) {

[27605] Fix | Delete

return settings;

[27606] Fix | Delete

}

[27607] Fix | Delete

[27608] Fix | Delete

// Allow blocks to specify their own attribute definition with default values if needed.

[27609] Fix | Delete

if (!settings.attributes.backgroundColor) {

[27610] Fix | Delete

Object.assign(settings.attributes, {

[27611] Fix | Delete

backgroundColor: {

[27612] Fix | Delete

type: 'string'

[27613] Fix | Delete

}

[27614] Fix | Delete

});

[27615] Fix | Delete

}

[27616] Fix | Delete

if (!settings.attributes.textColor) {

[27617] Fix | Delete

Object.assign(settings.attributes, {

[27618] Fix | Delete

textColor: {

[27619] Fix | Delete

type: 'string'

[27620] Fix | Delete

}

[27621] Fix | Delete

});

[27622] Fix | Delete

}

[27623] Fix | Delete

if (hasGradientSupport(settings) && !settings.attributes.gradient) {

[27624] Fix | Delete

Object.assign(settings.attributes, {

[27625] Fix | Delete

gradient: {

[27626] Fix | Delete

type: 'string'

[27627] Fix | Delete

}

[27628] Fix | Delete

});

[27629] Fix | Delete

}

[27630] Fix | Delete

return settings;

[27631] Fix | Delete

}

[27632] Fix | Delete

[27633] Fix | Delete

/**

[27634] Fix | Delete

* Override props assigned to save component to inject colors classnames.

[27635] Fix | Delete

[27636] Fix | Delete

* @param {Object} props Additional props applied to save element.

[27637] Fix | Delete

* @param {Object|string} blockNameOrType Block type.

[27638] Fix | Delete

* @param {Object} attributes Block attributes.

[27639] Fix | Delete

[27640] Fix | Delete

* @return {Object} Filtered props applied to save element.

[27641] Fix | Delete

[27642] Fix | Delete

function color_addSaveProps(props, blockNameOrType, attributes) {

[27643] Fix | Delete

if (!hasColorSupport(blockNameOrType) || shouldSkipSerialization(blockNameOrType, COLOR_SUPPORT_KEY)) {

[27644] Fix | Delete

return props;

[27645] Fix | Delete

}

[27646] Fix | Delete

const hasGradient = hasGradientSupport(blockNameOrType);

[27647] Fix | Delete

[27648] Fix | Delete

// I'd have preferred to avoid the "style" attribute usage here

[27649] Fix | Delete

const {

[27650] Fix | Delete

backgroundColor,

[27651] Fix | Delete

textColor,

[27652] Fix | Delete

gradient,

[27653] Fix | Delete

style

[27654] Fix | Delete

} = attributes;

[27655] Fix | Delete

const shouldSerialize = feature => !shouldSkipSerialization(blockNameOrType, COLOR_SUPPORT_KEY, feature);

[27656] Fix | Delete

[27657] Fix | Delete

// Primary color classes must come before the `has-text-color`,

[27658] Fix | Delete

// `has-background` and `has-link-color` classes to maintain backwards

[27659] Fix | Delete

// compatibility and avoid block invalidations.

[27660] Fix | Delete

const textClass = shouldSerialize('text') ? getColorClassName('color', textColor) : undefined;

[27661] Fix | Delete

const gradientClass = shouldSerialize('gradients') ? __experimentalGetGradientClass(gradient) : undefined;

[27662] Fix | Delete

const backgroundClass = shouldSerialize('background') ? getColorClassName('background-color', backgroundColor) : undefined;

[27663] Fix | Delete

const serializeHasBackground = shouldSerialize('background') || shouldSerialize('gradients');

[27664] Fix | Delete

const hasBackground = backgroundColor || style?.color?.background || hasGradient && (gradient || style?.color?.gradient);

[27665] Fix | Delete

const newClassName = dist_clsx(props.className, textClass, gradientClass, {

[27666] Fix | Delete

// Don't apply the background class if there's a custom gradient.

[27667] Fix | Delete

[backgroundClass]: (!hasGradient || !style?.color?.gradient) && !!backgroundClass,

[27668] Fix | Delete

'has-text-color': shouldSerialize('text') && (textColor || style?.color?.text),

[27669] Fix | Delete

'has-background': serializeHasBackground && hasBackground,

[27670] Fix | Delete

'has-link-color': shouldSerialize('link') && style?.elements?.link?.color

[27671] Fix | Delete

});

[27672] Fix | Delete

props.className = newClassName ? newClassName : undefined;

[27673] Fix | Delete

return props;

[27674] Fix | Delete

}

[27675] Fix | Delete

function color_styleToAttributes(style) {

[27676] Fix | Delete

const textColorValue = style?.color?.text;

[27677] Fix | Delete

const textColorSlug = textColorValue?.startsWith('var:preset|color|') ? textColorValue.substring('var:preset|color|'.length) : undefined;

[27678] Fix | Delete

const backgroundColorValue = style?.color?.background;

[27679] Fix | Delete

const backgroundColorSlug = backgroundColorValue?.startsWith('var:preset|color|') ? backgroundColorValue.substring('var:preset|color|'.length) : undefined;

[27680] Fix | Delete

const gradientValue = style?.color?.gradient;

[27681] Fix | Delete

const gradientSlug = gradientValue?.startsWith('var:preset|gradient|') ? gradientValue.substring('var:preset|gradient|'.length) : undefined;

[27682] Fix | Delete

const updatedStyle = {

[27683] Fix | Delete

...style

[27684] Fix | Delete

};

[27685] Fix | Delete

updatedStyle.color = {

[27686] Fix | Delete

...updatedStyle.color,

[27687] Fix | Delete

text: textColorSlug ? undefined : textColorValue,

[27688] Fix | Delete

background: backgroundColorSlug ? undefined : backgroundColorValue,

[27689] Fix | Delete

gradient: gradientSlug ? undefined : gradientValue

[27690] Fix | Delete

};

[27691] Fix | Delete

return {

[27692] Fix | Delete

style: utils_cleanEmptyObject(updatedStyle),

[27693] Fix | Delete

textColor: textColorSlug,

[27694] Fix | Delete

backgroundColor: backgroundColorSlug,

[27695] Fix | Delete

gradient: gradientSlug

[27696] Fix | Delete

};

[27697] Fix | Delete

}

[27698] Fix | Delete

function color_attributesToStyle(attributes) {

[27699] Fix | Delete

return {

[27700] Fix | Delete

...attributes.style,

[27701] Fix | Delete

color: {

[27702] Fix | Delete

...attributes.style?.color,

[27703] Fix | Delete

text: attributes.textColor ? 'var:preset|color|' + attributes.textColor : attributes.style?.color?.text,

[27704] Fix | Delete

background: attributes.backgroundColor ? 'var:preset|color|' + attributes.backgroundColor : attributes.style?.color?.background,

[27705] Fix | Delete

gradient: attributes.gradient ? 'var:preset|gradient|' + attributes.gradient : attributes.style?.color?.gradient

[27706] Fix | Delete

}

[27707] Fix | Delete

};

[27708] Fix | Delete

}

[27709] Fix | Delete

function ColorInspectorControl({

[27710] Fix | Delete

children,

[27711] Fix | Delete

resetAllFilter

[27712] Fix | Delete

}) {

[27713] Fix | Delete

const attributesResetAllFilter = (0,external_wp_element_namespaceObject.useCallback)(attributes => {

[27714] Fix | Delete

const existingStyle = color_attributesToStyle(attributes);

[27715] Fix | Delete

const updatedStyle = resetAllFilter(existingStyle);

[27716] Fix | Delete

return {

[27717] Fix | Delete

...attributes,

[27718] Fix | Delete

...color_styleToAttributes(updatedStyle)

[27719] Fix | Delete

};

[27720] Fix | Delete

}, [resetAllFilter]);

[27721] Fix | Delete

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

[27722] Fix | Delete

group: "color",

[27723] Fix | Delete

resetAllFilter: attributesResetAllFilter,

[27724] Fix | Delete

children: children

[27725] Fix | Delete

});

[27726] Fix | Delete

}

[27727] Fix | Delete

function ColorEdit({

[27728] Fix | Delete

clientId,

[27729] Fix | Delete

name,

[27730] Fix | Delete

setAttributes,

[27731] Fix | Delete

settings

[27732] Fix | Delete

}) {

[27733] Fix | Delete

const isEnabled = useHasColorPanel(settings);

[27734] Fix | Delete

function selector(select) {

[27735] Fix | Delete

const {

[27736] Fix | Delete

style,

[27737] Fix | Delete

textColor,

[27738] Fix | Delete

backgroundColor,

[27739] Fix | Delete

gradient

[27740] Fix | Delete

} = select(store).getBlockAttributes(clientId) || {};

[27741] Fix | Delete

return {

[27742] Fix | Delete

style,

[27743] Fix | Delete

textColor,

[27744] Fix | Delete

backgroundColor,

[27745] Fix | Delete

gradient

[27746] Fix | Delete

};

[27747] Fix | Delete

}

[27748] Fix | Delete

const {

[27749] Fix | Delete

style,

[27750] Fix | Delete

textColor,

[27751] Fix | Delete

backgroundColor,

[27752] Fix | Delete

gradient

[27753] Fix | Delete

} = (0,external_wp_data_namespaceObject.useSelect)(selector, [clientId]);

[27754] Fix | Delete

const value = (0,external_wp_element_namespaceObject.useMemo)(() => {

[27755] Fix | Delete

return color_attributesToStyle({

[27756] Fix | Delete

style,

[27757] Fix | Delete

textColor,

[27758] Fix | Delete

backgroundColor,

[27759] Fix | Delete

gradient

[27760] Fix | Delete

});

[27761] Fix | Delete

}, [style, textColor, backgroundColor, gradient]);

[27762] Fix | Delete

const onChange = newStyle => {

[27763] Fix | Delete

setAttributes(color_styleToAttributes(newStyle));

[27764] Fix | Delete

};

[27765] Fix | Delete

if (!isEnabled) {

[27766] Fix | Delete

return null;

[27767] Fix | Delete

}

[27768] Fix | Delete

const defaultControls = (0,external_wp_blocks_namespaceObject.getBlockSupport)(name, [COLOR_SUPPORT_KEY, '__experimentalDefaultControls']);

[27769] Fix | Delete

const enableContrastChecking = external_wp_element_namespaceObject.Platform.OS === 'web' && !value?.color?.gradient && (settings?.color?.text || settings?.color?.link) &&

[27770] Fix | Delete

// Contrast checking is enabled by default.

[27771] Fix | Delete

// Deactivating it requires `enableContrastChecker` to have

[27772] Fix | Delete

// an explicit value of `false`.

[27773] Fix | Delete

false !== (0,external_wp_blocks_namespaceObject.getBlockSupport)(name, [COLOR_SUPPORT_KEY, 'enableContrastChecker']);

[27774] Fix | Delete

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

[27775] Fix | Delete

as: ColorInspectorControl,

[27776] Fix | Delete

panelId: clientId,

[27777] Fix | Delete

settings: settings,

[27778] Fix | Delete

value: value,

[27779] Fix | Delete

onChange: onChange,

[27780] Fix | Delete

defaultControls: defaultControls,

[27781] Fix | Delete

enableContrastChecker: false !== (0,external_wp_blocks_namespaceObject.getBlockSupport)(name, [COLOR_SUPPORT_KEY, 'enableContrastChecker']),

[27782] Fix | Delete

children: enableContrastChecking && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(BlockColorContrastChecker, {

[27783] Fix | Delete

clientId: clientId

[27784] Fix | Delete

})

[27785] Fix | Delete

});

[27786] Fix | Delete

}

[27787] Fix | Delete

function color_useBlockProps({

[27788] Fix | Delete

name,

[27789] Fix | Delete

backgroundColor,

[27790] Fix | Delete

textColor,

[27791] Fix | Delete

gradient,

[27792] Fix | Delete

style

[27793] Fix | Delete

}) {

[27794] Fix | Delete

const [userPalette, themePalette, defaultPalette] = use_settings_useSettings('color.palette.custom', 'color.palette.theme', 'color.palette.default');

[27795] Fix | Delete

const colors = (0,external_wp_element_namespaceObject.useMemo)(() => [...(userPalette || []), ...(themePalette || []), ...(defaultPalette || [])], [userPalette, themePalette, defaultPalette]);

[27796] Fix | Delete

if (!hasColorSupport(name) || shouldSkipSerialization(name, COLOR_SUPPORT_KEY)) {

[27797] Fix | Delete

return {};

[27798] Fix | Delete

}

[27799] Fix | Delete

const extraStyles = {};

[27800] Fix | Delete

if (textColor && !shouldSkipSerialization(name, COLOR_SUPPORT_KEY, 'text')) {

[27801] Fix | Delete

extraStyles.color = getColorObjectByAttributeValues(colors, textColor)?.color;

[27802] Fix | Delete

}

[27803] Fix | Delete

if (backgroundColor && !shouldSkipSerialization(name, COLOR_SUPPORT_KEY, 'background')) {

[27804] Fix | Delete

extraStyles.backgroundColor = getColorObjectByAttributeValues(colors, backgroundColor)?.color;

[27805] Fix | Delete

}

[27806] Fix | Delete

const saveProps = color_addSaveProps({

[27807] Fix | Delete

style: extraStyles

[27808] Fix | Delete

}, name, {

[27809] Fix | Delete

textColor,

[27810] Fix | Delete

backgroundColor,

[27811] Fix | Delete

gradient,

[27812] Fix | Delete

style

[27813] Fix | Delete

});

[27814] Fix | Delete

const hasBackgroundValue = backgroundColor || style?.color?.background || gradient || style?.color?.gradient;

[27815] Fix | Delete

return {

[27816] Fix | Delete

...saveProps,

[27817] Fix | Delete

className: dist_clsx(saveProps.className,

[27818] Fix | Delete

// Add background image classes in the editor, if not already handled by background color values.

[27819] Fix | Delete

!hasBackgroundValue && getBackgroundImageClasses(style))

[27820] Fix | Delete

};

[27821] Fix | Delete

}

[27822] Fix | Delete

/* harmony default export */ const color = ({

[27823] Fix | Delete

useBlockProps: color_useBlockProps,

[27824] Fix | Delete

addSaveProps: color_addSaveProps,

[27825] Fix | Delete

attributeKeys: ['backgroundColor', 'textColor', 'gradient', 'style'],

[27826] Fix | Delete

hasSupport: hasColorSupport

[27827] Fix | Delete

});

[27828] Fix | Delete

const MIGRATION_PATHS = {

[27829] Fix | Delete

linkColor: [['style', 'elements', 'link', 'color', 'text']],

[27830] Fix | Delete

textColor: [['textColor'], ['style', 'color', 'text']],

[27831] Fix | Delete

backgroundColor: [['backgroundColor'], ['style', 'color', 'background']],

[27832] Fix | Delete

gradient: [['gradient'], ['style', 'color', 'gradient']]

[27833] Fix | Delete

};

[27834] Fix | Delete

function color_addTransforms(result, source, index, results) {

[27835] Fix | Delete

const destinationBlockType = result.name;

[27836] Fix | Delete

const activeSupports = {

[27837] Fix | Delete

linkColor: hasLinkColorSupport(destinationBlockType),

[27838] Fix | Delete

textColor: hasTextColorSupport(destinationBlockType),

[27839] Fix | Delete

backgroundColor: hasBackgroundColorSupport(destinationBlockType),

[27840] Fix | Delete

gradient: hasGradientSupport(destinationBlockType)

[27841] Fix | Delete

};

[27842] Fix | Delete

return transformStyles(activeSupports, MIGRATION_PATHS, result, source, index, results);

[27843] Fix | Delete

}

[27844] Fix | Delete

(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/color/addAttribute', color_addAttributes);

[27845] Fix | Delete

(0,external_wp_hooks_namespaceObject.addFilter)('blocks.switchToBlockType.transformedBlock', 'core/color/addTransforms', color_addTransforms);

[27846] Fix | Delete

[27847] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/font-family/index.js

[27848] Fix | Delete

/**

[27849] Fix | Delete

* WordPress dependencies

[27850] Fix | Delete

[27851] Fix | Delete

[27852] Fix | Delete

[27853] Fix | Delete

[27854] Fix | Delete

/**

[27855] Fix | Delete

* Internal dependencies

[27856] Fix | Delete

[27857] Fix | Delete

[27858] Fix | Delete

[27859] Fix | Delete

function FontFamilyControl({

[27860] Fix | Delete

value = '',

[27861] Fix | Delete

onChange,

[27862] Fix | Delete

fontFamilies,

[27863] Fix | Delete

...props

[27864] Fix | Delete

}) {

[27865] Fix | Delete

const [blockLevelFontFamilies] = use_settings_useSettings('typography.fontFamilies');

[27866] Fix | Delete

if (!fontFamilies) {

[27867] Fix | Delete

fontFamilies = blockLevelFontFamilies;

[27868] Fix | Delete

}

[27869] Fix | Delete

if (!fontFamilies || fontFamilies.length === 0) {

[27870] Fix | Delete

return null;

[27871] Fix | Delete

}

[27872] Fix | Delete

const options = [{

[27873] Fix | Delete

value: '',

[27874] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('Default')

[27875] Fix | Delete

}, ...fontFamilies.map(({

[27876] Fix | Delete

fontFamily,

[27877] Fix | Delete

name

[27878] Fix | Delete

}) => {

[27879] Fix | Delete

return {

[27880] Fix | Delete

value: fontFamily,

[27881] Fix | Delete

label: name || fontFamily

[27882] Fix | Delete

};

[27883] Fix | Delete

})];

[27884] Fix | Delete

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

[27885] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('Font'),

[27886] Fix | Delete

options: options,

[27887] Fix | Delete

value: value,

[27888] Fix | Delete

onChange: onChange,

[27889] Fix | Delete

labelPosition: "top",

[27890] Fix | Delete

...props

[27891] Fix | Delete

});

[27892] Fix | Delete

}

[27893] Fix | Delete

[27894] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/font-appearance-control/index.js

[27895] Fix | Delete

/**

[27896] Fix | Delete

* WordPress dependencies

[27897] Fix | Delete

[27898] Fix | Delete

[27899] Fix | Delete

[27900] Fix | Delete

[27901] Fix | Delete

[27902] Fix | Delete

const FONT_STYLES = [{

[27903] Fix | Delete

[27904] Fix | Delete

value: 'normal'

[27905] Fix | Delete

}, {

[27906] Fix | Delete

[27907] Fix | Delete

value: 'italic'

[27908] Fix | Delete

}];

[27909] Fix | Delete

const FONT_WEIGHTS = [{

[27910] Fix | Delete

[27911] Fix | Delete

value: '100'

[27912] Fix | Delete

}, {

[27913] Fix | Delete

[27914] Fix | Delete

value: '200'

[27915] Fix | Delete

}, {

[27916] Fix | Delete

[27917] Fix | Delete

value: '300'

[27918] Fix | Delete

}, {

[27919] Fix | Delete

[27920] Fix | Delete

value: '400'

[27921] Fix | Delete

}, {

[27922] Fix | Delete

[27923] Fix | Delete

value: '500'

[27924] Fix | Delete

}, {

[27925] Fix | Delete

[27926] Fix | Delete

value: '600'

[27927] Fix | Delete

}, {

[27928] Fix | Delete

[27929] Fix | Delete

value: '700'

[27930] Fix | Delete

}, {

[27931] Fix | Delete

[27932] Fix | Delete

value: '800'

[27933] Fix | Delete

}, {

[27934] Fix | Delete

[27935] Fix | Delete

value: '900'

[27936] Fix | Delete

}];

[27937] Fix | Delete

[27938] Fix | Delete

/**

[27939] Fix | Delete

* Adjusts font appearance field label in case either font styles or weights

[27940] Fix | Delete

* are disabled.

[27941] Fix | Delete

[27942] Fix | Delete

* @param {boolean} hasFontStyles Whether font styles are enabled and present.

[27943] Fix | Delete

* @param {boolean} hasFontWeights Whether font weights are enabled and present.

[27944] Fix | Delete

* @return {string} A label representing what font appearance is being edited.

[27945] Fix | Delete

[27946] Fix | Delete

const getFontAppearanceLabel = (hasFontStyles, hasFontWeights) => {

[27947] Fix | Delete

if (!hasFontStyles) {

[27948] Fix | Delete

return (0,external_wp_i18n_namespaceObject.__)('Font weight');

[27949] Fix | Delete

}

[27950] Fix | Delete

if (!hasFontWeights) {

[27951] Fix | Delete

return (0,external_wp_i18n_namespaceObject.__)('Font style');

[27952] Fix | Delete

}

[27953] Fix | Delete

return (0,external_wp_i18n_namespaceObject.__)('Appearance');

[27954] Fix | Delete

};

[27955] Fix | Delete

[27956] Fix | Delete

/**

[27957] Fix | Delete

* Control to display unified font style and weight options.

[27958] Fix | Delete

[27959] Fix | Delete

* @param {Object} props Component props.

[27960] Fix | Delete

[27961] Fix | Delete

* @return {Element} Font appearance control.

[27962] Fix | Delete

[27963] Fix | Delete

function FontAppearanceControl(props) {

[27964] Fix | Delete

const {

[27965] Fix | Delete

onChange,

[27966] Fix | Delete

hasFontStyles = true,

[27967] Fix | Delete

hasFontWeights = true,

[27968] Fix | Delete

value: {

[27969] Fix | Delete

fontStyle,

[27970] Fix | Delete

fontWeight

[27971] Fix | Delete

[27972] Fix | Delete

...otherProps

[27973] Fix | Delete

} = props;

[27974] Fix | Delete

const hasStylesOrWeights = hasFontStyles || hasFontWeights;

[27975] Fix | Delete

const label = getFontAppearanceLabel(hasFontStyles, hasFontWeights);

[27976] Fix | Delete

const defaultOption = {

[27977] Fix | Delete

key: 'default',

[27978] Fix | Delete

[27979] Fix | Delete

style: {

[27980] Fix | Delete

fontStyle: undefined,

[27981] Fix | Delete

fontWeight: undefined

[27982] Fix | Delete

}

[27983] Fix | Delete

};

[27984] Fix | Delete

[27985] Fix | Delete

// Combines both font style and weight options into a single dropdown.

[27986] Fix | Delete

const combineOptions = () => {

[27987] Fix | Delete

const combinedOptions = [defaultOption];

[27988] Fix | Delete

FONT_STYLES.forEach(({

[27989] Fix | Delete

[27990] Fix | Delete

value: styleValue

[27991] Fix | Delete

}) => {

[27992] Fix | Delete

FONT_WEIGHTS.forEach(({

[27993] Fix | Delete

[27994] Fix | Delete

value: weightValue

[27995] Fix | Delete

}) => {

[27996] Fix | Delete

const optionName = styleValue === 'normal' ? weightName : (0,external_wp_i18n_namespaceObject.sprintf)( /* translators: 1: Font weight name. 2: Font style name. */

[27997] Fix | Delete

(0,external_wp_i18n_namespaceObject.__)('%1$s %2$s'), weightName, styleName);

[27998] Fix | Delete

combinedOptions.push({

[27999] Fix | Delete

1 ...54 555657 58 ...144