FM / blocks

/home/altere25/public_html/wp-includes/blocks/

/home/altere25/public_html/wp-includes/blocks

Name	Size	Mode	Actions
accordion/	-	0755	rm
accordion-heading/	-	0755	rm
accordion-item/	-	0755	rm
accordion-panel/	-	0755	rm
archives/	-	0755	rm
audio/	-	0755	rm
avatar/	-	0755	rm
block/	-	0755	rm
breadcrumbs/	-	0755	rm
button/	-	0755	rm
buttons/	-	0755	rm
calendar/	-	0755	rm
categories/	-	0755	rm
code/	-	0755	rm
column/	-	0755	rm
columns/	-	0755	rm
comment-author-name/	-	0755	rm
comment-content/	-	0755	rm
comment-date/	-	0755	rm
comment-edit-link/	-	0755	rm
comment-reply-link/	-	0755	rm
comment-template/	-	0755	rm
comments/	-	0755	rm
comments-pagination/	-	0755	rm
comments-pagination-next/	-	0755	rm
comments-pagination-numbers/	-	0755	rm
comments-pagination-previous/	-	0755	rm
comments-title/	-	0755	rm
cover/	-	0755	rm
details/	-	0755	rm
embed/	-	0755	rm
file/	-	0755	rm
footnotes/	-	0755	rm
freeform/	-	0755	rm
gallery/	-	0755	rm
group/	-	0755	rm
heading/	-	0755	rm
home-link/	-	0755	rm
html/	-	0755	rm
icon/	-	0755	rm
image/	-	0755	rm
latest-comments/	-	0755	rm
latest-posts/	-	0755	rm
legacy-widget/	-	0755	rm
list/	-	0755	rm
list-item/	-	0755	rm
loginout/	-	0755	rm
math/	-	0755	rm
media-text/	-	0755	rm
missing/	-	0755	rm
more/	-	0755	rm
navigation/	-	0755	rm
navigation-link/	-	0755	rm
navigation-overlay-close/	-	0755	rm
navigation-submenu/	-	0755	rm
nextpage/	-	0755	rm
page-list/	-	0755	rm
page-list-item/	-	0755	rm
paragraph/	-	0755	rm
pattern/	-	0755	rm
playlist/	-	0755	rm
playlist-track/	-	0755	rm
post-author/	-	0755	rm
post-author-biography/	-	0755	rm
post-author-name/	-	0755	rm
post-comments-count/	-	0755	rm
post-comments-form/	-	0755	rm
post-comments-link/	-	0755	rm
post-content/	-	0755	rm
post-date/	-	0755	rm
post-excerpt/	-	0755	rm
post-featured-image/	-	0755	rm
post-navigation-link/	-	0755	rm
post-template/	-	0755	rm
post-terms/	-	0755	rm
post-time-to-read/	-	0755	rm
post-title/	-	0755	rm
preformatted/	-	0755	rm
pullquote/	-	0755	rm
query/	-	0755	rm
query-no-results/	-	0755	rm
query-pagination/	-	0755	rm
query-pagination-next/	-	0755	rm
query-pagination-numbers/	-	0755	rm
query-pagination-previous/	-	0755	rm
query-title/	-	0755	rm
query-total/	-	0755	rm
quote/	-	0755	rm
read-more/	-	0755	rm
rss/	-	0755	rm
search/	-	0755	rm
separator/	-	0755	rm
shortcode/	-	0755	rm
site-logo/	-	0755	rm
site-tagline/	-	0755	rm
site-title/	-	0755	rm
social-link/	-	0755	rm
social-links/	-	0755	rm
spacer/	-	0755	rm
tab-list/	-	0755	rm
tab-panel/	-	0755	rm
tab-panels/	-	0755	rm
table/	-	0755	rm
tabs/	-	0755	rm
tag-cloud/	-	0755	rm
template-part/	-	0755	rm
term-count/	-	0755	rm
term-description/	-	0755	rm
term-name/	-	0755	rm
term-template/	-	0755	rm
terms-query/	-	0755	rm
text-columns/	-	0755	rm
verse/	-	0755	rm
video/	-	0755	rm
widget-group/	-	0755	rm
accordion-item.php	3052	0644	edit dl rm
accordion.php	1147	0644	edit dl rm
archives.php	4385	0644	edit dl rm
avatar.php	5638	0644	edit dl rm
block.php	3122	0644	edit dl rm
blocks-json.php	210661	0644	edit dl rm
breadcrumbs.php	19057	0644	edit dl rm
button.php	4211	0644	edit dl rm
calendar.php	6075	0644	edit dl rm
categories.php	4938	0644	edit dl rm
comment-author-name.php	2136	0644	edit dl rm
comment-content.php	2459	0644	edit dl rm
comment-date.php	1865	0644	edit dl rm
comment-edit-link.php	1713	0644	edit dl rm
comment-reply-link.php	2075	0644	edit dl rm
comment-template.php	4494	0644	edit dl rm
comments-pagination-next.php	1924	0644	edit dl rm
comments-pagination-numbers.php	1632	0644	edit dl rm
comments-pagination-previous.php	1790	0644	edit dl rm
comments-pagination.php	1261	0644	edit dl rm
comments-title.php	2787	0644	edit dl rm
comments.php	6784	0644	edit dl rm
cover.php	7404	0644	edit dl rm
details.php	1498	0644	edit dl rm
file.php	1879	0644	edit dl rm
footnotes.php	3818	0644	edit dl rm
gallery.php	22345	0644	edit dl rm
heading.php	1301	0644	edit dl rm
home-link.php	4703	0644	edit dl rm
icon.php	4374	0644	edit dl rm
image.php	17642	0644	edit dl rm
index.php	5104	0644	edit dl rm
latest-comments.php	5622	0644	edit dl rm
latest-posts.php	10459	0644	edit dl rm
legacy-widget.php	4011	0644	edit dl rm
list.php	1273	0644	edit dl rm
loginout.php	2123	0644	edit dl rm
media-text.php	4298	0644	edit dl rm
navigation-link.php	16654	0644	edit dl rm
navigation-overlay-close.php	1765	0644	edit dl rm
navigation-submenu.php	11050	0644	edit dl rm
navigation.php	70892	0644	edit dl rm
page-list-item.php	361	0644	edit dl rm
page-list.php	13863	0644	edit dl rm
paragraph.php	1139	0644	edit dl rm
pattern.php	1788	0644	edit dl rm
playlist-track.php	2487	0644	edit dl rm
playlist.php	6616	0644	edit dl rm
post-author-biography.php	1524	0644	edit dl rm
post-author-name.php	1962	0644	edit dl rm
post-author.php	2734	0644	edit dl rm
post-comments-count.php	1275	0644	edit dl rm
post-comments-form.php	2805	0644	edit dl rm
post-comments-link.php	2237	0644	edit dl rm
post-content.php	2668	0644	edit dl rm
post-date.php	3692	0644	edit dl rm
post-excerpt.php	4315	0644	edit dl rm
post-featured-image.php	9452	0644	edit dl rm
post-navigation-link.php	4807	0644	edit dl rm
post-template.php	5940	0644	edit dl rm
post-terms.php	3640	0644	edit dl rm
post-time-to-read.php	6411	0644	edit dl rm
post-title.php	2138	0644	edit dl rm
query-no-results.php	1847	0644	edit dl rm
query-pagination-next.php	3676	0644	edit dl rm
query-pagination-numbers.php	4700	0644	edit dl rm
query-pagination-previous.php	3473	0644	edit dl rm
query-pagination.php	1176	0644	edit dl rm
query-title.php	2771	0644	edit dl rm
query-total.php	2471	0644	edit dl rm
query.php	5690	0644	edit dl rm
read-more.php	1846	0644	edit dl rm
require-dynamic-blocks.php	5256	0644	edit dl rm
require-static-blocks.php	535	0644	edit dl rm
rss.php	4609	0644	edit dl rm
search.php	25600	0644	edit dl rm
shortcode.php	735	0644	edit dl rm
site-logo.php	6334	0644	edit dl rm
site-tagline.php	1203	0644	edit dl rm
site-title.php	1864	0644	edit dl rm
social-link.php	67602	0644	edit dl rm
tab-list.php	2322	0644	edit dl rm
tab-panel.php	1669	0644	edit dl rm
tabs.php	3949	0644	edit dl rm
tag-cloud.php	1586	0644	edit dl rm
template-part.php	9964	0644	edit dl rm
term-count.php	1843	0644	edit dl rm
term-description.php	1770	0644	edit dl rm
term-name.php	2038	0644	edit dl rm
term-template.php	4518	0644	edit dl rm
video.php	2733	0644	edit dl rm
widget-group.php	2438	0644	edit dl rm

