Edit File by line

...extraProps

[19000] Fix | Delete

});

[19001] Fix | Delete

}

[19002] Fix | Delete

/* harmony default export */ const justify_content_control_ui = (JustifyContentUI);

[19003] Fix | Delete

[19004] Fix | Delete

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

[19005] Fix | Delete

/**

[19006] Fix | Delete

* Internal dependencies

[19007] Fix | Delete

[19008] Fix | Delete

[19009] Fix | Delete

[19010] Fix | Delete

const JustifyContentControl = props => {

[19011] Fix | Delete

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

[19012] Fix | Delete

...props,

[19013] Fix | Delete

isToolbar: false

[19014] Fix | Delete

});

[19015] Fix | Delete

};

[19016] Fix | Delete

const JustifyToolbar = props => {

[19017] Fix | Delete

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

[19018] Fix | Delete

...props,

[19019] Fix | Delete

isToolbar: true

[19020] Fix | Delete

});

[19021] Fix | Delete

};

[19022] Fix | Delete

[19023] Fix | Delete

/**

[19024] Fix | Delete

* @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/justify-content-control/README.md

[19025] Fix | Delete

[19026] Fix | Delete

[19027] Fix | Delete

[19028] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/layouts/flex.js

[19029] Fix | Delete

/**

[19030] Fix | Delete

* WordPress dependencies

[19031] Fix | Delete

[19032] Fix | Delete

[19033] Fix | Delete

[19034] Fix | Delete

[19035] Fix | Delete

[19036] Fix | Delete

/**

[19037] Fix | Delete

* Internal dependencies

[19038] Fix | Delete

[19039] Fix | Delete

[19040] Fix | Delete

[19041] Fix | Delete

[19042] Fix | Delete

[19043] Fix | Delete

[19044] Fix | Delete

[19045] Fix | Delete

// Used with the default, horizontal flex orientation.

[19046] Fix | Delete

[19047] Fix | Delete

[19048] Fix | Delete

[19049] Fix | Delete

const justifyContentMap = {

[19050] Fix | Delete

left: 'flex-start',

[19051] Fix | Delete

right: 'flex-end',

[19052] Fix | Delete

center: 'center',

[19053] Fix | Delete

'space-between': 'space-between'

[19054] Fix | Delete

};

[19055] Fix | Delete

[19056] Fix | Delete

// Used with the vertical (column) flex orientation.

[19057] Fix | Delete

const alignItemsMap = {

[19058] Fix | Delete

left: 'flex-start',

[19059] Fix | Delete

right: 'flex-end',

[19060] Fix | Delete

center: 'center',

[19061] Fix | Delete

stretch: 'stretch'

[19062] Fix | Delete

};

[19063] Fix | Delete

const verticalAlignmentMap = {

[19064] Fix | Delete

top: 'flex-start',

[19065] Fix | Delete

center: 'center',

[19066] Fix | Delete

bottom: 'flex-end',

[19067] Fix | Delete

stretch: 'stretch',

[19068] Fix | Delete

'space-between': 'space-between'

[19069] Fix | Delete

};

[19070] Fix | Delete

const flexWrapOptions = ['wrap', 'nowrap'];

[19071] Fix | Delete

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

[19072] Fix | Delete

[19073] Fix | Delete

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

[19074] Fix | Delete

inspectorControls: function FlexLayoutInspectorControls({

[19075] Fix | Delete

layout = {},

[19076] Fix | Delete

onChange,

[19077] Fix | Delete

layoutBlockSupport = {}

[19078] Fix | Delete

}) {

[19079] Fix | Delete

const {

[19080] Fix | Delete

allowOrientation = true

[19081] Fix | Delete

} = layoutBlockSupport;

[19082] Fix | Delete

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

[19083] Fix | Delete

children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.Flex, {

[19084] Fix | Delete

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

[19085] Fix | Delete

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

[19086] Fix | Delete

[19087] Fix | Delete

onChange: onChange

[19088] Fix | Delete

})

[19089] Fix | Delete

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

[19090] Fix | Delete

children: allowOrientation && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(OrientationControl, {

[19091] Fix | Delete

[19092] Fix | Delete

onChange: onChange

[19093] Fix | Delete

})

[19094] Fix | Delete

})]

[19095] Fix | Delete

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

[19096] Fix | Delete

[19097] Fix | Delete

onChange: onChange

[19098] Fix | Delete

})]

[19099] Fix | Delete

});

[19100] Fix | Delete

[19101] Fix | Delete

toolBarControls: function FlexLayoutToolbarControls({

[19102] Fix | Delete

layout = {},

[19103] Fix | Delete

onChange,

[19104] Fix | Delete

layoutBlockSupport

[19105] Fix | Delete

}) {

[19106] Fix | Delete

if (layoutBlockSupport?.allowSwitching) {

[19107] Fix | Delete

return null;

[19108] Fix | Delete

}

[19109] Fix | Delete

const {

[19110] Fix | Delete

allowVerticalAlignment = true

[19111] Fix | Delete

} = layoutBlockSupport;

[19112] Fix | Delete

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

[19113] Fix | Delete

group: "block",

[19114] Fix | Delete

__experimentalShareWithChildBlocks: true,

[19115] Fix | Delete

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

[19116] Fix | Delete

[19117] Fix | Delete

onChange: onChange,

[19118] Fix | Delete

isToolbar: true

[19119] Fix | Delete

}), allowVerticalAlignment && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(FlexLayoutVerticalAlignmentControl, {

[19120] Fix | Delete

[19121] Fix | Delete

onChange: onChange,

[19122] Fix | Delete

isToolbar: true

[19123] Fix | Delete

})]

[19124] Fix | Delete

});

[19125] Fix | Delete

[19126] Fix | Delete

getLayoutStyle: function getLayoutStyle({

[19127] Fix | Delete

selector,

[19128] Fix | Delete

layout,

[19129] Fix | Delete

style,

[19130] Fix | Delete

blockName,

[19131] Fix | Delete

hasBlockGapSupport,

[19132] Fix | Delete

layoutDefinitions = LAYOUT_DEFINITIONS

[19133] Fix | Delete

}) {

[19134] Fix | Delete

const {

[19135] Fix | Delete

orientation = 'horizontal'

[19136] Fix | Delete

} = layout;

[19137] Fix | Delete

[19138] Fix | Delete

// If a block's block.json skips serialization for spacing or spacing.blockGap,

[19139] Fix | Delete

// don't apply the user-defined value to the styles.

[19140] Fix | Delete

const blockGapValue = style?.spacing?.blockGap && !shouldSkipSerialization(blockName, 'spacing', 'blockGap') ? getGapCSSValue(style?.spacing?.blockGap, '0.5em') : undefined;

[19141] Fix | Delete

const justifyContent = justifyContentMap[layout.justifyContent];

[19142] Fix | Delete

const flexWrap = flexWrapOptions.includes(layout.flexWrap) ? layout.flexWrap : 'wrap';

[19143] Fix | Delete

const verticalAlignment = verticalAlignmentMap[layout.verticalAlignment];

[19144] Fix | Delete

const alignItems = alignItemsMap[layout.justifyContent] || alignItemsMap.left;

[19145] Fix | Delete

let output = '';

[19146] Fix | Delete

const rules = [];

[19147] Fix | Delete

if (flexWrap && flexWrap !== 'wrap') {

[19148] Fix | Delete

rules.push(`flex-wrap: ${flexWrap}`);

[19149] Fix | Delete

}

[19150] Fix | Delete

if (orientation === 'horizontal') {

[19151] Fix | Delete

if (verticalAlignment) {

[19152] Fix | Delete

rules.push(`align-items: ${verticalAlignment}`);

[19153] Fix | Delete

}

[19154] Fix | Delete

if (justifyContent) {

[19155] Fix | Delete

rules.push(`justify-content: ${justifyContent}`);

[19156] Fix | Delete

}

[19157] Fix | Delete

} else {

[19158] Fix | Delete

if (verticalAlignment) {

[19159] Fix | Delete

rules.push(`justify-content: ${verticalAlignment}`);

[19160] Fix | Delete

}

[19161] Fix | Delete

rules.push('flex-direction: column');

[19162] Fix | Delete

rules.push(`align-items: ${alignItems}`);

[19163] Fix | Delete

}

[19164] Fix | Delete

if (rules.length) {

[19165] Fix | Delete

output = `${appendSelectors(selector)} {

[19166] Fix | Delete

${rules.join('; ')};

[19167] Fix | Delete

}`;

[19168] Fix | Delete

}

[19169] Fix | Delete

[19170] Fix | Delete

// Output blockGap styles based on rules contained in layout definitions in theme.json.

[19171] Fix | Delete

if (hasBlockGapSupport && blockGapValue) {

[19172] Fix | Delete

output += getBlockGapCSS(selector, layoutDefinitions, 'flex', blockGapValue);

[19173] Fix | Delete

}

[19174] Fix | Delete

return output;

[19175] Fix | Delete

[19176] Fix | Delete

getOrientation(layout) {

[19177] Fix | Delete

const {

[19178] Fix | Delete

orientation = 'horizontal'

[19179] Fix | Delete

} = layout;

[19180] Fix | Delete

return orientation;

[19181] Fix | Delete

[19182] Fix | Delete

getAlignments() {

[19183] Fix | Delete

return [];

[19184] Fix | Delete

}

[19185] Fix | Delete

});

[19186] Fix | Delete

function FlexLayoutVerticalAlignmentControl({

[19187] Fix | Delete

layout,

[19188] Fix | Delete

onChange,

[19189] Fix | Delete

isToolbar = false

[19190] Fix | Delete

}) {

[19191] Fix | Delete

const {

[19192] Fix | Delete

orientation = 'horizontal'

[19193] Fix | Delete

} = layout;

[19194] Fix | Delete

const defaultVerticalAlignment = orientation === 'horizontal' ? verticalAlignmentMap.center : verticalAlignmentMap.top;

[19195] Fix | Delete

const {

[19196] Fix | Delete

verticalAlignment = defaultVerticalAlignment

[19197] Fix | Delete

} = layout;

[19198] Fix | Delete

const onVerticalAlignmentChange = value => {

[19199] Fix | Delete

onChange({

[19200] Fix | Delete

...layout,

[19201] Fix | Delete

verticalAlignment: value

[19202] Fix | Delete

});

[19203] Fix | Delete

};

[19204] Fix | Delete

if (isToolbar) {

[19205] Fix | Delete

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

[19206] Fix | Delete

onChange: onVerticalAlignmentChange,

[19207] Fix | Delete

value: verticalAlignment,

[19208] Fix | Delete

controls: orientation === 'horizontal' ? ['top', 'center', 'bottom', 'stretch'] : ['top', 'center', 'bottom', 'space-between']

[19209] Fix | Delete

});

[19210] Fix | Delete

}

[19211] Fix | Delete

const verticalAlignmentOptions = [{

[19212] Fix | Delete

value: 'flex-start',

[19213] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('Align items top')

[19214] Fix | Delete

}, {

[19215] Fix | Delete

value: 'center',

[19216] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('Align items center')

[19217] Fix | Delete

}, {

[19218] Fix | Delete

value: 'flex-end',

[19219] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('Align items bottom')

[19220] Fix | Delete

}];

[19221] Fix | Delete

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

[19222] Fix | Delete

className: "block-editor-hooks__flex-layout-vertical-alignment-control",

[19223] Fix | Delete

children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("legend", {

[19224] Fix | Delete

children: (0,external_wp_i18n_namespaceObject.__)('Vertical alignment')

[19225] Fix | Delete

}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {

[19226] Fix | Delete

children: verticalAlignmentOptions.map((value, icon, label) => {

[19227] Fix | Delete

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

[19228] Fix | Delete

label: label,

[19229] Fix | Delete

icon: icon,

[19230] Fix | Delete

isPressed: verticalAlignment === value,

[19231] Fix | Delete

onClick: () => onVerticalAlignmentChange(value)

[19232] Fix | Delete

}, value);

[19233] Fix | Delete

})

[19234] Fix | Delete

})]

[19235] Fix | Delete

});

[19236] Fix | Delete

}

[19237] Fix | Delete

const POPOVER_PROPS = {

[19238] Fix | Delete

placement: 'bottom-start'

[19239] Fix | Delete

};

[19240] Fix | Delete

function FlexLayoutJustifyContentControl({

[19241] Fix | Delete

layout,

[19242] Fix | Delete

onChange,

[19243] Fix | Delete

isToolbar = false

[19244] Fix | Delete

}) {

[19245] Fix | Delete

const {

[19246] Fix | Delete

justifyContent = 'left',

[19247] Fix | Delete

orientation = 'horizontal'

[19248] Fix | Delete

} = layout;

[19249] Fix | Delete

const onJustificationChange = value => {

[19250] Fix | Delete

onChange({

[19251] Fix | Delete

...layout,

[19252] Fix | Delete

justifyContent: value

[19253] Fix | Delete

});

[19254] Fix | Delete

};

[19255] Fix | Delete

const allowedControls = ['left', 'center', 'right'];

[19256] Fix | Delete

if (orientation === 'horizontal') {

[19257] Fix | Delete

allowedControls.push('space-between');

[19258] Fix | Delete

} else {

[19259] Fix | Delete

allowedControls.push('stretch');

[19260] Fix | Delete

}

[19261] Fix | Delete

if (isToolbar) {

[19262] Fix | Delete

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

[19263] Fix | Delete

allowedControls: allowedControls,

[19264] Fix | Delete

value: justifyContent,

[19265] Fix | Delete

onChange: onJustificationChange,

[19266] Fix | Delete

popoverProps: POPOVER_PROPS

[19267] Fix | Delete

});

[19268] Fix | Delete

}

[19269] Fix | Delete

const justificationOptions = [{

[19270] Fix | Delete

value: 'left',

[19271] Fix | Delete

icon: justify_left,

[19272] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('Justify items left')

[19273] Fix | Delete

}, {

[19274] Fix | Delete

value: 'center',

[19275] Fix | Delete

icon: justify_center,

[19276] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('Justify items center')

[19277] Fix | Delete

}, {

[19278] Fix | Delete

value: 'right',

[19279] Fix | Delete

icon: justify_right,

[19280] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('Justify items right')

[19281] Fix | Delete

}];

[19282] Fix | Delete

if (orientation === 'horizontal') {

[19283] Fix | Delete

justificationOptions.push({

[19284] Fix | Delete

value: 'space-between',

[19285] Fix | Delete

icon: justify_space_between,

[19286] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('Space between items')

[19287] Fix | Delete

});

[19288] Fix | Delete

} else {

[19289] Fix | Delete

justificationOptions.push({

[19290] Fix | Delete

value: 'stretch',

[19291] Fix | Delete

icon: justify_stretch,

[19292] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('Stretch items')

[19293] Fix | Delete

});

[19294] Fix | Delete

}

[19295] Fix | Delete

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

[19296] Fix | Delete

__nextHasNoMarginBottom: true,

[19297] Fix | Delete

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

[19298] Fix | Delete

value: justifyContent,

[19299] Fix | Delete

onChange: onJustificationChange,

[19300] Fix | Delete

className: "block-editor-hooks__flex-layout-justification-controls",

[19301] Fix | Delete

children: justificationOptions.map(({

[19302] Fix | Delete

value,

[19303] Fix | Delete

icon,

[19304] Fix | Delete

label

[19305] Fix | Delete

}) => {

[19306] Fix | Delete

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

[19307] Fix | Delete

value: value,

[19308] Fix | Delete

icon: icon,

[19309] Fix | Delete

label: label

[19310] Fix | Delete

}, value);

[19311] Fix | Delete

})

[19312] Fix | Delete

});

[19313] Fix | Delete

}

[19314] Fix | Delete

function FlexWrapControl({

[19315] Fix | Delete

layout,

[19316] Fix | Delete

onChange

[19317] Fix | Delete

}) {

[19318] Fix | Delete

const {

[19319] Fix | Delete

flexWrap = 'wrap'

[19320] Fix | Delete

} = layout;

[19321] Fix | Delete

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

[19322] Fix | Delete

__nextHasNoMarginBottom: true,

[19323] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('Allow to wrap to multiple lines'),

[19324] Fix | Delete

onChange: value => {

[19325] Fix | Delete

onChange({

[19326] Fix | Delete

...layout,

[19327] Fix | Delete

flexWrap: value ? 'wrap' : 'nowrap'

[19328] Fix | Delete

});

[19329] Fix | Delete

[19330] Fix | Delete

checked: flexWrap === 'wrap'

[19331] Fix | Delete

});

[19332] Fix | Delete

}

[19333] Fix | Delete

function OrientationControl({

[19334] Fix | Delete

layout,

[19335] Fix | Delete

onChange

[19336] Fix | Delete

}) {

[19337] Fix | Delete

const {

[19338] Fix | Delete

orientation = 'horizontal',

[19339] Fix | Delete

verticalAlignment,

[19340] Fix | Delete

justifyContent

[19341] Fix | Delete

} = layout;

[19342] Fix | Delete

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

[19343] Fix | Delete

__nextHasNoMarginBottom: true,

[19344] Fix | Delete

className: "block-editor-hooks__flex-layout-orientation-controls",

[19345] Fix | Delete

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

[19346] Fix | Delete

value: orientation,

[19347] Fix | Delete

onChange: value => {

[19348] Fix | Delete

// Make sure the vertical alignment and justification are compatible with the new orientation.

[19349] Fix | Delete

let newVerticalAlignment = verticalAlignment;

[19350] Fix | Delete

let newJustification = justifyContent;

[19351] Fix | Delete

if (value === 'horizontal') {

[19352] Fix | Delete

if (verticalAlignment === 'space-between') {

[19353] Fix | Delete

newVerticalAlignment = 'center';

[19354] Fix | Delete

}

[19355] Fix | Delete

if (justifyContent === 'stretch') {

[19356] Fix | Delete

newJustification = 'left';

[19357] Fix | Delete

}

[19358] Fix | Delete

} else {

[19359] Fix | Delete

if (verticalAlignment === 'stretch') {

[19360] Fix | Delete

newVerticalAlignment = 'top';

[19361] Fix | Delete

}

[19362] Fix | Delete

if (justifyContent === 'space-between') {

[19363] Fix | Delete

newJustification = 'left';

[19364] Fix | Delete

}

[19365] Fix | Delete

}

[19366] Fix | Delete

return onChange({

[19367] Fix | Delete

...layout,

[19368] Fix | Delete

orientation: value,

[19369] Fix | Delete

verticalAlignment: newVerticalAlignment,

[19370] Fix | Delete

justifyContent: newJustification

[19371] Fix | Delete

});

[19372] Fix | Delete

[19373] Fix | Delete

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

[19374] Fix | Delete

icon: arrow_right,

[19375] Fix | Delete

value: "horizontal",

[19376] Fix | Delete

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

[19377] Fix | Delete

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

[19378] Fix | Delete

icon: arrow_down,

[19379] Fix | Delete

value: "vertical",

[19380] Fix | Delete

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

[19381] Fix | Delete

})]

[19382] Fix | Delete

});

[19383] Fix | Delete

}

[19384] Fix | Delete

[19385] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/layouts/flow.js

[19386] Fix | Delete

/**

[19387] Fix | Delete

* WordPress dependencies

[19388] Fix | Delete

[19389] Fix | Delete

[19390] Fix | Delete

[19391] Fix | Delete

/**

[19392] Fix | Delete

* Internal dependencies

[19393] Fix | Delete

[19394] Fix | Delete

[19395] Fix | Delete

[19396] Fix | Delete

[19397] Fix | Delete

[19398] Fix | Delete

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

[19399] Fix | Delete

[19400] Fix | Delete

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

[19401] Fix | Delete

inspectorControls: function DefaultLayoutInspectorControls() {

[19402] Fix | Delete

return null;

[19403] Fix | Delete

[19404] Fix | Delete

toolBarControls: function DefaultLayoutToolbarControls() {

[19405] Fix | Delete

return null;

[19406] Fix | Delete

[19407] Fix | Delete

getLayoutStyle: function getLayoutStyle({

[19408] Fix | Delete

selector,

[19409] Fix | Delete

style,

[19410] Fix | Delete

blockName,

[19411] Fix | Delete

hasBlockGapSupport,

[19412] Fix | Delete

layoutDefinitions = LAYOUT_DEFINITIONS

[19413] Fix | Delete

}) {

[19414] Fix | Delete

const blockGapStyleValue = getGapCSSValue(style?.spacing?.blockGap);

[19415] Fix | Delete

[19416] Fix | Delete

// If a block's block.json skips serialization for spacing or

[19417] Fix | Delete

// spacing.blockGap, don't apply the user-defined value to the styles.

[19418] Fix | Delete

let blockGapValue = '';

[19419] Fix | Delete

if (!shouldSkipSerialization(blockName, 'spacing', 'blockGap')) {

[19420] Fix | Delete

// If an object is provided only use the 'top' value for this kind of gap.

[19421] Fix | Delete

if (blockGapStyleValue?.top) {

[19422] Fix | Delete

blockGapValue = getGapCSSValue(blockGapStyleValue?.top);

[19423] Fix | Delete

} else if (typeof blockGapStyleValue === 'string') {

[19424] Fix | Delete

blockGapValue = getGapCSSValue(blockGapStyleValue);

[19425] Fix | Delete

}

[19426] Fix | Delete

}

[19427] Fix | Delete

let output = '';

[19428] Fix | Delete

[19429] Fix | Delete

// Output blockGap styles based on rules contained in layout definitions in theme.json.

[19430] Fix | Delete

if (hasBlockGapSupport && blockGapValue) {

[19431] Fix | Delete

output += getBlockGapCSS(selector, layoutDefinitions, 'default', blockGapValue);

[19432] Fix | Delete

}

[19433] Fix | Delete

return output;

[19434] Fix | Delete

[19435] Fix | Delete

getOrientation() {

[19436] Fix | Delete

return 'vertical';

[19437] Fix | Delete

[19438] Fix | Delete

getAlignments(layout, isBlockBasedTheme) {

[19439] Fix | Delete

const alignmentInfo = getAlignmentsInfo(layout);

[19440] Fix | Delete

if (layout.alignments !== undefined) {

[19441] Fix | Delete

if (!layout.alignments.includes('none')) {

[19442] Fix | Delete

layout.alignments.unshift('none');

[19443] Fix | Delete

}

[19444] Fix | Delete

return layout.alignments.map(alignment => ({

[19445] Fix | Delete

[19446] Fix | Delete

info: alignmentInfo[alignment]

[19447] Fix | Delete

}));

[19448] Fix | Delete

}

[19449] Fix | Delete

const alignments = [{

[19450] Fix | Delete

[19451] Fix | Delete

}, {

[19452] Fix | Delete

[19453] Fix | Delete

}, {

[19454] Fix | Delete

[19455] Fix | Delete

}];

[19456] Fix | Delete

[19457] Fix | Delete

// This is for backwards compatibility with hybrid themes.

[19458] Fix | Delete

if (!isBlockBasedTheme) {

[19459] Fix | Delete

const {

[19460] Fix | Delete

contentSize,

[19461] Fix | Delete

wideSize

[19462] Fix | Delete

} = layout;

[19463] Fix | Delete

if (contentSize) {

[19464] Fix | Delete

alignments.unshift({

[19465] Fix | Delete

[19466] Fix | Delete

});

[19467] Fix | Delete

}

[19468] Fix | Delete

if (wideSize) {

[19469] Fix | Delete

alignments.unshift({

[19470] Fix | Delete

[19471] Fix | Delete

info: alignmentInfo.wide

[19472] Fix | Delete

});

[19473] Fix | Delete

}

[19474] Fix | Delete

}

[19475] Fix | Delete

alignments.unshift({

[19476] Fix | Delete

[19477] Fix | Delete

info: alignmentInfo.none

[19478] Fix | Delete

});

[19479] Fix | Delete

return alignments;

[19480] Fix | Delete

}

[19481] Fix | Delete

});

[19482] Fix | Delete

[19483] Fix | Delete

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

[19484] Fix | Delete

/**

[19485] Fix | Delete

* WordPress dependencies

[19486] Fix | Delete

[19487] Fix | Delete

[19488] Fix | Delete

[19489] Fix | Delete

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

[19490] Fix | Delete

[19491] Fix | Delete

/**

[19492] Fix | Delete

* Return an SVG icon.

[19493] Fix | Delete

[19494] Fix | Delete

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

[19495] Fix | Delete

* size is a number specifiying the icon size in pixels

[19496] Fix | Delete

* Other props will be passed to wrapped SVG component

[19497] Fix | Delete

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

[19498] Fix | Delete

[19499] Fix | Delete

1 ...37 383940 41 ...144