Edit File by line

* WordPress dependencies

[30000] Fix | Delete

[30001] Fix | Delete

[30002] Fix | Delete

[30003] Fix | Delete

[30004] Fix | Delete

[30005] Fix | Delete

[30006] Fix | Delete

[30007] Fix | Delete

[30008] Fix | Delete

/**

[30009] Fix | Delete

* Internal dependencies

[30010] Fix | Delete

[30011] Fix | Delete

[30012] Fix | Delete

[30013] Fix | Delete

[30014] Fix | Delete

[30015] Fix | Delete

[30016] Fix | Delete

[30017] Fix | Delete

const CUSTOM_VALUE_SETTINGS = {

[30018] Fix | Delete

px: {

[30019] Fix | Delete

max: 300,

[30020] Fix | Delete

steps: 1

[30021] Fix | Delete

[30022] Fix | Delete

'%': {

[30023] Fix | Delete

max: 100,

[30024] Fix | Delete

steps: 1

[30025] Fix | Delete

[30026] Fix | Delete

vw: {

[30027] Fix | Delete

max: 100,

[30028] Fix | Delete

steps: 1

[30029] Fix | Delete

[30030] Fix | Delete

vh: {

[30031] Fix | Delete

max: 100,

[30032] Fix | Delete

steps: 1

[30033] Fix | Delete

[30034] Fix | Delete

em: {

[30035] Fix | Delete

max: 10,

[30036] Fix | Delete

steps: 0.1

[30037] Fix | Delete

[30038] Fix | Delete

rm: {

[30039] Fix | Delete

max: 10,

[30040] Fix | Delete

steps: 0.1

[30041] Fix | Delete

[30042] Fix | Delete

svw: {

[30043] Fix | Delete

max: 100,

[30044] Fix | Delete

steps: 1

[30045] Fix | Delete

[30046] Fix | Delete

lvw: {

[30047] Fix | Delete

max: 100,

[30048] Fix | Delete

steps: 1

[30049] Fix | Delete

[30050] Fix | Delete

dvw: {

[30051] Fix | Delete

max: 100,

[30052] Fix | Delete

steps: 1

[30053] Fix | Delete

[30054] Fix | Delete

svh: {

[30055] Fix | Delete

max: 100,

[30056] Fix | Delete

steps: 1

[30057] Fix | Delete

[30058] Fix | Delete

lvh: {

[30059] Fix | Delete

max: 100,

[30060] Fix | Delete

steps: 1

[30061] Fix | Delete

[30062] Fix | Delete

dvh: {

[30063] Fix | Delete

max: 100,

[30064] Fix | Delete

steps: 1

[30065] Fix | Delete

[30066] Fix | Delete

vi: {

[30067] Fix | Delete

max: 100,

[30068] Fix | Delete

steps: 1

[30069] Fix | Delete

[30070] Fix | Delete

svi: {

[30071] Fix | Delete

max: 100,

[30072] Fix | Delete

steps: 1

[30073] Fix | Delete

[30074] Fix | Delete

lvi: {

[30075] Fix | Delete

max: 100,

[30076] Fix | Delete

steps: 1

[30077] Fix | Delete

[30078] Fix | Delete

dvi: {

[30079] Fix | Delete

max: 100,

[30080] Fix | Delete

steps: 1

[30081] Fix | Delete

[30082] Fix | Delete

vb: {

[30083] Fix | Delete

max: 100,

[30084] Fix | Delete

steps: 1

[30085] Fix | Delete

[30086] Fix | Delete

svb: {

[30087] Fix | Delete

max: 100,

[30088] Fix | Delete

steps: 1

[30089] Fix | Delete

[30090] Fix | Delete

lvb: {

[30091] Fix | Delete

max: 100,

[30092] Fix | Delete

steps: 1

[30093] Fix | Delete

[30094] Fix | Delete

dvb: {

[30095] Fix | Delete

max: 100,

[30096] Fix | Delete

steps: 1

[30097] Fix | Delete

[30098] Fix | Delete

vmin: {

[30099] Fix | Delete

max: 100,

[30100] Fix | Delete

steps: 1

[30101] Fix | Delete

[30102] Fix | Delete

svmin: {

[30103] Fix | Delete

max: 100,

[30104] Fix | Delete

steps: 1

[30105] Fix | Delete

[30106] Fix | Delete

lvmin: {

[30107] Fix | Delete

max: 100,

[30108] Fix | Delete

steps: 1

[30109] Fix | Delete

[30110] Fix | Delete

dvmin: {

[30111] Fix | Delete

max: 100,

[30112] Fix | Delete

steps: 1

[30113] Fix | Delete

[30114] Fix | Delete

vmax: {

[30115] Fix | Delete

max: 100,

[30116] Fix | Delete

steps: 1

[30117] Fix | Delete

[30118] Fix | Delete

svmax: {

[30119] Fix | Delete

max: 100,

[30120] Fix | Delete

steps: 1

[30121] Fix | Delete

[30122] Fix | Delete

lvmax: {

[30123] Fix | Delete

max: 100,

[30124] Fix | Delete

steps: 1

[30125] Fix | Delete

[30126] Fix | Delete

dvmax: {

[30127] Fix | Delete

max: 100,

[30128] Fix | Delete

steps: 1

[30129] Fix | Delete

}

[30130] Fix | Delete

};

[30131] Fix | Delete

function SpacingInputControl({

[30132] Fix | Delete

icon,

[30133] Fix | Delete

isMixed = false,

[30134] Fix | Delete

minimumCustomValue,

[30135] Fix | Delete

onChange,

[30136] Fix | Delete

onMouseOut,

[30137] Fix | Delete

onMouseOver,

[30138] Fix | Delete

showSideInLabel = true,

[30139] Fix | Delete

side,

[30140] Fix | Delete

spacingSizes,

[30141] Fix | Delete

type,

[30142] Fix | Delete

value

[30143] Fix | Delete

}) {

[30144] Fix | Delete

var _CUSTOM_VALUE_SETTING, _CUSTOM_VALUE_SETTING2;

[30145] Fix | Delete

// Treat value as a preset value if the passed in value matches the value of one of the spacingSizes.

[30146] Fix | Delete

value = getPresetValueFromCustomValue(value, spacingSizes);

[30147] Fix | Delete

let selectListSizes = spacingSizes;

[30148] Fix | Delete

const showRangeControl = spacingSizes.length <= RANGE_CONTROL_MAX_SIZE;

[30149] Fix | Delete

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

[30150] Fix | Delete

const editorSettings = select(store).getSettings();

[30151] Fix | Delete

return editorSettings?.disableCustomSpacingSizes;

[30152] Fix | Delete

});

[30153] Fix | Delete

const [showCustomValueControl, setShowCustomValueControl] = (0,external_wp_element_namespaceObject.useState)(!disableCustomSpacingSizes && value !== undefined && !isValueSpacingPreset(value));

[30154] Fix | Delete

const [minValue, setMinValue] = (0,external_wp_element_namespaceObject.useState)(minimumCustomValue);

[30155] Fix | Delete

const previousValue = (0,external_wp_compose_namespaceObject.usePrevious)(value);

[30156] Fix | Delete

if (!!value && previousValue !== value && !isValueSpacingPreset(value) && showCustomValueControl !== true) {

[30157] Fix | Delete

setShowCustomValueControl(true);

[30158] Fix | Delete

}

[30159] Fix | Delete

const [availableUnits] = use_settings_useSettings('spacing.units');

[30160] Fix | Delete

const units = (0,external_wp_components_namespaceObject.__experimentalUseCustomUnits)({

[30161] Fix | Delete

availableUnits: availableUnits || ['px', 'em', 'rem']

[30162] Fix | Delete

});

[30163] Fix | Delete

let currentValue = null;

[30164] Fix | Delete

const showCustomValueInSelectList = !showRangeControl && !showCustomValueControl && value !== undefined && (!isValueSpacingPreset(value) || isValueSpacingPreset(value) && isMixed);

[30165] Fix | Delete

if (showCustomValueInSelectList) {

[30166] Fix | Delete

selectListSizes = [...spacingSizes, {

[30167] Fix | Delete

name: !isMixed ?

[30168] Fix | Delete

// translators: A custom measurement, eg. a number followed by a unit like 12px.

[30169] Fix | Delete

(0,external_wp_i18n_namespaceObject.sprintf)((0,external_wp_i18n_namespaceObject.__)('Custom (%s)'), value) : (0,external_wp_i18n_namespaceObject.__)('Mixed'),

[30170] Fix | Delete

slug: 'custom',

[30171] Fix | Delete

size: value

[30172] Fix | Delete

}];

[30173] Fix | Delete

currentValue = selectListSizes.length - 1;

[30174] Fix | Delete

} else if (!isMixed) {

[30175] Fix | Delete

currentValue = !showCustomValueControl ? getSliderValueFromPreset(value, spacingSizes) : getCustomValueFromPreset(value, spacingSizes);

[30176] Fix | Delete

}

[30177] Fix | Delete

const selectedUnit = (0,external_wp_element_namespaceObject.useMemo)(() => (0,external_wp_components_namespaceObject.__experimentalParseQuantityAndUnitFromRawValue)(currentValue), [currentValue])[1] || units[0]?.value;

[30178] Fix | Delete

const setInitialValue = () => {

[30179] Fix | Delete

if (value === undefined) {

[30180] Fix | Delete

onChange('0');

[30181] Fix | Delete

}

[30182] Fix | Delete

};

[30183] Fix | Delete

const customTooltipContent = newValue => value === undefined ? undefined : spacingSizes[newValue]?.name;

[30184] Fix | Delete

const customRangeValue = parseFloat(currentValue, 10);

[30185] Fix | Delete

const getNewCustomValue = newSize => {

[30186] Fix | Delete

const isNumeric = !isNaN(parseFloat(newSize));

[30187] Fix | Delete

const nextValue = isNumeric ? newSize : undefined;

[30188] Fix | Delete

return nextValue;

[30189] Fix | Delete

};

[30190] Fix | Delete

const getNewPresetValue = (newSize, controlType) => {

[30191] Fix | Delete

const size = parseInt(newSize, 10);

[30192] Fix | Delete

if (controlType === 'selectList') {

[30193] Fix | Delete

if (size === 0) {

[30194] Fix | Delete

return undefined;

[30195] Fix | Delete

}

[30196] Fix | Delete

if (size === 1) {

[30197] Fix | Delete

return '0';

[30198] Fix | Delete

}

[30199] Fix | Delete

} else if (size === 0) {

[30200] Fix | Delete

return '0';

[30201] Fix | Delete

}

[30202] Fix | Delete

return `var:preset|spacing|${spacingSizes[newSize]?.slug}`;

[30203] Fix | Delete

};

[30204] Fix | Delete

const handleCustomValueSliderChange = next => {

[30205] Fix | Delete

onChange([next, selectedUnit].join(''));

[30206] Fix | Delete

};

[30207] Fix | Delete

const allPlaceholder = isMixed ? (0,external_wp_i18n_namespaceObject.__)('Mixed') : null;

[30208] Fix | Delete

const options = selectListSizes.map((size, index) => ({

[30209] Fix | Delete

key: index,

[30210] Fix | Delete

name: size.name

[30211] Fix | Delete

}));

[30212] Fix | Delete

const marks = spacingSizes.map((_newValue, index) => ({

[30213] Fix | Delete

value: index,

[30214] Fix | Delete

label: undefined

[30215] Fix | Delete

}));

[30216] Fix | Delete

const sideLabel = ALL_SIDES.includes(side) && showSideInLabel ? LABELS[side] : '';

[30217] Fix | Delete

const typeLabel = showSideInLabel ? type?.toLowerCase() : type;

[30218] Fix | Delete

const ariaLabel = (0,external_wp_i18n_namespaceObject.sprintf)(

[30219] Fix | Delete

// translators: 1: The side of the block being modified (top, bottom, left, All sides etc.). 2. Type of spacing being modified (Padding, margin, etc)

[30220] Fix | Delete

(0,external_wp_i18n_namespaceObject.__)('%1$s %2$s'), sideLabel, typeLabel).trim();

[30221] Fix | Delete

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

[30222] Fix | Delete

className: "spacing-sizes-control__wrapper",

[30223] Fix | Delete

children: [icon && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Icon, {

[30224] Fix | Delete

className: "spacing-sizes-control__icon",

[30225] Fix | Delete

icon: icon,

[30226] Fix | Delete

size: 24

[30227] Fix | Delete

}), showCustomValueControl && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {

[30228] Fix | Delete

children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalUnitControl, {

[30229] Fix | Delete

onMouseOver: onMouseOver,

[30230] Fix | Delete

onMouseOut: onMouseOut,

[30231] Fix | Delete

onFocus: onMouseOver,

[30232] Fix | Delete

onBlur: onMouseOut,

[30233] Fix | Delete

onChange: newSize => onChange(getNewCustomValue(newSize)),

[30234] Fix | Delete

value: currentValue,

[30235] Fix | Delete

units: units,

[30236] Fix | Delete

min: minValue,

[30237] Fix | Delete

placeholder: allPlaceholder,

[30238] Fix | Delete

disableUnits: isMixed,

[30239] Fix | Delete

label: ariaLabel,

[30240] Fix | Delete

hideLabelFromVision: true,

[30241] Fix | Delete

className: "spacing-sizes-control__custom-value-input",

[30242] Fix | Delete

size: "__unstable-large",

[30243] Fix | Delete

onDragStart: () => {

[30244] Fix | Delete

if (value?.charAt(0) === '-') {

[30245] Fix | Delete

setMinValue(0);

[30246] Fix | Delete

}

[30247] Fix | Delete

[30248] Fix | Delete

onDrag: () => {

[30249] Fix | Delete

if (value?.charAt(0) === '-') {

[30250] Fix | Delete

setMinValue(0);

[30251] Fix | Delete

}

[30252] Fix | Delete

[30253] Fix | Delete

onDragEnd: () => {

[30254] Fix | Delete

setMinValue(minimumCustomValue);

[30255] Fix | Delete

}

[30256] Fix | Delete

}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.RangeControl, {

[30257] Fix | Delete

onMouseOver: onMouseOver,

[30258] Fix | Delete

onMouseOut: onMouseOut,

[30259] Fix | Delete

onFocus: onMouseOver,

[30260] Fix | Delete

onBlur: onMouseOut,

[30261] Fix | Delete

value: customRangeValue,

[30262] Fix | Delete

min: 0,

[30263] Fix | Delete

max: (_CUSTOM_VALUE_SETTING = CUSTOM_VALUE_SETTINGS[selectedUnit]?.max) !== null && _CUSTOM_VALUE_SETTING !== void 0 ? _CUSTOM_VALUE_SETTING : 10,

[30264] Fix | Delete

step: (_CUSTOM_VALUE_SETTING2 = CUSTOM_VALUE_SETTINGS[selectedUnit]?.steps) !== null && _CUSTOM_VALUE_SETTING2 !== void 0 ? _CUSTOM_VALUE_SETTING2 : 0.1,

[30265] Fix | Delete

withInputField: false,

[30266] Fix | Delete

onChange: handleCustomValueSliderChange,

[30267] Fix | Delete

className: "spacing-sizes-control__custom-value-range",

[30268] Fix | Delete

__nextHasNoMarginBottom: true

[30269] Fix | Delete

})]

[30270] Fix | Delete

}), showRangeControl && !showCustomValueControl && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.RangeControl, {

[30271] Fix | Delete

onMouseOver: onMouseOver,

[30272] Fix | Delete

onMouseOut: onMouseOut,

[30273] Fix | Delete

className: "spacing-sizes-control__range-control",

[30274] Fix | Delete

value: currentValue,

[30275] Fix | Delete

onChange: newSize => onChange(getNewPresetValue(newSize)),

[30276] Fix | Delete

onMouseDown: event => {

[30277] Fix | Delete

// If mouse down is near start of range set initial value to 0, which

[30278] Fix | Delete

// prevents the user have to drag right then left to get 0 setting.

[30279] Fix | Delete

if (event?.nativeEvent?.offsetX < 35) {

[30280] Fix | Delete

setInitialValue();

[30281] Fix | Delete

}

[30282] Fix | Delete

[30283] Fix | Delete

withInputField: false,

[30284] Fix | Delete

"aria-valuenow": currentValue,

[30285] Fix | Delete

"aria-valuetext": spacingSizes[currentValue]?.name,

[30286] Fix | Delete

renderTooltipContent: customTooltipContent,

[30287] Fix | Delete

min: 0,

[30288] Fix | Delete

max: spacingSizes.length - 1,

[30289] Fix | Delete

marks: marks,

[30290] Fix | Delete

label: ariaLabel,

[30291] Fix | Delete

hideLabelFromVision: true,

[30292] Fix | Delete

__nextHasNoMarginBottom: true,

[30293] Fix | Delete

onFocus: onMouseOver,

[30294] Fix | Delete

onBlur: onMouseOut

[30295] Fix | Delete

}), !showRangeControl && !showCustomValueControl && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.CustomSelectControl, {

[30296] Fix | Delete

className: "spacing-sizes-control__custom-select-control",

[30297] Fix | Delete

value: options.find(option => option.key === currentValue) || '' // passing undefined here causes a downshift controlled/uncontrolled warning

[30298] Fix | Delete

[30299] Fix | Delete

onChange: selection => {

[30300] Fix | Delete

onChange(getNewPresetValue(selection.selectedItem.key, 'selectList'));

[30301] Fix | Delete

[30302] Fix | Delete

options: options,

[30303] Fix | Delete

label: ariaLabel,

[30304] Fix | Delete

hideLabelFromVision: true,

[30305] Fix | Delete

size: "__unstable-large",

[30306] Fix | Delete

onMouseOver: onMouseOver,

[30307] Fix | Delete

onMouseOut: onMouseOut,

[30308] Fix | Delete

onFocus: onMouseOver,

[30309] Fix | Delete

onBlur: onMouseOut

[30310] Fix | Delete

}), !disableCustomSpacingSizes && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {

[30311] Fix | Delete

label: showCustomValueControl ? (0,external_wp_i18n_namespaceObject.__)('Use size preset') : (0,external_wp_i18n_namespaceObject.__)('Set custom size'),

[30312] Fix | Delete

icon: library_settings,

[30313] Fix | Delete

onClick: () => {

[30314] Fix | Delete

setShowCustomValueControl(!showCustomValueControl);

[30315] Fix | Delete

[30316] Fix | Delete

isPressed: showCustomValueControl,

[30317] Fix | Delete

size: "small",

[30318] Fix | Delete

className: "spacing-sizes-control__custom-toggle",

[30319] Fix | Delete

iconSize: 24

[30320] Fix | Delete

})]

[30321] Fix | Delete

});

[30322] Fix | Delete

}

[30323] Fix | Delete

[30324] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/spacing-sizes-control/input-controls/axial.js

[30325] Fix | Delete

/**

[30326] Fix | Delete

* Internal dependencies

[30327] Fix | Delete

[30328] Fix | Delete

[30329] Fix | Delete

[30330] Fix | Delete

[30331] Fix | Delete

[30332] Fix | Delete

const groupedSides = ['vertical', 'horizontal'];

[30333] Fix | Delete

function AxialInputControls({

[30334] Fix | Delete

minimumCustomValue,

[30335] Fix | Delete

onChange,

[30336] Fix | Delete

onMouseOut,

[30337] Fix | Delete

onMouseOver,

[30338] Fix | Delete

sides,

[30339] Fix | Delete

spacingSizes,

[30340] Fix | Delete

type,

[30341] Fix | Delete

values

[30342] Fix | Delete

}) {

[30343] Fix | Delete

const createHandleOnChange = side => next => {

[30344] Fix | Delete

if (!onChange) {

[30345] Fix | Delete

return;

[30346] Fix | Delete

}

[30347] Fix | Delete

[30348] Fix | Delete

// Encode the existing value into the preset value if the passed in value matches the value of one of the spacingSizes.

[30349] Fix | Delete

const nextValues = {

[30350] Fix | Delete

...Object.keys(values).reduce((acc, key) => {

[30351] Fix | Delete

acc[key] = getPresetValueFromCustomValue(values[key], spacingSizes);

[30352] Fix | Delete

return acc;

[30353] Fix | Delete

}, {})

[30354] Fix | Delete

};

[30355] Fix | Delete

if (side === 'vertical') {

[30356] Fix | Delete

nextValues.top = next;

[30357] Fix | Delete

nextValues.bottom = next;

[30358] Fix | Delete

}

[30359] Fix | Delete

if (side === 'horizontal') {

[30360] Fix | Delete

nextValues.left = next;

[30361] Fix | Delete

nextValues.right = next;

[30362] Fix | Delete

}

[30363] Fix | Delete

onChange(nextValues);

[30364] Fix | Delete

};

[30365] Fix | Delete

[30366] Fix | Delete

// Filter sides if custom configuration provided, maintaining default order.

[30367] Fix | Delete

const filteredSides = sides?.length ? groupedSides.filter(side => hasAxisSupport(sides, side)) : groupedSides;

[30368] Fix | Delete

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

[30369] Fix | Delete

children: filteredSides.map(side => {

[30370] Fix | Delete

const axisValue = side === 'vertical' ? values.top : values.left;

[30371] Fix | Delete

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

[30372] Fix | Delete

icon: ICONS[side],

[30373] Fix | Delete

label: LABELS[side],

[30374] Fix | Delete

minimumCustomValue: minimumCustomValue,

[30375] Fix | Delete

onChange: createHandleOnChange(side),

[30376] Fix | Delete

onMouseOut: onMouseOut,

[30377] Fix | Delete

onMouseOver: onMouseOver,

[30378] Fix | Delete

side: side,

[30379] Fix | Delete

spacingSizes: spacingSizes,

[30380] Fix | Delete

type: type,

[30381] Fix | Delete

value: axisValue,

[30382] Fix | Delete

withInputField: false

[30383] Fix | Delete

}, `spacing-sizes-control-${side}`);

[30384] Fix | Delete

})

[30385] Fix | Delete

});

[30386] Fix | Delete

}

[30387] Fix | Delete

[30388] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/spacing-sizes-control/input-controls/separated.js

[30389] Fix | Delete

/**

[30390] Fix | Delete

* Internal dependencies

[30391] Fix | Delete

[30392] Fix | Delete

[30393] Fix | Delete

[30394] Fix | Delete

[30395] Fix | Delete

[30396] Fix | Delete

function SeparatedInputControls({

[30397] Fix | Delete

minimumCustomValue,

[30398] Fix | Delete

onChange,

[30399] Fix | Delete

onMouseOut,

[30400] Fix | Delete

onMouseOver,

[30401] Fix | Delete

sides,

[30402] Fix | Delete

spacingSizes,

[30403] Fix | Delete

type,

[30404] Fix | Delete

values

[30405] Fix | Delete

}) {

[30406] Fix | Delete

// Filter sides if custom configuration provided, maintaining default order.

[30407] Fix | Delete

const filteredSides = sides?.length ? ALL_SIDES.filter(side => sides.includes(side)) : ALL_SIDES;

[30408] Fix | Delete

const createHandleOnChange = side => next => {

[30409] Fix | Delete

// Encode the existing value into the preset value if the passed in value matches the value of one of the spacingSizes.

[30410] Fix | Delete

const nextValues = {

[30411] Fix | Delete

...Object.keys(values).reduce((acc, key) => {

[30412] Fix | Delete

acc[key] = getPresetValueFromCustomValue(values[key], spacingSizes);

[30413] Fix | Delete

return acc;

[30414] Fix | Delete

}, {})

[30415] Fix | Delete

};

[30416] Fix | Delete

nextValues[side] = next;

[30417] Fix | Delete

onChange(nextValues);

[30418] Fix | Delete

};

[30419] Fix | Delete

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

[30420] Fix | Delete

children: filteredSides.map(side => {

[30421] Fix | Delete

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

[30422] Fix | Delete

icon: ICONS[side],

[30423] Fix | Delete

label: LABELS[side],

[30424] Fix | Delete

minimumCustomValue: minimumCustomValue,

[30425] Fix | Delete

onChange: createHandleOnChange(side),

[30426] Fix | Delete

onMouseOut: onMouseOut,

[30427] Fix | Delete

onMouseOver: onMouseOver,

[30428] Fix | Delete

side: side,

[30429] Fix | Delete

spacingSizes: spacingSizes,

[30430] Fix | Delete

type: type,

[30431] Fix | Delete

value: values[side],

[30432] Fix | Delete

withInputField: false

[30433] Fix | Delete

}, `spacing-sizes-control-${side}`);

[30434] Fix | Delete

})

[30435] Fix | Delete

});

[30436] Fix | Delete

}

[30437] Fix | Delete

[30438] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/spacing-sizes-control/input-controls/single.js

[30439] Fix | Delete

/**

[30440] Fix | Delete

* Internal dependencies

[30441] Fix | Delete

[30442] Fix | Delete

[30443] Fix | Delete

[30444] Fix | Delete

[30445] Fix | Delete

function SingleInputControl({

[30446] Fix | Delete

minimumCustomValue,

[30447] Fix | Delete

onChange,

[30448] Fix | Delete

onMouseOut,

[30449] Fix | Delete

onMouseOver,

[30450] Fix | Delete

showSideInLabel,

[30451] Fix | Delete

side,

[30452] Fix | Delete

spacingSizes,

[30453] Fix | Delete

type,

[30454] Fix | Delete

values

[30455] Fix | Delete

}) {

[30456] Fix | Delete

const createHandleOnChange = currentSide => next => {

[30457] Fix | Delete

// Encode the existing value into the preset value if the passed in value matches the value of one of the spacingSizes.

[30458] Fix | Delete

const nextValues = {

[30459] Fix | Delete

...Object.keys(values).reduce((acc, key) => {

[30460] Fix | Delete

acc[key] = getPresetValueFromCustomValue(values[key], spacingSizes);

[30461] Fix | Delete

return acc;

[30462] Fix | Delete

}, {})

[30463] Fix | Delete

};

[30464] Fix | Delete

nextValues[currentSide] = next;

[30465] Fix | Delete

onChange(nextValues);

[30466] Fix | Delete

};

[30467] Fix | Delete

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

[30468] Fix | Delete

label: LABELS[side],

[30469] Fix | Delete

minimumCustomValue: minimumCustomValue,

[30470] Fix | Delete

onChange: createHandleOnChange(side),

[30471] Fix | Delete

onMouseOut: onMouseOut,

[30472] Fix | Delete

onMouseOver: onMouseOver,

[30473] Fix | Delete

showSideInLabel: showSideInLabel,

[30474] Fix | Delete

side: side,

[30475] Fix | Delete

spacingSizes: spacingSizes,

[30476] Fix | Delete

type: type,

[30477] Fix | Delete

value: values[side],

[30478] Fix | Delete

withInputField: false

[30479] Fix | Delete

});

[30480] Fix | Delete

}

[30481] Fix | Delete

[30482] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/spacing-sizes-control/sides-dropdown/index.js

[30483] Fix | Delete

/**

[30484] Fix | Delete

* WordPress dependencies

[30485] Fix | Delete

[30486] Fix | Delete

[30487] Fix | Delete

[30488] Fix | Delete

[30489] Fix | Delete

/**

[30490] Fix | Delete

* Internal dependencies

[30491] Fix | Delete

[30492] Fix | Delete

[30493] Fix | Delete

[30494] Fix | Delete

[30495] Fix | Delete

[30496] Fix | Delete

const checkIcon = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Icon, {

[30497] Fix | Delete

icon: library_check,

[30498] Fix | Delete

size: 24

[30499] Fix | Delete

1 ...59 606162 63 ...144