Edit: /home/altere25/public_html/wp-includes/blocks/image.php (17642B)

<?php
/**
 * Server-side rendering of the `core/image` block.
 *
 * @package WordPress
 */

/**
 * Renders the `core/image` block on the server,
 * adding a data-id attribute to the element if core/gallery has added on pre-render.
 *
 * @since 5.9.0
 *
 * @param array    $attributes The block attributes.
 * @param string   $content    The block content.
 * @param WP_Block $block      The block object.
 *
 * @return string The block content with the data-id attribute added.
 */
function render_block_core_image( $attributes, $content, $block ) {
	if ( false === stripos( $content, '<img' ) ) {
		return '';
	}

$processor = new class( $content ) extends WP_HTML_Tag_Processor {
		/**
		 * Return input span for an empty FIGCAPTION element.
		 *
		 * Returns span of input for an empty FIGCAPTION, if currently matched on a
		 * FIGCAPTION opening tag and if the element is properly closed and empty.
		 *
		 * @since 6.9.0
		 *
		 * @return WP_HTML_Span|false Span of input if the element is empty; otherwise false.
		 */
		public function block_core_image_extract_empty_figcaption_element() {
			$this->set_bookmark( 'here' );
			$opener = $this->bookmarks['here'];

// Allow comments within the definition of “empty.”
			while ( $this->next_token() && '#comment' === $this->get_token_name() ) {
				continue;
			}

if ( 'FIGCAPTION' !== $this->get_tag() || ! $this->is_tag_closer() ) {
				return false;
			}

$this->set_bookmark( 'here' );
			$closer = $this->bookmarks['here'];

return new WP_HTML_Span( $opener->start, $closer->start + $closer->length - $opener->start );
		}
	};

if ( ! $processor->next_tag( 'img' ) || ! $processor->get_attribute( 'src' ) ) {
		return '';
	}

$has_id_binding = isset( $attributes['metadata']['bindings']['id'] ) && isset( $attributes['id'] );

// Ensure the `wp-image-id` classname on the image block supports block bindings.
	if ( $has_id_binding ) {
		// If there's a mismatch with the 'wp-image-' class and the actual id, the id was
		// probably overridden by block bindings. Update it to the correct value.
		// See https://github.com/WordPress/gutenberg/issues/62886 for why this is needed.
		$id                       = $attributes['id'];
		$image_classnames         = $processor->get_attribute( 'class' );
		$class_with_binding_value = "wp-image-$id";
		if ( is_string( $image_classnames ) && ! str_contains( $image_classnames, $class_with_binding_value ) ) {
			$image_classnames = preg_replace( '/wp-image-(\d+)/', $class_with_binding_value, $image_classnames );
			$processor->set_attribute( 'class', $image_classnames );
		}
	}

// For backwards compatibility, the data-id html attribute is only set for
	// image blocks nested in a gallery. Detect if the image is in a gallery by
	// checking the data-id attribute.
	// See the `block_core_gallery_data_id_backcompatibility` function.
	if ( isset( $attributes['data-id'] ) ) {
		// If there's a binding for the `id`, the `id` attribute is used for the
		// value, since `data-id` does not support block bindings.
		// Else the `data-id` is used for backwards compatibility, since
		// third parties may be filtering its value.
		$data_id = $has_id_binding ? $attributes['id'] : $attributes['data-id'];
		$processor->set_attribute( 'data-id', $data_id );
	}

/*
	 * If the `caption` attribute is empty and we encounter a `<figcaption>` element,
	 * we take note of its span so we can remove it later.
	 */
	if ( $processor->next_tag( 'FIGCAPTION' ) && empty( $attributes['caption'] ) ) {
		$figcaption_span = $processor->block_core_image_extract_empty_figcaption_element();
	}

$link_destination  = $attributes['linkDestination'] ?? 'none';
	$lightbox_settings = block_core_image_get_lightbox_settings( $block->parsed_block );

/*
	 * If the lightbox is enabled and the image is not linked, adds the filter and
	 * the JavaScript view file.
	 */
	if (
		isset( $lightbox_settings ) &&
		'none' === $link_destination &&
		isset( $lightbox_settings['enabled'] ) &&
		true === $lightbox_settings['enabled']
	) {
		wp_enqueue_script_module( '@wordpress/block-library/image/view' );

/*
		 * This render needs to happen in a filter with priority 15 to ensure that
		 * it runs after the duotone filter and that duotone styles are applied to
		 * the image in the lightbox. Lightbox has to work with any plugins that
		 * might use filters as well. Removing this can be considered in the future
		 * if the way the blocks are rendered changes, or if a new kind of filter is
		 * introduced.
		 */
		add_filter( 'render_block_core/image', 'block_core_image_render_lightbox', 15, 3 );
	} else {
		/*
		 * Remove the filter if previously added by other Image blocks.
		 */
		remove_filter( 'render_block_core/image', 'block_core_image_render_lightbox', 15 );
	}

$output = $processor->get_updated_html();
	if ( ! empty( $figcaption_span ) ) {
		return substr( $output, 0, $figcaption_span->start ) . substr( $output, $figcaption_span->start + $figcaption_span->length );
	}
	return $output;
}

