create array/object for four-range values

Author: kaeizen

src/global-settings.php

@@ -950,6 +950,18 @@ public static function generate_global_block_layouts( $option_name, $settings_na
 						}
 					} else if ( is_array( $value ) ) {
 						$default_value = Stackable_Global_Settings::get_block_layout_defaults( $defaults, $property, $device );
+
+						// In case the default value is a number (same value for all sides)
+						if ( ! is_array( $default_value ) ) {
+							$_default_value = $default_value;
+							$default_value = array(
+								"top" => $_default_value,
+								"right" => $_default_value,
+								"bottom" => $_default_value,
+								"left" => $_default_value
+							);
+						}
+
 						$top = isset( $value[ 'top' ] ) ? $value[ 'top' ] : $default_value[ 'top' ];
 						$right = isset( $value[ 'right' ] ) ? $value[ 'right' ] : $default_value[ 'right' ];
 						$bottom = isset( $value[ 'bottom' ] ) ? $value[ 'bottom' ] : $default_value[ 'bottom' ];

src/plugins/global-settings/utils/use-block-layout-editor-loader.js

@@ -54,7 +54,19 @@ const renderGlobalStyles = (
 		if ( typeof value === 'string' ) {
 			style = `${ property }: ${ value };`
 		} else if ( typeof value === 'object' ) {
-			const defaultValue = getDefault( blockLayoutDefaults, _property, device )
+			let defaultValue = getDefault( blockLayoutDefaults, _property, device )
+
+			// In case the default value is a number (same value for all sides)
+			if ( typeof defaultValue !== 'object' ) {
+				const _defaultValue = defaultValue
+				defaultValue = {
+					top: _defaultValue,
+					right: _defaultValue,
+					bottom: _defaultValue,
+					left: _defaultValue,
+				}
+			}
+
 			const top = value.top !== undefined ? value.top : defaultValue.top
 			const right = value.right !== undefined ? value.right : defaultValue.right
 			const bottom = value.bottom !== undefined ? value.bottom : defaultValue.bottom