$args['unitDefaultValue'], $args['attributeObjectKey'] . 'UnitTablet' => '', $args['attributeObjectKey'] . 'UnitMobile' => '', ] : []; if ( $args['isResponsive'] ) { return array_merge([ $args['attributeObjectKey'] => $args['defaultValue'], $args['attributeObjectKey'] . 'Tablet' => $args['defaultValueTablet'], $args['attributeObjectKey'] . 'Mobile' => $args['defaultValueMobile'] ], $unitObject); } elseif ( ! $args['isResponsive'] && $args['hasUnit'] ) { return array_merge([ $args['attributeObjectKey'] => $args['defaultValue'], $args['attributeObjectKey'] . 'Unit' => $args['unitDefaultValue'] ], $unitObject); } return $args['defaultValue']; } public static function get_attribute( $args ) { $defaults = [ 'attributeName' => '', 'isResponsive' => false, 'defaultValue' => '', 'defaultValueTablet' => '', 'defaultValueMobile' => '', 'hasUnit' => false, 'unitDefaultValue' => 'px', 'attributeObjectKey' => 'value', ]; $args = wp_parse_args( $args, $defaults ); if ( $args['isResponsive'] ) { return [ $args['attributeName'] => [ 'type' => 'object', 'default' => self::get_attribute_default_value( $args ) ] ]; } elseif ( ! $args['isResponsive'] && $args['hasUnit'] ) { return [ $args['attributeName'] => [ 'type' => 'object', 'default' => self::get_attribute_default_value( $args ) ] ]; } return [ $args['attributeName'] => [ 'type' => 'number', 'default' => $args['defaultValue'] ] ]; } public static function get_css( $args ) { if ( ! isset( $args['property'] ) || empty( $args['property'] ) ) { return []; } // Set default values for missing arguments $args = wp_parse_args( $args, [ 'attributeValue' => '', 'isResponsive' => false, 'defaultValue' => '', 'defaultValueTablet' => '', 'defaultValueMobile' => '', 'hasUnit' => false, 'unitDefaultValue' => 'px', 'attributeObjectKey' => 'value', 'device' => '', ]); $value = $args['attributeValue']; $css = []; // ✅ Basic non-responsive + non-unit handling if ( ! $args['isResponsive'] && ! $args['hasUnit'] ) { if ( $args['property'] === 'value' ) { $css['value'] = $value; $css['valueUnit'] = $args['unitDefaultValue']; } elseif ( '' !== (string) $value ) { // Skip when there's no value — otherwise we emit the unit alone // (e.g. "transition-duration:s"), invalid CSS that bloats every // block's generated stylesheet. $css[ $args['property'] ] = $value . $args['unitDefaultValue']; } return $css; } // ✅ Get values per device $desktop_key = $args['attributeObjectKey']; $tablet_key = $args['attributeObjectKey'] . 'Tablet'; $mobile_key = $args['attributeObjectKey'] . 'Mobile'; $desktop_val = ! empty( $value[ $desktop_key ] ) ? $value[ $desktop_key ] : ''; $tablet_val = ! empty( $value[ $tablet_key ] ) ? $value[ $tablet_key ] : ''; $mobile_val = ! empty( $value[ $mobile_key ] ) ? $value[ $mobile_key ] : ''; $device_value = ''; switch ( $args['device'] ) { case 'Mobile': if ( $mobile_val !== '' ) { $device_value = $mobile_val; } elseif ( $args['defaultValueMobile'] !== '' ) { $device_value = $args['defaultValueMobile']; } elseif ( $tablet_val !== '' ) { $device_value = $tablet_val; } elseif ( $args['defaultValueTablet'] !== '' ) { $device_value = $args['defaultValueTablet']; } elseif ( $desktop_val !== '' ) { $device_value = $desktop_val; } else { $device_value = $args['defaultValue']; } break; case 'Tablet': if ( $tablet_val !== '' ) { $device_value = $tablet_val; } elseif ( $args['defaultValueTablet'] !== '' ) { $device_value = $args['defaultValueTablet']; } elseif ( $desktop_val !== '' ) { $device_value = $desktop_val; } else { $device_value = $args['defaultValue']; } break; default: // Desktop if ( $desktop_val !== '' ) { $device_value = $desktop_val; } else { $device_value = $args['defaultValue']; } break; }//end switch // ✅ If value exists, apply unit and return if ( $device_value !== '' ) { $unit = self::get_unit( [ 'attributeValue' => $value, 'attributeObjectKey' => $args['attributeObjectKey'], 'unitDefaultValue' => $args['unitDefaultValue'], 'device' => $args['device'], ] ); if ( $args['property'] === 'value' ) { $css['value'] = $device_value; $css['valueUnit'] = $unit; } else { $css[ $args['property'] ] = $device_value . $unit; } } return $css; } public static function get_unit( $args ) { $defaultUnit = $args['unitDefaultValue']; $value = $args['attributeValue']; $device = $args['device']; $keyPrefix = $args['attributeObjectKey'] . 'Unit'; // Retrieve units with fallback to default $unitDesktop = Helper::get_array_value( $value, $keyPrefix, $defaultUnit ); // Desktop $unitTablet = Helper::get_array_value( $value, $keyPrefix . 'Tablet', $unitDesktop ); // Tablet inherits from Desktop $unitMobile = Helper::get_array_value( $value, $keyPrefix . 'Mobile', $unitTablet ); // Mobile inherits from Tablet // Return the appropriate unit based on the device if ( '' === $device ) { return $unitDesktop; // Desktop } if ( 'Tablet' === $device ) { return $unitTablet; // Tablet } if ( 'Mobile' === $device ) { return $unitMobile; // Mobile } return $defaultUnit; // Default fallback } }