/**
 * Adds the lightboxEnabled flag to the block data.
 *
 * This is used to determine whether the lightbox should be rendered or not.
 *
 * @since 6.4.0
 *
 * @param array $block Block data.
 *
 * @return array|null Filtered block data.
 */
function block_core_image_get_lightbox_settings( $block ) {
	// Gets the lightbox setting from the block attributes.
	if ( isset( $block['attrs']['lightbox'] ) ) {
		$lightbox_settings = $block['attrs']['lightbox'];
	}

if ( ! isset( $lightbox_settings ) ) {
		$lightbox_settings = wp_get_global_settings( array( 'lightbox' ), array( 'block_name' => 'core/image' ) );

// If not present in global settings, check the top-level global settings.
		//
		// NOTE: If no block-level settings are found, the previous call to
		// `wp_get_global_settings` will return the whole `theme.json` structure in
		// which case we can check if the "lightbox" key is present at the top-level
		// of the global settings and use its value.
		if ( isset( $lightbox_settings['lightbox'] ) ) {
			$lightbox_settings = wp_get_global_settings( array( 'lightbox' ) );
		}
	}

return $lightbox_settings ?? null;
}

/**
 * Adds the directives and layout needed for the lightbox behavior.
 *
 * @since 6.4.0
 *
 * @param string   $block_content  Rendered block content.
 * @param array    $block          Block object.
 * @param WP_Block $block_instance Block instance.
 *
 * @return string Filtered block content.
 */
