Edit File by line

Deprecated: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in /home/sportsfever/public_html/filemanger/function.php on line 93

Warning: Undefined array key "page_file_edit_line" in /home/sportsfever/public_html/filemanger/edit_text_line.php on line 32
/home/sportsfe.../httpdocs/clone/wp-inclu.../js/dist
File: block-editor.js
styles: {
[35000] Fix | Delete
blocks: {
[35001] Fix | Delete
[name]: {
[35002] Fix | Delete
variations: {
[35003] Fix | Delete
[`${variation}-${clientId}`]: variationStyles
[35004] Fix | Delete
}
[35005] Fix | Delete
}
[35006] Fix | Delete
}
[35007] Fix | Delete
}
[35008] Fix | Delete
};
[35009] Fix | Delete
}, [mergedConfig, globalSettings, globalStyles, variation, clientId, name]);
[35010] Fix | Delete
}
[35011] Fix | Delete
[35012] Fix | Delete
// Rather than leveraging `useInstanceId` here, the `clientId` is used.
[35013] Fix | Delete
// This is so that the variation style override's ID is predictable
[35014] Fix | Delete
// when the order of applied style variations changes.
[35015] Fix | Delete
function block_style_variation_useBlockProps({
[35016] Fix | Delete
name,
[35017] Fix | Delete
className,
[35018] Fix | Delete
clientId
[35019] Fix | Delete
}) {
[35020] Fix | Delete
const {
[35021] Fix | Delete
getBlockStyles
[35022] Fix | Delete
} = (0,external_wp_data_namespaceObject.useSelect)(external_wp_blocks_namespaceObject.store);
[35023] Fix | Delete
const registeredStyles = getBlockStyles(name);
[35024] Fix | Delete
const variation = getVariationNameFromClass(className, registeredStyles);
[35025] Fix | Delete
const variationClass = `${VARIATION_PREFIX}${variation}-${clientId}`;
[35026] Fix | Delete
const {
[35027] Fix | Delete
settings,
[35028] Fix | Delete
styles
[35029] Fix | Delete
} = useBlockStyleVariation(name, variation, clientId);
[35030] Fix | Delete
const variationStyles = (0,external_wp_element_namespaceObject.useMemo)(() => {
[35031] Fix | Delete
if (!variation) {
[35032] Fix | Delete
return;
[35033] Fix | Delete
}
[35034] Fix | Delete
const variationConfig = {
[35035] Fix | Delete
settings,
[35036] Fix | Delete
styles
[35037] Fix | Delete
};
[35038] Fix | Delete
const blockSelectors = getBlockSelectors((0,external_wp_blocks_namespaceObject.getBlockTypes)(), getBlockStyles, clientId);
[35039] Fix | Delete
const hasBlockGapSupport = false;
[35040] Fix | Delete
const hasFallbackGapSupport = true;
[35041] Fix | Delete
const disableLayoutStyles = true;
[35042] Fix | Delete
const disableRootPadding = true;
[35043] Fix | Delete
return toStyles(variationConfig, blockSelectors, hasBlockGapSupport, hasFallbackGapSupport, disableLayoutStyles, disableRootPadding, {
[35044] Fix | Delete
blockGap: false,
[35045] Fix | Delete
blockStyles: true,
[35046] Fix | Delete
layoutStyles: false,
[35047] Fix | Delete
marginReset: false,
[35048] Fix | Delete
presets: false,
[35049] Fix | Delete
rootPadding: false,
[35050] Fix | Delete
variationStyles: true
[35051] Fix | Delete
});
[35052] Fix | Delete
}, [variation, settings, styles, getBlockStyles, clientId]);
[35053] Fix | Delete
useStyleOverride({
[35054] Fix | Delete
id: `variation-${clientId}`,
[35055] Fix | Delete
css: variationStyles,
[35056] Fix | Delete
__unstableType: 'variation',
[35057] Fix | Delete
variation,
[35058] Fix | Delete
// The clientId will be stored with the override and used to ensure
[35059] Fix | Delete
// the order of overrides matches the order of blocks so that the
[35060] Fix | Delete
// correct CSS cascade is maintained.
[35061] Fix | Delete
clientId
[35062] Fix | Delete
});
[35063] Fix | Delete
return variation ? {
[35064] Fix | Delete
className: variationClass
[35065] Fix | Delete
} : {};
[35066] Fix | Delete
}
[35067] Fix | Delete
/* harmony default export */ const block_style_variation = ({
[35068] Fix | Delete
hasSupport: () => true,
[35069] Fix | Delete
attributeKeys: ['className'],
[35070] Fix | Delete
isMatch: ({
[35071] Fix | Delete
className
[35072] Fix | Delete
}) => getVariationMatches(className).length > 0,
[35073] Fix | Delete
useBlockProps: block_style_variation_useBlockProps
[35074] Fix | Delete
});
[35075] Fix | Delete
[35076] Fix | Delete
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/layout.js
[35077] Fix | Delete
/**
[35078] Fix | Delete
* External dependencies
[35079] Fix | Delete
*/
[35080] Fix | Delete
[35081] Fix | Delete
[35082] Fix | Delete
/**
[35083] Fix | Delete
* WordPress dependencies
[35084] Fix | Delete
*/
[35085] Fix | Delete
[35086] Fix | Delete
[35087] Fix | Delete
[35088] Fix | Delete
[35089] Fix | Delete
[35090] Fix | Delete
[35091] Fix | Delete
[35092] Fix | Delete
/**
[35093] Fix | Delete
* Internal dependencies
[35094] Fix | Delete
*/
[35095] Fix | Delete
[35096] Fix | Delete
[35097] Fix | Delete
[35098] Fix | Delete
[35099] Fix | Delete
[35100] Fix | Delete
[35101] Fix | Delete
[35102] Fix | Delete
[35103] Fix | Delete
[35104] Fix | Delete
[35105] Fix | Delete
[35106] Fix | Delete
const layoutBlockSupportKey = 'layout';
[35107] Fix | Delete
const {
[35108] Fix | Delete
kebabCase: layout_kebabCase
[35109] Fix | Delete
} = unlock(external_wp_components_namespaceObject.privateApis);
[35110] Fix | Delete
function hasLayoutBlockSupport(blockName) {
[35111] Fix | Delete
return (0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, 'layout') || (0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, '__experimentalLayout');
[35112] Fix | Delete
}
[35113] Fix | Delete
[35114] Fix | Delete
/**
[35115] Fix | Delete
* Generates the utility classnames for the given block's layout attributes.
[35116] Fix | Delete
*
[35117] Fix | Delete
* @param { Object } blockAttributes Block attributes.
[35118] Fix | Delete
* @param { string } blockName Block name.
[35119] Fix | Delete
*
[35120] Fix | Delete
* @return { Array } Array of CSS classname strings.
[35121] Fix | Delete
*/
[35122] Fix | Delete
function useLayoutClasses(blockAttributes = {}, blockName = '') {
[35123] Fix | Delete
const {
[35124] Fix | Delete
layout
[35125] Fix | Delete
} = blockAttributes;
[35126] Fix | Delete
const {
[35127] Fix | Delete
default: defaultBlockLayout
[35128] Fix | Delete
} = (0,external_wp_blocks_namespaceObject.getBlockSupport)(blockName, layoutBlockSupportKey) || {};
[35129] Fix | Delete
const usedLayout = layout?.inherit || layout?.contentSize || layout?.wideSize ? {
[35130] Fix | Delete
...layout,
[35131] Fix | Delete
type: 'constrained'
[35132] Fix | Delete
} : layout || defaultBlockLayout || {};
[35133] Fix | Delete
const layoutClassnames = [];
[35134] Fix | Delete
if (LAYOUT_DEFINITIONS[usedLayout?.type || 'default']?.className) {
[35135] Fix | Delete
const baseClassName = LAYOUT_DEFINITIONS[usedLayout?.type || 'default']?.className;
[35136] Fix | Delete
const splitBlockName = blockName.split('/');
[35137] Fix | Delete
const fullBlockName = splitBlockName[0] === 'core' ? splitBlockName.pop() : splitBlockName.join('-');
[35138] Fix | Delete
const compoundClassName = `wp-block-${fullBlockName}-${baseClassName}`;
[35139] Fix | Delete
layoutClassnames.push(baseClassName, compoundClassName);
[35140] Fix | Delete
}
[35141] Fix | Delete
const hasGlobalPadding = (0,external_wp_data_namespaceObject.useSelect)(select => {
[35142] Fix | Delete
return (usedLayout?.inherit || usedLayout?.contentSize || usedLayout?.type === 'constrained') && select(store).getSettings().__experimentalFeatures?.useRootPaddingAwareAlignments;
[35143] Fix | Delete
}, [usedLayout?.contentSize, usedLayout?.inherit, usedLayout?.type]);
[35144] Fix | Delete
if (hasGlobalPadding) {
[35145] Fix | Delete
layoutClassnames.push('has-global-padding');
[35146] Fix | Delete
}
[35147] Fix | Delete
if (usedLayout?.orientation) {
[35148] Fix | Delete
layoutClassnames.push(`is-${layout_kebabCase(usedLayout.orientation)}`);
[35149] Fix | Delete
}
[35150] Fix | Delete
if (usedLayout?.justifyContent) {
[35151] Fix | Delete
layoutClassnames.push(`is-content-justification-${layout_kebabCase(usedLayout.justifyContent)}`);
[35152] Fix | Delete
}
[35153] Fix | Delete
if (usedLayout?.flexWrap && usedLayout.flexWrap === 'nowrap') {
[35154] Fix | Delete
layoutClassnames.push('is-nowrap');
[35155] Fix | Delete
}
[35156] Fix | Delete
return layoutClassnames;
[35157] Fix | Delete
}
[35158] Fix | Delete
[35159] Fix | Delete
/**
[35160] Fix | Delete
* Generates a CSS rule with the given block's layout styles.
[35161] Fix | Delete
*
[35162] Fix | Delete
* @param { Object } blockAttributes Block attributes.
[35163] Fix | Delete
* @param { string } blockName Block name.
[35164] Fix | Delete
* @param { string } selector A selector to use in generating the CSS rule.
[35165] Fix | Delete
*
[35166] Fix | Delete
* @return { string } CSS rule.
[35167] Fix | Delete
*/
[35168] Fix | Delete
function useLayoutStyles(blockAttributes = {}, blockName, selector) {
[35169] Fix | Delete
const {
[35170] Fix | Delete
layout = {},
[35171] Fix | Delete
style = {}
[35172] Fix | Delete
} = blockAttributes;
[35173] Fix | Delete
// Update type for blocks using legacy layouts.
[35174] Fix | Delete
const usedLayout = layout?.inherit || layout?.contentSize || layout?.wideSize ? {
[35175] Fix | Delete
...layout,
[35176] Fix | Delete
type: 'constrained'
[35177] Fix | Delete
} : layout || {};
[35178] Fix | Delete
const fullLayoutType = getLayoutType(usedLayout?.type || 'default');
[35179] Fix | Delete
const [blockGapSupport] = use_settings_useSettings('spacing.blockGap');
[35180] Fix | Delete
const hasBlockGapSupport = blockGapSupport !== null;
[35181] Fix | Delete
return fullLayoutType?.getLayoutStyle?.({
[35182] Fix | Delete
blockName,
[35183] Fix | Delete
selector,
[35184] Fix | Delete
layout,
[35185] Fix | Delete
style,
[35186] Fix | Delete
hasBlockGapSupport
[35187] Fix | Delete
});
[35188] Fix | Delete
}
[35189] Fix | Delete
function LayoutPanelPure({
[35190] Fix | Delete
layout,
[35191] Fix | Delete
setAttributes,
[35192] Fix | Delete
name: blockName,
[35193] Fix | Delete
clientId
[35194] Fix | Delete
}) {
[35195] Fix | Delete
const settings = useBlockSettings(blockName);
[35196] Fix | Delete
// Block settings come from theme.json under settings.[blockName].
[35197] Fix | Delete
const {
[35198] Fix | Delete
layout: layoutSettings
[35199] Fix | Delete
} = settings;
[35200] Fix | Delete
const {
[35201] Fix | Delete
themeSupportsLayout
[35202] Fix | Delete
} = (0,external_wp_data_namespaceObject.useSelect)(select => {
[35203] Fix | Delete
const {
[35204] Fix | Delete
getSettings
[35205] Fix | Delete
} = select(store);
[35206] Fix | Delete
return {
[35207] Fix | Delete
themeSupportsLayout: getSettings().supportsLayout
[35208] Fix | Delete
};
[35209] Fix | Delete
}, []);
[35210] Fix | Delete
const blockEditingMode = useBlockEditingMode();
[35211] Fix | Delete
if (blockEditingMode !== 'default') {
[35212] Fix | Delete
return null;
[35213] Fix | Delete
}
[35214] Fix | Delete
[35215] Fix | Delete
// Layout block support comes from the block's block.json.
[35216] Fix | Delete
const layoutBlockSupport = (0,external_wp_blocks_namespaceObject.getBlockSupport)(blockName, layoutBlockSupportKey, {});
[35217] Fix | Delete
const blockSupportAndThemeSettings = {
[35218] Fix | Delete
...layoutSettings,
[35219] Fix | Delete
...layoutBlockSupport
[35220] Fix | Delete
};
[35221] Fix | Delete
const {
[35222] Fix | Delete
allowSwitching,
[35223] Fix | Delete
allowEditing = true,
[35224] Fix | Delete
allowInheriting = true,
[35225] Fix | Delete
default: defaultBlockLayout
[35226] Fix | Delete
} = blockSupportAndThemeSettings;
[35227] Fix | Delete
if (!allowEditing) {
[35228] Fix | Delete
return null;
[35229] Fix | Delete
}
[35230] Fix | Delete
[35231] Fix | Delete
/*
[35232] Fix | Delete
* Try to find the layout type from either the
[35233] Fix | Delete
* block's layout settings or any saved layout config.
[35234] Fix | Delete
*/
[35235] Fix | Delete
const blockSupportAndLayout = {
[35236] Fix | Delete
...layoutBlockSupport,
[35237] Fix | Delete
...layout
[35238] Fix | Delete
};
[35239] Fix | Delete
const {
[35240] Fix | Delete
type,
[35241] Fix | Delete
default: {
[35242] Fix | Delete
type: defaultType = 'default'
[35243] Fix | Delete
} = {}
[35244] Fix | Delete
} = blockSupportAndLayout;
[35245] Fix | Delete
const blockLayoutType = type || defaultType;
[35246] Fix | Delete
[35247] Fix | Delete
// Only show the inherit toggle if it's supported,
[35248] Fix | Delete
// and either the default / flow or the constrained layout type is in use, as the toggle switches from one to the other.
[35249] Fix | Delete
const showInheritToggle = !!(allowInheriting && (!blockLayoutType || blockLayoutType === 'default' || blockLayoutType === 'constrained' || blockSupportAndLayout.inherit));
[35250] Fix | Delete
const usedLayout = layout || defaultBlockLayout || {};
[35251] Fix | Delete
const {
[35252] Fix | Delete
inherit = false,
[35253] Fix | Delete
contentSize = null
[35254] Fix | Delete
} = usedLayout;
[35255] Fix | Delete
/**
[35256] Fix | Delete
* `themeSupportsLayout` is only relevant to the `default/flow` or
[35257] Fix | Delete
* `constrained` layouts and it should not be taken into account when other
[35258] Fix | Delete
* `layout` types are used.
[35259] Fix | Delete
*/
[35260] Fix | Delete
if ((blockLayoutType === 'default' || blockLayoutType === 'constrained') && !themeSupportsLayout) {
[35261] Fix | Delete
return null;
[35262] Fix | Delete
}
[35263] Fix | Delete
const layoutType = getLayoutType(blockLayoutType);
[35264] Fix | Delete
const constrainedType = getLayoutType('constrained');
[35265] Fix | Delete
const displayControlsForLegacyLayouts = !usedLayout.type && (contentSize || inherit);
[35266] Fix | Delete
const hasContentSizeOrLegacySettings = !!inherit || !!contentSize;
[35267] Fix | Delete
const onChangeType = newType => setAttributes({
[35268] Fix | Delete
layout: {
[35269] Fix | Delete
type: newType
[35270] Fix | Delete
}
[35271] Fix | Delete
});
[35272] Fix | Delete
const onChangeLayout = newLayout => setAttributes({
[35273] Fix | Delete
layout: newLayout
[35274] Fix | Delete
});
[35275] Fix | Delete
return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
[35276] Fix | Delete
children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(inspector_controls, {
[35277] Fix | Delete
children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
[35278] Fix | Delete
title: (0,external_wp_i18n_namespaceObject.__)('Layout'),
[35279] Fix | Delete
children: [showInheritToggle && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_ReactJSXRuntime_namespaceObject.Fragment, {
[35280] Fix | Delete
children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
[35281] Fix | Delete
__nextHasNoMarginBottom: true,
[35282] Fix | Delete
className: "block-editor-hooks__toggle-control",
[35283] Fix | Delete
label: (0,external_wp_i18n_namespaceObject.__)('Inner blocks use content width'),
[35284] Fix | Delete
checked: layoutType?.name === 'constrained' || hasContentSizeOrLegacySettings,
[35285] Fix | Delete
onChange: () => setAttributes({
[35286] Fix | Delete
layout: {
[35287] Fix | Delete
type: layoutType?.name === 'constrained' || hasContentSizeOrLegacySettings ? 'default' : 'constrained'
[35288] Fix | Delete
}
[35289] Fix | Delete
}),
[35290] Fix | Delete
help: layoutType?.name === 'constrained' || hasContentSizeOrLegacySettings ? (0,external_wp_i18n_namespaceObject.__)('Nested blocks use content width with options for full and wide widths.') : (0,external_wp_i18n_namespaceObject.__)('Nested blocks will fill the width of this container. Toggle to constrain.')
[35291] Fix | Delete
})
[35292] Fix | Delete
}), !inherit && allowSwitching && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(LayoutTypeSwitcher, {
[35293] Fix | Delete
type: blockLayoutType,
[35294] Fix | Delete
onChange: onChangeType
[35295] Fix | Delete
}), layoutType && layoutType.name !== 'default' && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(layoutType.inspectorControls, {
[35296] Fix | Delete
layout: usedLayout,
[35297] Fix | Delete
onChange: onChangeLayout,
[35298] Fix | Delete
layoutBlockSupport: blockSupportAndThemeSettings,
[35299] Fix | Delete
name: blockName,
[35300] Fix | Delete
clientId: clientId
[35301] Fix | Delete
}), constrainedType && displayControlsForLegacyLayouts && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(constrainedType.inspectorControls, {
[35302] Fix | Delete
layout: usedLayout,
[35303] Fix | Delete
onChange: onChangeLayout,
[35304] Fix | Delete
layoutBlockSupport: blockSupportAndThemeSettings,
[35305] Fix | Delete
name: blockName,
[35306] Fix | Delete
clientId: clientId
[35307] Fix | Delete
})]
[35308] Fix | Delete
})
[35309] Fix | Delete
}), !inherit && layoutType && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(layoutType.toolBarControls, {
[35310] Fix | Delete
layout: usedLayout,
[35311] Fix | Delete
onChange: onChangeLayout,
[35312] Fix | Delete
layoutBlockSupport: layoutBlockSupport,
[35313] Fix | Delete
name: blockName,
[35314] Fix | Delete
clientId: clientId
[35315] Fix | Delete
})]
[35316] Fix | Delete
});
[35317] Fix | Delete
}
[35318] Fix | Delete
/* harmony default export */ const layout = ({
[35319] Fix | Delete
shareWithChildBlocks: true,
[35320] Fix | Delete
edit: LayoutPanelPure,
[35321] Fix | Delete
attributeKeys: ['layout'],
[35322] Fix | Delete
hasSupport(name) {
[35323] Fix | Delete
return hasLayoutBlockSupport(name);
[35324] Fix | Delete
}
[35325] Fix | Delete
});
[35326] Fix | Delete
function LayoutTypeSwitcher({
[35327] Fix | Delete
type,
[35328] Fix | Delete
onChange
[35329] Fix | Delete
}) {
[35330] Fix | Delete
return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ButtonGroup, {
[35331] Fix | Delete
children: getLayoutTypes().map(({
[35332] Fix | Delete
name,
[35333] Fix | Delete
label
[35334] Fix | Delete
}) => {
[35335] Fix | Delete
return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
[35336] Fix | Delete
isPressed: type === name,
[35337] Fix | Delete
onClick: () => onChange(name),
[35338] Fix | Delete
children: label
[35339] Fix | Delete
}, name);
[35340] Fix | Delete
})
[35341] Fix | Delete
});
[35342] Fix | Delete
}
[35343] Fix | Delete
[35344] Fix | Delete
/**
[35345] Fix | Delete
* Filters registered block settings, extending attributes to include `layout`.
[35346] Fix | Delete
*
[35347] Fix | Delete
* @param {Object} settings Original block settings.
[35348] Fix | Delete
*
[35349] Fix | Delete
* @return {Object} Filtered block settings.
[35350] Fix | Delete
*/
[35351] Fix | Delete
function layout_addAttribute(settings) {
[35352] Fix | Delete
var _settings$attributes$;
[35353] Fix | Delete
if ('type' in ((_settings$attributes$ = settings.attributes?.layout) !== null && _settings$attributes$ !== void 0 ? _settings$attributes$ : {})) {
[35354] Fix | Delete
return settings;
[35355] Fix | Delete
}
[35356] Fix | Delete
if (hasLayoutBlockSupport(settings)) {
[35357] Fix | Delete
settings.attributes = {
[35358] Fix | Delete
...settings.attributes,
[35359] Fix | Delete
layout: {
[35360] Fix | Delete
type: 'object'
[35361] Fix | Delete
}
[35362] Fix | Delete
};
[35363] Fix | Delete
}
[35364] Fix | Delete
return settings;
[35365] Fix | Delete
}
[35366] Fix | Delete
function BlockWithLayoutStyles({
[35367] Fix | Delete
block: BlockListBlock,
[35368] Fix | Delete
props,
[35369] Fix | Delete
blockGapSupport,
[35370] Fix | Delete
layoutClasses
[35371] Fix | Delete
}) {
[35372] Fix | Delete
const {
[35373] Fix | Delete
name,
[35374] Fix | Delete
attributes
[35375] Fix | Delete
} = props;
[35376] Fix | Delete
const id = (0,external_wp_compose_namespaceObject.useInstanceId)(BlockListBlock);
[35377] Fix | Delete
const {
[35378] Fix | Delete
layout
[35379] Fix | Delete
} = attributes;
[35380] Fix | Delete
const {
[35381] Fix | Delete
default: defaultBlockLayout
[35382] Fix | Delete
} = (0,external_wp_blocks_namespaceObject.getBlockSupport)(name, layoutBlockSupportKey) || {};
[35383] Fix | Delete
const usedLayout = layout?.inherit || layout?.contentSize || layout?.wideSize ? {
[35384] Fix | Delete
...layout,
[35385] Fix | Delete
type: 'constrained'
[35386] Fix | Delete
} : layout || defaultBlockLayout || {};
[35387] Fix | Delete
const selectorPrefix = `wp-container-${layout_kebabCase(name)}-is-layout-`;
[35388] Fix | Delete
// Higher specificity to override defaults from theme.json.
[35389] Fix | Delete
const selector = `.${selectorPrefix}${id}`;
[35390] Fix | Delete
const hasBlockGapSupport = blockGapSupport !== null;
[35391] Fix | Delete
[35392] Fix | Delete
// Get CSS string for the current layout type.
[35393] Fix | Delete
// The CSS and `style` element is only output if it is not empty.
[35394] Fix | Delete
const fullLayoutType = getLayoutType(usedLayout?.type || 'default');
[35395] Fix | Delete
const css = fullLayoutType?.getLayoutStyle?.({
[35396] Fix | Delete
blockName: name,
[35397] Fix | Delete
selector,
[35398] Fix | Delete
layout: usedLayout,
[35399] Fix | Delete
style: attributes?.style,
[35400] Fix | Delete
hasBlockGapSupport
[35401] Fix | Delete
});
[35402] Fix | Delete
[35403] Fix | Delete
// Attach a `wp-container-` id-based class name as well as a layout class name such as `is-layout-flex`.
[35404] Fix | Delete
const layoutClassNames = dist_clsx({
[35405] Fix | Delete
[`${selectorPrefix}${id}`]: !!css // Only attach a container class if there is generated CSS to be attached.
[35406] Fix | Delete
}, layoutClasses);
[35407] Fix | Delete
useStyleOverride({
[35408] Fix | Delete
css
[35409] Fix | Delete
});
[35410] Fix | Delete
return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(BlockListBlock, {
[35411] Fix | Delete
...props,
[35412] Fix | Delete
__unstableLayoutClassNames: layoutClassNames
[35413] Fix | Delete
});
[35414] Fix | Delete
}
[35415] Fix | Delete
[35416] Fix | Delete
/**
[35417] Fix | Delete
* Override the default block element to add the layout styles.
[35418] Fix | Delete
*
[35419] Fix | Delete
* @param {Function} BlockListBlock Original component.
[35420] Fix | Delete
*
[35421] Fix | Delete
* @return {Function} Wrapped component.
[35422] Fix | Delete
*/
[35423] Fix | Delete
const withLayoutStyles = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(BlockListBlock => props => {
[35424] Fix | Delete
const {
[35425] Fix | Delete
clientId,
[35426] Fix | Delete
name,
[35427] Fix | Delete
attributes
[35428] Fix | Delete
} = props;
[35429] Fix | Delete
const blockSupportsLayout = hasLayoutBlockSupport(name);
[35430] Fix | Delete
const layoutClasses = useLayoutClasses(attributes, name);
[35431] Fix | Delete
const extraProps = (0,external_wp_data_namespaceObject.useSelect)(select => {
[35432] Fix | Delete
// The callback returns early to avoid block editor subscription.
[35433] Fix | Delete
if (!blockSupportsLayout) {
[35434] Fix | Delete
return;
[35435] Fix | Delete
}
[35436] Fix | Delete
const {
[35437] Fix | Delete
getSettings,
[35438] Fix | Delete
getBlockSettings
[35439] Fix | Delete
} = unlock(select(store));
[35440] Fix | Delete
const {
[35441] Fix | Delete
disableLayoutStyles
[35442] Fix | Delete
} = getSettings();
[35443] Fix | Delete
if (disableLayoutStyles) {
[35444] Fix | Delete
return;
[35445] Fix | Delete
}
[35446] Fix | Delete
const [blockGapSupport] = getBlockSettings(clientId, 'spacing.blockGap');
[35447] Fix | Delete
return {
[35448] Fix | Delete
blockGapSupport
[35449] Fix | Delete
};
[35450] Fix | Delete
}, [blockSupportsLayout, clientId]);
[35451] Fix | Delete
if (!extraProps) {
[35452] Fix | Delete
return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(BlockListBlock, {
[35453] Fix | Delete
...props,
[35454] Fix | Delete
__unstableLayoutClassNames: blockSupportsLayout ? layoutClasses : undefined
[35455] Fix | Delete
});
[35456] Fix | Delete
}
[35457] Fix | Delete
return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(BlockWithLayoutStyles, {
[35458] Fix | Delete
block: BlockListBlock,
[35459] Fix | Delete
props: props,
[35460] Fix | Delete
layoutClasses: layoutClasses,
[35461] Fix | Delete
...extraProps
[35462] Fix | Delete
});
[35463] Fix | Delete
}, 'withLayoutStyles');
[35464] Fix | Delete
(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/layout/addAttribute', layout_addAttribute);
[35465] Fix | Delete
(0,external_wp_hooks_namespaceObject.addFilter)('editor.BlockListBlock', 'core/editor/layout/with-layout-styles', withLayoutStyles);
[35466] Fix | Delete
[35467] Fix | Delete
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/grid-visualizer/grid-item-resizer.js
[35468] Fix | Delete
/**
[35469] Fix | Delete
* WordPress dependencies
[35470] Fix | Delete
*/
[35471] Fix | Delete
[35472] Fix | Delete
[35473] Fix | Delete
[35474] Fix | Delete
/**
[35475] Fix | Delete
* Internal dependencies
[35476] Fix | Delete
*/
[35477] Fix | Delete
[35478] Fix | Delete
[35479] Fix | Delete
[35480] Fix | Delete
[35481] Fix | Delete
function GridItemResizer({
[35482] Fix | Delete
clientId,
[35483] Fix | Delete
bounds,
[35484] Fix | Delete
onChange
[35485] Fix | Delete
}) {
[35486] Fix | Delete
const blockElement = useBlockElement(clientId);
[35487] Fix | Delete
const rootBlockElement = blockElement?.parentElement;
[35488] Fix | Delete
if (!blockElement || !rootBlockElement) {
[35489] Fix | Delete
return null;
[35490] Fix | Delete
}
[35491] Fix | Delete
return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(GridItemResizerInner, {
[35492] Fix | Delete
clientId: clientId,
[35493] Fix | Delete
bounds: bounds,
[35494] Fix | Delete
blockElement: blockElement,
[35495] Fix | Delete
rootBlockElement: rootBlockElement,
[35496] Fix | Delete
onChange: onChange
[35497] Fix | Delete
});
[35498] Fix | Delete
}
[35499] Fix | Delete
It is recommended that you Edit text format, this type of Fix handles quite a lot in one request
Function