@wordpress/block-library 8.20.1 → 8.21.1-next.f8d8eceb.0

package/build/image/image.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blob","require","_components","_compose","_data","_blockEditor","_element","_i18n","_url","_blocks","_icons","_notices","_coreData","_lockUnlock","_util","_useClientWidth","_interopRequireDefault","_edit","_constants","_utils","DimensionsTool","ResolutionTool","unlock","blockEditorPrivateApis","scaleOptions","value","label","_x","help","__","Image","temporaryURL","attributes","setAttributes","isSelected","insertBlocksAfter","onReplace","onSelectImage","onSelectURL","onUploadError","containerRef","context","clientId","blockEditingMode","url","alt","caption","align","id","href","rel","linkClass","linkDestination","title","width","height","aspectRatio","scale","linkTarget","sizeSlug","lightbox","numericWidth","parseInt","undefined","numericHeight","imageRef","useRef","prevCaption","usePrevious","showCaption","setShowCaption","useState","allowResize","getBlock","useSelect","blockEditorStore","image","multiImageSelection","select","getMedia","coreStore","getMultiSelectedBlockClientIds","getBlockName","multiSelectedClientIds","length","every","_clientId","canInsertCover","imageEditing","imageSizes","maxWidth","mediaUpload","getBlockRootClientId","getSettings","canInsertBlockType","rootClientId","settings","replaceBlocks","toggleSelection","useDispatch","createErrorNotice","createSuccessNotice","noticesStore","isLargeViewport","useViewportMatch","isWideAligned","includes","loadedNaturalWidth","loadedNaturalHeight","setLoadedNaturalSize","isEditingImage","setIsEditingImage","externalBlob","setExternalBlob","clientWidth","useClientWidth","hasNonContentControls","isResizable","imageSizeOptions","filter","slug","media_details","sizes","source_url","map","name","canUploadMedia","useEffect","isExternalImage","window","fetch","then","response","blob","catch","captionRef","useCallback","node","focus","naturalWidth","naturalHeight","useMemo","current","complete","onResizeStart","onResizeStop","onImageError","embedBlock","createUpgradedEmbedBlock","onSetHref","props","onSetTitle","updateAlt","newAlt","updateImage","newSizeSlug","newUrl","uploadExternal","filesList","onFileChange","img","isBlobURL","type","allowedTypes","ALLOWED_MEDIA_TYPES","onError","message","updateAlignment","nextAlign","extraUpdatedAttributes","canEditImage","allowCrop","switchToCover","switchToBlockType","dimensionsUnitsOptions","useCustomUnits","availableUnits","lightboxSetting","useSetting","showLightboxToggle","allowEditing","lightboxChecked","enabled","dimensionsControl","_react","createElement","onChange","newWidth","newHeight","newScale","newAspectRatio","defaultScale","defaultAspectRatio","unitsOptions","resetAll","sizeControls","InspectorControls","__experimentalToolsPanel","controls","Fragment","BlockControls","group","BlockAlignmentControl","ToolbarButton","onClick","icon","captionIcon","isPressed","__experimentalImageURLInputUI","onChangeUrl","mediaUrl","mediaLink","link","crop","overlayText","MediaReplaceFlow","mediaId","mediaURL","accept","onSelect","ToolbarGroup","upload","__experimentalToolsPanelItem","isShownByDefault","hasValue","onDeselect","TextareaControl","ExternalLink","__nextHasNoMarginBottom","options","ToggleControl","checked","newValue","TextControl","filename","getFilename","defaultedAlt","sprintf","borderProps","useBorderProps","isRounded","className","src","onLoad","event","target","ref","style","objectFit","Spinner","fallbackClientWidth","__experimentalImageEditor","onSaveImage","imageAttributes","onFinishEditing","numericRatio","evalAspectRatio","customRatio","naturalRatio","ratio","currentWidth","currentHeight","minWidth","MIN_SIZE","minHeight","maxWidthBuffer","showRightHandle","showLeftHandle","isRTL","ResizableBox","display","size","showHandle","maxHeight","lockAspectRatio","enable","top","right","bottom","left","direction","elt","offsetWidth","String","resizeRatio","RichText","isEmpty","identifier","__experimentalGetElementClassName","tagName","placeholder","inlineToolbar","__unstableOnSplitAtEnd","createBlock","getDefaultBlockName"],"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\tToggleControl,\n\tTextControl,\n\tToolbarButton,\n\tToolbarGroup,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\t__experimentalUseCustomUnits as useCustomUnits,\n} from '@wordpress/components';\nimport { useViewportMatch, usePrevious } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tBlockControls,\n\tInspectorControls,\n\tRichText,\n\t__experimentalImageURLInputUI as ImageURLInputUI,\n\tMediaReplaceFlow,\n\tstore as blockEditorStore,\n\tuseSetting,\n\tBlockAlignmentControl,\n\t__experimentalImageEditor as ImageEditor,\n\t__experimentalGetElementClassName,\n\t__experimentalUseBorderProps as useBorderProps,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport {\n\tuseEffect,\n\tuseMemo,\n\tuseState,\n\tuseRef,\n\tuseCallback,\n} from '@wordpress/element';\nimport { __, _x, sprintf, isRTL } from '@wordpress/i18n';\nimport { getFilename } from '@wordpress/url';\nimport {\n\tcreateBlock,\n\tgetDefaultBlockName,\n\tswitchToBlockType,\n} from '@wordpress/blocks';\nimport {\n\tcrop,\n\toverlayText,\n\tupload,\n\tcaption as captionIcon,\n} 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 useClientWidth from './use-client-width';\nimport { isExternalImage } from './edit';\n\n/**\n * Module constants\n */\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\nexport default function Image( {\n\ttemporaryURL,\n\tattributes,\n\tsetAttributes,\n\tisSelected,\n\tinsertBlocksAfter,\n\tonReplace,\n\tonSelectImage,\n\tonSelectURL,\n\tonUploadError,\n\tcontainerRef,\n\tcontext,\n\tclientId,\n\tblockEditingMode,\n} ) {\n\tconst {\n\t\turl = '',\n\t\talt,\n\t\tcaption,\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} = 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 prevCaption = usePrevious( caption );\n\tconst [ showCaption, setShowCaption ] = useState( !! caption );\n\tconst { allowResize = true } = context;\n\tconst { getBlock } = useSelect( blockEditorStore );\n\n\tconst { image, multiImageSelection } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getMedia } = select( coreStore );\n\t\t\tconst { getMultiSelectedBlockClientIds, getBlockName } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst multiSelectedClientIds = getMultiSelectedBlockClientIds();\n\t\t\treturn {\n\t\t\t\timage:\n\t\t\t\t\tid && isSelected\n\t\t\t\t\t\t? getMedia( id, { context: 'view' } )\n\t\t\t\t\t\t: null,\n\t\t\t\tmultiImageSelection:\n\t\t\t\t\tmultiSelectedClientIds.length &&\n\t\t\t\t\tmultiSelectedClientIds.every(\n\t\t\t\t\t\t( _clientId ) =>\n\t\t\t\t\t\t\tgetBlockName( _clientId ) === 'core/image'\n\t\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ id, isSelected ]\n\t);\n\tconst { canInsertCover, imageEditing, imageSizes, maxWidth, mediaUpload } =\n\t\tuseSelect(\n\t\t\t( select ) => {\n\t\t\t\tconst {\n\t\t\t\t\tgetBlockRootClientId,\n\t\t\t\t\tgetSettings,\n\t\t\t\t\tcanInsertBlockType,\n\t\t\t\t} = select( blockEditorStore );\n\n\t\t\t\tconst rootClientId = getBlockRootClientId( clientId );\n\t\t\t\tconst settings = getSettings();\n\n\t\t\t\treturn {\n\t\t\t\t\timageEditing: settings.imageEditing,\n\t\t\t\t\timageSizes: settings.imageSizes,\n\t\t\t\t\tmaxWidth: settings.maxWidth,\n\t\t\t\t\tmediaUpload: settings.mediaUpload,\n\t\t\t\t\tcanInsertCover: canInsertBlockType(\n\t\t\t\t\t\t'core/cover',\n\t\t\t\t\t\trootClientId\n\t\t\t\t\t),\n\t\t\t\t};\n\t\t\t},\n\t\t\t[ clientId ]\n\t\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 clientWidth = useClientWidth( containerRef, [ align ] );\n\tconst hasNonContentControls = blockEditingMode === 'default';\n\tconst isResizable =\n\t\tallowResize &&\n\t\thasNonContentControls &&\n\t\t! ( isWideAligned && isLargeViewport );\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\tconst canUploadMedia = !! mediaUpload;\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! isSelected ||\n\t\t\t! canUploadMedia\n\t\t) {\n\t\t\tsetExternalBlob();\n\t\t\treturn;\n\t\t}\n\n\t\tif ( externalBlob ) return;\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, isSelected, externalBlob, canUploadMedia ] );\n\n\t// We need to show the caption when changes come from\n\t// history navigation(undo/redo).\n\tuseEffect( () => {\n\t\tif ( caption && ! prevCaption ) {\n\t\t\tsetShowCaption( true );\n\t\t}\n\t}, [ caption, prevCaption ] );\n\n\t// Focus the caption when we click to add one.\n\tconst captionRef = useCallback(\n\t\t( node ) => {\n\t\t\tif ( node && ! caption ) {\n\t\t\t\tnode.focus();\n\t\t\t}\n\t\t},\n\t\t[ caption ]\n\t);\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 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\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\tfunction updateAlignment( nextAlign ) {\n\t\tconst extraUpdatedAttributes = [ 'wide', 'full' ].includes( nextAlign )\n\t\t\t? {\n\t\t\t\t\twidth: undefined,\n\t\t\t\t\theight: undefined,\n\t\t\t\t\taspectRatio: undefined,\n\t\t\t\t\tscale: undefined,\n\t\t\t  }\n\t\t\t: {};\n\t\tsetAttributes( {\n\t\t\t...extraUpdatedAttributes,\n\t\t\talign: nextAlign,\n\t\t} );\n\t}\n\n\tuseEffect( () => {\n\t\tif ( ! isSelected ) {\n\t\t\tsetIsEditingImage( false );\n\t\t\tif ( ! caption ) {\n\t\t\t\tsetShowCaption( false );\n\t\t\t}\n\t\t}\n\t}, [ isSelected, caption ] );\n\n\tconst canEditImage = id && naturalWidth && naturalHeight && imageEditing;\n\tconst allowCrop = ! multiImageSelection && 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 = useSetting( 'lightbox' );\n\n\tconst showLightboxToggle =\n\t\t!! lightbox || lightboxSetting?.allowEditing === true;\n\n\tconst lightboxChecked =\n\t\t!! lightbox?.enabled || ( ! lightbox && !! lightboxSetting?.enabled );\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 resetAll = () => {\n\t\tsetAttributes( {\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 label={ __( 'Settings' ) } resetAll={ resetAll }>\n\t\t\t\t{ isResizable && dimensionsControl }\n\t\t\t</ToolsPanel>\n\t\t</InspectorControls>\n\t);\n\n\tconst controls = (\n\t\t<>\n\t\t\t<BlockControls group=\"block\">\n\t\t\t\t{ hasNonContentControls && (\n\t\t\t\t\t<BlockAlignmentControl\n\t\t\t\t\t\tvalue={ align }\n\t\t\t\t\t\tonChange={ updateAlignment }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ hasNonContentControls && (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tsetShowCaption( ! showCaption );\n\t\t\t\t\t\t\tif ( showCaption && caption ) {\n\t\t\t\t\t\t\t\tsetAttributes( { caption: undefined } );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\ticon={ captionIcon }\n\t\t\t\t\t\tisPressed={ showCaption }\n\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\tshowCaption\n\t\t\t\t\t\t\t\t? __( 'Remove caption' )\n\t\t\t\t\t\t\t\t: __( 'Add caption' )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ ! multiImageSelection && ! isEditingImage && (\n\t\t\t\t\t<ImageURLInputUI\n\t\t\t\t\t\turl={ href || '' }\n\t\t\t\t\t\tonChangeUrl={ onSetHref }\n\t\t\t\t\t\tlinkDestination={ linkDestination }\n\t\t\t\t\t\tmediaUrl={ ( image && image.source_url ) || url }\n\t\t\t\t\t\tmediaLink={ image && image.link }\n\t\t\t\t\t\tlinkTarget={ linkTarget }\n\t\t\t\t\t\tlinkClass={ linkClass }\n\t\t\t\t\t\trel={ rel }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ allowCrop && (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tonClick={ () => setIsEditingImage( true ) }\n\t\t\t\t\t\ticon={ crop }\n\t\t\t\t\t\tlabel={ __( 'Crop' ) }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ ! multiImageSelection && canInsertCover && (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\ticon={ overlayText }\n\t\t\t\t\t\tlabel={ __( 'Add text over image' ) }\n\t\t\t\t\t\tonClick={ switchToCover }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</BlockControls>\n\t\t\t{ ! multiImageSelection && ! isEditingImage && (\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{ ! multiImageSelection && 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 external image' ) }\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<InspectorControls>\n\t\t\t\t<ToolsPanel label={ __( 'Settings' ) } resetAll={ resetAll }>\n\t\t\t\t\t{ ! multiImageSelection && (\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={ true }\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\thelp={\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t<ExternalLink href=\"https://www.w3.org/WAI/tutorials/images/decision-tree\">\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 purpose of the image.'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t{ __( 'Leave empty if decorative.' ) }\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 && dimensionsControl }\n\t\t\t\t\t<ResolutionTool\n\t\t\t\t\t\tvalue={ sizeSlug }\n\t\t\t\t\t\tonChange={ updateImage }\n\t\t\t\t\t\toptions={ imageSizeOptions }\n\t\t\t\t\t/>\n\t\t\t\t\t{ showLightboxToggle && (\n\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\thasValue={ () => !! lightbox }\n\t\t\t\t\t\t\tlabel={ __( 'Expand on Click' ) }\n\t\t\t\t\t\t\tonDeselect={ () => {\n\t\t\t\t\t\t\t\tsetAttributes( { lightbox: undefined } );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tisShownByDefault={ true }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Expand on Click' ) }\n\t\t\t\t\t\t\t\tchecked={ lightboxChecked }\n\t\t\t\t\t\t\t\tonChange={ ( newValue ) => {\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\tlightbox: { enabled: newValue },\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</ToolsPanelItem>\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\tlabel={ __( 'Title attribute' ) }\n\t\t\t\t\tvalue={ title || '' }\n\t\t\t\t\tonChange={ onSetTitle }\n\t\t\t\t\thelp={\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{ __(\n\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) }\n\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{ __(\n\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) }\n\t\t\t\t\t\t\t</ExternalLink>\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 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} }\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\t// clientWidth needs to be a number for the image Cropper to work, but sometimes it's 0\n\t// So we try using the imageRef width first and fallback to clientWidth.\n\tconst fallbackClientWidth = imageRef.current?.width || clientWidth;\n\n\tif ( canEditImage && isEditingImage ) {\n\t\timg = (\n\t\t\t<ImageEditor\n\t\t\t\tid={ id }\n\t\t\t\turl={ url }\n\t\t\t\twidth={ numericWidth }\n\t\t\t\theight={ numericHeight }\n\t\t\t\tclientWidth={ fallbackClientWidth }\n\t\t\t\tnaturalHeight={ naturalHeight }\n\t\t\t\tnaturalWidth={ naturalWidth }\n\t\t\t\tonSaveImage={ ( imageAttributes ) =>\n\t\t\t\t\tsetAttributes( imageAttributes )\n\t\t\t\t}\n\t\t\t\tonFinishEditing={ () => {\n\t\t\t\t\tsetIsEditingImage( false );\n\t\t\t\t} }\n\t\t\t\tborderProps={ isRounded ? undefined : borderProps }\n\t\t\t/>\n\t\t);\n\t} else if ( ! isResizable ) {\n\t\timg = <div style={ { width, height, aspectRatio } }>{ img }</div>;\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\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={ isSelected }\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{ img }\n\t\t\t</ResizableBox>\n\t\t);\n\t}\n\n\tif ( ! url && ! temporaryURL ) {\n\t\treturn sizeControls;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ /* Hide controls during upload to avoid component remount,\n\t\t\t\twhich causes duplicated image upload. */ }\n\t\t\t{ ! temporaryURL && controls }\n\t\t\t{ img }\n\t\t\t{ showCaption &&\n\t\t\t\t( ! RichText.isEmpty( caption ) || isSelected ) && (\n\t\t\t\t\t<RichText\n\t\t\t\t\t\tidentifier=\"caption\"\n\t\t\t\t\t\tclassName={ __experimentalGetElementClassName(\n\t\t\t\t\t\t\t'caption'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tref={ captionRef }\n\t\t\t\t\t\ttagName=\"figcaption\"\n\t\t\t\t\t\taria-label={ __( 'Image caption text' ) }\n\t\t\t\t\t\tplaceholder={ __( 'Add caption' ) }\n\t\t\t\t\t\tvalue={ caption }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( { caption: value } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tinlineToolbar\n\t\t\t\t\t\t__unstableOnSplitAtEnd={ () =>\n\t\t\t\t\t\t\tinsertBlocksAfter(\n\t\t\t\t\t\t\t\tcreateBlock( getDefaultBlockName() )\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</>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_blob","require","_components","_compose","_data","_blockEditor","_element","_i18n","_url","_blocks","_icons","_notices","_coreData","_lockUnlock","_util","_useClientWidth","_interopRequireDefault","_edit","_constants","_utils","DimensionsTool","ResolutionTool","unlock","blockEditorPrivateApis","scaleOptions","value","label","_x","help","__","disabledClickProps","onClick","event","preventDefault","Image","temporaryURL","attributes","setAttributes","isSelected","insertBlocksAfter","onReplace","onSelectImage","onSelectURL","onUploadError","containerRef","context","clientId","blockEditingMode","url","alt","caption","align","id","href","rel","linkClass","linkDestination","title","width","height","aspectRatio","scale","linkTarget","sizeSlug","lightbox","numericWidth","parseInt","undefined","numericHeight","imageRef","useRef","prevCaption","usePrevious","showCaption","setShowCaption","useState","allowResize","getBlock","useSelect","blockEditorStore","image","multiImageSelection","select","getMedia","coreStore","getMultiSelectedBlockClientIds","getBlockName","multiSelectedClientIds","length","every","_clientId","canInsertCover","imageEditing","imageSizes","maxWidth","mediaUpload","getBlockRootClientId","getSettings","canInsertBlockType","rootClientId","settings","replaceBlocks","toggleSelection","useDispatch","createErrorNotice","createSuccessNotice","noticesStore","isLargeViewport","useViewportMatch","isWideAligned","includes","loadedNaturalWidth","loadedNaturalHeight","setLoadedNaturalSize","isEditingImage","setIsEditingImage","externalBlob","setExternalBlob","clientWidth","useClientWidth","hasNonContentControls","isResizable","imageSizeOptions","filter","slug","media_details","sizes","source_url","map","name","canUploadMedia","useEffect","isExternalImage","window","fetch","then","response","blob","catch","captionRef","useCallback","node","focus","naturalWidth","naturalHeight","useMemo","current","complete","onResizeStart","onResizeStop","onImageError","embedBlock","createUpgradedEmbedBlock","onSetHref","props","onSetTitle","updateAlt","newAlt","updateImage","newSizeSlug","newUrl","uploadExternal","filesList","onFileChange","img","isBlobURL","type","allowedTypes","ALLOWED_MEDIA_TYPES","onError","message","updateAlignment","nextAlign","extraUpdatedAttributes","canEditImage","allowCrop","switchToCover","switchToBlockType","dimensionsUnitsOptions","useCustomUnits","availableUnits","lightboxSetting","useSettings","showLightboxToggle","allowEditing","lightboxChecked","enabled","lightboxToggleDisabled","dimensionsControl","_react","createElement","onChange","newWidth","newHeight","newScale","newAspectRatio","defaultScale","defaultAspectRatio","unitsOptions","resetAll","sizeControls","InspectorControls","__experimentalToolsPanel","controls","Fragment","BlockControls","group","BlockAlignmentControl","ToolbarButton","icon","captionIcon","isPressed","__experimentalImageURLInputUI","onChangeUrl","mediaUrl","mediaLink","link","crop","overlayText","MediaReplaceFlow","mediaId","mediaURL","accept","onSelect","ToolbarGroup","upload","__experimentalToolsPanelItem","isShownByDefault","hasValue","onDeselect","TextareaControl","ExternalLink","__nextHasNoMarginBottom","options","ToggleControl","checked","newValue","disabled","TextControl","filename","getFilename","defaultedAlt","sprintf","borderProps","useBorderProps","isRounded","className","src","onLoad","target","ref","style","objectFit","Spinner","fallbackClientWidth","__experimentalImageEditor","onSaveImage","imageAttributes","onFinishEditing","numericRatio","evalAspectRatio","customRatio","naturalRatio","ratio","currentWidth","currentHeight","minWidth","MIN_SIZE","minHeight","maxWidthBuffer","showRightHandle","showLeftHandle","isRTL","ResizableBox","display","size","showHandle","maxHeight","lockAspectRatio","enable","top","right","bottom","left","direction","elt","offsetWidth","String","resizeRatio","RichText","isEmpty","identifier","__experimentalGetElementClassName","tagName","placeholder","inlineToolbar","__unstableOnSplitAtEnd","createBlock","getDefaultBlockName"],"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\tToggleControl,\n\tTextControl,\n\tToolbarButton,\n\tToolbarGroup,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\t__experimentalUseCustomUnits as useCustomUnits,\n} from '@wordpress/components';\nimport { useViewportMatch, usePrevious } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tBlockControls,\n\tInspectorControls,\n\tRichText,\n\t__experimentalImageURLInputUI as ImageURLInputUI,\n\tMediaReplaceFlow,\n\tstore as blockEditorStore,\n\tuseSettings,\n\tBlockAlignmentControl,\n\t__experimentalImageEditor as ImageEditor,\n\t__experimentalGetElementClassName,\n\t__experimentalUseBorderProps as useBorderProps,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport {\n\tuseEffect,\n\tuseMemo,\n\tuseState,\n\tuseRef,\n\tuseCallback,\n} from '@wordpress/element';\nimport { __, _x, sprintf, isRTL } from '@wordpress/i18n';\nimport { getFilename } from '@wordpress/url';\nimport {\n\tcreateBlock,\n\tgetDefaultBlockName,\n\tswitchToBlockType,\n} from '@wordpress/blocks';\nimport {\n\tcrop,\n\toverlayText,\n\tupload,\n\tcaption as captionIcon,\n} 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 useClientWidth from './use-client-width';\nimport { isExternalImage } from './edit';\n\n/**\n * Module constants\n */\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\nconst disabledClickProps = {\n\tonClick: ( event ) => event.preventDefault(),\n\t'aria-disabled': true,\n};\n\nexport default function Image( {\n\ttemporaryURL,\n\tattributes,\n\tsetAttributes,\n\tisSelected,\n\tinsertBlocksAfter,\n\tonReplace,\n\tonSelectImage,\n\tonSelectURL,\n\tonUploadError,\n\tcontainerRef,\n\tcontext,\n\tclientId,\n\tblockEditingMode,\n} ) {\n\tconst {\n\t\turl = '',\n\t\talt,\n\t\tcaption,\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} = 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 prevCaption = usePrevious( caption );\n\tconst [ showCaption, setShowCaption ] = useState( !! caption );\n\tconst { allowResize = true } = context;\n\tconst { getBlock } = useSelect( blockEditorStore );\n\n\tconst { image, multiImageSelection } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getMedia } = select( coreStore );\n\t\t\tconst { getMultiSelectedBlockClientIds, getBlockName } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst multiSelectedClientIds = getMultiSelectedBlockClientIds();\n\t\t\treturn {\n\t\t\t\timage:\n\t\t\t\t\tid && isSelected\n\t\t\t\t\t\t? getMedia( id, { context: 'view' } )\n\t\t\t\t\t\t: null,\n\t\t\t\tmultiImageSelection:\n\t\t\t\t\tmultiSelectedClientIds.length &&\n\t\t\t\t\tmultiSelectedClientIds.every(\n\t\t\t\t\t\t( _clientId ) =>\n\t\t\t\t\t\t\tgetBlockName( _clientId ) === 'core/image'\n\t\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ id, isSelected ]\n\t);\n\tconst { canInsertCover, imageEditing, imageSizes, maxWidth, mediaUpload } =\n\t\tuseSelect(\n\t\t\t( select ) => {\n\t\t\t\tconst {\n\t\t\t\t\tgetBlockRootClientId,\n\t\t\t\t\tgetSettings,\n\t\t\t\t\tcanInsertBlockType,\n\t\t\t\t} = select( blockEditorStore );\n\n\t\t\t\tconst rootClientId = getBlockRootClientId( clientId );\n\t\t\t\tconst settings = getSettings();\n\n\t\t\t\treturn {\n\t\t\t\t\timageEditing: settings.imageEditing,\n\t\t\t\t\timageSizes: settings.imageSizes,\n\t\t\t\t\tmaxWidth: settings.maxWidth,\n\t\t\t\t\tmediaUpload: settings.mediaUpload,\n\t\t\t\t\tcanInsertCover: canInsertBlockType(\n\t\t\t\t\t\t'core/cover',\n\t\t\t\t\t\trootClientId\n\t\t\t\t\t),\n\t\t\t\t};\n\t\t\t},\n\t\t\t[ clientId ]\n\t\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 clientWidth = useClientWidth( containerRef, [ align ] );\n\tconst hasNonContentControls = blockEditingMode === 'default';\n\tconst isResizable =\n\t\tallowResize &&\n\t\thasNonContentControls &&\n\t\t! ( isWideAligned && isLargeViewport );\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\tconst canUploadMedia = !! mediaUpload;\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! isSelected ||\n\t\t\t! canUploadMedia\n\t\t) {\n\t\t\tsetExternalBlob();\n\t\t\treturn;\n\t\t}\n\n\t\tif ( externalBlob ) return;\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, isSelected, externalBlob, canUploadMedia ] );\n\n\t// We need to show the caption when changes come from\n\t// history navigation(undo/redo).\n\tuseEffect( () => {\n\t\tif ( caption && ! prevCaption ) {\n\t\t\tsetShowCaption( true );\n\t\t}\n\t}, [ caption, prevCaption ] );\n\n\t// Focus the caption when we click to add one.\n\tconst captionRef = useCallback(\n\t\t( node ) => {\n\t\t\tif ( node && ! caption ) {\n\t\t\t\tnode.focus();\n\t\t\t}\n\t\t},\n\t\t[ caption ]\n\t);\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 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\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\tfunction updateAlignment( nextAlign ) {\n\t\tconst extraUpdatedAttributes = [ 'wide', 'full' ].includes( nextAlign )\n\t\t\t? {\n\t\t\t\t\twidth: undefined,\n\t\t\t\t\theight: undefined,\n\t\t\t\t\taspectRatio: undefined,\n\t\t\t\t\tscale: undefined,\n\t\t\t  }\n\t\t\t: {};\n\t\tsetAttributes( {\n\t\t\t...extraUpdatedAttributes,\n\t\t\talign: nextAlign,\n\t\t} );\n\t}\n\n\tuseEffect( () => {\n\t\tif ( ! isSelected ) {\n\t\t\tsetIsEditingImage( false );\n\t\t\tif ( ! caption ) {\n\t\t\t\tsetShowCaption( false );\n\t\t\t}\n\t\t}\n\t}, [ isSelected, caption ] );\n\n\tconst canEditImage = id && naturalWidth && naturalHeight && imageEditing;\n\tconst allowCrop = ! multiImageSelection && 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 showLightboxToggle =\n\t\t!! lightbox || lightboxSetting?.allowEditing === true;\n\n\tconst lightboxChecked =\n\t\t!! lightbox?.enabled || ( ! lightbox && !! lightboxSetting?.enabled );\n\n\tconst lightboxToggleDisabled = linkDestination !== 'none';\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 resetAll = () => {\n\t\tsetAttributes( {\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 label={ __( 'Settings' ) } resetAll={ resetAll }>\n\t\t\t\t{ isResizable && dimensionsControl }\n\t\t\t</ToolsPanel>\n\t\t</InspectorControls>\n\t);\n\n\tconst controls = (\n\t\t<>\n\t\t\t<BlockControls group=\"block\">\n\t\t\t\t{ hasNonContentControls && (\n\t\t\t\t\t<BlockAlignmentControl\n\t\t\t\t\t\tvalue={ align }\n\t\t\t\t\t\tonChange={ updateAlignment }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ hasNonContentControls && (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tsetShowCaption( ! showCaption );\n\t\t\t\t\t\t\tif ( showCaption && caption ) {\n\t\t\t\t\t\t\t\tsetAttributes( { caption: undefined } );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\ticon={ captionIcon }\n\t\t\t\t\t\tisPressed={ showCaption }\n\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\tshowCaption\n\t\t\t\t\t\t\t\t? __( 'Remove caption' )\n\t\t\t\t\t\t\t\t: __( 'Add caption' )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ ! multiImageSelection && ! isEditingImage && (\n\t\t\t\t\t<ImageURLInputUI\n\t\t\t\t\t\turl={ href || '' }\n\t\t\t\t\t\tonChangeUrl={ onSetHref }\n\t\t\t\t\t\tlinkDestination={ linkDestination }\n\t\t\t\t\t\tmediaUrl={ ( image && image.source_url ) || url }\n\t\t\t\t\t\tmediaLink={ image && image.link }\n\t\t\t\t\t\tlinkTarget={ linkTarget }\n\t\t\t\t\t\tlinkClass={ linkClass }\n\t\t\t\t\t\trel={ rel }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ allowCrop && (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tonClick={ () => setIsEditingImage( true ) }\n\t\t\t\t\t\ticon={ crop }\n\t\t\t\t\t\tlabel={ __( 'Crop' ) }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ ! multiImageSelection && canInsertCover && (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\ticon={ overlayText }\n\t\t\t\t\t\tlabel={ __( 'Add text over image' ) }\n\t\t\t\t\t\tonClick={ switchToCover }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</BlockControls>\n\t\t\t{ ! multiImageSelection && ! isEditingImage && (\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{ ! multiImageSelection && 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 external image' ) }\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<InspectorControls>\n\t\t\t\t<ToolsPanel label={ __( 'Settings' ) } resetAll={ resetAll }>\n\t\t\t\t\t{ ! multiImageSelection && (\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={ true }\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\thelp={\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t<ExternalLink href=\"https://www.w3.org/WAI/tutorials/images/decision-tree\">\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 purpose of the image.'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t{ __( 'Leave empty if decorative.' ) }\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 && dimensionsControl }\n\t\t\t\t\t<ResolutionTool\n\t\t\t\t\t\tvalue={ sizeSlug }\n\t\t\t\t\t\tonChange={ updateImage }\n\t\t\t\t\t\toptions={ imageSizeOptions }\n\t\t\t\t\t/>\n\t\t\t\t\t{ showLightboxToggle && (\n\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\thasValue={ () => !! lightbox }\n\t\t\t\t\t\t\tlabel={ __( 'Expand on click' ) }\n\t\t\t\t\t\t\tonDeselect={ () => {\n\t\t\t\t\t\t\t\tsetAttributes( { lightbox: undefined } );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tisShownByDefault={ true }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Expand on click' ) }\n\t\t\t\t\t\t\t\tchecked={ lightboxChecked }\n\t\t\t\t\t\t\t\tonChange={ ( newValue ) => {\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\tlightbox: { enabled: newValue },\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\tdisabled={ lightboxToggleDisabled }\n\t\t\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\t\t\tlightboxToggleDisabled\n\t\t\t\t\t\t\t\t\t\t? __(\n\t\t\t\t\t\t\t\t\t\t\t\t'“Expand on click” scales the image up, and can’t be combined with a link.'\n\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}\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</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\tlabel={ __( 'Title attribute' ) }\n\t\t\t\t\tvalue={ title || '' }\n\t\t\t\t\tonChange={ onSetTitle }\n\t\t\t\t\thelp={\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{ __(\n\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) }\n\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{ __(\n\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) }\n\t\t\t\t\t\t\t</ExternalLink>\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 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} }\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\t// clientWidth needs to be a number for the image Cropper to work, but sometimes it's 0\n\t// So we try using the imageRef width first and fallback to clientWidth.\n\tconst fallbackClientWidth = imageRef.current?.width || clientWidth;\n\n\tif ( canEditImage && isEditingImage ) {\n\t\timg = (\n\t\t\t<ImageEditor\n\t\t\t\tid={ id }\n\t\t\t\turl={ url }\n\t\t\t\twidth={ numericWidth }\n\t\t\t\theight={ numericHeight }\n\t\t\t\tclientWidth={ fallbackClientWidth }\n\t\t\t\tnaturalHeight={ naturalHeight }\n\t\t\t\tnaturalWidth={ naturalWidth }\n\t\t\t\tonSaveImage={ ( imageAttributes ) =>\n\t\t\t\t\tsetAttributes( imageAttributes )\n\t\t\t\t}\n\t\t\t\tonFinishEditing={ () => {\n\t\t\t\t\tsetIsEditingImage( false );\n\t\t\t\t} }\n\t\t\t\tborderProps={ isRounded ? undefined : borderProps }\n\t\t\t/>\n\t\t);\n\t} else if ( ! isResizable ) {\n\t\timg = <div style={ { width, height, aspectRatio } }>{ img }</div>;\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={ isSelected }\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{ img }\n\t\t\t</ResizableBox>\n\t\t);\n\t}\n\n\tif ( ! url && ! temporaryURL ) {\n\t\treturn sizeControls;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ /* Hide controls during upload to avoid component remount,\n\t\t\t\twhich causes duplicated image upload. */ }\n\t\t\t{ ! temporaryURL && controls }\n\t\t\t{ /* If the image has a href, wrap in an <a /> tag to trigger any inherited link element styles */ }\n\t\t\t{ !! href ? (\n\t\t\t\t<a href={ href } { ...disabledClickProps }>\n\t\t\t\t\t{ img }\n\t\t\t\t</a>\n\t\t\t) : (\n\t\t\t\timg\n\t\t\t) }\n\t\t\t{ showCaption &&\n\t\t\t\t( ! RichText.isEmpty( caption ) || isSelected ) && (\n\t\t\t\t\t<RichText\n\t\t\t\t\t\tidentifier=\"caption\"\n\t\t\t\t\t\tclassName={ __experimentalGetElementClassName(\n\t\t\t\t\t\t\t'caption'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tref={ captionRef }\n\t\t\t\t\t\ttagName=\"figcaption\"\n\t\t\t\t\t\taria-label={ __( 'Image caption text' ) }\n\t\t\t\t\t\tplaceholder={ __( 'Add caption' ) }\n\t\t\t\t\t\tvalue={ caption }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( { caption: value } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tinlineToolbar\n\t\t\t\t\t\t__unstableOnSplitAtEnd={ () =>\n\t\t\t\t\t\t\tinsertBlocksAfter(\n\t\t\t\t\t\t\t\tcreateBlock( getDefaultBlockName() )\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</>\n\t);\n}\n"],"mappings":"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"}

package/build/image/view.js

@@ -90,8 +90,9 @@ function handleScroll(context) {
           context.core.image.initialized = true;
           context.core.image.lastFocusedElement = window.document.activeElement;
           context.core.image.scrollDelta = 0;
+          context.core.image.pointerType = event.pointerType;
           context.core.image.lightboxEnabled = true;
-          setStyles(context, event);
+          setStyles(context, context.core.image.imageRef);
           context.core.image.scrollTopReset = window.pageYOffset || document.documentElement.scrollTop;
 
           // In most cases, this value will be 0, but this is included
@@ -124,11 +125,14 @@ function handleScroll(context) {
             // may scroll too soon and cause the animation to look sloppy.
             setTimeout(function () {
               window.removeEventListener('scroll', scrollCallback);
+              // If we don't delay before changing the focus,
+              // the focus ring will appear on Firefox before
+              // the image has finished animating, which looks broken.
+              context.core.image.lightboxTriggerRef.focus({
+                preventScroll: true
+              });
             }, 450);
             context.core.image.lightboxEnabled = false;
-            context.core.image.lastFocusedElement.focus({
-              preventScroll: true
-            });
           }
         },
         handleKeydown: ({
@@ -155,8 +159,9 @@ function handleScroll(context) {
             }
           }
         },
+        // This is fired just by lazily loaded
+        // images on the page, not all images.
         handleLoad: ({
-          state,
           context,
           effects,
           ref
@@ -164,7 +169,6 @@ function handleScroll(context) {
           context.core.image.imageLoaded = true;
           context.core.image.imageCurrentSrc = ref.currentSrc;
           effects.core.image.setButtonStyles({
-            state,
             context,
             ref
           });
@@ -202,7 +206,17 @@ function handleScroll(context) {
         roleAttribute: ({
           context
         }) => {
-          return context.core.image.lightboxEnabled ? 'dialog' : '';
+          return context.core.image.lightboxEnabled ? 'dialog' : null;
+        },
+        ariaModal: ({
+          context
+        }) => {
+          return context.core.image.lightboxEnabled ? 'true' : null;
+        },
+        dialogLabel: ({
+          context
+        }) => {
+          return context.core.image.lightboxEnabled ? context.core.image.dialogLabel : null;
         },
         lightboxObjectFit: ({
           context
@@ -214,7 +228,7 @@ function handleScroll(context) {
         enlargedImgSrc: ({
           context
         }) => {
-          return context.core.image.initialized ? context.core.image.imageUploadedSrc : '';
+          return context.core.image.initialized ? context.core.image.imageUploadedSrc : 'data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=';
         }
       }
     }
@@ -222,10 +236,12 @@ function handleScroll(context) {
   effects: {
     core: {
       image: {
-        setCurrentSrc: ({
+        initOriginImage: ({
           context,
           ref
         }) => {
+          context.core.image.imageRef = ref;
+          context.core.image.lightboxTriggerRef = ref.parentElement.querySelector('.lightbox-trigger');
           if (ref.complete) {
             context.core.image.imageLoaded = true;
             context.core.image.imageCurrentSrc = ref.currentSrc;
@@ -235,17 +251,16 @@ function handleScroll(context) {
           context,
           ref
         }) => {
-          context.core.image.figureRef = ref.querySelector('figure');
-          context.core.image.imageRef = ref.querySelector('img');
           if (context.core.image.lightboxEnabled) {
             const focusableElements = ref.querySelectorAll(focusableSelectors);
             context.core.image.firstFocusableElement = focusableElements[0];
             context.core.image.lastFocusableElement = focusableElements[focusableElements.length - 1];
-            ref.querySelector('.close-button').focus();
+
+            // Move focus to the dialog when opening it.
+            ref.focus();
           }
         },
         setButtonStyles: ({
-          state,
           context,
           ref
         }) => {
@@ -257,43 +272,60 @@ function handleScroll(context) {
           } = ref;
 
           // If the image isn't loaded yet, we can't
-          // calculate how big the button should be.
+          // calculate where the button should be.
           if (naturalWidth === 0 || naturalHeight === 0) {
             return;
           }
+          const figure = ref.parentElement;
+          const figureWidth = ref.parentElement.clientWidth;
 
-          // Subscribe to the window dimensions so we can
-          // recalculate the styles if the window is resized.
-          if ((state.core.image.windowWidth || state.core.image.windowHeight) && context.core.image.scaleAttr === 'contain') {
-            // In the case of an image with object-fit: contain, the
-            // size of the img element can be larger than the image itself,
-            // so we need to calculate the size of the button to match.
+          // We need special handling for the height because
+          // a caption will cause the figure to be taller than
+          // the image, which means we need to account for that
+          // when calculating the placement of the button in the
+          // top right corner of the image.
+          let figureHeight = ref.parentElement.clientHeight;
+          const caption = figure.querySelector('figcaption');
+          if (caption) {
+            const captionComputedStyle = window.getComputedStyle(caption);
+            figureHeight = figureHeight - caption.offsetHeight - parseFloat(captionComputedStyle.marginTop) - parseFloat(captionComputedStyle.marginBottom);
+          }
+          const buttonOffsetTop = figureHeight - offsetHeight;
+          const buttonOffsetRight = figureWidth - offsetWidth;
 
+          // In the case of an image with object-fit: contain, the
+          // size of the <img> element can be larger than the image itself,
+          // so we need to calculate where to place the button.
+          if (context.core.image.scaleAttr === 'contain') {
             // Natural ratio of the image.
             const naturalRatio = naturalWidth / naturalHeight;
             // Offset ratio of the image.
             const offsetRatio = offsetWidth / offsetHeight;
-            if (naturalRatio > offsetRatio) {
+            if (naturalRatio >= offsetRatio) {
               // If it reaches the width first, keep
-              // the width and recalculate the height.
-              context.core.image.imageButtonWidth = offsetWidth;
-              const buttonHeight = offsetWidth / naturalRatio;
-              context.core.image.imageButtonHeight = buttonHeight;
-              context.core.image.imageButtonTop = (offsetHeight - buttonHeight) / 2;
+              // the width and compute the height.
+              const referenceHeight = offsetWidth / naturalRatio;
+              context.core.image.imageButtonTop = (offsetHeight - referenceHeight) / 2 + buttonOffsetTop + 10;
+              context.core.image.imageButtonRight = buttonOffsetRight + 10;
             } else {
               // If it reaches the height first, keep
-              // the height and recalculate the width.
-              context.core.image.imageButtonHeight = offsetHeight;
-              const buttonWidth = offsetHeight * naturalRatio;
-              context.core.image.imageButtonWidth = buttonWidth;
-              context.core.image.imageButtonLeft = (offsetWidth - buttonWidth) / 2;
+              // the height and compute the width.
+              const referenceWidth = offsetHeight * naturalRatio;
+              context.core.image.imageButtonTop = buttonOffsetTop + 10;
+              context.core.image.imageButtonRight = (offsetWidth - referenceWidth) / 2 + buttonOffsetRight + 10;
             }
           } else {
-            // In all other cases, we can trust that the size of
-            // the image is the right size for the button as well.
-
-            context.core.image.imageButtonWidth = offsetWidth;
-            context.core.image.imageButtonHeight = offsetHeight;
+            context.core.image.imageButtonTop = buttonOffsetTop + 10;
+            context.core.image.imageButtonRight = buttonOffsetRight + 10;
+          }
+        },
+        setStylesOnResize: ({
+          state,
+          context,
+          ref
+        }) => {
+          if (context.core.image.lightboxEnabled && (state.core.image.windowWidth || state.core.image.windowHeight)) {
+            setStyles(context, ref);
           }
         }
       }
@@ -317,7 +349,7 @@ function handleScroll(context) {
  * @param {Object} context - An Interactivity API context
  * @param {Object} event - A triggering event
  */
-function setStyles(context, event) {
+function setStyles(context, ref) {
   // The reference img element lies adjacent
   // to the event target button in the DOM.
   let {
@@ -325,11 +357,11 @@ function setStyles(context, event) {
     naturalHeight,
     offsetWidth: originalWidth,
     offsetHeight: originalHeight
-  } = event.target.nextElementSibling;
+  } = ref;
   let {
     x: screenPosX,
     y: screenPosY
-  } = event.target.nextElementSibling.getBoundingClientRect();
+  } = ref.getBoundingClientRect();
 
   // Natural ratio of the image clicked to open the lightbox.
   const naturalRatio = naturalWidth / naturalHeight;