function block_core_image_render_lightbox( $block_content, array $block, WP_Block $block_instance ) {
	/*
	 * If there's no IMG tag in the block then return the given block content
	 * as-is. There's nothing that this code can knowingly modify to add the
	 * lightbox behavior.
	 */
	$processor = new WP_HTML_Tag_Processor( $block_content );

if ( $processor->next_tag( 'figure' ) ) {
		$processor->set_bookmark( 'figure' );
	}
	if ( ! $processor->next_tag( 'img' ) ) {
		return $block_content;
	}

$alt              = $processor->get_attribute( 'alt' );
	$img_uploaded_src = $processor->get_attribute( 'src' );
	$img_class_names  = $processor->get_attribute( 'class' );
	$img_styles       = $processor->get_attribute( 'style' );
	$img_width        = 'none';
	$img_height       = 'none';
	$img_srcset       = false;

wp_interactivity_config(
		'core/image',
		array(
			'defaultAriaLabel' => __( 'Enlarged image' ),
			'closeButtonText'  => esc_html__( 'Close' ),
			'prevButtonText'   => esc_html_x( 'Previous', 'previous image in lightbox' ),
			'nextButtonText'   => esc_html_x( 'Next', 'next image in lightbox' ),
		)
	);

if ( $alt ) {
		/* translators: %s: Image alt text. */
		$custom_aria_label = sprintf( __( 'Enlarged image: %s' ), $alt );
	}

if ( isset( $block['attrs']['id'] ) ) {
		$img_uploaded_src = wp_get_attachment_url( $block['attrs']['id'] );
		$img_metadata     = wp_get_attachment_metadata( $block['attrs']['id'] );
		$has_dimensions   = ( $img_metadata['width'] ?? '' ) && ( $img_metadata['height'] ?? '' );
		$srcset_size      = $has_dimensions ? array( $img_metadata['width'], $img_metadata['height'] ) : 'large';
		$img_srcset       = wp_get_attachment_image_srcset( $block['attrs']['id'], $srcset_size );
		$img_width        = $img_metadata['width'] ?? 'none';
		$img_height       = $img_metadata['height'] ?? 'none';
	}

// Figure.
	$processor->seek( 'figure' );
	$figure_class_names = $processor->get_attribute( 'class' );
	$figure_styles      = $processor->get_attribute( 'style' );

// Create unique id and set the image metadata in the state.
	$unique_image_id = uniqid();
	wp_interactivity_state(
		'core/image',
		array(
			'metadata' => array(
				$unique_image_id => array(
					'uploadedSrc'            => $img_uploaded_src,
					'lightboxSrcset'         => $img_srcset,
					'figureClassNames'       => $figure_class_names,
					'figureStyles'           => $figure_styles,
					'imgClassNames'          => $img_class_names,
					'imgStyles'              => $img_styles,
					'targetWidth'            => $img_width,
					'targetHeight'           => $img_height,
					'scaleAttr'              => $block['attrs']['scale'] ?? false,
					'alt'                    => $alt,
					'galleryId'              => $block_instance->context['galleryId'] ?? null,
					'customAriaLabel'        => $custom_aria_label ?? null,
					'navigationButtonType'   => $block_instance->context['navigationButtonType'] ?? 'icon',
					'triggerButtonAriaLabel' => __( 'Enlarge' ),
				),
			),
		)
	);

$processor->add_class( 'wp-lightbox-container' );
	$processor->set_attribute( 'data-wp-interactive', 'core/image' );
	$processor->set_attribute(
		'data-wp-context',
		wp_json_encode(
			array( 'imageId' => $unique_image_id ),
			JSON_HEX_TAG | JSON_HEX_APOS | JSON_HEX_QUOT | JSON_HEX_AMP
		)
	);
	$processor->set_attribute( 'data-wp-key', $unique_image_id );

// Image.
	$processor->next_tag( 'img' );
	$processor->set_attribute( 'data-wp-init', 'callbacks.setButtonStyles' );
	$processor->set_attribute( 'data-wp-on--load', 'callbacks.setButtonStyles' );
	$processor->set_attribute( 'data-wp-on-window--resize', 'callbacks.setButtonStyles' );

// Set an event to preload the image on pointerenter and pointerdown(mobile).
	// Pointerleave is used to cancel the preload if the user hovers away from the image
	// before the predefined delay.
	$processor->set_attribute( 'data-wp-on--pointerenter', 'actions.preloadImageWithDelay' );
	$processor->set_attribute( 'data-wp-on--pointerdown', 'actions.preloadImage' );
	$processor->set_attribute( 'data-wp-on--pointerleave', 'actions.cancelPreload' );

// Sets an event callback on the `img` because the `figure` element can also
	// contain a caption, and we don't want to trigger the lightbox when the
	// caption is clicked.
	$processor->set_attribute( 'data-wp-on--click', 'actions.showLightbox' );
	$processor->set_attribute( 'data-wp-class--hide', 'state.isContentHidden' );
	$processor->set_attribute( 'data-wp-class--show', 'state.isContentVisible' );

$body_content = $processor->get_updated_html();

// Adds a button alongside image in the body content.
	$img = null;
	preg_match( '/<img[^>]+>/', $body_content, $img );

$button =
		$img[0]
		. '<button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button>';

$body_content = preg_replace( '/<img[^>]+>/', $button, $body_content );

add_action( 'wp_footer', 'block_core_image_print_lightbox_overlay' );

return $body_content;
}

