@wordpress/block-library 8.19.11 → 8.19.12

package/build/image/view.js

@@ -305,18 +305,18 @@ function handleScroll(context) {
               // If it reaches the width first, keep
               // the width and compute the height.
               const referenceHeight = offsetWidth / naturalRatio;
-              context.core.image.imageButtonTop = (offsetHeight - referenceHeight) / 2 + buttonOffsetTop + 10;
-              context.core.image.imageButtonRight = buttonOffsetRight + 10;
+              context.core.image.imageButtonTop = (offsetHeight - referenceHeight) / 2 + buttonOffsetTop + 16;
+              context.core.image.imageButtonRight = buttonOffsetRight + 16;
             } else {
               // If it reaches the height first, keep
               // the height and compute the width.
               const referenceWidth = offsetHeight * naturalRatio;
-              context.core.image.imageButtonTop = buttonOffsetTop + 10;
-              context.core.image.imageButtonRight = (offsetWidth - referenceWidth) / 2 + buttonOffsetRight + 10;
+              context.core.image.imageButtonTop = buttonOffsetTop + 16;
+              context.core.image.imageButtonRight = (offsetWidth - referenceWidth) / 2 + buttonOffsetRight + 16;
             }
           } else {
-            context.core.image.imageButtonTop = buttonOffsetTop + 10;
-            context.core.image.imageButtonRight = buttonOffsetRight + 10;
+            context.core.image.imageButtonTop = buttonOffsetTop + 16;
+            context.core.image.imageButtonRight = buttonOffsetRight + 16;
           }
         },
         setStylesOnResize: ({

package/build/image/view.js.map

@@ -1 +1 @@
-{"version":3,"names":["_interactivity","require","focusableSelectors","scrollCallback","isTouching","lastTouchTime","handleScroll","context","Date","now","window","scrollTo","core","image","scrollLeftReset","scrollTopReset","store","state","windowWidth","innerWidth","windowHeight","innerHeight","actions","showLightbox","event","imageLoaded","initialized","lastFocusedElement","document","activeElement","scrollDelta","pointerType","lightboxEnabled","setStyles","imageRef","pageYOffset","documentElement","scrollTop","pageXOffset","scrollLeft","bind","addEventListener","hideLightbox","hideAnimationEnabled","setTimeout","removeEventListener","lightboxTriggerRef","focus","preventScroll","handleKeydown","key","keyCode","shiftKey","firstFocusableElement","preventDefault","lastFocusableElement","handleLoad","effects","ref","imageCurrentSrc","currentSrc","setButtonStyles","handleTouchStart","handleTouchMove","handleTouchEnd","selectors","roleAttribute","ariaModal","dialogLabel","lightboxObjectFit","enlargedImgSrc","imageUploadedSrc","initOriginImage","parentElement","querySelector","complete","initLightbox","focusableElements","querySelectorAll","length","naturalWidth","naturalHeight","offsetWidth","offsetHeight","figure","figureWidth","clientWidth","figureHeight","clientHeight","caption","captionComputedStyle","getComputedStyle","parseFloat","marginTop","marginBottom","buttonOffsetTop","buttonOffsetRight","scaleAttr","naturalRatio","offsetRatio","referenceHeight","imageButtonTop","imageButtonRight","referenceWidth","setStylesOnResize","afterLoad","debounce","originalWidth","originalHeight","x","screenPosX","y","screenPosY","getBoundingClientRect","originalRatio","heightWithoutSpace","widthWithoutSpace","imgMaxWidth","targetWidth","imgMaxHeight","targetHeight","imgRatio","containerMaxWidth","containerMaxHeight","containerWidth","containerHeight","toFixed","reducedHeight","reducedWidth","horizontalPadding","verticalPadding","targetMaxWidth","Math","min","targetMaxHeight","targetContainerRatio","containerScale","lightboxImgWidth","lightboxImgHeight","styleTag","getElementById","createElement","id","head","appendChild","innerHTML","func","wait","timeout","later","clearTimeout"],"sources":["@wordpress/block-library/src/image/view.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store } from '@wordpress/interactivity';\n\nconst focusableSelectors = [\n\t'a[href]',\n\t'area[href]',\n\t'input:not([disabled]):not([type=\"hidden\"]):not([aria-hidden])',\n\t'select:not([disabled]):not([aria-hidden])',\n\t'textarea:not([disabled]):not([aria-hidden])',\n\t'button:not([disabled]):not([aria-hidden])',\n\t'iframe',\n\t'object',\n\t'embed',\n\t'[contenteditable]',\n\t'[tabindex]:not([tabindex^=\"-\"])',\n];\n\n/*\n * Stores a context-bound scroll handler.\n *\n * This callback could be defined inline inside of the store\n * object but it's created externally to avoid confusion about\n * how its logic is called. This logic is not referenced directly\n * by the directives in the markup because the scroll event we\n * need to listen to is triggered on the window; so by defining it\n * outside of the store, we signal that the behavior here is different.\n * If we find a compelling reason to move it to the store, feel free.\n *\n * @type {Function}\n */\nlet scrollCallback;\n\n/*\n * Tracks whether user is touching screen; used to\n * differentiate behavior for 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\n * differentiate behavior for touch and mouse input.\n *\n * @type {number}\n */\nlet lastTouchTime = 0;\n\n/*\n * Lightbox page-scroll handler: prevents scrolling.\n *\n * This handler is added to prevent scrolling behaviors that\n * trigger content shift while the lightbox is open.\n *\n * It would be better to accomplish this through CSS alone, but\n * using overflow: hidden is currently the only way to do so, and\n * that causes the layout to shift and prevents the zoom animation\n * from working in some cases because we're unable to account for\n * the layout shift when doing the animation calculations. Instead,\n * here we use JavaScript to prevent and reset the scrolling\n * behavior. In the future, we may be able to use CSS or overflow: hidden\n * instead to not rely on JavaScript, but this seems to be the best approach\n * for now that provides the best visual experience.\n *\n * @param {Object} context Interactivity page context?\n */\nfunction handleScroll( context ) {\n\t// We can't override the scroll behavior on mobile devices\n\t// because doing so breaks the pinch to zoom functionality, and we\n\t// want to allow users to zoom in further on the high-res image.\n\tif ( ! isTouching && Date.now() - lastTouchTime > 450 ) {\n\t\t// We are unable to use event.preventDefault() to prevent scrolling\n\t\t// because the scroll event can't be canceled, so we reset the position instead.\n\t\twindow.scrollTo(\n\t\t\tcontext.core.image.scrollLeftReset,\n\t\t\tcontext.core.image.scrollTopReset\n\t\t);\n\t}\n}\n\nstore(\n\t{\n\t\tstate: {\n\t\t\tcore: {\n\t\t\t\timage: {\n\t\t\t\t\twindowWidth: window.innerWidth,\n\t\t\t\t\twindowHeight: window.innerHeight,\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tactions: {\n\t\t\tcore: {\n\t\t\t\timage: {\n\t\t\t\t\tshowLightbox: ( { context, event } ) => {\n\t\t\t\t\t\t// We can't initialize the lightbox until the reference\n\t\t\t\t\t\t// image is loaded, otherwise the UX is broken.\n\t\t\t\t\t\tif ( ! context.core.image.imageLoaded ) {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcontext.core.image.initialized = true;\n\t\t\t\t\t\tcontext.core.image.lastFocusedElement =\n\t\t\t\t\t\t\twindow.document.activeElement;\n\t\t\t\t\t\tcontext.core.image.scrollDelta = 0;\n\t\t\t\t\t\tcontext.core.image.pointerType = event.pointerType;\n\n\t\t\t\t\t\tcontext.core.image.lightboxEnabled = true;\n\t\t\t\t\t\tsetStyles( context, context.core.image.imageRef );\n\n\t\t\t\t\t\tcontext.core.image.scrollTopReset =\n\t\t\t\t\t\t\twindow.pageYOffset ||\n\t\t\t\t\t\t\tdocument.documentElement.scrollTop;\n\n\t\t\t\t\t\t// In most cases, this value will be 0, but this is included\n\t\t\t\t\t\t// in case a user has created a page with horizontal scrolling.\n\t\t\t\t\t\tcontext.core.image.scrollLeftReset =\n\t\t\t\t\t\t\twindow.pageXOffset ||\n\t\t\t\t\t\t\tdocument.documentElement.scrollLeft;\n\n\t\t\t\t\t\t// We define and bind the scroll callback here so\n\t\t\t\t\t\t// that we can pass the context and as an argument.\n\t\t\t\t\t\t// We may be able to change this in the future if we\n\t\t\t\t\t\t// define the scroll callback in the store instead, but\n\t\t\t\t\t\t// this approach seems to tbe clearest for now.\n\t\t\t\t\t\tscrollCallback = handleScroll.bind( null, context );\n\n\t\t\t\t\t\t// We need to add a scroll event listener to the window\n\t\t\t\t\t\t// here because we are unable to otherwise access it via\n\t\t\t\t\t\t// the Interactivity API directives. If we add a native way\n\t\t\t\t\t\t// to access the window, we can remove this.\n\t\t\t\t\t\twindow.addEventListener(\n\t\t\t\t\t\t\t'scroll',\n\t\t\t\t\t\t\tscrollCallback,\n\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t);\n\t\t\t\t\t},\n\t\t\t\t\thideLightbox: async ( { context } ) => {\n\t\t\t\t\t\tcontext.core.image.hideAnimationEnabled = true;\n\t\t\t\t\t\tif ( context.core.image.lightboxEnabled ) {\n\t\t\t\t\t\t\t// We want to wait until the close animation is completed\n\t\t\t\t\t\t\t// before allowing a user to scroll again. The duration of this\n\t\t\t\t\t\t\t// animation is defined in the styles.scss and depends on if the\n\t\t\t\t\t\t\t// animation is 'zoom' or 'fade', but in any case we should wait\n\t\t\t\t\t\t\t// a few milliseconds longer than the duration, otherwise a user\n\t\t\t\t\t\t\t// may scroll too soon and cause the animation to look sloppy.\n\t\t\t\t\t\t\tsetTimeout( function () {\n\t\t\t\t\t\t\t\twindow.removeEventListener(\n\t\t\t\t\t\t\t\t\t'scroll',\n\t\t\t\t\t\t\t\t\tscrollCallback\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t// If we don't delay before changing the focus,\n\t\t\t\t\t\t\t\t// the focus ring will appear on Firefox before\n\t\t\t\t\t\t\t\t// the image has finished animating, which looks broken.\n\t\t\t\t\t\t\t\tcontext.core.image.lightboxTriggerRef.focus( {\n\t\t\t\t\t\t\t\t\tpreventScroll: true,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t}, 450 );\n\n\t\t\t\t\t\t\tcontext.core.image.lightboxEnabled = false;\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\thandleKeydown: ( { context, actions, event } ) => {\n\t\t\t\t\t\tif ( context.core.image.lightboxEnabled ) {\n\t\t\t\t\t\t\tif ( event.key === 'Tab' || event.keyCode === 9 ) {\n\t\t\t\t\t\t\t\t// If shift + tab it change the direction\n\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\tevent.shiftKey &&\n\t\t\t\t\t\t\t\t\twindow.document.activeElement ===\n\t\t\t\t\t\t\t\t\t\tcontext.core.image.firstFocusableElement\n\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\t\tcontext.core.image.lastFocusableElement.focus();\n\t\t\t\t\t\t\t\t} else if (\n\t\t\t\t\t\t\t\t\t! event.shiftKey &&\n\t\t\t\t\t\t\t\t\twindow.document.activeElement ===\n\t\t\t\t\t\t\t\t\t\tcontext.core.image.lastFocusableElement\n\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\t\tcontext.core.image.firstFocusableElement.focus();\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\tevent.key === 'Escape' ||\n\t\t\t\t\t\t\t\tevent.keyCode === 27\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tactions.core.image.hideLightbox( {\n\t\t\t\t\t\t\t\t\tcontext,\n\t\t\t\t\t\t\t\t\tevent,\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\t// This is fired just by lazily loaded\n\t\t\t\t\t// images on the page, not all images.\n\t\t\t\t\thandleLoad: ( { context, effects, ref } ) => {\n\t\t\t\t\t\tcontext.core.image.imageLoaded = true;\n\t\t\t\t\t\tcontext.core.image.imageCurrentSrc = ref.currentSrc;\n\t\t\t\t\t\teffects.core.image.setButtonStyles( {\n\t\t\t\t\t\t\tcontext,\n\t\t\t\t\t\t\tref,\n\t\t\t\t\t\t} );\n\t\t\t\t\t},\n\t\t\t\t\thandleTouchStart: () => {\n\t\t\t\t\t\tisTouching = true;\n\t\t\t\t\t},\n\t\t\t\t\thandleTouchMove: ( { context, event } ) => {\n\t\t\t\t\t\t// On mobile devices, we want to prevent triggering the\n\t\t\t\t\t\t// scroll event because otherwise the page jumps around as\n\t\t\t\t\t\t// we reset the scroll position. This also means that closing\n\t\t\t\t\t\t// the lightbox requires that a user perform a simple tap. This\n\t\t\t\t\t\t// may be changed in the future if we find a better alternative\n\t\t\t\t\t\t// to override or reset the scroll position during swipe actions.\n\t\t\t\t\t\tif ( context.core.image.lightboxEnabled ) {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\thandleTouchEnd: () => {\n\t\t\t\t\t\t// We need to wait a few milliseconds before resetting\n\t\t\t\t\t\t// to ensure that pinch to zoom works consistently\n\t\t\t\t\t\t// on mobile devices when the lightbox is open.\n\t\t\t\t\t\tlastTouchTime = Date.now();\n\t\t\t\t\t\tisTouching = false;\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tselectors: {\n\t\t\tcore: {\n\t\t\t\timage: {\n\t\t\t\t\troleAttribute: ( { context } ) => {\n\t\t\t\t\t\treturn context.core.image.lightboxEnabled\n\t\t\t\t\t\t\t? 'dialog'\n\t\t\t\t\t\t\t: null;\n\t\t\t\t\t},\n\t\t\t\t\tariaModal: ( { context } ) => {\n\t\t\t\t\t\treturn context.core.image.lightboxEnabled\n\t\t\t\t\t\t\t? 'true'\n\t\t\t\t\t\t\t: null;\n\t\t\t\t\t},\n\t\t\t\t\tdialogLabel: ( { context } ) => {\n\t\t\t\t\t\treturn context.core.image.lightboxEnabled\n\t\t\t\t\t\t\t? context.core.image.dialogLabel\n\t\t\t\t\t\t\t: null;\n\t\t\t\t\t},\n\t\t\t\t\tlightboxObjectFit: ( { context } ) => {\n\t\t\t\t\t\tif ( context.core.image.initialized ) {\n\t\t\t\t\t\t\treturn 'cover';\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tenlargedImgSrc: ( { context } ) => {\n\t\t\t\t\t\treturn context.core.image.initialized\n\t\t\t\t\t\t\t? context.core.image.imageUploadedSrc\n\t\t\t\t\t\t\t: 'data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=';\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\teffects: {\n\t\t\tcore: {\n\t\t\t\timage: {\n\t\t\t\t\tinitOriginImage: ( { context, ref } ) => {\n\t\t\t\t\t\tcontext.core.image.imageRef = ref;\n\t\t\t\t\t\tcontext.core.image.lightboxTriggerRef =\n\t\t\t\t\t\t\tref.parentElement.querySelector(\n\t\t\t\t\t\t\t\t'.lightbox-trigger'\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\tif ( ref.complete ) {\n\t\t\t\t\t\t\tcontext.core.image.imageLoaded = true;\n\t\t\t\t\t\t\tcontext.core.image.imageCurrentSrc = ref.currentSrc;\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tinitLightbox: async ( { context, ref } ) => {\n\t\t\t\t\t\tif ( context.core.image.lightboxEnabled ) {\n\t\t\t\t\t\t\tconst focusableElements =\n\t\t\t\t\t\t\t\tref.querySelectorAll( focusableSelectors );\n\t\t\t\t\t\t\tcontext.core.image.firstFocusableElement =\n\t\t\t\t\t\t\t\tfocusableElements[ 0 ];\n\t\t\t\t\t\t\tcontext.core.image.lastFocusableElement =\n\t\t\t\t\t\t\t\tfocusableElements[\n\t\t\t\t\t\t\t\t\tfocusableElements.length - 1\n\t\t\t\t\t\t\t\t];\n\n\t\t\t\t\t\t\t// Move focus to the dialog when opening it.\n\t\t\t\t\t\t\tref.focus();\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tsetButtonStyles: ( { context, ref } ) => {\n\t\t\t\t\t\tconst {\n\t\t\t\t\t\t\tnaturalWidth,\n\t\t\t\t\t\t\tnaturalHeight,\n\t\t\t\t\t\t\toffsetWidth,\n\t\t\t\t\t\t\toffsetHeight,\n\t\t\t\t\t\t} = ref;\n\n\t\t\t\t\t\t// If the image isn't loaded yet, we can't\n\t\t\t\t\t\t// calculate where the button should be.\n\t\t\t\t\t\tif ( naturalWidth === 0 || naturalHeight === 0 ) {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tconst figure = ref.parentElement;\n\t\t\t\t\t\tconst figureWidth = ref.parentElement.clientWidth;\n\n\t\t\t\t\t\t// We need special handling for the height because\n\t\t\t\t\t\t// a caption will cause the figure to be taller than\n\t\t\t\t\t\t// the image, which means we need to account for that\n\t\t\t\t\t\t// when calculating the placement of the button in the\n\t\t\t\t\t\t// top right corner of the image.\n\t\t\t\t\t\tlet figureHeight = ref.parentElement.clientHeight;\n\t\t\t\t\t\tconst caption = figure.querySelector( 'figcaption' );\n\t\t\t\t\t\tif ( caption ) {\n\t\t\t\t\t\t\tconst captionComputedStyle =\n\t\t\t\t\t\t\t\twindow.getComputedStyle( caption );\n\t\t\t\t\t\t\tfigureHeight =\n\t\t\t\t\t\t\t\tfigureHeight -\n\t\t\t\t\t\t\t\tcaption.offsetHeight -\n\t\t\t\t\t\t\t\tparseFloat( captionComputedStyle.marginTop ) -\n\t\t\t\t\t\t\t\tparseFloat( captionComputedStyle.marginBottom );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tconst buttonOffsetTop = figureHeight - offsetHeight;\n\t\t\t\t\t\tconst buttonOffsetRight = figureWidth - offsetWidth;\n\n\t\t\t\t\t\t// In the case of an image with object-fit: contain, the\n\t\t\t\t\t\t// size of the <img> element can be larger than the image itself,\n\t\t\t\t\t\t// so we need to calculate where to place the button.\n\t\t\t\t\t\tif ( context.core.image.scaleAttr === 'contain' ) {\n\t\t\t\t\t\t\t// Natural ratio of the image.\n\t\t\t\t\t\t\tconst naturalRatio = naturalWidth / naturalHeight;\n\t\t\t\t\t\t\t// Offset ratio of the image.\n\t\t\t\t\t\t\tconst offsetRatio = offsetWidth / offsetHeight;\n\n\t\t\t\t\t\t\tif ( naturalRatio >= offsetRatio ) {\n\t\t\t\t\t\t\t\t// If it reaches the width first, keep\n\t\t\t\t\t\t\t\t// the width and compute the height.\n\t\t\t\t\t\t\t\tconst referenceHeight =\n\t\t\t\t\t\t\t\t\toffsetWidth / naturalRatio;\n\t\t\t\t\t\t\t\tcontext.core.image.imageButtonTop =\n\t\t\t\t\t\t\t\t\t( offsetHeight - referenceHeight ) / 2 +\n\t\t\t\t\t\t\t\t\tbuttonOffsetTop +\n\t\t\t\t\t\t\t\t\t10;\n\t\t\t\t\t\t\t\tcontext.core.image.imageButtonRight =\n\t\t\t\t\t\t\t\t\tbuttonOffsetRight + 10;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t// If it reaches the height first, keep\n\t\t\t\t\t\t\t\t// the height and compute the width.\n\t\t\t\t\t\t\t\tconst referenceWidth =\n\t\t\t\t\t\t\t\t\toffsetHeight * naturalRatio;\n\t\t\t\t\t\t\t\tcontext.core.image.imageButtonTop =\n\t\t\t\t\t\t\t\t\tbuttonOffsetTop + 10;\n\t\t\t\t\t\t\t\tcontext.core.image.imageButtonRight =\n\t\t\t\t\t\t\t\t\t( offsetWidth - referenceWidth ) / 2 +\n\t\t\t\t\t\t\t\t\tbuttonOffsetRight +\n\t\t\t\t\t\t\t\t\t10;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tcontext.core.image.imageButtonTop =\n\t\t\t\t\t\t\t\tbuttonOffsetTop + 10;\n\t\t\t\t\t\t\tcontext.core.image.imageButtonRight =\n\t\t\t\t\t\t\t\tbuttonOffsetRight + 10;\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tsetStylesOnResize: ( { state, context, ref } ) => {\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tcontext.core.image.lightboxEnabled &&\n\t\t\t\t\t\t\t( state.core.image.windowWidth ||\n\t\t\t\t\t\t\t\tstate.core.image.windowHeight )\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tsetStyles( context, ref );\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},\n\t{\n\t\tafterLoad: ( { state } ) => {\n\t\t\twindow.addEventListener(\n\t\t\t\t'resize',\n\t\t\t\tdebounce( () => {\n\t\t\t\t\tstate.core.image.windowWidth = window.innerWidth;\n\t\t\t\t\tstate.core.image.windowHeight = window.innerHeight;\n\t\t\t\t} )\n\t\t\t);\n\t\t},\n\t}\n);\n\n/*\n * Computes styles for the lightbox and adds them to the document.\n *\n * @function\n * @param {Object} context - An Interactivity API context\n * @param {Object} event - A triggering event\n */\nfunction setStyles( context, ref ) {\n\t// The reference img element lies adjacent\n\t// to the event target button in the DOM.\n\tlet {\n\t\tnaturalWidth,\n\t\tnaturalHeight,\n\t\toffsetWidth: originalWidth,\n\t\toffsetHeight: originalHeight,\n\t} = ref;\n\tlet { x: screenPosX, y: screenPosY } = ref.getBoundingClientRect();\n\n\t// Natural ratio of the image clicked to open the lightbox.\n\tconst naturalRatio = naturalWidth / naturalHeight;\n\t// Original ratio of the image clicked to open the lightbox.\n\tlet originalRatio = originalWidth / originalHeight;\n\n\t// If it has object-fit: contain, recalculate the original sizes\n\t// and the screen position without the blank spaces.\n\tif ( context.core.image.scaleAttr === 'contain' ) {\n\t\tif ( naturalRatio > originalRatio ) {\n\t\t\tconst heightWithoutSpace = originalWidth / naturalRatio;\n\t\t\t// Recalculate screen position without the top space.\n\t\t\tscreenPosY += ( originalHeight - heightWithoutSpace ) / 2;\n\t\t\toriginalHeight = heightWithoutSpace;\n\t\t} else {\n\t\t\tconst widthWithoutSpace = originalHeight * naturalRatio;\n\t\t\t// Recalculate screen position without the left space.\n\t\t\tscreenPosX += ( originalWidth - widthWithoutSpace ) / 2;\n\t\t\toriginalWidth = widthWithoutSpace;\n\t\t}\n\t}\n\toriginalRatio = originalWidth / originalHeight;\n\n\t// Typically, we use the image's full-sized dimensions. If those\n\t// dimensions have not been set (i.e. an external image with only one size),\n\t// the image's dimensions in the lightbox are the same\n\t// as those of the image in the content.\n\tlet imgMaxWidth = parseFloat(\n\t\tcontext.core.image.targetWidth !== 'none'\n\t\t\t? context.core.image.targetWidth\n\t\t\t: naturalWidth\n\t);\n\tlet imgMaxHeight = parseFloat(\n\t\tcontext.core.image.targetHeight !== 'none'\n\t\t\t? context.core.image.targetHeight\n\t\t\t: naturalHeight\n\t);\n\n\t// Ratio of the biggest image stored in the database.\n\tlet imgRatio = imgMaxWidth / imgMaxHeight;\n\tlet containerMaxWidth = imgMaxWidth;\n\tlet containerMaxHeight = imgMaxHeight;\n\tlet containerWidth = imgMaxWidth;\n\tlet containerHeight = imgMaxHeight;\n\t// Check if the target image has a different ratio than the original one (thumbnail).\n\t// Recalculate the width and height.\n\tif ( naturalRatio.toFixed( 2 ) !== imgRatio.toFixed( 2 ) ) {\n\t\tif ( naturalRatio > imgRatio ) {\n\t\t\t// If the width is reached before the height, we keep the maxWidth\n\t\t\t// and recalculate the height.\n\t\t\t// Unless the difference between the maxHeight and the reducedHeight\n\t\t\t// is higher than the maxWidth, where we keep the reducedHeight and\n\t\t\t// recalculate the width.\n\t\t\tconst reducedHeight = imgMaxWidth / naturalRatio;\n\t\t\tif ( imgMaxHeight - reducedHeight > imgMaxWidth ) {\n\t\t\t\timgMaxHeight = reducedHeight;\n\t\t\t\timgMaxWidth = reducedHeight * naturalRatio;\n\t\t\t} else {\n\t\t\t\timgMaxHeight = imgMaxWidth / naturalRatio;\n\t\t\t}\n\t\t} else {\n\t\t\t// If the height is reached before the width, we keep the maxHeight\n\t\t\t// and recalculate the width.\n\t\t\t// Unless the difference between the maxWidth and the reducedWidth\n\t\t\t// is higher than the maxHeight, where we keep the reducedWidth and\n\t\t\t// recalculate the height.\n\t\t\tconst reducedWidth = imgMaxHeight * naturalRatio;\n\t\t\tif ( imgMaxWidth - reducedWidth > imgMaxHeight ) {\n\t\t\t\timgMaxWidth = reducedWidth;\n\t\t\t\timgMaxHeight = reducedWidth / naturalRatio;\n\t\t\t} else {\n\t\t\t\timgMaxWidth = imgMaxHeight * naturalRatio;\n\t\t\t}\n\t\t}\n\t\tcontainerWidth = imgMaxWidth;\n\t\tcontainerHeight = imgMaxHeight;\n\t\timgRatio = imgMaxWidth / imgMaxHeight;\n\n\t\t// Calculate the max size of the container.\n\t\tif ( originalRatio > imgRatio ) {\n\t\t\tcontainerMaxWidth = imgMaxWidth;\n\t\t\tcontainerMaxHeight = containerMaxWidth / originalRatio;\n\t\t} else {\n\t\t\tcontainerMaxHeight = imgMaxHeight;\n\t\t\tcontainerMaxWidth = containerMaxHeight * originalRatio;\n\t\t}\n\t}\n\n\t// If the image has been pixelated on purpose, keep that size.\n\tif ( originalWidth > containerWidth || originalHeight > containerHeight ) {\n\t\tcontainerWidth = originalWidth;\n\t\tcontainerHeight = originalHeight;\n\t}\n\n\t// Calculate the final lightbox image size and the\n\t// scale factor. MaxWidth is either the window container\n\t// (accounting for padding) or the image resolution.\n\tlet horizontalPadding = 0;\n\tif ( window.innerWidth > 480 ) {\n\t\thorizontalPadding = 80;\n\t} else if ( window.innerWidth > 1920 ) {\n\t\thorizontalPadding = 160;\n\t}\n\tconst verticalPadding = 80;\n\n\tconst targetMaxWidth = Math.min(\n\t\twindow.innerWidth - horizontalPadding,\n\t\tcontainerWidth\n\t);\n\tconst targetMaxHeight = Math.min(\n\t\twindow.innerHeight - verticalPadding,\n\t\tcontainerHeight\n\t);\n\tconst targetContainerRatio = targetMaxWidth / targetMaxHeight;\n\n\tif ( originalRatio > targetContainerRatio ) {\n\t\t// If targetMaxWidth is reached before targetMaxHeight\n\t\tcontainerWidth = targetMaxWidth;\n\t\tcontainerHeight = containerWidth / originalRatio;\n\t} else {\n\t\t// If targetMaxHeight is reached before targetMaxWidth\n\t\tcontainerHeight = targetMaxHeight;\n\t\tcontainerWidth = containerHeight * originalRatio;\n\t}\n\n\tconst containerScale = originalWidth / containerWidth;\n\tconst lightboxImgWidth =\n\t\timgMaxWidth * ( containerWidth / containerMaxWidth );\n\tconst lightboxImgHeight =\n\t\timgMaxHeight * ( containerHeight / containerMaxHeight );\n\n\t// Add the CSS variables needed.\n\tlet styleTag = document.getElementById( 'wp-lightbox-styles' );\n\tif ( ! styleTag ) {\n\t\tstyleTag = document.createElement( 'style' );\n\t\tstyleTag.id = 'wp-lightbox-styles';\n\t\tdocument.head.appendChild( styleTag );\n\t}\n\n\t// As of this writing, using the calculations above will render the lightbox\n\t// with a small, erroneous whitespace on the left side of the image in iOS Safari,\n\t// perhaps due to an inconsistency in how browsers handle absolute positioning and CSS\n\t// transformation. In any case, adding 1 pixel to the container width and height solves\n\t// the problem, though this can be removed if the issue is fixed in the future.\n\tstyleTag.innerHTML = `\n\t\t:root {\n\t\t\t--wp--lightbox-initial-top-position: ${ screenPosY }px;\n\t\t\t--wp--lightbox-initial-left-position: ${ screenPosX }px;\n\t\t\t--wp--lightbox-container-width: ${ containerWidth + 1 }px;\n\t\t\t--wp--lightbox-container-height: ${ containerHeight + 1 }px;\n\t\t\t--wp--lightbox-image-width: ${ lightboxImgWidth }px;\n\t\t\t--wp--lightbox-image-height: ${ lightboxImgHeight }px;\n\t\t\t--wp--lightbox-scale: ${ containerScale };\n\t\t}\n\t`;\n}\n\n/*\n * Debounces a function call.\n *\n * @function\n * @param {Function} func - A function to be called\n * @param {number} wait - The time to wait before calling the function\n */\nfunction debounce( func, wait = 50 ) {\n\tlet timeout;\n\treturn () => {\n\t\tconst later = () => {\n\t\t\ttimeout = null;\n\t\t\tfunc();\n\t\t};\n\t\tclearTimeout( timeout );\n\t\ttimeout = setTimeout( later, wait );\n\t};\n}\n"],"mappings":"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"}
+{"version":3,"names":["_interactivity","require","focusableSelectors","scrollCallback","isTouching","lastTouchTime","handleScroll","context","Date","now","window","scrollTo","core","image","scrollLeftReset","scrollTopReset","store","state","windowWidth","innerWidth","windowHeight","innerHeight","actions","showLightbox","event","imageLoaded","initialized","lastFocusedElement","document","activeElement","scrollDelta","pointerType","lightboxEnabled","setStyles","imageRef","pageYOffset","documentElement","scrollTop","pageXOffset","scrollLeft","bind","addEventListener","hideLightbox","hideAnimationEnabled","setTimeout","removeEventListener","lightboxTriggerRef","focus","preventScroll","handleKeydown","key","keyCode","shiftKey","firstFocusableElement","preventDefault","lastFocusableElement","handleLoad","effects","ref","imageCurrentSrc","currentSrc","setButtonStyles","handleTouchStart","handleTouchMove","handleTouchEnd","selectors","roleAttribute","ariaModal","dialogLabel","lightboxObjectFit","enlargedImgSrc","imageUploadedSrc","initOriginImage","parentElement","querySelector","complete","initLightbox","focusableElements","querySelectorAll","length","naturalWidth","naturalHeight","offsetWidth","offsetHeight","figure","figureWidth","clientWidth","figureHeight","clientHeight","caption","captionComputedStyle","getComputedStyle","parseFloat","marginTop","marginBottom","buttonOffsetTop","buttonOffsetRight","scaleAttr","naturalRatio","offsetRatio","referenceHeight","imageButtonTop","imageButtonRight","referenceWidth","setStylesOnResize","afterLoad","debounce","originalWidth","originalHeight","x","screenPosX","y","screenPosY","getBoundingClientRect","originalRatio","heightWithoutSpace","widthWithoutSpace","imgMaxWidth","targetWidth","imgMaxHeight","targetHeight","imgRatio","containerMaxWidth","containerMaxHeight","containerWidth","containerHeight","toFixed","reducedHeight","reducedWidth","horizontalPadding","verticalPadding","targetMaxWidth","Math","min","targetMaxHeight","targetContainerRatio","containerScale","lightboxImgWidth","lightboxImgHeight","styleTag","getElementById","createElement","id","head","appendChild","innerHTML","func","wait","timeout","later","clearTimeout"],"sources":["@wordpress/block-library/src/image/view.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store } from '@wordpress/interactivity';\n\nconst focusableSelectors = [\n\t'a[href]',\n\t'area[href]',\n\t'input:not([disabled]):not([type=\"hidden\"]):not([aria-hidden])',\n\t'select:not([disabled]):not([aria-hidden])',\n\t'textarea:not([disabled]):not([aria-hidden])',\n\t'button:not([disabled]):not([aria-hidden])',\n\t'iframe',\n\t'object',\n\t'embed',\n\t'[contenteditable]',\n\t'[tabindex]:not([tabindex^=\"-\"])',\n];\n\n/*\n * Stores a context-bound scroll handler.\n *\n * This callback could be defined inline inside of the store\n * object but it's created externally to avoid confusion about\n * how its logic is called. This logic is not referenced directly\n * by the directives in the markup because the scroll event we\n * need to listen to is triggered on the window; so by defining it\n * outside of the store, we signal that the behavior here is different.\n * If we find a compelling reason to move it to the store, feel free.\n *\n * @type {Function}\n */\nlet scrollCallback;\n\n/*\n * Tracks whether user is touching screen; used to\n * differentiate behavior for 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\n * differentiate behavior for touch and mouse input.\n *\n * @type {number}\n */\nlet lastTouchTime = 0;\n\n/*\n * Lightbox page-scroll handler: prevents scrolling.\n *\n * This handler is added to prevent scrolling behaviors that\n * trigger content shift while the lightbox is open.\n *\n * It would be better to accomplish this through CSS alone, but\n * using overflow: hidden is currently the only way to do so, and\n * that causes the layout to shift and prevents the zoom animation\n * from working in some cases because we're unable to account for\n * the layout shift when doing the animation calculations. Instead,\n * here we use JavaScript to prevent and reset the scrolling\n * behavior. In the future, we may be able to use CSS or overflow: hidden\n * instead to not rely on JavaScript, but this seems to be the best approach\n * for now that provides the best visual experience.\n *\n * @param {Object} context Interactivity page context?\n */\nfunction handleScroll( context ) {\n\t// We can't override the scroll behavior on mobile devices\n\t// because doing so breaks the pinch to zoom functionality, and we\n\t// want to allow users to zoom in further on the high-res image.\n\tif ( ! isTouching && Date.now() - lastTouchTime > 450 ) {\n\t\t// We are unable to use event.preventDefault() to prevent scrolling\n\t\t// because the scroll event can't be canceled, so we reset the position instead.\n\t\twindow.scrollTo(\n\t\t\tcontext.core.image.scrollLeftReset,\n\t\t\tcontext.core.image.scrollTopReset\n\t\t);\n\t}\n}\n\nstore(\n\t{\n\t\tstate: {\n\t\t\tcore: {\n\t\t\t\timage: {\n\t\t\t\t\twindowWidth: window.innerWidth,\n\t\t\t\t\twindowHeight: window.innerHeight,\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tactions: {\n\t\t\tcore: {\n\t\t\t\timage: {\n\t\t\t\t\tshowLightbox: ( { context, event } ) => {\n\t\t\t\t\t\t// We can't initialize the lightbox until the reference\n\t\t\t\t\t\t// image is loaded, otherwise the UX is broken.\n\t\t\t\t\t\tif ( ! context.core.image.imageLoaded ) {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcontext.core.image.initialized = true;\n\t\t\t\t\t\tcontext.core.image.lastFocusedElement =\n\t\t\t\t\t\t\twindow.document.activeElement;\n\t\t\t\t\t\tcontext.core.image.scrollDelta = 0;\n\t\t\t\t\t\tcontext.core.image.pointerType = event.pointerType;\n\n\t\t\t\t\t\tcontext.core.image.lightboxEnabled = true;\n\t\t\t\t\t\tsetStyles( context, context.core.image.imageRef );\n\n\t\t\t\t\t\tcontext.core.image.scrollTopReset =\n\t\t\t\t\t\t\twindow.pageYOffset ||\n\t\t\t\t\t\t\tdocument.documentElement.scrollTop;\n\n\t\t\t\t\t\t// In most cases, this value will be 0, but this is included\n\t\t\t\t\t\t// in case a user has created a page with horizontal scrolling.\n\t\t\t\t\t\tcontext.core.image.scrollLeftReset =\n\t\t\t\t\t\t\twindow.pageXOffset ||\n\t\t\t\t\t\t\tdocument.documentElement.scrollLeft;\n\n\t\t\t\t\t\t// We define and bind the scroll callback here so\n\t\t\t\t\t\t// that we can pass the context and as an argument.\n\t\t\t\t\t\t// We may be able to change this in the future if we\n\t\t\t\t\t\t// define the scroll callback in the store instead, but\n\t\t\t\t\t\t// this approach seems to tbe clearest for now.\n\t\t\t\t\t\tscrollCallback = handleScroll.bind( null, context );\n\n\t\t\t\t\t\t// We need to add a scroll event listener to the window\n\t\t\t\t\t\t// here because we are unable to otherwise access it via\n\t\t\t\t\t\t// the Interactivity API directives. If we add a native way\n\t\t\t\t\t\t// to access the window, we can remove this.\n\t\t\t\t\t\twindow.addEventListener(\n\t\t\t\t\t\t\t'scroll',\n\t\t\t\t\t\t\tscrollCallback,\n\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t);\n\t\t\t\t\t},\n\t\t\t\t\thideLightbox: async ( { context } ) => {\n\t\t\t\t\t\tcontext.core.image.hideAnimationEnabled = true;\n\t\t\t\t\t\tif ( context.core.image.lightboxEnabled ) {\n\t\t\t\t\t\t\t// We want to wait until the close animation is completed\n\t\t\t\t\t\t\t// before allowing a user to scroll again. The duration of this\n\t\t\t\t\t\t\t// animation is defined in the styles.scss and depends on if the\n\t\t\t\t\t\t\t// animation is 'zoom' or 'fade', but in any case we should wait\n\t\t\t\t\t\t\t// a few milliseconds longer than the duration, otherwise a user\n\t\t\t\t\t\t\t// may scroll too soon and cause the animation to look sloppy.\n\t\t\t\t\t\t\tsetTimeout( function () {\n\t\t\t\t\t\t\t\twindow.removeEventListener(\n\t\t\t\t\t\t\t\t\t'scroll',\n\t\t\t\t\t\t\t\t\tscrollCallback\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t// If we don't delay before changing the focus,\n\t\t\t\t\t\t\t\t// the focus ring will appear on Firefox before\n\t\t\t\t\t\t\t\t// the image has finished animating, which looks broken.\n\t\t\t\t\t\t\t\tcontext.core.image.lightboxTriggerRef.focus( {\n\t\t\t\t\t\t\t\t\tpreventScroll: true,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t}, 450 );\n\n\t\t\t\t\t\t\tcontext.core.image.lightboxEnabled = false;\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\thandleKeydown: ( { context, actions, event } ) => {\n\t\t\t\t\t\tif ( context.core.image.lightboxEnabled ) {\n\t\t\t\t\t\t\tif ( event.key === 'Tab' || event.keyCode === 9 ) {\n\t\t\t\t\t\t\t\t// If shift + tab it change the direction\n\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\tevent.shiftKey &&\n\t\t\t\t\t\t\t\t\twindow.document.activeElement ===\n\t\t\t\t\t\t\t\t\t\tcontext.core.image.firstFocusableElement\n\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\t\tcontext.core.image.lastFocusableElement.focus();\n\t\t\t\t\t\t\t\t} else if (\n\t\t\t\t\t\t\t\t\t! event.shiftKey &&\n\t\t\t\t\t\t\t\t\twindow.document.activeElement ===\n\t\t\t\t\t\t\t\t\t\tcontext.core.image.lastFocusableElement\n\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\t\tcontext.core.image.firstFocusableElement.focus();\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\tevent.key === 'Escape' ||\n\t\t\t\t\t\t\t\tevent.keyCode === 27\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tactions.core.image.hideLightbox( {\n\t\t\t\t\t\t\t\t\tcontext,\n\t\t\t\t\t\t\t\t\tevent,\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\t// This is fired just by lazily loaded\n\t\t\t\t\t// images on the page, not all images.\n\t\t\t\t\thandleLoad: ( { context, effects, ref } ) => {\n\t\t\t\t\t\tcontext.core.image.imageLoaded = true;\n\t\t\t\t\t\tcontext.core.image.imageCurrentSrc = ref.currentSrc;\n\t\t\t\t\t\teffects.core.image.setButtonStyles( {\n\t\t\t\t\t\t\tcontext,\n\t\t\t\t\t\t\tref,\n\t\t\t\t\t\t} );\n\t\t\t\t\t},\n\t\t\t\t\thandleTouchStart: () => {\n\t\t\t\t\t\tisTouching = true;\n\t\t\t\t\t},\n\t\t\t\t\thandleTouchMove: ( { context, event } ) => {\n\t\t\t\t\t\t// On mobile devices, we want to prevent triggering the\n\t\t\t\t\t\t// scroll event because otherwise the page jumps around as\n\t\t\t\t\t\t// we reset the scroll position. This also means that closing\n\t\t\t\t\t\t// the lightbox requires that a user perform a simple tap. This\n\t\t\t\t\t\t// may be changed in the future if we find a better alternative\n\t\t\t\t\t\t// to override or reset the scroll position during swipe actions.\n\t\t\t\t\t\tif ( context.core.image.lightboxEnabled ) {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\thandleTouchEnd: () => {\n\t\t\t\t\t\t// We need to wait a few milliseconds before resetting\n\t\t\t\t\t\t// to ensure that pinch to zoom works consistently\n\t\t\t\t\t\t// on mobile devices when the lightbox is open.\n\t\t\t\t\t\tlastTouchTime = Date.now();\n\t\t\t\t\t\tisTouching = false;\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tselectors: {\n\t\t\tcore: {\n\t\t\t\timage: {\n\t\t\t\t\troleAttribute: ( { context } ) => {\n\t\t\t\t\t\treturn context.core.image.lightboxEnabled\n\t\t\t\t\t\t\t? 'dialog'\n\t\t\t\t\t\t\t: null;\n\t\t\t\t\t},\n\t\t\t\t\tariaModal: ( { context } ) => {\n\t\t\t\t\t\treturn context.core.image.lightboxEnabled\n\t\t\t\t\t\t\t? 'true'\n\t\t\t\t\t\t\t: null;\n\t\t\t\t\t},\n\t\t\t\t\tdialogLabel: ( { context } ) => {\n\t\t\t\t\t\treturn context.core.image.lightboxEnabled\n\t\t\t\t\t\t\t? context.core.image.dialogLabel\n\t\t\t\t\t\t\t: null;\n\t\t\t\t\t},\n\t\t\t\t\tlightboxObjectFit: ( { context } ) => {\n\t\t\t\t\t\tif ( context.core.image.initialized ) {\n\t\t\t\t\t\t\treturn 'cover';\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tenlargedImgSrc: ( { context } ) => {\n\t\t\t\t\t\treturn context.core.image.initialized\n\t\t\t\t\t\t\t? context.core.image.imageUploadedSrc\n\t\t\t\t\t\t\t: 'data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=';\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\teffects: {\n\t\t\tcore: {\n\t\t\t\timage: {\n\t\t\t\t\tinitOriginImage: ( { context, ref } ) => {\n\t\t\t\t\t\tcontext.core.image.imageRef = ref;\n\t\t\t\t\t\tcontext.core.image.lightboxTriggerRef =\n\t\t\t\t\t\t\tref.parentElement.querySelector(\n\t\t\t\t\t\t\t\t'.lightbox-trigger'\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\tif ( ref.complete ) {\n\t\t\t\t\t\t\tcontext.core.image.imageLoaded = true;\n\t\t\t\t\t\t\tcontext.core.image.imageCurrentSrc = ref.currentSrc;\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tinitLightbox: async ( { context, ref } ) => {\n\t\t\t\t\t\tif ( context.core.image.lightboxEnabled ) {\n\t\t\t\t\t\t\tconst focusableElements =\n\t\t\t\t\t\t\t\tref.querySelectorAll( focusableSelectors );\n\t\t\t\t\t\t\tcontext.core.image.firstFocusableElement =\n\t\t\t\t\t\t\t\tfocusableElements[ 0 ];\n\t\t\t\t\t\t\tcontext.core.image.lastFocusableElement =\n\t\t\t\t\t\t\t\tfocusableElements[\n\t\t\t\t\t\t\t\t\tfocusableElements.length - 1\n\t\t\t\t\t\t\t\t];\n\n\t\t\t\t\t\t\t// Move focus to the dialog when opening it.\n\t\t\t\t\t\t\tref.focus();\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tsetButtonStyles: ( { context, ref } ) => {\n\t\t\t\t\t\tconst {\n\t\t\t\t\t\t\tnaturalWidth,\n\t\t\t\t\t\t\tnaturalHeight,\n\t\t\t\t\t\t\toffsetWidth,\n\t\t\t\t\t\t\toffsetHeight,\n\t\t\t\t\t\t} = ref;\n\n\t\t\t\t\t\t// If the image isn't loaded yet, we can't\n\t\t\t\t\t\t// calculate where the button should be.\n\t\t\t\t\t\tif ( naturalWidth === 0 || naturalHeight === 0 ) {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tconst figure = ref.parentElement;\n\t\t\t\t\t\tconst figureWidth = ref.parentElement.clientWidth;\n\n\t\t\t\t\t\t// We need special handling for the height because\n\t\t\t\t\t\t// a caption will cause the figure to be taller than\n\t\t\t\t\t\t// the image, which means we need to account for that\n\t\t\t\t\t\t// when calculating the placement of the button in the\n\t\t\t\t\t\t// top right corner of the image.\n\t\t\t\t\t\tlet figureHeight = ref.parentElement.clientHeight;\n\t\t\t\t\t\tconst caption = figure.querySelector( 'figcaption' );\n\t\t\t\t\t\tif ( caption ) {\n\t\t\t\t\t\t\tconst captionComputedStyle =\n\t\t\t\t\t\t\t\twindow.getComputedStyle( caption );\n\t\t\t\t\t\t\tfigureHeight =\n\t\t\t\t\t\t\t\tfigureHeight -\n\t\t\t\t\t\t\t\tcaption.offsetHeight -\n\t\t\t\t\t\t\t\tparseFloat( captionComputedStyle.marginTop ) -\n\t\t\t\t\t\t\t\tparseFloat( captionComputedStyle.marginBottom );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tconst buttonOffsetTop = figureHeight - offsetHeight;\n\t\t\t\t\t\tconst buttonOffsetRight = figureWidth - offsetWidth;\n\n\t\t\t\t\t\t// In the case of an image with object-fit: contain, the\n\t\t\t\t\t\t// size of the <img> element can be larger than the image itself,\n\t\t\t\t\t\t// so we need to calculate where to place the button.\n\t\t\t\t\t\tif ( context.core.image.scaleAttr === 'contain' ) {\n\t\t\t\t\t\t\t// Natural ratio of the image.\n\t\t\t\t\t\t\tconst naturalRatio = naturalWidth / naturalHeight;\n\t\t\t\t\t\t\t// Offset ratio of the image.\n\t\t\t\t\t\t\tconst offsetRatio = offsetWidth / offsetHeight;\n\n\t\t\t\t\t\t\tif ( naturalRatio >= offsetRatio ) {\n\t\t\t\t\t\t\t\t// If it reaches the width first, keep\n\t\t\t\t\t\t\t\t// the width and compute the height.\n\t\t\t\t\t\t\t\tconst referenceHeight =\n\t\t\t\t\t\t\t\t\toffsetWidth / naturalRatio;\n\t\t\t\t\t\t\t\tcontext.core.image.imageButtonTop =\n\t\t\t\t\t\t\t\t\t( offsetHeight - referenceHeight ) / 2 +\n\t\t\t\t\t\t\t\t\tbuttonOffsetTop +\n\t\t\t\t\t\t\t\t\t16;\n\t\t\t\t\t\t\t\tcontext.core.image.imageButtonRight =\n\t\t\t\t\t\t\t\t\tbuttonOffsetRight + 16;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t// If it reaches the height first, keep\n\t\t\t\t\t\t\t\t// the height and compute the width.\n\t\t\t\t\t\t\t\tconst referenceWidth =\n\t\t\t\t\t\t\t\t\toffsetHeight * naturalRatio;\n\t\t\t\t\t\t\t\tcontext.core.image.imageButtonTop =\n\t\t\t\t\t\t\t\t\tbuttonOffsetTop + 16;\n\t\t\t\t\t\t\t\tcontext.core.image.imageButtonRight =\n\t\t\t\t\t\t\t\t\t( offsetWidth - referenceWidth ) / 2 +\n\t\t\t\t\t\t\t\t\tbuttonOffsetRight +\n\t\t\t\t\t\t\t\t\t16;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tcontext.core.image.imageButtonTop =\n\t\t\t\t\t\t\t\tbuttonOffsetTop + 16;\n\t\t\t\t\t\t\tcontext.core.image.imageButtonRight =\n\t\t\t\t\t\t\t\tbuttonOffsetRight + 16;\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tsetStylesOnResize: ( { state, context, ref } ) => {\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tcontext.core.image.lightboxEnabled &&\n\t\t\t\t\t\t\t( state.core.image.windowWidth ||\n\t\t\t\t\t\t\t\tstate.core.image.windowHeight )\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tsetStyles( context, ref );\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},\n\t{\n\t\tafterLoad: ( { state } ) => {\n\t\t\twindow.addEventListener(\n\t\t\t\t'resize',\n\t\t\t\tdebounce( () => {\n\t\t\t\t\tstate.core.image.windowWidth = window.innerWidth;\n\t\t\t\t\tstate.core.image.windowHeight = window.innerHeight;\n\t\t\t\t} )\n\t\t\t);\n\t\t},\n\t}\n);\n\n/*\n * Computes styles for the lightbox and adds them to the document.\n *\n * @function\n * @param {Object} context - An Interactivity API context\n * @param {Object} event - A triggering event\n */\nfunction setStyles( context, ref ) {\n\t// The reference img element lies adjacent\n\t// to the event target button in the DOM.\n\tlet {\n\t\tnaturalWidth,\n\t\tnaturalHeight,\n\t\toffsetWidth: originalWidth,\n\t\toffsetHeight: originalHeight,\n\t} = ref;\n\tlet { x: screenPosX, y: screenPosY } = ref.getBoundingClientRect();\n\n\t// Natural ratio of the image clicked to open the lightbox.\n\tconst naturalRatio = naturalWidth / naturalHeight;\n\t// Original ratio of the image clicked to open the lightbox.\n\tlet originalRatio = originalWidth / originalHeight;\n\n\t// If it has object-fit: contain, recalculate the original sizes\n\t// and the screen position without the blank spaces.\n\tif ( context.core.image.scaleAttr === 'contain' ) {\n\t\tif ( naturalRatio > originalRatio ) {\n\t\t\tconst heightWithoutSpace = originalWidth / naturalRatio;\n\t\t\t// Recalculate screen position without the top space.\n\t\t\tscreenPosY += ( originalHeight - heightWithoutSpace ) / 2;\n\t\t\toriginalHeight = heightWithoutSpace;\n\t\t} else {\n\t\t\tconst widthWithoutSpace = originalHeight * naturalRatio;\n\t\t\t// Recalculate screen position without the left space.\n\t\t\tscreenPosX += ( originalWidth - widthWithoutSpace ) / 2;\n\t\t\toriginalWidth = widthWithoutSpace;\n\t\t}\n\t}\n\toriginalRatio = originalWidth / originalHeight;\n\n\t// Typically, we use the image's full-sized dimensions. If those\n\t// dimensions have not been set (i.e. an external image with only one size),\n\t// the image's dimensions in the lightbox are the same\n\t// as those of the image in the content.\n\tlet imgMaxWidth = parseFloat(\n\t\tcontext.core.image.targetWidth !== 'none'\n\t\t\t? context.core.image.targetWidth\n\t\t\t: naturalWidth\n\t);\n\tlet imgMaxHeight = parseFloat(\n\t\tcontext.core.image.targetHeight !== 'none'\n\t\t\t? context.core.image.targetHeight\n\t\t\t: naturalHeight\n\t);\n\n\t// Ratio of the biggest image stored in the database.\n\tlet imgRatio = imgMaxWidth / imgMaxHeight;\n\tlet containerMaxWidth = imgMaxWidth;\n\tlet containerMaxHeight = imgMaxHeight;\n\tlet containerWidth = imgMaxWidth;\n\tlet containerHeight = imgMaxHeight;\n\t// Check if the target image has a different ratio than the original one (thumbnail).\n\t// Recalculate the width and height.\n\tif ( naturalRatio.toFixed( 2 ) !== imgRatio.toFixed( 2 ) ) {\n\t\tif ( naturalRatio > imgRatio ) {\n\t\t\t// If the width is reached before the height, we keep the maxWidth\n\t\t\t// and recalculate the height.\n\t\t\t// Unless the difference between the maxHeight and the reducedHeight\n\t\t\t// is higher than the maxWidth, where we keep the reducedHeight and\n\t\t\t// recalculate the width.\n\t\t\tconst reducedHeight = imgMaxWidth / naturalRatio;\n\t\t\tif ( imgMaxHeight - reducedHeight > imgMaxWidth ) {\n\t\t\t\timgMaxHeight = reducedHeight;\n\t\t\t\timgMaxWidth = reducedHeight * naturalRatio;\n\t\t\t} else {\n\t\t\t\timgMaxHeight = imgMaxWidth / naturalRatio;\n\t\t\t}\n\t\t} else {\n\t\t\t// If the height is reached before the width, we keep the maxHeight\n\t\t\t// and recalculate the width.\n\t\t\t// Unless the difference between the maxWidth and the reducedWidth\n\t\t\t// is higher than the maxHeight, where we keep the reducedWidth and\n\t\t\t// recalculate the height.\n\t\t\tconst reducedWidth = imgMaxHeight * naturalRatio;\n\t\t\tif ( imgMaxWidth - reducedWidth > imgMaxHeight ) {\n\t\t\t\timgMaxWidth = reducedWidth;\n\t\t\t\timgMaxHeight = reducedWidth / naturalRatio;\n\t\t\t} else {\n\t\t\t\timgMaxWidth = imgMaxHeight * naturalRatio;\n\t\t\t}\n\t\t}\n\t\tcontainerWidth = imgMaxWidth;\n\t\tcontainerHeight = imgMaxHeight;\n\t\timgRatio = imgMaxWidth / imgMaxHeight;\n\n\t\t// Calculate the max size of the container.\n\t\tif ( originalRatio > imgRatio ) {\n\t\t\tcontainerMaxWidth = imgMaxWidth;\n\t\t\tcontainerMaxHeight = containerMaxWidth / originalRatio;\n\t\t} else {\n\t\t\tcontainerMaxHeight = imgMaxHeight;\n\t\t\tcontainerMaxWidth = containerMaxHeight * originalRatio;\n\t\t}\n\t}\n\n\t// If the image has been pixelated on purpose, keep that size.\n\tif ( originalWidth > containerWidth || originalHeight > containerHeight ) {\n\t\tcontainerWidth = originalWidth;\n\t\tcontainerHeight = originalHeight;\n\t}\n\n\t// Calculate the final lightbox image size and the\n\t// scale factor. MaxWidth is either the window container\n\t// (accounting for padding) or the image resolution.\n\tlet horizontalPadding = 0;\n\tif ( window.innerWidth > 480 ) {\n\t\thorizontalPadding = 80;\n\t} else if ( window.innerWidth > 1920 ) {\n\t\thorizontalPadding = 160;\n\t}\n\tconst verticalPadding = 80;\n\n\tconst targetMaxWidth = Math.min(\n\t\twindow.innerWidth - horizontalPadding,\n\t\tcontainerWidth\n\t);\n\tconst targetMaxHeight = Math.min(\n\t\twindow.innerHeight - verticalPadding,\n\t\tcontainerHeight\n\t);\n\tconst targetContainerRatio = targetMaxWidth / targetMaxHeight;\n\n\tif ( originalRatio > targetContainerRatio ) {\n\t\t// If targetMaxWidth is reached before targetMaxHeight\n\t\tcontainerWidth = targetMaxWidth;\n\t\tcontainerHeight = containerWidth / originalRatio;\n\t} else {\n\t\t// If targetMaxHeight is reached before targetMaxWidth\n\t\tcontainerHeight = targetMaxHeight;\n\t\tcontainerWidth = containerHeight * originalRatio;\n\t}\n\n\tconst containerScale = originalWidth / containerWidth;\n\tconst lightboxImgWidth =\n\t\timgMaxWidth * ( containerWidth / containerMaxWidth );\n\tconst lightboxImgHeight =\n\t\timgMaxHeight * ( containerHeight / containerMaxHeight );\n\n\t// Add the CSS variables needed.\n\tlet styleTag = document.getElementById( 'wp-lightbox-styles' );\n\tif ( ! styleTag ) {\n\t\tstyleTag = document.createElement( 'style' );\n\t\tstyleTag.id = 'wp-lightbox-styles';\n\t\tdocument.head.appendChild( styleTag );\n\t}\n\n\t// As of this writing, using the calculations above will render the lightbox\n\t// with a small, erroneous whitespace on the left side of the image in iOS Safari,\n\t// perhaps due to an inconsistency in how browsers handle absolute positioning and CSS\n\t// transformation. In any case, adding 1 pixel to the container width and height solves\n\t// the problem, though this can be removed if the issue is fixed in the future.\n\tstyleTag.innerHTML = `\n\t\t:root {\n\t\t\t--wp--lightbox-initial-top-position: ${ screenPosY }px;\n\t\t\t--wp--lightbox-initial-left-position: ${ screenPosX }px;\n\t\t\t--wp--lightbox-container-width: ${ containerWidth + 1 }px;\n\t\t\t--wp--lightbox-container-height: ${ containerHeight + 1 }px;\n\t\t\t--wp--lightbox-image-width: ${ lightboxImgWidth }px;\n\t\t\t--wp--lightbox-image-height: ${ lightboxImgHeight }px;\n\t\t\t--wp--lightbox-scale: ${ containerScale };\n\t\t}\n\t`;\n}\n\n/*\n * Debounces a function call.\n *\n * @function\n * @param {Function} func - A function to be called\n * @param {number} wait - The time to wait before calling the function\n */\nfunction debounce( func, wait = 50 ) {\n\tlet timeout;\n\treturn () => {\n\t\tconst later = () => {\n\t\t\ttimeout = null;\n\t\t\tfunc();\n\t\t};\n\t\tclearTimeout( timeout );\n\t\ttimeout = setTimeout( later, wait );\n\t};\n}\n"],"mappings":"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"}

package/build/pattern/edit.js

@@ -18,7 +18,7 @@ const PatternEdit = ({
   clientId
 }) => {
   const selectedPattern = (0, _data.useSelect)(select => select(_blockEditor.store).__experimentalGetParsedPattern(attributes.slug), [attributes.slug]);
-  const currentThemeStylesheet = (0, _data.useSelect)(select => select(_coreData.store).getCurrentTheme().stylesheet);
+  const currentThemeStylesheet = (0, _data.useSelect)(select => select(_coreData.store).getCurrentTheme()?.stylesheet);
   const {
     replaceBlocks,
     __unstableMarkNextChangeAsNotPersistent

package/build/pattern/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_blocks","_data","_blockEditor","_coreData","PatternEdit","attributes","clientId","selectedPattern","useSelect","select","blockEditorStore","__experimentalGetParsedPattern","slug","currentThemeStylesheet","coreStore","getCurrentTheme","stylesheet","replaceBlocks","__unstableMarkNextChangeAsNotPersistent","useDispatch","setBlockEditingMode","getBlockRootClientId","getBlockEditingMode","injectThemeAttributeInBlockTemplateContent","block","innerBlocks","find","innerBlock","name","map","theme","undefined","useEffect","blocks","window","queueMicrotask","rootClientId","clonedBlocks","cloneBlock","rootEditingMode","props","useBlockProps","createElement","_default","exports","default"],"sources":["@wordpress/block-library/src/pattern/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { cloneBlock } from '@wordpress/blocks';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\nimport {\n\tstore as blockEditorStore,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport { store as coreStore } from '@wordpress/core-data';\n\nconst PatternEdit = ( { attributes, clientId } ) => {\n\tconst selectedPattern = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).__experimentalGetParsedPattern(\n\t\t\t\tattributes.slug\n\t\t\t),\n\t\t[ attributes.slug ]\n\t);\n\n\tconst currentThemeStylesheet = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme().stylesheet\n\t);\n\n\tconst { replaceBlocks, __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\tconst { setBlockEditingMode } = useDispatch( blockEditorStore );\n\tconst { getBlockRootClientId, getBlockEditingMode } =\n\t\tuseSelect( blockEditorStore );\n\n\t// Duplicated in packages/edit-site/src/components/start-template-options/index.js.\n\tfunction injectThemeAttributeInBlockTemplateContent( block ) {\n\t\tif (\n\t\t\tblock.innerBlocks.find(\n\t\t\t\t( innerBlock ) => innerBlock.name === 'core/template-part'\n\t\t\t)\n\t\t) {\n\t\t\tblock.innerBlocks = block.innerBlocks.map( ( innerBlock ) => {\n\t\t\t\tif (\n\t\t\t\t\tinnerBlock.name === 'core/template-part' &&\n\t\t\t\t\tinnerBlock.attributes.theme === undefined\n\t\t\t\t) {\n\t\t\t\t\tinnerBlock.attributes.theme = currentThemeStylesheet;\n\t\t\t\t}\n\t\t\t\treturn innerBlock;\n\t\t\t} );\n\t\t}\n\n\t\tif (\n\t\t\tblock.name === 'core/template-part' &&\n\t\t\tblock.attributes.theme === undefined\n\t\t) {\n\t\t\tblock.attributes.theme = currentThemeStylesheet;\n\t\t}\n\t\treturn block;\n\t}\n\n\t// Run this effect when the component loads.\n\t// This adds the Pattern's contents to the post.\n\t// This change won't be saved.\n\t// It will continue to pull from the pattern file unless changes are made to its respective template part.\n\tuseEffect( () => {\n\t\tif ( selectedPattern?.blocks ) {\n\t\t\t// We batch updates to block list settings to avoid triggering cascading renders\n\t\t\t// for each container block included in a tree and optimize initial render.\n\t\t\t// Since the above uses microtasks, we need to use a microtask here as well,\n\t\t\t// because nested pattern blocks cannot be inserted if the parent block supports\n\t\t\t// inner blocks but doesn't have blockSettings in the state.\n\t\t\twindow.queueMicrotask( () => {\n\t\t\t\tconst rootClientId = getBlockRootClientId( clientId );\n\t\t\t\t// Clone blocks from the pattern before insertion to ensure they receive\n\t\t\t\t// distinct client ids. See https://github.com/WordPress/gutenberg/issues/50628.\n\t\t\t\tconst clonedBlocks = selectedPattern.blocks.map( ( block ) =>\n\t\t\t\t\tcloneBlock(\n\t\t\t\t\t\tinjectThemeAttributeInBlockTemplateContent( block )\n\t\t\t\t\t)\n\t\t\t\t);\n\t\t\t\tconst rootEditingMode = getBlockEditingMode( rootClientId );\n\t\t\t\t// Temporarily set the root block to default mode to allow replacing the pattern.\n\t\t\t\t// This could happen when the page is disabling edits of non-content blocks.\n\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\tsetBlockEditingMode( rootClientId, 'default' );\n\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\treplaceBlocks( clientId, clonedBlocks );\n\t\t\t\t// Restore the root block's original mode.\n\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\tsetBlockEditingMode( rootClientId, rootEditingMode );\n\t\t\t} );\n\t\t}\n\t}, [\n\t\tclientId,\n\t\tselectedPattern?.blocks,\n\t\t__unstableMarkNextChangeAsNotPersistent,\n\t\treplaceBlocks,\n\t\tgetBlockEditingMode,\n\t\tsetBlockEditingMode,\n\t\tgetBlockRootClientId,\n\t] );\n\n\tconst props = useBlockProps();\n\n\treturn <div { ...props } />;\n};\n\nexport default PatternEdit;\n"],"mappings":"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"}
+{"version":3,"names":["_element","require","_blocks","_data","_blockEditor","_coreData","PatternEdit","attributes","clientId","selectedPattern","useSelect","select","blockEditorStore","__experimentalGetParsedPattern","slug","currentThemeStylesheet","coreStore","getCurrentTheme","stylesheet","replaceBlocks","__unstableMarkNextChangeAsNotPersistent","useDispatch","setBlockEditingMode","getBlockRootClientId","getBlockEditingMode","injectThemeAttributeInBlockTemplateContent","block","innerBlocks","find","innerBlock","name","map","theme","undefined","useEffect","blocks","window","queueMicrotask","rootClientId","clonedBlocks","cloneBlock","rootEditingMode","props","useBlockProps","createElement","_default","exports","default"],"sources":["@wordpress/block-library/src/pattern/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { cloneBlock } from '@wordpress/blocks';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\nimport {\n\tstore as blockEditorStore,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport { store as coreStore } from '@wordpress/core-data';\n\nconst PatternEdit = ( { attributes, clientId } ) => {\n\tconst selectedPattern = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).__experimentalGetParsedPattern(\n\t\t\t\tattributes.slug\n\t\t\t),\n\t\t[ attributes.slug ]\n\t);\n\n\tconst currentThemeStylesheet = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme()?.stylesheet\n\t);\n\n\tconst { replaceBlocks, __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\tconst { setBlockEditingMode } = useDispatch( blockEditorStore );\n\tconst { getBlockRootClientId, getBlockEditingMode } =\n\t\tuseSelect( blockEditorStore );\n\n\t// Duplicated in packages/edit-site/src/components/start-template-options/index.js.\n\tfunction injectThemeAttributeInBlockTemplateContent( block ) {\n\t\tif (\n\t\t\tblock.innerBlocks.find(\n\t\t\t\t( innerBlock ) => innerBlock.name === 'core/template-part'\n\t\t\t)\n\t\t) {\n\t\t\tblock.innerBlocks = block.innerBlocks.map( ( innerBlock ) => {\n\t\t\t\tif (\n\t\t\t\t\tinnerBlock.name === 'core/template-part' &&\n\t\t\t\t\tinnerBlock.attributes.theme === undefined\n\t\t\t\t) {\n\t\t\t\t\tinnerBlock.attributes.theme = currentThemeStylesheet;\n\t\t\t\t}\n\t\t\t\treturn innerBlock;\n\t\t\t} );\n\t\t}\n\n\t\tif (\n\t\t\tblock.name === 'core/template-part' &&\n\t\t\tblock.attributes.theme === undefined\n\t\t) {\n\t\t\tblock.attributes.theme = currentThemeStylesheet;\n\t\t}\n\t\treturn block;\n\t}\n\n\t// Run this effect when the component loads.\n\t// This adds the Pattern's contents to the post.\n\t// This change won't be saved.\n\t// It will continue to pull from the pattern file unless changes are made to its respective template part.\n\tuseEffect( () => {\n\t\tif ( selectedPattern?.blocks ) {\n\t\t\t// We batch updates to block list settings to avoid triggering cascading renders\n\t\t\t// for each container block included in a tree and optimize initial render.\n\t\t\t// Since the above uses microtasks, we need to use a microtask here as well,\n\t\t\t// because nested pattern blocks cannot be inserted if the parent block supports\n\t\t\t// inner blocks but doesn't have blockSettings in the state.\n\t\t\twindow.queueMicrotask( () => {\n\t\t\t\tconst rootClientId = getBlockRootClientId( clientId );\n\t\t\t\t// Clone blocks from the pattern before insertion to ensure they receive\n\t\t\t\t// distinct client ids. See https://github.com/WordPress/gutenberg/issues/50628.\n\t\t\t\tconst clonedBlocks = selectedPattern.blocks.map( ( block ) =>\n\t\t\t\t\tcloneBlock(\n\t\t\t\t\t\tinjectThemeAttributeInBlockTemplateContent( block )\n\t\t\t\t\t)\n\t\t\t\t);\n\t\t\t\tconst rootEditingMode = getBlockEditingMode( rootClientId );\n\t\t\t\t// Temporarily set the root block to default mode to allow replacing the pattern.\n\t\t\t\t// This could happen when the page is disabling edits of non-content blocks.\n\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\tsetBlockEditingMode( rootClientId, 'default' );\n\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\treplaceBlocks( clientId, clonedBlocks );\n\t\t\t\t// Restore the root block's original mode.\n\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\tsetBlockEditingMode( rootClientId, rootEditingMode );\n\t\t\t} );\n\t\t}\n\t}, [\n\t\tclientId,\n\t\tselectedPattern?.blocks,\n\t\t__unstableMarkNextChangeAsNotPersistent,\n\t\treplaceBlocks,\n\t\tgetBlockEditingMode,\n\t\tsetBlockEditingMode,\n\t\tgetBlockRootClientId,\n\t] );\n\n\tconst props = useBlockProps();\n\n\treturn <div { ...props } />;\n};\n\nexport default PatternEdit;\n"],"mappings":"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"}

package/build-module/image/view.js

@@ -302,18 +302,18 @@ store({
               // If it reaches the width first, keep
               // the width and compute the height.
               const referenceHeight = offsetWidth / naturalRatio;
-              context.core.image.imageButtonTop = (offsetHeight - referenceHeight) / 2 + buttonOffsetTop + 10;
-              context.core.image.imageButtonRight = buttonOffsetRight + 10;
+              context.core.image.imageButtonTop = (offsetHeight - referenceHeight) / 2 + buttonOffsetTop + 16;
+              context.core.image.imageButtonRight = buttonOffsetRight + 16;
             } else {
               // If it reaches the height first, keep
               // the height and compute the width.
               const referenceWidth = offsetHeight * naturalRatio;
-              context.core.image.imageButtonTop = buttonOffsetTop + 10;
-              context.core.image.imageButtonRight = (offsetWidth - referenceWidth) / 2 + buttonOffsetRight + 10;
+              context.core.image.imageButtonTop = buttonOffsetTop + 16;
+              context.core.image.imageButtonRight = (offsetWidth - referenceWidth) / 2 + buttonOffsetRight + 16;
             }
           } else {
-            context.core.image.imageButtonTop = buttonOffsetTop + 10;
-            context.core.image.imageButtonRight = buttonOffsetRight + 10;
+            context.core.image.imageButtonTop = buttonOffsetTop + 16;
+            context.core.image.imageButtonRight = buttonOffsetRight + 16;
           }
         },
         setStylesOnResize: ({

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

@@ -1 +1 @@
-{"version":3,"names":["store","focusableSelectors","scrollCallback","isTouching","lastTouchTime","handleScroll","context","Date","now","window","scrollTo","core","image","scrollLeftReset","scrollTopReset","state","windowWidth","innerWidth","windowHeight","innerHeight","actions","showLightbox","event","imageLoaded","initialized","lastFocusedElement","document","activeElement","scrollDelta","pointerType","lightboxEnabled","setStyles","imageRef","pageYOffset","documentElement","scrollTop","pageXOffset","scrollLeft","bind","addEventListener","hideLightbox","hideAnimationEnabled","setTimeout","removeEventListener","lightboxTriggerRef","focus","preventScroll","handleKeydown","key","keyCode","shiftKey","firstFocusableElement","preventDefault","lastFocusableElement","handleLoad","effects","ref","imageCurrentSrc","currentSrc","setButtonStyles","handleTouchStart","handleTouchMove","handleTouchEnd","selectors","roleAttribute","ariaModal","dialogLabel","lightboxObjectFit","enlargedImgSrc","imageUploadedSrc","initOriginImage","parentElement","querySelector","complete","initLightbox","focusableElements","querySelectorAll","length","naturalWidth","naturalHeight","offsetWidth","offsetHeight","figure","figureWidth","clientWidth","figureHeight","clientHeight","caption","captionComputedStyle","getComputedStyle","parseFloat","marginTop","marginBottom","buttonOffsetTop","buttonOffsetRight","scaleAttr","naturalRatio","offsetRatio","referenceHeight","imageButtonTop","imageButtonRight","referenceWidth","setStylesOnResize","afterLoad","debounce","originalWidth","originalHeight","x","screenPosX","y","screenPosY","getBoundingClientRect","originalRatio","heightWithoutSpace","widthWithoutSpace","imgMaxWidth","targetWidth","imgMaxHeight","targetHeight","imgRatio","containerMaxWidth","containerMaxHeight","containerWidth","containerHeight","toFixed","reducedHeight","reducedWidth","horizontalPadding","verticalPadding","targetMaxWidth","Math","min","targetMaxHeight","targetContainerRatio","containerScale","lightboxImgWidth","lightboxImgHeight","styleTag","getElementById","createElement","id","head","appendChild","innerHTML","func","wait","timeout","later","clearTimeout"],"sources":["@wordpress/block-library/src/image/view.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store } from '@wordpress/interactivity';\n\nconst focusableSelectors = [\n\t'a[href]',\n\t'area[href]',\n\t'input:not([disabled]):not([type=\"hidden\"]):not([aria-hidden])',\n\t'select:not([disabled]):not([aria-hidden])',\n\t'textarea:not([disabled]):not([aria-hidden])',\n\t'button:not([disabled]):not([aria-hidden])',\n\t'iframe',\n\t'object',\n\t'embed',\n\t'[contenteditable]',\n\t'[tabindex]:not([tabindex^=\"-\"])',\n];\n\n/*\n * Stores a context-bound scroll handler.\n *\n * This callback could be defined inline inside of the store\n * object but it's created externally to avoid confusion about\n * how its logic is called. This logic is not referenced directly\n * by the directives in the markup because the scroll event we\n * need to listen to is triggered on the window; so by defining it\n * outside of the store, we signal that the behavior here is different.\n * If we find a compelling reason to move it to the store, feel free.\n *\n * @type {Function}\n */\nlet scrollCallback;\n\n/*\n * Tracks whether user is touching screen; used to\n * differentiate behavior for 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\n * differentiate behavior for touch and mouse input.\n *\n * @type {number}\n */\nlet lastTouchTime = 0;\n\n/*\n * Lightbox page-scroll handler: prevents scrolling.\n *\n * This handler is added to prevent scrolling behaviors that\n * trigger content shift while the lightbox is open.\n *\n * It would be better to accomplish this through CSS alone, but\n * using overflow: hidden is currently the only way to do so, and\n * that causes the layout to shift and prevents the zoom animation\n * from working in some cases because we're unable to account for\n * the layout shift when doing the animation calculations. Instead,\n * here we use JavaScript to prevent and reset the scrolling\n * behavior. In the future, we may be able to use CSS or overflow: hidden\n * instead to not rely on JavaScript, but this seems to be the best approach\n * for now that provides the best visual experience.\n *\n * @param {Object} context Interactivity page context?\n */\nfunction handleScroll( context ) {\n\t// We can't override the scroll behavior on mobile devices\n\t// because doing so breaks the pinch to zoom functionality, and we\n\t// want to allow users to zoom in further on the high-res image.\n\tif ( ! isTouching && Date.now() - lastTouchTime > 450 ) {\n\t\t// We are unable to use event.preventDefault() to prevent scrolling\n\t\t// because the scroll event can't be canceled, so we reset the position instead.\n\t\twindow.scrollTo(\n\t\t\tcontext.core.image.scrollLeftReset,\n\t\t\tcontext.core.image.scrollTopReset\n\t\t);\n\t}\n}\n\nstore(\n\t{\n\t\tstate: {\n\t\t\tcore: {\n\t\t\t\timage: {\n\t\t\t\t\twindowWidth: window.innerWidth,\n\t\t\t\t\twindowHeight: window.innerHeight,\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tactions: {\n\t\t\tcore: {\n\t\t\t\timage: {\n\t\t\t\t\tshowLightbox: ( { context, event } ) => {\n\t\t\t\t\t\t// We can't initialize the lightbox until the reference\n\t\t\t\t\t\t// image is loaded, otherwise the UX is broken.\n\t\t\t\t\t\tif ( ! context.core.image.imageLoaded ) {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcontext.core.image.initialized = true;\n\t\t\t\t\t\tcontext.core.image.lastFocusedElement =\n\t\t\t\t\t\t\twindow.document.activeElement;\n\t\t\t\t\t\tcontext.core.image.scrollDelta = 0;\n\t\t\t\t\t\tcontext.core.image.pointerType = event.pointerType;\n\n\t\t\t\t\t\tcontext.core.image.lightboxEnabled = true;\n\t\t\t\t\t\tsetStyles( context, context.core.image.imageRef );\n\n\t\t\t\t\t\tcontext.core.image.scrollTopReset =\n\t\t\t\t\t\t\twindow.pageYOffset ||\n\t\t\t\t\t\t\tdocument.documentElement.scrollTop;\n\n\t\t\t\t\t\t// In most cases, this value will be 0, but this is included\n\t\t\t\t\t\t// in case a user has created a page with horizontal scrolling.\n\t\t\t\t\t\tcontext.core.image.scrollLeftReset =\n\t\t\t\t\t\t\twindow.pageXOffset ||\n\t\t\t\t\t\t\tdocument.documentElement.scrollLeft;\n\n\t\t\t\t\t\t// We define and bind the scroll callback here so\n\t\t\t\t\t\t// that we can pass the context and as an argument.\n\t\t\t\t\t\t// We may be able to change this in the future if we\n\t\t\t\t\t\t// define the scroll callback in the store instead, but\n\t\t\t\t\t\t// this approach seems to tbe clearest for now.\n\t\t\t\t\t\tscrollCallback = handleScroll.bind( null, context );\n\n\t\t\t\t\t\t// We need to add a scroll event listener to the window\n\t\t\t\t\t\t// here because we are unable to otherwise access it via\n\t\t\t\t\t\t// the Interactivity API directives. If we add a native way\n\t\t\t\t\t\t// to access the window, we can remove this.\n\t\t\t\t\t\twindow.addEventListener(\n\t\t\t\t\t\t\t'scroll',\n\t\t\t\t\t\t\tscrollCallback,\n\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t);\n\t\t\t\t\t},\n\t\t\t\t\thideLightbox: async ( { context } ) => {\n\t\t\t\t\t\tcontext.core.image.hideAnimationEnabled = true;\n\t\t\t\t\t\tif ( context.core.image.lightboxEnabled ) {\n\t\t\t\t\t\t\t// We want to wait until the close animation is completed\n\t\t\t\t\t\t\t// before allowing a user to scroll again. The duration of this\n\t\t\t\t\t\t\t// animation is defined in the styles.scss and depends on if the\n\t\t\t\t\t\t\t// animation is 'zoom' or 'fade', but in any case we should wait\n\t\t\t\t\t\t\t// a few milliseconds longer than the duration, otherwise a user\n\t\t\t\t\t\t\t// may scroll too soon and cause the animation to look sloppy.\n\t\t\t\t\t\t\tsetTimeout( function () {\n\t\t\t\t\t\t\t\twindow.removeEventListener(\n\t\t\t\t\t\t\t\t\t'scroll',\n\t\t\t\t\t\t\t\t\tscrollCallback\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t// If we don't delay before changing the focus,\n\t\t\t\t\t\t\t\t// the focus ring will appear on Firefox before\n\t\t\t\t\t\t\t\t// the image has finished animating, which looks broken.\n\t\t\t\t\t\t\t\tcontext.core.image.lightboxTriggerRef.focus( {\n\t\t\t\t\t\t\t\t\tpreventScroll: true,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t}, 450 );\n\n\t\t\t\t\t\t\tcontext.core.image.lightboxEnabled = false;\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\thandleKeydown: ( { context, actions, event } ) => {\n\t\t\t\t\t\tif ( context.core.image.lightboxEnabled ) {\n\t\t\t\t\t\t\tif ( event.key === 'Tab' || event.keyCode === 9 ) {\n\t\t\t\t\t\t\t\t// If shift + tab it change the direction\n\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\tevent.shiftKey &&\n\t\t\t\t\t\t\t\t\twindow.document.activeElement ===\n\t\t\t\t\t\t\t\t\t\tcontext.core.image.firstFocusableElement\n\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\t\tcontext.core.image.lastFocusableElement.focus();\n\t\t\t\t\t\t\t\t} else if (\n\t\t\t\t\t\t\t\t\t! event.shiftKey &&\n\t\t\t\t\t\t\t\t\twindow.document.activeElement ===\n\t\t\t\t\t\t\t\t\t\tcontext.core.image.lastFocusableElement\n\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\t\tcontext.core.image.firstFocusableElement.focus();\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\tevent.key === 'Escape' ||\n\t\t\t\t\t\t\t\tevent.keyCode === 27\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tactions.core.image.hideLightbox( {\n\t\t\t\t\t\t\t\t\tcontext,\n\t\t\t\t\t\t\t\t\tevent,\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\t// This is fired just by lazily loaded\n\t\t\t\t\t// images on the page, not all images.\n\t\t\t\t\thandleLoad: ( { context, effects, ref } ) => {\n\t\t\t\t\t\tcontext.core.image.imageLoaded = true;\n\t\t\t\t\t\tcontext.core.image.imageCurrentSrc = ref.currentSrc;\n\t\t\t\t\t\teffects.core.image.setButtonStyles( {\n\t\t\t\t\t\t\tcontext,\n\t\t\t\t\t\t\tref,\n\t\t\t\t\t\t} );\n\t\t\t\t\t},\n\t\t\t\t\thandleTouchStart: () => {\n\t\t\t\t\t\tisTouching = true;\n\t\t\t\t\t},\n\t\t\t\t\thandleTouchMove: ( { context, event } ) => {\n\t\t\t\t\t\t// On mobile devices, we want to prevent triggering the\n\t\t\t\t\t\t// scroll event because otherwise the page jumps around as\n\t\t\t\t\t\t// we reset the scroll position. This also means that closing\n\t\t\t\t\t\t// the lightbox requires that a user perform a simple tap. This\n\t\t\t\t\t\t// may be changed in the future if we find a better alternative\n\t\t\t\t\t\t// to override or reset the scroll position during swipe actions.\n\t\t\t\t\t\tif ( context.core.image.lightboxEnabled ) {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\thandleTouchEnd: () => {\n\t\t\t\t\t\t// We need to wait a few milliseconds before resetting\n\t\t\t\t\t\t// to ensure that pinch to zoom works consistently\n\t\t\t\t\t\t// on mobile devices when the lightbox is open.\n\t\t\t\t\t\tlastTouchTime = Date.now();\n\t\t\t\t\t\tisTouching = false;\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tselectors: {\n\t\t\tcore: {\n\t\t\t\timage: {\n\t\t\t\t\troleAttribute: ( { context } ) => {\n\t\t\t\t\t\treturn context.core.image.lightboxEnabled\n\t\t\t\t\t\t\t? 'dialog'\n\t\t\t\t\t\t\t: null;\n\t\t\t\t\t},\n\t\t\t\t\tariaModal: ( { context } ) => {\n\t\t\t\t\t\treturn context.core.image.lightboxEnabled\n\t\t\t\t\t\t\t? 'true'\n\t\t\t\t\t\t\t: null;\n\t\t\t\t\t},\n\t\t\t\t\tdialogLabel: ( { context } ) => {\n\t\t\t\t\t\treturn context.core.image.lightboxEnabled\n\t\t\t\t\t\t\t? context.core.image.dialogLabel\n\t\t\t\t\t\t\t: null;\n\t\t\t\t\t},\n\t\t\t\t\tlightboxObjectFit: ( { context } ) => {\n\t\t\t\t\t\tif ( context.core.image.initialized ) {\n\t\t\t\t\t\t\treturn 'cover';\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tenlargedImgSrc: ( { context } ) => {\n\t\t\t\t\t\treturn context.core.image.initialized\n\t\t\t\t\t\t\t? context.core.image.imageUploadedSrc\n\t\t\t\t\t\t\t: 'data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=';\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\teffects: {\n\t\t\tcore: {\n\t\t\t\timage: {\n\t\t\t\t\tinitOriginImage: ( { context, ref } ) => {\n\t\t\t\t\t\tcontext.core.image.imageRef = ref;\n\t\t\t\t\t\tcontext.core.image.lightboxTriggerRef =\n\t\t\t\t\t\t\tref.parentElement.querySelector(\n\t\t\t\t\t\t\t\t'.lightbox-trigger'\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\tif ( ref.complete ) {\n\t\t\t\t\t\t\tcontext.core.image.imageLoaded = true;\n\t\t\t\t\t\t\tcontext.core.image.imageCurrentSrc = ref.currentSrc;\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tinitLightbox: async ( { context, ref } ) => {\n\t\t\t\t\t\tif ( context.core.image.lightboxEnabled ) {\n\t\t\t\t\t\t\tconst focusableElements =\n\t\t\t\t\t\t\t\tref.querySelectorAll( focusableSelectors );\n\t\t\t\t\t\t\tcontext.core.image.firstFocusableElement =\n\t\t\t\t\t\t\t\tfocusableElements[ 0 ];\n\t\t\t\t\t\t\tcontext.core.image.lastFocusableElement =\n\t\t\t\t\t\t\t\tfocusableElements[\n\t\t\t\t\t\t\t\t\tfocusableElements.length - 1\n\t\t\t\t\t\t\t\t];\n\n\t\t\t\t\t\t\t// Move focus to the dialog when opening it.\n\t\t\t\t\t\t\tref.focus();\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tsetButtonStyles: ( { context, ref } ) => {\n\t\t\t\t\t\tconst {\n\t\t\t\t\t\t\tnaturalWidth,\n\t\t\t\t\t\t\tnaturalHeight,\n\t\t\t\t\t\t\toffsetWidth,\n\t\t\t\t\t\t\toffsetHeight,\n\t\t\t\t\t\t} = ref;\n\n\t\t\t\t\t\t// If the image isn't loaded yet, we can't\n\t\t\t\t\t\t// calculate where the button should be.\n\t\t\t\t\t\tif ( naturalWidth === 0 || naturalHeight === 0 ) {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tconst figure = ref.parentElement;\n\t\t\t\t\t\tconst figureWidth = ref.parentElement.clientWidth;\n\n\t\t\t\t\t\t// We need special handling for the height because\n\t\t\t\t\t\t// a caption will cause the figure to be taller than\n\t\t\t\t\t\t// the image, which means we need to account for that\n\t\t\t\t\t\t// when calculating the placement of the button in the\n\t\t\t\t\t\t// top right corner of the image.\n\t\t\t\t\t\tlet figureHeight = ref.parentElement.clientHeight;\n\t\t\t\t\t\tconst caption = figure.querySelector( 'figcaption' );\n\t\t\t\t\t\tif ( caption ) {\n\t\t\t\t\t\t\tconst captionComputedStyle =\n\t\t\t\t\t\t\t\twindow.getComputedStyle( caption );\n\t\t\t\t\t\t\tfigureHeight =\n\t\t\t\t\t\t\t\tfigureHeight -\n\t\t\t\t\t\t\t\tcaption.offsetHeight -\n\t\t\t\t\t\t\t\tparseFloat( captionComputedStyle.marginTop ) -\n\t\t\t\t\t\t\t\tparseFloat( captionComputedStyle.marginBottom );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tconst buttonOffsetTop = figureHeight - offsetHeight;\n\t\t\t\t\t\tconst buttonOffsetRight = figureWidth - offsetWidth;\n\n\t\t\t\t\t\t// In the case of an image with object-fit: contain, the\n\t\t\t\t\t\t// size of the <img> element can be larger than the image itself,\n\t\t\t\t\t\t// so we need to calculate where to place the button.\n\t\t\t\t\t\tif ( context.core.image.scaleAttr === 'contain' ) {\n\t\t\t\t\t\t\t// Natural ratio of the image.\n\t\t\t\t\t\t\tconst naturalRatio = naturalWidth / naturalHeight;\n\t\t\t\t\t\t\t// Offset ratio of the image.\n\t\t\t\t\t\t\tconst offsetRatio = offsetWidth / offsetHeight;\n\n\t\t\t\t\t\t\tif ( naturalRatio >= offsetRatio ) {\n\t\t\t\t\t\t\t\t// If it reaches the width first, keep\n\t\t\t\t\t\t\t\t// the width and compute the height.\n\t\t\t\t\t\t\t\tconst referenceHeight =\n\t\t\t\t\t\t\t\t\toffsetWidth / naturalRatio;\n\t\t\t\t\t\t\t\tcontext.core.image.imageButtonTop =\n\t\t\t\t\t\t\t\t\t( offsetHeight - referenceHeight ) / 2 +\n\t\t\t\t\t\t\t\t\tbuttonOffsetTop +\n\t\t\t\t\t\t\t\t\t10;\n\t\t\t\t\t\t\t\tcontext.core.image.imageButtonRight =\n\t\t\t\t\t\t\t\t\tbuttonOffsetRight + 10;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t// If it reaches the height first, keep\n\t\t\t\t\t\t\t\t// the height and compute the width.\n\t\t\t\t\t\t\t\tconst referenceWidth =\n\t\t\t\t\t\t\t\t\toffsetHeight * naturalRatio;\n\t\t\t\t\t\t\t\tcontext.core.image.imageButtonTop =\n\t\t\t\t\t\t\t\t\tbuttonOffsetTop + 10;\n\t\t\t\t\t\t\t\tcontext.core.image.imageButtonRight =\n\t\t\t\t\t\t\t\t\t( offsetWidth - referenceWidth ) / 2 +\n\t\t\t\t\t\t\t\t\tbuttonOffsetRight +\n\t\t\t\t\t\t\t\t\t10;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tcontext.core.image.imageButtonTop =\n\t\t\t\t\t\t\t\tbuttonOffsetTop + 10;\n\t\t\t\t\t\t\tcontext.core.image.imageButtonRight =\n\t\t\t\t\t\t\t\tbuttonOffsetRight + 10;\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tsetStylesOnResize: ( { state, context, ref } ) => {\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tcontext.core.image.lightboxEnabled &&\n\t\t\t\t\t\t\t( state.core.image.windowWidth ||\n\t\t\t\t\t\t\t\tstate.core.image.windowHeight )\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tsetStyles( context, ref );\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},\n\t{\n\t\tafterLoad: ( { state } ) => {\n\t\t\twindow.addEventListener(\n\t\t\t\t'resize',\n\t\t\t\tdebounce( () => {\n\t\t\t\t\tstate.core.image.windowWidth = window.innerWidth;\n\t\t\t\t\tstate.core.image.windowHeight = window.innerHeight;\n\t\t\t\t} )\n\t\t\t);\n\t\t},\n\t}\n);\n\n/*\n * Computes styles for the lightbox and adds them to the document.\n *\n * @function\n * @param {Object} context - An Interactivity API context\n * @param {Object} event - A triggering event\n */\nfunction setStyles( context, ref ) {\n\t// The reference img element lies adjacent\n\t// to the event target button in the DOM.\n\tlet {\n\t\tnaturalWidth,\n\t\tnaturalHeight,\n\t\toffsetWidth: originalWidth,\n\t\toffsetHeight: originalHeight,\n\t} = ref;\n\tlet { x: screenPosX, y: screenPosY } = ref.getBoundingClientRect();\n\n\t// Natural ratio of the image clicked to open the lightbox.\n\tconst naturalRatio = naturalWidth / naturalHeight;\n\t// Original ratio of the image clicked to open the lightbox.\n\tlet originalRatio = originalWidth / originalHeight;\n\n\t// If it has object-fit: contain, recalculate the original sizes\n\t// and the screen position without the blank spaces.\n\tif ( context.core.image.scaleAttr === 'contain' ) {\n\t\tif ( naturalRatio > originalRatio ) {\n\t\t\tconst heightWithoutSpace = originalWidth / naturalRatio;\n\t\t\t// Recalculate screen position without the top space.\n\t\t\tscreenPosY += ( originalHeight - heightWithoutSpace ) / 2;\n\t\t\toriginalHeight = heightWithoutSpace;\n\t\t} else {\n\t\t\tconst widthWithoutSpace = originalHeight * naturalRatio;\n\t\t\t// Recalculate screen position without the left space.\n\t\t\tscreenPosX += ( originalWidth - widthWithoutSpace ) / 2;\n\t\t\toriginalWidth = widthWithoutSpace;\n\t\t}\n\t}\n\toriginalRatio = originalWidth / originalHeight;\n\n\t// Typically, we use the image's full-sized dimensions. If those\n\t// dimensions have not been set (i.e. an external image with only one size),\n\t// the image's dimensions in the lightbox are the same\n\t// as those of the image in the content.\n\tlet imgMaxWidth = parseFloat(\n\t\tcontext.core.image.targetWidth !== 'none'\n\t\t\t? context.core.image.targetWidth\n\t\t\t: naturalWidth\n\t);\n\tlet imgMaxHeight = parseFloat(\n\t\tcontext.core.image.targetHeight !== 'none'\n\t\t\t? context.core.image.targetHeight\n\t\t\t: naturalHeight\n\t);\n\n\t// Ratio of the biggest image stored in the database.\n\tlet imgRatio = imgMaxWidth / imgMaxHeight;\n\tlet containerMaxWidth = imgMaxWidth;\n\tlet containerMaxHeight = imgMaxHeight;\n\tlet containerWidth = imgMaxWidth;\n\tlet containerHeight = imgMaxHeight;\n\t// Check if the target image has a different ratio than the original one (thumbnail).\n\t// Recalculate the width and height.\n\tif ( naturalRatio.toFixed( 2 ) !== imgRatio.toFixed( 2 ) ) {\n\t\tif ( naturalRatio > imgRatio ) {\n\t\t\t// If the width is reached before the height, we keep the maxWidth\n\t\t\t// and recalculate the height.\n\t\t\t// Unless the difference between the maxHeight and the reducedHeight\n\t\t\t// is higher than the maxWidth, where we keep the reducedHeight and\n\t\t\t// recalculate the width.\n\t\t\tconst reducedHeight = imgMaxWidth / naturalRatio;\n\t\t\tif ( imgMaxHeight - reducedHeight > imgMaxWidth ) {\n\t\t\t\timgMaxHeight = reducedHeight;\n\t\t\t\timgMaxWidth = reducedHeight * naturalRatio;\n\t\t\t} else {\n\t\t\t\timgMaxHeight = imgMaxWidth / naturalRatio;\n\t\t\t}\n\t\t} else {\n\t\t\t// If the height is reached before the width, we keep the maxHeight\n\t\t\t// and recalculate the width.\n\t\t\t// Unless the difference between the maxWidth and the reducedWidth\n\t\t\t// is higher than the maxHeight, where we keep the reducedWidth and\n\t\t\t// recalculate the height.\n\t\t\tconst reducedWidth = imgMaxHeight * naturalRatio;\n\t\t\tif ( imgMaxWidth - reducedWidth > imgMaxHeight ) {\n\t\t\t\timgMaxWidth = reducedWidth;\n\t\t\t\timgMaxHeight = reducedWidth / naturalRatio;\n\t\t\t} else {\n\t\t\t\timgMaxWidth = imgMaxHeight * naturalRatio;\n\t\t\t}\n\t\t}\n\t\tcontainerWidth = imgMaxWidth;\n\t\tcontainerHeight = imgMaxHeight;\n\t\timgRatio = imgMaxWidth / imgMaxHeight;\n\n\t\t// Calculate the max size of the container.\n\t\tif ( originalRatio > imgRatio ) {\n\t\t\tcontainerMaxWidth = imgMaxWidth;\n\t\t\tcontainerMaxHeight = containerMaxWidth / originalRatio;\n\t\t} else {\n\t\t\tcontainerMaxHeight = imgMaxHeight;\n\t\t\tcontainerMaxWidth = containerMaxHeight * originalRatio;\n\t\t}\n\t}\n\n\t// If the image has been pixelated on purpose, keep that size.\n\tif ( originalWidth > containerWidth || originalHeight > containerHeight ) {\n\t\tcontainerWidth = originalWidth;\n\t\tcontainerHeight = originalHeight;\n\t}\n\n\t// Calculate the final lightbox image size and the\n\t// scale factor. MaxWidth is either the window container\n\t// (accounting for padding) or the image resolution.\n\tlet horizontalPadding = 0;\n\tif ( window.innerWidth > 480 ) {\n\t\thorizontalPadding = 80;\n\t} else if ( window.innerWidth > 1920 ) {\n\t\thorizontalPadding = 160;\n\t}\n\tconst verticalPadding = 80;\n\n\tconst targetMaxWidth = Math.min(\n\t\twindow.innerWidth - horizontalPadding,\n\t\tcontainerWidth\n\t);\n\tconst targetMaxHeight = Math.min(\n\t\twindow.innerHeight - verticalPadding,\n\t\tcontainerHeight\n\t);\n\tconst targetContainerRatio = targetMaxWidth / targetMaxHeight;\n\n\tif ( originalRatio > targetContainerRatio ) {\n\t\t// If targetMaxWidth is reached before targetMaxHeight\n\t\tcontainerWidth = targetMaxWidth;\n\t\tcontainerHeight = containerWidth / originalRatio;\n\t} else {\n\t\t// If targetMaxHeight is reached before targetMaxWidth\n\t\tcontainerHeight = targetMaxHeight;\n\t\tcontainerWidth = containerHeight * originalRatio;\n\t}\n\n\tconst containerScale = originalWidth / containerWidth;\n\tconst lightboxImgWidth =\n\t\timgMaxWidth * ( containerWidth / containerMaxWidth );\n\tconst lightboxImgHeight =\n\t\timgMaxHeight * ( containerHeight / containerMaxHeight );\n\n\t// Add the CSS variables needed.\n\tlet styleTag = document.getElementById( 'wp-lightbox-styles' );\n\tif ( ! styleTag ) {\n\t\tstyleTag = document.createElement( 'style' );\n\t\tstyleTag.id = 'wp-lightbox-styles';\n\t\tdocument.head.appendChild( styleTag );\n\t}\n\n\t// As of this writing, using the calculations above will render the lightbox\n\t// with a small, erroneous whitespace on the left side of the image in iOS Safari,\n\t// perhaps due to an inconsistency in how browsers handle absolute positioning and CSS\n\t// transformation. In any case, adding 1 pixel to the container width and height solves\n\t// the problem, though this can be removed if the issue is fixed in the future.\n\tstyleTag.innerHTML = `\n\t\t:root {\n\t\t\t--wp--lightbox-initial-top-position: ${ screenPosY }px;\n\t\t\t--wp--lightbox-initial-left-position: ${ screenPosX }px;\n\t\t\t--wp--lightbox-container-width: ${ containerWidth + 1 }px;\n\t\t\t--wp--lightbox-container-height: ${ containerHeight + 1 }px;\n\t\t\t--wp--lightbox-image-width: ${ lightboxImgWidth }px;\n\t\t\t--wp--lightbox-image-height: ${ lightboxImgHeight }px;\n\t\t\t--wp--lightbox-scale: ${ containerScale };\n\t\t}\n\t`;\n}\n\n/*\n * Debounces a function call.\n *\n * @function\n * @param {Function} func - A function to be called\n * @param {number} wait - The time to wait before calling the function\n */\nfunction debounce( func, wait = 50 ) {\n\tlet timeout;\n\treturn () => {\n\t\tconst later = () => {\n\t\t\ttimeout = null;\n\t\t\tfunc();\n\t\t};\n\t\tclearTimeout( timeout );\n\t\ttimeout = setTimeout( later, wait );\n\t};\n}\n"],"mappings":"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"}
+{"version":3,"names":["store","focusableSelectors","scrollCallback","isTouching","lastTouchTime","handleScroll","context","Date","now","window","scrollTo","core","image","scrollLeftReset","scrollTopReset","state","windowWidth","innerWidth","windowHeight","innerHeight","actions","showLightbox","event","imageLoaded","initialized","lastFocusedElement","document","activeElement","scrollDelta","pointerType","lightboxEnabled","setStyles","imageRef","pageYOffset","documentElement","scrollTop","pageXOffset","scrollLeft","bind","addEventListener","hideLightbox","hideAnimationEnabled","setTimeout","removeEventListener","lightboxTriggerRef","focus","preventScroll","handleKeydown","key","keyCode","shiftKey","firstFocusableElement","preventDefault","lastFocusableElement","handleLoad","effects","ref","imageCurrentSrc","currentSrc","setButtonStyles","handleTouchStart","handleTouchMove","handleTouchEnd","selectors","roleAttribute","ariaModal","dialogLabel","lightboxObjectFit","enlargedImgSrc","imageUploadedSrc","initOriginImage","parentElement","querySelector","complete","initLightbox","focusableElements","querySelectorAll","length","naturalWidth","naturalHeight","offsetWidth","offsetHeight","figure","figureWidth","clientWidth","figureHeight","clientHeight","caption","captionComputedStyle","getComputedStyle","parseFloat","marginTop","marginBottom","buttonOffsetTop","buttonOffsetRight","scaleAttr","naturalRatio","offsetRatio","referenceHeight","imageButtonTop","imageButtonRight","referenceWidth","setStylesOnResize","afterLoad","debounce","originalWidth","originalHeight","x","screenPosX","y","screenPosY","getBoundingClientRect","originalRatio","heightWithoutSpace","widthWithoutSpace","imgMaxWidth","targetWidth","imgMaxHeight","targetHeight","imgRatio","containerMaxWidth","containerMaxHeight","containerWidth","containerHeight","toFixed","reducedHeight","reducedWidth","horizontalPadding","verticalPadding","targetMaxWidth","Math","min","targetMaxHeight","targetContainerRatio","containerScale","lightboxImgWidth","lightboxImgHeight","styleTag","getElementById","createElement","id","head","appendChild","innerHTML","func","wait","timeout","later","clearTimeout"],"sources":["@wordpress/block-library/src/image/view.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store } from '@wordpress/interactivity';\n\nconst focusableSelectors = [\n\t'a[href]',\n\t'area[href]',\n\t'input:not([disabled]):not([type=\"hidden\"]):not([aria-hidden])',\n\t'select:not([disabled]):not([aria-hidden])',\n\t'textarea:not([disabled]):not([aria-hidden])',\n\t'button:not([disabled]):not([aria-hidden])',\n\t'iframe',\n\t'object',\n\t'embed',\n\t'[contenteditable]',\n\t'[tabindex]:not([tabindex^=\"-\"])',\n];\n\n/*\n * Stores a context-bound scroll handler.\n *\n * This callback could be defined inline inside of the store\n * object but it's created externally to avoid confusion about\n * how its logic is called. This logic is not referenced directly\n * by the directives in the markup because the scroll event we\n * need to listen to is triggered on the window; so by defining it\n * outside of the store, we signal that the behavior here is different.\n * If we find a compelling reason to move it to the store, feel free.\n *\n * @type {Function}\n */\nlet scrollCallback;\n\n/*\n * Tracks whether user is touching screen; used to\n * differentiate behavior for 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\n * differentiate behavior for touch and mouse input.\n *\n * @type {number}\n */\nlet lastTouchTime = 0;\n\n/*\n * Lightbox page-scroll handler: prevents scrolling.\n *\n * This handler is added to prevent scrolling behaviors that\n * trigger content shift while the lightbox is open.\n *\n * It would be better to accomplish this through CSS alone, but\n * using overflow: hidden is currently the only way to do so, and\n * that causes the layout to shift and prevents the zoom animation\n * from working in some cases because we're unable to account for\n * the layout shift when doing the animation calculations. Instead,\n * here we use JavaScript to prevent and reset the scrolling\n * behavior. In the future, we may be able to use CSS or overflow: hidden\n * instead to not rely on JavaScript, but this seems to be the best approach\n * for now that provides the best visual experience.\n *\n * @param {Object} context Interactivity page context?\n */\nfunction handleScroll( context ) {\n\t// We can't override the scroll behavior on mobile devices\n\t// because doing so breaks the pinch to zoom functionality, and we\n\t// want to allow users to zoom in further on the high-res image.\n\tif ( ! isTouching && Date.now() - lastTouchTime > 450 ) {\n\t\t// We are unable to use event.preventDefault() to prevent scrolling\n\t\t// because the scroll event can't be canceled, so we reset the position instead.\n\t\twindow.scrollTo(\n\t\t\tcontext.core.image.scrollLeftReset,\n\t\t\tcontext.core.image.scrollTopReset\n\t\t);\n\t}\n}\n\nstore(\n\t{\n\t\tstate: {\n\t\t\tcore: {\n\t\t\t\timage: {\n\t\t\t\t\twindowWidth: window.innerWidth,\n\t\t\t\t\twindowHeight: window.innerHeight,\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tactions: {\n\t\t\tcore: {\n\t\t\t\timage: {\n\t\t\t\t\tshowLightbox: ( { context, event } ) => {\n\t\t\t\t\t\t// We can't initialize the lightbox until the reference\n\t\t\t\t\t\t// image is loaded, otherwise the UX is broken.\n\t\t\t\t\t\tif ( ! context.core.image.imageLoaded ) {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcontext.core.image.initialized = true;\n\t\t\t\t\t\tcontext.core.image.lastFocusedElement =\n\t\t\t\t\t\t\twindow.document.activeElement;\n\t\t\t\t\t\tcontext.core.image.scrollDelta = 0;\n\t\t\t\t\t\tcontext.core.image.pointerType = event.pointerType;\n\n\t\t\t\t\t\tcontext.core.image.lightboxEnabled = true;\n\t\t\t\t\t\tsetStyles( context, context.core.image.imageRef );\n\n\t\t\t\t\t\tcontext.core.image.scrollTopReset =\n\t\t\t\t\t\t\twindow.pageYOffset ||\n\t\t\t\t\t\t\tdocument.documentElement.scrollTop;\n\n\t\t\t\t\t\t// In most cases, this value will be 0, but this is included\n\t\t\t\t\t\t// in case a user has created a page with horizontal scrolling.\n\t\t\t\t\t\tcontext.core.image.scrollLeftReset =\n\t\t\t\t\t\t\twindow.pageXOffset ||\n\t\t\t\t\t\t\tdocument.documentElement.scrollLeft;\n\n\t\t\t\t\t\t// We define and bind the scroll callback here so\n\t\t\t\t\t\t// that we can pass the context and as an argument.\n\t\t\t\t\t\t// We may be able to change this in the future if we\n\t\t\t\t\t\t// define the scroll callback in the store instead, but\n\t\t\t\t\t\t// this approach seems to tbe clearest for now.\n\t\t\t\t\t\tscrollCallback = handleScroll.bind( null, context );\n\n\t\t\t\t\t\t// We need to add a scroll event listener to the window\n\t\t\t\t\t\t// here because we are unable to otherwise access it via\n\t\t\t\t\t\t// the Interactivity API directives. If we add a native way\n\t\t\t\t\t\t// to access the window, we can remove this.\n\t\t\t\t\t\twindow.addEventListener(\n\t\t\t\t\t\t\t'scroll',\n\t\t\t\t\t\t\tscrollCallback,\n\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t);\n\t\t\t\t\t},\n\t\t\t\t\thideLightbox: async ( { context } ) => {\n\t\t\t\t\t\tcontext.core.image.hideAnimationEnabled = true;\n\t\t\t\t\t\tif ( context.core.image.lightboxEnabled ) {\n\t\t\t\t\t\t\t// We want to wait until the close animation is completed\n\t\t\t\t\t\t\t// before allowing a user to scroll again. The duration of this\n\t\t\t\t\t\t\t// animation is defined in the styles.scss and depends on if the\n\t\t\t\t\t\t\t// animation is 'zoom' or 'fade', but in any case we should wait\n\t\t\t\t\t\t\t// a few milliseconds longer than the duration, otherwise a user\n\t\t\t\t\t\t\t// may scroll too soon and cause the animation to look sloppy.\n\t\t\t\t\t\t\tsetTimeout( function () {\n\t\t\t\t\t\t\t\twindow.removeEventListener(\n\t\t\t\t\t\t\t\t\t'scroll',\n\t\t\t\t\t\t\t\t\tscrollCallback\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t// If we don't delay before changing the focus,\n\t\t\t\t\t\t\t\t// the focus ring will appear on Firefox before\n\t\t\t\t\t\t\t\t// the image has finished animating, which looks broken.\n\t\t\t\t\t\t\t\tcontext.core.image.lightboxTriggerRef.focus( {\n\t\t\t\t\t\t\t\t\tpreventScroll: true,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t}, 450 );\n\n\t\t\t\t\t\t\tcontext.core.image.lightboxEnabled = false;\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\thandleKeydown: ( { context, actions, event } ) => {\n\t\t\t\t\t\tif ( context.core.image.lightboxEnabled ) {\n\t\t\t\t\t\t\tif ( event.key === 'Tab' || event.keyCode === 9 ) {\n\t\t\t\t\t\t\t\t// If shift + tab it change the direction\n\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\tevent.shiftKey &&\n\t\t\t\t\t\t\t\t\twindow.document.activeElement ===\n\t\t\t\t\t\t\t\t\t\tcontext.core.image.firstFocusableElement\n\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\t\tcontext.core.image.lastFocusableElement.focus();\n\t\t\t\t\t\t\t\t} else if (\n\t\t\t\t\t\t\t\t\t! event.shiftKey &&\n\t\t\t\t\t\t\t\t\twindow.document.activeElement ===\n\t\t\t\t\t\t\t\t\t\tcontext.core.image.lastFocusableElement\n\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\t\tcontext.core.image.firstFocusableElement.focus();\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\tevent.key === 'Escape' ||\n\t\t\t\t\t\t\t\tevent.keyCode === 27\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tactions.core.image.hideLightbox( {\n\t\t\t\t\t\t\t\t\tcontext,\n\t\t\t\t\t\t\t\t\tevent,\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\t// This is fired just by lazily loaded\n\t\t\t\t\t// images on the page, not all images.\n\t\t\t\t\thandleLoad: ( { context, effects, ref } ) => {\n\t\t\t\t\t\tcontext.core.image.imageLoaded = true;\n\t\t\t\t\t\tcontext.core.image.imageCurrentSrc = ref.currentSrc;\n\t\t\t\t\t\teffects.core.image.setButtonStyles( {\n\t\t\t\t\t\t\tcontext,\n\t\t\t\t\t\t\tref,\n\t\t\t\t\t\t} );\n\t\t\t\t\t},\n\t\t\t\t\thandleTouchStart: () => {\n\t\t\t\t\t\tisTouching = true;\n\t\t\t\t\t},\n\t\t\t\t\thandleTouchMove: ( { context, event } ) => {\n\t\t\t\t\t\t// On mobile devices, we want to prevent triggering the\n\t\t\t\t\t\t// scroll event because otherwise the page jumps around as\n\t\t\t\t\t\t// we reset the scroll position. This also means that closing\n\t\t\t\t\t\t// the lightbox requires that a user perform a simple tap. This\n\t\t\t\t\t\t// may be changed in the future if we find a better alternative\n\t\t\t\t\t\t// to override or reset the scroll position during swipe actions.\n\t\t\t\t\t\tif ( context.core.image.lightboxEnabled ) {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\thandleTouchEnd: () => {\n\t\t\t\t\t\t// We need to wait a few milliseconds before resetting\n\t\t\t\t\t\t// to ensure that pinch to zoom works consistently\n\t\t\t\t\t\t// on mobile devices when the lightbox is open.\n\t\t\t\t\t\tlastTouchTime = Date.now();\n\t\t\t\t\t\tisTouching = false;\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tselectors: {\n\t\t\tcore: {\n\t\t\t\timage: {\n\t\t\t\t\troleAttribute: ( { context } ) => {\n\t\t\t\t\t\treturn context.core.image.lightboxEnabled\n\t\t\t\t\t\t\t? 'dialog'\n\t\t\t\t\t\t\t: null;\n\t\t\t\t\t},\n\t\t\t\t\tariaModal: ( { context } ) => {\n\t\t\t\t\t\treturn context.core.image.lightboxEnabled\n\t\t\t\t\t\t\t? 'true'\n\t\t\t\t\t\t\t: null;\n\t\t\t\t\t},\n\t\t\t\t\tdialogLabel: ( { context } ) => {\n\t\t\t\t\t\treturn context.core.image.lightboxEnabled\n\t\t\t\t\t\t\t? context.core.image.dialogLabel\n\t\t\t\t\t\t\t: null;\n\t\t\t\t\t},\n\t\t\t\t\tlightboxObjectFit: ( { context } ) => {\n\t\t\t\t\t\tif ( context.core.image.initialized ) {\n\t\t\t\t\t\t\treturn 'cover';\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tenlargedImgSrc: ( { context } ) => {\n\t\t\t\t\t\treturn context.core.image.initialized\n\t\t\t\t\t\t\t? context.core.image.imageUploadedSrc\n\t\t\t\t\t\t\t: 'data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=';\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\teffects: {\n\t\t\tcore: {\n\t\t\t\timage: {\n\t\t\t\t\tinitOriginImage: ( { context, ref } ) => {\n\t\t\t\t\t\tcontext.core.image.imageRef = ref;\n\t\t\t\t\t\tcontext.core.image.lightboxTriggerRef =\n\t\t\t\t\t\t\tref.parentElement.querySelector(\n\t\t\t\t\t\t\t\t'.lightbox-trigger'\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\tif ( ref.complete ) {\n\t\t\t\t\t\t\tcontext.core.image.imageLoaded = true;\n\t\t\t\t\t\t\tcontext.core.image.imageCurrentSrc = ref.currentSrc;\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tinitLightbox: async ( { context, ref } ) => {\n\t\t\t\t\t\tif ( context.core.image.lightboxEnabled ) {\n\t\t\t\t\t\t\tconst focusableElements =\n\t\t\t\t\t\t\t\tref.querySelectorAll( focusableSelectors );\n\t\t\t\t\t\t\tcontext.core.image.firstFocusableElement =\n\t\t\t\t\t\t\t\tfocusableElements[ 0 ];\n\t\t\t\t\t\t\tcontext.core.image.lastFocusableElement =\n\t\t\t\t\t\t\t\tfocusableElements[\n\t\t\t\t\t\t\t\t\tfocusableElements.length - 1\n\t\t\t\t\t\t\t\t];\n\n\t\t\t\t\t\t\t// Move focus to the dialog when opening it.\n\t\t\t\t\t\t\tref.focus();\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tsetButtonStyles: ( { context, ref } ) => {\n\t\t\t\t\t\tconst {\n\t\t\t\t\t\t\tnaturalWidth,\n\t\t\t\t\t\t\tnaturalHeight,\n\t\t\t\t\t\t\toffsetWidth,\n\t\t\t\t\t\t\toffsetHeight,\n\t\t\t\t\t\t} = ref;\n\n\t\t\t\t\t\t// If the image isn't loaded yet, we can't\n\t\t\t\t\t\t// calculate where the button should be.\n\t\t\t\t\t\tif ( naturalWidth === 0 || naturalHeight === 0 ) {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tconst figure = ref.parentElement;\n\t\t\t\t\t\tconst figureWidth = ref.parentElement.clientWidth;\n\n\t\t\t\t\t\t// We need special handling for the height because\n\t\t\t\t\t\t// a caption will cause the figure to be taller than\n\t\t\t\t\t\t// the image, which means we need to account for that\n\t\t\t\t\t\t// when calculating the placement of the button in the\n\t\t\t\t\t\t// top right corner of the image.\n\t\t\t\t\t\tlet figureHeight = ref.parentElement.clientHeight;\n\t\t\t\t\t\tconst caption = figure.querySelector( 'figcaption' );\n\t\t\t\t\t\tif ( caption ) {\n\t\t\t\t\t\t\tconst captionComputedStyle =\n\t\t\t\t\t\t\t\twindow.getComputedStyle( caption );\n\t\t\t\t\t\t\tfigureHeight =\n\t\t\t\t\t\t\t\tfigureHeight -\n\t\t\t\t\t\t\t\tcaption.offsetHeight -\n\t\t\t\t\t\t\t\tparseFloat( captionComputedStyle.marginTop ) -\n\t\t\t\t\t\t\t\tparseFloat( captionComputedStyle.marginBottom );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tconst buttonOffsetTop = figureHeight - offsetHeight;\n\t\t\t\t\t\tconst buttonOffsetRight = figureWidth - offsetWidth;\n\n\t\t\t\t\t\t// In the case of an image with object-fit: contain, the\n\t\t\t\t\t\t// size of the <img> element can be larger than the image itself,\n\t\t\t\t\t\t// so we need to calculate where to place the button.\n\t\t\t\t\t\tif ( context.core.image.scaleAttr === 'contain' ) {\n\t\t\t\t\t\t\t// Natural ratio of the image.\n\t\t\t\t\t\t\tconst naturalRatio = naturalWidth / naturalHeight;\n\t\t\t\t\t\t\t// Offset ratio of the image.\n\t\t\t\t\t\t\tconst offsetRatio = offsetWidth / offsetHeight;\n\n\t\t\t\t\t\t\tif ( naturalRatio >= offsetRatio ) {\n\t\t\t\t\t\t\t\t// If it reaches the width first, keep\n\t\t\t\t\t\t\t\t// the width and compute the height.\n\t\t\t\t\t\t\t\tconst referenceHeight =\n\t\t\t\t\t\t\t\t\toffsetWidth / naturalRatio;\n\t\t\t\t\t\t\t\tcontext.core.image.imageButtonTop =\n\t\t\t\t\t\t\t\t\t( offsetHeight - referenceHeight ) / 2 +\n\t\t\t\t\t\t\t\t\tbuttonOffsetTop +\n\t\t\t\t\t\t\t\t\t16;\n\t\t\t\t\t\t\t\tcontext.core.image.imageButtonRight =\n\t\t\t\t\t\t\t\t\tbuttonOffsetRight + 16;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t// If it reaches the height first, keep\n\t\t\t\t\t\t\t\t// the height and compute the width.\n\t\t\t\t\t\t\t\tconst referenceWidth =\n\t\t\t\t\t\t\t\t\toffsetHeight * naturalRatio;\n\t\t\t\t\t\t\t\tcontext.core.image.imageButtonTop =\n\t\t\t\t\t\t\t\t\tbuttonOffsetTop + 16;\n\t\t\t\t\t\t\t\tcontext.core.image.imageButtonRight =\n\t\t\t\t\t\t\t\t\t( offsetWidth - referenceWidth ) / 2 +\n\t\t\t\t\t\t\t\t\tbuttonOffsetRight +\n\t\t\t\t\t\t\t\t\t16;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tcontext.core.image.imageButtonTop =\n\t\t\t\t\t\t\t\tbuttonOffsetTop + 16;\n\t\t\t\t\t\t\tcontext.core.image.imageButtonRight =\n\t\t\t\t\t\t\t\tbuttonOffsetRight + 16;\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tsetStylesOnResize: ( { state, context, ref } ) => {\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tcontext.core.image.lightboxEnabled &&\n\t\t\t\t\t\t\t( state.core.image.windowWidth ||\n\t\t\t\t\t\t\t\tstate.core.image.windowHeight )\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tsetStyles( context, ref );\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},\n\t{\n\t\tafterLoad: ( { state } ) => {\n\t\t\twindow.addEventListener(\n\t\t\t\t'resize',\n\t\t\t\tdebounce( () => {\n\t\t\t\t\tstate.core.image.windowWidth = window.innerWidth;\n\t\t\t\t\tstate.core.image.windowHeight = window.innerHeight;\n\t\t\t\t} )\n\t\t\t);\n\t\t},\n\t}\n);\n\n/*\n * Computes styles for the lightbox and adds them to the document.\n *\n * @function\n * @param {Object} context - An Interactivity API context\n * @param {Object} event - A triggering event\n */\nfunction setStyles( context, ref ) {\n\t// The reference img element lies adjacent\n\t// to the event target button in the DOM.\n\tlet {\n\t\tnaturalWidth,\n\t\tnaturalHeight,\n\t\toffsetWidth: originalWidth,\n\t\toffsetHeight: originalHeight,\n\t} = ref;\n\tlet { x: screenPosX, y: screenPosY } = ref.getBoundingClientRect();\n\n\t// Natural ratio of the image clicked to open the lightbox.\n\tconst naturalRatio = naturalWidth / naturalHeight;\n\t// Original ratio of the image clicked to open the lightbox.\n\tlet originalRatio = originalWidth / originalHeight;\n\n\t// If it has object-fit: contain, recalculate the original sizes\n\t// and the screen position without the blank spaces.\n\tif ( context.core.image.scaleAttr === 'contain' ) {\n\t\tif ( naturalRatio > originalRatio ) {\n\t\t\tconst heightWithoutSpace = originalWidth / naturalRatio;\n\t\t\t// Recalculate screen position without the top space.\n\t\t\tscreenPosY += ( originalHeight - heightWithoutSpace ) / 2;\n\t\t\toriginalHeight = heightWithoutSpace;\n\t\t} else {\n\t\t\tconst widthWithoutSpace = originalHeight * naturalRatio;\n\t\t\t// Recalculate screen position without the left space.\n\t\t\tscreenPosX += ( originalWidth - widthWithoutSpace ) / 2;\n\t\t\toriginalWidth = widthWithoutSpace;\n\t\t}\n\t}\n\toriginalRatio = originalWidth / originalHeight;\n\n\t// Typically, we use the image's full-sized dimensions. If those\n\t// dimensions have not been set (i.e. an external image with only one size),\n\t// the image's dimensions in the lightbox are the same\n\t// as those of the image in the content.\n\tlet imgMaxWidth = parseFloat(\n\t\tcontext.core.image.targetWidth !== 'none'\n\t\t\t? context.core.image.targetWidth\n\t\t\t: naturalWidth\n\t);\n\tlet imgMaxHeight = parseFloat(\n\t\tcontext.core.image.targetHeight !== 'none'\n\t\t\t? context.core.image.targetHeight\n\t\t\t: naturalHeight\n\t);\n\n\t// Ratio of the biggest image stored in the database.\n\tlet imgRatio = imgMaxWidth / imgMaxHeight;\n\tlet containerMaxWidth = imgMaxWidth;\n\tlet containerMaxHeight = imgMaxHeight;\n\tlet containerWidth = imgMaxWidth;\n\tlet containerHeight = imgMaxHeight;\n\t// Check if the target image has a different ratio than the original one (thumbnail).\n\t// Recalculate the width and height.\n\tif ( naturalRatio.toFixed( 2 ) !== imgRatio.toFixed( 2 ) ) {\n\t\tif ( naturalRatio > imgRatio ) {\n\t\t\t// If the width is reached before the height, we keep the maxWidth\n\t\t\t// and recalculate the height.\n\t\t\t// Unless the difference between the maxHeight and the reducedHeight\n\t\t\t// is higher than the maxWidth, where we keep the reducedHeight and\n\t\t\t// recalculate the width.\n\t\t\tconst reducedHeight = imgMaxWidth / naturalRatio;\n\t\t\tif ( imgMaxHeight - reducedHeight > imgMaxWidth ) {\n\t\t\t\timgMaxHeight = reducedHeight;\n\t\t\t\timgMaxWidth = reducedHeight * naturalRatio;\n\t\t\t} else {\n\t\t\t\timgMaxHeight = imgMaxWidth / naturalRatio;\n\t\t\t}\n\t\t} else {\n\t\t\t// If the height is reached before the width, we keep the maxHeight\n\t\t\t// and recalculate the width.\n\t\t\t// Unless the difference between the maxWidth and the reducedWidth\n\t\t\t// is higher than the maxHeight, where we keep the reducedWidth and\n\t\t\t// recalculate the height.\n\t\t\tconst reducedWidth = imgMaxHeight * naturalRatio;\n\t\t\tif ( imgMaxWidth - reducedWidth > imgMaxHeight ) {\n\t\t\t\timgMaxWidth = reducedWidth;\n\t\t\t\timgMaxHeight = reducedWidth / naturalRatio;\n\t\t\t} else {\n\t\t\t\timgMaxWidth = imgMaxHeight * naturalRatio;\n\t\t\t}\n\t\t}\n\t\tcontainerWidth = imgMaxWidth;\n\t\tcontainerHeight = imgMaxHeight;\n\t\timgRatio = imgMaxWidth / imgMaxHeight;\n\n\t\t// Calculate the max size of the container.\n\t\tif ( originalRatio > imgRatio ) {\n\t\t\tcontainerMaxWidth = imgMaxWidth;\n\t\t\tcontainerMaxHeight = containerMaxWidth / originalRatio;\n\t\t} else {\n\t\t\tcontainerMaxHeight = imgMaxHeight;\n\t\t\tcontainerMaxWidth = containerMaxHeight * originalRatio;\n\t\t}\n\t}\n\n\t// If the image has been pixelated on purpose, keep that size.\n\tif ( originalWidth > containerWidth || originalHeight > containerHeight ) {\n\t\tcontainerWidth = originalWidth;\n\t\tcontainerHeight = originalHeight;\n\t}\n\n\t// Calculate the final lightbox image size and the\n\t// scale factor. MaxWidth is either the window container\n\t// (accounting for padding) or the image resolution.\n\tlet horizontalPadding = 0;\n\tif ( window.innerWidth > 480 ) {\n\t\thorizontalPadding = 80;\n\t} else if ( window.innerWidth > 1920 ) {\n\t\thorizontalPadding = 160;\n\t}\n\tconst verticalPadding = 80;\n\n\tconst targetMaxWidth = Math.min(\n\t\twindow.innerWidth - horizontalPadding,\n\t\tcontainerWidth\n\t);\n\tconst targetMaxHeight = Math.min(\n\t\twindow.innerHeight - verticalPadding,\n\t\tcontainerHeight\n\t);\n\tconst targetContainerRatio = targetMaxWidth / targetMaxHeight;\n\n\tif ( originalRatio > targetContainerRatio ) {\n\t\t// If targetMaxWidth is reached before targetMaxHeight\n\t\tcontainerWidth = targetMaxWidth;\n\t\tcontainerHeight = containerWidth / originalRatio;\n\t} else {\n\t\t// If targetMaxHeight is reached before targetMaxWidth\n\t\tcontainerHeight = targetMaxHeight;\n\t\tcontainerWidth = containerHeight * originalRatio;\n\t}\n\n\tconst containerScale = originalWidth / containerWidth;\n\tconst lightboxImgWidth =\n\t\timgMaxWidth * ( containerWidth / containerMaxWidth );\n\tconst lightboxImgHeight =\n\t\timgMaxHeight * ( containerHeight / containerMaxHeight );\n\n\t// Add the CSS variables needed.\n\tlet styleTag = document.getElementById( 'wp-lightbox-styles' );\n\tif ( ! styleTag ) {\n\t\tstyleTag = document.createElement( 'style' );\n\t\tstyleTag.id = 'wp-lightbox-styles';\n\t\tdocument.head.appendChild( styleTag );\n\t}\n\n\t// As of this writing, using the calculations above will render the lightbox\n\t// with a small, erroneous whitespace on the left side of the image in iOS Safari,\n\t// perhaps due to an inconsistency in how browsers handle absolute positioning and CSS\n\t// transformation. In any case, adding 1 pixel to the container width and height solves\n\t// the problem, though this can be removed if the issue is fixed in the future.\n\tstyleTag.innerHTML = `\n\t\t:root {\n\t\t\t--wp--lightbox-initial-top-position: ${ screenPosY }px;\n\t\t\t--wp--lightbox-initial-left-position: ${ screenPosX }px;\n\t\t\t--wp--lightbox-container-width: ${ containerWidth + 1 }px;\n\t\t\t--wp--lightbox-container-height: ${ containerHeight + 1 }px;\n\t\t\t--wp--lightbox-image-width: ${ lightboxImgWidth }px;\n\t\t\t--wp--lightbox-image-height: ${ lightboxImgHeight }px;\n\t\t\t--wp--lightbox-scale: ${ containerScale };\n\t\t}\n\t`;\n}\n\n/*\n * Debounces a function call.\n *\n * @function\n * @param {Function} func - A function to be called\n * @param {number} wait - The time to wait before calling the function\n */\nfunction debounce( func, wait = 50 ) {\n\tlet timeout;\n\treturn () => {\n\t\tconst later = () => {\n\t\t\ttimeout = null;\n\t\t\tfunc();\n\t\t};\n\t\tclearTimeout( timeout );\n\t\ttimeout = setTimeout( later, wait );\n\t};\n}\n"],"mappings":"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"}

package/build-module/pattern/edit.js

@@ -12,7 +12,7 @@ const PatternEdit = ({
   clientId
 }) => {
   const selectedPattern = useSelect(select => select(blockEditorStore).__experimentalGetParsedPattern(attributes.slug), [attributes.slug]);
-  const currentThemeStylesheet = useSelect(select => select(coreStore).getCurrentTheme().stylesheet);
+  const currentThemeStylesheet = useSelect(select => select(coreStore).getCurrentTheme()?.stylesheet);
   const {
     replaceBlocks,
     __unstableMarkNextChangeAsNotPersistent

package/build-module/pattern/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["cloneBlock","useSelect","useDispatch","useEffect","store","blockEditorStore","useBlockProps","coreStore","PatternEdit","attributes","clientId","selectedPattern","select","__experimentalGetParsedPattern","slug","currentThemeStylesheet","getCurrentTheme","stylesheet","replaceBlocks","__unstableMarkNextChangeAsNotPersistent","setBlockEditingMode","getBlockRootClientId","getBlockEditingMode","injectThemeAttributeInBlockTemplateContent","block","innerBlocks","find","innerBlock","name","map","theme","undefined","blocks","window","queueMicrotask","rootClientId","clonedBlocks","rootEditingMode","props","createElement"],"sources":["@wordpress/block-library/src/pattern/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { cloneBlock } from '@wordpress/blocks';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\nimport {\n\tstore as blockEditorStore,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport { store as coreStore } from '@wordpress/core-data';\n\nconst PatternEdit = ( { attributes, clientId } ) => {\n\tconst selectedPattern = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).__experimentalGetParsedPattern(\n\t\t\t\tattributes.slug\n\t\t\t),\n\t\t[ attributes.slug ]\n\t);\n\n\tconst currentThemeStylesheet = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme().stylesheet\n\t);\n\n\tconst { replaceBlocks, __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\tconst { setBlockEditingMode } = useDispatch( blockEditorStore );\n\tconst { getBlockRootClientId, getBlockEditingMode } =\n\t\tuseSelect( blockEditorStore );\n\n\t// Duplicated in packages/edit-site/src/components/start-template-options/index.js.\n\tfunction injectThemeAttributeInBlockTemplateContent( block ) {\n\t\tif (\n\t\t\tblock.innerBlocks.find(\n\t\t\t\t( innerBlock ) => innerBlock.name === 'core/template-part'\n\t\t\t)\n\t\t) {\n\t\t\tblock.innerBlocks = block.innerBlocks.map( ( innerBlock ) => {\n\t\t\t\tif (\n\t\t\t\t\tinnerBlock.name === 'core/template-part' &&\n\t\t\t\t\tinnerBlock.attributes.theme === undefined\n\t\t\t\t) {\n\t\t\t\t\tinnerBlock.attributes.theme = currentThemeStylesheet;\n\t\t\t\t}\n\t\t\t\treturn innerBlock;\n\t\t\t} );\n\t\t}\n\n\t\tif (\n\t\t\tblock.name === 'core/template-part' &&\n\t\t\tblock.attributes.theme === undefined\n\t\t) {\n\t\t\tblock.attributes.theme = currentThemeStylesheet;\n\t\t}\n\t\treturn block;\n\t}\n\n\t// Run this effect when the component loads.\n\t// This adds the Pattern's contents to the post.\n\t// This change won't be saved.\n\t// It will continue to pull from the pattern file unless changes are made to its respective template part.\n\tuseEffect( () => {\n\t\tif ( selectedPattern?.blocks ) {\n\t\t\t// We batch updates to block list settings to avoid triggering cascading renders\n\t\t\t// for each container block included in a tree and optimize initial render.\n\t\t\t// Since the above uses microtasks, we need to use a microtask here as well,\n\t\t\t// because nested pattern blocks cannot be inserted if the parent block supports\n\t\t\t// inner blocks but doesn't have blockSettings in the state.\n\t\t\twindow.queueMicrotask( () => {\n\t\t\t\tconst rootClientId = getBlockRootClientId( clientId );\n\t\t\t\t// Clone blocks from the pattern before insertion to ensure they receive\n\t\t\t\t// distinct client ids. See https://github.com/WordPress/gutenberg/issues/50628.\n\t\t\t\tconst clonedBlocks = selectedPattern.blocks.map( ( block ) =>\n\t\t\t\t\tcloneBlock(\n\t\t\t\t\t\tinjectThemeAttributeInBlockTemplateContent( block )\n\t\t\t\t\t)\n\t\t\t\t);\n\t\t\t\tconst rootEditingMode = getBlockEditingMode( rootClientId );\n\t\t\t\t// Temporarily set the root block to default mode to allow replacing the pattern.\n\t\t\t\t// This could happen when the page is disabling edits of non-content blocks.\n\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\tsetBlockEditingMode( rootClientId, 'default' );\n\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\treplaceBlocks( clientId, clonedBlocks );\n\t\t\t\t// Restore the root block's original mode.\n\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\tsetBlockEditingMode( rootClientId, rootEditingMode );\n\t\t\t} );\n\t\t}\n\t}, [\n\t\tclientId,\n\t\tselectedPattern?.blocks,\n\t\t__unstableMarkNextChangeAsNotPersistent,\n\t\treplaceBlocks,\n\t\tgetBlockEditingMode,\n\t\tsetBlockEditingMode,\n\t\tgetBlockRootClientId,\n\t] );\n\n\tconst props = useBlockProps();\n\n\treturn <div { ...props } />;\n};\n\nexport default PatternEdit;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,SACCC,KAAK,IAAIC,gBAAgB,EACzBC,aAAa,QACP,yBAAyB;AAChC,SAASF,KAAK,IAAIG,SAAS,QAAQ,sBAAsB;AAEzD,MAAMC,WAAW,GAAGA,CAAE;EAAEC,UAAU;EAAEC;AAAS,CAAC,KAAM;EACnD,MAAMC,eAAe,GAAGV,SAAS,CAC9BW,MAAM,IACPA,MAAM,CAAEP,gBAAiB,CAAC,CAACQ,8BAA8B,CACxDJ,UAAU,CAACK,IACZ,CAAC,EACF,CAAEL,UAAU,CAACK,IAAI,CAClB,CAAC;EAED,MAAMC,sBAAsB,GAAGd,SAAS,CACrCW,MAAM,IAAMA,MAAM,CAAEL,SAAU,CAAC,CAACS,eAAe,CAAC,CAAC,CAACC,UACrD,CAAC;EAED,MAAM;IAAEC,aAAa;IAAEC;EAAwC,CAAC,GAC/DjB,WAAW,CAAEG,gBAAiB,CAAC;EAChC,MAAM;IAAEe;EAAoB,CAAC,GAAGlB,WAAW,CAAEG,gBAAiB,CAAC;EAC/D,MAAM;IAAEgB,oBAAoB;IAAEC;EAAoB,CAAC,GAClDrB,SAAS,CAAEI,gBAAiB,CAAC;;EAE9B;EACA,SAASkB,0CAA0CA,CAAEC,KAAK,EAAG;IAC5D,IACCA,KAAK,CAACC,WAAW,CAACC,IAAI,CACnBC,UAAU,IAAMA,UAAU,CAACC,IAAI,KAAK,oBACvC,CAAC,EACA;MACDJ,KAAK,CAACC,WAAW,GAAGD,KAAK,CAACC,WAAW,CAACI,GAAG,CAAIF,UAAU,IAAM;QAC5D,IACCA,UAAU,CAACC,IAAI,KAAK,oBAAoB,IACxCD,UAAU,CAAClB,UAAU,CAACqB,KAAK,KAAKC,SAAS,EACxC;UACDJ,UAAU,CAAClB,UAAU,CAACqB,KAAK,GAAGf,sBAAsB;QACrD;QACA,OAAOY,UAAU;MAClB,CAAE,CAAC;IACJ;IAEA,IACCH,KAAK,CAACI,IAAI,KAAK,oBAAoB,IACnCJ,KAAK,CAACf,UAAU,CAACqB,KAAK,KAAKC,SAAS,EACnC;MACDP,KAAK,CAACf,UAAU,CAACqB,KAAK,GAAGf,sBAAsB;IAChD;IACA,OAAOS,KAAK;EACb;;EAEA;EACA;EACA;EACA;EACArB,SAAS,CAAE,MAAM;IAChB,IAAKQ,eAAe,EAAEqB,MAAM,EAAG;MAC9B;MACA;MACA;MACA;MACA;MACAC,MAAM,CAACC,cAAc,CAAE,MAAM;QAC5B,MAAMC,YAAY,GAAGd,oBAAoB,CAAEX,QAAS,CAAC;QACrD;QACA;QACA,MAAM0B,YAAY,GAAGzB,eAAe,CAACqB,MAAM,CAACH,GAAG,CAAIL,KAAK,IACvDxB,UAAU,CACTuB,0CAA0C,CAAEC,KAAM,CACnD,CACD,CAAC;QACD,MAAMa,eAAe,GAAGf,mBAAmB,CAAEa,YAAa,CAAC;QAC3D;QACA;QACAhB,uCAAuC,CAAC,CAAC;QACzCC,mBAAmB,CAAEe,YAAY,EAAE,SAAU,CAAC;QAC9ChB,uCAAuC,CAAC,CAAC;QACzCD,aAAa,CAAER,QAAQ,EAAE0B,YAAa,CAAC;QACvC;QACAjB,uCAAuC,CAAC,CAAC;QACzCC,mBAAmB,CAAEe,YAAY,EAAEE,eAAgB,CAAC;MACrD,CAAE,CAAC;IACJ;EACD,CAAC,EAAE,CACF3B,QAAQ,EACRC,eAAe,EAAEqB,MAAM,EACvBb,uCAAuC,EACvCD,aAAa,EACbI,mBAAmB,EACnBF,mBAAmB,EACnBC,oBAAoB,CACnB,CAAC;EAEH,MAAMiB,KAAK,GAAGhC,aAAa,CAAC,CAAC;EAE7B,OAAOiC,aAAA;IAAA,GAAUD;EAAK,CAAI,CAAC;AAC5B,CAAC;AAED,eAAe9B,WAAW"}
+{"version":3,"names":["cloneBlock","useSelect","useDispatch","useEffect","store","blockEditorStore","useBlockProps","coreStore","PatternEdit","attributes","clientId","selectedPattern","select","__experimentalGetParsedPattern","slug","currentThemeStylesheet","getCurrentTheme","stylesheet","replaceBlocks","__unstableMarkNextChangeAsNotPersistent","setBlockEditingMode","getBlockRootClientId","getBlockEditingMode","injectThemeAttributeInBlockTemplateContent","block","innerBlocks","find","innerBlock","name","map","theme","undefined","blocks","window","queueMicrotask","rootClientId","clonedBlocks","rootEditingMode","props","createElement"],"sources":["@wordpress/block-library/src/pattern/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { cloneBlock } from '@wordpress/blocks';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\nimport {\n\tstore as blockEditorStore,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport { store as coreStore } from '@wordpress/core-data';\n\nconst PatternEdit = ( { attributes, clientId } ) => {\n\tconst selectedPattern = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).__experimentalGetParsedPattern(\n\t\t\t\tattributes.slug\n\t\t\t),\n\t\t[ attributes.slug ]\n\t);\n\n\tconst currentThemeStylesheet = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme()?.stylesheet\n\t);\n\n\tconst { replaceBlocks, __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\tconst { setBlockEditingMode } = useDispatch( blockEditorStore );\n\tconst { getBlockRootClientId, getBlockEditingMode } =\n\t\tuseSelect( blockEditorStore );\n\n\t// Duplicated in packages/edit-site/src/components/start-template-options/index.js.\n\tfunction injectThemeAttributeInBlockTemplateContent( block ) {\n\t\tif (\n\t\t\tblock.innerBlocks.find(\n\t\t\t\t( innerBlock ) => innerBlock.name === 'core/template-part'\n\t\t\t)\n\t\t) {\n\t\t\tblock.innerBlocks = block.innerBlocks.map( ( innerBlock ) => {\n\t\t\t\tif (\n\t\t\t\t\tinnerBlock.name === 'core/template-part' &&\n\t\t\t\t\tinnerBlock.attributes.theme === undefined\n\t\t\t\t) {\n\t\t\t\t\tinnerBlock.attributes.theme = currentThemeStylesheet;\n\t\t\t\t}\n\t\t\t\treturn innerBlock;\n\t\t\t} );\n\t\t}\n\n\t\tif (\n\t\t\tblock.name === 'core/template-part' &&\n\t\t\tblock.attributes.theme === undefined\n\t\t) {\n\t\t\tblock.attributes.theme = currentThemeStylesheet;\n\t\t}\n\t\treturn block;\n\t}\n\n\t// Run this effect when the component loads.\n\t// This adds the Pattern's contents to the post.\n\t// This change won't be saved.\n\t// It will continue to pull from the pattern file unless changes are made to its respective template part.\n\tuseEffect( () => {\n\t\tif ( selectedPattern?.blocks ) {\n\t\t\t// We batch updates to block list settings to avoid triggering cascading renders\n\t\t\t// for each container block included in a tree and optimize initial render.\n\t\t\t// Since the above uses microtasks, we need to use a microtask here as well,\n\t\t\t// because nested pattern blocks cannot be inserted if the parent block supports\n\t\t\t// inner blocks but doesn't have blockSettings in the state.\n\t\t\twindow.queueMicrotask( () => {\n\t\t\t\tconst rootClientId = getBlockRootClientId( clientId );\n\t\t\t\t// Clone blocks from the pattern before insertion to ensure they receive\n\t\t\t\t// distinct client ids. See https://github.com/WordPress/gutenberg/issues/50628.\n\t\t\t\tconst clonedBlocks = selectedPattern.blocks.map( ( block ) =>\n\t\t\t\t\tcloneBlock(\n\t\t\t\t\t\tinjectThemeAttributeInBlockTemplateContent( block )\n\t\t\t\t\t)\n\t\t\t\t);\n\t\t\t\tconst rootEditingMode = getBlockEditingMode( rootClientId );\n\t\t\t\t// Temporarily set the root block to default mode to allow replacing the pattern.\n\t\t\t\t// This could happen when the page is disabling edits of non-content blocks.\n\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\tsetBlockEditingMode( rootClientId, 'default' );\n\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\treplaceBlocks( clientId, clonedBlocks );\n\t\t\t\t// Restore the root block's original mode.\n\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\tsetBlockEditingMode( rootClientId, rootEditingMode );\n\t\t\t} );\n\t\t}\n\t}, [\n\t\tclientId,\n\t\tselectedPattern?.blocks,\n\t\t__unstableMarkNextChangeAsNotPersistent,\n\t\treplaceBlocks,\n\t\tgetBlockEditingMode,\n\t\tsetBlockEditingMode,\n\t\tgetBlockRootClientId,\n\t] );\n\n\tconst props = useBlockProps();\n\n\treturn <div { ...props } />;\n};\n\nexport default PatternEdit;\n"],"mappings":"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"}

package/build-style/image/style-rtl.css

@@ -213,22 +213,28 @@
 .wp-lightbox-container button {
   opacity: 0;
   border: none;
-  background: #000;
+  background-color: rgba(90, 90, 90, 0.25);
+  -webkit-backdrop-filter: blur(16px) saturate(180%);
+          backdrop-filter: blur(16px) saturate(180%);
   cursor: zoom-in;
-  width: 24px;
-  height: 24px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 20px;
+  height: 20px;
   position: absolute;
   z-index: 100;
-  top: 10px;
-  left: 10px;
+  top: 16px;
+  left: 16px;
   text-align: center;
   padding: 0;
-  border-radius: 10%;
+  border-radius: 4px;
+  transition: opacity 0.2s ease;
 }
 .wp-lightbox-container button:focus-visible {
-  outline: 5px auto #212121;
-  outline: 5px auto -webkit-focus-ring-color;
-  outline-offset: 5px;
+  outline: 3px auto rgba(90, 90, 90, 0.25);
+  outline: 3px auto -webkit-focus-ring-color;
+  outline-offset: 3px;
 }
 .wp-lightbox-container button:hover {
   cursor: pointer;
@@ -238,7 +244,7 @@
   opacity: 1;
 }
 .wp-lightbox-container button:hover, .wp-lightbox-container button:focus, .wp-lightbox-container button:not(:hover):not(:active):not(.has-background) {
-  background: #000;
+  background-color: rgba(90, 90, 90, 0.25);
   border: none;
 }
 

package/build-style/image/style.css

@@ -219,22 +219,28 @@
 .wp-lightbox-container button {
   opacity: 0;
   border: none;
-  background: #000;
+  background-color: rgba(90, 90, 90, 0.25);
+  -webkit-backdrop-filter: blur(16px) saturate(180%);
+          backdrop-filter: blur(16px) saturate(180%);
   cursor: zoom-in;
-  width: 24px;
-  height: 24px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 20px;
+  height: 20px;
   position: absolute;
   z-index: 100;
-  top: 10px;
-  right: 10px;
+  top: 16px;
+  right: 16px;
   text-align: center;
   padding: 0;
-  border-radius: 10%;
+  border-radius: 4px;
+  transition: opacity 0.2s ease;
 }
 .wp-lightbox-container button:focus-visible {
-  outline: 5px auto #212121;
-  outline: 5px auto -webkit-focus-ring-color;
-  outline-offset: 5px;
+  outline: 3px auto rgba(90, 90, 90, 0.25);
+  outline: 3px auto -webkit-focus-ring-color;
+  outline-offset: 3px;
 }
 .wp-lightbox-container button:hover {
   cursor: pointer;
@@ -244,7 +250,7 @@
   opacity: 1;
 }
 .wp-lightbox-container button:hover, .wp-lightbox-container button:focus, .wp-lightbox-container button:not(:hover):not(:active):not(.has-background) {
-  background: #000;
+  background-color: rgba(90, 90, 90, 0.25);
   border: none;
 }
 

package/build-style/style-rtl.css

@@ -1621,22 +1621,28 @@ h6.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]) {
 .wp-lightbox-container button {
   opacity: 0;
   border: none;
-  background: #000;
+  background-color: rgba(90, 90, 90, 0.25);
+  -webkit-backdrop-filter: blur(16px) saturate(180%);
+          backdrop-filter: blur(16px) saturate(180%);
   cursor: zoom-in;
-  width: 24px;
-  height: 24px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 20px;
+  height: 20px;
   position: absolute;
   z-index: 100;
-  top: 10px;
-  left: 10px;
+  top: 16px;
+  left: 16px;
   text-align: center;
   padding: 0;
-  border-radius: 10%;
+  border-radius: 4px;
+  transition: opacity 0.2s ease;
 }
 .wp-lightbox-container button:focus-visible {
-  outline: 5px auto #212121;
-  outline: 5px auto -webkit-focus-ring-color;
-  outline-offset: 5px;
+  outline: 3px auto rgba(90, 90, 90, 0.25);
+  outline: 3px auto -webkit-focus-ring-color;
+  outline-offset: 3px;
 }
 .wp-lightbox-container button:hover {
   cursor: pointer;
@@ -1646,7 +1652,7 @@ h6.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]) {
   opacity: 1;
 }
 .wp-lightbox-container button:hover, .wp-lightbox-container button:focus, .wp-lightbox-container button:not(:hover):not(:active):not(.has-background) {
-  background: #000;
+  background-color: rgba(90, 90, 90, 0.25);
   border: none;
 }
 

package/build-style/style.css

@@ -1635,22 +1635,28 @@ h6.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]) {
 .wp-lightbox-container button {
   opacity: 0;
   border: none;
-  background: #000;
+  background-color: rgba(90, 90, 90, 0.25);
+  -webkit-backdrop-filter: blur(16px) saturate(180%);
+          backdrop-filter: blur(16px) saturate(180%);
   cursor: zoom-in;
-  width: 24px;
-  height: 24px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 20px;
+  height: 20px;
   position: absolute;
   z-index: 100;
-  top: 10px;
-  right: 10px;
+  top: 16px;
+  right: 16px;
   text-align: center;
   padding: 0;
-  border-radius: 10%;
+  border-radius: 4px;
+  transition: opacity 0.2s ease;
 }
 .wp-lightbox-container button:focus-visible {
-  outline: 5px auto #212121;
-  outline: 5px auto -webkit-focus-ring-color;
-  outline-offset: 5px;
+  outline: 3px auto rgba(90, 90, 90, 0.25);
+  outline: 3px auto -webkit-focus-ring-color;
+  outline-offset: 3px;
 }
 .wp-lightbox-container button:hover {
   cursor: pointer;
@@ -1660,7 +1666,7 @@ h6.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]) {
   opacity: 1;
 }
 .wp-lightbox-container button:hover, .wp-lightbox-container button:focus, .wp-lightbox-container button:not(:hover):not(:active):not(.has-background) {
-  background: #000;
+  background-color: rgba(90, 90, 90, 0.25);
   border: none;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "8.19.11",
+	"version": "8.19.12",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -31,36 +31,36 @@
 	],
 	"dependencies": {
 		"@babel/runtime": "^7.16.0",
-		"@wordpress/a11y": "^3.42.11",
-		"@wordpress/api-fetch": "^6.39.11",
-		"@wordpress/autop": "^3.42.11",
-		"@wordpress/blob": "^3.42.11",
-		"@wordpress/block-editor": "^12.10.11",
-		"@wordpress/blocks": "^12.19.11",
-		"@wordpress/components": "^25.8.11",
-		"@wordpress/compose": "^6.19.11",
-		"@wordpress/core-data": "^6.19.11",
-		"@wordpress/data": "^9.12.11",
-		"@wordpress/date": "^4.42.11",
-		"@wordpress/deprecated": "^3.42.11",
-		"@wordpress/dom": "^3.42.11",
-		"@wordpress/element": "^5.19.11",
-		"@wordpress/escape-html": "^2.42.11",
-		"@wordpress/hooks": "^3.42.11",
-		"@wordpress/html-entities": "^3.42.11",
-		"@wordpress/i18n": "^4.42.11",
-		"@wordpress/icons": "^9.33.11",
-		"@wordpress/interactivity": "^2.3.11",
-		"@wordpress/keycodes": "^3.42.11",
-		"@wordpress/notices": "^4.10.11",
-		"@wordpress/primitives": "^3.40.11",
-		"@wordpress/private-apis": "^0.24.11",
-		"@wordpress/reusable-blocks": "^4.19.11",
-		"@wordpress/rich-text": "^6.19.11",
-		"@wordpress/server-side-render": "^4.19.11",
-		"@wordpress/url": "^3.43.11",
-		"@wordpress/viewport": "^5.19.11",
-		"@wordpress/wordcount": "^3.42.11",
+		"@wordpress/a11y": "^3.42.12",
+		"@wordpress/api-fetch": "^6.39.12",
+		"@wordpress/autop": "^3.42.12",
+		"@wordpress/blob": "^3.42.12",
+		"@wordpress/block-editor": "^12.10.12",
+		"@wordpress/blocks": "^12.19.12",
+		"@wordpress/components": "^25.8.12",
+		"@wordpress/compose": "^6.19.12",
+		"@wordpress/core-data": "^6.19.12",
+		"@wordpress/data": "^9.12.12",
+		"@wordpress/date": "^4.42.12",
+		"@wordpress/deprecated": "^3.42.12",
+		"@wordpress/dom": "^3.42.12",
+		"@wordpress/element": "^5.19.12",
+		"@wordpress/escape-html": "^2.42.12",
+		"@wordpress/hooks": "^3.42.12",
+		"@wordpress/html-entities": "^3.42.12",
+		"@wordpress/i18n": "^4.42.12",
+		"@wordpress/icons": "^9.33.12",
+		"@wordpress/interactivity": "^2.3.12",
+		"@wordpress/keycodes": "^3.42.12",
+		"@wordpress/notices": "^4.10.12",
+		"@wordpress/primitives": "^3.40.12",
+		"@wordpress/private-apis": "^0.24.12",
+		"@wordpress/reusable-blocks": "^4.19.12",
+		"@wordpress/rich-text": "^6.19.12",
+		"@wordpress/server-side-render": "^4.19.12",
+		"@wordpress/url": "^3.43.12",
+		"@wordpress/viewport": "^5.19.12",
+		"@wordpress/wordcount": "^3.42.12",
 		"change-case": "^4.1.2",
 		"classnames": "^2.3.1",
 		"colord": "^2.7.0",
@@ -78,5 +78,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "6fcbf0077299e6c5aa42c83110c04cf3c9078e92"
+	"gitHead": "8447c60232efe04eb248a1c893bf3a1fc4e47ecc"
 }

package/src/image/index.php

@@ -242,10 +242,9 @@ function block_core_image_render_lightbox( $block_content, $block ) {
 			data-wp-on--click="actions.core.image.showLightbox"
 			data-wp-style--right="context.core.image.imageButtonRight"
 			data-wp-style--top="context.core.image.imageButtonTop"
-			style="background: #000"
 		>
-			<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
-				<Path stroke="#FFFFFF" d="M6 4a2 2 0 0 0-2 2v3h1.5V6a.5.5 0 0 1 .5-.5h3V4H6Zm3 14.5H6a.5.5 0 0 1-.5-.5v-3H4v3a2 2 0 0 0 2 2h3v-1.5Zm6 1.5v-1.5h3a.5.5 0 0 0 .5-.5v-3H20v3a2 2 0 0 1-2 2h-3Zm3-16a2 2 0 0 1 2 2v3h-1.5V6a.5.5 0 0 0-.5-.5h-3V4h3Z" />
+			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
+				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
 			</svg>
 		</button>';
 
@@ -303,7 +302,7 @@ function block_core_image_render_lightbox( $block_content, $block ) {
 		}
 	}
 
-	$close_button_icon  = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="15" height="15" aria-hidden="true" focusable="false"><path d="M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"></path></svg>';
+	$close_button_icon  = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" focusable="false"><path d="M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"></path></svg>';
 	$close_button_label = esc_attr__( 'Close' );
 
 	$lightbox_html = <<<HTML

package/src/image/style.scss

@@ -168,22 +168,27 @@
 	button {
 		opacity: 0;
 		border: none;
-		background: #000;
+		background-color: rgb(90 90 90 / 25%);
+		backdrop-filter: blur($grid-unit-20) saturate(180%);
 		cursor: zoom-in;
-		width: 24px;
-		height: 24px;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		width: 20px;
+		height: 20px;
 		position: absolute;
 		z-index: 100;
-		top: 10px;
-		right: 10px;
+		top: 16px;
+		right: 16px;
 		text-align: center;
 		padding: 0;
-		border-radius: 10%;
+		border-radius: 4px;
+		transition: opacity 0.2s ease;
 
 		&:focus-visible {
-			outline: 5px auto #212121;
-			outline: 5px auto -webkit-focus-ring-color;
-			outline-offset: 5px;
+			outline: 3px auto rgb(90 90 90 / 25%);
+			outline: 3px auto -webkit-focus-ring-color;
+			outline-offset: 3px;
 		}
 
 		&:hover {
@@ -198,7 +203,7 @@
 		&:hover,
 		&:focus,
 		&:not(:hover):not(:active):not(.has-background) {
-			background: #000;
+			background-color: rgb(90 90 90 / 25%);
 			border: none;
 		}
 	}

package/src/image/view.js

@@ -340,26 +340,26 @@ store(
 								context.core.image.imageButtonTop =
 									( offsetHeight - referenceHeight ) / 2 +
 									buttonOffsetTop +
-									10;
+									16;
 								context.core.image.imageButtonRight =
-									buttonOffsetRight + 10;
+									buttonOffsetRight + 16;
 							} else {
 								// If it reaches the height first, keep
 								// the height and compute the width.
 								const referenceWidth =
 									offsetHeight * naturalRatio;
 								context.core.image.imageButtonTop =
-									buttonOffsetTop + 10;
+									buttonOffsetTop + 16;
 								context.core.image.imageButtonRight =
 									( offsetWidth - referenceWidth ) / 2 +
 									buttonOffsetRight +
-									10;
+									16;
 							}
 						} else {
 							context.core.image.imageButtonTop =
-								buttonOffsetTop + 10;
+								buttonOffsetTop + 16;
 							context.core.image.imageButtonRight =
-								buttonOffsetRight + 10;
+								buttonOffsetRight + 16;
 						}
 					},
 					setStylesOnResize: ( { state, context, ref } ) => {

package/src/pattern/edit.js

@@ -20,7 +20,7 @@ const PatternEdit = ( { attributes, clientId } ) => {
 	);
 
 	const currentThemeStylesheet = useSelect(
-		( select ) => select( coreStore ).getCurrentTheme().stylesheet
+		( select ) => select( coreStore ).getCurrentTheme()?.stylesheet
 	);
 
 	const { replaceBlocks, __unstableMarkNextChangeAsNotPersistent } =