@wordpress/block-library 9.24.0 → 9.26.0

package/build/image/view.js.map

@@ -1 +1 @@
-{"version":3,"names":["_interactivity","require","isTouching","lastTouchTime","state","actions","callbacks","store","currentImageId","currentImage","metadata","overlayOpened","roleAttribute","ariaModal","enlargedSrc","uploadedSrc","figureStyles","replace","imgStyles","imageButtonRight","imageId","getContext","imageButtonTop","isContentHidden","ctx","overlayEnabled","isContentVisible","showLightbox","imageRef","complete","scrollTopReset","document","documentElement","scrollTop","scrollLeftReset","scrollLeft","setOverlayStyles","hideLightbox","showClosingAnimation","setTimeout","buttonRef","focus","preventScroll","handleKeydown","withSyncEvent","event","key","preventDefault","ref","getElement","querySelector","handleTouchMove","handleTouchStart","handleTouchEnd","Date","now","handleScroll","window","scrollTo","naturalWidth","naturalHeight","offsetWidth","originalWidth","offsetHeight","originalHeight","x","screenPosX","y","screenPosY","getBoundingClientRect","naturalRatio","originalRatio","scaleAttr","heightWithoutSpace","widthWithoutSpace","imgMaxWidth","parseFloat","targetWidth","imgMaxHeight","targetHeight","imgRatio","containerMaxWidth","containerMaxHeight","containerWidth","containerHeight","toFixed","reducedHeight","reducedWidth","horizontalPadding","innerWidth","verticalPadding","targetMaxWidth","Math","min","targetMaxHeight","innerHeight","targetContainerRatio","containerScale","lightboxImgWidth","lightboxImgHeight","overlayStyles","clientWidth","setButtonStyles","currentSrc","figure","parentElement","figureWidth","figureHeight","clientHeight","caption","captionComputedStyle","getComputedStyle","includes","position","marginTop","marginBottom","buttonOffsetTop","buttonOffsetRight","offsetRatio","referenceHeight","referenceWidth","setOverlayFocus","initTriggerButton","lock"],"sources":["@wordpress/block-library/src/image/view.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tstore,\n\tgetContext,\n\tgetElement,\n\twithSyncEvent,\n} from '@wordpress/interactivity';\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 { state, actions, callbacks } = store(\n\t'core/image',\n\t{\n\t\tstate: {\n\t\t\tcurrentImageId: null,\n\t\t\tget currentImage() {\n\t\t\t\treturn state.metadata[ state.currentImageId ];\n\t\t\t},\n\t\t\tget overlayOpened() {\n\t\t\t\treturn state.currentImageId !== 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 enlargedSrc() {\n\t\t\t\treturn (\n\t\t\t\t\tstate.currentImage.uploadedSrc ||\n\t\t\t\t\t'data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='\n\t\t\t\t);\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.currentImage.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.currentImage.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 imageButtonRight() {\n\t\t\t\tconst { imageId } = getContext();\n\t\t\t\treturn state.metadata[ imageId ].imageButtonRight;\n\t\t\t},\n\t\t\tget imageButtonTop() {\n\t\t\t\tconst { imageId } = getContext();\n\t\t\t\treturn state.metadata[ imageId ].imageButtonTop;\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 && state.currentImageId === 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.currentImageId === 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 current expanded image in the state and enables the overlay.\n\t\t\t\tstate.overlayEnabled = true;\n\t\t\t\tstate.currentImageId = imageId;\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\t// Starts the overlay closing animation. The showClosingAnimation\n\t\t\t\t\t// class is used to avoid showing it on page load.\n\t\t\t\t\tstate.showClosingAnimation = true;\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.currentImage.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 current image id to mark the overlay as closed.\n\t\t\t\t\t\tstate.currentImageId = null;\n\t\t\t\t\t}, 450 );\n\t\t\t\t}\n\t\t\t},\n\t\t\thandleKeydown: withSyncEvent( ( event ) => {\n\t\t\t\tif ( state.overlayEnabled ) {\n\t\t\t\t\t// Focuses the close button when the user presses the tab key.\n\t\t\t\t\tif ( event.key === 'Tab' ) {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tconst { ref } = getElement();\n\t\t\t\t\t\tref.querySelector( 'button' ).focus();\n\t\t\t\t\t}\n\t\t\t\t\t// Closes the lightbox when the user presses the escape key.\n\t\t\t\t\tif ( event.key === 'Escape' ) {\n\t\t\t\t\t\tactions.hideLightbox();\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() {\n\t\t\t\tisTouching = true;\n\t\t\t},\n\t\t\thandleTouchEnd() {\n\t\t\t\t// Waits a few milliseconds before resetting to ensure that pinch to\n\t\t\t\t// zoom works consistently on mobile devices when the lightbox is open.\n\t\t\t\tlastTouchTime = Date.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},\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.currentImage.imageRef;\n\t\t\t\tlet { x: screenPosX, y: screenPosY } =\n\t\t\t\t\tstate.currentImage.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.currentImage.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.currentImage.targetWidth !== 'none'\n\t\t\t\t\t\t? state.currentImage.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.currentImage.targetHeight !== 'none'\n\t\t\t\t\t\t? state.currentImage.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\t\t\t\tlet horizontalPadding = 0;\n\t\t\t\tif ( window.innerWidth > 480 ) {\n\t\t\t\t\thorizontalPadding = 80;\n\t\t\t\t} else if ( window.innerWidth > 1920 ) {\n\t\t\t\t\thorizontalPadding = 160;\n\t\t\t\t}\n\t\t\t\tconst verticalPadding = 80;\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 { imageId } = getContext();\n\t\t\t\tconst { ref } = getElement();\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 imageButtonTop = buttonOffsetTop + 16;\n\t\t\t\tlet imageButtonRight = 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\timageButtonTop =\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\timageButtonRight = 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\timageButtonTop = buttonOffsetTop + 16;\n\t\t\t\t\t\timageButtonRight =\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 ].imageButtonTop = imageButtonTop;\n\t\t\t\tstate.metadata[ imageId ].imageButtonRight = imageButtonRight;\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\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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","ignoreList":[]}
+{"version":3,"names":["_interactivity","require","isTouching","lastTouchTime","state","actions","callbacks","store","currentImageId","currentImage","metadata","overlayOpened","roleAttribute","ariaModal","enlargedSrc","uploadedSrc","figureStyles","replace","imgStyles","imageButtonRight","imageId","getContext","imageButtonTop","isContentHidden","ctx","overlayEnabled","isContentVisible","showLightbox","imageRef","complete","scrollTopReset","document","documentElement","scrollTop","scrollLeftReset","scrollLeft","setOverlayStyles","hideLightbox","setTimeout","buttonRef","focus","preventScroll","handleKeydown","withSyncEvent","event","key","preventDefault","ref","getElement","querySelector","handleTouchMove","handleTouchStart","handleTouchEnd","Date","now","handleScroll","window","scrollTo","naturalWidth","naturalHeight","offsetWidth","originalWidth","offsetHeight","originalHeight","x","screenPosX","y","screenPosY","getBoundingClientRect","naturalRatio","originalRatio","scaleAttr","heightWithoutSpace","widthWithoutSpace","imgMaxWidth","parseFloat","targetWidth","imgMaxHeight","targetHeight","imgRatio","containerMaxWidth","containerMaxHeight","containerWidth","containerHeight","toFixed","reducedHeight","reducedWidth","horizontalPadding","innerWidth","verticalPadding","targetMaxWidth","Math","min","targetMaxHeight","innerHeight","targetContainerRatio","containerScale","lightboxImgWidth","lightboxImgHeight","overlayStyles","clientWidth","setButtonStyles","currentSrc","figure","parentElement","figureWidth","figureHeight","clientHeight","caption","captionComputedStyle","getComputedStyle","includes","position","marginTop","marginBottom","buttonOffsetTop","buttonOffsetRight","offsetRatio","referenceHeight","referenceWidth","setOverlayFocus","initTriggerButton","lock"],"sources":["@wordpress/block-library/src/image/view.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tstore,\n\tgetContext,\n\tgetElement,\n\twithSyncEvent,\n} from '@wordpress/interactivity';\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 { state, actions, callbacks } = store(\n\t'core/image',\n\t{\n\t\tstate: {\n\t\t\tcurrentImageId: null,\n\t\t\tget currentImage() {\n\t\t\t\treturn state.metadata[ state.currentImageId ];\n\t\t\t},\n\t\t\tget overlayOpened() {\n\t\t\t\treturn state.currentImageId !== 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 enlargedSrc() {\n\t\t\t\treturn (\n\t\t\t\t\tstate.currentImage.uploadedSrc ||\n\t\t\t\t\t'data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='\n\t\t\t\t);\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.currentImage.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.currentImage.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 imageButtonRight() {\n\t\t\t\tconst { imageId } = getContext();\n\t\t\t\treturn state.metadata[ imageId ].imageButtonRight;\n\t\t\t},\n\t\t\tget imageButtonTop() {\n\t\t\t\tconst { imageId } = getContext();\n\t\t\t\treturn state.metadata[ imageId ].imageButtonTop;\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 && state.currentImageId === 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.currentImageId === 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 current expanded image in the state and enables the overlay.\n\t\t\t\tstate.overlayEnabled = true;\n\t\t\t\tstate.currentImageId = imageId;\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.currentImage.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 current image id to mark the overlay as closed.\n\t\t\t\t\t\tstate.currentImageId = null;\n\t\t\t\t\t}, 450 );\n\t\t\t\t}\n\t\t\t},\n\t\t\thandleKeydown: withSyncEvent( ( event ) => {\n\t\t\t\tif ( state.overlayEnabled ) {\n\t\t\t\t\t// Focuses the close button when the user presses the tab key.\n\t\t\t\t\tif ( event.key === 'Tab' ) {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tconst { ref } = getElement();\n\t\t\t\t\t\tref.querySelector( 'button' ).focus();\n\t\t\t\t\t}\n\t\t\t\t\t// Closes the lightbox when the user presses the escape key.\n\t\t\t\t\tif ( event.key === 'Escape' ) {\n\t\t\t\t\t\tactions.hideLightbox();\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() {\n\t\t\t\tisTouching = true;\n\t\t\t},\n\t\t\thandleTouchEnd() {\n\t\t\t\t// Waits a few milliseconds before resetting to ensure that pinch to\n\t\t\t\t// zoom works consistently on mobile devices when the lightbox is open.\n\t\t\t\tlastTouchTime = Date.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},\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.currentImage.imageRef;\n\t\t\t\tlet { x: screenPosX, y: screenPosY } =\n\t\t\t\t\tstate.currentImage.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.currentImage.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.currentImage.targetWidth !== 'none'\n\t\t\t\t\t\t? state.currentImage.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.currentImage.targetHeight !== 'none'\n\t\t\t\t\t\t? state.currentImage.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\t\t\t\tlet horizontalPadding = 0;\n\t\t\t\tif ( window.innerWidth > 480 ) {\n\t\t\t\t\thorizontalPadding = 80;\n\t\t\t\t} else if ( window.innerWidth > 1920 ) {\n\t\t\t\t\thorizontalPadding = 160;\n\t\t\t\t}\n\t\t\t\tconst verticalPadding = 80;\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 { imageId } = getContext();\n\t\t\t\tconst { ref } = getElement();\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 imageButtonTop = buttonOffsetTop + 16;\n\t\t\t\tlet imageButtonRight = 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\timageButtonTop =\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\timageButtonRight = 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\timageButtonTop = buttonOffsetTop + 16;\n\t\t\t\t\t\timageButtonRight =\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 ].imageButtonTop = imageButtonTop;\n\t\t\t\tstate.metadata[ imageId ].imageButtonRight = imageButtonRight;\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\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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","ignoreList":[]}

package/build/latest-posts/edit.js

@@ -253,102 +253,174 @@ function Controls({
           })
         })
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.PanelBody, {
-      title: (0, _i18n.__)('Featured image'),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
-        __nextHasNoMarginBottom: true,
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalToolsPanel, {
+      label: (0, _i18n.__)('Featured image'),
+      resetAll: () => setAttributes({
+        displayFeaturedImage: false,
+        featuredImageAlign: undefined,
+        featuredImageSizeSlug: 'thumbnail',
+        featuredImageSizeWidth: null,
+        featuredImageSizeHeight: null,
+        addLinkToFeaturedImage: false
+      }),
+      dropdownMenuProps: dropdownMenuProps,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
+        hasValue: () => !!displayFeaturedImage,
         label: (0, _i18n.__)('Display featured image'),
-        checked: displayFeaturedImage,
-        onChange: value => setAttributes({
-          displayFeaturedImage: value
+        onDeselect: () => setAttributes({
+          displayFeaturedImage: false
+        }),
+        isShownByDefault: true,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
+          __nextHasNoMarginBottom: true,
+          label: (0, _i18n.__)('Display featured image'),
+          checked: displayFeaturedImage,
+          onChange: value => setAttributes({
+            displayFeaturedImage: value
+          })
         })
       }), displayFeaturedImage && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.__experimentalImageSizeControl, {
-          onChange: value => {
-            const newAttrs = {};
-            if (value.hasOwnProperty('width')) {
-              newAttrs.featuredImageSizeWidth = value.width;
-            }
-            if (value.hasOwnProperty('height')) {
-              newAttrs.featuredImageSizeHeight = value.height;
-            }
-            setAttributes(newAttrs);
-          },
-          slug: featuredImageSizeSlug,
-          width: featuredImageSizeWidth,
-          height: featuredImageSizeHeight,
-          imageWidth: defaultImageWidth,
-          imageHeight: defaultImageHeight,
-          imageSizeOptions: imageSizeOptions,
-          imageSizeHelp: (0, _i18n.__)('Select the size of the source image.'),
-          onChangeImage: value => setAttributes({
-            featuredImageSizeSlug: value,
-            featuredImageSizeWidth: undefined,
-            featuredImageSizeHeight: undefined
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
+          hasValue: () => featuredImageSizeSlug !== 'thumbnail' || featuredImageSizeWidth !== null || featuredImageSizeHeight !== null,
+          label: (0, _i18n.__)('Image size'),
+          onDeselect: () => setAttributes({
+            featuredImageSizeSlug: 'thumbnail',
+            featuredImageSizeWidth: null,
+            featuredImageSizeHeight: null
+          }),
+          isShownByDefault: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.__experimentalImageSizeControl, {
+            onChange: value => {
+              const newAttrs = {};
+              if (value.hasOwnProperty('width')) {
+                newAttrs.featuredImageSizeWidth = value.width;
+              }
+              if (value.hasOwnProperty('height')) {
+                newAttrs.featuredImageSizeHeight = value.height;
+              }
+              setAttributes(newAttrs);
+            },
+            slug: featuredImageSizeSlug,
+            width: featuredImageSizeWidth,
+            height: featuredImageSizeHeight,
+            imageWidth: defaultImageWidth,
+            imageHeight: defaultImageHeight,
+            imageSizeOptions: imageSizeOptions,
+            imageSizeHelp: (0, _i18n.__)('Select the size of the source image.'),
+            onChangeImage: value => setAttributes({
+              featuredImageSizeSlug: value,
+              featuredImageSizeWidth: undefined,
+              featuredImageSizeHeight: undefined
+            })
           })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControl, {
-          className: "editor-latest-posts-image-alignment-control",
-          __nextHasNoMarginBottom: true,
-          __next40pxDefaultSize: true,
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
+          hasValue: () => !!featuredImageAlign,
           label: (0, _i18n.__)('Image alignment'),
-          value: featuredImageAlign || 'none',
-          onChange: value => setAttributes({
-            featuredImageAlign: value !== 'none' ? value : undefined
+          onDeselect: () => setAttributes({
+            featuredImageAlign: undefined
           }),
-          children: imageAlignmentOptions.map(({
-            value,
-            icon,
-            label
-          }) => {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControlOptionIcon, {
-              value: value,
-              icon: icon,
-              label: label
-            }, value);
+          isShownByDefault: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControl, {
+            className: "editor-latest-posts-image-alignment-control",
+            __nextHasNoMarginBottom: true,
+            __next40pxDefaultSize: true,
+            label: (0, _i18n.__)('Image alignment'),
+            value: featuredImageAlign || 'none',
+            onChange: value => setAttributes({
+              featuredImageAlign: value !== 'none' ? value : undefined
+            }),
+            children: imageAlignmentOptions.map(({
+              value,
+              icon,
+              label
+            }) => {
+              return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControlOptionIcon, {
+                value: value,
+                icon: icon,
+                label: label
+              }, value);
+            })
           })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
-          __nextHasNoMarginBottom: true,
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
+          hasValue: () => !!addLinkToFeaturedImage,
           label: (0, _i18n.__)('Add link to featured image'),
-          checked: addLinkToFeaturedImage,
-          onChange: value => setAttributes({
-            addLinkToFeaturedImage: value
+          onDeselect: () => setAttributes({
+            addLinkToFeaturedImage: false
+          }),
+          isShownByDefault: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
+            __nextHasNoMarginBottom: true,
+            label: (0, _i18n.__)('Add link to featured image'),
+            checked: addLinkToFeaturedImage,
+            onChange: value => setAttributes({
+              addLinkToFeaturedImage: value
+            })
           })
         })]
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.PanelBody, {
-      title: (0, _i18n.__)('Sorting and filtering'),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.QueryControls, {
-        order,
-        orderBy,
-        numberOfItems: postsToShow,
-        onOrderChange: value => setAttributes({
-          order: value
-        }),
-        onOrderByChange: value => setAttributes({
-          orderBy: value
-        }),
-        onNumberOfItemsChange: value => setAttributes({
-          postsToShow: value
-        }),
-        categorySuggestions: categorySuggestions,
-        onCategoryChange: selectCategories,
-        selectedCategories: categories,
-        onAuthorChange: value => setAttributes({
-          selectedAuthor: '' !== value ? Number(value) : undefined
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalToolsPanel, {
+      label: (0, _i18n.__)('Sorting and filtering'),
+      resetAll: () => setAttributes({
+        order: 'desc',
+        orderBy: 'date',
+        postsToShow: 5,
+        categories: undefined,
+        selectedAuthor: undefined,
+        columns: 3
+      }),
+      dropdownMenuProps: dropdownMenuProps,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
+        hasValue: () => order !== 'desc' || orderBy !== 'date' || postsToShow !== 5 || categories?.length > 0 || !!selectedAuthor,
+        label: (0, _i18n.__)('Sort and filter'),
+        onDeselect: () => setAttributes({
+          order: 'desc',
+          orderBy: 'date',
+          postsToShow: 5,
+          categories: undefined,
+          selectedAuthor: undefined
         }),
-        authorList: authorList !== null && authorList !== void 0 ? authorList : [],
-        selectedAuthorId: selectedAuthor
-      }), postLayout === 'grid' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RangeControl, {
-        __nextHasNoMarginBottom: true,
-        __next40pxDefaultSize: true,
+        isShownByDefault: true,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.QueryControls, {
+          order,
+          orderBy,
+          numberOfItems: postsToShow,
+          onOrderChange: value => setAttributes({
+            order: value
+          }),
+          onOrderByChange: value => setAttributes({
+            orderBy: value
+          }),
+          onNumberOfItemsChange: value => setAttributes({
+            postsToShow: value
+          }),
+          categorySuggestions: categorySuggestions,
+          onCategoryChange: selectCategories,
+          selectedCategories: categories,
+          onAuthorChange: value => setAttributes({
+            selectedAuthor: '' !== value ? Number(value) : undefined
+          }),
+          authorList: authorList !== null && authorList !== void 0 ? authorList : [],
+          selectedAuthorId: selectedAuthor
+        })
+      }), postLayout === 'grid' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
+        hasValue: () => columns !== 3,
         label: (0, _i18n.__)('Columns'),
-        value: columns,
-        onChange: value => setAttributes({
-          columns: value
+        onDeselect: () => setAttributes({
+          columns: 3
         }),
-        min: 2,
-        max: !postCount ? _constants.MAX_POSTS_COLUMNS : Math.min(_constants.MAX_POSTS_COLUMNS, postCount),
-        required: true
+        isShownByDefault: true,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RangeControl, {
+          __nextHasNoMarginBottom: true,
+          __next40pxDefaultSize: true,
+          label: (0, _i18n.__)('Columns'),
+          value: columns,
+          onChange: value => setAttributes({
+            columns: value
+          }),
+          min: 2,
+          max: !postCount ? _constants.MAX_POSTS_COLUMNS : Math.min(_constants.MAX_POSTS_COLUMNS, postCount),
+          required: true
+        })
       })]
     })]
   });