@wordpress/block-library 8.19.2 → 8.20.0

package/build/image/view.js.map

@@ -1 +1 @@
-{"version":3,"names":["_interactivity","require","focusableSelectors","store","state","core","image","windowWidth","window","innerWidth","windowHeight","innerHeight","actions","showLightbox","context","event","imageLoaded","initialized","lastFocusedElement","document","activeElement","scrollDelta","lightboxEnabled","setStyles","documentElement","classList","add","hideLightbox","hideAnimationEnabled","lightboxAnimation","deltaY","type","Math","abs","scrollY","scrollTop","pageYOffset","scrollLeft","pageXOffset","onscroll","scrollTo","setTimeout","remove","focus","preventScroll","handleKeydown","key","keyCode","shiftKey","firstFocusableElement","preventDefault","lastFocusableElement","handleLoad","effects","ref","imageCurrentSrc","currentSrc","setButtonStyles","selectors","roleAttribute","lightboxObjectFit","enlargedImgSrc","imageUploadedSrc","setCurrentSrc","complete","initLightbox","figureRef","querySelector","imageRef","focusableElements","querySelectorAll","length","naturalWidth","naturalHeight","offsetWidth","offsetHeight","scaleAttr","naturalRatio","offsetRatio","imageButtonWidth","buttonHeight","imageButtonHeight","imageButtonTop","buttonWidth","imageButtonLeft","afterLoad","addEventListener","debounce","originalWidth","originalHeight","target","nextElementSibling","x","screenPosX","y","screenPosY","getBoundingClientRect","originalRatio","heightWithoutSpace","widthWithoutSpace","imgMaxWidth","parseFloat","targetWidth","imgMaxHeight","targetHeight","imgRatio","containerMaxWidth","containerMaxHeight","containerWidth","containerHeight","toFixed","reducedHeight","reducedWidth","horizontalPadding","verticalPadding","targetMaxWidth","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\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\n\t\t\t\t\t\tcontext.core.image.lightboxEnabled = true;\n\t\t\t\t\t\tsetStyles( context, event );\n\t\t\t\t\t\t// Hide overflow only when the animation is in progress,\n\t\t\t\t\t\t// otherwise the removal of the scrollbars will draw attention\n\t\t\t\t\t\t// to itself and look like an error\n\t\t\t\t\t\tdocument.documentElement.classList.add(\n\t\t\t\t\t\t\t'wp-has-lightbox-open'\n\t\t\t\t\t\t);\n\t\t\t\t\t},\n\t\t\t\t\thideLightbox: async ( { context, event } ) => {\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// If scrolling, wait a moment before closing the lightbox.\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\tcontext.core.image.lightboxAnimation === 'fade'\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tcontext.core.image.scrollDelta += event.deltaY;\n\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\tevent.type === 'mousewheel' &&\n\t\t\t\t\t\t\t\t\tMath.abs(\n\t\t\t\t\t\t\t\t\t\twindow.scrollY -\n\t\t\t\t\t\t\t\t\t\t\tcontext.core.image.scrollDelta\n\t\t\t\t\t\t\t\t\t) < 10\n\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} else if (\n\t\t\t\t\t\t\t\tcontext.core.image.lightboxAnimation === 'zoom'\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t// Disable scroll until the zoom animation ends.\n\t\t\t\t\t\t\t\t// Get the current page scroll position\n\t\t\t\t\t\t\t\tconst scrollTop =\n\t\t\t\t\t\t\t\t\twindow.pageYOffset ||\n\t\t\t\t\t\t\t\t\tdocument.documentElement.scrollTop;\n\t\t\t\t\t\t\t\tconst scrollLeft =\n\t\t\t\t\t\t\t\t\twindow.pageXOffset ||\n\t\t\t\t\t\t\t\t\tdocument.documentElement.scrollLeft;\n\t\t\t\t\t\t\t\t// if any scroll is attempted, set this to the previous value.\n\t\t\t\t\t\t\t\twindow.onscroll = function () {\n\t\t\t\t\t\t\t\t\twindow.scrollTo( scrollLeft, scrollTop );\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t// Enable scrolling after the animation finishes\n\t\t\t\t\t\t\t\tsetTimeout( function () {\n\t\t\t\t\t\t\t\t\twindow.onscroll = function () {};\n\t\t\t\t\t\t\t\t}, 400 );\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tdocument.documentElement.classList.remove(\n\t\t\t\t\t\t\t\t'wp-has-lightbox-open'\n\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\tcontext.core.image.lightboxEnabled = false;\n\t\t\t\t\t\t\tcontext.core.image.lastFocusedElement.focus( {\n\t\t\t\t\t\t\t\tpreventScroll: true,\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\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\thandleLoad: ( { state, 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\tstate,\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},\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: '';\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: '';\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\tsetCurrentSrc: ( { context, ref } ) => {\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\tcontext.core.image.figureRef =\n\t\t\t\t\t\t\tref.querySelector( 'figure' );\n\t\t\t\t\t\tcontext.core.image.imageRef =\n\t\t\t\t\t\t\tref.querySelector( 'img' );\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\tref.querySelector( '.close-button' ).focus();\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tsetButtonStyles: ( { state, 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 how big 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\t// Subscribe to the window dimensions so we can\n\t\t\t\t\t\t// recalculate the styles if the window is resized.\n\t\t\t\t\t\tif (\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\tcontext.core.image.scaleAttr === 'contain'\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t// In the case of an image with object-fit: contain, the\n\t\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\t// so we need to calculate the size of the button to match.\n\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 recalculate the height.\n\t\t\t\t\t\t\t\tcontext.core.image.imageButtonWidth =\n\t\t\t\t\t\t\t\t\toffsetWidth;\n\t\t\t\t\t\t\t\tconst buttonHeight = offsetWidth / naturalRatio;\n\t\t\t\t\t\t\t\tcontext.core.image.imageButtonHeight =\n\t\t\t\t\t\t\t\t\tbuttonHeight;\n\t\t\t\t\t\t\t\tcontext.core.image.imageButtonTop =\n\t\t\t\t\t\t\t\t\t( offsetHeight - buttonHeight ) / 2;\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 recalculate the width.\n\t\t\t\t\t\t\t\tcontext.core.image.imageButtonHeight =\n\t\t\t\t\t\t\t\t\toffsetHeight;\n\t\t\t\t\t\t\t\tconst buttonWidth = offsetHeight * naturalRatio;\n\t\t\t\t\t\t\t\tcontext.core.image.imageButtonWidth =\n\t\t\t\t\t\t\t\t\tbuttonWidth;\n\t\t\t\t\t\t\t\tcontext.core.image.imageButtonLeft =\n\t\t\t\t\t\t\t\t\t( offsetWidth - buttonWidth ) / 2;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t// In all other cases, we can trust that the size of\n\t\t\t\t\t\t\t// the image is the right size for the button as well.\n\n\t\t\t\t\t\t\tcontext.core.image.imageButtonWidth = offsetWidth;\n\t\t\t\t\t\t\tcontext.core.image.imageButtonHeight = offsetHeight;\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\nfunction setStyles( context, event ) {\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} = event.target.nextElementSibling;\n\tlet { x: screenPosX, y: screenPosY } =\n\t\tevent.target.nextElementSibling.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\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","lightboxEnabled","setStyles","pageYOffset","documentElement","scrollTop","pageXOffset","scrollLeft","bind","addEventListener","hideLightbox","hideAnimationEnabled","setTimeout","removeEventListener","focus","preventScroll","handleKeydown","key","keyCode","shiftKey","firstFocusableElement","preventDefault","lastFocusableElement","handleLoad","effects","ref","imageCurrentSrc","currentSrc","setButtonStyles","handleTouchStart","handleTouchMove","handleTouchEnd","selectors","roleAttribute","lightboxObjectFit","enlargedImgSrc","imageUploadedSrc","setCurrentSrc","complete","initLightbox","figureRef","querySelector","imageRef","focusableElements","querySelectorAll","length","naturalWidth","naturalHeight","offsetWidth","offsetHeight","scaleAttr","naturalRatio","offsetRatio","imageButtonWidth","buttonHeight","imageButtonHeight","imageButtonTop","buttonWidth","imageButtonLeft","afterLoad","debounce","originalWidth","originalHeight","target","nextElementSibling","x","screenPosX","y","screenPosY","getBoundingClientRect","originalRatio","heightWithoutSpace","widthWithoutSpace","imgMaxWidth","parseFloat","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\n\t\t\t\t\t\tcontext.core.image.lightboxEnabled = true;\n\t\t\t\t\t\tsetStyles( context, event );\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}, 450 );\n\n\t\t\t\t\t\t\tcontext.core.image.lightboxEnabled = false;\n\t\t\t\t\t\t\tcontext.core.image.lastFocusedElement.focus( {\n\t\t\t\t\t\t\t\tpreventScroll: true,\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\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\thandleLoad: ( { state, 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\tstate,\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: '';\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: '';\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\tsetCurrentSrc: ( { context, ref } ) => {\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\tcontext.core.image.figureRef =\n\t\t\t\t\t\t\tref.querySelector( 'figure' );\n\t\t\t\t\t\tcontext.core.image.imageRef =\n\t\t\t\t\t\t\tref.querySelector( 'img' );\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\tref.querySelector( '.close-button' ).focus();\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tsetButtonStyles: ( { state, 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 how big 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\t// Subscribe to the window dimensions so we can\n\t\t\t\t\t\t// recalculate the styles if the window is resized.\n\t\t\t\t\t\tif (\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\tcontext.core.image.scaleAttr === 'contain'\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t// In the case of an image with object-fit: contain, the\n\t\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\t// so we need to calculate the size of the button to match.\n\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 recalculate the height.\n\t\t\t\t\t\t\t\tcontext.core.image.imageButtonWidth =\n\t\t\t\t\t\t\t\t\toffsetWidth;\n\t\t\t\t\t\t\t\tconst buttonHeight = offsetWidth / naturalRatio;\n\t\t\t\t\t\t\t\tcontext.core.image.imageButtonHeight =\n\t\t\t\t\t\t\t\t\tbuttonHeight;\n\t\t\t\t\t\t\t\tcontext.core.image.imageButtonTop =\n\t\t\t\t\t\t\t\t\t( offsetHeight - buttonHeight ) / 2;\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 recalculate the width.\n\t\t\t\t\t\t\t\tcontext.core.image.imageButtonHeight =\n\t\t\t\t\t\t\t\t\toffsetHeight;\n\t\t\t\t\t\t\t\tconst buttonWidth = offsetHeight * naturalRatio;\n\t\t\t\t\t\t\t\tcontext.core.image.imageButtonWidth =\n\t\t\t\t\t\t\t\t\tbuttonWidth;\n\t\t\t\t\t\t\t\tcontext.core.image.imageButtonLeft =\n\t\t\t\t\t\t\t\t\t( offsetWidth - buttonWidth ) / 2;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t// In all other cases, we can trust that the size of\n\t\t\t\t\t\t\t// the image is the right size for the button as well.\n\n\t\t\t\t\t\t\tcontext.core.image.imageButtonWidth = offsetWidth;\n\t\t\t\t\t\t\tcontext.core.image.imageButtonHeight = offsetHeight;\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, event ) {\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} = event.target.nextElementSibling;\n\tlet { x: screenPosX, y: screenPosY } =\n\t\tevent.target.nextElementSibling.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":";;AAGA,IAAAA,cAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA,MAAMC,kBAAkB,GAAG,CAC1B,SAAS,EACT,YAAY,EACZ,+DAA+D,EAC/D,2CAA2C,EAC3C,6CAA6C,EAC7C,2CAA2C,EAC3C,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,mBAAmB,EACnB,iCAAiC,CACjC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAIC,cAAc;;AAElB;AACA;AACA;AACA;AACA;AACA;AACA,IAAIC,UAAU,GAAG,KAAK;;AAEtB;AACA;AACA;AACA;AACA;AACA;AACA,IAAIC,aAAa,GAAG,CAAC;;AAErB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,YAAYA,CAAEC,OAAO,EAAG;EAChC;EACA;EACA;EACA,IAAK,CAAEH,UAAU,IAAII,IAAI,CAACC,GAAG,CAAC,CAAC,GAAGJ,aAAa,GAAG,GAAG,EAAG;IACvD;IACA;IACAK,MAAM,CAACC,QAAQ,CACdJ,OAAO,CAACK,IAAI,CAACC,KAAK,CAACC,eAAe,EAClCP,OAAO,CAACK,IAAI,CAACC,KAAK,CAACE,cACpB,CAAC;EACF;AACD;AAEA,IAAAC,oBAAK,EACJ;EACCC,KAAK,EAAE;IACNL,IAAI,EAAE;MACLC,KAAK,EAAE;QACNK,WAAW,EAAER,MAAM,CAACS,UAAU;QAC9BC,YAAY,EAAEV,MAAM,CAACW;MACtB;IACD;EACD,CAAC;EACDC,OAAO,EAAE;IACRV,IAAI,EAAE;MACLC,KAAK,EAAE;QACNU,YAAY,EAAEA,CAAE;UAAEhB,OAAO;UAAEiB;QAAM,CAAC,KAAM;UACvC;UACA;UACA,IAAK,CAAEjB,OAAO,CAACK,IAAI,CAACC,KAAK,CAACY,WAAW,EAAG;YACvC;UACD;UACAlB,OAAO,CAACK,IAAI,CAACC,KAAK,CAACa,WAAW,GAAG,IAAI;UACrCnB,OAAO,CAACK,IAAI,CAACC,KAAK,CAACc,kBAAkB,GACpCjB,MAAM,CAACkB,QAAQ,CAACC,aAAa;UAC9BtB,OAAO,CAACK,IAAI,CAACC,KAAK,CAACiB,WAAW,GAAG,CAAC;UAElCvB,OAAO,CAACK,IAAI,CAACC,KAAK,CAACkB,eAAe,GAAG,IAAI;UACzCC,SAAS,CAAEzB,OAAO,EAAEiB,KAAM,CAAC;UAE3BjB,OAAO,CAACK,IAAI,CAACC,KAAK,CAACE,cAAc,GAChCL,MAAM,CAACuB,WAAW,IAClBL,QAAQ,CAACM,eAAe,CAACC,SAAS;;UAEnC;UACA;UACA5B,OAAO,CAACK,IAAI,CAACC,KAAK,CAACC,eAAe,GACjCJ,MAAM,CAAC0B,WAAW,IAClBR,QAAQ,CAACM,eAAe,CAACG,UAAU;;UAEpC;UACA;UACA;UACA;UACA;UACAlC,cAAc,GAAGG,YAAY,CAACgC,IAAI,CAAE,IAAI,EAAE/B,OAAQ,CAAC;;UAEnD;UACA;UACA;UACA;UACAG,MAAM,CAAC6B,gBAAgB,CACtB,QAAQ,EACRpC,cAAc,EACd,KACD,CAAC;QACF,CAAC;QACDqC,YAAY,EAAE,MAAAA,CAAQ;UAAEjC;QAAQ,CAAC,KAAM;UACtCA,OAAO,CAACK,IAAI,CAACC,KAAK,CAAC4B,oBAAoB,GAAG,IAAI;UAC9C,IAAKlC,OAAO,CAACK,IAAI,CAACC,KAAK,CAACkB,eAAe,EAAG;YACzC;YACA;YACA;YACA;YACA;YACA;YACAW,UAAU,CAAE,YAAY;cACvBhC,MAAM,CAACiC,mBAAmB,CACzB,QAAQ,EACRxC,cACD,CAAC;YACF,CAAC,EAAE,GAAI,CAAC;YAERI,OAAO,CAACK,IAAI,CAACC,KAAK,CAACkB,eAAe,GAAG,KAAK;YAC1CxB,OAAO,CAACK,IAAI,CAACC,KAAK,CAACc,kBAAkB,CAACiB,KAAK,CAAE;cAC5CC,aAAa,EAAE;YAChB,CAAE,CAAC;UACJ;QACD,CAAC;QACDC,aAAa,EAAEA,CAAE;UAAEvC,OAAO;UAAEe,OAAO;UAAEE;QAAM,CAAC,KAAM;UACjD,IAAKjB,OAAO,CAACK,IAAI,CAACC,KAAK,CAACkB,eAAe,EAAG;YACzC,IAAKP,KAAK,CAACuB,GAAG,KAAK,KAAK,IAAIvB,KAAK,CAACwB,OAAO,KAAK,CAAC,EAAG;cACjD;cACA,IACCxB,KAAK,CAACyB,QAAQ,IACdvC,MAAM,CAACkB,QAAQ,CAACC,aAAa,KAC5BtB,OAAO,CAACK,IAAI,CAACC,KAAK,CAACqC,qBAAqB,EACxC;gBACD1B,KAAK,CAAC2B,cAAc,CAAC,CAAC;gBACtB5C,OAAO,CAACK,IAAI,CAACC,KAAK,CAACuC,oBAAoB,CAACR,KAAK,CAAC,CAAC;cAChD,CAAC,MAAM,IACN,CAAEpB,KAAK,CAACyB,QAAQ,IAChBvC,MAAM,CAACkB,QAAQ,CAACC,aAAa,KAC5BtB,OAAO,CAACK,IAAI,CAACC,KAAK,CAACuC,oBAAoB,EACvC;gBACD5B,KAAK,CAAC2B,cAAc,CAAC,CAAC;gBACtB5C,OAAO,CAACK,IAAI,CAACC,KAAK,CAACqC,qBAAqB,CAACN,KAAK,CAAC,CAAC;cACjD;YACD;YAEA,IACCpB,KAAK,CAACuB,GAAG,KAAK,QAAQ,IACtBvB,KAAK,CAACwB,OAAO,KAAK,EAAE,EACnB;cACD1B,OAAO,CAACV,IAAI,CAACC,KAAK,CAAC2B,YAAY,CAAE;gBAChCjC,OAAO;gBACPiB;cACD,CAAE,CAAC;YACJ;UACD;QACD,CAAC;QACD6B,UAAU,EAAEA,CAAE;UAAEpC,KAAK;UAAEV,OAAO;UAAE+C,OAAO;UAAEC;QAAI,CAAC,KAAM;UACnDhD,OAAO,CAACK,IAAI,CAACC,KAAK,CAACY,WAAW,GAAG,IAAI;UACrClB,OAAO,CAACK,IAAI,CAACC,KAAK,CAAC2C,eAAe,GAAGD,GAAG,CAACE,UAAU;UACnDH,OAAO,CAAC1C,IAAI,CAACC,KAAK,CAAC6C,eAAe,CAAE;YACnCzC,KAAK;YACLV,OAAO;YACPgD;UACD,CAAE,CAAC;QACJ,CAAC;QACDI,gBAAgB,EAAEA,CAAA,KAAM;UACvBvD,UAAU,GAAG,IAAI;QAClB,CAAC;QACDwD,eAAe,EAAEA,CAAE;UAAErD,OAAO;UAAEiB;QAAM,CAAC,KAAM;UAC1C;UACA;UACA;UACA;UACA;UACA;UACA,IAAKjB,OAAO,CAACK,IAAI,CAACC,KAAK,CAACkB,eAAe,EAAG;YACzCP,KAAK,CAAC2B,cAAc,CAAC,CAAC;UACvB;QACD,CAAC;QACDU,cAAc,EAAEA,CAAA,KAAM;UACrB;UACA;UACA;UACAxD,aAAa,GAAGG,IAAI,CAACC,GAAG,CAAC,CAAC;UAC1BL,UAAU,GAAG,KAAK;QACnB;MACD;IACD;EACD,CAAC;EACD0D,SAAS,EAAE;IACVlD,IAAI,EAAE;MACLC,KAAK,EAAE;QACNkD,aAAa,EAAEA,CAAE;UAAExD;QAAQ,CAAC,KAAM;UACjC,OAAOA,OAAO,CAACK,IAAI,CAACC,KAAK,CAACkB,eAAe,GACtC,QAAQ,GACR,EAAE;QACN,CAAC;QACDiC,iBAAiB,EAAEA,CAAE;UAAEzD;QAAQ,CAAC,KAAM;UACrC,IAAKA,OAAO,CAACK,IAAI,CAACC,KAAK,CAACa,WAAW,EAAG;YACrC,OAAO,OAAO;UACf;QACD,CAAC;QACDuC,cAAc,EAAEA,CAAE;UAAE1D;QAAQ,CAAC,KAAM;UAClC,OAAOA,OAAO,CAACK,IAAI,CAACC,KAAK,CAACa,WAAW,GAClCnB,OAAO,CAACK,IAAI,CAACC,KAAK,CAACqD,gBAAgB,GACnC,EAAE;QACN;MACD;IACD;EACD,CAAC;EACDZ,OAAO,EAAE;IACR1C,IAAI,EAAE;MACLC,KAAK,EAAE;QACNsD,aAAa,EAAEA,CAAE;UAAE5D,OAAO;UAAEgD;QAAI,CAAC,KAAM;UACtC,IAAKA,GAAG,CAACa,QAAQ,EAAG;YACnB7D,OAAO,CAACK,IAAI,CAACC,KAAK,CAACY,WAAW,GAAG,IAAI;YACrClB,OAAO,CAACK,IAAI,CAACC,KAAK,CAAC2C,eAAe,GAAGD,GAAG,CAACE,UAAU;UACpD;QACD,CAAC;QACDY,YAAY,EAAE,MAAAA,CAAQ;UAAE9D,OAAO;UAAEgD;QAAI,CAAC,KAAM;UAC3ChD,OAAO,CAACK,IAAI,CAACC,KAAK,CAACyD,SAAS,GAC3Bf,GAAG,CAACgB,aAAa,CAAE,QAAS,CAAC;UAC9BhE,OAAO,CAACK,IAAI,CAACC,KAAK,CAAC2D,QAAQ,GAC1BjB,GAAG,CAACgB,aAAa,CAAE,KAAM,CAAC;UAC3B,IAAKhE,OAAO,CAACK,IAAI,CAACC,KAAK,CAACkB,eAAe,EAAG;YACzC,MAAM0C,iBAAiB,GACtBlB,GAAG,CAACmB,gBAAgB,CAAExE,kBAAmB,CAAC;YAC3CK,OAAO,CAACK,IAAI,CAACC,KAAK,CAACqC,qBAAqB,GACvCuB,iBAAiB,CAAE,CAAC,CAAE;YACvBlE,OAAO,CAACK,IAAI,CAACC,KAAK,CAACuC,oBAAoB,GACtCqB,iBAAiB,CAChBA,iBAAiB,CAACE,MAAM,GAAG,CAAC,CAC5B;YAEFpB,GAAG,CAACgB,aAAa,CAAE,eAAgB,CAAC,CAAC3B,KAAK,CAAC,CAAC;UAC7C;QACD,CAAC;QACDc,eAAe,EAAEA,CAAE;UAAEzC,KAAK;UAAEV,OAAO;UAAEgD;QAAI,CAAC,KAAM;UAC/C,MAAM;YACLqB,YAAY;YACZC,aAAa;YACbC,WAAW;YACXC;UACD,CAAC,GAAGxB,GAAG;;UAEP;UACA;UACA,IAAKqB,YAAY,KAAK,CAAC,IAAIC,aAAa,KAAK,CAAC,EAAG;YAChD;UACD;;UAEA;UACA;UACA,IACC,CAAE5D,KAAK,CAACL,IAAI,CAACC,KAAK,CAACK,WAAW,IAC7BD,KAAK,CAACL,IAAI,CAACC,KAAK,CAACO,YAAY,KAC9Bb,OAAO,CAACK,IAAI,CAACC,KAAK,CAACmE,SAAS,KAAK,SAAS,EACzC;YACD;YACA;YACA;;YAEA;YACA,MAAMC,YAAY,GAAGL,YAAY,GAAGC,aAAa;YACjD;YACA,MAAMK,WAAW,GAAGJ,WAAW,GAAGC,YAAY;YAE9C,IAAKE,YAAY,GAAGC,WAAW,EAAG;cACjC;cACA;cACA3E,OAAO,CAACK,IAAI,CAACC,KAAK,CAACsE,gBAAgB,GAClCL,WAAW;cACZ,MAAMM,YAAY,GAAGN,WAAW,GAAGG,YAAY;cAC/C1E,OAAO,CAACK,IAAI,CAACC,KAAK,CAACwE,iBAAiB,GACnCD,YAAY;cACb7E,OAAO,CAACK,IAAI,CAACC,KAAK,CAACyE,cAAc,GAChC,CAAEP,YAAY,GAAGK,YAAY,IAAK,CAAC;YACrC,CAAC,MAAM;cACN;cACA;cACA7E,OAAO,CAACK,IAAI,CAACC,KAAK,CAACwE,iBAAiB,GACnCN,YAAY;cACb,MAAMQ,WAAW,GAAGR,YAAY,GAAGE,YAAY;cAC/C1E,OAAO,CAACK,IAAI,CAACC,KAAK,CAACsE,gBAAgB,GAClCI,WAAW;cACZhF,OAAO,CAACK,IAAI,CAACC,KAAK,CAAC2E,eAAe,GACjC,CAAEV,WAAW,GAAGS,WAAW,IAAK,CAAC;YACnC;UACD,CAAC,MAAM;YACN;YACA;;YAEAhF,OAAO,CAACK,IAAI,CAACC,KAAK,CAACsE,gBAAgB,GAAGL,WAAW;YACjDvE,OAAO,CAACK,IAAI,CAACC,KAAK,CAACwE,iBAAiB,GAAGN,YAAY;UACpD;QACD;MACD;IACD;EACD;AACD,CAAC,EACD;EACCU,SAAS,EAAEA,CAAE;IAAExE;EAAM,CAAC,KAAM;IAC3BP,MAAM,CAAC6B,gBAAgB,CACtB,QAAQ,EACRmD,QAAQ,CAAE,MAAM;MACfzE,KAAK,CAACL,IAAI,CAACC,KAAK,CAACK,WAAW,GAAGR,MAAM,CAACS,UAAU;MAChDF,KAAK,CAACL,IAAI,CAACC,KAAK,CAACO,YAAY,GAAGV,MAAM,CAACW,WAAW;IACnD,CAAE,CACH,CAAC;EACF;AACD,CACD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASW,SAASA,CAAEzB,OAAO,EAAEiB,KAAK,EAAG;EACpC;EACA;EACA,IAAI;IACHoD,YAAY;IACZC,aAAa;IACbC,WAAW,EAAEa,aAAa;IAC1BZ,YAAY,EAAEa;EACf,CAAC,GAAGpE,KAAK,CAACqE,MAAM,CAACC,kBAAkB;EACnC,IAAI;IAAEC,CAAC,EAAEC,UAAU;IAAEC,CAAC,EAAEC;EAAW,CAAC,GACnC1E,KAAK,CAACqE,MAAM,CAACC,kBAAkB,CAACK,qBAAqB,CAAC,CAAC;;EAExD;EACA,MAAMlB,YAAY,GAAGL,YAAY,GAAGC,aAAa;EACjD;EACA,IAAIuB,aAAa,GAAGT,aAAa,GAAGC,cAAc;;EAElD;EACA;EACA,IAAKrF,OAAO,CAACK,IAAI,CAACC,KAAK,CAACmE,SAAS,KAAK,SAAS,EAAG;IACjD,IAAKC,YAAY,GAAGmB,aAAa,EAAG;MACnC,MAAMC,kBAAkB,GAAGV,aAAa,GAAGV,YAAY;MACvD;MACAiB,UAAU,IAAI,CAAEN,cAAc,GAAGS,kBAAkB,IAAK,CAAC;MACzDT,cAAc,GAAGS,kBAAkB;IACpC,CAAC,MAAM;MACN,MAAMC,iBAAiB,GAAGV,cAAc,GAAGX,YAAY;MACvD;MACAe,UAAU,IAAI,CAAEL,aAAa,GAAGW,iBAAiB,IAAK,CAAC;MACvDX,aAAa,GAAGW,iBAAiB;IAClC;EACD;EACAF,aAAa,GAAGT,aAAa,GAAGC,cAAc;;EAE9C;EACA;EACA;EACA;EACA,IAAIW,WAAW,GAAGC,UAAU,CAC3BjG,OAAO,CAACK,IAAI,CAACC,KAAK,CAAC4F,WAAW,KAAK,MAAM,GACtClG,OAAO,CAACK,IAAI,CAACC,KAAK,CAAC4F,WAAW,GAC9B7B,YACJ,CAAC;EACD,IAAI8B,YAAY,GAAGF,UAAU,CAC5BjG,OAAO,CAACK,IAAI,CAACC,KAAK,CAAC8F,YAAY,KAAK,MAAM,GACvCpG,OAAO,CAACK,IAAI,CAACC,KAAK,CAAC8F,YAAY,GAC/B9B,aACJ,CAAC;;EAED;EACA,IAAI+B,QAAQ,GAAGL,WAAW,GAAGG,YAAY;EACzC,IAAIG,iBAAiB,GAAGN,WAAW;EACnC,IAAIO,kBAAkB,GAAGJ,YAAY;EACrC,IAAIK,cAAc,GAAGR,WAAW;EAChC,IAAIS,eAAe,GAAGN,YAAY;EAClC;EACA;EACA,IAAKzB,YAAY,CAACgC,OAAO,CAAE,CAAE,CAAC,KAAKL,QAAQ,CAACK,OAAO,CAAE,CAAE,CAAC,EAAG;IAC1D,IAAKhC,YAAY,GAAG2B,QAAQ,EAAG;MAC9B;MACA;MACA;MACA;MACA;MACA,MAAMM,aAAa,GAAGX,WAAW,GAAGtB,YAAY;MAChD,IAAKyB,YAAY,GAAGQ,aAAa,GAAGX,WAAW,EAAG;QACjDG,YAAY,GAAGQ,aAAa;QAC5BX,WAAW,GAAGW,aAAa,GAAGjC,YAAY;MAC3C,CAAC,MAAM;QACNyB,YAAY,GAAGH,WAAW,GAAGtB,YAAY;MAC1C;IACD,CAAC,MAAM;MACN;MACA;MACA;MACA;MACA;MACA,MAAMkC,YAAY,GAAGT,YAAY,GAAGzB,YAAY;MAChD,IAAKsB,WAAW,GAAGY,YAAY,GAAGT,YAAY,EAAG;QAChDH,WAAW,GAAGY,YAAY;QAC1BT,YAAY,GAAGS,YAAY,GAAGlC,YAAY;MAC3C,CAAC,MAAM;QACNsB,WAAW,GAAGG,YAAY,GAAGzB,YAAY;MAC1C;IACD;IACA8B,cAAc,GAAGR,WAAW;IAC5BS,eAAe,GAAGN,YAAY;IAC9BE,QAAQ,GAAGL,WAAW,GAAGG,YAAY;;IAErC;IACA,IAAKN,aAAa,GAAGQ,QAAQ,EAAG;MAC/BC,iBAAiB,GAAGN,WAAW;MAC/BO,kBAAkB,GAAGD,iBAAiB,GAAGT,aAAa;IACvD,CAAC,MAAM;MACNU,kBAAkB,GAAGJ,YAAY;MACjCG,iBAAiB,GAAGC,kBAAkB,GAAGV,aAAa;IACvD;EACD;;EAEA;EACA,IAAKT,aAAa,GAAGoB,cAAc,IAAInB,cAAc,GAAGoB,eAAe,EAAG;IACzED,cAAc,GAAGpB,aAAa;IAC9BqB,eAAe,GAAGpB,cAAc;EACjC;;EAEA;EACA;EACA;EACA,IAAIwB,iBAAiB,GAAG,CAAC;EACzB,IAAK1G,MAAM,CAACS,UAAU,GAAG,GAAG,EAAG;IAC9BiG,iBAAiB,GAAG,EAAE;EACvB,CAAC,MAAM,IAAK1G,MAAM,CAACS,UAAU,GAAG,IAAI,EAAG;IACtCiG,iBAAiB,GAAG,GAAG;EACxB;EACA,MAAMC,eAAe,GAAG,EAAE;EAE1B,MAAMC,cAAc,GAAGC,IAAI,CAACC,GAAG,CAC9B9G,MAAM,CAACS,UAAU,GAAGiG,iBAAiB,EACrCL,cACD,CAAC;EACD,MAAMU,eAAe,GAAGF,IAAI,CAACC,GAAG,CAC/B9G,MAAM,CAACW,WAAW,GAAGgG,eAAe,EACpCL,eACD,CAAC;EACD,MAAMU,oBAAoB,GAAGJ,cAAc,GAAGG,eAAe;EAE7D,IAAKrB,aAAa,GAAGsB,oBAAoB,EAAG;IAC3C;IACAX,cAAc,GAAGO,cAAc;IAC/BN,eAAe,GAAGD,cAAc,GAAGX,aAAa;EACjD,CAAC,MAAM;IACN;IACAY,eAAe,GAAGS,eAAe;IACjCV,cAAc,GAAGC,eAAe,GAAGZ,aAAa;EACjD;EAEA,MAAMuB,cAAc,GAAGhC,aAAa,GAAGoB,cAAc;EACrD,MAAMa,gBAAgB,GACrBrB,WAAW,IAAKQ,cAAc,GAAGF,iBAAiB,CAAE;EACrD,MAAMgB,iBAAiB,GACtBnB,YAAY,IAAKM,eAAe,GAAGF,kBAAkB,CAAE;;EAExD;EACA,IAAIgB,QAAQ,GAAGlG,QAAQ,CAACmG,cAAc,CAAE,oBAAqB,CAAC;EAC9D,IAAK,CAAED,QAAQ,EAAG;IACjBA,QAAQ,GAAGlG,QAAQ,CAACoG,aAAa,CAAE,OAAQ,CAAC;IAC5CF,QAAQ,CAACG,EAAE,GAAG,oBAAoB;IAClCrG,QAAQ,CAACsG,IAAI,CAACC,WAAW,CAAEL,QAAS,CAAC;EACtC;;EAEA;EACA;EACA;EACA;EACA;EACAA,QAAQ,CAACM,SAAS,GAAI;AACvB;AACA,0CAA2ClC,UAAY;AACvD,2CAA4CF,UAAY;AACxD,qCAAsCe,cAAc,GAAG,CAAG;AAC1D,sCAAuCC,eAAe,GAAG,CAAG;AAC5D,iCAAkCY,gBAAkB;AACpD,kCAAmCC,iBAAmB;AACtD,2BAA4BF,cAAgB;AAC5C;AACA,EAAE;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASjC,QAAQA,CAAE2C,IAAI,EAAEC,IAAI,GAAG,EAAE,EAAG;EACpC,IAAIC,OAAO;EACX,OAAO,MAAM;IACZ,MAAMC,KAAK,GAAGA,CAAA,KAAM;MACnBD,OAAO,GAAG,IAAI;MACdF,IAAI,CAAC,CAAC;IACP,CAAC;IACDI,YAAY,CAAEF,OAAQ,CAAC;IACvBA,OAAO,GAAG7F,UAAU,CAAE8F,KAAK,EAAEF,IAAK,CAAC;EACpC,CAAC;AACF"}

package/build/latest-comments/edit.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = LatestComments;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _blockEditor = require("@wordpress/block-editor");
 var _components = require("@wordpress/components");
 var _serverSideRender = _interopRequireDefault(require("@wordpress/server-side-render"));
@@ -43,32 +43,32 @@ function LatestComments({
       spacing: undefined
     }
   };
-  return (0, _element.createElement)("div", {
+  return (0, _react.createElement)("div", {
     ...(0, _blockEditor.useBlockProps)()
-  }, (0, _element.createElement)(_blockEditor.InspectorControls, null, (0, _element.createElement)(_components.PanelBody, {
+  }, (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_components.PanelBody, {
     title: (0, _i18n.__)('Settings')
-  }, (0, _element.createElement)(_components.ToggleControl, {
+  }, (0, _react.createElement)(_components.ToggleControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Display avatar'),
     checked: displayAvatar,
     onChange: () => setAttributes({
       displayAvatar: !displayAvatar
     })
-  }), (0, _element.createElement)(_components.ToggleControl, {
+  }), (0, _react.createElement)(_components.ToggleControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Display date'),
     checked: displayDate,
     onChange: () => setAttributes({
       displayDate: !displayDate
     })
-  }), (0, _element.createElement)(_components.ToggleControl, {
+  }), (0, _react.createElement)(_components.ToggleControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Display excerpt'),
     checked: displayExcerpt,
     onChange: () => setAttributes({
       displayExcerpt: !displayExcerpt
     })
-  }), (0, _element.createElement)(_components.RangeControl, {
+  }), (0, _react.createElement)(_components.RangeControl, {
     __nextHasNoMarginBottom: true,
     __next40pxDefaultSize: true,
     label: (0, _i18n.__)('Number of comments'),
@@ -79,7 +79,7 @@ function LatestComments({
     min: MIN_COMMENTS,
     max: MAX_COMMENTS,
     required: true
-  }))), (0, _element.createElement)(_components.Disabled, null, (0, _element.createElement)(_serverSideRender.default, {
+  }))), (0, _react.createElement)(_components.Disabled, null, (0, _react.createElement)(_serverSideRender.default, {
     block: "core/latest-comments",
     attributes: serverSideAttributes
     // The preview uses the site's locale to make it more true to how

package/build/latest-comments/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blockEditor","require","_components","_serverSideRender","_interopRequireDefault","_i18n","MIN_COMMENTS","MAX_COMMENTS","LatestComments","attributes","setAttributes","commentsToShow","displayAvatar","displayDate","displayExcerpt","serverSideAttributes","style","spacing","undefined","_element","createElement","useBlockProps","InspectorControls","PanelBody","title","__","ToggleControl","__nextHasNoMarginBottom","label","checked","onChange","RangeControl","__next40pxDefaultSize","value","min","max","required","Disabled","default","block","urlQueryArgs","_locale"],"sources":["@wordpress/block-library/src/latest-comments/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { InspectorControls, useBlockProps } from '@wordpress/block-editor';\nimport {\n\tDisabled,\n\tPanelBody,\n\tRangeControl,\n\tToggleControl,\n} from '@wordpress/components';\nimport ServerSideRender from '@wordpress/server-side-render';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Minimum number of comments a user can show using this block.\n *\n * @type {number}\n */\nconst MIN_COMMENTS = 1;\n/**\n * Maximum number of comments a user can show using this block.\n *\n * @type {number}\n */\nconst MAX_COMMENTS = 100;\n\nexport default function LatestComments( { attributes, setAttributes } ) {\n\tconst { commentsToShow, displayAvatar, displayDate, displayExcerpt } =\n\t\tattributes;\n\n\tconst serverSideAttributes = {\n\t\t...attributes,\n\t\tstyle: {\n\t\t\t...attributes?.style,\n\t\t\tspacing: undefined,\n\t\t},\n\t};\n\n\treturn (\n\t\t<div { ...useBlockProps() }>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Display avatar' ) }\n\t\t\t\t\t\tchecked={ displayAvatar }\n\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\tsetAttributes( { displayAvatar: ! displayAvatar } )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Display date' ) }\n\t\t\t\t\t\tchecked={ displayDate }\n\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\tsetAttributes( { displayDate: ! displayDate } )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Display excerpt' ) }\n\t\t\t\t\t\tchecked={ displayExcerpt }\n\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tdisplayExcerpt: ! displayExcerpt,\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<RangeControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tlabel={ __( 'Number of comments' ) }\n\t\t\t\t\t\tvalue={ commentsToShow }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( { commentsToShow: value } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tmin={ MIN_COMMENTS }\n\t\t\t\t\t\tmax={ MAX_COMMENTS }\n\t\t\t\t\t\trequired\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t<Disabled>\n\t\t\t\t<ServerSideRender\n\t\t\t\t\tblock=\"core/latest-comments\"\n\t\t\t\t\tattributes={ serverSideAttributes }\n\t\t\t\t\t// The preview uses the site's locale to make it more true to how\n\t\t\t\t\t// the block appears on the frontend. Setting the locale\n\t\t\t\t\t// explicitly prevents any middleware from setting it to 'user'.\n\t\t\t\t\turlQueryArgs={ { _locale: 'site' } }\n\t\t\t\t/>\n\t\t\t</Disabled>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAMA,IAAAE,iBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAXA;AACA;AACA;;AAWA;AACA;AACA;AACA;AACA;AACA,MAAMK,YAAY,GAAG,CAAC;AACtB;AACA;AACA;AACA;AACA;AACA,MAAMC,YAAY,GAAG,GAAG;AAET,SAASC,cAAcA,CAAE;EAAEC,UAAU;EAAEC;AAAc,CAAC,EAAG;EACvE,MAAM;IAAEC,cAAc;IAAEC,aAAa;IAAEC,WAAW;IAAEC;EAAe,CAAC,GACnEL,UAAU;EAEX,MAAMM,oBAAoB,GAAG;IAC5B,GAAGN,UAAU;IACbO,KAAK,EAAE;MACN,GAAGP,UAAU,EAAEO,KAAK;MACpBC,OAAO,EAAEC;IACV;EACD,CAAC;EAED,OACC,IAAAC,QAAA,CAAAC,aAAA;IAAA,GAAU,IAAAC,0BAAa,EAAC;EAAC,GACxB,IAAAF,QAAA,CAAAC,aAAA,EAACpB,YAAA,CAAAsB,iBAAiB,QACjB,IAAAH,QAAA,CAAAC,aAAA,EAAClB,WAAA,CAAAqB,SAAS;IAACC,KAAK,EAAG,IAAAC,QAAE,EAAE,UAAW;EAAG,GACpC,IAAAN,QAAA,CAAAC,aAAA,EAAClB,WAAA,CAAAwB,aAAa;IACbC,uBAAuB;IACvBC,KAAK,EAAG,IAAAH,QAAE,EAAE,gBAAiB,CAAG;IAChCI,OAAO,EAAGjB,aAAe;IACzBkB,QAAQ,EAAGA,CAAA,KACVpB,aAAa,CAAE;MAAEE,aAAa,EAAE,CAAEA;IAAc,CAAE;EAClD,CACD,CAAC,EACF,IAAAO,QAAA,CAAAC,aAAA,EAAClB,WAAA,CAAAwB,aAAa;IACbC,uBAAuB;IACvBC,KAAK,EAAG,IAAAH,QAAE,EAAE,cAAe,CAAG;IAC9BI,OAAO,EAAGhB,WAAa;IACvBiB,QAAQ,EAAGA,CAAA,KACVpB,aAAa,CAAE;MAAEG,WAAW,EAAE,CAAEA;IAAY,CAAE;EAC9C,CACD,CAAC,EACF,IAAAM,QAAA,CAAAC,aAAA,EAAClB,WAAA,CAAAwB,aAAa;IACbC,uBAAuB;IACvBC,KAAK,EAAG,IAAAH,QAAE,EAAE,iBAAkB,CAAG;IACjCI,OAAO,EAAGf,cAAgB;IAC1BgB,QAAQ,EAAGA,CAAA,KACVpB,aAAa,CAAE;MACdI,cAAc,EAAE,CAAEA;IACnB,CAAE;EACF,CACD,CAAC,EACF,IAAAK,QAAA,CAAAC,aAAA,EAAClB,WAAA,CAAA6B,YAAY;IACZJ,uBAAuB;IACvBK,qBAAqB;IACrBJ,KAAK,EAAG,IAAAH,QAAE,EAAE,oBAAqB,CAAG;IACpCQ,KAAK,EAAGtB,cAAgB;IACxBmB,QAAQ,EAAKG,KAAK,IACjBvB,aAAa,CAAE;MAAEC,cAAc,EAAEsB;IAAM,CAAE,CACzC;IACDC,GAAG,EAAG5B,YAAc;IACpB6B,GAAG,EAAG5B,YAAc;IACpB6B,QAAQ;EAAA,CACR,CACS,CACO,CAAC,EACpB,IAAAjB,QAAA,CAAAC,aAAA,EAAClB,WAAA,CAAAmC,QAAQ,QACR,IAAAlB,QAAA,CAAAC,aAAA,EAACjB,iBAAA,CAAAmC,OAAgB;IAChBC,KAAK,EAAC,sBAAsB;IAC5B9B,UAAU,EAAGM;IACb;IACA;IACA;IAAA;IACAyB,YAAY,EAAG;MAAEC,OAAO,EAAE;IAAO;EAAG,CACpC,CACQ,CACN,CAAC;AAER"}
+{"version":3,"names":["_blockEditor","require","_components","_serverSideRender","_interopRequireDefault","_i18n","MIN_COMMENTS","MAX_COMMENTS","LatestComments","attributes","setAttributes","commentsToShow","displayAvatar","displayDate","displayExcerpt","serverSideAttributes","style","spacing","undefined","_react","createElement","useBlockProps","InspectorControls","PanelBody","title","__","ToggleControl","__nextHasNoMarginBottom","label","checked","onChange","RangeControl","__next40pxDefaultSize","value","min","max","required","Disabled","default","block","urlQueryArgs","_locale"],"sources":["@wordpress/block-library/src/latest-comments/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { InspectorControls, useBlockProps } from '@wordpress/block-editor';\nimport {\n\tDisabled,\n\tPanelBody,\n\tRangeControl,\n\tToggleControl,\n} from '@wordpress/components';\nimport ServerSideRender from '@wordpress/server-side-render';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Minimum number of comments a user can show using this block.\n *\n * @type {number}\n */\nconst MIN_COMMENTS = 1;\n/**\n * Maximum number of comments a user can show using this block.\n *\n * @type {number}\n */\nconst MAX_COMMENTS = 100;\n\nexport default function LatestComments( { attributes, setAttributes } ) {\n\tconst { commentsToShow, displayAvatar, displayDate, displayExcerpt } =\n\t\tattributes;\n\n\tconst serverSideAttributes = {\n\t\t...attributes,\n\t\tstyle: {\n\t\t\t...attributes?.style,\n\t\t\tspacing: undefined,\n\t\t},\n\t};\n\n\treturn (\n\t\t<div { ...useBlockProps() }>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Display avatar' ) }\n\t\t\t\t\t\tchecked={ displayAvatar }\n\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\tsetAttributes( { displayAvatar: ! displayAvatar } )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Display date' ) }\n\t\t\t\t\t\tchecked={ displayDate }\n\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\tsetAttributes( { displayDate: ! displayDate } )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Display excerpt' ) }\n\t\t\t\t\t\tchecked={ displayExcerpt }\n\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tdisplayExcerpt: ! displayExcerpt,\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<RangeControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tlabel={ __( 'Number of comments' ) }\n\t\t\t\t\t\tvalue={ commentsToShow }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( { commentsToShow: value } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tmin={ MIN_COMMENTS }\n\t\t\t\t\t\tmax={ MAX_COMMENTS }\n\t\t\t\t\t\trequired\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t<Disabled>\n\t\t\t\t<ServerSideRender\n\t\t\t\t\tblock=\"core/latest-comments\"\n\t\t\t\t\tattributes={ serverSideAttributes }\n\t\t\t\t\t// The preview uses the site's locale to make it more true to how\n\t\t\t\t\t// the block appears on the frontend. Setting the locale\n\t\t\t\t\t// explicitly prevents any middleware from setting it to 'user'.\n\t\t\t\t\turlQueryArgs={ { _locale: 'site' } }\n\t\t\t\t/>\n\t\t\t</Disabled>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAMA,IAAAE,iBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAXA;AACA;AACA;;AAWA;AACA;AACA;AACA;AACA;AACA,MAAMK,YAAY,GAAG,CAAC;AACtB;AACA;AACA;AACA;AACA;AACA,MAAMC,YAAY,GAAG,GAAG;AAET,SAASC,cAAcA,CAAE;EAAEC,UAAU;EAAEC;AAAc,CAAC,EAAG;EACvE,MAAM;IAAEC,cAAc;IAAEC,aAAa;IAAEC,WAAW;IAAEC;EAAe,CAAC,GACnEL,UAAU;EAEX,MAAMM,oBAAoB,GAAG;IAC5B,GAAGN,UAAU;IACbO,KAAK,EAAE;MACN,GAAGP,UAAU,EAAEO,KAAK;MACpBC,OAAO,EAAEC;IACV;EACD,CAAC;EAED,OACC,IAAAC,MAAA,CAAAC,aAAA;IAAA,GAAU,IAAAC,0BAAa,EAAC;EAAC,GACxB,IAAAF,MAAA,CAAAC,aAAA,EAACpB,YAAA,CAAAsB,iBAAiB,QACjB,IAAAH,MAAA,CAAAC,aAAA,EAAClB,WAAA,CAAAqB,SAAS;IAACC,KAAK,EAAG,IAAAC,QAAE,EAAE,UAAW;EAAG,GACpC,IAAAN,MAAA,CAAAC,aAAA,EAAClB,WAAA,CAAAwB,aAAa;IACbC,uBAAuB;IACvBC,KAAK,EAAG,IAAAH,QAAE,EAAE,gBAAiB,CAAG;IAChCI,OAAO,EAAGjB,aAAe;IACzBkB,QAAQ,EAAGA,CAAA,KACVpB,aAAa,CAAE;MAAEE,aAAa,EAAE,CAAEA;IAAc,CAAE;EAClD,CACD,CAAC,EACF,IAAAO,MAAA,CAAAC,aAAA,EAAClB,WAAA,CAAAwB,aAAa;IACbC,uBAAuB;IACvBC,KAAK,EAAG,IAAAH,QAAE,EAAE,cAAe,CAAG;IAC9BI,OAAO,EAAGhB,WAAa;IACvBiB,QAAQ,EAAGA,CAAA,KACVpB,aAAa,CAAE;MAAEG,WAAW,EAAE,CAAEA;IAAY,CAAE;EAC9C,CACD,CAAC,EACF,IAAAM,MAAA,CAAAC,aAAA,EAAClB,WAAA,CAAAwB,aAAa;IACbC,uBAAuB;IACvBC,KAAK,EAAG,IAAAH,QAAE,EAAE,iBAAkB,CAAG;IACjCI,OAAO,EAAGf,cAAgB;IAC1BgB,QAAQ,EAAGA,CAAA,KACVpB,aAAa,CAAE;MACdI,cAAc,EAAE,CAAEA;IACnB,CAAE;EACF,CACD,CAAC,EACF,IAAAK,MAAA,CAAAC,aAAA,EAAClB,WAAA,CAAA6B,YAAY;IACZJ,uBAAuB;IACvBK,qBAAqB;IACrBJ,KAAK,EAAG,IAAAH,QAAE,EAAE,oBAAqB,CAAG;IACpCQ,KAAK,EAAGtB,cAAgB;IACxBmB,QAAQ,EAAKG,KAAK,IACjBvB,aAAa,CAAE;MAAEC,cAAc,EAAEsB;IAAM,CAAE,CACzC;IACDC,GAAG,EAAG5B,YAAc;IACpB6B,GAAG,EAAG5B,YAAc;IACpB6B,QAAQ;EAAA,CACR,CACS,CACO,CAAC,EACpB,IAAAjB,MAAA,CAAAC,aAAA,EAAClB,WAAA,CAAAmC,QAAQ,QACR,IAAAlB,MAAA,CAAAC,aAAA,EAACjB,iBAAA,CAAAmC,OAAgB;IAChBC,KAAK,EAAC,sBAAsB;IAC5B9B,UAAU,EAAGM;IACb;IACA;IACA;IAAA;IACAyB,YAAY,EAAG;MAAEC,OAAO,EAAE;IAAO;EAAG,CACpC,CACQ,CACN,CAAC;AAER"}

package/build/latest-posts/edit.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = LatestPostsEdit;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
@@ -16,6 +16,7 @@ var _icons = require("@wordpress/icons");
 var _coreData = require("@wordpress/core-data");
 var _notices = require("@wordpress/notices");
 var _compose = require("@wordpress/compose");
+var _element = require("@wordpress/element");
 var _constants = require("./constants");
 /**
  * External dependencies
@@ -157,15 +158,15 @@ function LatestPostsEdit({
     });
   };
   const hasPosts = !!latestPosts?.length;
-  const inspectorControls = (0, _element.createElement)(_blockEditor.InspectorControls, null, (0, _element.createElement)(_components.PanelBody, {
+  const inspectorControls = (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_components.PanelBody, {
     title: (0, _i18n.__)('Post content')
-  }, (0, _element.createElement)(_components.ToggleControl, {
+  }, (0, _react.createElement)(_components.ToggleControl, {
     label: (0, _i18n.__)('Post content'),
     checked: displayPostContent,
     onChange: value => setAttributes({
       displayPostContent: value
     })
-  }), displayPostContent && (0, _element.createElement)(_components.RadioControl, {
+  }), displayPostContent && (0, _react.createElement)(_components.RadioControl, {
     label: (0, _i18n.__)('Show:'),
     selected: displayPostContentRadio,
     options: [{
@@ -178,7 +179,7 @@ function LatestPostsEdit({
     onChange: value => setAttributes({
       displayPostContentRadio: value
     })
-  }), displayPostContent && displayPostContentRadio === 'excerpt' && (0, _element.createElement)(_components.RangeControl, {
+  }), displayPostContent && displayPostContentRadio === 'excerpt' && (0, _react.createElement)(_components.RangeControl, {
     __nextHasNoMarginBottom: true,
     __next40pxDefaultSize: true,
     label: (0, _i18n.__)('Max number of words'),
@@ -188,32 +189,32 @@ function LatestPostsEdit({
     }),
     min: _constants.MIN_EXCERPT_LENGTH,
     max: _constants.MAX_EXCERPT_LENGTH
-  })), (0, _element.createElement)(_components.PanelBody, {
+  })), (0, _react.createElement)(_components.PanelBody, {
     title: (0, _i18n.__)('Post meta')
-  }, (0, _element.createElement)(_components.ToggleControl, {
+  }, (0, _react.createElement)(_components.ToggleControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Display author name'),
     checked: displayAuthor,
     onChange: value => setAttributes({
       displayAuthor: value
     })
-  }), (0, _element.createElement)(_components.ToggleControl, {
+  }), (0, _react.createElement)(_components.ToggleControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Display post date'),
     checked: displayPostDate,
     onChange: value => setAttributes({
       displayPostDate: value
     })
-  })), (0, _element.createElement)(_components.PanelBody, {
+  })), (0, _react.createElement)(_components.PanelBody, {
     title: (0, _i18n.__)('Featured image')
-  }, (0, _element.createElement)(_components.ToggleControl, {
+  }, (0, _react.createElement)(_components.ToggleControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Display featured image'),
     checked: displayFeaturedImage,
     onChange: value => setAttributes({
       displayFeaturedImage: value
     })
-  }), displayFeaturedImage && (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_blockEditor.__experimentalImageSizeControl, {
+  }), displayFeaturedImage && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_blockEditor.__experimentalImageSizeControl, {
     onChange: value => {
       const newAttrs = {};
       if (value.hasOwnProperty('width')) {
@@ -236,25 +237,25 @@ function LatestPostsEdit({
       featuredImageSizeWidth: undefined,
       featuredImageSizeHeight: undefined
     })
-  }), (0, _element.createElement)(_components.BaseControl, {
+  }), (0, _react.createElement)(_components.BaseControl, {
     className: "editor-latest-posts-image-alignment-control"
-  }, (0, _element.createElement)(_components.BaseControl.VisualLabel, null, (0, _i18n.__)('Image alignment')), (0, _element.createElement)(_blockEditor.BlockAlignmentToolbar, {
+  }, (0, _react.createElement)(_components.BaseControl.VisualLabel, null, (0, _i18n.__)('Image alignment')), (0, _react.createElement)(_blockEditor.BlockAlignmentToolbar, {
     value: featuredImageAlign,
     onChange: value => setAttributes({
       featuredImageAlign: value
     }),
     controls: ['left', 'center', 'right'],
     isCollapsed: false
-  })), (0, _element.createElement)(_components.ToggleControl, {
+  })), (0, _react.createElement)(_components.ToggleControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Add link to featured image'),
     checked: addLinkToFeaturedImage,
     onChange: value => setAttributes({
       addLinkToFeaturedImage: value
     })
-  }))), (0, _element.createElement)(_components.PanelBody, {
+  }))), (0, _react.createElement)(_components.PanelBody, {
     title: (0, _i18n.__)('Sorting and filtering')
-  }, (0, _element.createElement)(_components.QueryControls, {
+  }, (0, _react.createElement)(_components.QueryControls, {
     order,
     orderBy,
     numberOfItems: postsToShow,
@@ -275,7 +276,7 @@ function LatestPostsEdit({
     }),
     authorList: authorList !== null && authorList !== void 0 ? authorList : [],
     selectedAuthorId: selectedAuthor
-  }), postLayout === 'grid' && (0, _element.createElement)(_components.RangeControl, {
+  }), postLayout === 'grid' && (0, _react.createElement)(_components.RangeControl, {
     __nextHasNoMarginBottom: true,
     __next40pxDefaultSize: true,
     label: (0, _i18n.__)('Columns'),
@@ -297,12 +298,12 @@ function LatestPostsEdit({
     })
   });
   if (!hasPosts) {
-    return (0, _element.createElement)("div", {
+    return (0, _react.createElement)("div", {
       ...blockProps
-    }, inspectorControls, (0, _element.createElement)(_components.Placeholder, {
+    }, inspectorControls, (0, _react.createElement)(_components.Placeholder, {
       icon: _icons.pin,
       label: (0, _i18n.__)('Latest Posts')
-    }, !Array.isArray(latestPosts) ? (0, _element.createElement)(_components.Spinner, null) : (0, _i18n.__)('No posts found.')));
+    }, !Array.isArray(latestPosts) ? (0, _react.createElement)(_components.Spinner, null) : (0, _i18n.__)('No posts found.')));
   }
 
   // Removing posts from display should be instant.
@@ -323,9 +324,9 @@ function LatestPostsEdit({
     isActive: postLayout === 'grid'
   }];
   const dateFormat = (0, _date.getSettings)().formats.date;
-  return (0, _element.createElement)("div", null, inspectorControls, (0, _element.createElement)(_blockEditor.BlockControls, null, (0, _element.createElement)(_components.ToolbarGroup, {
+  return (0, _react.createElement)("div", null, inspectorControls, (0, _react.createElement)(_blockEditor.BlockControls, null, (0, _react.createElement)(_components.ToolbarGroup, {
     controls: layoutControls
-  })), (0, _element.createElement)("ul", {
+  })), (0, _react.createElement)("ul", {
     ...blockProps
   }, displayPosts.map(post => {
     const titleTrimmed = post.title.rendered.trim();
@@ -343,7 +344,7 @@ function LatestPostsEdit({
       [`align${featuredImageAlign}`]: !!featuredImageAlign
     });
     const renderFeaturedImage = displayFeaturedImage && imageSourceUrl;
-    const featuredImage = renderFeaturedImage && (0, _element.createElement)("img", {
+    const featuredImage = renderFeaturedImage && (0, _react.createElement)("img", {
       src: imageSourceUrl,
       alt: featuredImageAlt,
       style: {
@@ -352,41 +353,41 @@ function LatestPostsEdit({
       }
     });
     const needsReadMore = excerptLength < excerpt.trim().split(' ').length && post.excerpt.raw === '';
-    const postExcerpt = needsReadMore ? (0, _element.createElement)(_element.Fragment, null, excerpt.trim().split(' ', excerptLength).join(' '), (0, _element.createInterpolateElement)( /* translators: excerpt truncation character, default …  */
+    const postExcerpt = needsReadMore ? (0, _react.createElement)(_react.Fragment, null, excerpt.trim().split(' ', excerptLength).join(' '), (0, _element.createInterpolateElement)( /* translators: excerpt truncation character, default …  */
     (0, _i18n.__)(' … <a>Read more</a>'), {
       a:
       // eslint-disable-next-line jsx-a11y/anchor-has-content
-      (0, _element.createElement)("a", {
+      (0, _react.createElement)("a", {
         href: post.link,
         rel: "noopener noreferrer",
         onClick: showRedirectionPreventedNotice
       })
     })) : excerpt;
-    return (0, _element.createElement)("li", {
+    return (0, _react.createElement)("li", {
       key: post.id
-    }, renderFeaturedImage && (0, _element.createElement)("div", {
+    }, renderFeaturedImage && (0, _react.createElement)("div", {
       className: imageClasses
-    }, addLinkToFeaturedImage ? (0, _element.createElement)("a", {
+    }, addLinkToFeaturedImage ? (0, _react.createElement)("a", {
       className: "wp-block-latest-posts__post-title",
       href: post.link,
       rel: "noreferrer noopener",
       onClick: showRedirectionPreventedNotice
-    }, featuredImage) : featuredImage), (0, _element.createElement)("a", {
+    }, featuredImage) : featuredImage), (0, _react.createElement)("a", {
       href: post.link,
       rel: "noreferrer noopener",
       dangerouslySetInnerHTML: !!titleTrimmed ? {
         __html: titleTrimmed
       } : undefined,
       onClick: showRedirectionPreventedNotice
-    }, !titleTrimmed ? (0, _i18n.__)('(no title)') : null), displayAuthor && currentAuthor && (0, _element.createElement)("div", {
+    }, !titleTrimmed ? (0, _i18n.__)('(no title)') : null), displayAuthor && currentAuthor && (0, _react.createElement)("div", {
       className: "wp-block-latest-posts__post-author"
     }, (0, _i18n.sprintf)( /* translators: byline. %s: current author. */
-    (0, _i18n.__)('by %s'), currentAuthor.name)), displayPostDate && post.date_gmt && (0, _element.createElement)("time", {
+    (0, _i18n.__)('by %s'), currentAuthor.name)), displayPostDate && post.date_gmt && (0, _react.createElement)("time", {
       dateTime: (0, _date.format)('c', post.date_gmt),
       className: "wp-block-latest-posts__post-date"
-    }, (0, _date.dateI18n)(dateFormat, post.date_gmt)), displayPostContent && displayPostContentRadio === 'excerpt' && (0, _element.createElement)("div", {
+    }, (0, _date.dateI18n)(dateFormat, post.date_gmt)), displayPostContent && displayPostContentRadio === 'excerpt' && (0, _react.createElement)("div", {
       className: "wp-block-latest-posts__post-excerpt"
-    }, postExcerpt), displayPostContent && displayPostContentRadio === 'full_post' && (0, _element.createElement)("div", {
+    }, postExcerpt), displayPostContent && displayPostContentRadio === 'full_post' && (0, _react.createElement)("div", {
       className: "wp-block-latest-posts__post-full-content",
       dangerouslySetInnerHTML: {
         __html: post.content.raw.trim()