![(please configure the [header_logo] section in trac.ini)](/chrome/site/your_project_logo.png){kind=logo}
Changeset 62671 for trunk/src/wp-includes/class-wp-theme-json.php
- Timestamp:
- 07/09/2026 01:46:32 AM (8 weeks ago)
- File:
-
- 1 edited
-
trunk/src/wp-includes/class-wp-theme-json.php (modified) (28 diffs)
Legend:
- Unmodified
- Added
- Removed
-
trunk/src/wp-includes/class-wp-theme-json.php
r62650 r62671 413 413 * Added support for `dimensions.width` and `dimensions.height`. 414 414 * Added support for `typography.textIndent`. 415 * @since 7.1.0 Added `viewport` property. 415 416 * @var array 416 417 */ … … 502 503 'writingMode' => null, 503 504 ), 505 'viewport' => array( 506 'mobile' => null, 507 'tablet' => null, 508 ), 504 509 ); 505 510 … … 669 674 670 675 /** 671 * Responsive breakpoint state keys and their corresponding CSS media queries. 672 * These are available for all blocks and wrap their styles in the given media query. 673 * Keep in sync with RESPONSIVE_BREAKPOINTS in packages/global-styles-engine/src/core/render.tsx. 676 * Default viewport breakpoint sizes. 674 677 * 675 678 * @since 7.1.0 676 679 * @var array 677 680 */ 678 const RESPONSIVE_BREAKPOINTS = array(679 ' @mobile' => '@media (width <= 480px)',680 ' @tablet' => '@media (480px < width <= 782px)',681 const DEFAULT_VIEWPORT_BREAKPOINTS = array( 682 'mobile' => '480px', 683 'tablet' => '782px', 681 684 ); 685 686 /** 687 * Returns CSS media queries for responsive viewport style states. 688 * 689 * Breakpoint values are read from `settings.viewport`, sanitized, and 690 * normalized before the media query strings are generated. By default, the 691 * returned keys are the theme.json style-state names (`@mobile`, `@tablet`). 692 * When `$options['include_desktop']` is truthy, `@desktop` is included. 693 * 694 * @since 7.1.0 695 * 696 * @param mixed $viewport_settings Viewport settings from theme.json. 697 * @param array $options { 698 * Optional. Options for generating media queries. 699 * 700 * @type bool $include_desktop Whether to include the desktop media query. Default false. 701 * } 702 * @return array Responsive media queries. 703 */ 704 public static function get_viewport_media_queries( $viewport_settings = null, $options = array() ) { 705 $breakpoints = static::sanitize_viewport_settings( $viewport_settings ); 706 707 $responsive_media_queries = array(); 708 709 if ( isset( $breakpoints['mobile'] ) ) { 710 $responsive_media_queries['@mobile'] = "@media (width <= {$breakpoints['mobile']})"; 711 } 712 713 if ( isset( $breakpoints['tablet'] ) ) { 714 $responsive_media_queries['@tablet'] = isset( $breakpoints['mobile'] ) 715 ? sprintf( 716 '@media (%s < width <= %s)', 717 $breakpoints['mobile'], 718 $breakpoints['tablet'] 719 ) 720 : "@media (width <= {$breakpoints['tablet']})"; 721 } 722 723 if ( ! empty( $options['include_desktop'] ) ) { 724 if ( isset( $breakpoints['tablet'] ) ) { 725 $desktop_breakpoint = $breakpoints['tablet']; 726 } else { 727 $desktop_breakpoint = $breakpoints['mobile']; 728 } 729 730 $responsive_media_queries['@desktop'] = 731 "@media (width > {$desktop_breakpoint})"; 732 } 733 734 return $responsive_media_queries; 735 } 736 737 /** 738 * Checks whether a viewport breakpoint value is a safe CSS length. 739 * 740 * Viewport breakpoints are limited to numeric `px`, `em`, and `rem` lengths. 741 * CSS functions, percentages, and other units are rejected because breakpoint 742 * values are interpolated into generated media queries. 743 * 744 * @since 7.1.0 745 * 746 * @param mixed $value Value to check. 747 * @return bool Whether the value is valid. 748 */ 749 private static function is_valid_viewport_breakpoint_size( $value ) { 750 if ( ! is_string( $value ) ) { 751 return false; 752 } 753 754 $value = trim( $value ); 755 if ( '' === $value ) { 756 return false; 757 } 758 759 return 1 === preg_match( '/^(?:\d+|\d*\.\d+)(?:px|em|rem)$/', $value ); 760 } 761 762 /** 763 * Converts a valid viewport breakpoint size to pixels for ordering checks. 764 * 765 * Generated media queries keep the original units. This method only 766 * normalizes values so `mobile` and `tablet` can be compared safely. `em` 767 * and `rem` lengths use a 16px base for comparison. 768 * 769 * @since 7.1.0 770 * 771 * @param mixed $value Viewport breakpoint size. 772 * @return float|null Viewport breakpoint size in pixels, or null when invalid. 773 */ 774 private static function get_viewport_breakpoint_value_in_pixels( $value ) { 775 if ( ! static::is_valid_viewport_breakpoint_size( $value ) ) { 776 return null; 777 } 778 779 $value = trim( $value ); 780 $unit = substr( $value, -3 ); 781 if ( 'rem' === $unit ) { 782 $number = (float) substr( $value, 0, -3 ); 783 } else { 784 $unit = substr( $value, -2 ); 785 $number = (float) substr( $value, 0, -2 ); 786 } 787 788 /* 789 * Use the most common browser default font size as the base for em/rem 790 * media query conversions. This pixel value is only used to compare 791 * breakpoint order; generated media queries keep the original units. 792 */ 793 return 'px' === $unit ? $number : $number * 16; 794 } 795 796 /** 797 * Sanitizes and normalizes viewport breakpoint settings. 798 * 799 * Keeps only supported breakpoint keys, trims valid CSS lengths, and returns 800 * the default breakpoints when no valid custom breakpoint is provided. When 801 * only one breakpoint is valid, it remains keyed by its configured state and 802 * uses a single max-width media query. When `tablet` is not larger than 803 * `mobile`, it is removed. 804 * 805 * @since 7.1.0 806 * 807 * @param mixed $viewport_settings Viewport settings from theme.json. 808 * @return array Sanitized viewport breakpoint settings. 809 */ 810 private static function sanitize_viewport_settings( $viewport_settings ) { 811 if ( ! is_array( $viewport_settings ) ) { 812 return static::DEFAULT_VIEWPORT_BREAKPOINTS; 813 } 814 815 $breakpoints = array(); 816 foreach ( array_keys( static::DEFAULT_VIEWPORT_BREAKPOINTS ) as $breakpoint ) { 817 $value = $viewport_settings[ $breakpoint ] ?? null; 818 $px = static::get_viewport_breakpoint_value_in_pixels( $value ); 819 if ( null !== $px ) { 820 $breakpoints[ $breakpoint ] = array( 821 'value' => trim( $value ), 822 'px' => $px, 823 ); 824 } 825 } 826 827 if ( empty( $breakpoints ) ) { 828 return static::DEFAULT_VIEWPORT_BREAKPOINTS; 829 } 830 831 if ( 1 === count( $breakpoints ) ) { 832 $breakpoint = key( $breakpoints ); 833 return array( $breakpoint => $breakpoints[ $breakpoint ]['value'] ); 834 } 835 836 $sanitized = array( 'mobile' => $breakpoints['mobile']['value'] ); 837 838 if ( isset( $breakpoints['tablet'] ) && $breakpoints['mobile']['px'] < $breakpoints['tablet']['px'] ) { 839 $sanitized['tablet'] = $breakpoints['tablet']['value']; 840 } 841 842 return $sanitized; 843 } 682 844 683 845 /** … … 1119 1281 1120 1282 // Build the schema based on valid block & element names. 1121 $schema = array(); 1122 $schema_styles_elements = array(); 1283 $schema = array(); 1284 $schema_styles_elements = array(); 1285 $responsive_media_queries = static::get_viewport_media_queries( $input['settings']['viewport'] ?? null ); 1123 1286 1124 1287 /* … … 1140 1303 1141 1304 // Add responsive breakpoint states for elements. 1142 foreach ( array_keys( static::RESPONSIVE_BREAKPOINTS) as $breakpoint_state ) {1305 foreach ( array_keys( $responsive_media_queries ) as $breakpoint_state ) { 1143 1306 $schema_styles_elements[ $element ][ $breakpoint_state ] = $styles_non_top_level; 1144 1307 } … … 1159 1322 */ 1160 1323 foreach ( $valid_block_names as $block ) { 1161 $schema_settings_blocks[ $block ] = static::VALID_SETTINGS; 1324 $schema_settings_blocks[ $block ] = static::VALID_SETTINGS; 1325 unset( $schema_settings_blocks[ $block ]['viewport'] ); 1162 1326 $schema_styles_blocks[ $block ] = $styles_non_top_level; 1163 1327 $schema_styles_blocks[ $block ]['elements'] = $schema_styles_elements; 1164 1328 1165 1329 // Add responsive breakpoint states for all blocks. 1166 foreach ( array_keys( static::RESPONSIVE_BREAKPOINTS) as $breakpoint_state ) {1330 foreach ( array_keys( $responsive_media_queries ) as $breakpoint_state ) { 1167 1331 $schema_styles_blocks[ $block ][ $breakpoint_state ] = $styles_non_top_level; 1168 1332 $schema_styles_blocks[ $block ][ $breakpoint_state ]['elements'] = $schema_styles_elements; … … 1224 1388 1225 1389 // Add responsive breakpoint states to block style variations. 1226 foreach ( array_keys( static::RESPONSIVE_BREAKPOINTS) as $breakpoint_state ) {1390 foreach ( array_keys( $responsive_media_queries ) as $breakpoint_state ) { 1227 1391 $variation_schema[ $breakpoint_state ] = $styles_non_top_level; 1228 1392 $variation_schema[ $breakpoint_state ]['elements'] = $schema_styles_elements; … … 1269 1433 1270 1434 $result = static::remove_keys_not_in_schema( $input[ $subtree ], $schema[ $subtree ] ); 1435 1436 if ( 'settings' === $subtree && array_key_exists( 'viewport', $input[ $subtree ] ) ) { 1437 $result['viewport'] = static::sanitize_viewport_settings( $input[ $subtree ]['viewport'] ); 1438 } 1271 1439 1272 1440 if ( empty( $result ) ) { … … 3163 3331 } 3164 3332 3165 $include_variations = $options['include_block_style_variations'] ?? false; 3166 $include_node_paths_only = $options['include_node_paths_only'] ?? false; 3333 $include_variations = $options['include_block_style_variations'] ?? false; 3334 $include_node_paths_only = $options['include_node_paths_only'] ?? false; 3335 $responsive_media_queries = static::get_viewport_media_queries( $theme_json['settings']['viewport'] ?? null ); 3167 3336 3168 3337 // If only node paths are to be returned, skip selector assignment. … … 3231 3400 // These are rendered immediately after the base block node so that 3232 3401 // the cascade order is: .block{} → @media{.block{}} 3233 foreach ( array_keys( static::RESPONSIVE_BREAKPOINTS) as $breakpoint ) {3402 foreach ( array_keys( $responsive_media_queries ) as $breakpoint ) { 3234 3403 if ( isset( $theme_json['styles']['blocks'][ $name ][ $breakpoint ] ) ) { 3235 3404 $nodes[] = array( 3236 3405 'name' => $name, 3237 3406 'path' => array( 'styles', 'blocks', $name, $breakpoint ), 3238 'media_query' => static::RESPONSIVE_BREAKPOINTS[ $breakpoint ],3407 'media_query' => $responsive_media_queries[ $breakpoint ], 3239 3408 'selector' => $selector, 3240 3409 'selectors' => $feature_selectors, … … 3251 3420 $has_pseudo = isset( $theme_json['styles']['blocks'][ $name ][ $pseudo_selector ] ); 3252 3421 $has_responsive_pseudo = false; 3253 foreach ( array_keys( static::RESPONSIVE_BREAKPOINTS) as $breakpoint ) {3422 foreach ( array_keys( $responsive_media_queries ) as $breakpoint ) { 3254 3423 if ( isset( $theme_json['styles']['blocks'][ $name ][ $breakpoint ][ $pseudo_selector ] ) ) { 3255 3424 $has_responsive_pseudo = true; … … 3296 3465 // this pseudo state, immediately after the default pseudo node. 3297 3466 // Cascade order: .block:hover{} → @media{.block:hover{}} 3298 foreach ( array_keys( static::RESPONSIVE_BREAKPOINTS) as $breakpoint ) {3467 foreach ( array_keys( $responsive_media_queries ) as $breakpoint ) { 3299 3468 if ( isset( $theme_json['styles']['blocks'][ $name ][ $breakpoint ][ $pseudo_selector ] ) ) { 3300 3469 $nodes[] = array( 3301 3470 'name' => $name, 3302 3471 'path' => array( 'styles', 'blocks', $name, $breakpoint, $pseudo_selector ), 3303 'media_query' => static::RESPONSIVE_BREAKPOINTS[ $breakpoint ],3472 'media_query' => $responsive_media_queries[ $breakpoint ], 3304 3473 'selector' => static::append_to_selector( $selector, $pseudo_selector ), 3305 3474 'selectors' => $pseudo_feature_selectors, … … 3373 3542 // Responsive element nodes: one node per breakpoint that has 3374 3543 // styles for this element. Cascade: a{} → @media{a{}} 3375 foreach ( array_keys( static::RESPONSIVE_BREAKPOINTS) as $breakpoint ) {3544 foreach ( array_keys( $responsive_media_queries ) as $breakpoint ) { 3376 3545 if ( isset( $theme_json['styles']['blocks'][ $name ][ $breakpoint ]['elements'][ $element ] ) ) { 3377 3546 $nodes[] = array( 3378 3547 'path' => array( 'styles', 'blocks', $name, $breakpoint, 'elements', $element ), 3379 3548 'selector' => $element_selector, 3380 'media_query' => static::RESPONSIVE_BREAKPOINTS[ $breakpoint ],3549 'media_query' => $responsive_media_queries[ $breakpoint ], 3381 3550 ); 3382 3551 } … … 3389 3558 $has_element_pseudo = isset( $theme_json['styles']['blocks'][ $name ]['elements'][ $element ][ $pseudo_selector ] ); 3390 3559 if ( ! $has_element_pseudo ) { 3391 foreach ( array_keys( static::RESPONSIVE_BREAKPOINTS) as $bp ) {3560 foreach ( array_keys( $responsive_media_queries ) as $bp ) { 3392 3561 if ( isset( $theme_json['styles']['blocks'][ $name ][ $bp ]['elements'][ $element ][ $pseudo_selector ] ) ) { 3393 3562 $has_element_pseudo = true; … … 3414 3583 // that has this pseudo state for this element. 3415 3584 // Cascade: a:hover{} → @media{a:hover{}} 3416 foreach ( array_keys( static::RESPONSIVE_BREAKPOINTS) as $breakpoint ) {3585 foreach ( array_keys( $responsive_media_queries ) as $breakpoint ) { 3417 3586 if ( isset( $theme_json['styles']['blocks'][ $name ][ $breakpoint ]['elements'][ $element ][ $pseudo_selector ] ) ) { 3418 3587 $nodes[] = array( 3419 3588 'path' => array( 'styles', 'blocks', $name, $breakpoint, 'elements', $element ), 3420 3589 'selector' => static::append_to_selector( $element_selector, $pseudo_selector ), 3421 'media_query' => static::RESPONSIVE_BREAKPOINTS[ $breakpoint ],3590 'media_query' => $responsive_media_queries[ $breakpoint ], 3422 3591 ); 3423 3592 } … … 3445 3614 */ 3446 3615 public function get_styles_for_block( $block_metadata ) { 3447 $node = _wp_array_get( $this->theme_json, $block_metadata['path'], array() ); 3448 $use_root_padding = isset( $this->theme_json['settings']['useRootPaddingAwareAlignments'] ) && true === $this->theme_json['settings']['useRootPaddingAwareAlignments']; 3449 $selector = $block_metadata['selector']; 3450 $settings = $this->theme_json['settings'] ?? array(); 3451 $feature_declarations = static::get_feature_declarations_for_node( $block_metadata, $node ); 3452 $is_root_selector = static::ROOT_BLOCK_SELECTOR === $selector; 3453 $media_query = $block_metadata['media_query'] ?? null; 3616 $node = _wp_array_get( $this->theme_json, $block_metadata['path'], array() ); 3617 $use_root_padding = isset( $this->theme_json['settings']['useRootPaddingAwareAlignments'] ) && true === $this->theme_json['settings']['useRootPaddingAwareAlignments']; 3618 $selector = $block_metadata['selector']; 3619 $settings = $this->theme_json['settings'] ?? array(); 3620 $feature_declarations = static::get_feature_declarations_for_node( $block_metadata, $node ); 3621 $is_root_selector = static::ROOT_BLOCK_SELECTOR === $selector; 3622 $media_query = $block_metadata['media_query'] ?? null; 3623 $responsive_media_queries = static::get_viewport_media_queries( $settings['viewport'] ?? null ); 3454 3624 3455 3625 // Update text indent selector for paragraph blocks based on the textIndent setting. … … 3518 3688 $variation_responsive_pseudo_css = ''; 3519 3689 3520 foreach ( array_keys( static::RESPONSIVE_BREAKPOINTS) as $breakpoint ) {3690 foreach ( array_keys( $responsive_media_queries ) as $breakpoint ) { 3521 3691 if ( ! isset( $style_variation_node[ $breakpoint ] ) ) { 3522 3692 continue; … … 3524 3694 3525 3695 $breakpoint_node = $style_variation_node[ $breakpoint ]; 3526 $breakpoint_media = static::RESPONSIVE_BREAKPOINTS[ $breakpoint ];3696 $breakpoint_media = $responsive_media_queries[ $breakpoint ]; 3527 3697 // Process feature-level declarations for this breakpoint. 3528 3698 $breakpoint_feature_declarations = static::get_feature_declarations_for_node( $block_metadata, $breakpoint_node ); … … 4288 4458 $theme_json = static::sanitize( $theme_json, $valid_block_names, $valid_element_names, $valid_variations ); 4289 4459 4290 $blocks_metadata = static::get_blocks_metadata(); 4291 $style_options = array( 'include_block_style_variations' => true ); // Allow variations data. 4292 $style_nodes = static::get_style_nodes( $theme_json, $blocks_metadata, $style_options ); 4460 $blocks_metadata = static::get_blocks_metadata(); 4461 $style_options = array( 'include_block_style_variations' => true ); // Allow variations data. 4462 $style_nodes = static::get_style_nodes( $theme_json, $blocks_metadata, $style_options ); 4463 $responsive_media_queries = static::get_viewport_media_queries( $theme_json['settings']['viewport'] ?? null ); 4293 4464 4294 4465 foreach ( $style_nodes as $metadata ) { … … 4328 4499 4329 4500 // Re-add and process responsive breakpoint styles. 4330 foreach ( array_keys( static::RESPONSIVE_BREAKPOINTS) as $breakpoint ) {4501 foreach ( array_keys( $responsive_media_queries ) as $breakpoint ) { 4331 4502 if ( isset( $input[ $breakpoint ] ) ) { 4332 4503 $output[ $breakpoint ] = static::remove_insecure_styles( $input[ $breakpoint ] ); 4333 4504 4334 4505 if ( isset( $input[ $breakpoint ]['elements'] ) ) { 4335 $output[ $breakpoint ]['elements'] = static::remove_insecure_element_styles( $input[ $breakpoint ]['elements'] );4506 $output[ $breakpoint ]['elements'] = static::remove_insecure_element_styles( $input[ $breakpoint ]['elements'], $responsive_media_queries ); 4336 4507 } 4337 4508 4338 4509 if ( isset( $input[ $breakpoint ]['blocks'] ) ) { 4339 $output[ $breakpoint ]['blocks'] = static::remove_insecure_inner_block_styles( $input[ $breakpoint ]['blocks'] );4510 $output[ $breakpoint ]['blocks'] = static::remove_insecure_inner_block_styles( $input[ $breakpoint ]['blocks'], $responsive_media_queries ); 4340 4511 } 4341 4512 … … 4369 4540 4370 4541 if ( isset( $variation_input['blocks'] ) ) { 4371 $variation_output['blocks'] = static::remove_insecure_inner_block_styles( $variation_input['blocks'] );4542 $variation_output['blocks'] = static::remove_insecure_inner_block_styles( $variation_input['blocks'], $responsive_media_queries ); 4372 4543 } 4373 4544 4374 4545 if ( isset( $variation_input['elements'] ) ) { 4375 $variation_output['elements'] = static::remove_insecure_element_styles( $variation_input['elements'] );4546 $variation_output['elements'] = static::remove_insecure_element_styles( $variation_input['elements'], $responsive_media_queries ); 4376 4547 } 4377 4548 4378 4549 // Re-add and process responsive breakpoint styles for variations. 4379 foreach ( array_keys( static::RESPONSIVE_BREAKPOINTS) as $breakpoint ) {4550 foreach ( array_keys( $responsive_media_queries ) as $breakpoint ) { 4380 4551 if ( isset( $variation_input[ $breakpoint ] ) ) { 4381 4552 $variation_output[ $breakpoint ] = static::remove_insecure_styles( $variation_input[ $breakpoint ] ); 4382 4553 4383 4554 if ( isset( $variation_input[ $breakpoint ]['elements'] ) ) { 4384 $variation_output[ $breakpoint ]['elements'] = static::remove_insecure_element_styles( $variation_input[ $breakpoint ]['elements'] );4555 $variation_output[ $breakpoint ]['elements'] = static::remove_insecure_element_styles( $variation_input[ $breakpoint ]['elements'], $responsive_media_queries ); 4385 4556 } 4386 4557 4387 4558 if ( isset( $variation_input[ $breakpoint ]['blocks'] ) ) { 4388 $variation_output[ $breakpoint ]['blocks'] = static::remove_insecure_inner_block_styles( $variation_input[ $breakpoint ]['blocks'] );4559 $variation_output[ $breakpoint ]['blocks'] = static::remove_insecure_inner_block_styles( $variation_input[ $breakpoint ]['blocks'], $responsive_media_queries ); 4389 4560 } 4390 4561 … … 4418 4589 } 4419 4590 4420 $output = static::remove_insecure_settings( $input );4591 $output = static::remove_insecure_settings( $input, array( 'settings' ) === $metadata['path'] ); 4421 4592 if ( ! empty( $output ) ) { 4422 4593 _wp_array_set( $sanitized, $metadata['path'], $output ); … … 4442 4613 * Remove insecure element styles within a variation or block. 4443 4614 * 4615 * * When responsive media queries are provided, nested responsive state styles 4616 * matching those viewport state keys are re-added after the base sanitization pass. 4617 * 4444 4618 * @since 6.8.0 4445 * 4446 * @param array $elements The elements to process. 4619 * @since 7.1.0 Added the `$responsive_media_queries` parameter. 4620 * 4621 * @param array $elements The elements to process. 4622 * @param array|null $responsive_media_queries Optional. Media queries whose keys define allowed 4623 * viewport states. Default null. 4447 4624 * @return array The sanitized elements styles. 4448 4625 */ 4449 protected static function remove_insecure_element_styles( $elements ) {4626 protected static function remove_insecure_element_styles( $elements, $responsive_media_queries = null ) { 4450 4627 $sanitized = array(); 4451 4628 $valid_element_names = array_keys( static::ELEMENTS ); … … 4464 4641 } 4465 4642 4466 // Re-add and process responsive breakpoint styles for elements. 4467 foreach ( array_keys( static::RESPONSIVE_BREAKPOINTS ) as $breakpoint ) { 4468 if ( isset( $element_input[ $breakpoint ] ) ) { 4469 $element_output[ $breakpoint ] = static::remove_insecure_styles( $element_input[ $breakpoint ] ); 4470 4471 if ( isset( static::VALID_ELEMENT_PSEUDO_SELECTORS[ $element_name ] ) ) { 4472 foreach ( static::VALID_ELEMENT_PSEUDO_SELECTORS[ $element_name ] as $pseudo_selector ) { 4473 if ( isset( $element_input[ $breakpoint ][ $pseudo_selector ] ) ) { 4474 $element_output[ $breakpoint ][ $pseudo_selector ] = static::remove_insecure_styles( $element_input[ $breakpoint ][ $pseudo_selector ] ); 4643 if ( null !== $responsive_media_queries ) { 4644 // Re-add and process responsive breakpoint styles for elements. 4645 foreach ( array_keys( $responsive_media_queries ) as $breakpoint ) { 4646 if ( isset( $element_input[ $breakpoint ] ) ) { 4647 $element_output[ $breakpoint ] = static::remove_insecure_styles( $element_input[ $breakpoint ] ); 4648 4649 if ( isset( static::VALID_ELEMENT_PSEUDO_SELECTORS[ $element_name ] ) ) { 4650 foreach ( static::VALID_ELEMENT_PSEUDO_SELECTORS[ $element_name ] as $pseudo_selector ) { 4651 if ( isset( $element_input[ $breakpoint ][ $pseudo_selector ] ) ) { 4652 $element_output[ $breakpoint ][ $pseudo_selector ] = static::remove_insecure_styles( $element_input[ $breakpoint ][ $pseudo_selector ] ); 4653 } 4475 4654 } 4476 4655 } … … 4488 4667 * Remove insecure styles from inner blocks and their elements. 4489 4668 * 4669 * When responsive media queries are provided, nested responsive state styles 4670 * for those media-query keys are re-added after the base sanitization pass. 4671 * 4490 4672 * @since 6.8.0 4491 * 4492 * @param array $blocks The block styles to process. 4673 * @since 7.1.0 Added the `$responsive_media_queries` parameter. 4674 * 4675 * @param array $blocks The block styles to process. 4676 * @param array|null $responsive_media_queries Optional. Media queries whose keys define allowed 4677 * viewport states. Default null. 4493 4678 * @return array Sanitized block type styles. 4494 4679 */ 4495 protected static function remove_insecure_inner_block_styles( $blocks ) {4680 protected static function remove_insecure_inner_block_styles( $blocks, $responsive_media_queries = null ) { 4496 4681 $sanitized = array(); 4497 4682 foreach ( $blocks as $block_type => $block_input ) { … … 4499 4684 4500 4685 if ( isset( $block_input['elements'] ) ) { 4501 $block_output['elements'] = static::remove_insecure_element_styles( $block_input['elements'] ); 4502 } 4503 4504 // Re-add and process responsive breakpoint styles for inner blocks. 4505 foreach ( array_keys( static::RESPONSIVE_BREAKPOINTS ) as $breakpoint ) { 4506 if ( isset( $block_input[ $breakpoint ] ) ) { 4507 $block_output[ $breakpoint ] = static::remove_insecure_styles( $block_input[ $breakpoint ] ); 4508 4509 if ( isset( static::VALID_BLOCK_PSEUDO_SELECTORS[ $block_type ] ) ) { 4510 foreach ( static::VALID_BLOCK_PSEUDO_SELECTORS[ $block_type ] as $pseudo_selector ) { 4511 if ( isset( $block_input[ $breakpoint ][ $pseudo_selector ] ) ) { 4512 $block_output[ $breakpoint ][ $pseudo_selector ] = static::remove_insecure_styles( $block_input[ $breakpoint ][ $pseudo_selector ] ); 4686 $block_output['elements'] = static::remove_insecure_element_styles( $block_input['elements'], $responsive_media_queries ); 4687 } 4688 4689 if ( null !== $responsive_media_queries ) { 4690 // Re-add and process responsive breakpoint styles for inner blocks. 4691 foreach ( array_keys( $responsive_media_queries ) as $breakpoint ) { 4692 if ( isset( $block_input[ $breakpoint ] ) ) { 4693 $block_output[ $breakpoint ] = static::remove_insecure_styles( $block_input[ $breakpoint ] ); 4694 4695 if ( isset( static::VALID_BLOCK_PSEUDO_SELECTORS[ $block_type ] ) ) { 4696 foreach ( static::VALID_BLOCK_PSEUDO_SELECTORS[ $block_type ] as $pseudo_selector ) { 4697 if ( isset( $block_input[ $breakpoint ][ $pseudo_selector ] ) ) { 4698 $block_output[ $breakpoint ][ $pseudo_selector ] = static::remove_insecure_styles( $block_input[ $breakpoint ][ $pseudo_selector ] ); 4699 } 4513 4700 } 4514 4701 } … … 4556 4743 * 4557 4744 * @since 5.9.0 4558 * 4559 * @param array $input Node to process. 4745 * @since 7.1.0 Added the `$is_root` parameter. 4746 * 4747 * @param array $input Node to process. 4748 * @param bool $is_root Optional. Whether the node is the root settings node. Default false. 4560 4749 * @return array 4561 4750 */ 4562 protected static function remove_insecure_settings( $input ) {4751 protected static function remove_insecure_settings( $input, $is_root = false ) { 4563 4752 $output = array(); 4564 4753 foreach ( static::PRESETS_METADATA as $preset_metadata ) { … … 4612 4801 // Preserve all valid settings that have type markers in VALID_SETTINGS. 4613 4802 self::preserve_valid_typed_settings( $input, $output, static::VALID_SETTINGS ); 4803 4804 if ( $is_root && array_key_exists( 'viewport', $input ) ) { 4805 $output['viewport'] = static::sanitize_viewport_settings( $input['viewport'] ); 4806 } 4614 4807 4615 4808 return $output;
Note:
See TracChangeset
for help on using the changeset viewer.