/**
 * @since 6.5.0
 */
function block_core_image_print_lightbox_overlay() {
	$dialog_label      = esc_attr__( 'Enlarged images' );
	$close_button_text = esc_attr__( 'Close' );
	$prev_button_text  = esc_attr_x( 'Previous', 'previous image in lightbox' );
	$next_button_text  = esc_attr_x( 'Next', 'next image in lightbox' );
	$close_button_icon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" focusable="false"><path d="m13.06 12 6.47-6.47-1.06-1.06L12 10.94 5.53 4.47 4.47 5.53 10.94 12l-6.47 6.47 1.06 1.06L12 13.06l6.47 6.47 1.06-1.06L13.06 12Z"></path></svg>';
	$prev_button_icon  = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="28" height="28" aria-hidden="true" focusable="false"><path d="M14.6 7l-1.2-1L8 12l5.4 6 1.2-1-4.6-5z"></path></svg>';
	$next_button_icon  = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="28" height="28" aria-hidden="true" focusable="false"><path d="M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z"></path></svg>';

// If the current theme does NOT have a `theme.json`, or the colors are not
	// defined, it needs to set the background color & close button color to some
	// default values because it can't get them from the Global Styles.
	$background_color   = '#fff';
	$close_button_color = '#000';
	if ( wp_theme_has_theme_json() ) {
		$global_styles_color = wp_get_global_styles( array( 'color' ) );
		if ( ! empty( $global_styles_color['background'] ) ) {
			$background_color = esc_attr( $global_styles_color['background'] );
		}
		if ( ! empty( $global_styles_color['text'] ) ) {
			$close_button_color = esc_attr( $global_styles_color['text'] );
		}
	}

echo <<<HTML
		<div
			class="wp-lightbox-overlay zoom"
			aria-label="{$dialog_label}"
			data-wp-interactive="core/image"
			data-wp-router-region='{ "id": "core/image-overlay", "attachTo": "body" }'
			data-wp-key="wp-lightbox-overlay"
			data-wp-context='{}'
			data-wp-bind--role="state.roleAttribute"
			data-wp-bind--aria-label="state.ariaLabel"
			data-wp-bind--aria-modal="state.ariaModal"
			data-wp-class--active="state.overlayEnabled"
			data-wp-class--show-closing-animation="state.overlayOpened"
			data-wp-watch---focus="callbacks.setOverlayFocus"
			data-wp-watch---inert="callbacks.setInertElements"
			data-wp-on--keydown="actions.handleKeydown"
			data-wp-on--touchstart="actions.handleTouchStart"
			data-wp-on--touchmove="actions.handleTouchMove"
			data-wp-on--touchend="actions.handleTouchEnd"
			data-wp-on--click="actions.hideLightbox"
			data-wp-on-window--resize="callbacks.setOverlayStyles"
			data-wp-on-window--scroll="actions.handleScroll"
			data-wp-bind--style="state.overlayStyles"
			tabindex="-1"
			>
				<button type="button" style="fill:{$close_button_color}" class="wp-lightbox-close-button" data-wp-bind--aria-label="state.closeButtonAriaLabel">
					<span class="wp-lightbox-close-icon" data-wp-bind--hidden="!state.hasNavigationIcon">{$close_button_icon}</span>
					<span class="wp-lightbox-close-text" data-wp-bind--hidden="!state.hasNavigationText">{$close_button_text}</span>
				</button>
				<button type="button" style="fill:{$close_button_color}" class="wp-lightbox-navigation-button wp-lightbox-navigation-button-prev" data-wp-bind--hidden="!state.hasNavigation" data-wp-on--click="actions.showPreviousImage" data-wp-bind--aria-label="state.prevButtonAriaLabel">
					<span class="wp-lightbox-navigation-icon" data-wp-bind--hidden="!state.hasNavigationIcon">{$prev_button_icon}</span>
					<span class="wp-lightbox-navigation-text" data-wp-bind--hidden="!state.hasNavigationText">{$prev_button_text}</span>
				</button>
				<div class="lightbox-image-container">
					<figure data-wp-bind--class="state.selectedImage.figureClassNames" data-wp-bind--style="state.figureStyles">
						<img data-wp-bind--alt="state.selectedImage.alt" data-wp-bind--class="state.selectedImage.imgClassNames" data-wp-bind--style="state.imgStyles" data-wp-bind--src="state.selectedImage.currentSrc">
					</figure>
				</div>
				<div class="lightbox-image-container">
					<figure data-wp-bind--class="state.selectedImage.figureClassNames" data-wp-bind--style="state.figureStyles">
						<img
							data-wp-bind--alt="state.selectedImage.alt"
							data-wp-bind--class="state.selectedImage.imgClassNames"
							data-wp-bind--style="state.imgStyles"
							data-wp-bind--src="state.enlargedSrc"
							data-wp-bind--srcset="state.enlargedSrcset"
							sizes="100vw"
						>
					</figure>
				</div>
				<button type="button" style="fill:{$close_button_color}" class="wp-lightbox-navigation-button wp-lightbox-navigation-button-next" data-wp-bind--hidden="!state.hasNavigation" data-wp-on--click="actions.showNextImage" data-wp-bind--aria-label="state.nextButtonAriaLabel">
					<span class="wp-lightbox-navigation-text" data-wp-bind--hidden="!state.hasNavigationText">{$next_button_text}</span>
					<span class="wp-lightbox-navigation-icon" data-wp-bind--hidden="!state.hasNavigationIcon">{$next_button_icon}</span>
				</button>
				<div data-wp-text="state.ariaLabel" aria-live="polite" aria-atomic="true" class="screen-reader-text"></div>
				<div class="scrim" style="background-color: {$background_color}" aria-hidden="true"></div>
		</div>
HTML;
}

/**
 * Registers the `core/image` block on server.
 *
 * @since 5.9.0
 */
function register_block_core_image() {
	register_block_type_from_metadata(
		__DIR__ . '/image',
		array(
			'render_callback' => 'render_block_core_image',
		)
	);
}
add_action( 'init', 'register_block_core_image' );

cmd: