@wordpress/block-library 11.1.0 → 11.2.0

package/build/image/use-open-image-media-editor-modal.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/image/use-open-image-media-editor-modal.js"],
-  "sourcesContent": ["import { store as coreStore } from '@wordpress/core-data';\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { __unstableStripHTML as stripHTML } from '@wordpress/dom';\nimport { useRegistry, useSelect } from '@wordpress/data';\nimport { useCallback, useEffect, useRef } from '@wordpress/element';\nimport { unlock } from '../lock-unlock';\nimport {\n\tDEFAULT_MEDIA_SIZE_SLUG,\n\tLINK_DESTINATION_ATTACHMENT,\n\tLINK_DESTINATION_MEDIA,\n} from './constants';\n\nfunction normalizeImageBlockCaption( caption ) {\n\tif ( typeof caption !== 'string' ) {\n\t\treturn '';\n\t}\n\n\tconst textContent = stripHTML( caption ).trim();\n\n\tif ( ! textContent ) {\n\t\treturn '';\n\t}\n\n\treturn caption.replace( /\\n/g, '<br>' );\n}\n\nfunction getAttachmentCaption( attachment ) {\n\tconst caption = attachment?.caption;\n\n\tif ( typeof caption === 'string' ) {\n\t\treturn normalizeImageBlockCaption( caption );\n\t}\n\n\tif (\n\t\tcaption &&\n\t\ttypeof caption === 'object' &&\n\t\tObject.hasOwn( caption, 'raw' )\n\t) {\n\t\treturn normalizeImageBlockCaption( caption.raw );\n\t}\n\n\treturn undefined;\n}\n\nexport function getImageBlockMetadataFromAttachment( attachment ) {\n\treturn {\n\t\talt:\n\t\t\ttypeof attachment?.alt_text === 'string'\n\t\t\t\t? attachment.alt_text\n\t\t\t\t: attachment?.alt || '',\n\t\tcaption: getAttachmentCaption( attachment ),\n\t};\n}\n\nfunction normalizeMetadataAttribute( value ) {\n\treturn value || '';\n}\n\nexport function getSyncedImageBlockAttributes(\n\tcurrentAttributes,\n\toriginalAttachment,\n\tupdatedAttachment\n) {\n\tif ( ! originalAttachment || ! updatedAttachment ) {\n\t\treturn {};\n\t}\n\n\tconst originalMetadata =\n\t\tgetImageBlockMetadataFromAttachment( originalAttachment );\n\tconst updatedMetadata =\n\t\tgetImageBlockMetadataFromAttachment( updatedAttachment );\n\tconst syncedAttributes = {};\n\n\tconst normalizedCurrentAlt = normalizeMetadataAttribute(\n\t\tcurrentAttributes.alt\n\t);\n\tif (\n\t\toriginalMetadata.alt !== updatedMetadata.alt &&\n\t\t( normalizedCurrentAlt === originalMetadata.alt ||\n\t\t\t! normalizedCurrentAlt )\n\t) {\n\t\tsyncedAttributes.alt = updatedMetadata.alt;\n\t}\n\n\tconst normalizedCurrentCaption = normalizeMetadataAttribute(\n\t\tcurrentAttributes.caption\n\t);\n\tif (\n\t\toriginalMetadata.caption !== undefined &&\n\t\tupdatedMetadata.caption !== undefined &&\n\t\toriginalMetadata.caption !== updatedMetadata.caption &&\n\t\t( normalizedCurrentCaption === originalMetadata.caption ||\n\t\t\t! normalizedCurrentCaption )\n\t) {\n\t\tsyncedAttributes.caption = updatedMetadata.caption || undefined;\n\t}\n\n\treturn syncedAttributes;\n}\n\n/**\n * Resolves the attributes needed to keep the selected image size on a new\n * attachment.\n *\n * WordPress skips generating a sub-size larger than the file itself, so the\n * selected size may not exist on the edited image; fall back to full when it\n * doesn't.\n *\n * @param {string|undefined} sizeSlug   The block's currently selected size.\n * @param {Object}           attachment The new attachment record.\n *\n * @return {Object|undefined} Attributes to apply, if any.\n */\nfunction getNewAttachmentSizeAttributes( sizeSlug, attachment ) {\n\tconst sizes = attachment.media_details?.sizes;\n\n\tif ( ! sizeSlug || sizeSlug === DEFAULT_MEDIA_SIZE_SLUG || ! sizes ) {\n\t\treturn undefined;\n\t}\n\n\tconst sizeUrl = sizes[ sizeSlug ]?.source_url;\n\n\tif ( sizeUrl ) {\n\t\treturn { url: sizeUrl };\n\t}\n\n\tconst fullUrl = attachment.source_url ?? sizes.full?.source_url;\n\n\treturn fullUrl\n\t\t? { url: fullUrl, sizeSlug: DEFAULT_MEDIA_SIZE_SLUG }\n\t\t: undefined;\n}\n\n/**\n * Resolves the link attributes needed to keep the block's link pointing at the\n * new attachment.\n *\n * Only the destinations derived from the attachment follow the edited image. A\n * `custom` link is the user's own URL and a `none` link has nothing to point\n * at, so both are left alone. When the record doesn't carry the field, the\n * existing link is kept rather than cleared.\n *\n * @param {string|undefined} linkDestination The block's link destination.\n * @param {Object}           attachment      The new attachment record.\n *\n * @return {Object|undefined} Attributes to apply, if any.\n */\nfunction getNewAttachmentLinkAttributes( linkDestination, attachment ) {\n\t// Media file links point at the full-size file, independently of the size\n\t// the block renders.\n\tif ( linkDestination === LINK_DESTINATION_MEDIA ) {\n\t\treturn attachment.source_url\n\t\t\t? { href: attachment.source_url }\n\t\t\t: undefined;\n\t}\n\n\tif ( linkDestination === LINK_DESTINATION_ATTACHMENT ) {\n\t\treturn attachment.link ? { href: attachment.link } : undefined;\n\t}\n\n\treturn undefined;\n}\n\n/**\n * Resolves the block attributes that are derived from the attachment, for an\n * edit that saved to a different one.\n *\n * Editing media (crop, rotate, flip) creates a new attachment with its own\n * generated sub-sizes and its own attachment page, and the media editor\n * reports the full-size file. Without re-deriving these, the size control\n * keeps reporting e.g. \"Medium\" while the block renders the full-size image,\n * and a \"Media file\" or \"Attachment page\" link still points at the image as it\n * was before the edit. Everything else the user set on the block — dimensions,\n * lightbox, title, custom links — is left untouched.\n *\n * @param {Object}           blockAttributes The block's current attributes.\n * @param {Object|undefined} attachment      The new attachment record.\n *\n * @return {Object|undefined} Attributes to apply, or undefined when the\n *                            attachment record isn't known yet.\n */\nexport function getNewAttachmentImageBlockAttributes(\n\tblockAttributes,\n\tattachment\n) {\n\tif ( ! attachment ) {\n\t\treturn undefined;\n\t}\n\n\treturn {\n\t\t...getNewAttachmentSizeAttributes(\n\t\t\tblockAttributes.sizeSlug,\n\t\t\tattachment\n\t\t),\n\t\t...getNewAttachmentLinkAttributes(\n\t\t\tblockAttributes.linkDestination,\n\t\t\tattachment\n\t\t),\n\t};\n}\n\nconst { openMediaEditorModalKey } = unlock( blockEditorPrivateApis );\n\nfunction getAttachmentFallbackForEmptyBlockMetadata( { alt, caption } ) {\n\tconst attachment = {};\n\n\tif ( ! alt ) {\n\t\tattachment.alt_text = '';\n\t}\n\n\tif ( ! caption?.toString() ) {\n\t\tattachment.caption = '';\n\t}\n\n\treturn Object.keys( attachment ).length ? attachment : undefined;\n}\n\nfunction hasKnownAttachmentMetadata( attachment ) {\n\tif ( ! attachment ) {\n\t\treturn false;\n\t}\n\n\tconst hasKnownAlt =\n\t\ttypeof attachment.alt_text === 'string' ||\n\t\ttypeof attachment.alt === 'string';\n\tconst hasKnownCaption =\n\t\tgetImageBlockMetadataFromAttachment( attachment ).caption !== undefined;\n\n\treturn hasKnownAlt && hasKnownCaption;\n}\n\nexport function useOpenImageMediaEditorModal( {\n\tattributes,\n\tsetAttributes,\n\tonClose,\n\tonUrlChange,\n} ) {\n\t// Keep this hook private to the Image block and pass the block attributes\n\t// object so the callsite stays compact. Destructure only the attributes\n\t// the update needs to read — those synced from the attachment's metadata,\n\t// and those derived from which attachment the block points at; add more\n\t// here if the sync policy grows.\n\tconst { id, url, alt, caption, sizeSlug, linkDestination } = attributes;\n\tconst registry = useRegistry();\n\tconst openMediaEditorModal = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).getSettings()[ openMediaEditorModalKey ],\n\t\t[]\n\t);\n\t// Track the block's current attachment and metadata in a ref so\n\t// handleMediaUpdate can read the latest values without being listed as\n\t// dependencies (which would recreate the callback and re-register the\n\t// onUpdate handler on every block change while the modal is open).\n\tconst blockAttributesRef = useRef( {\n\t\tid,\n\t\turl,\n\t\talt,\n\t\tcaption: caption?.toString(),\n\t\tsizeSlug,\n\t\tlinkDestination,\n\t} );\n\t// Snapshot of the attachment's metadata taken just before the modal opens,\n\t// used as the baseline for detecting what changed during the editing session.\n\tconst mediaEditorMetadataBaselineRef = useRef();\n\t// Incremented on every handleMediaUpdate call; stale async continuations\n\t// check against this to bail out if a newer update has since started.\n\tconst mediaEditorMetadataSyncRequestRef = useRef( 0 );\n\t// The alt text and caption a save overwrote on the block, and the\n\t// attachment it moved the block away from. The media editor's Undo moves\n\t// the block back but reports only that attachment's id and url, so this is\n\t// what lets the update restore the block's own metadata too.\n\tconst mediaEditorUndoMetadataRef = useRef();\n\n\tuseEffect( () => {\n\t\tblockAttributesRef.current = {\n\t\t\tid,\n\t\t\turl,\n\t\t\talt,\n\t\t\tcaption: caption?.toString(),\n\t\t\tsizeSlug,\n\t\t\tlinkDestination,\n\t\t};\n\t}, [ alt, caption, id, linkDestination, sizeSlug, url ] );\n\n\t// Reads the cached attachment record. The `attachment` postType entity\n\t// fetches with `context: 'edit'` by default, so `getEditedEntityRecord`\n\t// returns the edit-context record — carrying `caption` as `{ raw }` and a\n\t// usable `alt_text` — without us specifying a context. It is resolver-\n\t// backed, so on a cold cache this also kicks off the fetch and returns a\n\t// falsy value synchronously; that resolution shares its cache key with the\n\t// `resolveAttachmentRecord` call below (both keyed on the no-query\n\t// `getEntityRecord`), so the two dedupe into a single request.\n\tconst getCachedAttachmentRecord = useCallback(\n\t\t( attachmentId ) =>\n\t\t\tregistry\n\t\t\t\t.select( coreStore )\n\t\t\t\t.getEditedEntityRecord(\n\t\t\t\t\t'postType',\n\t\t\t\t\t'attachment',\n\t\t\t\t\tattachmentId\n\t\t\t\t),\n\t\t[ registry ]\n\t);\n\n\tconst resolveAttachmentRecord = useCallback(\n\t\tasync ( attachmentId ) => {\n\t\t\tconst resolveSelect = registry.resolveSelect( coreStore );\n\n\t\t\ttry {\n\t\t\t\treturn await resolveSelect.getEntityRecord(\n\t\t\t\t\t'postType',\n\t\t\t\t\t'attachment',\n\t\t\t\t\tattachmentId\n\t\t\t\t);\n\t\t\t} catch {\n\t\t\t\treturn undefined;\n\t\t\t}\n\t\t},\n\t\t[ registry ]\n\t);\n\n\tconst resolveFreshAttachmentRecord = useCallback(\n\t\tasync ( attachmentId ) => {\n\t\t\t// Invalidate the cached resolution so resolveAttachmentRecord\n\t\t\t// re-fetches the server state that reflects the media editor's\n\t\t\t// saved changes.\n\t\t\tconst { invalidateResolution } = registry.dispatch( coreStore );\n\n\t\t\tinvalidateResolution( 'getEntityRecord', [\n\t\t\t\t'postType',\n\t\t\t\t'attachment',\n\t\t\t\tattachmentId,\n\t\t\t] );\n\t\t\treturn resolveAttachmentRecord( attachmentId );\n\t\t},\n\t\t[ registry, resolveAttachmentRecord ]\n\t);\n\n\tconst handleMediaUpdate = useCallback(\n\t\tasync ( { id: newId, url: newUrl } ) => {\n\t\t\tif ( typeof newId !== 'number' ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Capture and clear the baseline so a rapid second save doesn't\n\t\t\t// reuse a stale snapshot.\n\t\t\tconst originalAttachment = mediaEditorMetadataBaselineRef.current;\n\t\t\tmediaEditorMetadataBaselineRef.current = undefined;\n\t\t\t// Likewise the metadata the last save overwrote: only the update\n\t\t\t// straight after that save, its Undo, may restore it.\n\t\t\tconst undoMetadata = mediaEditorUndoMetadataRef.current;\n\t\t\tmediaEditorUndoMetadataRef.current = undefined;\n\t\t\tconst syncRequest = ++mediaEditorMetadataSyncRequestRef.current;\n\t\t\tconst nextAttributes = {};\n\n\t\t\tconst currentBlockAttributes = blockAttributesRef.current;\n\t\t\tconst isNewAttachment = newId !== currentBlockAttributes.id;\n\n\t\t\tif ( isNewAttachment ) {\n\t\t\t\tnextAttributes.id = newId;\n\t\t\t\tnextAttributes.url = newUrl ?? currentBlockAttributes.url;\n\t\t\t\tif ( nextAttributes.url !== currentBlockAttributes.url ) {\n\t\t\t\t\t// The block is about to point at a freshly generated file\n\t\t\t\t\t// the browser hasn't loaded yet; let the caller show a\n\t\t\t\t\t// loading state until its <img> fires load/error. Raising\n\t\t\t\t\t// it here, before anything is awaited, keeps the rest of\n\t\t\t\t\t// this update behind that loading state: the attributes\n\t\t\t\t\t// land in a single `setAttributes` at the end, so the\n\t\t\t\t\t// image never renders against half-updated settings.\n\t\t\t\t\tonUrlChange?.( nextAttributes.url );\n\t\t\t\t}\n\t\t\t\tblockAttributesRef.current = {\n\t\t\t\t\t...blockAttributesRef.current,\n\t\t\t\t\tid: nextAttributes.id,\n\t\t\t\t\turl: nextAttributes.url,\n\t\t\t\t};\n\t\t\t}\n\n\t\t\tif ( originalAttachment || isNewAttachment ) {\n\t\t\t\t// Fetch fresh server state so this reflects what the media\n\t\t\t\t// editor actually saved, not a potentially stale cache.\n\t\t\t\tconst resolvedAttachment =\n\t\t\t\t\tawait resolveFreshAttachmentRecord( newId );\n\n\t\t\t\t// A newer update started while we were awaiting; discard\n\t\t\t\t// this one.\n\t\t\t\tif (\n\t\t\t\t\tsyncRequest !== mediaEditorMetadataSyncRequestRef.current\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// A failed refetch returns nothing, which would leave the\n\t\t\t\t// block pointing at the new file while its size and link\n\t\t\t\t// still describe the old one. The record the media editor\n\t\t\t\t// received when it saved is already in the store, so fall\n\t\t\t\t// back to that rather than half-updating the block.\n\t\t\t\tconst attachmentRecord =\n\t\t\t\t\tresolvedAttachment ?? getCachedAttachmentRecord( newId );\n\n\t\t\t\tconst latestBlockAttributes = blockAttributesRef.current;\n\n\t\t\t\t// Sync alt text and caption back to the block only when\n\t\t\t\t// they were changed in the media editor. Fields the user\n\t\t\t\t// has independently customised on the block (i.e. values\n\t\t\t\t// that don't match the pre-session attachment metadata)\n\t\t\t\t// are left untouched. Without a baseline there's no way to\n\t\t\t\t// tell the two apart, so nothing is synced.\n\t\t\t\tif ( originalAttachment ) {\n\t\t\t\t\tconst resolvedMetadataAttributes =\n\t\t\t\t\t\tgetSyncedImageBlockAttributes(\n\t\t\t\t\t\t\tlatestBlockAttributes,\n\t\t\t\t\t\t\toriginalAttachment,\n\t\t\t\t\t\t\tattachmentRecord\n\t\t\t\t\t\t);\n\n\t\t\t\t\tif ( Object.keys( resolvedMetadataAttributes ).length ) {\n\t\t\t\t\t\tObject.assign(\n\t\t\t\t\t\t\tnextAttributes,\n\t\t\t\t\t\t\tresolvedMetadataAttributes\n\t\t\t\t\t\t);\n\n\t\t\t\t\t\t// Only a save to a new attachment offers an Undo, so\n\t\t\t\t\t\t// only then keep the values being overwritten.\n\t\t\t\t\t\tif ( isNewAttachment ) {\n\t\t\t\t\t\t\tmediaEditorUndoMetadataRef.current = {\n\t\t\t\t\t\t\t\tid: currentBlockAttributes.id,\n\t\t\t\t\t\t\t\tattributes: Object.fromEntries(\n\t\t\t\t\t\t\t\t\tObject.keys(\n\t\t\t\t\t\t\t\t\t\tresolvedMetadataAttributes\n\t\t\t\t\t\t\t\t\t).map( ( key ) => [\n\t\t\t\t\t\t\t\t\t\tkey,\n\t\t\t\t\t\t\t\t\t\tlatestBlockAttributes[ key ],\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}\n\n\t\t\t\tif ( isNewAttachment ) {\n\t\t\t\t\tconst derivedAttributes =\n\t\t\t\t\t\tgetNewAttachmentImageBlockAttributes(\n\t\t\t\t\t\t\tlatestBlockAttributes,\n\t\t\t\t\t\t\tattachmentRecord\n\t\t\t\t\t\t);\n\n\t\t\t\t\tif ( derivedAttributes ) {\n\t\t\t\t\t\tObject.assign( nextAttributes, derivedAttributes );\n\n\t\t\t\t\t\t// The URL announced before the resolve was the\n\t\t\t\t\t\t// full-size file the media editor reported, and\n\t\t\t\t\t\t// deriving the selected size can change it.\n\t\t\t\t\t\t// Re-announce so the pending swap names the file\n\t\t\t\t\t\t// that actually lands: an update that is undone or\n\t\t\t\t\t\t// superseded never changes the <img> src, and the\n\t\t\t\t\t\t// block then clears its loading state by matching\n\t\t\t\t\t\t// the pending URL against the rendered one.\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tderivedAttributes.url &&\n\t\t\t\t\t\t\tderivedAttributes.url !== latestBlockAttributes.url\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tonUrlChange?.( derivedAttributes.url );\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// The media editor's Undo: the block is going back to the\n\t\t\t// attachment the last save moved it away from, so put back the\n\t\t\t// alt text and caption that save overwrote.\n\t\t\tif ( undoMetadata?.id === newId ) {\n\t\t\t\tObject.assign( nextAttributes, undoMetadata.attributes );\n\t\t\t}\n\n\t\t\tif ( Object.keys( nextAttributes ).length ) {\n\t\t\t\tblockAttributesRef.current = {\n\t\t\t\t\t...blockAttributesRef.current,\n\t\t\t\t\t...nextAttributes,\n\t\t\t\t};\n\t\t\t\tsetAttributes( nextAttributes );\n\t\t\t}\n\t\t},\n\t\t[\n\t\t\tgetCachedAttachmentRecord,\n\t\t\tonUrlChange,\n\t\t\tresolveFreshAttachmentRecord,\n\t\t\tsetAttributes,\n\t\t]\n\t);\n\n\tconst openImageMediaEditorModal = useCallback( async () => {\n\t\tif ( ! id || ! openMediaEditorModal ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// A new session starts. Drop any metadata kept for the last save's\n\t\t// Undo, so a save in this session that returns the block to that same\n\t\t// attachment isn't mistaken for it.\n\t\tmediaEditorUndoMetadataRef.current = undefined;\n\n\t\t// Snapshot the attachment's current metadata before the user makes\n\t\t// any changes so handleMediaUpdate can compare against it later. Use\n\t\t// the cached record when it's already present; only resolve when\n\t\t// nothing is cached yet, then fall back to a minimal object derived\n\t\t// from the block's own attributes.\n\t\tconst cachedAttachmentRecord = getCachedAttachmentRecord( id );\n\t\tconst fallbackAttachmentRecord =\n\t\t\tgetAttachmentFallbackForEmptyBlockMetadata(\n\t\t\t\tblockAttributesRef.current\n\t\t\t);\n\t\tconst resolvedAttachmentRecord = hasKnownAttachmentMetadata(\n\t\t\tcachedAttachmentRecord\n\t\t)\n\t\t\t? undefined\n\t\t\t: await resolveAttachmentRecord( id );\n\n\t\tmediaEditorMetadataBaselineRef.current =\n\t\t\tresolvedAttachmentRecord ||\n\t\t\t( hasKnownAttachmentMetadata( cachedAttachmentRecord )\n\t\t\t\t? cachedAttachmentRecord\n\t\t\t\t: fallbackAttachmentRecord ) ||\n\t\t\tcachedAttachmentRecord;\n\n\t\topenMediaEditorModal( {\n\t\t\tid,\n\t\t\tonUpdate: handleMediaUpdate,\n\t\t\tonClose,\n\t\t} );\n\t}, [\n\t\tgetCachedAttachmentRecord,\n\t\thandleMediaUpdate,\n\t\tid,\n\t\tonClose,\n\t\topenMediaEditorModal,\n\t\tresolveAttachmentRecord,\n\t] );\n\n\treturn id && openMediaEditorModal ? openImageMediaEditorModal : undefined;\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { store as coreStore } from '@wordpress/core-data';\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { __unstableStripHTML as stripHTML } from '@wordpress/dom';\nimport { useRegistry, useSelect } from '@wordpress/data';\nimport { useCallback, useEffect, useRef } from '@wordpress/element';\nimport { unlock } from '../lock-unlock';\nimport {\n\tDEFAULT_MEDIA_SIZE_SLUG,\n\tLINK_DESTINATION_ATTACHMENT,\n\tLINK_DESTINATION_MEDIA,\n} from './constants';\n\nfunction normalizeImageBlockCaption( caption ) {\n\tif ( typeof caption !== 'string' ) {\n\t\treturn '';\n\t}\n\n\tconst textContent = stripHTML( caption ).trim();\n\n\tif ( ! textContent ) {\n\t\treturn '';\n\t}\n\n\treturn caption.replace( /\\n/g, '<br>' );\n}\n\nfunction getAttachmentCaption( attachment ) {\n\tconst caption = attachment?.caption;\n\n\tif ( typeof caption === 'string' ) {\n\t\treturn normalizeImageBlockCaption( caption );\n\t}\n\n\tif (\n\t\tcaption &&\n\t\ttypeof caption === 'object' &&\n\t\tObject.hasOwn( caption, 'raw' )\n\t) {\n\t\treturn normalizeImageBlockCaption( caption.raw );\n\t}\n\n\treturn undefined;\n}\n\nexport function getImageBlockMetadataFromAttachment( attachment ) {\n\treturn {\n\t\talt:\n\t\t\ttypeof attachment?.alt_text === 'string'\n\t\t\t\t? attachment.alt_text\n\t\t\t\t: attachment?.alt || '',\n\t\tcaption: getAttachmentCaption( attachment ),\n\t};\n}\n\nfunction normalizeMetadataAttribute( value ) {\n\treturn value || '';\n}\n\nexport function getSyncedImageBlockAttributes(\n\tcurrentAttributes,\n\toriginalAttachment,\n\tupdatedAttachment\n) {\n\tif ( ! originalAttachment || ! updatedAttachment ) {\n\t\treturn {};\n\t}\n\n\tconst originalMetadata =\n\t\tgetImageBlockMetadataFromAttachment( originalAttachment );\n\tconst updatedMetadata =\n\t\tgetImageBlockMetadataFromAttachment( updatedAttachment );\n\tconst syncedAttributes = {};\n\n\tconst normalizedCurrentAlt = normalizeMetadataAttribute(\n\t\tcurrentAttributes.alt\n\t);\n\tif (\n\t\toriginalMetadata.alt !== updatedMetadata.alt &&\n\t\t( normalizedCurrentAlt === originalMetadata.alt ||\n\t\t\t! normalizedCurrentAlt )\n\t) {\n\t\tsyncedAttributes.alt = updatedMetadata.alt;\n\t}\n\n\tconst normalizedCurrentCaption = normalizeMetadataAttribute(\n\t\tcurrentAttributes.caption\n\t);\n\tif (\n\t\toriginalMetadata.caption !== undefined &&\n\t\tupdatedMetadata.caption !== undefined &&\n\t\toriginalMetadata.caption !== updatedMetadata.caption &&\n\t\t( normalizedCurrentCaption === originalMetadata.caption ||\n\t\t\t! normalizedCurrentCaption )\n\t) {\n\t\tsyncedAttributes.caption = updatedMetadata.caption || undefined;\n\t}\n\n\treturn syncedAttributes;\n}\n\n/**\n * Resolves the attributes needed to keep the selected image size on a new\n * attachment.\n *\n * WordPress skips generating a sub-size larger than the file itself, so the\n * selected size may not exist on the edited image; fall back to full when it\n * doesn't.\n *\n * @param {string|undefined} sizeSlug   The block's currently selected size.\n * @param {Object}           attachment The new attachment record.\n *\n * @return {Object|undefined} Attributes to apply, if any.\n */\nfunction getNewAttachmentSizeAttributes( sizeSlug, attachment ) {\n\tconst sizes = attachment.media_details?.sizes;\n\n\tif ( ! sizeSlug || sizeSlug === DEFAULT_MEDIA_SIZE_SLUG || ! sizes ) {\n\t\treturn undefined;\n\t}\n\n\tconst sizeUrl = sizes[ sizeSlug ]?.source_url;\n\n\tif ( sizeUrl ) {\n\t\treturn { url: sizeUrl };\n\t}\n\n\tconst fullUrl = attachment.source_url ?? sizes.full?.source_url;\n\n\treturn fullUrl\n\t\t? { url: fullUrl, sizeSlug: DEFAULT_MEDIA_SIZE_SLUG }\n\t\t: undefined;\n}\n\n/**\n * Resolves the link attributes needed to keep the block's link pointing at the\n * new attachment.\n *\n * Only the destinations derived from the attachment follow the edited image. A\n * `custom` link is the user's own URL and a `none` link has nothing to point\n * at, so both are left alone. When the record doesn't carry the field, the\n * existing link is kept rather than cleared.\n *\n * @param {string|undefined} linkDestination The block's link destination.\n * @param {Object}           attachment      The new attachment record.\n *\n * @return {Object|undefined} Attributes to apply, if any.\n */\nfunction getNewAttachmentLinkAttributes( linkDestination, attachment ) {\n\t// Media file links point at the full-size file, independently of the size\n\t// the block renders.\n\tif ( linkDestination === LINK_DESTINATION_MEDIA ) {\n\t\treturn attachment.source_url\n\t\t\t? { href: attachment.source_url }\n\t\t\t: undefined;\n\t}\n\n\tif ( linkDestination === LINK_DESTINATION_ATTACHMENT ) {\n\t\treturn attachment.link ? { href: attachment.link } : undefined;\n\t}\n\n\treturn undefined;\n}\n\n/**\n * Resolves the block attributes that are derived from the attachment, for an\n * edit that saved to a different one.\n *\n * Editing media (crop, rotate, flip) creates a new attachment with its own\n * generated sub-sizes and its own attachment page, and the media editor\n * reports the full-size file. Without re-deriving these, the size control\n * keeps reporting e.g. \"Medium\" while the block renders the full-size image,\n * and a \"Media file\" or \"Attachment page\" link still points at the image as it\n * was before the edit. Everything else the user set on the block — dimensions,\n * lightbox, title, custom links — is left untouched.\n *\n * @param {Object}           blockAttributes The block's current attributes.\n * @param {Object|undefined} attachment      The new attachment record.\n *\n * @return {Object|undefined} Attributes to apply, or undefined when the\n *                            attachment record isn't known yet.\n */\nexport function getNewAttachmentImageBlockAttributes(\n\tblockAttributes,\n\tattachment\n) {\n\tif ( ! attachment ) {\n\t\treturn undefined;\n\t}\n\n\treturn {\n\t\t...getNewAttachmentSizeAttributes(\n\t\t\tblockAttributes.sizeSlug,\n\t\t\tattachment\n\t\t),\n\t\t...getNewAttachmentLinkAttributes(\n\t\t\tblockAttributes.linkDestination,\n\t\t\tattachment\n\t\t),\n\t};\n}\n\nconst { openMediaEditorModalKey } = unlock( blockEditorPrivateApis );\n\nfunction getAttachmentFallbackForEmptyBlockMetadata( { alt, caption } ) {\n\tconst attachment = {};\n\n\tif ( ! alt ) {\n\t\tattachment.alt_text = '';\n\t}\n\n\tif ( ! caption?.toString() ) {\n\t\tattachment.caption = '';\n\t}\n\n\treturn Object.keys( attachment ).length ? attachment : undefined;\n}\n\nfunction hasKnownAttachmentMetadata( attachment ) {\n\tif ( ! attachment ) {\n\t\treturn false;\n\t}\n\n\tconst hasKnownAlt =\n\t\ttypeof attachment.alt_text === 'string' ||\n\t\ttypeof attachment.alt === 'string';\n\tconst hasKnownCaption =\n\t\tgetImageBlockMetadataFromAttachment( attachment ).caption !== undefined;\n\n\treturn hasKnownAlt && hasKnownCaption;\n}\n\nexport function useOpenImageMediaEditorModal( {\n\tattributes,\n\tsetAttributes,\n\tonClose,\n\tonUrlChange,\n} ) {\n\t// Keep this hook private to the Image block and pass the block attributes\n\t// object so the callsite stays compact. Destructure only the attributes\n\t// the update needs to read — those synced from the attachment's metadata,\n\t// and those derived from which attachment the block points at; add more\n\t// here if the sync policy grows.\n\tconst { id, url, alt, caption, sizeSlug, linkDestination, href } =\n\t\tattributes;\n\tconst registry = useRegistry();\n\tconst openMediaEditorModal = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).getSettings()[ openMediaEditorModalKey ],\n\t\t[]\n\t);\n\t// Track the block's current attachment and metadata in a ref so\n\t// handleMediaUpdate can read the latest values without being listed as\n\t// dependencies (which would recreate the callback and re-register the\n\t// onUpdate handler on every block change while the modal is open).\n\tconst blockAttributesRef = useRef( {\n\t\tid,\n\t\turl,\n\t\talt,\n\t\tcaption: caption?.toString(),\n\t\tsizeSlug,\n\t\tlinkDestination,\n\t\thref,\n\t} );\n\t// Snapshot of the attachment's metadata taken just before the modal opens,\n\t// used as the baseline for detecting what changed during the editing session.\n\tconst mediaEditorMetadataBaselineRef = useRef();\n\t// Incremented on every handleMediaUpdate call; stale async continuations\n\t// check against this to bail out if a newer update has since started.\n\tconst mediaEditorMetadataSyncRequestRef = useRef( 0 );\n\n\tuseEffect( () => {\n\t\tblockAttributesRef.current = {\n\t\t\tid,\n\t\t\turl,\n\t\t\talt,\n\t\t\tcaption: caption?.toString(),\n\t\t\tsizeSlug,\n\t\t\tlinkDestination,\n\t\t\thref,\n\t\t};\n\t}, [ alt, caption, href, id, linkDestination, sizeSlug, url ] );\n\n\t// Reads the cached attachment record. The `attachment` postType entity\n\t// fetches with `context: 'edit'` by default, so `getEditedEntityRecord`\n\t// returns the edit-context record — carrying `caption` as `{ raw }` and a\n\t// usable `alt_text` — without us specifying a context. It is resolver-\n\t// backed, so on a cold cache this also kicks off the fetch and returns a\n\t// falsy value synchronously; that resolution shares its cache key with the\n\t// `resolveAttachmentRecord` call below (both keyed on the no-query\n\t// `getEntityRecord`), so the two dedupe into a single request.\n\tconst getCachedAttachmentRecord = useCallback(\n\t\t( attachmentId ) =>\n\t\t\tregistry\n\t\t\t\t.select( coreStore )\n\t\t\t\t.getEditedEntityRecord(\n\t\t\t\t\t'postType',\n\t\t\t\t\t'attachment',\n\t\t\t\t\tattachmentId\n\t\t\t\t),\n\t\t[ registry ]\n\t);\n\n\tconst resolveAttachmentRecord = useCallback(\n\t\tasync ( attachmentId ) => {\n\t\t\tconst resolveSelect = registry.resolveSelect( coreStore );\n\n\t\t\ttry {\n\t\t\t\treturn await resolveSelect.getEntityRecord(\n\t\t\t\t\t'postType',\n\t\t\t\t\t'attachment',\n\t\t\t\t\tattachmentId\n\t\t\t\t);\n\t\t\t} catch {\n\t\t\t\treturn undefined;\n\t\t\t}\n\t\t},\n\t\t[ registry ]\n\t);\n\n\tconst resolveFreshAttachmentRecord = useCallback(\n\t\tasync ( attachmentId ) => {\n\t\t\t// Invalidate the cached resolution so resolveAttachmentRecord\n\t\t\t// re-fetches the server state that reflects the media editor's\n\t\t\t// saved changes.\n\t\t\tconst { invalidateResolution } = registry.dispatch( coreStore );\n\n\t\t\tinvalidateResolution( 'getEntityRecord', [\n\t\t\t\t'postType',\n\t\t\t\t'attachment',\n\t\t\t\tattachmentId,\n\t\t\t] );\n\t\t\treturn resolveAttachmentRecord( attachmentId );\n\t\t},\n\t\t[ registry, resolveAttachmentRecord ]\n\t);\n\n\tconst handleMediaUpdate = useCallback(\n\t\tasync ( { id: newId, url: newUrl }, undoState ) => {\n\t\t\tif ( typeof newId !== 'number' ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Capture and clear the baseline so a rapid second save doesn't\n\t\t\t// reuse a stale snapshot.\n\t\t\tconst originalAttachment = mediaEditorMetadataBaselineRef.current;\n\t\t\tmediaEditorMetadataBaselineRef.current = undefined;\n\t\t\tconst syncRequest = ++mediaEditorMetadataSyncRequestRef.current;\n\t\t\tconst nextAttributes = {};\n\n\t\t\tconst currentBlockAttributes = blockAttributesRef.current;\n\t\t\tconst isNewAttachment = newId !== currentBlockAttributes.id;\n\n\t\t\tif ( isNewAttachment ) {\n\t\t\t\t// Capture the block's selected-size URL, not the attachment's\n\t\t\t\t// full-size URL supplied by the modal's fallback Undo.\n\t\t\t\tundoState.undoAttributes.id = currentBlockAttributes.id;\n\t\t\t\tundoState.undoAttributes.url = currentBlockAttributes.url;\n\t\t\t\tnextAttributes.id = newId;\n\t\t\t\tnextAttributes.url = newUrl ?? currentBlockAttributes.url;\n\t\t\t\tif ( nextAttributes.url !== currentBlockAttributes.url ) {\n\t\t\t\t\t// The block is about to point at a freshly generated file\n\t\t\t\t\t// the browser hasn't loaded yet; let the caller show a\n\t\t\t\t\t// loading state until its <img> fires load/error. Raising\n\t\t\t\t\t// it here, before anything is awaited, keeps the rest of\n\t\t\t\t\t// this update behind that loading state: the attributes\n\t\t\t\t\t// land in a single `setAttributes` at the end, so the\n\t\t\t\t\t// image never renders against half-updated settings.\n\t\t\t\t\tonUrlChange?.( nextAttributes.url );\n\t\t\t\t}\n\t\t\t\tblockAttributesRef.current = {\n\t\t\t\t\t...blockAttributesRef.current,\n\t\t\t\t\tid: nextAttributes.id,\n\t\t\t\t\turl: nextAttributes.url,\n\t\t\t\t};\n\t\t\t}\n\n\t\t\tif ( originalAttachment || isNewAttachment ) {\n\t\t\t\t// Fetch fresh server state so this reflects what the media\n\t\t\t\t// editor actually saved, not a potentially stale cache.\n\t\t\t\tconst resolvedAttachment =\n\t\t\t\t\tawait resolveFreshAttachmentRecord( newId );\n\n\t\t\t\t// A newer update started while we were awaiting; discard\n\t\t\t\t// this one.\n\t\t\t\tif (\n\t\t\t\t\tundoState.isUndone ||\n\t\t\t\t\tsyncRequest !== mediaEditorMetadataSyncRequestRef.current\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// A failed refetch returns nothing, which would leave the\n\t\t\t\t// block pointing at the new file while its size and link\n\t\t\t\t// still describe the old one. The record the media editor\n\t\t\t\t// received when it saved is already in the store, so fall\n\t\t\t\t// back to that rather than half-updating the block.\n\t\t\t\tconst attachmentRecord =\n\t\t\t\t\tresolvedAttachment ?? getCachedAttachmentRecord( newId );\n\n\t\t\t\tconst latestBlockAttributes = blockAttributesRef.current;\n\n\t\t\t\t// Sync alt text and caption back to the block only when\n\t\t\t\t// they were changed in the media editor. Fields the user\n\t\t\t\t// has independently customised on the block (i.e. values\n\t\t\t\t// that don't match the pre-session attachment metadata)\n\t\t\t\t// are left untouched. Without a baseline there's no way to\n\t\t\t\t// tell the two apart, so nothing is synced.\n\t\t\t\tif ( originalAttachment ) {\n\t\t\t\t\tconst resolvedMetadataAttributes =\n\t\t\t\t\t\tgetSyncedImageBlockAttributes(\n\t\t\t\t\t\t\tlatestBlockAttributes,\n\t\t\t\t\t\t\toriginalAttachment,\n\t\t\t\t\t\t\tattachmentRecord\n\t\t\t\t\t\t);\n\n\t\t\t\t\tif ( Object.keys( resolvedMetadataAttributes ).length ) {\n\t\t\t\t\t\tObject.assign(\n\t\t\t\t\t\t\tnextAttributes,\n\t\t\t\t\t\t\tresolvedMetadataAttributes\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tif ( isNewAttachment ) {\n\t\t\t\t\tconst derivedAttributes =\n\t\t\t\t\t\tgetNewAttachmentImageBlockAttributes(\n\t\t\t\t\t\t\tlatestBlockAttributes,\n\t\t\t\t\t\t\tattachmentRecord\n\t\t\t\t\t\t);\n\n\t\t\t\t\tif ( derivedAttributes ) {\n\t\t\t\t\t\tObject.assign( nextAttributes, derivedAttributes );\n\n\t\t\t\t\t\t// The URL announced before the resolve was the\n\t\t\t\t\t\t// full-size file the media editor reported, and\n\t\t\t\t\t\t// deriving the selected size can change it.\n\t\t\t\t\t\t// Re-announce so the pending swap names the file\n\t\t\t\t\t\t// that actually lands: an update that is undone or\n\t\t\t\t\t\t// superseded never changes the <img> src, and the\n\t\t\t\t\t\t// block then clears its loading state by matching\n\t\t\t\t\t\t// the pending URL against the rendered one.\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tderivedAttributes.url &&\n\t\t\t\t\t\t\tderivedAttributes.url !== latestBlockAttributes.url\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tonUrlChange?.( derivedAttributes.url );\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif ( Object.keys( nextAttributes ).length ) {\n\t\t\t\t// Only restore values this save changed. Block-specific\n\t\t\t\t// metadata and unrelated edits must not be overwritten.\n\t\t\t\tfor ( const key of Object.keys( nextAttributes ) ) {\n\t\t\t\t\tif ( ! Object.hasOwn( undoState.undoAttributes, key ) ) {\n\t\t\t\t\t\tundoState.undoAttributes[ key ] =\n\t\t\t\t\t\t\tblockAttributesRef.current[ key ];\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tblockAttributesRef.current = {\n\t\t\t\t\t...blockAttributesRef.current,\n\t\t\t\t\t...nextAttributes,\n\t\t\t\t};\n\t\t\t\tsetAttributes( nextAttributes );\n\t\t\t}\n\t\t},\n\t\t[\n\t\t\tgetCachedAttachmentRecord,\n\t\t\tonUrlChange,\n\t\t\tresolveFreshAttachmentRecord,\n\t\t\tsetAttributes,\n\t\t]\n\t);\n\n\tconst openImageMediaEditorModal = useCallback( async () => {\n\t\tif ( ! id || ! openMediaEditorModal ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Snapshot the attachment's current metadata before the user makes\n\t\t// any changes so handleMediaUpdate can compare against it later. Use\n\t\t// the cached record when it's already present; only resolve when\n\t\t// nothing is cached yet, then fall back to a minimal object derived\n\t\t// from the block's own attributes.\n\t\tconst cachedAttachmentRecord = getCachedAttachmentRecord( id );\n\t\tconst fallbackAttachmentRecord =\n\t\t\tgetAttachmentFallbackForEmptyBlockMetadata(\n\t\t\t\tblockAttributesRef.current\n\t\t\t);\n\t\tconst resolvedAttachmentRecord = hasKnownAttachmentMetadata(\n\t\t\tcachedAttachmentRecord\n\t\t)\n\t\t\t? undefined\n\t\t\t: await resolveAttachmentRecord( id );\n\n\t\tmediaEditorMetadataBaselineRef.current =\n\t\t\tresolvedAttachmentRecord ||\n\t\t\t( hasKnownAttachmentMetadata( cachedAttachmentRecord )\n\t\t\t\t? cachedAttachmentRecord\n\t\t\t\t: fallbackAttachmentRecord ) ||\n\t\t\tcachedAttachmentRecord;\n\n\t\t// Each opening owns its Undo snapshot, so a later opening cannot\n\t\t// replace the values captured by an earlier snackbar.\n\t\tconst undoState = { undoAttributes: {}, isUndone: false };\n\t\topenMediaEditorModal( {\n\t\t\tid,\n\t\t\tonUpdate: ( updated ) => handleMediaUpdate( updated, undoState ),\n\t\t\tonUndo: () => {\n\t\t\t\tundoState.isUndone = true;\n\t\t\t\tconst { undoAttributes } = undoState;\n\t\t\t\tif ( Object.hasOwn( undoAttributes, 'url' ) ) {\n\t\t\t\t\tonUrlChange?.( undoAttributes.url );\n\t\t\t\t}\n\t\t\t\tblockAttributesRef.current = {\n\t\t\t\t\t...blockAttributesRef.current,\n\t\t\t\t\t...undoAttributes,\n\t\t\t\t};\n\t\t\t\tsetAttributes( undoAttributes );\n\t\t\t},\n\t\t\tonClose,\n\t\t} );\n\t}, [\n\t\tgetCachedAttachmentRecord,\n\t\thandleMediaUpdate,\n\t\tid,\n\t\tonClose,\n\t\tonUrlChange,\n\t\topenMediaEditorModal,\n\t\tresolveAttachmentRecord,\n\t\tsetAttributes,\n\t] );\n\n\treturn id && openMediaEditorModal ? openImageMediaEditorModal : undefined;\n}\n"],
+  "mappings": "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",
   "names": ["stripHTML", "blockEditorPrivateApis", "blockEditorStore", "coreStore"]
 }

