@wordpress/block-library 9.3.0 → 9.4.0

package/build-module/image/image.js.map

@@ -1 +1 @@
-{"version":3,"names":["isBlobURL","ExternalLink","ResizableBox","Spinner","TextareaControl","TextControl","ToolbarButton","ToolbarGroup","Dropdown","__experimentalToolsPanel","ToolsPanel","__experimentalToolsPanelItem","ToolsPanelItem","__experimentalUseCustomUnits","useCustomUnits","useViewportMatch","useSelect","useDispatch","BlockControls","InspectorControls","__experimentalImageURLInputUI","ImageURLInputUI","MediaReplaceFlow","store","blockEditorStore","useSettings","__experimentalImageEditor","ImageEditor","__experimentalUseBorderProps","useBorderProps","__experimentalGetShadowClassesAndStyles","getShadowClassesAndStyles","privateApis","blockEditorPrivateApis","useEffect","useMemo","useState","useRef","__","_x","sprintf","isRTL","DOWN","getFilename","switchToBlockType","blocksStore","crop","overlayText","upload","noticesStore","coreStore","unlock","createUpgradedEmbedBlock","isExternalImage","Caption","useToolsPanelDropdownMenuProps","MIN_SIZE","ALLOWED_MEDIA_TYPES","evalAspectRatio","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DimensionsTool","ResolutionTool","scaleOptions","value","label","help","ImageWrapper","href","children","onClick","event","preventDefault","style","pointerEvents","cursor","display","Image","temporaryURL","attributes","setAttributes","isSingleSelected","insertBlocksAfter","onReplace","onSelectImage","onSelectURL","onUploadError","context","clientId","blockEditingMode","parentLayoutType","url","alt","align","id","rel","linkClass","linkDestination","title","width","height","aspectRatio","scale","linkTarget","sizeSlug","lightbox","metadata","numericWidth","parseInt","undefined","numericHeight","imageRef","allowResize","getBlock","getSettings","image","select","getMedia","canInsertCover","imageEditing","imageSizes","maxWidth","getBlockRootClientId","canInsertBlockType","rootClientId","settings","replaceBlocks","toggleSelection","createErrorNotice","createSuccessNotice","isLargeViewport","isWideAligned","includes","loadedNaturalWidth","loadedNaturalHeight","setLoadedNaturalSize","isEditingImage","setIsEditingImage","externalBlob","setExternalBlob","hasNonContentControls","isContentOnlyMode","isResizable","imageSizeOptions","filter","slug","media_details","sizes","source_url","map","name","mediaUpload","window","fetch","then","response","blob","catch","naturalWidth","naturalHeight","current","complete","onResizeStart","onResizeStop","onImageError","embedBlock","onSetHref","props","onSetLightbox","enable","lightboxSetting","enabled","resetLightbox","allowEditing","onSetTitle","updateAlt","newAlt","updateImage","newSizeSlug","newUrl","uploadExternal","filesList","onFileChange","img","type","allowedTypes","onError","message","canEditImage","allowCrop","switchToCover","dimensionsUnitsOptions","availableUnits","showLightboxSetting","lightboxChecked","dropdownMenuProps","dimensionsControl","onChange","newWidth","newHeight","newScale","newAspectRatio","defaultScale","defaultAspectRatio","unitsOptions","aspectRatioControl","tools","resetAll","sizeControls","arePatternOverridesEnabled","bindings","__default","source","lockUrlControls","lockHrefControls","lockAltControls","lockAltControlsMessage","lockTitleControls","lockTitleControlsMessage","lockCaption","getBlockBindingsSource","urlBinding","altBinding","titleBinding","hasParentPattern","urlBindingSource","altBindingSource","titleBindingSource","canUserEditValue","args","showUrlInput","showCoverControls","showBlockControls","controls","group","onChangeUrl","mediaUrl","mediaLink","link","lightboxEnabled","icon","mediaId","mediaURL","accept","onSelect","popoverProps","position","renderToggle","isOpen","onToggle","onKeyDown","keyCode","renderContent","className","disabled","__nextHasNoMarginBottom","isShownByDefault","hasValue","onDeselect","readOnly","length","options","__next40pxDefaultSize","filename","defaultedAlt","borderProps","shadowProps","isRounded","src","onLoad","target","ref","objectFit","onSaveImage","imageAttributes","onFinishEditing","numericRatio","customRatio","naturalRatio","ratio","currentWidth","currentHeight","minWidth","minHeight","maxWidthBuffer","showRightHandle","showLeftHandle","size","showHandle","maxHeight","lockAspectRatio","top","right","bottom","left","direction","elt","offsetWidth","String","resizeRatio","isSelected","showToolbarButton"],"sources":["@wordpress/block-library/src/image/image.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { isBlobURL } from '@wordpress/blob';\nimport {\n\tExternalLink,\n\tResizableBox,\n\tSpinner,\n\tTextareaControl,\n\tTextControl,\n\tToolbarButton,\n\tToolbarGroup,\n\tDropdown,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\t__experimentalUseCustomUnits as useCustomUnits,\n} from '@wordpress/components';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tBlockControls,\n\tInspectorControls,\n\t__experimentalImageURLInputUI as ImageURLInputUI,\n\tMediaReplaceFlow,\n\tstore as blockEditorStore,\n\tuseSettings,\n\t__experimentalImageEditor as ImageEditor,\n\t__experimentalUseBorderProps as useBorderProps,\n\t__experimentalGetShadowClassesAndStyles as getShadowClassesAndStyles,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { useEffect, useMemo, useState, useRef } from '@wordpress/element';\nimport { __, _x, sprintf, isRTL } from '@wordpress/i18n';\nimport { DOWN } from '@wordpress/keycodes';\nimport { getFilename } from '@wordpress/url';\nimport { switchToBlockType, store as blocksStore } from '@wordpress/blocks';\nimport { crop, overlayText, upload } from '@wordpress/icons';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../lock-unlock';\nimport { createUpgradedEmbedBlock } from '../embed/util';\nimport { isExternalImage } from './edit';\nimport { Caption } from '../utils/caption';\n\n/**\n * Module constants\n */\nimport { useToolsPanelDropdownMenuProps } from '../utils/hooks';\nimport { MIN_SIZE, ALLOWED_MEDIA_TYPES } from './constants';\nimport { evalAspectRatio } from './utils';\n\nconst { DimensionsTool, ResolutionTool } = unlock( blockEditorPrivateApis );\n\nconst scaleOptions = [\n\t{\n\t\tvalue: 'cover',\n\t\tlabel: _x( 'Cover', 'Scale option for dimensions control' ),\n\t\thelp: __( 'Image covers the space evenly.' ),\n\t},\n\t{\n\t\tvalue: 'contain',\n\t\tlabel: _x( 'Contain', 'Scale option for dimensions control' ),\n\t\thelp: __( 'Image is contained without distortion.' ),\n\t},\n];\n\n// If the image has a href, wrap in an <a /> tag to trigger any inherited link element styles.\nconst ImageWrapper = ( { href, children } ) => {\n\tif ( ! href ) {\n\t\treturn children;\n\t}\n\treturn (\n\t\t<a\n\t\t\thref={ href }\n\t\t\tonClick={ ( event ) => event.preventDefault() }\n\t\t\taria-disabled\n\t\t\tstyle={ {\n\t\t\t\t// When the Image block is linked,\n\t\t\t\t// it's wrapped with a disabled <a /> tag.\n\t\t\t\t// Restore cursor style so it doesn't appear 'clickable'\n\t\t\t\t// and remove pointer events. Safari needs the display property.\n\t\t\t\tpointerEvents: 'none',\n\t\t\t\tcursor: 'default',\n\t\t\t\tdisplay: 'inline',\n\t\t\t} }\n\t\t>\n\t\t\t{ children }\n\t\t</a>\n\t);\n};\n\nexport default function Image( {\n\ttemporaryURL,\n\tattributes,\n\tsetAttributes,\n\tisSingleSelected,\n\tinsertBlocksAfter,\n\tonReplace,\n\tonSelectImage,\n\tonSelectURL,\n\tonUploadError,\n\tcontext,\n\tclientId,\n\tblockEditingMode,\n\tparentLayoutType,\n} ) {\n\tconst {\n\t\turl = '',\n\t\talt,\n\t\talign,\n\t\tid,\n\t\thref,\n\t\trel,\n\t\tlinkClass,\n\t\tlinkDestination,\n\t\ttitle,\n\t\twidth,\n\t\theight,\n\t\taspectRatio,\n\t\tscale,\n\t\tlinkTarget,\n\t\tsizeSlug,\n\t\tlightbox,\n\t\tmetadata,\n\t} = attributes;\n\n\t// The only supported unit is px, so we can parseInt to strip the px here.\n\tconst numericWidth = width ? parseInt( width, 10 ) : undefined;\n\tconst numericHeight = height ? parseInt( height, 10 ) : undefined;\n\n\tconst imageRef = useRef();\n\tconst { allowResize = true } = context;\n\tconst { getBlock, getSettings } = useSelect( blockEditorStore );\n\n\tconst image = useSelect(\n\t\t( select ) =>\n\t\t\tid && isSingleSelected\n\t\t\t\t? select( coreStore ).getMedia( id, { context: 'view' } )\n\t\t\t\t: null,\n\t\t[ id, isSingleSelected ]\n\t);\n\n\tconst { canInsertCover, imageEditing, imageSizes, maxWidth } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockRootClientId, canInsertBlockType } =\n\t\t\t\tselect( blockEditorStore );\n\n\t\t\tconst rootClientId = getBlockRootClientId( clientId );\n\t\t\tconst settings = getSettings();\n\n\t\t\treturn {\n\t\t\t\timageEditing: settings.imageEditing,\n\t\t\t\timageSizes: settings.imageSizes,\n\t\t\t\tmaxWidth: settings.maxWidth,\n\t\t\t\tcanInsertCover: canInsertBlockType(\n\t\t\t\t\t'core/cover',\n\t\t\t\t\trootClientId\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst { replaceBlocks, toggleSelection } = useDispatch( blockEditorStore );\n\tconst { createErrorNotice, createSuccessNotice } =\n\t\tuseDispatch( noticesStore );\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst isWideAligned = [ 'wide', 'full' ].includes( align );\n\tconst [\n\t\t{ loadedNaturalWidth, loadedNaturalHeight },\n\t\tsetLoadedNaturalSize,\n\t] = useState( {} );\n\tconst [ isEditingImage, setIsEditingImage ] = useState( false );\n\tconst [ externalBlob, setExternalBlob ] = useState();\n\tconst hasNonContentControls = blockEditingMode === 'default';\n\tconst isContentOnlyMode = blockEditingMode === 'contentOnly';\n\tconst isResizable =\n\t\tallowResize &&\n\t\thasNonContentControls &&\n\t\t! isWideAligned &&\n\t\tisLargeViewport;\n\tconst imageSizeOptions = imageSizes\n\t\t.filter(\n\t\t\t( { slug } ) => image?.media_details?.sizes?.[ slug ]?.source_url\n\t\t)\n\t\t.map( ( { name, slug } ) => ( { value: slug, label: name } ) );\n\n\t// If an image is externally hosted, try to fetch the image data. This may\n\t// fail if the image host doesn't allow CORS with the domain. If it works,\n\t// we can enable a button in the toolbar to upload the image.\n\tuseEffect( () => {\n\t\tif (\n\t\t\t! isExternalImage( id, url ) ||\n\t\t\t! isSingleSelected ||\n\t\t\t! getSettings().mediaUpload\n\t\t) {\n\t\t\tsetExternalBlob();\n\t\t\treturn;\n\t\t}\n\n\t\tif ( externalBlob ) {\n\t\t\treturn;\n\t\t}\n\n\t\twindow\n\t\t\t// Avoid cache, which seems to help avoid CORS problems.\n\t\t\t.fetch( url.includes( '?' ) ? url : url + '?' )\n\t\t\t.then( ( response ) => response.blob() )\n\t\t\t.then( ( blob ) => setExternalBlob( blob ) )\n\t\t\t// Do nothing, cannot upload.\n\t\t\t.catch( () => {} );\n\t}, [ id, url, isSingleSelected, externalBlob ] );\n\n\t// Get naturalWidth and naturalHeight from image ref, and fall back to loaded natural\n\t// width and height. This resolves an issue in Safari where the loaded natural\n\t// width and height is otherwise lost when switching between alignments.\n\t// See: https://github.com/WordPress/gutenberg/pull/37210.\n\tconst { naturalWidth, naturalHeight } = useMemo( () => {\n\t\treturn {\n\t\t\tnaturalWidth:\n\t\t\t\timageRef.current?.naturalWidth ||\n\t\t\t\tloadedNaturalWidth ||\n\t\t\t\tundefined,\n\t\t\tnaturalHeight:\n\t\t\t\timageRef.current?.naturalHeight ||\n\t\t\t\tloadedNaturalHeight ||\n\t\t\t\tundefined,\n\t\t};\n\t}, [\n\t\tloadedNaturalWidth,\n\t\tloadedNaturalHeight,\n\t\timageRef.current?.complete,\n\t] );\n\n\tfunction onResizeStart() {\n\t\ttoggleSelection( false );\n\t}\n\n\tfunction onResizeStop() {\n\t\ttoggleSelection( true );\n\t}\n\n\tfunction onImageError() {\n\t\t// Check if there's an embed block that handles this URL, e.g., instagram URL.\n\t\t// See: https://github.com/WordPress/gutenberg/pull/11472\n\t\tconst embedBlock = createUpgradedEmbedBlock( { attributes: { url } } );\n\n\t\tif ( undefined !== embedBlock ) {\n\t\t\tonReplace( embedBlock );\n\t\t}\n\t}\n\n\tfunction onSetHref( props ) {\n\t\tsetAttributes( props );\n\t}\n\n\tfunction onSetLightbox( enable ) {\n\t\tif ( enable && ! lightboxSetting?.enabled ) {\n\t\t\tsetAttributes( {\n\t\t\t\tlightbox: { enabled: true },\n\t\t\t} );\n\t\t} else if ( ! enable && lightboxSetting?.enabled ) {\n\t\t\tsetAttributes( {\n\t\t\t\tlightbox: { enabled: false },\n\t\t\t} );\n\t\t} else {\n\t\t\tsetAttributes( {\n\t\t\t\tlightbox: undefined,\n\t\t\t} );\n\t\t}\n\t}\n\n\tfunction resetLightbox() {\n\t\t// When deleting a link from an image while lightbox settings\n\t\t// are enabled by default, we should disable the lightbox,\n\t\t// otherwise the resulting UX looks like a mistake.\n\t\t// See https://github.com/WordPress/gutenberg/pull/59890/files#r1532286123.\n\t\tif ( lightboxSetting?.enabled && lightboxSetting?.allowEditing ) {\n\t\t\tsetAttributes( {\n\t\t\t\tlightbox: { enabled: false },\n\t\t\t} );\n\t\t} else {\n\t\t\tsetAttributes( {\n\t\t\t\tlightbox: undefined,\n\t\t\t} );\n\t\t}\n\t}\n\n\tfunction onSetTitle( value ) {\n\t\t// This is the HTML title attribute, separate from the media object\n\t\t// title.\n\t\tsetAttributes( { title: value } );\n\t}\n\n\tfunction updateAlt( newAlt ) {\n\t\tsetAttributes( { alt: newAlt } );\n\t}\n\n\tfunction updateImage( newSizeSlug ) {\n\t\tconst newUrl = image?.media_details?.sizes?.[ newSizeSlug ]?.source_url;\n\t\tif ( ! newUrl ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tsetAttributes( {\n\t\t\turl: newUrl,\n\t\t\tsizeSlug: newSizeSlug,\n\t\t} );\n\t}\n\n\tfunction uploadExternal() {\n\t\tconst { mediaUpload } = getSettings();\n\t\tif ( ! mediaUpload ) {\n\t\t\treturn;\n\t\t}\n\t\tmediaUpload( {\n\t\t\tfilesList: [ externalBlob ],\n\t\t\tonFileChange( [ img ] ) {\n\t\t\t\tonSelectImage( img );\n\n\t\t\t\tif ( isBlobURL( img.url ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tsetExternalBlob();\n\t\t\t\tcreateSuccessNotice( __( 'Image uploaded.' ), {\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t} );\n\t\t\t},\n\t\t\tallowedTypes: ALLOWED_MEDIA_TYPES,\n\t\t\tonError( message ) {\n\t\t\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t\t\t},\n\t\t} );\n\t}\n\n\tuseEffect( () => {\n\t\tif ( ! isSingleSelected ) {\n\t\t\tsetIsEditingImage( false );\n\t\t}\n\t}, [ isSingleSelected ] );\n\n\tconst canEditImage = id && naturalWidth && naturalHeight && imageEditing;\n\tconst allowCrop = isSingleSelected && canEditImage && ! isEditingImage;\n\n\tfunction switchToCover() {\n\t\treplaceBlocks(\n\t\t\tclientId,\n\t\t\tswitchToBlockType( getBlock( clientId ), 'core/cover' )\n\t\t);\n\t}\n\n\t// TODO: Can allow more units after figuring out how they should interact\n\t// with the ResizableBox and ImageEditor components. Calculations later on\n\t// for those components are currently assuming px units.\n\tconst dimensionsUnitsOptions = useCustomUnits( {\n\t\tavailableUnits: [ 'px' ],\n\t} );\n\n\tconst [ lightboxSetting ] = useSettings( 'lightbox' );\n\n\tconst showLightboxSetting =\n\t\t// If a block-level override is set, we should give users the option to\n\t\t// remove that override, even if the lightbox UI is disabled in the settings.\n\t\t( !! lightbox && lightbox?.enabled !== lightboxSetting?.enabled ) ||\n\t\tlightboxSetting?.allowEditing;\n\n\tconst lightboxChecked =\n\t\t!! lightbox?.enabled || ( ! lightbox && !! lightboxSetting?.enabled );\n\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\n\tconst dimensionsControl = (\n\t\t<DimensionsTool\n\t\t\tvalue={ { width, height, scale, aspectRatio } }\n\t\t\tonChange={ ( {\n\t\t\t\twidth: newWidth,\n\t\t\t\theight: newHeight,\n\t\t\t\tscale: newScale,\n\t\t\t\taspectRatio: newAspectRatio,\n\t\t\t} ) => {\n\t\t\t\t// Rebuilding the object forces setting `undefined`\n\t\t\t\t// for values that are removed since setAttributes\n\t\t\t\t// doesn't do anything with keys that aren't set.\n\t\t\t\tsetAttributes( {\n\t\t\t\t\t// CSS includes `height: auto`, but we need\n\t\t\t\t\t// `width: auto` to fix the aspect ratio when\n\t\t\t\t\t// only height is set due to the width and\n\t\t\t\t\t// height attributes set via the server.\n\t\t\t\t\twidth: ! newWidth && newHeight ? 'auto' : newWidth,\n\t\t\t\t\theight: newHeight,\n\t\t\t\t\tscale: newScale,\n\t\t\t\t\taspectRatio: newAspectRatio,\n\t\t\t\t} );\n\t\t\t} }\n\t\t\tdefaultScale=\"cover\"\n\t\t\tdefaultAspectRatio=\"auto\"\n\t\t\tscaleOptions={ scaleOptions }\n\t\t\tunitsOptions={ dimensionsUnitsOptions }\n\t\t/>\n\t);\n\n\tconst aspectRatioControl = (\n\t\t<DimensionsTool\n\t\t\tvalue={ { aspectRatio } }\n\t\t\tonChange={ ( { aspectRatio: newAspectRatio } ) => {\n\t\t\t\tsetAttributes( {\n\t\t\t\t\taspectRatio: newAspectRatio,\n\t\t\t\t\tscale: 'cover',\n\t\t\t\t} );\n\t\t\t} }\n\t\t\tdefaultAspectRatio=\"auto\"\n\t\t\ttools={ [ 'aspectRatio' ] }\n\t\t/>\n\t);\n\n\tconst resetAll = () => {\n\t\tsetAttributes( {\n\t\t\talt: undefined,\n\t\t\twidth: undefined,\n\t\t\theight: undefined,\n\t\t\tscale: undefined,\n\t\t\taspectRatio: undefined,\n\t\t\tlightbox: undefined,\n\t\t} );\n\t};\n\n\tconst sizeControls = (\n\t\t<InspectorControls>\n\t\t\t<ToolsPanel\n\t\t\t\tlabel={ __( 'Settings' ) }\n\t\t\t\tresetAll={ resetAll }\n\t\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t\t>\n\t\t\t\t{ isResizable &&\n\t\t\t\t\t( parentLayoutType === 'grid'\n\t\t\t\t\t\t? aspectRatioControl\n\t\t\t\t\t\t: dimensionsControl ) }\n\t\t\t</ToolsPanel>\n\t\t</InspectorControls>\n\t);\n\n\tconst arePatternOverridesEnabled =\n\t\tmetadata?.bindings?.__default?.source === 'core/pattern-overrides';\n\n\tconst {\n\t\tlockUrlControls = false,\n\t\tlockHrefControls = false,\n\t\tlockAltControls = false,\n\t\tlockAltControlsMessage,\n\t\tlockTitleControls = false,\n\t\tlockTitleControlsMessage,\n\t\tlockCaption = false,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! isSingleSelected ) {\n\t\t\t\treturn {};\n\t\t\t}\n\t\t\tconst { getBlockBindingsSource } = unlock( select( blocksStore ) );\n\t\t\tconst {\n\t\t\t\turl: urlBinding,\n\t\t\t\talt: altBinding,\n\t\t\t\ttitle: titleBinding,\n\t\t\t} = metadata?.bindings || {};\n\t\t\tconst hasParentPattern = !! context[ 'pattern/overrides' ];\n\t\t\tconst urlBindingSource = getBlockBindingsSource(\n\t\t\t\turlBinding?.source\n\t\t\t);\n\t\t\tconst altBindingSource = getBlockBindingsSource(\n\t\t\t\taltBinding?.source\n\t\t\t);\n\t\t\tconst titleBindingSource = getBlockBindingsSource(\n\t\t\t\ttitleBinding?.source\n\t\t\t);\n\t\t\treturn {\n\t\t\t\tlockUrlControls:\n\t\t\t\t\t!! urlBinding &&\n\t\t\t\t\t! urlBindingSource?.canUserEditValue( {\n\t\t\t\t\t\tselect,\n\t\t\t\t\t\tcontext,\n\t\t\t\t\t\targs: urlBinding?.args,\n\t\t\t\t\t} ),\n\t\t\t\tlockHrefControls:\n\t\t\t\t\t// Disable editing the link of the URL if the image is inside a pattern instance.\n\t\t\t\t\t// This is a temporary solution until we support overriding the link on the frontend.\n\t\t\t\t\thasParentPattern || arePatternOverridesEnabled,\n\t\t\t\tlockCaption:\n\t\t\t\t\t// Disable editing the caption if the image is inside a pattern instance.\n\t\t\t\t\t// This is a temporary solution until we support overriding the caption on the frontend.\n\t\t\t\t\thasParentPattern,\n\t\t\t\tlockAltControls:\n\t\t\t\t\t!! altBinding &&\n\t\t\t\t\t! altBindingSource?.canUserEditValue( {\n\t\t\t\t\t\tselect,\n\t\t\t\t\t\tcontext,\n\t\t\t\t\t\targs: altBinding?.args,\n\t\t\t\t\t} ),\n\t\t\t\tlockAltControlsMessage: altBindingSource?.label\n\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t/* translators: %s: Label of the bindings source. */\n\t\t\t\t\t\t\t__( 'Connected to %s' ),\n\t\t\t\t\t\t\taltBindingSource.label\n\t\t\t\t\t  )\n\t\t\t\t\t: __( 'Connected to dynamic data' ),\n\t\t\t\tlockTitleControls:\n\t\t\t\t\t!! titleBinding &&\n\t\t\t\t\t! titleBindingSource?.canUserEditValue( {\n\t\t\t\t\t\tselect,\n\t\t\t\t\t\tcontext,\n\t\t\t\t\t\targs: titleBinding?.args,\n\t\t\t\t\t} ),\n\t\t\t\tlockTitleControlsMessage: titleBindingSource?.label\n\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t/* translators: %s: Label of the bindings source. */\n\t\t\t\t\t\t\t__( 'Connected to %s' ),\n\t\t\t\t\t\t\ttitleBindingSource.label\n\t\t\t\t\t  )\n\t\t\t\t\t: __( 'Connected to dynamic data' ),\n\t\t\t};\n\t\t},\n\t\t[\n\t\t\tarePatternOverridesEnabled,\n\t\t\tcontext,\n\t\t\tisSingleSelected,\n\t\t\tmetadata?.bindings,\n\t\t]\n\t);\n\n\tconst showUrlInput =\n\t\tisSingleSelected &&\n\t\t! isEditingImage &&\n\t\t! lockHrefControls &&\n\t\t! lockUrlControls;\n\n\tconst showCoverControls = isSingleSelected && canInsertCover;\n\n\tconst showBlockControls = showUrlInput || allowCrop || showCoverControls;\n\n\tconst controls = (\n\t\t<>\n\t\t\t{ showBlockControls && (\n\t\t\t\t<BlockControls group=\"block\">\n\t\t\t\t\t{ showUrlInput && (\n\t\t\t\t\t\t<ImageURLInputUI\n\t\t\t\t\t\t\turl={ href || '' }\n\t\t\t\t\t\t\tonChangeUrl={ onSetHref }\n\t\t\t\t\t\t\tlinkDestination={ linkDestination }\n\t\t\t\t\t\t\tmediaUrl={ ( image && image.source_url ) || url }\n\t\t\t\t\t\t\tmediaLink={ image && image.link }\n\t\t\t\t\t\t\tlinkTarget={ linkTarget }\n\t\t\t\t\t\t\tlinkClass={ linkClass }\n\t\t\t\t\t\t\trel={ rel }\n\t\t\t\t\t\t\tshowLightboxSetting={ showLightboxSetting }\n\t\t\t\t\t\t\tlightboxEnabled={ lightboxChecked }\n\t\t\t\t\t\t\tonSetLightbox={ onSetLightbox }\n\t\t\t\t\t\t\tresetLightbox={ resetLightbox }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ allowCrop && (\n\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\tonClick={ () => setIsEditingImage( true ) }\n\t\t\t\t\t\t\ticon={ crop }\n\t\t\t\t\t\t\tlabel={ __( 'Crop' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ showCoverControls && (\n\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\ticon={ overlayText }\n\t\t\t\t\t\t\tlabel={ __( 'Add text over image' ) }\n\t\t\t\t\t\t\tonClick={ switchToCover }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</BlockControls>\n\t\t\t) }\n\t\t\t{ isSingleSelected && ! isEditingImage && ! lockUrlControls && (\n\t\t\t\t<BlockControls group=\"other\">\n\t\t\t\t\t<MediaReplaceFlow\n\t\t\t\t\t\tmediaId={ id }\n\t\t\t\t\t\tmediaURL={ url }\n\t\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\t\taccept=\"image/*\"\n\t\t\t\t\t\tonSelect={ onSelectImage }\n\t\t\t\t\t\tonSelectURL={ onSelectURL }\n\t\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\t/>\n\t\t\t\t</BlockControls>\n\t\t\t) }\n\t\t\t{ isSingleSelected && externalBlob && (\n\t\t\t\t<BlockControls>\n\t\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\tonClick={ uploadExternal }\n\t\t\t\t\t\t\ticon={ upload }\n\t\t\t\t\t\t\tlabel={ __( 'Upload to Media Library' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolbarGroup>\n\t\t\t\t</BlockControls>\n\t\t\t) }\n\t\t\t{ isContentOnlyMode && (\n\t\t\t\t// Add some extra controls for content attributes when content only mode is active.\n\t\t\t\t// With content only mode active, the inspector is hidden, so users need another way\n\t\t\t\t// to edit these attributes.\n\t\t\t\t<BlockControls group=\"other\">\n\t\t\t\t\t<Dropdown\n\t\t\t\t\t\tpopoverProps={ { position: 'bottom right' } }\n\t\t\t\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\t\t\tonKeyDown={ ( event ) => {\n\t\t\t\t\t\t\t\t\tif ( ! isOpen && event.keyCode === DOWN ) {\n\t\t\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\t\t\tonToggle();\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ _x(\n\t\t\t\t\t\t\t\t\t'Alt',\n\t\t\t\t\t\t\t\t\t'Alternative text for an image. Block toolbar label, a low character count is preferred.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</ToolbarButton>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\trenderContent={ () => (\n\t\t\t\t\t\t\t<TextareaControl\n\t\t\t\t\t\t\t\tclassName=\"wp-block-image__toolbar_content_textarea\"\n\t\t\t\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\t\t\t\tvalue={ alt || '' }\n\t\t\t\t\t\t\t\tonChange={ updateAlt }\n\t\t\t\t\t\t\t\tdisabled={ lockAltControls }\n\t\t\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\t\t\tlockAltControls ? (\n\t\t\t\t\t\t\t\t\t\t<>{ lockAltControlsMessage }</>\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\t\t\t\thref={\n\t\t\t\t\t\t\t\t\t\t\t\t\t// translators: Localized tutorial, if one exists. W3C Web Accessibility Initiative link has list of existing translations.\n\t\t\t\t\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'https://www.w3.org/WAI/tutorials/images/decision-tree/'\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'Describe the purpose of the image.'\n\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Leave empty if decorative.'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t\t<Dropdown\n\t\t\t\t\t\tpopoverProps={ { position: 'bottom right' } }\n\t\t\t\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\t\t\tonKeyDown={ ( event ) => {\n\t\t\t\t\t\t\t\t\tif ( ! isOpen && event.keyCode === DOWN ) {\n\t\t\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\t\t\tonToggle();\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Title' ) }\n\t\t\t\t\t\t\t</ToolbarButton>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\trenderContent={ () => (\n\t\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t\tclassName=\"wp-block-image__toolbar_content_textarea\"\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\tlabel={ __( 'Title attribute' ) }\n\t\t\t\t\t\t\t\tvalue={ title || '' }\n\t\t\t\t\t\t\t\tonChange={ onSetTitle }\n\t\t\t\t\t\t\t\tdisabled={ lockTitleControls }\n\t\t\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\t\t\tlockTitleControls ? (\n\t\t\t\t\t\t\t\t\t\t<>{ lockTitleControlsMessage }</>\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Describe the role of this image on the page.'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t<ExternalLink href=\"https://www.w3.org/TR/html52/dom.html#the-title-attribute\">\n\t\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'(Note: many devices and browsers do not display this text.)'\n\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t</BlockControls>\n\t\t\t) }\n\t\t\t<InspectorControls>\n\t\t\t\t<ToolsPanel\n\t\t\t\t\tlabel={ __( 'Settings' ) }\n\t\t\t\t\tresetAll={ resetAll }\n\t\t\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t\t\t>\n\t\t\t\t\t{ isSingleSelected && (\n\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\t\thasValue={ () => !! alt }\n\t\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( { alt: undefined } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<TextareaControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\t\t\t\tvalue={ alt || '' }\n\t\t\t\t\t\t\t\tonChange={ updateAlt }\n\t\t\t\t\t\t\t\treadOnly={ lockAltControls }\n\t\t\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\t\t\tlockAltControls ? (\n\t\t\t\t\t\t\t\t\t\t<>{ lockAltControlsMessage }</>\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\t\t\t\thref={\n\t\t\t\t\t\t\t\t\t\t\t\t\t// translators: Localized tutorial, if one exists. W3C Web Accessibility Initiative link has list of existing translations.\n\t\t\t\t\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'https://www.w3.org/WAI/tutorials/images/decision-tree/'\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'Describe the purpose of the image.'\n\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Leave empty if decorative.'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t) }\n\t\t\t\t\t{ isResizable &&\n\t\t\t\t\t\t( parentLayoutType === 'grid'\n\t\t\t\t\t\t\t? aspectRatioControl\n\t\t\t\t\t\t\t: dimensionsControl ) }\n\t\t\t\t\t{ !! imageSizeOptions.length && (\n\t\t\t\t\t\t<ResolutionTool\n\t\t\t\t\t\t\tvalue={ sizeSlug }\n\t\t\t\t\t\t\tonChange={ updateImage }\n\t\t\t\t\t\t\toptions={ imageSizeOptions }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</ToolsPanel>\n\t\t\t</InspectorControls>\n\t\t\t<InspectorControls group=\"advanced\">\n\t\t\t\t<TextControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tlabel={ __( 'Title attribute' ) }\n\t\t\t\t\tvalue={ title || '' }\n\t\t\t\t\tonChange={ onSetTitle }\n\t\t\t\t\treadOnly={ lockTitleControls }\n\t\t\t\t\thelp={\n\t\t\t\t\t\tlockTitleControls ? (\n\t\t\t\t\t\t\t<>{ lockTitleControlsMessage }</>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'Describe the role of this image on the page.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t<ExternalLink href=\"https://www.w3.org/TR/html52/dom.html#the-title-attribute\">\n\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t'(Note: many devices and browsers do not display this text.)'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t</>\n\t);\n\n\tconst filename = getFilename( url );\n\tlet defaultedAlt;\n\n\tif ( alt ) {\n\t\tdefaultedAlt = alt;\n\t} else if ( filename ) {\n\t\tdefaultedAlt = sprintf(\n\t\t\t/* translators: %s: file name */\n\t\t\t__( 'This image has an empty alt attribute; its file name is %s' ),\n\t\t\tfilename\n\t\t);\n\t} else {\n\t\tdefaultedAlt = __( 'This image has an empty alt attribute' );\n\t}\n\n\tconst borderProps = useBorderProps( attributes );\n\tconst shadowProps = getShadowClassesAndStyles( attributes );\n\tconst isRounded = attributes.className?.includes( 'is-style-rounded' );\n\n\tlet img = (\n\t\t// Disable reason: Image itself is not meant to be interactive, but\n\t\t// should direct focus to block.\n\t\t/* eslint-disable jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events */\n\t\t<>\n\t\t\t<img\n\t\t\t\tsrc={ temporaryURL || url }\n\t\t\t\talt={ defaultedAlt }\n\t\t\t\tonError={ () => onImageError() }\n\t\t\t\tonLoad={ ( event ) => {\n\t\t\t\t\tsetLoadedNaturalSize( {\n\t\t\t\t\t\tloadedNaturalWidth: event.target?.naturalWidth,\n\t\t\t\t\t\tloadedNaturalHeight: event.target?.naturalHeight,\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t\tref={ imageRef }\n\t\t\t\tclassName={ borderProps.className }\n\t\t\t\tstyle={ {\n\t\t\t\t\twidth:\n\t\t\t\t\t\t( width && height ) || aspectRatio ? '100%' : undefined,\n\t\t\t\t\theight:\n\t\t\t\t\t\t( width && height ) || aspectRatio ? '100%' : undefined,\n\t\t\t\t\tobjectFit: scale,\n\t\t\t\t\t...borderProps.style,\n\t\t\t\t\t...shadowProps.style,\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t{ temporaryURL && <Spinner /> }\n\t\t</>\n\t\t/* eslint-enable jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events */\n\t);\n\n\tif ( canEditImage && isEditingImage ) {\n\t\timg = (\n\t\t\t<ImageWrapper href={ href }>\n\t\t\t\t<ImageEditor\n\t\t\t\t\tid={ id }\n\t\t\t\t\turl={ url }\n\t\t\t\t\twidth={ numericWidth }\n\t\t\t\t\theight={ numericHeight }\n\t\t\t\t\tnaturalHeight={ naturalHeight }\n\t\t\t\t\tnaturalWidth={ naturalWidth }\n\t\t\t\t\tonSaveImage={ ( imageAttributes ) =>\n\t\t\t\t\t\tsetAttributes( imageAttributes )\n\t\t\t\t\t}\n\t\t\t\t\tonFinishEditing={ () => {\n\t\t\t\t\t\tsetIsEditingImage( false );\n\t\t\t\t\t} }\n\t\t\t\t\tborderProps={ isRounded ? undefined : borderProps }\n\t\t\t\t/>\n\t\t\t</ImageWrapper>\n\t\t);\n\t} else if ( ! isResizable || parentLayoutType === 'grid' ) {\n\t\timg = (\n\t\t\t<div style={ { width, height, aspectRatio } }>\n\t\t\t\t<ImageWrapper href={ href }>{ img }</ImageWrapper>\n\t\t\t</div>\n\t\t);\n\t} else {\n\t\tconst numericRatio = aspectRatio && evalAspectRatio( aspectRatio );\n\t\tconst customRatio = numericWidth / numericHeight;\n\t\tconst naturalRatio = naturalWidth / naturalHeight;\n\t\tconst ratio = numericRatio || customRatio || naturalRatio || 1;\n\t\tconst currentWidth =\n\t\t\t! numericWidth && numericHeight\n\t\t\t\t? numericHeight * ratio\n\t\t\t\t: numericWidth;\n\t\tconst currentHeight =\n\t\t\t! numericHeight && numericWidth\n\t\t\t\t? numericWidth / ratio\n\t\t\t\t: numericHeight;\n\n\t\tconst minWidth =\n\t\t\tnaturalWidth < naturalHeight ? MIN_SIZE : MIN_SIZE * ratio;\n\t\tconst minHeight =\n\t\t\tnaturalHeight < naturalWidth ? MIN_SIZE : MIN_SIZE / ratio;\n\n\t\t// With the current implementation of ResizableBox, an image needs an\n\t\t// explicit pixel value for the max-width. In absence of being able to\n\t\t// set the content-width, this max-width is currently dictated by the\n\t\t// vanilla editor style. The following variable adds a buffer to this\n\t\t// vanilla style, so 3rd party themes have some wiggleroom. This does,\n\t\t// in most cases, allow you to scale the image beyond the width of the\n\t\t// main column, though not infinitely.\n\t\t// @todo It would be good to revisit this once a content-width variable\n\t\t// becomes available.\n\t\tconst maxWidthBuffer = maxWidth * 2.5;\n\n\t\tlet showRightHandle = false;\n\t\tlet showLeftHandle = false;\n\n\t\t/* eslint-disable no-lonely-if */\n\t\t// See https://github.com/WordPress/gutenberg/issues/7584.\n\t\tif ( align === 'center' ) {\n\t\t\t// When the image is centered, show both handles.\n\t\t\tshowRightHandle = true;\n\t\t\tshowLeftHandle = true;\n\t\t} else if ( isRTL() ) {\n\t\t\t// In RTL mode the image is on the right by default.\n\t\t\t// Show the right handle and hide the left handle only when it is\n\t\t\t// aligned left. Otherwise always show the left handle.\n\t\t\tif ( align === 'left' ) {\n\t\t\t\tshowRightHandle = true;\n\t\t\t} else {\n\t\t\t\tshowLeftHandle = true;\n\t\t\t}\n\t\t} else {\n\t\t\t// Show the left handle and hide the right handle only when the\n\t\t\t// image is aligned right. Otherwise always show the right handle.\n\t\t\tif ( align === 'right' ) {\n\t\t\t\tshowLeftHandle = true;\n\t\t\t} else {\n\t\t\t\tshowRightHandle = true;\n\t\t\t}\n\t\t}\n\t\t/* eslint-enable no-lonely-if */\n\t\timg = (\n\t\t\t<ResizableBox\n\t\t\t\tstyle={ {\n\t\t\t\t\tdisplay: 'block',\n\t\t\t\t\tobjectFit: scale,\n\t\t\t\t\taspectRatio:\n\t\t\t\t\t\t! width && ! height && aspectRatio\n\t\t\t\t\t\t\t? aspectRatio\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t} }\n\t\t\t\tsize={ {\n\t\t\t\t\twidth: currentWidth ?? 'auto',\n\t\t\t\t\theight: currentHeight ?? 'auto',\n\t\t\t\t} }\n\t\t\t\tshowHandle={ isSingleSelected }\n\t\t\t\tminWidth={ minWidth }\n\t\t\t\tmaxWidth={ maxWidthBuffer }\n\t\t\t\tminHeight={ minHeight }\n\t\t\t\tmaxHeight={ maxWidthBuffer / ratio }\n\t\t\t\tlockAspectRatio={ ratio }\n\t\t\t\tenable={ {\n\t\t\t\t\ttop: false,\n\t\t\t\t\tright: showRightHandle,\n\t\t\t\t\tbottom: true,\n\t\t\t\t\tleft: showLeftHandle,\n\t\t\t\t} }\n\t\t\t\tonResizeStart={ onResizeStart }\n\t\t\t\tonResizeStop={ ( event, direction, elt ) => {\n\t\t\t\t\tonResizeStop();\n\t\t\t\t\t// Since the aspect ratio is locked when resizing, we can\n\t\t\t\t\t// use the width of the resized element to calculate the\n\t\t\t\t\t// height in CSS to prevent stretching when the max-width\n\t\t\t\t\t// is reached.\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\twidth: `${ elt.offsetWidth }px`,\n\t\t\t\t\t\theight: 'auto',\n\t\t\t\t\t\taspectRatio:\n\t\t\t\t\t\t\tratio === naturalRatio\n\t\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t\t: String( ratio ),\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t\tresizeRatio={ align === 'center' ? 2 : 1 }\n\t\t\t>\n\t\t\t\t<ImageWrapper href={ href }>{ img }</ImageWrapper>\n\t\t\t</ResizableBox>\n\t\t);\n\t}\n\n\tif ( ! url && ! temporaryURL ) {\n\t\t// Add all controls if the image attributes are connected.\n\t\treturn metadata?.bindings ? controls : sizeControls;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ controls }\n\t\t\t{ img }\n\n\t\t\t<Caption\n\t\t\t\tattributes={ attributes }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\tisSelected={ isSingleSelected }\n\t\t\t\tinsertBlocksAfter={ insertBlocksAfter }\n\t\t\t\tlabel={ __( 'Image caption text' ) }\n\t\t\t\tshowToolbarButton={\n\t\t\t\t\tisSingleSelected &&\n\t\t\t\t\thasNonContentControls &&\n\t\t\t\t\t! arePatternOverridesEnabled\n\t\t\t\t}\n\t\t\t\treadOnly={ lockCaption }\n\t\t\t/>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["isBlobURL","ExternalLink","ResizableBox","Spinner","TextareaControl","TextControl","ToolbarButton","ToolbarGroup","Dropdown","__experimentalToolsPanel","ToolsPanel","__experimentalToolsPanelItem","ToolsPanelItem","__experimentalUseCustomUnits","useCustomUnits","Placeholder","useViewportMatch","useSelect","useDispatch","BlockControls","InspectorControls","__experimentalImageURLInputUI","ImageURLInputUI","MediaReplaceFlow","store","blockEditorStore","useSettings","__experimentalImageEditor","ImageEditor","__experimentalUseBorderProps","useBorderProps","__experimentalGetShadowClassesAndStyles","getShadowClassesAndStyles","privateApis","blockEditorPrivateApis","useEffect","useMemo","useState","useRef","__","_x","sprintf","isRTL","DOWN","getFilename","switchToBlockType","blocksStore","crop","overlayText","upload","noticesStore","coreStore","unlock","createUpgradedEmbedBlock","isExternalImage","Caption","useToolsPanelDropdownMenuProps","MIN_SIZE","ALLOWED_MEDIA_TYPES","evalAspectRatio","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DimensionsTool","ResolutionTool","scaleOptions","value","label","help","ImageWrapper","href","children","onClick","event","preventDefault","style","pointerEvents","cursor","display","Image","temporaryURL","attributes","setAttributes","isSingleSelected","insertBlocksAfter","onReplace","onSelectImage","onSelectURL","onUploadError","context","clientId","blockEditingMode","parentLayoutType","url","alt","align","id","rel","linkClass","linkDestination","title","width","height","aspectRatio","scale","linkTarget","sizeSlug","lightbox","metadata","numericWidth","parseInt","undefined","numericHeight","imageRef","allowResize","getBlock","getSettings","image","select","getMedia","canInsertCover","imageEditing","imageSizes","maxWidth","getBlockRootClientId","canInsertBlockType","rootClientId","settings","replaceBlocks","toggleSelection","createErrorNotice","createSuccessNotice","isLargeViewport","isWideAligned","includes","loadedNaturalWidth","loadedNaturalHeight","setLoadedNaturalSize","isEditingImage","setIsEditingImage","externalBlob","setExternalBlob","hasImageErrored","setHasImageErrored","hasNonContentControls","isContentOnlyMode","isResizable","imageSizeOptions","filter","slug","media_details","sizes","source_url","map","name","mediaUpload","window","fetch","then","response","blob","catch","naturalWidth","naturalHeight","current","complete","onResizeStart","onResizeStop","onImageError","embedBlock","onImageLoad","target","onSetHref","props","onSetLightbox","enable","lightboxSetting","enabled","resetLightbox","allowEditing","onSetTitle","updateAlt","newAlt","updateImage","newSizeSlug","newUrl","uploadExternal","filesList","onFileChange","img","type","allowedTypes","onError","message","canEditImage","allowCrop","switchToCover","dimensionsUnitsOptions","availableUnits","showLightboxSetting","lightboxChecked","dropdownMenuProps","dimensionsControl","onChange","newWidth","newHeight","newScale","newAspectRatio","defaultScale","defaultAspectRatio","unitsOptions","aspectRatioControl","tools","resetAll","sizeControls","arePatternOverridesEnabled","bindings","__default","source","lockUrlControls","lockHrefControls","lockAltControls","lockAltControlsMessage","lockTitleControls","lockTitleControlsMessage","lockCaption","getBlockBindingsSource","urlBinding","altBinding","titleBinding","hasParentPattern","urlBindingSource","altBindingSource","titleBindingSource","canUserEditValue","args","showUrlInput","showCoverControls","showBlockControls","controls","group","onChangeUrl","mediaUrl","mediaLink","link","lightboxEnabled","icon","mediaId","mediaURL","accept","onSelect","popoverProps","position","renderToggle","isOpen","onToggle","onKeyDown","keyCode","renderContent","className","disabled","__nextHasNoMarginBottom","isShownByDefault","hasValue","onDeselect","readOnly","length","options","__next40pxDefaultSize","filename","defaultedAlt","borderProps","shadowProps","isRounded","withIllustration","src","onLoad","ref","objectFit","onSaveImage","imageAttributes","onFinishEditing","numericRatio","customRatio","naturalRatio","ratio","currentWidth","currentHeight","minWidth","minHeight","maxWidthBuffer","showRightHandle","showLeftHandle","size","showHandle","maxHeight","lockAspectRatio","top","right","bottom","left","direction","elt","offsetWidth","String","resizeRatio","isSelected","showToolbarButton"],"sources":["@wordpress/block-library/src/image/image.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { isBlobURL } from '@wordpress/blob';\nimport {\n\tExternalLink,\n\tResizableBox,\n\tSpinner,\n\tTextareaControl,\n\tTextControl,\n\tToolbarButton,\n\tToolbarGroup,\n\tDropdown,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\tPlaceholder,\n} from '@wordpress/components';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tBlockControls,\n\tInspectorControls,\n\t__experimentalImageURLInputUI as ImageURLInputUI,\n\tMediaReplaceFlow,\n\tstore as blockEditorStore,\n\tuseSettings,\n\t__experimentalImageEditor as ImageEditor,\n\t__experimentalUseBorderProps as useBorderProps,\n\t__experimentalGetShadowClassesAndStyles as getShadowClassesAndStyles,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { useEffect, useMemo, useState, useRef } from '@wordpress/element';\nimport { __, _x, sprintf, isRTL } from '@wordpress/i18n';\nimport { DOWN } from '@wordpress/keycodes';\nimport { getFilename } from '@wordpress/url';\nimport { switchToBlockType, store as blocksStore } from '@wordpress/blocks';\nimport { crop, overlayText, upload } from '@wordpress/icons';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../lock-unlock';\nimport { createUpgradedEmbedBlock } from '../embed/util';\nimport { isExternalImage } from './edit';\nimport { Caption } from '../utils/caption';\n\n/**\n * Module constants\n */\nimport { useToolsPanelDropdownMenuProps } from '../utils/hooks';\nimport { MIN_SIZE, ALLOWED_MEDIA_TYPES } from './constants';\nimport { evalAspectRatio } from './utils';\n\nconst { DimensionsTool, ResolutionTool } = unlock( blockEditorPrivateApis );\n\nconst scaleOptions = [\n\t{\n\t\tvalue: 'cover',\n\t\tlabel: _x( 'Cover', 'Scale option for dimensions control' ),\n\t\thelp: __( 'Image covers the space evenly.' ),\n\t},\n\t{\n\t\tvalue: 'contain',\n\t\tlabel: _x( 'Contain', 'Scale option for dimensions control' ),\n\t\thelp: __( 'Image is contained without distortion.' ),\n\t},\n];\n\n// If the image has a href, wrap in an <a /> tag to trigger any inherited link element styles.\nconst ImageWrapper = ( { href, children } ) => {\n\tif ( ! href ) {\n\t\treturn children;\n\t}\n\treturn (\n\t\t<a\n\t\t\thref={ href }\n\t\t\tonClick={ ( event ) => event.preventDefault() }\n\t\t\taria-disabled\n\t\t\tstyle={ {\n\t\t\t\t// When the Image block is linked,\n\t\t\t\t// it's wrapped with a disabled <a /> tag.\n\t\t\t\t// Restore cursor style so it doesn't appear 'clickable'\n\t\t\t\t// and remove pointer events. Safari needs the display property.\n\t\t\t\tpointerEvents: 'none',\n\t\t\t\tcursor: 'default',\n\t\t\t\tdisplay: 'inline',\n\t\t\t} }\n\t\t>\n\t\t\t{ children }\n\t\t</a>\n\t);\n};\n\nexport default function Image( {\n\ttemporaryURL,\n\tattributes,\n\tsetAttributes,\n\tisSingleSelected,\n\tinsertBlocksAfter,\n\tonReplace,\n\tonSelectImage,\n\tonSelectURL,\n\tonUploadError,\n\tcontext,\n\tclientId,\n\tblockEditingMode,\n\tparentLayoutType,\n} ) {\n\tconst {\n\t\turl = '',\n\t\talt,\n\t\talign,\n\t\tid,\n\t\thref,\n\t\trel,\n\t\tlinkClass,\n\t\tlinkDestination,\n\t\ttitle,\n\t\twidth,\n\t\theight,\n\t\taspectRatio,\n\t\tscale,\n\t\tlinkTarget,\n\t\tsizeSlug,\n\t\tlightbox,\n\t\tmetadata,\n\t} = attributes;\n\n\t// The only supported unit is px, so we can parseInt to strip the px here.\n\tconst numericWidth = width ? parseInt( width, 10 ) : undefined;\n\tconst numericHeight = height ? parseInt( height, 10 ) : undefined;\n\n\tconst imageRef = useRef();\n\tconst { allowResize = true } = context;\n\tconst { getBlock, getSettings } = useSelect( blockEditorStore );\n\n\tconst image = useSelect(\n\t\t( select ) =>\n\t\t\tid && isSingleSelected\n\t\t\t\t? select( coreStore ).getMedia( id, { context: 'view' } )\n\t\t\t\t: null,\n\t\t[ id, isSingleSelected ]\n\t);\n\n\tconst { canInsertCover, imageEditing, imageSizes, maxWidth } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockRootClientId, canInsertBlockType } =\n\t\t\t\tselect( blockEditorStore );\n\n\t\t\tconst rootClientId = getBlockRootClientId( clientId );\n\t\t\tconst settings = getSettings();\n\n\t\t\treturn {\n\t\t\t\timageEditing: settings.imageEditing,\n\t\t\t\timageSizes: settings.imageSizes,\n\t\t\t\tmaxWidth: settings.maxWidth,\n\t\t\t\tcanInsertCover: canInsertBlockType(\n\t\t\t\t\t'core/cover',\n\t\t\t\t\trootClientId\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst { replaceBlocks, toggleSelection } = useDispatch( blockEditorStore );\n\tconst { createErrorNotice, createSuccessNotice } =\n\t\tuseDispatch( noticesStore );\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst isWideAligned = [ 'wide', 'full' ].includes( align );\n\tconst [\n\t\t{ loadedNaturalWidth, loadedNaturalHeight },\n\t\tsetLoadedNaturalSize,\n\t] = useState( {} );\n\tconst [ isEditingImage, setIsEditingImage ] = useState( false );\n\tconst [ externalBlob, setExternalBlob ] = useState();\n\tconst [ hasImageErrored, setHasImageErrored ] = useState( false );\n\tconst hasNonContentControls = blockEditingMode === 'default';\n\tconst isContentOnlyMode = blockEditingMode === 'contentOnly';\n\tconst isResizable =\n\t\tallowResize &&\n\t\thasNonContentControls &&\n\t\t! isWideAligned &&\n\t\tisLargeViewport;\n\tconst imageSizeOptions = imageSizes\n\t\t.filter(\n\t\t\t( { slug } ) => image?.media_details?.sizes?.[ slug ]?.source_url\n\t\t)\n\t\t.map( ( { name, slug } ) => ( { value: slug, label: name } ) );\n\n\t// If an image is externally hosted, try to fetch the image data. This may\n\t// fail if the image host doesn't allow CORS with the domain. If it works,\n\t// we can enable a button in the toolbar to upload the image.\n\tuseEffect( () => {\n\t\tif (\n\t\t\t! isExternalImage( id, url ) ||\n\t\t\t! isSingleSelected ||\n\t\t\t! getSettings().mediaUpload\n\t\t) {\n\t\t\tsetExternalBlob();\n\t\t\treturn;\n\t\t}\n\n\t\tif ( externalBlob ) {\n\t\t\treturn;\n\t\t}\n\n\t\twindow\n\t\t\t// Avoid cache, which seems to help avoid CORS problems.\n\t\t\t.fetch( url.includes( '?' ) ? url : url + '?' )\n\t\t\t.then( ( response ) => response.blob() )\n\t\t\t.then( ( blob ) => setExternalBlob( blob ) )\n\t\t\t// Do nothing, cannot upload.\n\t\t\t.catch( () => {} );\n\t}, [ id, url, isSingleSelected, externalBlob ] );\n\n\t// Get naturalWidth and naturalHeight from image ref, and fall back to loaded natural\n\t// width and height. This resolves an issue in Safari where the loaded natural\n\t// width and height is otherwise lost when switching between alignments.\n\t// See: https://github.com/WordPress/gutenberg/pull/37210.\n\tconst { naturalWidth, naturalHeight } = useMemo( () => {\n\t\treturn {\n\t\t\tnaturalWidth:\n\t\t\t\timageRef.current?.naturalWidth ||\n\t\t\t\tloadedNaturalWidth ||\n\t\t\t\tundefined,\n\t\t\tnaturalHeight:\n\t\t\t\timageRef.current?.naturalHeight ||\n\t\t\t\tloadedNaturalHeight ||\n\t\t\t\tundefined,\n\t\t};\n\t}, [\n\t\tloadedNaturalWidth,\n\t\tloadedNaturalHeight,\n\t\timageRef.current?.complete,\n\t] );\n\n\tfunction onResizeStart() {\n\t\ttoggleSelection( false );\n\t}\n\n\tfunction onResizeStop() {\n\t\ttoggleSelection( true );\n\t}\n\n\tfunction onImageError() {\n\t\tsetHasImageErrored( true );\n\n\t\t// Check if there's an embed block that handles this URL, e.g., instagram URL.\n\t\t// See: https://github.com/WordPress/gutenberg/pull/11472\n\t\tconst embedBlock = createUpgradedEmbedBlock( { attributes: { url } } );\n\t\tif ( undefined !== embedBlock ) {\n\t\t\tonReplace( embedBlock );\n\t\t}\n\t}\n\n\tfunction onImageLoad( event ) {\n\t\tsetHasImageErrored( false );\n\t\tsetLoadedNaturalSize( {\n\t\t\tloadedNaturalWidth: event.target?.naturalWidth,\n\t\t\tloadedNaturalHeight: event.target?.naturalHeight,\n\t\t} );\n\t}\n\n\tfunction onSetHref( props ) {\n\t\tsetAttributes( props );\n\t}\n\n\tfunction onSetLightbox( enable ) {\n\t\tif ( enable && ! lightboxSetting?.enabled ) {\n\t\t\tsetAttributes( {\n\t\t\t\tlightbox: { enabled: true },\n\t\t\t} );\n\t\t} else if ( ! enable && lightboxSetting?.enabled ) {\n\t\t\tsetAttributes( {\n\t\t\t\tlightbox: { enabled: false },\n\t\t\t} );\n\t\t} else {\n\t\t\tsetAttributes( {\n\t\t\t\tlightbox: undefined,\n\t\t\t} );\n\t\t}\n\t}\n\n\tfunction resetLightbox() {\n\t\t// When deleting a link from an image while lightbox settings\n\t\t// are enabled by default, we should disable the lightbox,\n\t\t// otherwise the resulting UX looks like a mistake.\n\t\t// See https://github.com/WordPress/gutenberg/pull/59890/files#r1532286123.\n\t\tif ( lightboxSetting?.enabled && lightboxSetting?.allowEditing ) {\n\t\t\tsetAttributes( {\n\t\t\t\tlightbox: { enabled: false },\n\t\t\t} );\n\t\t} else {\n\t\t\tsetAttributes( {\n\t\t\t\tlightbox: undefined,\n\t\t\t} );\n\t\t}\n\t}\n\n\tfunction onSetTitle( value ) {\n\t\t// This is the HTML title attribute, separate from the media object\n\t\t// title.\n\t\tsetAttributes( { title: value } );\n\t}\n\n\tfunction updateAlt( newAlt ) {\n\t\tsetAttributes( { alt: newAlt } );\n\t}\n\n\tfunction updateImage( newSizeSlug ) {\n\t\tconst newUrl = image?.media_details?.sizes?.[ newSizeSlug ]?.source_url;\n\t\tif ( ! newUrl ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tsetAttributes( {\n\t\t\turl: newUrl,\n\t\t\tsizeSlug: newSizeSlug,\n\t\t} );\n\t}\n\n\tfunction uploadExternal() {\n\t\tconst { mediaUpload } = getSettings();\n\t\tif ( ! mediaUpload ) {\n\t\t\treturn;\n\t\t}\n\t\tmediaUpload( {\n\t\t\tfilesList: [ externalBlob ],\n\t\t\tonFileChange( [ img ] ) {\n\t\t\t\tonSelectImage( img );\n\n\t\t\t\tif ( isBlobURL( img.url ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tsetExternalBlob();\n\t\t\t\tcreateSuccessNotice( __( 'Image uploaded.' ), {\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t} );\n\t\t\t},\n\t\t\tallowedTypes: ALLOWED_MEDIA_TYPES,\n\t\t\tonError( message ) {\n\t\t\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t\t\t},\n\t\t} );\n\t}\n\n\tuseEffect( () => {\n\t\tif ( ! isSingleSelected ) {\n\t\t\tsetIsEditingImage( false );\n\t\t}\n\t}, [ isSingleSelected ] );\n\n\tconst canEditImage = id && naturalWidth && naturalHeight && imageEditing;\n\tconst allowCrop = isSingleSelected && canEditImage && ! isEditingImage;\n\n\tfunction switchToCover() {\n\t\treplaceBlocks(\n\t\t\tclientId,\n\t\t\tswitchToBlockType( getBlock( clientId ), 'core/cover' )\n\t\t);\n\t}\n\n\t// TODO: Can allow more units after figuring out how they should interact\n\t// with the ResizableBox and ImageEditor components. Calculations later on\n\t// for those components are currently assuming px units.\n\tconst dimensionsUnitsOptions = useCustomUnits( {\n\t\tavailableUnits: [ 'px' ],\n\t} );\n\n\tconst [ lightboxSetting ] = useSettings( 'lightbox' );\n\n\tconst showLightboxSetting =\n\t\t// If a block-level override is set, we should give users the option to\n\t\t// remove that override, even if the lightbox UI is disabled in the settings.\n\t\t( !! lightbox && lightbox?.enabled !== lightboxSetting?.enabled ) ||\n\t\tlightboxSetting?.allowEditing;\n\n\tconst lightboxChecked =\n\t\t!! lightbox?.enabled || ( ! lightbox && !! lightboxSetting?.enabled );\n\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\n\tconst dimensionsControl = (\n\t\t<DimensionsTool\n\t\t\tvalue={ { width, height, scale, aspectRatio } }\n\t\t\tonChange={ ( {\n\t\t\t\twidth: newWidth,\n\t\t\t\theight: newHeight,\n\t\t\t\tscale: newScale,\n\t\t\t\taspectRatio: newAspectRatio,\n\t\t\t} ) => {\n\t\t\t\t// Rebuilding the object forces setting `undefined`\n\t\t\t\t// for values that are removed since setAttributes\n\t\t\t\t// doesn't do anything with keys that aren't set.\n\t\t\t\tsetAttributes( {\n\t\t\t\t\t// CSS includes `height: auto`, but we need\n\t\t\t\t\t// `width: auto` to fix the aspect ratio when\n\t\t\t\t\t// only height is set due to the width and\n\t\t\t\t\t// height attributes set via the server.\n\t\t\t\t\twidth: ! newWidth && newHeight ? 'auto' : newWidth,\n\t\t\t\t\theight: newHeight,\n\t\t\t\t\tscale: newScale,\n\t\t\t\t\taspectRatio: newAspectRatio,\n\t\t\t\t} );\n\t\t\t} }\n\t\t\tdefaultScale=\"cover\"\n\t\t\tdefaultAspectRatio=\"auto\"\n\t\t\tscaleOptions={ scaleOptions }\n\t\t\tunitsOptions={ dimensionsUnitsOptions }\n\t\t/>\n\t);\n\n\tconst aspectRatioControl = (\n\t\t<DimensionsTool\n\t\t\tvalue={ { aspectRatio } }\n\t\t\tonChange={ ( { aspectRatio: newAspectRatio } ) => {\n\t\t\t\tsetAttributes( {\n\t\t\t\t\taspectRatio: newAspectRatio,\n\t\t\t\t\tscale: 'cover',\n\t\t\t\t} );\n\t\t\t} }\n\t\t\tdefaultAspectRatio=\"auto\"\n\t\t\ttools={ [ 'aspectRatio' ] }\n\t\t/>\n\t);\n\n\tconst resetAll = () => {\n\t\tsetAttributes( {\n\t\t\talt: undefined,\n\t\t\twidth: undefined,\n\t\t\theight: undefined,\n\t\t\tscale: undefined,\n\t\t\taspectRatio: undefined,\n\t\t\tlightbox: undefined,\n\t\t} );\n\t};\n\n\tconst sizeControls = (\n\t\t<InspectorControls>\n\t\t\t<ToolsPanel\n\t\t\t\tlabel={ __( 'Settings' ) }\n\t\t\t\tresetAll={ resetAll }\n\t\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t\t>\n\t\t\t\t{ isResizable &&\n\t\t\t\t\t( parentLayoutType === 'grid'\n\t\t\t\t\t\t? aspectRatioControl\n\t\t\t\t\t\t: dimensionsControl ) }\n\t\t\t</ToolsPanel>\n\t\t</InspectorControls>\n\t);\n\n\tconst arePatternOverridesEnabled =\n\t\tmetadata?.bindings?.__default?.source === 'core/pattern-overrides';\n\n\tconst {\n\t\tlockUrlControls = false,\n\t\tlockHrefControls = false,\n\t\tlockAltControls = false,\n\t\tlockAltControlsMessage,\n\t\tlockTitleControls = false,\n\t\tlockTitleControlsMessage,\n\t\tlockCaption = false,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! isSingleSelected ) {\n\t\t\t\treturn {};\n\t\t\t}\n\t\t\tconst { getBlockBindingsSource } = unlock( select( blocksStore ) );\n\t\t\tconst {\n\t\t\t\turl: urlBinding,\n\t\t\t\talt: altBinding,\n\t\t\t\ttitle: titleBinding,\n\t\t\t} = metadata?.bindings || {};\n\t\t\tconst hasParentPattern = !! context[ 'pattern/overrides' ];\n\t\t\tconst urlBindingSource = getBlockBindingsSource(\n\t\t\t\turlBinding?.source\n\t\t\t);\n\t\t\tconst altBindingSource = getBlockBindingsSource(\n\t\t\t\taltBinding?.source\n\t\t\t);\n\t\t\tconst titleBindingSource = getBlockBindingsSource(\n\t\t\t\ttitleBinding?.source\n\t\t\t);\n\t\t\treturn {\n\t\t\t\tlockUrlControls:\n\t\t\t\t\t!! urlBinding &&\n\t\t\t\t\t! urlBindingSource?.canUserEditValue?.( {\n\t\t\t\t\t\tselect,\n\t\t\t\t\t\tcontext,\n\t\t\t\t\t\targs: urlBinding?.args,\n\t\t\t\t\t} ),\n\t\t\t\tlockHrefControls:\n\t\t\t\t\t// Disable editing the link of the URL if the image is inside a pattern instance.\n\t\t\t\t\t// This is a temporary solution until we support overriding the link on the frontend.\n\t\t\t\t\thasParentPattern || arePatternOverridesEnabled,\n\t\t\t\tlockCaption:\n\t\t\t\t\t// Disable editing the caption if the image is inside a pattern instance.\n\t\t\t\t\t// This is a temporary solution until we support overriding the caption on the frontend.\n\t\t\t\t\thasParentPattern,\n\t\t\t\tlockAltControls:\n\t\t\t\t\t!! altBinding &&\n\t\t\t\t\t! altBindingSource?.canUserEditValue?.( {\n\t\t\t\t\t\tselect,\n\t\t\t\t\t\tcontext,\n\t\t\t\t\t\targs: altBinding?.args,\n\t\t\t\t\t} ),\n\t\t\t\tlockAltControlsMessage: altBindingSource?.label\n\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t/* translators: %s: Label of the bindings source. */\n\t\t\t\t\t\t\t__( 'Connected to %s' ),\n\t\t\t\t\t\t\taltBindingSource.label\n\t\t\t\t\t  )\n\t\t\t\t\t: __( 'Connected to dynamic data' ),\n\t\t\t\tlockTitleControls:\n\t\t\t\t\t!! titleBinding &&\n\t\t\t\t\t! titleBindingSource?.canUserEditValue?.( {\n\t\t\t\t\t\tselect,\n\t\t\t\t\t\tcontext,\n\t\t\t\t\t\targs: titleBinding?.args,\n\t\t\t\t\t} ),\n\t\t\t\tlockTitleControlsMessage: titleBindingSource?.label\n\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t/* translators: %s: Label of the bindings source. */\n\t\t\t\t\t\t\t__( 'Connected to %s' ),\n\t\t\t\t\t\t\ttitleBindingSource.label\n\t\t\t\t\t  )\n\t\t\t\t\t: __( 'Connected to dynamic data' ),\n\t\t\t};\n\t\t},\n\t\t[\n\t\t\tarePatternOverridesEnabled,\n\t\t\tcontext,\n\t\t\tisSingleSelected,\n\t\t\tmetadata?.bindings,\n\t\t]\n\t);\n\n\tconst showUrlInput =\n\t\tisSingleSelected &&\n\t\t! isEditingImage &&\n\t\t! lockHrefControls &&\n\t\t! lockUrlControls;\n\n\tconst showCoverControls = isSingleSelected && canInsertCover;\n\n\tconst showBlockControls = showUrlInput || allowCrop || showCoverControls;\n\n\tconst controls = (\n\t\t<>\n\t\t\t{ showBlockControls && (\n\t\t\t\t<BlockControls group=\"block\">\n\t\t\t\t\t{ showUrlInput && (\n\t\t\t\t\t\t<ImageURLInputUI\n\t\t\t\t\t\t\turl={ href || '' }\n\t\t\t\t\t\t\tonChangeUrl={ onSetHref }\n\t\t\t\t\t\t\tlinkDestination={ linkDestination }\n\t\t\t\t\t\t\tmediaUrl={ ( image && image.source_url ) || url }\n\t\t\t\t\t\t\tmediaLink={ image && image.link }\n\t\t\t\t\t\t\tlinkTarget={ linkTarget }\n\t\t\t\t\t\t\tlinkClass={ linkClass }\n\t\t\t\t\t\t\trel={ rel }\n\t\t\t\t\t\t\tshowLightboxSetting={ showLightboxSetting }\n\t\t\t\t\t\t\tlightboxEnabled={ lightboxChecked }\n\t\t\t\t\t\t\tonSetLightbox={ onSetLightbox }\n\t\t\t\t\t\t\tresetLightbox={ resetLightbox }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ allowCrop && (\n\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\tonClick={ () => setIsEditingImage( true ) }\n\t\t\t\t\t\t\ticon={ crop }\n\t\t\t\t\t\t\tlabel={ __( 'Crop' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ showCoverControls && (\n\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\ticon={ overlayText }\n\t\t\t\t\t\t\tlabel={ __( 'Add text over image' ) }\n\t\t\t\t\t\t\tonClick={ switchToCover }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</BlockControls>\n\t\t\t) }\n\t\t\t{ isSingleSelected && ! isEditingImage && ! lockUrlControls && (\n\t\t\t\t<BlockControls group=\"other\">\n\t\t\t\t\t<MediaReplaceFlow\n\t\t\t\t\t\tmediaId={ id }\n\t\t\t\t\t\tmediaURL={ url }\n\t\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\t\taccept=\"image/*\"\n\t\t\t\t\t\tonSelect={ onSelectImage }\n\t\t\t\t\t\tonSelectURL={ onSelectURL }\n\t\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\t/>\n\t\t\t\t</BlockControls>\n\t\t\t) }\n\t\t\t{ isSingleSelected && externalBlob && (\n\t\t\t\t<BlockControls>\n\t\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\tonClick={ uploadExternal }\n\t\t\t\t\t\t\ticon={ upload }\n\t\t\t\t\t\t\tlabel={ __( 'Upload to Media Library' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolbarGroup>\n\t\t\t\t</BlockControls>\n\t\t\t) }\n\t\t\t{ isContentOnlyMode && (\n\t\t\t\t// Add some extra controls for content attributes when content only mode is active.\n\t\t\t\t// With content only mode active, the inspector is hidden, so users need another way\n\t\t\t\t// to edit these attributes.\n\t\t\t\t<BlockControls group=\"other\">\n\t\t\t\t\t<Dropdown\n\t\t\t\t\t\tpopoverProps={ { position: 'bottom right' } }\n\t\t\t\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\t\t\tonKeyDown={ ( event ) => {\n\t\t\t\t\t\t\t\t\tif ( ! isOpen && event.keyCode === DOWN ) {\n\t\t\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\t\t\tonToggle();\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ _x(\n\t\t\t\t\t\t\t\t\t'Alt',\n\t\t\t\t\t\t\t\t\t'Alternative text for an image. Block toolbar label, a low character count is preferred.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</ToolbarButton>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\trenderContent={ () => (\n\t\t\t\t\t\t\t<TextareaControl\n\t\t\t\t\t\t\t\tclassName=\"wp-block-image__toolbar_content_textarea\"\n\t\t\t\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\t\t\t\tvalue={ alt || '' }\n\t\t\t\t\t\t\t\tonChange={ updateAlt }\n\t\t\t\t\t\t\t\tdisabled={ lockAltControls }\n\t\t\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\t\t\tlockAltControls ? (\n\t\t\t\t\t\t\t\t\t\t<>{ lockAltControlsMessage }</>\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\t\t\t\thref={\n\t\t\t\t\t\t\t\t\t\t\t\t\t// translators: Localized tutorial, if one exists. W3C Web Accessibility Initiative link has list of existing translations.\n\t\t\t\t\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'https://www.w3.org/WAI/tutorials/images/decision-tree/'\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'Describe the purpose of the image.'\n\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Leave empty if decorative.'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t\t<Dropdown\n\t\t\t\t\t\tpopoverProps={ { position: 'bottom right' } }\n\t\t\t\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\t\t\tonKeyDown={ ( event ) => {\n\t\t\t\t\t\t\t\t\tif ( ! isOpen && event.keyCode === DOWN ) {\n\t\t\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\t\t\tonToggle();\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Title' ) }\n\t\t\t\t\t\t\t</ToolbarButton>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\trenderContent={ () => (\n\t\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t\tclassName=\"wp-block-image__toolbar_content_textarea\"\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\tlabel={ __( 'Title attribute' ) }\n\t\t\t\t\t\t\t\tvalue={ title || '' }\n\t\t\t\t\t\t\t\tonChange={ onSetTitle }\n\t\t\t\t\t\t\t\tdisabled={ lockTitleControls }\n\t\t\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\t\t\tlockTitleControls ? (\n\t\t\t\t\t\t\t\t\t\t<>{ lockTitleControlsMessage }</>\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Describe the role of this image on the page.'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t<ExternalLink href=\"https://www.w3.org/TR/html52/dom.html#the-title-attribute\">\n\t\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'(Note: many devices and browsers do not display this text.)'\n\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t</BlockControls>\n\t\t\t) }\n\t\t\t<InspectorControls>\n\t\t\t\t<ToolsPanel\n\t\t\t\t\tlabel={ __( 'Settings' ) }\n\t\t\t\t\tresetAll={ resetAll }\n\t\t\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t\t\t>\n\t\t\t\t\t{ isSingleSelected && (\n\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\t\thasValue={ () => !! alt }\n\t\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( { alt: undefined } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<TextareaControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\t\t\t\tvalue={ alt || '' }\n\t\t\t\t\t\t\t\tonChange={ updateAlt }\n\t\t\t\t\t\t\t\treadOnly={ lockAltControls }\n\t\t\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\t\t\tlockAltControls ? (\n\t\t\t\t\t\t\t\t\t\t<>{ lockAltControlsMessage }</>\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\t\t\t\thref={\n\t\t\t\t\t\t\t\t\t\t\t\t\t// translators: Localized tutorial, if one exists. W3C Web Accessibility Initiative link has list of existing translations.\n\t\t\t\t\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'https://www.w3.org/WAI/tutorials/images/decision-tree/'\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'Describe the purpose of the image.'\n\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Leave empty if decorative.'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t) }\n\t\t\t\t\t{ isResizable &&\n\t\t\t\t\t\t( parentLayoutType === 'grid'\n\t\t\t\t\t\t\t? aspectRatioControl\n\t\t\t\t\t\t\t: dimensionsControl ) }\n\t\t\t\t\t{ !! imageSizeOptions.length && (\n\t\t\t\t\t\t<ResolutionTool\n\t\t\t\t\t\t\tvalue={ sizeSlug }\n\t\t\t\t\t\t\tonChange={ updateImage }\n\t\t\t\t\t\t\toptions={ imageSizeOptions }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</ToolsPanel>\n\t\t\t</InspectorControls>\n\t\t\t<InspectorControls group=\"advanced\">\n\t\t\t\t<TextControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tlabel={ __( 'Title attribute' ) }\n\t\t\t\t\tvalue={ title || '' }\n\t\t\t\t\tonChange={ onSetTitle }\n\t\t\t\t\treadOnly={ lockTitleControls }\n\t\t\t\t\thelp={\n\t\t\t\t\t\tlockTitleControls ? (\n\t\t\t\t\t\t\t<>{ lockTitleControlsMessage }</>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'Describe the role of this image on the page.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t<ExternalLink href=\"https://www.w3.org/TR/html52/dom.html#the-title-attribute\">\n\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t'(Note: many devices and browsers do not display this text.)'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t</>\n\t);\n\n\tconst filename = getFilename( url );\n\tlet defaultedAlt;\n\n\tif ( alt ) {\n\t\tdefaultedAlt = alt;\n\t} else if ( filename ) {\n\t\tdefaultedAlt = sprintf(\n\t\t\t/* translators: %s: file name */\n\t\t\t__( 'This image has an empty alt attribute; its file name is %s' ),\n\t\t\tfilename\n\t\t);\n\t} else {\n\t\tdefaultedAlt = __( 'This image has an empty alt attribute' );\n\t}\n\n\tconst borderProps = useBorderProps( attributes );\n\tconst shadowProps = getShadowClassesAndStyles( attributes );\n\tconst isRounded = attributes.className?.includes( 'is-style-rounded' );\n\n\tlet img =\n\t\ttemporaryURL && hasImageErrored ? (\n\t\t\t// Show a placeholder during upload when the blob URL can't be loaded. This can\n\t\t\t// happen when the user uploads a HEIC image in a browser that doesn't support them.\n\t\t\t<Placeholder\n\t\t\t\tclassName=\"wp-block-image__placeholder\"\n\t\t\t\twithIllustration\n\t\t\t>\n\t\t\t\t<Spinner />\n\t\t\t</Placeholder>\n\t\t) : (\n\t\t\t// Disable reason: Image itself is not meant to be interactive, but\n\t\t\t// should direct focus to block.\n\t\t\t/* eslint-disable jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events */\n\t\t\t<>\n\t\t\t\t<img\n\t\t\t\t\tsrc={ temporaryURL || url }\n\t\t\t\t\talt={ defaultedAlt }\n\t\t\t\t\tonError={ onImageError }\n\t\t\t\t\tonLoad={ onImageLoad }\n\t\t\t\t\tref={ imageRef }\n\t\t\t\t\tclassName={ borderProps.className }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t( width && height ) || aspectRatio\n\t\t\t\t\t\t\t\t? '100%'\n\t\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t\theight:\n\t\t\t\t\t\t\t( width && height ) || aspectRatio\n\t\t\t\t\t\t\t\t? '100%'\n\t\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t\tobjectFit: scale,\n\t\t\t\t\t\t...borderProps.style,\n\t\t\t\t\t\t...shadowProps.style,\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t\t{ temporaryURL && <Spinner /> }\n\t\t\t</>\n\t\t\t/* eslint-enable jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events */\n\t\t);\n\n\tif ( canEditImage && isEditingImage ) {\n\t\timg = (\n\t\t\t<ImageWrapper href={ href }>\n\t\t\t\t<ImageEditor\n\t\t\t\t\tid={ id }\n\t\t\t\t\turl={ url }\n\t\t\t\t\twidth={ numericWidth }\n\t\t\t\t\theight={ numericHeight }\n\t\t\t\t\tnaturalHeight={ naturalHeight }\n\t\t\t\t\tnaturalWidth={ naturalWidth }\n\t\t\t\t\tonSaveImage={ ( imageAttributes ) =>\n\t\t\t\t\t\tsetAttributes( imageAttributes )\n\t\t\t\t\t}\n\t\t\t\t\tonFinishEditing={ () => {\n\t\t\t\t\t\tsetIsEditingImage( false );\n\t\t\t\t\t} }\n\t\t\t\t\tborderProps={ isRounded ? undefined : borderProps }\n\t\t\t\t/>\n\t\t\t</ImageWrapper>\n\t\t);\n\t} else if ( ! isResizable || parentLayoutType === 'grid' ) {\n\t\timg = (\n\t\t\t<div style={ { width, height, aspectRatio } }>\n\t\t\t\t<ImageWrapper href={ href }>{ img }</ImageWrapper>\n\t\t\t</div>\n\t\t);\n\t} else {\n\t\tconst numericRatio = aspectRatio && evalAspectRatio( aspectRatio );\n\t\tconst customRatio = numericWidth / numericHeight;\n\t\tconst naturalRatio = naturalWidth / naturalHeight;\n\t\tconst ratio = numericRatio || customRatio || naturalRatio || 1;\n\t\tconst currentWidth =\n\t\t\t! numericWidth && numericHeight\n\t\t\t\t? numericHeight * ratio\n\t\t\t\t: numericWidth;\n\t\tconst currentHeight =\n\t\t\t! numericHeight && numericWidth\n\t\t\t\t? numericWidth / ratio\n\t\t\t\t: numericHeight;\n\n\t\tconst minWidth =\n\t\t\tnaturalWidth < naturalHeight ? MIN_SIZE : MIN_SIZE * ratio;\n\t\tconst minHeight =\n\t\t\tnaturalHeight < naturalWidth ? MIN_SIZE : MIN_SIZE / ratio;\n\n\t\t// With the current implementation of ResizableBox, an image needs an\n\t\t// explicit pixel value for the max-width. In absence of being able to\n\t\t// set the content-width, this max-width is currently dictated by the\n\t\t// vanilla editor style. The following variable adds a buffer to this\n\t\t// vanilla style, so 3rd party themes have some wiggleroom. This does,\n\t\t// in most cases, allow you to scale the image beyond the width of the\n\t\t// main column, though not infinitely.\n\t\t// @todo It would be good to revisit this once a content-width variable\n\t\t// becomes available.\n\t\tconst maxWidthBuffer = maxWidth * 2.5;\n\n\t\tlet showRightHandle = false;\n\t\tlet showLeftHandle = false;\n\n\t\t/* eslint-disable no-lonely-if */\n\t\t// See https://github.com/WordPress/gutenberg/issues/7584.\n\t\tif ( align === 'center' ) {\n\t\t\t// When the image is centered, show both handles.\n\t\t\tshowRightHandle = true;\n\t\t\tshowLeftHandle = true;\n\t\t} else if ( isRTL() ) {\n\t\t\t// In RTL mode the image is on the right by default.\n\t\t\t// Show the right handle and hide the left handle only when it is\n\t\t\t// aligned left. Otherwise always show the left handle.\n\t\t\tif ( align === 'left' ) {\n\t\t\t\tshowRightHandle = true;\n\t\t\t} else {\n\t\t\t\tshowLeftHandle = true;\n\t\t\t}\n\t\t} else {\n\t\t\t// Show the left handle and hide the right handle only when the\n\t\t\t// image is aligned right. Otherwise always show the right handle.\n\t\t\tif ( align === 'right' ) {\n\t\t\t\tshowLeftHandle = true;\n\t\t\t} else {\n\t\t\t\tshowRightHandle = true;\n\t\t\t}\n\t\t}\n\t\t/* eslint-enable no-lonely-if */\n\t\timg = (\n\t\t\t<ResizableBox\n\t\t\t\tstyle={ {\n\t\t\t\t\tdisplay: 'block',\n\t\t\t\t\tobjectFit: scale,\n\t\t\t\t\taspectRatio:\n\t\t\t\t\t\t! width && ! height && aspectRatio\n\t\t\t\t\t\t\t? aspectRatio\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t} }\n\t\t\t\tsize={ {\n\t\t\t\t\twidth: currentWidth ?? 'auto',\n\t\t\t\t\theight: currentHeight ?? 'auto',\n\t\t\t\t} }\n\t\t\t\tshowHandle={ isSingleSelected }\n\t\t\t\tminWidth={ minWidth }\n\t\t\t\tmaxWidth={ maxWidthBuffer }\n\t\t\t\tminHeight={ minHeight }\n\t\t\t\tmaxHeight={ maxWidthBuffer / ratio }\n\t\t\t\tlockAspectRatio={ ratio }\n\t\t\t\tenable={ {\n\t\t\t\t\ttop: false,\n\t\t\t\t\tright: showRightHandle,\n\t\t\t\t\tbottom: true,\n\t\t\t\t\tleft: showLeftHandle,\n\t\t\t\t} }\n\t\t\t\tonResizeStart={ onResizeStart }\n\t\t\t\tonResizeStop={ ( event, direction, elt ) => {\n\t\t\t\t\tonResizeStop();\n\t\t\t\t\t// Since the aspect ratio is locked when resizing, we can\n\t\t\t\t\t// use the width of the resized element to calculate the\n\t\t\t\t\t// height in CSS to prevent stretching when the max-width\n\t\t\t\t\t// is reached.\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\twidth: `${ elt.offsetWidth }px`,\n\t\t\t\t\t\theight: 'auto',\n\t\t\t\t\t\taspectRatio:\n\t\t\t\t\t\t\tratio === naturalRatio\n\t\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t\t: String( ratio ),\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t\tresizeRatio={ align === 'center' ? 2 : 1 }\n\t\t\t>\n\t\t\t\t<ImageWrapper href={ href }>{ img }</ImageWrapper>\n\t\t\t</ResizableBox>\n\t\t);\n\t}\n\n\tif ( ! url && ! temporaryURL ) {\n\t\t// Add all controls if the image attributes are connected.\n\t\treturn metadata?.bindings ? controls : sizeControls;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ controls }\n\t\t\t{ img }\n\n\t\t\t<Caption\n\t\t\t\tattributes={ attributes }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\tisSelected={ isSingleSelected }\n\t\t\t\tinsertBlocksAfter={ insertBlocksAfter }\n\t\t\t\tlabel={ __( 'Image caption text' ) }\n\t\t\t\tshowToolbarButton={\n\t\t\t\t\tisSingleSelected &&\n\t\t\t\t\thasNonContentControls &&\n\t\t\t\t\t! arePatternOverridesEnabled\n\t\t\t\t}\n\t\t\t\treadOnly={ lockCaption }\n\t\t\t/>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/image/index.js

@@ -118,6 +118,9 @@ const metadata = {
     filter: {
       duotone: true
     },
+    spacing: {
+      margin: true
+    },
     __experimentalBorder: {
       color: true,
       radius: true,

package/build-module/image/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","image","icon","initBlock","deprecated","edit","metadata","$schema","apiVersion","name","title","category","usesContext","description","keywords","textdomain","attributes","blob","type","__experimentalRole","url","source","selector","attribute","alt","caption","lightbox","enabled","href","rel","linkClass","id","width","height","aspectRatio","scale","sizeSlug","linkDestination","linkTarget","supports","interactivity","align","anchor","color","text","background","filter","duotone","__experimentalBorder","radius","__experimentalSkipSerialization","__experimentalDefaultControls","shadow","selectors","border","styles","label","isDefault","editorStyle","style","save","transforms","settings","example","__experimentalLabel","context","customName","getEditWrapperProps","init"],"sources":["@wordpress/block-library/src/image/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { image as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport deprecated from './deprecated';\nimport edit from './edit';\nimport metadata from './block.json';\nimport save from './save';\nimport transforms from './transforms';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {\n\t\tattributes: {\n\t\t\tsizeSlug: 'large',\n\t\t\turl: 'https://s.w.org/images/core/5.3/MtBlanc1.jpg',\n\t\t\t// translators: Caption accompanying an image of the Mont Blanc, which serves as an example for the Image block.\n\t\t\tcaption: __( 'Mont Blanc appears—still, snowy, and serene.' ),\n\t\t},\n\t},\n\t__experimentalLabel( attributes, { context } ) {\n\t\tconst customName = attributes?.metadata?.name;\n\n\t\tif ( context === 'list-view' && customName ) {\n\t\t\treturn customName;\n\t\t}\n\n\t\tif ( context === 'accessibility' ) {\n\t\t\tconst { caption, alt, url } = attributes;\n\n\t\t\tif ( ! url ) {\n\t\t\t\treturn __( 'Empty' );\n\t\t\t}\n\n\t\t\tif ( ! alt ) {\n\t\t\t\treturn caption || '';\n\t\t\t}\n\n\t\t\t// This is intended to be read by a screen reader.\n\t\t\t// A period simply means a pause, no need to translate it.\n\t\t\treturn alt + ( caption ? '. ' + caption : '' );\n\t\t}\n\t},\n\tgetEditWrapperProps( attributes ) {\n\t\treturn {\n\t\t\t'data-align': attributes.align,\n\t\t};\n\t},\n\ttransforms,\n\tedit,\n\tsave,\n\tdeprecated,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__","image","icon","initBlock","deprecated","edit","metadata","$schema","apiVersion","name","title","category","usesContext","description","keywords","textdomain","attributes","blob","type","__experimentalRole","url","source","selector","attribute","alt","caption","lightbox","enabled","href","rel","linkClass","id","width","height","aspectRatio","scale","sizeSlug","linkDestination","linkTarget","supports","interactivity","align","anchor","color","text","background","filter","duotone","spacing","margin","__experimentalBorder","radius","__experimentalSkipSerialization","__experimentalDefaultControls","shadow","selectors","border","styles","label","isDefault","editorStyle","style","save","transforms","settings","example","__experimentalLabel","context","customName","getEditWrapperProps","init"],"sources":["@wordpress/block-library/src/image/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { image as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport deprecated from './deprecated';\nimport edit from './edit';\nimport metadata from './block.json';\nimport save from './save';\nimport transforms from './transforms';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {\n\t\tattributes: {\n\t\t\tsizeSlug: 'large',\n\t\t\turl: 'https://s.w.org/images/core/5.3/MtBlanc1.jpg',\n\t\t\t// translators: Caption accompanying an image of the Mont Blanc, which serves as an example for the Image block.\n\t\t\tcaption: __( 'Mont Blanc appears—still, snowy, and serene.' ),\n\t\t},\n\t},\n\t__experimentalLabel( attributes, { context } ) {\n\t\tconst customName = attributes?.metadata?.name;\n\n\t\tif ( context === 'list-view' && customName ) {\n\t\t\treturn customName;\n\t\t}\n\n\t\tif ( context === 'accessibility' ) {\n\t\t\tconst { caption, alt, url } = attributes;\n\n\t\t\tif ( ! url ) {\n\t\t\t\treturn __( 'Empty' );\n\t\t\t}\n\n\t\t\tif ( ! alt ) {\n\t\t\t\treturn caption || '';\n\t\t\t}\n\n\t\t\t// This is intended to be read by a screen reader.\n\t\t\t// A period simply means a pause, no need to translate it.\n\t\t\treturn alt + ( caption ? '. ' + caption : '' );\n\t\t}\n\t},\n\tgetEditWrapperProps( attributes ) {\n\t\treturn {\n\t\t\t'data-align': attributes.align,\n\t\t};\n\t},\n\ttransforms,\n\tedit,\n\tsave,\n\tdeprecated,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":"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","ignoreList":[]}

package/build-module/image/view.js

@@ -18,29 +18,18 @@ let isTouching = false;
  * @type {number}
  */
 let lastTouchTime = 0;
-
-/**
- * Stores the image reference of the currently opened lightbox.
- *
- * @type {HTMLElement}
- */
-let imageRef;
-
-/**
- * Stores the button reference of the currently opened lightbox.
- *
- * @type {HTMLElement}
- */
-let buttonRef;
 const {
   state,
   actions,
   callbacks
 } = store('core/image', {
   state: {
-    currentImage: {},
+    currentImageId: null,
+    get currentImage() {
+      return state.metadata[state.currentImageId];
+    },
     get overlayOpened() {
-      return state.currentImage.currentSrc;
+      return state.currentImageId !== null;
     },
     get roleAttribute() {
       return state.overlayOpened ? 'dialog' : null;
@@ -51,36 +40,63 @@ const {
     get enlargedSrc() {
       return state.currentImage.uploadedSrc || 'data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=';
     },
+    get figureStyles() {
+      return state.overlayOpened && `${state.currentImage.figureStyles?.replace(/margin[^;]*;?/g, '')};`;
+    },
     get imgStyles() {
       return state.overlayOpened && `${state.currentImage.imgStyles?.replace(/;$/, '')}; object-fit:cover;`;
+    },
+    get imageButtonRight() {
+      const {
+        imageId
+      } = getContext();
+      return state.metadata[imageId].imageButtonRight;
+    },
+    get imageButtonTop() {
+      const {
+        imageId
+      } = getContext();
+      return state.metadata[imageId].imageButtonTop;
+    },
+    get isContentHidden() {
+      const ctx = getContext();
+      return state.overlayEnabled && state.currentImageId === ctx.imageId;
+    },
+    get isContentVisible() {
+      const ctx = getContext();
+      return !state.overlayEnabled && state.currentImageId === ctx.imageId;
     }
   },
   actions: {
     showLightbox() {
-      const ctx = getContext();
+      const {
+        imageId
+      } = getContext();
 
       // Bails out if the image has not loaded yet.
-      if (!ctx.imageRef?.complete) {
+      if (!state.metadata[imageId].imageRef?.complete) {
         return;
       }
 
-      // Stores the positons of the scroll to fix it until the overlay is
+      // Stores the positions of the scroll to fix it until the overlay is
       // closed.
       state.scrollTopReset = document.documentElement.scrollTop;
       state.scrollLeftReset = document.documentElement.scrollLeft;
 
-      // Moves the information of the expaned image to the state.
-      ctx.currentSrc = ctx.imageRef.currentSrc;
-      imageRef = ctx.imageRef;
-      buttonRef = ctx.buttonRef;
-      state.currentImage = ctx;
+      // Sets the current expanded image in the state and enables the overlay.
       state.overlayEnabled = true;
+      state.currentImageId = imageId;
 
       // Computes the styles of the overlay for the animation.
       callbacks.setOverlayStyles();
     },
     hideLightbox() {
       if (state.overlayEnabled) {
+        // Starts the overlay closing animation. The showClosingAnimation
+        // class is used to avoid showing it on page load.
+        state.showClosingAnimation = true;
+        state.overlayEnabled = false;
+
         // Waits until the close animation has completed before allowing a
         // user to scroll again. The duration of this animation is defined in
         // the `styles.scss` file, but in any case we should wait a few
@@ -90,20 +106,13 @@ const {
           // Delays before changing the focus. Otherwise the focus ring will
           // appear on Firefox before the image has finished animating, which
           // looks broken.
-          buttonRef.focus({
+          state.currentImage.buttonRef.focus({
             preventScroll: true
           });
 
-          // Resets the current image to mark the overlay as closed.
-          state.currentImage = {};
-          imageRef = null;
-          buttonRef = null;
+          // Resets the current image id to mark the overlay as closed.
+          state.currentImageId = null;
         }, 450);
-
-        // Starts the overlay closing animation. The showClosingAnimation
-        // class is used to avoid showing it on page load.
-        state.showClosingAnimation = true;
-        state.overlayEnabled = false;
       }
     },
     handleKeydown(event) {
@@ -165,7 +174,7 @@ const {
   },
   callbacks: {
     setOverlayStyles() {
-      if (!imageRef) {
+      if (!state.currentImage.imageRef) {
         return;
       }
       let {
@@ -173,11 +182,11 @@ const {
         naturalHeight,
         offsetWidth: originalWidth,
         offsetHeight: originalHeight
-      } = imageRef;
+      } = state.currentImage.imageRef;
       let {
         x: screenPosX,
         y: screenPosY
-      } = imageRef.getBoundingClientRect();
+      } = state.currentImage.imageRef.getBoundingClientRect();
 
       // Natural ratio of the image clicked to open the lightbox.
       const naturalRatio = naturalWidth / naturalHeight;
@@ -214,6 +223,7 @@ const {
       let containerMaxHeight = imgMaxHeight;
       let containerWidth = imgMaxWidth;
       let containerHeight = imgMaxHeight;
+
       // Checks if the target image has a different ratio than the original
       // one (thumbnail). Recalculates the width and height.
       if (naturalRatio.toFixed(2) !== imgRatio.toFixed(2)) {
@@ -308,11 +318,14 @@ const {
 			`;
     },
     setButtonStyles() {
-      const ctx = getContext();
+      const {
+        imageId
+      } = getContext();
       const {
         ref
       } = getElement();
-      ctx.imageRef = ref;
+      state.metadata[imageId].imageRef = ref;
+      state.metadata[imageId].currentSrc = ref.currentSrc;
       const {
         naturalWidth,
         naturalHeight,
@@ -342,11 +355,13 @@ const {
       }
       const buttonOffsetTop = figureHeight - offsetHeight;
       const buttonOffsetRight = figureWidth - offsetWidth;
+      let imageButtonTop = buttonOffsetTop + 16;
+      let imageButtonRight = buttonOffsetRight + 16;
 
       // In the case of an image with object-fit: contain, the size of the
       // <img> element can be larger than the image itself, so it needs to
       // calculate where to place the button.
-      if (ctx.scaleAttr === 'contain') {
+      if (state.metadata[imageId].scaleAttr === 'contain') {
         // Natural ratio of the image.
         const naturalRatio = naturalWidth / naturalHeight;
         // Offset ratio of the image.
@@ -355,19 +370,18 @@ const {
           // If it reaches the width first, it keeps the width and compute the
           // height.
           const referenceHeight = offsetWidth / naturalRatio;
-          ctx.imageButtonTop = (offsetHeight - referenceHeight) / 2 + buttonOffsetTop + 16;
-          ctx.imageButtonRight = buttonOffsetRight + 16;
+          imageButtonTop = (offsetHeight - referenceHeight) / 2 + buttonOffsetTop + 16;
+          imageButtonRight = buttonOffsetRight + 16;
         } else {
           // If it reaches the height first, it keeps the height and compute
           // the width.
           const referenceWidth = offsetHeight * naturalRatio;
-          ctx.imageButtonTop = buttonOffsetTop + 16;
-          ctx.imageButtonRight = (offsetWidth - referenceWidth) / 2 + buttonOffsetRight + 16;
+          imageButtonTop = buttonOffsetTop + 16;
+          imageButtonRight = (offsetWidth - referenceWidth) / 2 + buttonOffsetRight + 16;
         }
-      } else {
-        ctx.imageButtonTop = buttonOffsetTop + 16;
-        ctx.imageButtonRight = buttonOffsetRight + 16;
       }
+      state.metadata[imageId].imageButtonTop = imageButtonTop;
+      state.metadata[imageId].imageButtonRight = imageButtonRight;
     },
     setOverlayFocus() {
       if (state.overlayEnabled) {
@@ -379,11 +393,13 @@ const {
       }
     },
     initTriggerButton() {
-      const ctx = getContext();
+      const {
+        imageId
+      } = getContext();
       const {
         ref
       } = getElement();
-      ctx.buttonRef = ref;
+      state.metadata[imageId].buttonRef = ref;
     }
   }
 }, {