'] ) ? $block['attrs']['layout'] : $default_block_layout;

			if ( isset( $used_layout['inherit'] ) && $used_layout['inherit'] ) {
				if ( ! $global_layout_settings ) {
					return $block_content;
				}
			}

			$class_names        = array();
			$layout_definitions = _wp_array_get( $global_layout_settings, array( 'definitions' ), array() );
			$block_classname    = wp_get_block_default_classname( $block['blockName'] );

			// Editing $container_class var
			// $container_class = wp_unique_id( 'wp-container-' );
			$container_class    = sprintf( 'wp-container-%s-%s', $this->current_listing, ++$this->counter );
			$layout_classname   = '';

			// Set the correct layout type for blocks using legacy content width.
			if ( isset( $used_layout['inherit'] ) && $used_layout['inherit'] || isset( $used_layout['contentSize'] ) && $used_layout['contentSize'] ) {
				$used_layout['type'] = 'constrained';
			}

			if (
				wp_get_global_settings( array( 'useRootPaddingAwareAlignments' ) ) &&
				isset( $used_layout['type'] ) &&
				'constrained' === $used_layout['type']
			) {
				$class_names[] = 'has-global-padding';
			}

			// The following section was added to reintroduce a small set of layout classnames that were
			// removed in the 5.9 release (https://github.com/WordPress/gutenberg/issues/38719). It is
			// not intended to provide an extended set of classes to match all block layout attributes
			// here.
			if ( ! empty( $block['attrs']['layout']['orientation'] ) ) {
				$class_names[] = 'is-' . sanitize_title( $block['attrs']['layout']['orientation'] );
			}

			if ( ! empty( $block['attrs']['layout']['justifyContent'] ) ) {
				$class_names[] = 'is-content-justification-' . sanitize_title( $block['attrs']['layout']['justifyContent'] );
			}

			if ( ! empty( $block['attrs']['layout']['flexWrap'] ) && 'nowrap' === $block['attrs']['layout']['flexWrap'] ) {
				$class_names[] = 'is-nowrap';
			}

			// Get classname for layout type.
			if ( isset( $used_layout['type'] ) ) {
				$layout_classname = _wp_array_get( $layout_definitions, array( $used_layout['type'], 'className' ), '' );
			} else {
				$layout_classname = _wp_array_get( $layout_definitions, array( 'default', 'className' ), '' );
			}

			if ( $layout_classname && is_string( $layout_classname ) ) {
				$class_names[] = sanitize_title( $layout_classname );
			}

			/*
			 * Only generate Layout styles if the theme has not opted-out.
			 * Attribute-based Layout classnames are output in all cases.
			 */
			if ( ! current_theme_supports( 'disable-layout-styles' ) ) {

				$gap_value = _wp_array_get( $block, array( 'attrs', 'style', 'spacing', 'blockGap' ) );
				/*
				 * Skip if gap value contains unsupported characters.
				 * Regex for CSS value borrowed from `safecss_filter_attr`, and used here
				 * to only match against the value, not the CSS attribute.
				 */
				if ( is_array( $gap_value ) ) {
					foreach ( $gap_value as $key => $value ) {
						$gap_value[ $key ] = $value && preg_match( '%[\\\(&=}]|/\*%', $value ) ? null : $value;
					}
				} else {
					$gap_value = $gap_value && preg_match( '%[\\\(&=}]|/\*%', $gap_value ) ? null : $gap_value;
				}

				$fallback_gap_value = _wp_array_get( $block_type->supports, array( 'spacing', 'blockGap', '__experimentalDefault' ), '0.5em' );
				$block_spacing      = _wp_array_get( $block, array( 'attrs', 'style', 'spacing' ), null );

				/*
				 * If a block's block.json skips serialization for spacing or spacing.blockGap,
				 * don't apply the user-defined value to the styles.
				 */
				$should_skip_gap_serialization = wp_should_skip_block_supports_serialization( $block_type, 'spacing', 'blockGap' );

				$style = wp_get_layout_style(
					".$block_classname.$container_class",
					$used_layout,
					$has_block_gap_support,
					$gap_value,
					$should_skip_gap_serialization,
					$fallback_gap_value,
					$block_spacing
				);

				// Only add container class and enqueue block support styles if unique styles were generated.
				if ( ! empty( $style ) ) {
					$class_names[] = $container_class;

					// Style stored to `wp_listing_css` prop.
					$this->wp_listing_css .= $style;
				}
			}

			/*
			 * This assumes the hook only applies to blocks with a single wrapper.
			 * A limitation of this hook is that nested inner blocks wrappers are not yet supported.
			 */
			$content = preg_replace(
				'/' . preg_quote( 'class="', '/' ) . '/',
				'class="' . esc_attr( implode( ' ', $class_names ) ) . ' ',
				$block_content,
				1
			);

			// wp_enqueue_block_support_styles( $style );

			return $content;
		}

		public function enqueue_wp_listing_css( $listing_id ) {

			$inline_css = null;

			if ( ! empty( $this->wp_listing_css ) && ! in_array( $listing_id, $this->printed_wp_css ) ) {

				if ( wp_doing_ajax() ) {
					$inline_css = sprintf( '<style>%s</style>', $this->wp_listing_css );
				} else {
					wp_enqueue_block_support_styles( $this->wp_listing_css );
				}

				$this->printed_wp_css[] = $listing_id;
			}

			$this->wp_listing_css = null;

			return $inline_css;
		}

		public function wp_is_supports_style_engine() {
			return version_compare( $GLOBALS['wp_version'], '6.1', '>=' );
		}

		/**
		 * Replace the `wp-container-{$id}` and `wp-container-content-{$id}` classes
		 * to `wp-container-{$listing_id}-{$counter}` and wp-container-content-{$listing_id}-{$counter}`
		 * in content and styles to prevent css conflict on ajax.
		 *
		 * @param  string $block_content
		 * @return string|null
		 */
		public function modify_listing_content( $block_content ) {

			if ( ! $this->current_listing ) {
				return $block_content;
			}

			$this->selectors_map = array();

			$block_content = preg_replace_callback( '/wp-container(?:|-content)-\d++(?!-)/', function( $matches ) {

				$selector = $matches[0];

				if ( isset( $this->selectors_map[ $selector ] ) ) {
					return $this->selectors_map[ $selector ];
				}

				$prefix = ( false !== strpos( $selector, '-content' ) ) ? 'wp-container-content' : 'wp-container';

				$new_selector = sprintf( '%s-%s-%s', $prefix, $this->current_listing, ++ $this->counter );

				$this->selectors_map[ $selector ] = $new_selector;

				return $new_selector;

			}, $block_content );

			if ( ! empty( $this->selectors_map ) ) {

				$store     = WP_Style_Engine::get_store( 'block-supports' );
				$css_rules = $store->get_all_rules();

				if ( empty( $css_rules ) ) {
					return $block_content;
				}

				$check_keys = array_map( function( $old_selector ) {
					return $old_selector . '(?![\d-])';
				}, array_keys( $this->selectors_map ) );

				$check_regex = '/' . join( '|', $check_keys ) . '/';

				foreach ( $css_rules as $selector => $css_rule ) {

					if ( ! preg_match( $check_regex, $selector ) && ! empty( $css_rule ) ) {
						continue;
					}

					$store->remove_rule( $selector );

					$new_selector = str_replace( array_keys( $this->selectors_map ), array_values( $this->selectors_map ), $selector );

					if ( isset( $css_rules[ $new_selector ] ) ) {
						continue;
					}

					$store->add_rule( $new_selector )->add_declarations( $css_rule->get_declarations()->get_declarations() );

					if ( wp_doing_ajax() ) {
						$css_rule->set_selector( $new_selector );
						$this->wp_listing_css .= $css_rule->get_css();
					}
				}
			}

			return $block_content;
		}

	}

}