package/build/image/view.cjs

@@ -10,6 +10,7 @@ var touchStartEvent = {
   startY: 0,
   startTime: 0
 };
+var inertElements = [];
 var focusableSelectors = [
   ".wp-lightbox-close-button",
   ".wp-lightbox-navigation-button"
@@ -281,7 +282,7 @@ var { state, actions, callbacks } = (0, import_interactivity.store)(
         } = state.selectedImage.imageRef;
         let { x: screenPosX, y: screenPosY } = state.selectedImage.imageRef.getBoundingClientRect();
         const naturalRatio = naturalWidth / naturalHeight;
-        let originalRatio = originalWidth / originalHeight;
+        const originalRatio = originalWidth / originalHeight;
         if (state.selectedImage.scaleAttr === "contain") {
           if (naturalRatio > originalRatio) {
             const heightWithoutSpace = originalWidth / naturalRatio;
@@ -293,47 +294,15 @@ var { state, actions, callbacks } = (0, import_interactivity.store)(
             originalWidth = widthWithoutSpace;
           }
         }
-        originalRatio = originalWidth / originalHeight;
-        let imgMaxWidth = parseFloat(
+        const imgMaxWidth = parseFloat(
           state.selectedImage.targetWidth && state.selectedImage.targetWidth !== "none" ? state.selectedImage.targetWidth : naturalWidth
         );
-        let imgMaxHeight = parseFloat(
+        const imgMaxHeight = parseFloat(
           state.selectedImage.targetHeight && state.selectedImage.targetHeight !== "none" ? state.selectedImage.targetHeight : naturalHeight
         );
-        let imgRatio = imgMaxWidth / imgMaxHeight;
-        let containerMaxWidth = imgMaxWidth;
-        let containerMaxHeight = imgMaxHeight;
+        const fullSizeRatio = imgMaxWidth / imgMaxHeight;
         let containerWidth = imgMaxWidth;
         let containerHeight = imgMaxHeight;
-        if (naturalRatio.toFixed(2) !== imgRatio.toFixed(2)) {
-          if (naturalRatio > imgRatio) {
-            const reducedHeight = imgMaxWidth / naturalRatio;
-            if (imgMaxHeight - reducedHeight > imgMaxWidth) {
-              imgMaxHeight = reducedHeight;
-              imgMaxWidth = reducedHeight * naturalRatio;
-            } else {
-              imgMaxHeight = imgMaxWidth / naturalRatio;
-            }
-          } else {
-            const reducedWidth = imgMaxHeight * naturalRatio;
-            if (imgMaxWidth - reducedWidth > imgMaxHeight) {
-              imgMaxWidth = reducedWidth;
-              imgMaxHeight = reducedWidth / naturalRatio;
-            } else {
-              imgMaxWidth = imgMaxHeight * naturalRatio;
-            }
-          }
-          containerWidth = imgMaxWidth;
-          containerHeight = imgMaxHeight;
-          imgRatio = imgMaxWidth / imgMaxHeight;
-          if (originalRatio > imgRatio) {
-            containerMaxWidth = imgMaxWidth;
-            containerMaxHeight = containerMaxWidth / originalRatio;
-          } else {
-            containerMaxHeight = imgMaxHeight;
-            containerMaxWidth = containerMaxHeight * originalRatio;
-          }
-        }
         if (originalWidth > containerWidth || originalHeight > containerHeight) {
           containerWidth = originalWidth;
           containerHeight = originalHeight;
@@ -357,23 +326,37 @@ var { state, actions, callbacks } = (0, import_interactivity.store)(
           containerHeight
         );
         const targetContainerRatio = targetMaxWidth / targetMaxHeight;
-        if (originalRatio > targetContainerRatio) {
+        if (fullSizeRatio > targetContainerRatio) {
           containerWidth = targetMaxWidth;
-          containerHeight = containerWidth / originalRatio;
+          containerHeight = containerWidth / fullSizeRatio;
         } else {
           containerHeight = targetMaxHeight;
-          containerWidth = containerHeight * originalRatio;
+          containerWidth = containerHeight * fullSizeRatio;
         }
-        const containerScale = originalWidth / containerWidth;
-        const lightboxImgWidth = imgMaxWidth * (containerWidth / containerMaxWidth);
-        const lightboxImgHeight = imgMaxHeight * (containerHeight / containerMaxHeight);
+        const hasCroppedSource = naturalRatio.toFixed(2) !== fullSizeRatio.toFixed(2);
+        const sourceRatio = hasCroppedSource ? naturalRatio : fullSizeRatio;
+        const containerScale = Math.max(
+          originalWidth / containerWidth,
+          originalHeight / containerHeight,
+          originalWidth / (containerHeight * sourceRatio),
+          originalHeight * sourceRatio / containerWidth
+        );
+        const thumbnailWidth = originalWidth / containerScale;
+        const thumbnailHeight = originalHeight / containerScale;
+        const cropX = (containerWidth - thumbnailWidth) / 2;
+        const cropY = (containerHeight - thumbnailHeight) / 2;
+        screenPosX -= cropX * containerScale;
+        screenPosY -= cropY * containerScale;
         state.overlayStyles = `
 					--wp--lightbox-initial-top-position: ${screenPosY}px;
 					--wp--lightbox-initial-left-position: ${screenPosX}px;
 					--wp--lightbox-container-width: ${containerWidth + 1}px;
 					--wp--lightbox-container-height: ${containerHeight + 1}px;
-					--wp--lightbox-image-width: ${lightboxImgWidth}px;
-					--wp--lightbox-image-height: ${lightboxImgHeight}px;
+					--wp--lightbox-image-width: ${containerWidth}px;
+					--wp--lightbox-image-height: ${containerHeight}px;
+					--wp--lightbox-initial-clip: inset(${cropY}px ${cropX}px);
+					--wp--lightbox-thumbnail-width: ${hasCroppedSource ? thumbnailWidth : containerWidth}px;
+					--wp--lightbox-thumbnail-height: ${hasCroppedSource ? thumbnailHeight : containerHeight}px;
 					--wp--lightbox-scale: ${containerScale};
 					--wp--lightbox-scrollbar-width: ${window.innerWidth - document.documentElement.clientWidth}px;
 				`;
@@ -434,13 +417,24 @@ var { state, actions, callbacks } = (0, import_interactivity.store)(
         }
       },
       setInertElements() {
-        document.querySelectorAll("body > :not(.wp-lightbox-overlay)").forEach((el) => {
-          if (state.overlayEnabled) {
-            el.setAttribute("inert", "");
-          } else {
-            el.removeAttribute("inert");
+        if (!state.overlayEnabled) {
+          inertElements.forEach(
+            (el) => el.removeAttribute("inert")
+          );
+          inertElements = [];
+          return;
+        }
+        const { ref } = (0, import_interactivity.getElement)();
+        let node = ref;
+        while (node && node !== document.body && node.parentElement) {
+          for (const sibling of node.parentElement.children) {
+            if (sibling !== node && !sibling.hasAttribute("inert")) {
+              sibling.setAttribute("inert", "");
+              inertElements.push(sibling);
+            }
           }
-        });
+          node = node.parentElement;
+        }
       },
       initTriggerButton() {
         const { imageId } = (0, import_interactivity.getContext)();

package/build/image/view.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/image/view.js"],
-  "sourcesContent": ["import {\n\tstore,\n\tgetContext,\n\tgetElement,\n\tgetConfig,\n\twithSyncEvent,\n\twithScope,\n} from '@wordpress/interactivity';\nimport { IMAGE_PRELOAD_DELAY } from './constants';\n\n/**\n * Tracks whether user is touching screen; used to differentiate behavior for\n * touch and mouse input.\n *\n * @type {boolean}\n */\nlet isTouching = false;\n\n/**\n * Tracks the last time the screen was touched; used to differentiate behavior\n * for touch and mouse input.\n *\n * @type {number}\n */\nlet lastTouchTime = 0;\n\nconst touchStartEvent = {\n\tstartX: 0,\n\tstartY: 0,\n\tstartTime: 0,\n};\n\nconst focusableSelectors = [\n\t'.wp-lightbox-close-button',\n\t'.wp-lightbox-navigation-button',\n];\n\n/**\n * Returns the appropriate src URL for an image.\n *\n * @param {string} uploadedSrc - Full size image src.\n * @return {string} The source URL.\n */\nfunction getImageSrc( { uploadedSrc } ) {\n\treturn (\n\t\tuploadedSrc ||\n\t\t'data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='\n\t);\n}\n\n/**\n * Returns the appropriate srcset for an image.\n *\n * @param {string} lightboxSrcset - Image srcset.\n * @return {string} The srcset value.\n */\nfunction getImageSrcset( { lightboxSrcset } ) {\n\treturn lightboxSrcset || '';\n}\n\nconst { state, actions, callbacks } = store(\n\t'core/image',\n\t{\n\t\tstate: {\n\t\t\tselectedImageId: null,\n\t\t\tselectedGalleryId: null,\n\t\t\tpreloadTimers: new Map(),\n\t\t\tpreloadedImageIds: new Set(),\n\t\t\tget galleryImages() {\n\t\t\t\tif ( ! state.selectedGalleryId ) {\n\t\t\t\t\treturn [ state.selectedImageId ];\n\t\t\t\t}\n\n\t\t\t\t// Get all images in this gallery and sort by galleryOrder\n\t\t\t\treturn Object.entries( state.metadata )\n\t\t\t\t\t.filter(\n\t\t\t\t\t\t( [ , value ] ) =>\n\t\t\t\t\t\t\tvalue.galleryId === state.selectedGalleryId\n\t\t\t\t\t)\n\t\t\t\t\t.sort( ( [ , a ], [ , b ] ) => {\n\t\t\t\t\t\tconst orderA = a.order ?? 0;\n\t\t\t\t\t\tconst orderB = b.order ?? 0;\n\t\t\t\t\t\treturn orderA - orderB;\n\t\t\t\t\t} )\n\t\t\t\t\t.map( ( [ key ] ) => key );\n\t\t\t},\n\t\t\tget selectedImageIndex() {\n\t\t\t\treturn state.galleryImages.findIndex(\n\t\t\t\t\t( id ) => id === state.selectedImageId\n\t\t\t\t);\n\t\t\t},\n\t\t\tget selectedImage() {\n\t\t\t\treturn state.metadata[ state.selectedImageId ];\n\t\t\t},\n\t\t\tget hasNavigationIcon() {\n\t\t\t\tconst { navigationButtonType } = state.selectedImage;\n\t\t\t\treturn (\n\t\t\t\t\tnavigationButtonType === 'icon' ||\n\t\t\t\t\tnavigationButtonType === 'both'\n\t\t\t\t);\n\t\t\t},\n\t\t\tget hasNavigationText() {\n\t\t\t\tconst { navigationButtonType } = state.selectedImage;\n\t\t\t\treturn (\n\t\t\t\t\tnavigationButtonType === 'text' ||\n\t\t\t\t\tnavigationButtonType === 'both'\n\t\t\t\t);\n\t\t\t},\n\t\t\tget thisImage() {\n\t\t\t\tconst { imageId } = getContext();\n\t\t\t\treturn state.metadata[ imageId ];\n\t\t\t},\n\t\t\tget hasNavigation() {\n\t\t\t\treturn state.galleryImages.length > 1;\n\t\t\t},\n\t\t\tget hasNextImage() {\n\t\t\t\treturn (\n\t\t\t\t\tstate.selectedImageIndex + 1 < state.galleryImages.length\n\t\t\t\t);\n\t\t\t},\n\t\t\tget hasPreviousImage() {\n\t\t\t\treturn state.selectedImageIndex - 1 >= 0;\n\t\t\t},\n\t\t\tget overlayOpened() {\n\t\t\t\treturn state.selectedImageId !== null;\n\t\t\t},\n\t\t\tget roleAttribute() {\n\t\t\t\treturn state.overlayOpened ? 'dialog' : null;\n\t\t\t},\n\t\t\tget ariaModal() {\n\t\t\t\treturn state.overlayOpened ? 'true' : null;\n\t\t\t},\n\t\t\tget ariaLabel() {\n\t\t\t\treturn (\n\t\t\t\t\tstate.selectedImage.customAriaLabel ||\n\t\t\t\t\tgetConfig().defaultAriaLabel\n\t\t\t\t);\n\t\t\t},\n\t\t\tget closeButtonAriaLabel() {\n\t\t\t\treturn state.hasNavigationText\n\t\t\t\t\t? undefined\n\t\t\t\t\t: getConfig().closeButtonText;\n\t\t\t},\n\t\t\tget prevButtonAriaLabel() {\n\t\t\t\treturn state.hasNavigationText\n\t\t\t\t\t? undefined\n\t\t\t\t\t: getConfig().prevButtonText;\n\t\t\t},\n\t\t\tget nextButtonAriaLabel() {\n\t\t\t\treturn state.hasNavigationText\n\t\t\t\t\t? undefined\n\t\t\t\t\t: getConfig().nextButtonText;\n\t\t\t},\n\t\t\tget enlargedSrc() {\n\t\t\t\treturn getImageSrc( state.selectedImage );\n\t\t\t},\n\t\t\tget enlargedSrcset() {\n\t\t\t\treturn getImageSrcset( state.selectedImage );\n\t\t\t},\n\t\t\tget figureStyles() {\n\t\t\t\treturn (\n\t\t\t\t\tstate.overlayOpened &&\n\t\t\t\t\t`${ state.selectedImage.figureStyles?.replace(\n\t\t\t\t\t\t/margin[^;]*;?/g,\n\t\t\t\t\t\t''\n\t\t\t\t\t) };`\n\t\t\t\t);\n\t\t\t},\n\t\t\tget imgStyles() {\n\t\t\t\treturn (\n\t\t\t\t\tstate.overlayOpened &&\n\t\t\t\t\t`${ state.selectedImage.imgStyles?.replace(\n\t\t\t\t\t\t/;$/,\n\t\t\t\t\t\t''\n\t\t\t\t\t) }; object-fit:cover;`\n\t\t\t\t);\n\t\t\t},\n\t\t\tget isContentHidden() {\n\t\t\t\tconst ctx = getContext();\n\t\t\t\treturn (\n\t\t\t\t\tstate.overlayEnabled &&\n\t\t\t\t\tstate.selectedImageId === ctx.imageId\n\t\t\t\t);\n\t\t\t},\n\t\t\tget isContentVisible() {\n\t\t\t\tconst ctx = getContext();\n\t\t\t\treturn (\n\t\t\t\t\t! state.overlayEnabled &&\n\t\t\t\t\tstate.selectedImageId === ctx.imageId\n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\tactions: {\n\t\t\tshowLightbox() {\n\t\t\t\tconst { imageId } = getContext();\n\n\t\t\t\t// Bails out if the image has not loaded yet.\n\t\t\t\tif ( ! state.metadata[ imageId ].imageRef?.complete ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Stores the positions of the scroll to fix it until the overlay is\n\t\t\t\t// closed.\n\t\t\t\tstate.scrollTopReset = document.documentElement.scrollTop;\n\t\t\t\tstate.scrollLeftReset = document.documentElement.scrollLeft;\n\n\t\t\t\t// Sets the selected image and gallery and enables the overlay.\n\t\t\t\tstate.selectedImageId = imageId;\n\t\t\t\tconst { galleryId } = getContext( 'core/gallery' ) || {};\n\t\t\t\tstate.selectedGalleryId = galleryId || null;\n\t\t\t\tstate.overlayEnabled = true;\n\n\t\t\t\t// Computes the styles of the overlay for the animation.\n\t\t\t\tcallbacks.setOverlayStyles();\n\t\t\t},\n\t\t\thideLightbox() {\n\t\t\t\tif ( state.overlayEnabled ) {\n\t\t\t\t\tstate.overlayEnabled = false;\n\n\t\t\t\t\t// Waits until the close animation has completed before allowing a\n\t\t\t\t\t// user to scroll again. The duration of this animation is defined in\n\t\t\t\t\t// the `styles.scss` file, but in any case we should wait a few\n\t\t\t\t\t// milliseconds longer than the duration, otherwise a user may scroll\n\t\t\t\t\t// too soon and cause the animation to look sloppy.\n\t\t\t\t\tsetTimeout( function () {\n\t\t\t\t\t\t// Delays before changing the focus. Otherwise the focus ring will\n\t\t\t\t\t\t// appear on Firefox before the image has finished animating, which\n\t\t\t\t\t\t// looks broken.\n\t\t\t\t\t\tstate.selectedImage.buttonRef.focus( {\n\t\t\t\t\t\t\tpreventScroll: true,\n\t\t\t\t\t\t} );\n\n\t\t\t\t\t\t// Resets the selected image and gallery ids.\n\t\t\t\t\t\tstate.selectedImageId = null;\n\t\t\t\t\t\tstate.selectedGalleryId = null;\n\t\t\t\t\t}, 450 );\n\t\t\t\t}\n\t\t\t},\n\t\t\tshowPreviousImage: withSyncEvent( ( event ) => {\n\t\t\t\tevent.stopPropagation();\n\t\t\t\tconst nextIndex = state.hasPreviousImage\n\t\t\t\t\t? state.selectedImageIndex - 1\n\t\t\t\t\t: state.galleryImages.length - 1;\n\t\t\t\tstate.selectedImageId = state.galleryImages[ nextIndex ];\n\t\t\t\tcallbacks.setOverlayStyles();\n\t\t\t} ),\n\t\t\tshowNextImage: withSyncEvent( ( event ) => {\n\t\t\t\tevent.stopPropagation();\n\t\t\t\tconst nextIndex = state.hasNextImage\n\t\t\t\t\t? state.selectedImageIndex + 1\n\t\t\t\t\t: 0;\n\t\t\t\tstate.selectedImageId = state.galleryImages[ nextIndex ];\n\t\t\t\tcallbacks.setOverlayStyles();\n\t\t\t} ),\n\t\t\thandleKeydown: withSyncEvent( ( event ) => {\n\t\t\t\tif ( state.overlayEnabled ) {\n\t\t\t\t\tif ( event.key === 'Escape' ) {\n\t\t\t\t\t\tactions.hideLightbox();\n\t\t\t\t\t} else if ( event.key === 'ArrowLeft' ) {\n\t\t\t\t\t\tactions.showPreviousImage( event );\n\t\t\t\t\t} else if ( event.key === 'ArrowRight' ) {\n\t\t\t\t\t\tactions.showNextImage( event );\n\t\t\t\t\t} else if ( event.key === 'Tab' ) {\n\t\t\t\t\t\t// Traps focus within the overlay.\n\t\t\t\t\t\tconst focusableElements = Array.from(\n\t\t\t\t\t\t\tdocument.querySelectorAll( focusableSelectors )\n\t\t\t\t\t\t);\n\t\t\t\t\t\tconst firstFocusableElement = focusableElements[ 0 ];\n\t\t\t\t\t\tconst lastFocusableElement =\n\t\t\t\t\t\t\tfocusableElements[ focusableElements.length - 1 ];\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tevent.shiftKey &&\n\t\t\t\t\t\t\tevent.target === firstFocusableElement\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tlastFocusableElement.focus();\n\t\t\t\t\t\t} else if (\n\t\t\t\t\t\t\t! event.shiftKey &&\n\t\t\t\t\t\t\tevent.target === lastFocusableElement\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tfirstFocusableElement.focus();\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} ),\n\t\t\thandleTouchMove: withSyncEvent( ( event ) => {\n\t\t\t\t// On mobile devices, prevents triggering the scroll event because\n\t\t\t\t// otherwise the page jumps around when it resets the scroll position.\n\t\t\t\t// This also means that closing the lightbox requires that a user\n\t\t\t\t// perform a simple tap. This may be changed in the future if there is a\n\t\t\t\t// better alternative to override or reset the scroll position during\n\t\t\t\t// swipe actions.\n\t\t\t\tif ( state.overlayEnabled ) {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t}\n\t\t\t} ),\n\t\t\thandleTouchStart( event ) {\n\t\t\t\tisTouching = true;\n\t\t\t\tconst t = event.touches && event.touches[ 0 ];\n\t\t\t\tif ( t ) {\n\t\t\t\t\ttouchStartEvent.startX = t.clientX;\n\t\t\t\t\ttouchStartEvent.startY = t.clientY;\n\t\t\t\t\ttouchStartEvent.startTime = Date.now();\n\t\t\t\t}\n\t\t\t},\n\t\t\thandleTouchEnd: withSyncEvent( ( event ) => {\n\t\t\t\tconst touchEndEvent =\n\t\t\t\t\t( event.changedTouches && event.changedTouches[ 0 ] ) ||\n\t\t\t\t\t( event.touches && event.touches[ 0 ] );\n\t\t\t\tconst now = Date.now();\n\n\t\t\t\tif ( touchEndEvent && state.overlayEnabled ) {\n\t\t\t\t\tconst deltaX =\n\t\t\t\t\t\ttouchEndEvent.clientX - touchStartEvent.startX;\n\t\t\t\t\tconst deltaY =\n\t\t\t\t\t\ttouchEndEvent.clientY - touchStartEvent.startY;\n\t\t\t\t\tconst absDeltaX = Math.abs( deltaX );\n\t\t\t\t\tconst absDeltaY = Math.abs( deltaY );\n\t\t\t\t\tconst elapsedMs = now - touchStartEvent.startTime;\n\t\t\t\t\tconst isHorizontalSwipe =\n\t\t\t\t\t\t// Swipe distance is greater than 50px\n\t\t\t\t\t\tabsDeltaX > 50 &&\n\t\t\t\t\t\t// Horizontal movement is much larger than the vertical movement\n\t\t\t\t\t\tabsDeltaX > absDeltaY * 1.5 &&\n\t\t\t\t\t\t// Fast action of less than 800ms\n\t\t\t\t\t\telapsedMs < 800;\n\n\t\t\t\t\tif ( isHorizontalSwipe ) {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tif ( deltaX < 0 ) {\n\t\t\t\t\t\t\tactions.showNextImage( event );\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tactions.showPreviousImage( event );\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tlastTouchTime = now;\n\t\t\t\tisTouching = false;\n\t\t\t} ),\n\t\t\thandleScroll() {\n\t\t\t\t// Prevents scrolling behaviors that trigger content shift while the\n\t\t\t\t// lightbox is open. It would be better to accomplish through CSS alone,\n\t\t\t\t// but using overflow: hidden is currently the only way to do so and\n\t\t\t\t// that causes a layout to shift and prevents the zoom animation from\n\t\t\t\t// working in some cases because it's not possible to account for the\n\t\t\t\t// layout shift when doing the animation calculations. Instead, it uses\n\t\t\t\t// JavaScript to prevent and reset the scrolling behavior.\n\t\t\t\tif ( state.overlayOpened ) {\n\t\t\t\t\t// Avoids overriding the scroll behavior on mobile devices because\n\t\t\t\t\t// doing so breaks the pinch to zoom functionality, and users should\n\t\t\t\t\t// be able to zoom in further on the high-res image.\n\t\t\t\t\tif ( ! isTouching && Date.now() - lastTouchTime > 450 ) {\n\t\t\t\t\t\t// It doesn't rely on `event.preventDefault()` to prevent scrolling\n\t\t\t\t\t\t// because the scroll event can't be canceled, so it resets the\n\t\t\t\t\t\t// position instead.\n\t\t\t\t\t\twindow.scrollTo(\n\t\t\t\t\t\t\tstate.scrollLeftReset,\n\t\t\t\t\t\t\tstate.scrollTopReset\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t\tpreloadImage() {\n\t\t\t\tconst { imageId } = getContext();\n\n\t\t\t\t// Bails if it has already been preloaded. This could help\n\t\t\t\t// prevent unnecessary preloading of the same image multiple times,\n\t\t\t\t// leading to duplicate link elements in the document head.\n\t\t\t\tif ( state.preloadedImageIds.has( imageId ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Link element to preload the image.\n\t\t\t\tconst imageMetadata = state.metadata[ imageId ];\n\t\t\t\tconst imageLink = document.createElement( 'link' );\n\t\t\t\timageLink.rel = 'preload';\n\t\t\t\timageLink.as = 'image';\n\t\t\t\timageLink.href = getImageSrc( imageMetadata );\n\n\t\t\t\t// Apply srcset if available for responsive preloading\n\t\t\t\tconst srcset = getImageSrcset( imageMetadata );\n\t\t\t\tif ( srcset ) {\n\t\t\t\t\timageLink.setAttribute( 'imagesrcset', srcset );\n\t\t\t\t\timageLink.setAttribute( 'imagesizes', '100vw' );\n\t\t\t\t}\n\n\t\t\t\tdocument.head.appendChild( imageLink );\n\t\t\t\tstate.preloadedImageIds.add( imageId );\n\t\t\t},\n\t\t\tpreloadImageWithDelay() {\n\t\t\t\tconst { imageId } = getContext();\n\n\t\t\t\tactions.cancelPreload();\n\n\t\t\t\t// Set a new timer to preload the image after a short delay.\n\t\t\t\tconst timerId = setTimeout(\n\t\t\t\t\twithScope( () => {\n\t\t\t\t\t\tactions.preloadImage();\n\t\t\t\t\t\tstate.preloadTimers.delete( imageId );\n\t\t\t\t\t} ),\n\t\t\t\t\tIMAGE_PRELOAD_DELAY\n\t\t\t\t);\n\t\t\t\tstate.preloadTimers.set( imageId, timerId );\n\t\t\t},\n\t\t\tcancelPreload() {\n\t\t\t\tconst { imageId } = getContext();\n\t\t\t\tif ( state.preloadTimers.has( imageId ) ) {\n\t\t\t\t\tclearTimeout( state.preloadTimers.get( imageId ) );\n\t\t\t\t\tstate.preloadTimers.delete( imageId );\n\t\t\t\t}\n\t\t\t},\n\t\t},\n\t\tcallbacks: {\n\t\t\tsetOverlayStyles() {\n\t\t\t\tif ( ! state.overlayEnabled ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tlet {\n\t\t\t\t\tnaturalWidth,\n\t\t\t\t\tnaturalHeight,\n\t\t\t\t\toffsetWidth: originalWidth,\n\t\t\t\t\toffsetHeight: originalHeight,\n\t\t\t\t} = state.selectedImage.imageRef;\n\t\t\t\tlet { x: screenPosX, y: screenPosY } =\n\t\t\t\t\tstate.selectedImage.imageRef.getBoundingClientRect();\n\n\t\t\t\t// Natural ratio of the image clicked to open the lightbox.\n\t\t\t\tconst naturalRatio = naturalWidth / naturalHeight;\n\t\t\t\t// Original ratio of the image clicked to open the lightbox.\n\t\t\t\tlet originalRatio = originalWidth / originalHeight;\n\n\t\t\t\t// If it has object-fit: contain, recalculates the original sizes\n\t\t\t\t// and the screen position without the blank spaces.\n\t\t\t\tif ( state.selectedImage.scaleAttr === 'contain' ) {\n\t\t\t\t\tif ( naturalRatio > originalRatio ) {\n\t\t\t\t\t\tconst heightWithoutSpace = originalWidth / naturalRatio;\n\t\t\t\t\t\t// Recalculates screen position without the top space.\n\t\t\t\t\t\tscreenPosY +=\n\t\t\t\t\t\t\t( originalHeight - heightWithoutSpace ) / 2;\n\t\t\t\t\t\toriginalHeight = heightWithoutSpace;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tconst widthWithoutSpace = originalHeight * naturalRatio;\n\t\t\t\t\t\t// Recalculates screen position without the left space.\n\t\t\t\t\t\tscreenPosX += ( originalWidth - widthWithoutSpace ) / 2;\n\t\t\t\t\t\toriginalWidth = widthWithoutSpace;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\toriginalRatio = originalWidth / originalHeight;\n\n\t\t\t\t// Typically, it uses the image's full-sized dimensions. If those\n\t\t\t\t// dimensions have not been set (i.e. an external image with only one\n\t\t\t\t// size), the image's dimensions in the lightbox are the same\n\t\t\t\t// as those of the image in the content.\n\t\t\t\tlet imgMaxWidth = parseFloat(\n\t\t\t\t\tstate.selectedImage.targetWidth &&\n\t\t\t\t\t\tstate.selectedImage.targetWidth !== 'none'\n\t\t\t\t\t\t? state.selectedImage.targetWidth\n\t\t\t\t\t\t: naturalWidth\n\t\t\t\t);\n\t\t\t\tlet imgMaxHeight = parseFloat(\n\t\t\t\t\tstate.selectedImage.targetHeight &&\n\t\t\t\t\t\tstate.selectedImage.targetHeight !== 'none'\n\t\t\t\t\t\t? state.selectedImage.targetHeight\n\t\t\t\t\t\t: naturalHeight\n\t\t\t\t);\n\n\t\t\t\t// Ratio of the biggest image stored in the database.\n\t\t\t\tlet imgRatio = imgMaxWidth / imgMaxHeight;\n\t\t\t\tlet containerMaxWidth = imgMaxWidth;\n\t\t\t\tlet containerMaxHeight = imgMaxHeight;\n\t\t\t\tlet containerWidth = imgMaxWidth;\n\t\t\t\tlet containerHeight = imgMaxHeight;\n\n\t\t\t\t// Checks if the target image has a different ratio than the original\n\t\t\t\t// one (thumbnail). Recalculates the width and height.\n\t\t\t\tif ( naturalRatio.toFixed( 2 ) !== imgRatio.toFixed( 2 ) ) {\n\t\t\t\t\tif ( naturalRatio > imgRatio ) {\n\t\t\t\t\t\t// If the width is reached before the height, it keeps the maxWidth\n\t\t\t\t\t\t// and recalculates the height unless the difference between the\n\t\t\t\t\t\t// maxHeight and the reducedHeight is higher than the maxWidth,\n\t\t\t\t\t\t// where it keeps the reducedHeight and recalculate the width.\n\t\t\t\t\t\tconst reducedHeight = imgMaxWidth / naturalRatio;\n\t\t\t\t\t\tif ( imgMaxHeight - reducedHeight > imgMaxWidth ) {\n\t\t\t\t\t\t\timgMaxHeight = reducedHeight;\n\t\t\t\t\t\t\timgMaxWidth = reducedHeight * naturalRatio;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\timgMaxHeight = imgMaxWidth / naturalRatio;\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// If the height is reached before the width, it keeps the maxHeight\n\t\t\t\t\t\t// and recalculate the width unlesss the difference between the\n\t\t\t\t\t\t// maxWidth and the reducedWidth is higher than the maxHeight, where\n\t\t\t\t\t\t// it keeps the reducedWidth and recalculate the height.\n\t\t\t\t\t\tconst reducedWidth = imgMaxHeight * naturalRatio;\n\t\t\t\t\t\tif ( imgMaxWidth - reducedWidth > imgMaxHeight ) {\n\t\t\t\t\t\t\timgMaxWidth = reducedWidth;\n\t\t\t\t\t\t\timgMaxHeight = reducedWidth / naturalRatio;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\timgMaxWidth = imgMaxHeight * naturalRatio;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tcontainerWidth = imgMaxWidth;\n\t\t\t\t\tcontainerHeight = imgMaxHeight;\n\t\t\t\t\timgRatio = imgMaxWidth / imgMaxHeight;\n\n\t\t\t\t\t// Calculates the max size of the container.\n\t\t\t\t\tif ( originalRatio > imgRatio ) {\n\t\t\t\t\t\tcontainerMaxWidth = imgMaxWidth;\n\t\t\t\t\t\tcontainerMaxHeight = containerMaxWidth / originalRatio;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tcontainerMaxHeight = imgMaxHeight;\n\t\t\t\t\t\tcontainerMaxWidth = containerMaxHeight * originalRatio;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// If the image has been pixelated on purpose, it keeps that size.\n\t\t\t\tif (\n\t\t\t\t\toriginalWidth > containerWidth ||\n\t\t\t\t\toriginalHeight > containerHeight\n\t\t\t\t) {\n\t\t\t\t\tcontainerWidth = originalWidth;\n\t\t\t\t\tcontainerHeight = originalHeight;\n\t\t\t\t}\n\n\t\t\t\t// Calculates the final lightbox image size and the scale factor.\n\t\t\t\t// MaxWidth is either the window container (accounting for padding) or\n\t\t\t\t// the image resolution.\n\n\t\t\t\t// 480px width or less\n\t\t\t\tlet horizontalPadding = 0;\n\t\t\t\tlet verticalPadding = 160;\n\t\t\t\t// Greater than 480px wide and less than or equal to 960px\n\t\t\t\tif ( 480 < window.innerWidth ) {\n\t\t\t\t\thorizontalPadding = 80;\n\t\t\t\t\tverticalPadding = 160;\n\t\t\t\t}\n\t\t\t\t// Greater than 960px wide\n\t\t\t\tif ( 960 < window.innerWidth ) {\n\t\t\t\t\thorizontalPadding = state.hasNavigation ? 320 : 80;\n\t\t\t\t\tverticalPadding = 80;\n\t\t\t\t}\n\n\t\t\t\tconst targetMaxWidth = Math.min(\n\t\t\t\t\twindow.innerWidth - horizontalPadding,\n\t\t\t\t\tcontainerWidth\n\t\t\t\t);\n\t\t\t\tconst targetMaxHeight = Math.min(\n\t\t\t\t\twindow.innerHeight - verticalPadding,\n\t\t\t\t\tcontainerHeight\n\t\t\t\t);\n\t\t\t\tconst targetContainerRatio = targetMaxWidth / targetMaxHeight;\n\n\t\t\t\tif ( originalRatio > targetContainerRatio ) {\n\t\t\t\t\t// If targetMaxWidth is reached before targetMaxHeight.\n\t\t\t\t\tcontainerWidth = targetMaxWidth;\n\t\t\t\t\tcontainerHeight = containerWidth / originalRatio;\n\t\t\t\t} else {\n\t\t\t\t\t// If targetMaxHeight is reached before targetMaxWidth.\n\t\t\t\t\tcontainerHeight = targetMaxHeight;\n\t\t\t\t\tcontainerWidth = containerHeight * originalRatio;\n\t\t\t\t}\n\n\t\t\t\tconst containerScale = originalWidth / containerWidth;\n\t\t\t\tconst lightboxImgWidth =\n\t\t\t\t\timgMaxWidth * ( containerWidth / containerMaxWidth );\n\t\t\t\tconst lightboxImgHeight =\n\t\t\t\t\timgMaxHeight * ( containerHeight / containerMaxHeight );\n\n\t\t\t\t// As of this writing, using the calculations above will render the\n\t\t\t\t// lightbox with a small, erroneous whitespace on the left side of the\n\t\t\t\t// image in iOS Safari, perhaps due to an inconsistency in how browsers\n\t\t\t\t// handle absolute positioning and CSS transformation. In any case,\n\t\t\t\t// adding 1 pixel to the container width and height solves the problem,\n\t\t\t\t// though this can be removed if the issue is fixed in the future.\n\t\t\t\tstate.overlayStyles = `\n\t\t\t\t\t--wp--lightbox-initial-top-position: ${ screenPosY }px;\n\t\t\t\t\t--wp--lightbox-initial-left-position: ${ screenPosX }px;\n\t\t\t\t\t--wp--lightbox-container-width: ${ containerWidth + 1 }px;\n\t\t\t\t\t--wp--lightbox-container-height: ${ containerHeight + 1 }px;\n\t\t\t\t\t--wp--lightbox-image-width: ${ lightboxImgWidth }px;\n\t\t\t\t\t--wp--lightbox-image-height: ${ lightboxImgHeight }px;\n\t\t\t\t\t--wp--lightbox-scale: ${ containerScale };\n\t\t\t\t\t--wp--lightbox-scrollbar-width: ${\n\t\t\t\t\t\twindow.innerWidth - document.documentElement.clientWidth\n\t\t\t\t\t}px;\n\t\t\t\t`;\n\t\t\t},\n\t\t\tsetButtonStyles() {\n\t\t\t\tconst { ref } = getElement();\n\n\t\t\t\t// This guard prevents errors in images with the `srcset`\n\t\t\t\t// attribute, which can dispatch `load` events even after DOM\n\t\t\t\t// removal. Preact doesn't automatically clean up `load` event\n\t\t\t\t// listeners on unmounted `img` elements (see\n\t\t\t\t// https://github.com/preactjs/preact/issues/3141).\n\t\t\t\tif ( ! ref ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst { imageId } = getContext();\n\n\t\t\t\tstate.metadata[ imageId ].imageRef = ref;\n\t\t\t\tstate.metadata[ imageId ].currentSrc = ref.currentSrc;\n\n\t\t\t\tconst {\n\t\t\t\t\tnaturalWidth,\n\t\t\t\t\tnaturalHeight,\n\t\t\t\t\toffsetWidth,\n\t\t\t\t\toffsetHeight,\n\t\t\t\t} = ref;\n\n\t\t\t\t// If the image isn't loaded yet, it can't calculate where the button\n\t\t\t\t// should be.\n\t\t\t\tif ( naturalWidth === 0 || naturalHeight === 0 ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst figure = ref.parentElement;\n\t\t\t\tconst figureWidth = ref.parentElement.clientWidth;\n\n\t\t\t\t// It needs special handling for the height because a caption will cause\n\t\t\t\t// the figure to be taller than the image, which means it needs to\n\t\t\t\t// account for that when calculating the placement of the button in the\n\t\t\t\t// top right corner of the image.\n\t\t\t\tlet figureHeight = ref.parentElement.clientHeight;\n\t\t\t\tconst caption = figure.querySelector( 'figcaption' );\n\t\t\t\tif ( caption ) {\n\t\t\t\t\tconst captionComputedStyle =\n\t\t\t\t\t\twindow.getComputedStyle( caption );\n\t\t\t\t\tif (\n\t\t\t\t\t\t! [ 'absolute', 'fixed' ].includes(\n\t\t\t\t\t\t\tcaptionComputedStyle.position\n\t\t\t\t\t\t)\n\t\t\t\t\t) {\n\t\t\t\t\t\tfigureHeight =\n\t\t\t\t\t\t\tfigureHeight -\n\t\t\t\t\t\t\tcaption.offsetHeight -\n\t\t\t\t\t\t\tparseFloat( captionComputedStyle.marginTop ) -\n\t\t\t\t\t\t\tparseFloat( captionComputedStyle.marginBottom );\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tconst buttonOffsetTop = figureHeight - offsetHeight;\n\t\t\t\tconst buttonOffsetRight = figureWidth - offsetWidth;\n\n\t\t\t\tlet buttonTop = buttonOffsetTop + 16;\n\t\t\t\tlet buttonRight = buttonOffsetRight + 16;\n\n\t\t\t\t// In the case of an image with object-fit: contain, the size of the\n\t\t\t\t// <img> element can be larger than the image itself, so it needs to\n\t\t\t\t// calculate where to place the button.\n\t\t\t\tif ( state.metadata[ imageId ].scaleAttr === 'contain' ) {\n\t\t\t\t\t// Natural ratio of the image.\n\t\t\t\t\tconst naturalRatio = naturalWidth / naturalHeight;\n\t\t\t\t\t// Offset ratio of the image.\n\t\t\t\t\tconst offsetRatio = offsetWidth / offsetHeight;\n\n\t\t\t\t\tif ( naturalRatio >= offsetRatio ) {\n\t\t\t\t\t\t// If it reaches the width first, it keeps the width and compute the\n\t\t\t\t\t\t// height.\n\t\t\t\t\t\tconst referenceHeight = offsetWidth / naturalRatio;\n\t\t\t\t\t\tbuttonTop =\n\t\t\t\t\t\t\t( offsetHeight - referenceHeight ) / 2 +\n\t\t\t\t\t\t\tbuttonOffsetTop +\n\t\t\t\t\t\t\t16;\n\t\t\t\t\t\tbuttonRight = buttonOffsetRight + 16;\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// If it reaches the height first, it keeps the height and compute\n\t\t\t\t\t\t// the width.\n\t\t\t\t\t\tconst referenceWidth = offsetHeight * naturalRatio;\n\t\t\t\t\t\tbuttonTop = buttonOffsetTop + 16;\n\t\t\t\t\t\tbuttonRight =\n\t\t\t\t\t\t\t( offsetWidth - referenceWidth ) / 2 +\n\t\t\t\t\t\t\tbuttonOffsetRight +\n\t\t\t\t\t\t\t16;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tstate.metadata[ imageId ].buttonTop = buttonTop;\n\t\t\t\tstate.metadata[ imageId ].buttonRight = buttonRight;\n\t\t\t},\n\t\t\tsetOverlayFocus() {\n\t\t\t\tif ( state.overlayEnabled ) {\n\t\t\t\t\t// Moves the focus to the dialog when it opens.\n\t\t\t\t\tconst { ref } = getElement();\n\t\t\t\t\tref.focus();\n\t\t\t\t}\n\t\t\t},\n\t\t\tsetInertElements() {\n\t\t\t\t// Makes all children of the document inert exempt .wp-lightbox-overlay.\n\t\t\t\tdocument\n\t\t\t\t\t.querySelectorAll( 'body > :not(.wp-lightbox-overlay)' )\n\t\t\t\t\t.forEach( ( el ) => {\n\t\t\t\t\t\tif ( state.overlayEnabled ) {\n\t\t\t\t\t\t\tel.setAttribute( 'inert', '' );\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tel.removeAttribute( 'inert' );\n\t\t\t\t\t\t}\n\t\t\t\t\t} );\n\t\t\t},\n\t\t\tinitTriggerButton() {\n\t\t\t\tconst { imageId } = getContext();\n\t\t\t\tconst { ref } = getElement();\n\t\t\t\tstate.metadata[ imageId ].buttonRef = ref;\n\t\t\t},\n\t\t},\n\t},\n\t{ lock: true }\n);\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n\tstore,\n\tgetContext,\n\tgetElement,\n\tgetConfig,\n\twithSyncEvent,\n\twithScope,\n} from '@wordpress/interactivity';\nimport { IMAGE_PRELOAD_DELAY } from './constants';\n\n/**\n * Tracks whether user is touching screen; used to differentiate behavior for\n * touch and mouse input.\n *\n * @type {boolean}\n */\nlet isTouching = false;\n\n/**\n * Tracks the last time the screen was touched; used to differentiate behavior\n * for touch and mouse input.\n *\n * @type {number}\n */\nlet lastTouchTime = 0;\n\nconst touchStartEvent = {\n\tstartX: 0,\n\tstartY: 0,\n\tstartTime: 0,\n};\n\n/**\n * Elements made inert while the lightbox is open, so only those are restored\n * when it closes.\n *\n * @type {Element[]}\n */\nlet inertElements = [];\n\nconst focusableSelectors = [\n\t'.wp-lightbox-close-button',\n\t'.wp-lightbox-navigation-button',\n];\n\n/**\n * Returns the appropriate src URL for an image.\n *\n * @param {string} uploadedSrc - Full size image src.\n * @return {string} The source URL.\n */\nfunction getImageSrc( { uploadedSrc } ) {\n\treturn (\n\t\tuploadedSrc ||\n\t\t'data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='\n\t);\n}\n\n/**\n * Returns the appropriate srcset for an image.\n *\n * @param {string} lightboxSrcset - Image srcset.\n * @return {string} The srcset value.\n */\nfunction getImageSrcset( { lightboxSrcset } ) {\n\treturn lightboxSrcset || '';\n}\n\nconst { state, actions, callbacks } = store(\n\t'core/image',\n\t{\n\t\tstate: {\n\t\t\tselectedImageId: null,\n\t\t\tselectedGalleryId: null,\n\t\t\tpreloadTimers: new Map(),\n\t\t\tpreloadedImageIds: new Set(),\n\t\t\tget galleryImages() {\n\t\t\t\tif ( ! state.selectedGalleryId ) {\n\t\t\t\t\treturn [ state.selectedImageId ];\n\t\t\t\t}\n\n\t\t\t\t// Get all images in this gallery and sort by galleryOrder\n\t\t\t\treturn Object.entries( state.metadata )\n\t\t\t\t\t.filter(\n\t\t\t\t\t\t( [ , value ] ) =>\n\t\t\t\t\t\t\tvalue.galleryId === state.selectedGalleryId\n\t\t\t\t\t)\n\t\t\t\t\t.sort( ( [ , a ], [ , b ] ) => {\n\t\t\t\t\t\tconst orderA = a.order ?? 0;\n\t\t\t\t\t\tconst orderB = b.order ?? 0;\n\t\t\t\t\t\treturn orderA - orderB;\n\t\t\t\t\t} )\n\t\t\t\t\t.map( ( [ key ] ) => key );\n\t\t\t},\n\t\t\tget selectedImageIndex() {\n\t\t\t\treturn state.galleryImages.findIndex(\n\t\t\t\t\t( id ) => id === state.selectedImageId\n\t\t\t\t);\n\t\t\t},\n\t\t\tget selectedImage() {\n\t\t\t\treturn state.metadata[ state.selectedImageId ];\n\t\t\t},\n\t\t\tget hasNavigationIcon() {\n\t\t\t\tconst { navigationButtonType } = state.selectedImage;\n\t\t\t\treturn (\n\t\t\t\t\tnavigationButtonType === 'icon' ||\n\t\t\t\t\tnavigationButtonType === 'both'\n\t\t\t\t);\n\t\t\t},\n\t\t\tget hasNavigationText() {\n\t\t\t\tconst { navigationButtonType } = state.selectedImage;\n\t\t\t\treturn (\n\t\t\t\t\tnavigationButtonType === 'text' ||\n\t\t\t\t\tnavigationButtonType === 'both'\n\t\t\t\t);\n\t\t\t},\n\t\t\tget thisImage() {\n\t\t\t\tconst { imageId } = getContext();\n\t\t\t\treturn state.metadata[ imageId ];\n\t\t\t},\n\t\t\tget hasNavigation() {\n\t\t\t\treturn state.galleryImages.length > 1;\n\t\t\t},\n\t\t\tget hasNextImage() {\n\t\t\t\treturn (\n\t\t\t\t\tstate.selectedImageIndex + 1 < state.galleryImages.length\n\t\t\t\t);\n\t\t\t},\n\t\t\tget hasPreviousImage() {\n\t\t\t\treturn state.selectedImageIndex - 1 >= 0;\n\t\t\t},\n\t\t\tget overlayOpened() {\n\t\t\t\treturn state.selectedImageId !== null;\n\t\t\t},\n\t\t\tget roleAttribute() {\n\t\t\t\treturn state.overlayOpened ? 'dialog' : null;\n\t\t\t},\n\t\t\tget ariaModal() {\n\t\t\t\treturn state.overlayOpened ? 'true' : null;\n\t\t\t},\n\t\t\tget ariaLabel() {\n\t\t\t\treturn (\n\t\t\t\t\tstate.selectedImage.customAriaLabel ||\n\t\t\t\t\tgetConfig().defaultAriaLabel\n\t\t\t\t);\n\t\t\t},\n\t\t\tget closeButtonAriaLabel() {\n\t\t\t\treturn state.hasNavigationText\n\t\t\t\t\t? undefined\n\t\t\t\t\t: getConfig().closeButtonText;\n\t\t\t},\n\t\t\tget prevButtonAriaLabel() {\n\t\t\t\treturn state.hasNavigationText\n\t\t\t\t\t? undefined\n\t\t\t\t\t: getConfig().prevButtonText;\n\t\t\t},\n\t\t\tget nextButtonAriaLabel() {\n\t\t\t\treturn state.hasNavigationText\n\t\t\t\t\t? undefined\n\t\t\t\t\t: getConfig().nextButtonText;\n\t\t\t},\n\t\t\tget enlargedSrc() {\n\t\t\t\treturn getImageSrc( state.selectedImage );\n\t\t\t},\n\t\t\tget enlargedSrcset() {\n\t\t\t\treturn getImageSrcset( state.selectedImage );\n\t\t\t},\n\t\t\tget figureStyles() {\n\t\t\t\treturn (\n\t\t\t\t\tstate.overlayOpened &&\n\t\t\t\t\t`${ state.selectedImage.figureStyles?.replace(\n\t\t\t\t\t\t/margin[^;]*;?/g,\n\t\t\t\t\t\t''\n\t\t\t\t\t) };`\n\t\t\t\t);\n\t\t\t},\n\t\t\tget imgStyles() {\n\t\t\t\treturn (\n\t\t\t\t\tstate.overlayOpened &&\n\t\t\t\t\t`${ state.selectedImage.imgStyles?.replace(\n\t\t\t\t\t\t/;$/,\n\t\t\t\t\t\t''\n\t\t\t\t\t) }; object-fit:cover;`\n\t\t\t\t);\n\t\t\t},\n\t\t\tget isContentHidden() {\n\t\t\t\tconst ctx = getContext();\n\t\t\t\treturn (\n\t\t\t\t\tstate.overlayEnabled &&\n\t\t\t\t\tstate.selectedImageId === ctx.imageId\n\t\t\t\t);\n\t\t\t},\n\t\t\tget isContentVisible() {\n\t\t\t\tconst ctx = getContext();\n\t\t\t\treturn (\n\t\t\t\t\t! state.overlayEnabled &&\n\t\t\t\t\tstate.selectedImageId === ctx.imageId\n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\tactions: {\n\t\t\tshowLightbox() {\n\t\t\t\tconst { imageId } = getContext();\n\n\t\t\t\t// Bails out if the image has not loaded yet.\n\t\t\t\tif ( ! state.metadata[ imageId ].imageRef?.complete ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Stores the positions of the scroll to fix it until the overlay is\n\t\t\t\t// closed.\n\t\t\t\tstate.scrollTopReset = document.documentElement.scrollTop;\n\t\t\t\tstate.scrollLeftReset = document.documentElement.scrollLeft;\n\n\t\t\t\t// Sets the selected image and gallery and enables the overlay.\n\t\t\t\tstate.selectedImageId = imageId;\n\t\t\t\tconst { galleryId } = getContext( 'core/gallery' ) || {};\n\t\t\t\tstate.selectedGalleryId = galleryId || null;\n\t\t\t\tstate.overlayEnabled = true;\n\n\t\t\t\t// Computes the styles of the overlay for the animation.\n\t\t\t\tcallbacks.setOverlayStyles();\n\t\t\t},\n\t\t\thideLightbox() {\n\t\t\t\tif ( state.overlayEnabled ) {\n\t\t\t\t\tstate.overlayEnabled = false;\n\n\t\t\t\t\t// Waits until the close animation has completed before allowing a\n\t\t\t\t\t// user to scroll again. The duration of this animation is defined in\n\t\t\t\t\t// the `styles.scss` file, but in any case we should wait a few\n\t\t\t\t\t// milliseconds longer than the duration, otherwise a user may scroll\n\t\t\t\t\t// too soon and cause the animation to look sloppy.\n\t\t\t\t\tsetTimeout( function () {\n\t\t\t\t\t\t// Delays before changing the focus. Otherwise the focus ring will\n\t\t\t\t\t\t// appear on Firefox before the image has finished animating, which\n\t\t\t\t\t\t// looks broken.\n\t\t\t\t\t\tstate.selectedImage.buttonRef.focus( {\n\t\t\t\t\t\t\tpreventScroll: true,\n\t\t\t\t\t\t} );\n\n\t\t\t\t\t\t// Resets the selected image and gallery ids.\n\t\t\t\t\t\tstate.selectedImageId = null;\n\t\t\t\t\t\tstate.selectedGalleryId = null;\n\t\t\t\t\t}, 450 );\n\t\t\t\t}\n\t\t\t},\n\t\t\tshowPreviousImage: withSyncEvent( ( event ) => {\n\t\t\t\tevent.stopPropagation();\n\t\t\t\tconst nextIndex = state.hasPreviousImage\n\t\t\t\t\t? state.selectedImageIndex - 1\n\t\t\t\t\t: state.galleryImages.length - 1;\n\t\t\t\tstate.selectedImageId = state.galleryImages[ nextIndex ];\n\t\t\t\tcallbacks.setOverlayStyles();\n\t\t\t} ),\n\t\t\tshowNextImage: withSyncEvent( ( event ) => {\n\t\t\t\tevent.stopPropagation();\n\t\t\t\tconst nextIndex = state.hasNextImage\n\t\t\t\t\t? state.selectedImageIndex + 1\n\t\t\t\t\t: 0;\n\t\t\t\tstate.selectedImageId = state.galleryImages[ nextIndex ];\n\t\t\t\tcallbacks.setOverlayStyles();\n\t\t\t} ),\n\t\t\thandleKeydown: withSyncEvent( ( event ) => {\n\t\t\t\tif ( state.overlayEnabled ) {\n\t\t\t\t\tif ( event.key === 'Escape' ) {\n\t\t\t\t\t\tactions.hideLightbox();\n\t\t\t\t\t} else if ( event.key === 'ArrowLeft' ) {\n\t\t\t\t\t\tactions.showPreviousImage( event );\n\t\t\t\t\t} else if ( event.key === 'ArrowRight' ) {\n\t\t\t\t\t\tactions.showNextImage( event );\n\t\t\t\t\t} else if ( event.key === 'Tab' ) {\n\t\t\t\t\t\t// Traps focus within the overlay.\n\t\t\t\t\t\tconst focusableElements = Array.from(\n\t\t\t\t\t\t\tdocument.querySelectorAll( focusableSelectors )\n\t\t\t\t\t\t);\n\t\t\t\t\t\tconst firstFocusableElement = focusableElements[ 0 ];\n\t\t\t\t\t\tconst lastFocusableElement =\n\t\t\t\t\t\t\tfocusableElements[ focusableElements.length - 1 ];\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tevent.shiftKey &&\n\t\t\t\t\t\t\tevent.target === firstFocusableElement\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tlastFocusableElement.focus();\n\t\t\t\t\t\t} else if (\n\t\t\t\t\t\t\t! event.shiftKey &&\n\t\t\t\t\t\t\tevent.target === lastFocusableElement\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tfirstFocusableElement.focus();\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} ),\n\t\t\thandleTouchMove: withSyncEvent( ( event ) => {\n\t\t\t\t// On mobile devices, prevents triggering the scroll event because\n\t\t\t\t// otherwise the page jumps around when it resets the scroll position.\n\t\t\t\t// This also means that closing the lightbox requires that a user\n\t\t\t\t// perform a simple tap. This may be changed in the future if there is a\n\t\t\t\t// better alternative to override or reset the scroll position during\n\t\t\t\t// swipe actions.\n\t\t\t\tif ( state.overlayEnabled ) {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t}\n\t\t\t} ),\n\t\t\thandleTouchStart( event ) {\n\t\t\t\tisTouching = true;\n\t\t\t\tconst t = event.touches && event.touches[ 0 ];\n\t\t\t\tif ( t ) {\n\t\t\t\t\ttouchStartEvent.startX = t.clientX;\n\t\t\t\t\ttouchStartEvent.startY = t.clientY;\n\t\t\t\t\ttouchStartEvent.startTime = Date.now();\n\t\t\t\t}\n\t\t\t},\n\t\t\thandleTouchEnd: withSyncEvent( ( event ) => {\n\t\t\t\tconst touchEndEvent =\n\t\t\t\t\t( event.changedTouches && event.changedTouches[ 0 ] ) ||\n\t\t\t\t\t( event.touches && event.touches[ 0 ] );\n\t\t\t\tconst now = Date.now();\n\n\t\t\t\tif ( touchEndEvent && state.overlayEnabled ) {\n\t\t\t\t\tconst deltaX =\n\t\t\t\t\t\ttouchEndEvent.clientX - touchStartEvent.startX;\n\t\t\t\t\tconst deltaY =\n\t\t\t\t\t\ttouchEndEvent.clientY - touchStartEvent.startY;\n\t\t\t\t\tconst absDeltaX = Math.abs( deltaX );\n\t\t\t\t\tconst absDeltaY = Math.abs( deltaY );\n\t\t\t\t\tconst elapsedMs = now - touchStartEvent.startTime;\n\t\t\t\t\tconst isHorizontalSwipe =\n\t\t\t\t\t\t// Swipe distance is greater than 50px\n\t\t\t\t\t\tabsDeltaX > 50 &&\n\t\t\t\t\t\t// Horizontal movement is much larger than the vertical movement\n\t\t\t\t\t\tabsDeltaX > absDeltaY * 1.5 &&\n\t\t\t\t\t\t// Fast action of less than 800ms\n\t\t\t\t\t\telapsedMs < 800;\n\n\t\t\t\t\tif ( isHorizontalSwipe ) {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tif ( deltaX < 0 ) {\n\t\t\t\t\t\t\tactions.showNextImage( event );\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tactions.showPreviousImage( event );\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tlastTouchTime = now;\n\t\t\t\tisTouching = false;\n\t\t\t} ),\n\t\t\thandleScroll() {\n\t\t\t\t// Prevents scrolling behaviors that trigger content shift while the\n\t\t\t\t// lightbox is open. It would be better to accomplish through CSS alone,\n\t\t\t\t// but using overflow: hidden is currently the only way to do so and\n\t\t\t\t// that causes a layout to shift and prevents the zoom animation from\n\t\t\t\t// working in some cases because it's not possible to account for the\n\t\t\t\t// layout shift when doing the animation calculations. Instead, it uses\n\t\t\t\t// JavaScript to prevent and reset the scrolling behavior.\n\t\t\t\tif ( state.overlayOpened ) {\n\t\t\t\t\t// Avoids overriding the scroll behavior on mobile devices because\n\t\t\t\t\t// doing so breaks the pinch to zoom functionality, and users should\n\t\t\t\t\t// be able to zoom in further on the high-res image.\n\t\t\t\t\tif ( ! isTouching && Date.now() - lastTouchTime > 450 ) {\n\t\t\t\t\t\t// It doesn't rely on `event.preventDefault()` to prevent scrolling\n\t\t\t\t\t\t// because the scroll event can't be canceled, so it resets the\n\t\t\t\t\t\t// position instead.\n\t\t\t\t\t\twindow.scrollTo(\n\t\t\t\t\t\t\tstate.scrollLeftReset,\n\t\t\t\t\t\t\tstate.scrollTopReset\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t\tpreloadImage() {\n\t\t\t\tconst { imageId } = getContext();\n\n\t\t\t\t// Bails if it has already been preloaded. This could help\n\t\t\t\t// prevent unnecessary preloading of the same image multiple times,\n\t\t\t\t// leading to duplicate link elements in the document head.\n\t\t\t\tif ( state.preloadedImageIds.has( imageId ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Link element to preload the image.\n\t\t\t\tconst imageMetadata = state.metadata[ imageId ];\n\t\t\t\tconst imageLink = document.createElement( 'link' );\n\t\t\t\timageLink.rel = 'preload';\n\t\t\t\timageLink.as = 'image';\n\t\t\t\timageLink.href = getImageSrc( imageMetadata );\n\n\t\t\t\t// Apply srcset if available for responsive preloading\n\t\t\t\tconst srcset = getImageSrcset( imageMetadata );\n\t\t\t\tif ( srcset ) {\n\t\t\t\t\timageLink.setAttribute( 'imagesrcset', srcset );\n\t\t\t\t\timageLink.setAttribute( 'imagesizes', '100vw' );\n\t\t\t\t}\n\n\t\t\t\tdocument.head.appendChild( imageLink );\n\t\t\t\tstate.preloadedImageIds.add( imageId );\n\t\t\t},\n\t\t\tpreloadImageWithDelay() {\n\t\t\t\tconst { imageId } = getContext();\n\n\t\t\t\tactions.cancelPreload();\n\n\t\t\t\t// Set a new timer to preload the image after a short delay.\n\t\t\t\tconst timerId = setTimeout(\n\t\t\t\t\twithScope( () => {\n\t\t\t\t\t\tactions.preloadImage();\n\t\t\t\t\t\tstate.preloadTimers.delete( imageId );\n\t\t\t\t\t} ),\n\t\t\t\t\tIMAGE_PRELOAD_DELAY\n\t\t\t\t);\n\t\t\t\tstate.preloadTimers.set( imageId, timerId );\n\t\t\t},\n\t\t\tcancelPreload() {\n\t\t\t\tconst { imageId } = getContext();\n\t\t\t\tif ( state.preloadTimers.has( imageId ) ) {\n\t\t\t\t\tclearTimeout( state.preloadTimers.get( imageId ) );\n\t\t\t\t\tstate.preloadTimers.delete( imageId );\n\t\t\t\t}\n\t\t\t},\n\t\t},\n\t\tcallbacks: {\n\t\t\tsetOverlayStyles() {\n\t\t\t\tif ( ! state.overlayEnabled ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tlet {\n\t\t\t\t\tnaturalWidth,\n\t\t\t\t\tnaturalHeight,\n\t\t\t\t\toffsetWidth: originalWidth,\n\t\t\t\t\toffsetHeight: originalHeight,\n\t\t\t\t} = state.selectedImage.imageRef;\n\t\t\t\tlet { x: screenPosX, y: screenPosY } =\n\t\t\t\t\tstate.selectedImage.imageRef.getBoundingClientRect();\n\n\t\t\t\t// Natural ratio of the image clicked to open the lightbox.\n\t\t\t\tconst naturalRatio = naturalWidth / naturalHeight;\n\t\t\t\t// Original ratio of the image clicked to open the lightbox.\n\t\t\t\tconst originalRatio = originalWidth / originalHeight;\n\n\t\t\t\t// If it has object-fit: contain, recalculates the original sizes\n\t\t\t\t// and the screen position without the blank spaces.\n\t\t\t\tif ( state.selectedImage.scaleAttr === 'contain' ) {\n\t\t\t\t\tif ( naturalRatio > originalRatio ) {\n\t\t\t\t\t\tconst heightWithoutSpace = originalWidth / naturalRatio;\n\t\t\t\t\t\t// Recalculates screen position without the top space.\n\t\t\t\t\t\tscreenPosY +=\n\t\t\t\t\t\t\t( originalHeight - heightWithoutSpace ) / 2;\n\t\t\t\t\t\toriginalHeight = heightWithoutSpace;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tconst widthWithoutSpace = originalHeight * naturalRatio;\n\t\t\t\t\t\t// Recalculates screen position without the left space.\n\t\t\t\t\t\tscreenPosX += ( originalWidth - widthWithoutSpace ) / 2;\n\t\t\t\t\t\toriginalWidth = widthWithoutSpace;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// Typically, it uses the image's full-sized dimensions. If those\n\t\t\t\t// dimensions have not been set (i.e. an external image with only one\n\t\t\t\t// size), the image's dimensions in the lightbox are the same\n\t\t\t\t// as those of the image in the content.\n\t\t\t\tconst imgMaxWidth = parseFloat(\n\t\t\t\t\tstate.selectedImage.targetWidth &&\n\t\t\t\t\t\tstate.selectedImage.targetWidth !== 'none'\n\t\t\t\t\t\t? state.selectedImage.targetWidth\n\t\t\t\t\t\t: naturalWidth\n\t\t\t\t);\n\t\t\t\tconst imgMaxHeight = parseFloat(\n\t\t\t\t\tstate.selectedImage.targetHeight &&\n\t\t\t\t\t\tstate.selectedImage.targetHeight !== 'none'\n\t\t\t\t\t\t? state.selectedImage.targetHeight\n\t\t\t\t\t\t: naturalHeight\n\t\t\t\t);\n\n\t\t\t\t// Ratio of the biggest image stored in the database.\n\t\t\t\tconst fullSizeRatio = imgMaxWidth / imgMaxHeight;\n\t\t\t\tlet containerWidth = imgMaxWidth;\n\t\t\t\tlet containerHeight = imgMaxHeight;\n\n\t\t\t\t// If the image has been pixelated on purpose, it keeps that size.\n\t\t\t\tif (\n\t\t\t\t\toriginalWidth > containerWidth ||\n\t\t\t\t\toriginalHeight > containerHeight\n\t\t\t\t) {\n\t\t\t\t\tcontainerWidth = originalWidth;\n\t\t\t\t\tcontainerHeight = originalHeight;\n\t\t\t\t}\n\n\t\t\t\t// Calculates the final lightbox image size and the scale factor.\n\t\t\t\t// MaxWidth is either the window container (accounting for padding) or\n\t\t\t\t// the image resolution.\n\n\t\t\t\t// 480px width or less\n\t\t\t\tlet horizontalPadding = 0;\n\t\t\t\tlet verticalPadding = 160;\n\t\t\t\t// Greater than 480px wide and less than or equal to 960px\n\t\t\t\tif ( 480 < window.innerWidth ) {\n\t\t\t\t\thorizontalPadding = 80;\n\t\t\t\t\tverticalPadding = 160;\n\t\t\t\t}\n\t\t\t\t// Greater than 960px wide\n\t\t\t\tif ( 960 < window.innerWidth ) {\n\t\t\t\t\thorizontalPadding = state.hasNavigation ? 320 : 80;\n\t\t\t\t\tverticalPadding = 80;\n\t\t\t\t}\n\n\t\t\t\tconst targetMaxWidth = Math.min(\n\t\t\t\t\twindow.innerWidth - horizontalPadding,\n\t\t\t\t\tcontainerWidth\n\t\t\t\t);\n\t\t\t\tconst targetMaxHeight = Math.min(\n\t\t\t\t\twindow.innerHeight - verticalPadding,\n\t\t\t\t\tcontainerHeight\n\t\t\t\t);\n\t\t\t\tconst targetContainerRatio = targetMaxWidth / targetMaxHeight;\n\n\t\t\t\tif ( fullSizeRatio > targetContainerRatio ) {\n\t\t\t\t\t// If targetMaxWidth is reached before targetMaxHeight.\n\t\t\t\t\tcontainerWidth = targetMaxWidth;\n\t\t\t\t\tcontainerHeight = containerWidth / fullSizeRatio;\n\t\t\t\t} else {\n\t\t\t\t\t// If targetMaxHeight is reached before targetMaxWidth.\n\t\t\t\t\tcontainerHeight = targetMaxHeight;\n\t\t\t\t\tcontainerWidth = containerHeight * fullSizeRatio;\n\t\t\t\t}\n\n\t\t\t\tconst hasCroppedSource =\n\t\t\t\t\tnaturalRatio.toFixed( 2 ) !== fullSizeRatio.toFixed( 2 );\n\t\t\t\tconst sourceRatio = hasCroppedSource\n\t\t\t\t\t? naturalRatio\n\t\t\t\t\t: fullSizeRatio;\n\n\t\t\t\t// Include any crop already applied to the thumbnail file.\n\t\t\t\tconst containerScale = Math.max(\n\t\t\t\t\toriginalWidth / containerWidth,\n\t\t\t\t\toriginalHeight / containerHeight,\n\t\t\t\t\toriginalWidth / ( containerHeight * sourceRatio ),\n\t\t\t\t\t( originalHeight * sourceRatio ) / containerWidth\n\t\t\t\t);\n\t\t\t\tconst thumbnailWidth = originalWidth / containerScale;\n\t\t\t\tconst thumbnailHeight = originalHeight / containerScale;\n\t\t\t\tconst cropX = ( containerWidth - thumbnailWidth ) / 2;\n\t\t\t\tconst cropY = ( containerHeight - thumbnailHeight ) / 2;\n\t\t\t\tscreenPosX -= cropX * containerScale;\n\t\t\t\tscreenPosY -= cropY * containerScale;\n\n\t\t\t\t// As of this writing, using the calculations above will render the\n\t\t\t\t// lightbox with a small, erroneous whitespace on the left side of the\n\t\t\t\t// image in iOS Safari, perhaps due to an inconsistency in how browsers\n\t\t\t\t// handle absolute positioning and CSS transformation. In any case,\n\t\t\t\t// adding 1 pixel to the container width and height solves the problem,\n\t\t\t\t// though this can be removed if the issue is fixed in the future.\n\t\t\t\tstate.overlayStyles = `\n\t\t\t\t\t--wp--lightbox-initial-top-position: ${ screenPosY }px;\n\t\t\t\t\t--wp--lightbox-initial-left-position: ${ screenPosX }px;\n\t\t\t\t\t--wp--lightbox-container-width: ${ containerWidth + 1 }px;\n\t\t\t\t\t--wp--lightbox-container-height: ${ containerHeight + 1 }px;\n\t\t\t\t\t--wp--lightbox-image-width: ${ containerWidth }px;\n\t\t\t\t\t--wp--lightbox-image-height: ${ containerHeight }px;\n\t\t\t\t\t--wp--lightbox-initial-clip: inset(${ cropY }px ${ cropX }px);\n\t\t\t\t\t--wp--lightbox-thumbnail-width: ${\n\t\t\t\t\t\thasCroppedSource ? thumbnailWidth : containerWidth\n\t\t\t\t\t}px;\n\t\t\t\t\t--wp--lightbox-thumbnail-height: ${\n\t\t\t\t\t\thasCroppedSource ? thumbnailHeight : containerHeight\n\t\t\t\t\t}px;\n\t\t\t\t\t--wp--lightbox-scale: ${ containerScale };\n\t\t\t\t\t--wp--lightbox-scrollbar-width: ${\n\t\t\t\t\t\twindow.innerWidth - document.documentElement.clientWidth\n\t\t\t\t\t}px;\n\t\t\t\t`;\n\t\t\t},\n\t\t\tsetButtonStyles() {\n\t\t\t\tconst { ref } = getElement();\n\n\t\t\t\t// This guard prevents errors in images with the `srcset`\n\t\t\t\t// attribute, which can dispatch `load` events even after DOM\n\t\t\t\t// removal. Preact doesn't automatically clean up `load` event\n\t\t\t\t// listeners on unmounted `img` elements (see\n\t\t\t\t// https://github.com/preactjs/preact/issues/3141).\n\t\t\t\tif ( ! ref ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst { imageId } = getContext();\n\n\t\t\t\tstate.metadata[ imageId ].imageRef = ref;\n\t\t\t\tstate.metadata[ imageId ].currentSrc = ref.currentSrc;\n\n\t\t\t\tconst {\n\t\t\t\t\tnaturalWidth,\n\t\t\t\t\tnaturalHeight,\n\t\t\t\t\toffsetWidth,\n\t\t\t\t\toffsetHeight,\n\t\t\t\t} = ref;\n\n\t\t\t\t// If the image isn't loaded yet, it can't calculate where the button\n\t\t\t\t// should be.\n\t\t\t\tif ( naturalWidth === 0 || naturalHeight === 0 ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst figure = ref.parentElement;\n\t\t\t\tconst figureWidth = ref.parentElement.clientWidth;\n\n\t\t\t\t// It needs special handling for the height because a caption will cause\n\t\t\t\t// the figure to be taller than the image, which means it needs to\n\t\t\t\t// account for that when calculating the placement of the button in the\n\t\t\t\t// top right corner of the image.\n\t\t\t\tlet figureHeight = ref.parentElement.clientHeight;\n\t\t\t\tconst caption = figure.querySelector( 'figcaption' );\n\t\t\t\tif ( caption ) {\n\t\t\t\t\tconst captionComputedStyle =\n\t\t\t\t\t\twindow.getComputedStyle( caption );\n\t\t\t\t\tif (\n\t\t\t\t\t\t! [ 'absolute', 'fixed' ].includes(\n\t\t\t\t\t\t\tcaptionComputedStyle.position\n\t\t\t\t\t\t)\n\t\t\t\t\t) {\n\t\t\t\t\t\tfigureHeight =\n\t\t\t\t\t\t\tfigureHeight -\n\t\t\t\t\t\t\tcaption.offsetHeight -\n\t\t\t\t\t\t\tparseFloat( captionComputedStyle.marginTop ) -\n\t\t\t\t\t\t\tparseFloat( captionComputedStyle.marginBottom );\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tconst buttonOffsetTop = figureHeight - offsetHeight;\n\t\t\t\tconst buttonOffsetRight = figureWidth - offsetWidth;\n\n\t\t\t\tlet buttonTop = buttonOffsetTop + 16;\n\t\t\t\tlet buttonRight = buttonOffsetRight + 16;\n\n\t\t\t\t// In the case of an image with object-fit: contain, the size of the\n\t\t\t\t// <img> element can be larger than the image itself, so it needs to\n\t\t\t\t// calculate where to place the button.\n\t\t\t\tif ( state.metadata[ imageId ].scaleAttr === 'contain' ) {\n\t\t\t\t\t// Natural ratio of the image.\n\t\t\t\t\tconst naturalRatio = naturalWidth / naturalHeight;\n\t\t\t\t\t// Offset ratio of the image.\n\t\t\t\t\tconst offsetRatio = offsetWidth / offsetHeight;\n\n\t\t\t\t\tif ( naturalRatio >= offsetRatio ) {\n\t\t\t\t\t\t// If it reaches the width first, it keeps the width and compute the\n\t\t\t\t\t\t// height.\n\t\t\t\t\t\tconst referenceHeight = offsetWidth / naturalRatio;\n\t\t\t\t\t\tbuttonTop =\n\t\t\t\t\t\t\t( offsetHeight - referenceHeight ) / 2 +\n\t\t\t\t\t\t\tbuttonOffsetTop +\n\t\t\t\t\t\t\t16;\n\t\t\t\t\t\tbuttonRight = buttonOffsetRight + 16;\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// If it reaches the height first, it keeps the height and compute\n\t\t\t\t\t\t// the width.\n\t\t\t\t\t\tconst referenceWidth = offsetHeight * naturalRatio;\n\t\t\t\t\t\tbuttonTop = buttonOffsetTop + 16;\n\t\t\t\t\t\tbuttonRight =\n\t\t\t\t\t\t\t( offsetWidth - referenceWidth ) / 2 +\n\t\t\t\t\t\t\tbuttonOffsetRight +\n\t\t\t\t\t\t\t16;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tstate.metadata[ imageId ].buttonTop = buttonTop;\n\t\t\t\tstate.metadata[ imageId ].buttonRight = buttonRight;\n\t\t\t},\n\t\t\tsetOverlayFocus() {\n\t\t\t\tif ( state.overlayEnabled ) {\n\t\t\t\t\t// Moves the focus to the dialog when it opens.\n\t\t\t\t\tconst { ref } = getElement();\n\t\t\t\t\tref.focus();\n\t\t\t\t}\n\t\t\t},\n\t\t\tsetInertElements() {\n\t\t\t\tif ( ! state.overlayEnabled ) {\n\t\t\t\t\tinertElements.forEach( ( el ) =>\n\t\t\t\t\t\tel.removeAttribute( 'inert' )\n\t\t\t\t\t);\n\t\t\t\t\tinertElements = [];\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\t// Inerts the overlay's siblings at each level, not its ancestors.\n\t\t\t\tconst { ref } = getElement();\n\t\t\t\tlet node = ref;\n\t\t\t\twhile ( node && node !== document.body && node.parentElement ) {\n\t\t\t\t\tfor ( const sibling of node.parentElement.children ) {\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tsibling !== node &&\n\t\t\t\t\t\t\t! sibling.hasAttribute( 'inert' )\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tsibling.setAttribute( 'inert', '' );\n\t\t\t\t\t\t\tinertElements.push( sibling );\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tnode = node.parentElement;\n\t\t\t\t}\n\t\t\t},\n\t\t\tinitTriggerButton() {\n\t\t\t\tconst { imageId } = getContext();\n\t\t\t\tconst { ref } = getElement();\n\t\t\t\tstate.metadata[ imageId ].buttonRef = ref;\n\t\t\t},\n\t\t},\n\t},\n\t{ lock: true }\n);\n"],
+  "mappings": "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",
   "names": []
 }

package/build/latest-comments/block.json

@@ -49,11 +49,21 @@
 				"link": true
 			}
 		},
+		"dimensions": {
+			"minHeight": true,
+			"minWidth": true
+		},
 		"html": false,
 		"spacing": {
 			"margin": true,
 			"padding": true
 		},
+		"__experimentalBorder": {
+			"color": true,
+			"radius": true,
+			"style": true,
+			"width": true
+		},
 		"shadow": true,
 		"typography": {
 			"fontSize": true,

package/build/latest-posts/block.json

@@ -97,6 +97,10 @@
 				"link": true
 			}
 		},
+		"dimensions": {
+			"minHeight": true,
+			"minWidth": true
+		},
 		"spacing": {
 			"margin": true,
 			"padding": true,

package/build/list/block.json

@@ -58,6 +58,15 @@
 				"fontSize": true
 			}
 		},
+		"background": {
+			"backgroundImage": true,
+			"backgroundSize": true,
+			"gradient": true,
+			"__experimentalDefaultControls": {
+				"backgroundImage": true,
+				"gradient": true
+			}
+		},
 		"color": {
 			"gradients": true,
 			"link": true,
@@ -74,6 +83,7 @@
 				"padding": false
 			}
 		},
+		"shadow": true,
 		"__unstablePasteTextInline": true,
 		"__experimentalOnMerge": true,
 		"__experimentalSlashInserter": true,
@@ -83,7 +93,8 @@
 		"listView": true
 	},
 	"selectors": {
-		"border": ".wp-block-list:not(.wp-block-list .wp-block-list)"
+		"border": ".wp-block-list:not(.wp-block-list .wp-block-list)",
+		"shadow": ".wp-block-list:not(.wp-block-list .wp-block-list)"
 	},
 	"editorStyle": "wp-block-list-editor",
 	"style": "wp-block-list"

