Changeset 12025

Timestamp:

08/19/2022 07:35:59 PM (2 years ago)

Author:

ryelle

Message:

Pattern Directory: Sync with git WordPress/pattern-directory@4d558c36f05355aa63e6e72a8af604cf6887f9e8

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/includes/inline-styles.php (modified) (3 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/includes/inline-styles.php

@@ -179 +179 @@
     }
 
+    $colors          = $block['attrs']['style']['color']['duotone'];
+    $filter_key      = is_array( $colors ) ? implode( '-', $colors ) : $colors;
     $filter_preset   = array(
-        'slug'   => wp_unique_id( sanitize_key( implode( '-', $block['attrs']['style']['color']['duotone'] ) . '-' ) ),
-        'colors' => $block['attrs']['style']['color']['duotone'],
+        'slug'   => wp_unique_id( sanitize_key( $filter_key . '-' ) ),
+        'colors' => $colors,
     );
     $filter_property = wp_get_duotone_filter_property( $filter_preset );
     $filter_id       = wp_get_duotone_filter_id( $filter_preset );
-    $filter_svg      = wp_get_duotone_filter_svg( $filter_preset );
 
     $scope     = '.' . $filter_id;
@@ -201 +202 @@
         : $selector . '{filter:' . $filter_property . ' !important;}';
 
-    // Like the layout hook, this assumes the hook only applies to blocks with a single wrapper.
+    wp_register_style( $filter_id, false, array(), true, true );
+    wp_add_inline_style( $filter_id, $filter_style );
+    wp_enqueue_style( $filter_id );
+
     $content = preg_replace(
         '/' . preg_quote( 'class="', '/' ) . '/',
@@ -209 +213 @@
     );
 
+    $filter_svg = '';
+    if ( 'unset' !== $colors ) {
+        $filter_svg = wp_get_duotone_filter_svg( $filter_preset );
+    }
+
     // Output the style first, to fix the Safari bug.
-    // See https://github.com/WordPress/gutenberg/blob/a9b29acd0a058644ef28523c00fbe633272d6c0c/lib/block-supports/duotone.php#L467.
+    // See https://github.com/WordPress/gutenberg/blob/330f1f4a19603529130dbd831be824c07d50d8e8/lib/block-supports/duotone.php#L431.
     return '<style>' . $filter_style . '</style>' . $filter_svg . $content;
 }