package/build/list-item/block.json

@@ -24,6 +24,11 @@
 		"html": false,
 		"className": false,
 		"splitting": true,
+		"background": {
+			"backgroundImage": true,
+			"backgroundSize": true,
+			"gradient": true
+		},
 		"__experimentalBorder": {
 			"color": true,
 			"radius": true,
@@ -46,6 +51,7 @@
 				"padding": false
 			}
 		},
+		"shadow": true,
 		"typography": {
 			"fontSize": true,
 			"lineHeight": true,
@@ -65,6 +71,7 @@
 	},
 	"selectors": {
 		"root": ".wp-block-list > li",
-		"border": ".wp-block-list:not(.wp-block-list .wp-block-list) > li"
+		"border": ".wp-block-list:not(.wp-block-list .wp-block-list) > li",
+		"shadow": ".wp-block-list:not(.wp-block-list .wp-block-list) > li"
 	}
 }

package/build/list-item/index.cjs

@@ -38,15 +38,19 @@ __export(list_item_exports, {
 module.exports = __toCommonJS(list_item_exports);
 var import_icons = require("@wordpress/icons");
 var import_block_editor = require("@wordpress/block-editor");
+var import_blocks = require("@wordpress/blocks");
 var import_init_block = __toESM(require("../utils/init-block.cjs"));
 var import_block = __toESM(require("./block.json"));
 var import_edit = __toESM(require("./edit.cjs"));
 var import_save = __toESM(require("./save.cjs"));
 var import_transforms = __toESM(require("./transforms.cjs"));
 var import_lock_unlock = require("../lock-unlock.cjs");
+var { editableRootKey } = (0, import_lock_unlock.unlock)(import_blocks.privateApis);
 var { name } = import_block.default;
 var settings = {
   icon: import_icons.listItem,
+  // Opt into the editing host behaviour privately, like the paragraph.
+  [editableRootKey]: true,
   edit: import_edit.default,
   save: import_save.default,
   merge(attributes, attributesToMerge) {

package/build/list-item/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/list-item/index.js"],
-  "sourcesContent": ["import { listItem as icon } from '@wordpress/icons';\nimport { privateApis } from '@wordpress/block-editor';\nimport initBlock from '../utils/init-block';\nimport metadata from './block.json';\nimport edit from './edit';\nimport save from './save';\nimport transforms from './transforms';\nimport { unlock } from '../lock-unlock';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n\tsave,\n\tmerge( attributes, attributesToMerge ) {\n\t\treturn {\n\t\t\t...attributes,\n\t\t\tcontent: attributes.content + attributesToMerge.content,\n\t\t};\n\t},\n\ttransforms,\n\t[ unlock( privateApis ).requiresWrapperOnCopy ]: true,\n\t__experimentalLabel( attributes, { context } ) {\n\t\tconst { content } = attributes;\n\n\t\tconst customName = attributes?.metadata?.name;\n\t\tconst hasContent = content?.trim().length > 0;\n\n\t\t// In the list view, use the block's content as the label.\n\t\t// If the content is empty, fall back to the default label.\n\t\tif ( context === 'list-view' && ( customName || hasContent ) ) {\n\t\t\treturn customName || content;\n\t\t}\n\n\t\tif ( context === 'breadcrumb' && customName ) {\n\t\t\treturn customName;\n\t\t}\n\t},\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,+BAAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA,mBAAiC;AACjC,0BAA4B;AAC5B,wBAAsB;AACtB,mBAAqB;AACrB,kBAAiB;AACjB,kBAAiB;AACjB,wBAAuB;AACvB,yBAAuB;AAEvB,IAAM,EAAE,KAAK,IAAI,aAAAA;AAIV,IAAM,WAAW;AAAA,EACvB,mBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,MAAO,YAAY,mBAAoB;AACtC,WAAO;AAAA,MACN,GAAG;AAAA,MACH,SAAS,WAAW,UAAU,kBAAkB;AAAA,IACjD;AAAA,EACD;AAAA,EACA,8BAAAC;AAAA,EACA,KAAE,2BAAQ,+BAAY,EAAE,qBAAsB,GAAG;AAAA,EACjD,oBAAqB,YAAY,EAAE,QAAQ,GAAI;AAC9C,UAAM,EAAE,QAAQ,IAAI;AAEpB,UAAM,aAAa,YAAY,UAAU;AACzC,UAAM,aAAa,SAAS,KAAK,EAAE,SAAS;AAI5C,QAAK,YAAY,gBAAiB,cAAc,aAAe;AAC9D,aAAO,cAAc;AAAA,IACtB;AAEA,QAAK,YAAY,gBAAgB,YAAa;AAC7C,aAAO;AAAA,IACR;AAAA,EACD;AACD;AAEO,IAAM,OAAO,UAAM,kBAAAC,SAAW,EAAE,MAAM,uBAAAC,SAAU,SAAS,CAAE;",
-  "names": ["metadata", "icon", "edit", "save", "transforms", "initBlock", "metadata"]
+  "sourcesContent": ["import { listItem as icon } from '@wordpress/icons';\nimport { privateApis } from '@wordpress/block-editor';\nimport { privateApis as blocksPrivateApis } from '@wordpress/blocks';\nimport initBlock from '../utils/init-block';\nimport metadata from './block.json';\nimport edit from './edit';\nimport save from './save';\nimport transforms from './transforms';\nimport { unlock } from '../lock-unlock';\n\nconst { editableRootKey } = unlock( blocksPrivateApis );\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\t// Opt into the editing host behaviour privately, like the paragraph.\n\t[ editableRootKey ]: true,\n\tedit,\n\tsave,\n\tmerge( attributes, attributesToMerge ) {\n\t\treturn {\n\t\t\t...attributes,\n\t\t\tcontent: attributes.content + attributesToMerge.content,\n\t\t};\n\t},\n\ttransforms,\n\t[ unlock( privateApis ).requiresWrapperOnCopy ]: true,\n\t__experimentalLabel( attributes, { context } ) {\n\t\tconst { content } = attributes;\n\n\t\tconst customName = attributes?.metadata?.name;\n\t\tconst hasContent = content?.trim().length > 0;\n\n\t\t// In the list view, use the block's content as the label.\n\t\t// If the content is empty, fall back to the default label.\n\t\tif ( context === 'list-view' && ( customName || hasContent ) ) {\n\t\t\treturn customName || content;\n\t\t}\n\n\t\tif ( context === 'breadcrumb' && customName ) {\n\t\t\treturn customName;\n\t\t}\n\t},\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,+BAAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA,mBAAiC;AACjC,0BAA4B;AAC5B,oBAAiD;AACjD,wBAAsB;AACtB,mBAAqB;AACrB,kBAAiB;AACjB,kBAAiB;AACjB,wBAAuB;AACvB,yBAAuB;AAEvB,IAAM,EAAE,gBAAgB,QAAI,2BAAQ,cAAAC,WAAkB;AAEtD,IAAM,EAAE,KAAK,IAAI,aAAAD;AAIV,IAAM,WAAW;AAAA,EACvB,mBAAAE;AAAA;AAAA,EAEA,CAAE,eAAgB,GAAG;AAAA,EACrB,kBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,MAAO,YAAY,mBAAoB;AACtC,WAAO;AAAA,MACN,GAAG;AAAA,MACH,SAAS,WAAW,UAAU,kBAAkB;AAAA,IACjD;AAAA,EACD;AAAA,EACA,8BAAAC;AAAA,EACA,KAAE,2BAAQ,+BAAY,EAAE,qBAAsB,GAAG;AAAA,EACjD,oBAAqB,YAAY,EAAE,QAAQ,GAAI;AAC9C,UAAM,EAAE,QAAQ,IAAI;AAEpB,UAAM,aAAa,YAAY,UAAU;AACzC,UAAM,aAAa,SAAS,KAAK,EAAE,SAAS;AAI5C,QAAK,YAAY,gBAAiB,cAAc,aAAe;AAC9D,aAAO,cAAc;AAAA,IACtB;AAEA,QAAK,YAAY,gBAAgB,YAAa;AAC7C,aAAO;AAAA,IACR;AAAA,EACD;AACD;AAEO,IAAM,OAAO,UAAM,kBAAAC,SAAW,EAAE,MAAM,uBAAAC,SAAU,SAAS,CAAE;",
+  "names": ["metadata", "blocksPrivateApis", "icon", "edit", "save", "transforms", "initBlock", "metadata"]
 }

package/build/loginout/block.json

@@ -38,6 +38,10 @@
 			"gradients": true,
 			"link": true
 		},
+		"dimensions": {
+			"minHeight": true,
+			"minWidth": true
+		},
 		"spacing": {
 			"margin": true,
 			"padding": true,

package/build/math/block.json

@@ -32,6 +32,10 @@
 				"text": true
 			}
 		},
+		"dimensions": {
+			"minHeight": true,
+			"minWidth": true
+		},
 		"shadow": true,
 		"spacing": {
 			"margin": true,