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

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","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","complete","initLightbox","focusableElements","querySelectorAll","length","querySelector","naturalWidth","naturalHeight","offsetWidth","offsetHeight","figure","parentElement","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, 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// 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\n\t\t\t\t\t\t\t// We want to avoid drawing attention to the button\n\t\t\t\t\t\t\t// after the lightbox closes for mouse and touch users.\n\t\t\t\t\t\t\t// Note that the `event.pointerType` property returns\n\t\t\t\t\t\t\t// as an empty string if a keyboard fired the event.\n\t\t\t\t\t\t\tif ( event.pointerType === '' ) {\n\t\t\t\t\t\t\t\tcontext.core.image.lastFocusedElement.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}\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\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// We want to avoid drawing unnecessary attention to the close\n\t\t\t\t\t\t\t// button for mouse and touch users. Note that even if opening\n\t\t\t\t\t\t\t// the lightbox via keyboard, the event fired is of type\n\t\t\t\t\t\t\t// `pointerEvent`, so we need to rely on the `event.pointerType`\n\t\t\t\t\t\t\t// property, which returns an empty string for keyboard events.\n\t\t\t\t\t\t\tif ( context.core.image.pointerType === '' ) {\n\t\t\t\t\t\t\t\tref.querySelector( '.close-button' ).focus();\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\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\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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"}

package/build/missing/edit.native.js

@@ -17,6 +17,7 @@ var _icons = require("@wordpress/icons");
 var _data = require("@wordpress/data");
 var _hooks = require("@wordpress/hooks");
 var _blockEditor = require("@wordpress/block-editor");
+var _notices = require("@wordpress/notices");
 var _style = _interopRequireDefault(require("./style.scss"));
 /**
  * External dependencies
@@ -33,6 +34,7 @@ var _style = _interopRequireDefault(require("./style.scss"));
 // Blocks that can't be edited through the Unsupported block editor identified by their name.
 const UBE_INCOMPATIBLE_BLOCKS = ['core/block'];
 const I18N_BLOCK_SCHEMA_TITLE = 'block title';
+const EMPTY_ARRAY = [];
 class UnsupportedBlockEdit extends _element.Component {
   constructor(props) {
     super(props);
@@ -106,22 +108,42 @@ class UnsupportedBlockEdit extends _element.Component {
   }
   renderSheet(blockTitle, blockName) {
     const {
-      clientId
+      block,
+      clientId,
+      createSuccessNotice,
+      replaceBlocks
     } = this.props;
     const {
       showHelp
     } = this.state;
+
     /* translators: Missing block alert title. %s: The localized block name */
     const titleFormat = (0, _i18n.__)("'%s' is not fully-supported");
     const title = (0, _i18n.sprintf)(titleFormat, blockTitle);
-    const description = (0, _hooks.applyFilters)('native.missing_block_detail', (0, _i18n.__)('We are working hard to add more blocks with each release.'), blockName);
+    let description = (0, _hooks.applyFilters)('native.missing_block_detail', (0, _i18n.__)('We are working hard to add more blocks with each release.'), blockName);
+    let customActions = EMPTY_ARRAY;
+
+    // For Classic blocks, we offer the alternative to convert the content to blocks.
+    if (blockName === 'core/freeform') {
+      description += ' ' + (0, _i18n.__)('Alternatively, you can convert the content to blocks.');
+      /* translators: displayed right after the classic block is converted to blocks. %s: The localized classic block name */
+      const successNotice = (0, _i18n.__)("'%s' block converted to blocks");
+      customActions = [{
+        label: (0, _i18n.__)('Convert to blocks'),
+        onPress: () => {
+          createSuccessNotice((0, _i18n.sprintf)(successNotice, blockTitle));
+          replaceBlocks(block);
+        }
+      }];
+    }
     return (0, _react.createElement)(_blockEditor.UnsupportedBlockDetails, {
       clientId: clientId,
       showSheet: showHelp,
       onCloseSheet: this.closeSheet,
       customBlockTitle: blockTitle,
       title: title,
-      description: description
+      description: description,
+      customActions: customActions
     });
   }
   render() {
@@ -163,24 +185,40 @@ class UnsupportedBlockEdit extends _element.Component {
 }
 exports.UnsupportedBlockEdit = UnsupportedBlockEdit;
 var _default = (0, _compose.compose)([(0, _data.withSelect)((select, {
-  attributes
+  attributes,
+  clientId
 }) => {
+  const {
+    getBlock,
+    getSettings
+  } = select(_blockEditor.store);
   const {
     capabilities
-  } = select(_blockEditor.store).getSettings();
+  } = getSettings();
   return {
     isUnsupportedBlockEditorSupported: capabilities?.unsupportedBlockEditor === true,
     canEnableUnsupportedBlockEditor: capabilities?.canEnableUnsupportedBlockEditor === true,
-    isEditableInUnsupportedBlockEditor: !UBE_INCOMPATIBLE_BLOCKS.includes(attributes.originalName)
+    isEditableInUnsupportedBlockEditor: !UBE_INCOMPATIBLE_BLOCKS.includes(attributes.originalName),
+    block: getBlock(clientId)
   };
 }), (0, _data.withDispatch)((dispatch, ownProps) => {
   const {
-    selectBlock
+    selectBlock,
+    replaceBlocks
   } = dispatch(_blockEditor.store);
+  const {
+    createSuccessNotice
+  } = dispatch(_notices.store);
   return {
     selectBlock() {
       selectBlock(ownProps.clientId);
-    }
+    },
+    replaceBlocks(block) {
+      replaceBlocks(ownProps.clientId, (0, _blocks.rawHandler)({
+        HTML: (0, _blocks.serialize)(block)
+      }));
+    },
+    createSuccessNotice
   };
 }), _compose.withPreferredColorScheme])(UnsupportedBlockEdit);
 exports.default = _default;

package/build/missing/edit.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_components","_compose","_blockLibrary","_blocks","_element","_i18n","_icons","_data","_hooks","_blockEditor","_style","_interopRequireDefault","UBE_INCOMPATIBLE_BLOCKS","I18N_BLOCK_SCHEMA_TITLE","UnsupportedBlockEdit","Component","constructor","props","state","showHelp","toggleSheet","bind","closeSheet","requestFallback","onHelpButtonPressed","setState","componentWillUnmount","timeout","clearTimeout","getTitle","originalName","attributes","blockType","coreBlocks","title","metadata","textdomain","_x","renderHelpIcon","infoIconStyle","getStylesFromColorScheme","styles","infoIcon","infoIconDark","_react","createElement","TouchableOpacity","onPress","style","helpIconContainer","accessibilityLabel","__","accessibilityRole","accessibilityHint","Icon","className","label","icon","help","fill","color","isSelected","selectBlock","canEnableUnsupportedBlockEditor","isUnsupportedBlockEditorSupported","sendButtonPressMessage","sendFallbackMessage","renderSheet","blockTitle","blockName","clientId","titleFormat","sprintf","description","applyFilters","UnsupportedBlockDetails","showSheet","onCloseSheet","customBlockTitle","render","preferredColorScheme","titleStyle","unsupportedBlockMessage","unsupportedBlockMessageDark","subTitleStyle","unsupportedBlockSubtitle","unsupportedBlockSubtitleDark","subtitle","Text","normalizeIconObject","settings","plugins","iconStyle","unsupportedBlockIcon","unsupportedBlockIconDark","iconClassName","TouchableWithoutFeedback","disabled","View","unsupportedBlock","unsupportedBlockDark","unsupportedBlockHeader","src","exports","_default","compose","withSelect","select","capabilities","blockEditorStore","getSettings","unsupportedBlockEditor","isEditableInUnsupportedBlockEditor","includes","withDispatch","dispatch","ownProps","withPreferredColorScheme","default"],"sources":["@wordpress/block-library/src/missing/edit.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tView,\n\tText,\n\tTouchableWithoutFeedback,\n\tTouchableOpacity,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Icon } from '@wordpress/components';\nimport { compose, withPreferredColorScheme } from '@wordpress/compose';\nimport { coreBlocks } from '@wordpress/block-library';\nimport { normalizeIconObject } from '@wordpress/blocks';\nimport { Component } from '@wordpress/element';\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport { help, plugins } from '@wordpress/icons';\nimport { withSelect, withDispatch } from '@wordpress/data';\nimport { applyFilters } from '@wordpress/hooks';\nimport {\n\tUnsupportedBlockDetails,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\n// Blocks that can't be edited through the Unsupported block editor identified by their name.\nconst UBE_INCOMPATIBLE_BLOCKS = [ 'core/block' ];\nconst I18N_BLOCK_SCHEMA_TITLE = 'block title';\n\nexport class UnsupportedBlockEdit extends Component {\n\tconstructor( props ) {\n\t\tsuper( props );\n\t\tthis.state = { showHelp: false };\n\t\tthis.toggleSheet = this.toggleSheet.bind( this );\n\t\tthis.closeSheet = this.closeSheet.bind( this );\n\t\tthis.requestFallback = this.requestFallback.bind( this );\n\t\tthis.onHelpButtonPressed = this.onHelpButtonPressed.bind( this );\n\t}\n\n\ttoggleSheet() {\n\t\tthis.setState( {\n\t\t\tshowHelp: ! this.state.showHelp,\n\t\t} );\n\t}\n\n\tcloseSheet() {\n\t\tthis.setState( {\n\t\t\tshowHelp: false,\n\t\t} );\n\t}\n\n\tcomponentWillUnmount() {\n\t\tif ( this.timeout ) {\n\t\t\tclearTimeout( this.timeout );\n\t\t}\n\t}\n\n\tgetTitle() {\n\t\tconst { originalName } = this.props.attributes;\n\t\tconst blockType = coreBlocks[ originalName ];\n\t\tconst title = blockType?.metadata.title;\n\t\tconst textdomain = blockType?.metadata.textdomain;\n\n\t\treturn title && textdomain\n\t\t\t? // eslint-disable-next-line @wordpress/i18n-no-variables, @wordpress/i18n-text-domain\n\t\t\t  _x( title, I18N_BLOCK_SCHEMA_TITLE, textdomain )\n\t\t\t: originalName;\n\t}\n\n\trenderHelpIcon() {\n\t\tconst infoIconStyle = this.props.getStylesFromColorScheme(\n\t\t\tstyles.infoIcon,\n\t\t\tstyles.infoIconDark\n\t\t);\n\n\t\treturn (\n\t\t\t<TouchableOpacity\n\t\t\t\tonPress={ this.onHelpButtonPressed }\n\t\t\t\tstyle={ styles.helpIconContainer }\n\t\t\t\taccessibilityLabel={ __( 'Help button' ) }\n\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\taccessibilityHint={ __( 'Tap here to show help' ) }\n\t\t\t>\n\t\t\t\t<Icon\n\t\t\t\t\tclassName=\"unsupported-icon-help\"\n\t\t\t\t\tlabel={ __( 'Help icon' ) }\n\t\t\t\t\ticon={ help }\n\t\t\t\t\tfill={ infoIconStyle.color }\n\t\t\t\t/>\n\t\t\t</TouchableOpacity>\n\t\t);\n\t}\n\n\tonHelpButtonPressed() {\n\t\tif ( ! this.props.isSelected ) {\n\t\t\tthis.props.selectBlock();\n\t\t}\n\t\tthis.toggleSheet();\n\t}\n\n\trequestFallback() {\n\t\tif (\n\t\t\tthis.props.canEnableUnsupportedBlockEditor &&\n\t\t\tthis.props.isUnsupportedBlockEditorSupported === false\n\t\t) {\n\t\t\tthis.toggleSheet();\n\t\t\tthis.setState( { sendButtonPressMessage: true } );\n\t\t} else {\n\t\t\tthis.toggleSheet();\n\t\t\tthis.setState( { sendFallbackMessage: true } );\n\t\t}\n\t}\n\n\trenderSheet( blockTitle, blockName ) {\n\t\tconst { clientId } = this.props;\n\t\tconst { showHelp } = this.state;\n\t\t/* translators: Missing block alert title. %s: The localized block name */\n\t\tconst titleFormat = __( \"'%s' is not fully-supported\" );\n\t\tconst title = sprintf( titleFormat, blockTitle );\n\t\tconst description = applyFilters(\n\t\t\t'native.missing_block_detail',\n\t\t\t__( 'We are working hard to add more blocks with each release.' ),\n\t\t\tblockName\n\t\t);\n\n\t\treturn (\n\t\t\t<UnsupportedBlockDetails\n\t\t\t\tclientId={ clientId }\n\t\t\t\tshowSheet={ showHelp }\n\t\t\t\tonCloseSheet={ this.closeSheet }\n\t\t\t\tcustomBlockTitle={ blockTitle }\n\t\t\t\ttitle={ title }\n\t\t\t\tdescription={ description }\n\t\t\t/>\n\t\t);\n\t}\n\n\trender() {\n\t\tconst { originalName } = this.props.attributes;\n\t\tconst { getStylesFromColorScheme, preferredColorScheme } = this.props;\n\t\tconst blockType = coreBlocks[ originalName ];\n\n\t\tconst title = this.getTitle();\n\t\tconst titleStyle = getStylesFromColorScheme(\n\t\t\tstyles.unsupportedBlockMessage,\n\t\t\tstyles.unsupportedBlockMessageDark\n\t\t);\n\n\t\tconst subTitleStyle = getStylesFromColorScheme(\n\t\t\tstyles.unsupportedBlockSubtitle,\n\t\t\tstyles.unsupportedBlockSubtitleDark\n\t\t);\n\n\t\tconst subtitle = (\n\t\t\t<Text style={ subTitleStyle }>{ __( 'Unsupported' ) }</Text>\n\t\t);\n\n\t\tconst icon = blockType\n\t\t\t? normalizeIconObject( blockType.settings.icon )\n\t\t\t: plugins;\n\t\tconst iconStyle = getStylesFromColorScheme(\n\t\t\tstyles.unsupportedBlockIcon,\n\t\t\tstyles.unsupportedBlockIconDark\n\t\t);\n\t\tconst iconClassName = 'unsupported-icon' + '-' + preferredColorScheme;\n\t\treturn (\n\t\t\t<TouchableWithoutFeedback\n\t\t\t\tdisabled={ ! this.props.isSelected }\n\t\t\t\taccessibilityLabel={ __( 'Help button' ) }\n\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\taccessibilityHint={ __( 'Tap here to show help' ) }\n\t\t\t\tonPress={ this.toggleSheet }\n\t\t\t>\n\t\t\t\t<View\n\t\t\t\t\tstyle={ getStylesFromColorScheme(\n\t\t\t\t\t\tstyles.unsupportedBlock,\n\t\t\t\t\t\tstyles.unsupportedBlockDark\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t{ this.renderHelpIcon() }\n\t\t\t\t\t<View style={ styles.unsupportedBlockHeader }>\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\tclassName={ iconClassName }\n\t\t\t\t\t\t\ticon={ icon && icon.src ? icon.src : icon }\n\t\t\t\t\t\t\tfill={ iconStyle.color }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Text style={ titleStyle }>{ title }</Text>\n\t\t\t\t\t</View>\n\t\t\t\t\t{ subtitle }\n\t\t\t\t\t{ this.renderSheet( title, originalName ) }\n\t\t\t\t</View>\n\t\t\t</TouchableWithoutFeedback>\n\t\t);\n\t}\n}\n\nexport default compose( [\n\twithSelect( ( select, { attributes } ) => {\n\t\tconst { capabilities } = select( blockEditorStore ).getSettings();\n\t\treturn {\n\t\t\tisUnsupportedBlockEditorSupported:\n\t\t\t\tcapabilities?.unsupportedBlockEditor === true,\n\t\t\tcanEnableUnsupportedBlockEditor:\n\t\t\t\tcapabilities?.canEnableUnsupportedBlockEditor === true,\n\t\t\tisEditableInUnsupportedBlockEditor:\n\t\t\t\t! UBE_INCOMPATIBLE_BLOCKS.includes( attributes.originalName ),\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch, ownProps ) => {\n\t\tconst { selectBlock } = dispatch( blockEditorStore );\n\t\treturn {\n\t\t\tselectBlock() {\n\t\t\t\tselectBlock( ownProps.clientId );\n\t\t\t},\n\t\t};\n\t} ),\n\twithPreferredColorScheme,\n] )( UnsupportedBlockEdit );\n"],"mappings":"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"}
+{"version":3,"names":["_reactNative","require","_components","_compose","_blockLibrary","_blocks","_element","_i18n","_icons","_data","_hooks","_blockEditor","_notices","_style","_interopRequireDefault","UBE_INCOMPATIBLE_BLOCKS","I18N_BLOCK_SCHEMA_TITLE","EMPTY_ARRAY","UnsupportedBlockEdit","Component","constructor","props","state","showHelp","toggleSheet","bind","closeSheet","requestFallback","onHelpButtonPressed","setState","componentWillUnmount","timeout","clearTimeout","getTitle","originalName","attributes","blockType","coreBlocks","title","metadata","textdomain","_x","renderHelpIcon","infoIconStyle","getStylesFromColorScheme","styles","infoIcon","infoIconDark","_react","createElement","TouchableOpacity","onPress","style","helpIconContainer","accessibilityLabel","__","accessibilityRole","accessibilityHint","Icon","className","label","icon","help","fill","color","isSelected","selectBlock","canEnableUnsupportedBlockEditor","isUnsupportedBlockEditorSupported","sendButtonPressMessage","sendFallbackMessage","renderSheet","blockTitle","blockName","block","clientId","createSuccessNotice","replaceBlocks","titleFormat","sprintf","description","applyFilters","customActions","successNotice","UnsupportedBlockDetails","showSheet","onCloseSheet","customBlockTitle","render","preferredColorScheme","titleStyle","unsupportedBlockMessage","unsupportedBlockMessageDark","subTitleStyle","unsupportedBlockSubtitle","unsupportedBlockSubtitleDark","subtitle","Text","normalizeIconObject","settings","plugins","iconStyle","unsupportedBlockIcon","unsupportedBlockIconDark","iconClassName","TouchableWithoutFeedback","disabled","View","unsupportedBlock","unsupportedBlockDark","unsupportedBlockHeader","src","exports","_default","compose","withSelect","select","getBlock","getSettings","blockEditorStore","capabilities","unsupportedBlockEditor","isEditableInUnsupportedBlockEditor","includes","withDispatch","dispatch","ownProps","noticesStore","rawHandler","HTML","serialize","withPreferredColorScheme","default"],"sources":["@wordpress/block-library/src/missing/edit.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tView,\n\tText,\n\tTouchableWithoutFeedback,\n\tTouchableOpacity,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Icon } from '@wordpress/components';\nimport { compose, withPreferredColorScheme } from '@wordpress/compose';\nimport { coreBlocks } from '@wordpress/block-library';\nimport { normalizeIconObject, rawHandler, serialize } from '@wordpress/blocks';\nimport { Component } from '@wordpress/element';\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport { help, plugins } from '@wordpress/icons';\nimport { withSelect, withDispatch } from '@wordpress/data';\nimport { applyFilters } from '@wordpress/hooks';\nimport {\n\tUnsupportedBlockDetails,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\n// Blocks that can't be edited through the Unsupported block editor identified by their name.\nconst UBE_INCOMPATIBLE_BLOCKS = [ 'core/block' ];\nconst I18N_BLOCK_SCHEMA_TITLE = 'block title';\n\nconst EMPTY_ARRAY = [];\n\nexport class UnsupportedBlockEdit extends Component {\n\tconstructor( props ) {\n\t\tsuper( props );\n\t\tthis.state = { showHelp: false };\n\t\tthis.toggleSheet = this.toggleSheet.bind( this );\n\t\tthis.closeSheet = this.closeSheet.bind( this );\n\t\tthis.requestFallback = this.requestFallback.bind( this );\n\t\tthis.onHelpButtonPressed = this.onHelpButtonPressed.bind( this );\n\t}\n\n\ttoggleSheet() {\n\t\tthis.setState( {\n\t\t\tshowHelp: ! this.state.showHelp,\n\t\t} );\n\t}\n\n\tcloseSheet() {\n\t\tthis.setState( {\n\t\t\tshowHelp: false,\n\t\t} );\n\t}\n\n\tcomponentWillUnmount() {\n\t\tif ( this.timeout ) {\n\t\t\tclearTimeout( this.timeout );\n\t\t}\n\t}\n\n\tgetTitle() {\n\t\tconst { originalName } = this.props.attributes;\n\t\tconst blockType = coreBlocks[ originalName ];\n\t\tconst title = blockType?.metadata.title;\n\t\tconst textdomain = blockType?.metadata.textdomain;\n\n\t\treturn title && textdomain\n\t\t\t? // eslint-disable-next-line @wordpress/i18n-no-variables, @wordpress/i18n-text-domain\n\t\t\t  _x( title, I18N_BLOCK_SCHEMA_TITLE, textdomain )\n\t\t\t: originalName;\n\t}\n\n\trenderHelpIcon() {\n\t\tconst infoIconStyle = this.props.getStylesFromColorScheme(\n\t\t\tstyles.infoIcon,\n\t\t\tstyles.infoIconDark\n\t\t);\n\n\t\treturn (\n\t\t\t<TouchableOpacity\n\t\t\t\tonPress={ this.onHelpButtonPressed }\n\t\t\t\tstyle={ styles.helpIconContainer }\n\t\t\t\taccessibilityLabel={ __( 'Help button' ) }\n\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\taccessibilityHint={ __( 'Tap here to show help' ) }\n\t\t\t>\n\t\t\t\t<Icon\n\t\t\t\t\tclassName=\"unsupported-icon-help\"\n\t\t\t\t\tlabel={ __( 'Help icon' ) }\n\t\t\t\t\ticon={ help }\n\t\t\t\t\tfill={ infoIconStyle.color }\n\t\t\t\t/>\n\t\t\t</TouchableOpacity>\n\t\t);\n\t}\n\n\tonHelpButtonPressed() {\n\t\tif ( ! this.props.isSelected ) {\n\t\t\tthis.props.selectBlock();\n\t\t}\n\t\tthis.toggleSheet();\n\t}\n\n\trequestFallback() {\n\t\tif (\n\t\t\tthis.props.canEnableUnsupportedBlockEditor &&\n\t\t\tthis.props.isUnsupportedBlockEditorSupported === false\n\t\t) {\n\t\t\tthis.toggleSheet();\n\t\t\tthis.setState( { sendButtonPressMessage: true } );\n\t\t} else {\n\t\t\tthis.toggleSheet();\n\t\t\tthis.setState( { sendFallbackMessage: true } );\n\t\t}\n\t}\n\n\trenderSheet( blockTitle, blockName ) {\n\t\tconst { block, clientId, createSuccessNotice, replaceBlocks } =\n\t\t\tthis.props;\n\t\tconst { showHelp } = this.state;\n\n\t\t/* translators: Missing block alert title. %s: The localized block name */\n\t\tconst titleFormat = __( \"'%s' is not fully-supported\" );\n\t\tconst title = sprintf( titleFormat, blockTitle );\n\t\tlet description = applyFilters(\n\t\t\t'native.missing_block_detail',\n\t\t\t__( 'We are working hard to add more blocks with each release.' ),\n\t\t\tblockName\n\t\t);\n\t\tlet customActions = EMPTY_ARRAY;\n\n\t\t// For Classic blocks, we offer the alternative to convert the content to blocks.\n\t\tif ( blockName === 'core/freeform' ) {\n\t\t\tdescription +=\n\t\t\t\t' ' +\n\t\t\t\t__( 'Alternatively, you can convert the content to blocks.' );\n\t\t\t/* translators: displayed right after the classic block is converted to blocks. %s: The localized classic block name */\n\t\t\tconst successNotice = __( \"'%s' block converted to blocks\" );\n\t\t\tcustomActions = [\n\t\t\t\t{\n\t\t\t\t\tlabel: __( 'Convert to blocks' ),\n\t\t\t\t\tonPress: () => {\n\t\t\t\t\t\tcreateSuccessNotice(\n\t\t\t\t\t\t\tsprintf( successNotice, blockTitle )\n\t\t\t\t\t\t);\n\t\t\t\t\t\treplaceBlocks( block );\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t];\n\t\t}\n\n\t\treturn (\n\t\t\t<UnsupportedBlockDetails\n\t\t\t\tclientId={ clientId }\n\t\t\t\tshowSheet={ showHelp }\n\t\t\t\tonCloseSheet={ this.closeSheet }\n\t\t\t\tcustomBlockTitle={ blockTitle }\n\t\t\t\ttitle={ title }\n\t\t\t\tdescription={ description }\n\t\t\t\tcustomActions={ customActions }\n\t\t\t/>\n\t\t);\n\t}\n\n\trender() {\n\t\tconst { originalName } = this.props.attributes;\n\t\tconst { getStylesFromColorScheme, preferredColorScheme } = this.props;\n\t\tconst blockType = coreBlocks[ originalName ];\n\n\t\tconst title = this.getTitle();\n\t\tconst titleStyle = getStylesFromColorScheme(\n\t\t\tstyles.unsupportedBlockMessage,\n\t\t\tstyles.unsupportedBlockMessageDark\n\t\t);\n\n\t\tconst subTitleStyle = getStylesFromColorScheme(\n\t\t\tstyles.unsupportedBlockSubtitle,\n\t\t\tstyles.unsupportedBlockSubtitleDark\n\t\t);\n\n\t\tconst subtitle = (\n\t\t\t<Text style={ subTitleStyle }>{ __( 'Unsupported' ) }</Text>\n\t\t);\n\n\t\tconst icon = blockType\n\t\t\t? normalizeIconObject( blockType.settings.icon )\n\t\t\t: plugins;\n\t\tconst iconStyle = getStylesFromColorScheme(\n\t\t\tstyles.unsupportedBlockIcon,\n\t\t\tstyles.unsupportedBlockIconDark\n\t\t);\n\t\tconst iconClassName = 'unsupported-icon' + '-' + preferredColorScheme;\n\t\treturn (\n\t\t\t<TouchableWithoutFeedback\n\t\t\t\tdisabled={ ! this.props.isSelected }\n\t\t\t\taccessibilityLabel={ __( 'Help button' ) }\n\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\taccessibilityHint={ __( 'Tap here to show help' ) }\n\t\t\t\tonPress={ this.toggleSheet }\n\t\t\t>\n\t\t\t\t<View\n\t\t\t\t\tstyle={ getStylesFromColorScheme(\n\t\t\t\t\t\tstyles.unsupportedBlock,\n\t\t\t\t\t\tstyles.unsupportedBlockDark\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t{ this.renderHelpIcon() }\n\t\t\t\t\t<View style={ styles.unsupportedBlockHeader }>\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\tclassName={ iconClassName }\n\t\t\t\t\t\t\ticon={ icon && icon.src ? icon.src : icon }\n\t\t\t\t\t\t\tfill={ iconStyle.color }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Text style={ titleStyle }>{ title }</Text>\n\t\t\t\t\t</View>\n\t\t\t\t\t{ subtitle }\n\t\t\t\t\t{ this.renderSheet( title, originalName ) }\n\t\t\t\t</View>\n\t\t\t</TouchableWithoutFeedback>\n\t\t);\n\t}\n}\n\nexport default compose( [\n\twithSelect( ( select, { attributes, clientId } ) => {\n\t\tconst { getBlock, getSettings } = select( blockEditorStore );\n\t\tconst { capabilities } = getSettings();\n\t\treturn {\n\t\t\tisUnsupportedBlockEditorSupported:\n\t\t\t\tcapabilities?.unsupportedBlockEditor === true,\n\t\t\tcanEnableUnsupportedBlockEditor:\n\t\t\t\tcapabilities?.canEnableUnsupportedBlockEditor === true,\n\t\t\tisEditableInUnsupportedBlockEditor:\n\t\t\t\t! UBE_INCOMPATIBLE_BLOCKS.includes( attributes.originalName ),\n\t\t\tblock: getBlock( clientId ),\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch, ownProps ) => {\n\t\tconst { selectBlock, replaceBlocks } = dispatch( blockEditorStore );\n\t\tconst { createSuccessNotice } = dispatch( noticesStore );\n\t\treturn {\n\t\t\tselectBlock() {\n\t\t\t\tselectBlock( ownProps.clientId );\n\t\t\t},\n\t\t\treplaceBlocks( block ) {\n\t\t\t\treplaceBlocks(\n\t\t\t\t\townProps.clientId,\n\t\t\t\t\trawHandler( { HTML: serialize( block ) } )\n\t\t\t\t);\n\t\t\t},\n\t\t\tcreateSuccessNotice,\n\t\t};\n\t} ),\n\twithPreferredColorScheme,\n] )( UnsupportedBlockEdit );\n"],"mappings":"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"}

package/build/paragraph/edit.js

@@ -57,7 +57,7 @@ function ParagraphBlock({
     dropCap,
     placeholder
   } = attributes;
-  const isDropCapFeatureEnabled = (0, _blockEditor.useSetting)('typography.dropCap');
+  const [isDropCapFeatureEnabled] = (0, _blockEditor.useSettings)('typography.dropCap');
   const blockProps = (0, _blockEditor.useBlockProps)({
     ref: (0, _useEnter.useOnEnter)({
       clientId,

package/build/paragraph/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_i18n","_components","_blockEditor","_blocks","_icons","_useEnter","name","ParagraphRTLControl","direction","setDirection","isRTL","_react","createElement","ToolbarButton","icon","formatLtr","title","_x","isActive","onClick","undefined","hasDropCapDisabled","align","ParagraphBlock","attributes","mergeBlocks","onReplace","onRemove","setAttributes","clientId","content","dropCap","placeholder","isDropCapFeatureEnabled","useSetting","blockProps","useBlockProps","ref","useOnEnter","className","classnames","style","helpText","__","Fragment","BlockControls","group","AlignmentControl","value","onChange","newAlign","newDirection","InspectorControls","__experimentalToolsPanelItem","hasValue","label","onDeselect","resetAllFilter","panelId","ToggleControl","__nextHasNoMarginBottom","checked","help","disabled","RichText","identifier","tagName","newContent","onSplit","isOriginal","newAttributes","block","createBlock","onMerge","__unstableEmbedURLOnPaste","__unstableAllowPrefixTransformations","_default","exports","default"],"sources":["@wordpress/block-library/src/paragraph/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __, _x, isRTL } from '@wordpress/i18n';\nimport {\n\tToolbarButton,\n\tToggleControl,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport {\n\tAlignmentControl,\n\tBlockControls,\n\tInspectorControls,\n\tRichText,\n\tuseBlockProps,\n\tuseSetting,\n} from '@wordpress/block-editor';\nimport { createBlock } from '@wordpress/blocks';\nimport { formatLtr } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { useOnEnter } from './use-enter';\n\nconst name = 'core/paragraph';\n\nfunction ParagraphRTLControl( { direction, setDirection } ) {\n\treturn (\n\t\tisRTL() && (\n\t\t\t<ToolbarButton\n\t\t\t\ticon={ formatLtr }\n\t\t\t\ttitle={ _x( 'Left to right', 'editor button' ) }\n\t\t\t\tisActive={ direction === 'ltr' }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tsetDirection( direction === 'ltr' ? undefined : 'ltr' );\n\t\t\t\t} }\n\t\t\t/>\n\t\t)\n\t);\n}\n\nfunction hasDropCapDisabled( align ) {\n\treturn align === ( isRTL() ? 'left' : 'right' ) || align === 'center';\n}\n\nfunction ParagraphBlock( {\n\tattributes,\n\tmergeBlocks,\n\tonReplace,\n\tonRemove,\n\tsetAttributes,\n\tclientId,\n} ) {\n\tconst { align, content, direction, dropCap, placeholder } = attributes;\n\tconst isDropCapFeatureEnabled = useSetting( 'typography.dropCap' );\n\tconst blockProps = useBlockProps( {\n\t\tref: useOnEnter( { clientId, content } ),\n\t\tclassName: classnames( {\n\t\t\t'has-drop-cap': hasDropCapDisabled( align ) ? false : dropCap,\n\t\t\t[ `has-text-align-${ align }` ]: align,\n\t\t} ),\n\t\tstyle: { direction },\n\t} );\n\n\tlet helpText;\n\tif ( hasDropCapDisabled( align ) ) {\n\t\thelpText = __( 'Not available for aligned text.' );\n\t} else if ( dropCap ) {\n\t\thelpText = __( 'Showing large initial letter.' );\n\t} else {\n\t\thelpText = __( 'Toggle to show a large initial letter.' );\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls group=\"block\">\n\t\t\t\t<AlignmentControl\n\t\t\t\t\tvalue={ align }\n\t\t\t\t\tonChange={ ( newAlign ) =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\talign: newAlign,\n\t\t\t\t\t\t\tdropCap: hasDropCapDisabled( newAlign )\n\t\t\t\t\t\t\t\t? false\n\t\t\t\t\t\t\t\t: dropCap,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<ParagraphRTLControl\n\t\t\t\t\tdirection={ direction }\n\t\t\t\t\tsetDirection={ ( newDirection ) =>\n\t\t\t\t\t\tsetAttributes( { direction: newDirection } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t\t{ isDropCapFeatureEnabled && (\n\t\t\t\t<InspectorControls group=\"typography\">\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\thasValue={ () => !! dropCap }\n\t\t\t\t\t\tlabel={ __( 'Drop cap' ) }\n\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\tsetAttributes( { dropCap: undefined } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tresetAllFilter={ () => ( { dropCap: undefined } ) }\n\t\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Drop cap' ) }\n\t\t\t\t\t\t\tchecked={ !! dropCap }\n\t\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( { dropCap: ! dropCap } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\thelp={ helpText }\n\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\thasDropCapDisabled( align ) ? true : false\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t</InspectorControls>\n\t\t\t) }\n\t\t\t<RichText\n\t\t\t\tidentifier=\"content\"\n\t\t\t\ttagName=\"p\"\n\t\t\t\t{ ...blockProps }\n\t\t\t\tvalue={ content }\n\t\t\t\tonChange={ ( newContent ) =>\n\t\t\t\t\tsetAttributes( { content: newContent } )\n\t\t\t\t}\n\t\t\t\tonSplit={ ( value, isOriginal ) => {\n\t\t\t\t\tlet newAttributes;\n\n\t\t\t\t\tif ( isOriginal || value ) {\n\t\t\t\t\t\tnewAttributes = {\n\t\t\t\t\t\t\t...attributes,\n\t\t\t\t\t\t\tcontent: value,\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\n\t\t\t\t\tconst block = createBlock( name, newAttributes );\n\n\t\t\t\t\tif ( isOriginal ) {\n\t\t\t\t\t\tblock.clientId = clientId;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn block;\n\t\t\t\t} }\n\t\t\t\tonMerge={ mergeBlocks }\n\t\t\t\tonReplace={ onReplace }\n\t\t\t\tonRemove={ onRemove }\n\t\t\t\taria-label={\n\t\t\t\t\tcontent\n\t\t\t\t\t\t? __( 'Block: Paragraph' )\n\t\t\t\t\t\t: __(\n\t\t\t\t\t\t\t\t'Empty block; start writing or type forward slash to choose a block'\n\t\t\t\t\t\t  )\n\t\t\t\t}\n\t\t\t\tdata-empty={ content ? false : true }\n\t\t\t\tplaceholder={ placeholder || __( 'Type / to choose a block' ) }\n\t\t\t\tdata-custom-placeholder={ placeholder ? true : undefined }\n\t\t\t\t__unstableEmbedURLOnPaste\n\t\t\t\t__unstableAllowPrefixTransformations\n\t\t\t/>\n\t\t</>\n\t);\n}\n\nexport default ParagraphBlock;\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_i18n","_components","_blockEditor","_blocks","_icons","_useEnter","name","ParagraphRTLControl","direction","setDirection","isRTL","_react","createElement","ToolbarButton","icon","formatLtr","title","_x","isActive","onClick","undefined","hasDropCapDisabled","align","ParagraphBlock","attributes","mergeBlocks","onReplace","onRemove","setAttributes","clientId","content","dropCap","placeholder","isDropCapFeatureEnabled","useSettings","blockProps","useBlockProps","ref","useOnEnter","className","classnames","style","helpText","__","Fragment","BlockControls","group","AlignmentControl","value","onChange","newAlign","newDirection","InspectorControls","__experimentalToolsPanelItem","hasValue","label","onDeselect","resetAllFilter","panelId","ToggleControl","__nextHasNoMarginBottom","checked","help","disabled","RichText","identifier","tagName","newContent","onSplit","isOriginal","newAttributes","block","createBlock","onMerge","__unstableEmbedURLOnPaste","__unstableAllowPrefixTransformations","_default","exports","default"],"sources":["@wordpress/block-library/src/paragraph/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __, _x, isRTL } from '@wordpress/i18n';\nimport {\n\tToolbarButton,\n\tToggleControl,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport {\n\tAlignmentControl,\n\tBlockControls,\n\tInspectorControls,\n\tRichText,\n\tuseBlockProps,\n\tuseSettings,\n} from '@wordpress/block-editor';\nimport { createBlock } from '@wordpress/blocks';\nimport { formatLtr } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { useOnEnter } from './use-enter';\n\nconst name = 'core/paragraph';\n\nfunction ParagraphRTLControl( { direction, setDirection } ) {\n\treturn (\n\t\tisRTL() && (\n\t\t\t<ToolbarButton\n\t\t\t\ticon={ formatLtr }\n\t\t\t\ttitle={ _x( 'Left to right', 'editor button' ) }\n\t\t\t\tisActive={ direction === 'ltr' }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tsetDirection( direction === 'ltr' ? undefined : 'ltr' );\n\t\t\t\t} }\n\t\t\t/>\n\t\t)\n\t);\n}\n\nfunction hasDropCapDisabled( align ) {\n\treturn align === ( isRTL() ? 'left' : 'right' ) || align === 'center';\n}\n\nfunction ParagraphBlock( {\n\tattributes,\n\tmergeBlocks,\n\tonReplace,\n\tonRemove,\n\tsetAttributes,\n\tclientId,\n} ) {\n\tconst { align, content, direction, dropCap, placeholder } = attributes;\n\tconst [ isDropCapFeatureEnabled ] = useSettings( 'typography.dropCap' );\n\tconst blockProps = useBlockProps( {\n\t\tref: useOnEnter( { clientId, content } ),\n\t\tclassName: classnames( {\n\t\t\t'has-drop-cap': hasDropCapDisabled( align ) ? false : dropCap,\n\t\t\t[ `has-text-align-${ align }` ]: align,\n\t\t} ),\n\t\tstyle: { direction },\n\t} );\n\n\tlet helpText;\n\tif ( hasDropCapDisabled( align ) ) {\n\t\thelpText = __( 'Not available for aligned text.' );\n\t} else if ( dropCap ) {\n\t\thelpText = __( 'Showing large initial letter.' );\n\t} else {\n\t\thelpText = __( 'Toggle to show a large initial letter.' );\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls group=\"block\">\n\t\t\t\t<AlignmentControl\n\t\t\t\t\tvalue={ align }\n\t\t\t\t\tonChange={ ( newAlign ) =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\talign: newAlign,\n\t\t\t\t\t\t\tdropCap: hasDropCapDisabled( newAlign )\n\t\t\t\t\t\t\t\t? false\n\t\t\t\t\t\t\t\t: dropCap,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<ParagraphRTLControl\n\t\t\t\t\tdirection={ direction }\n\t\t\t\t\tsetDirection={ ( newDirection ) =>\n\t\t\t\t\t\tsetAttributes( { direction: newDirection } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t\t{ isDropCapFeatureEnabled && (\n\t\t\t\t<InspectorControls group=\"typography\">\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\thasValue={ () => !! dropCap }\n\t\t\t\t\t\tlabel={ __( 'Drop cap' ) }\n\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\tsetAttributes( { dropCap: undefined } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tresetAllFilter={ () => ( { dropCap: undefined } ) }\n\t\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Drop cap' ) }\n\t\t\t\t\t\t\tchecked={ !! dropCap }\n\t\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( { dropCap: ! dropCap } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\thelp={ helpText }\n\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\thasDropCapDisabled( align ) ? true : false\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t</InspectorControls>\n\t\t\t) }\n\t\t\t<RichText\n\t\t\t\tidentifier=\"content\"\n\t\t\t\ttagName=\"p\"\n\t\t\t\t{ ...blockProps }\n\t\t\t\tvalue={ content }\n\t\t\t\tonChange={ ( newContent ) =>\n\t\t\t\t\tsetAttributes( { content: newContent } )\n\t\t\t\t}\n\t\t\t\tonSplit={ ( value, isOriginal ) => {\n\t\t\t\t\tlet newAttributes;\n\n\t\t\t\t\tif ( isOriginal || value ) {\n\t\t\t\t\t\tnewAttributes = {\n\t\t\t\t\t\t\t...attributes,\n\t\t\t\t\t\t\tcontent: value,\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\n\t\t\t\t\tconst block = createBlock( name, newAttributes );\n\n\t\t\t\t\tif ( isOriginal ) {\n\t\t\t\t\t\tblock.clientId = clientId;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn block;\n\t\t\t\t} }\n\t\t\t\tonMerge={ mergeBlocks }\n\t\t\t\tonReplace={ onReplace }\n\t\t\t\tonRemove={ onRemove }\n\t\t\t\taria-label={\n\t\t\t\t\tcontent\n\t\t\t\t\t\t? __( 'Block: Paragraph' )\n\t\t\t\t\t\t: __(\n\t\t\t\t\t\t\t\t'Empty block; start writing or type forward slash to choose a block'\n\t\t\t\t\t\t  )\n\t\t\t\t}\n\t\t\t\tdata-empty={ content ? false : true }\n\t\t\t\tplaceholder={ placeholder || __( 'Type / to choose a block' ) }\n\t\t\t\tdata-custom-placeholder={ placeholder ? true : undefined }\n\t\t\t\t__unstableEmbedURLOnPaste\n\t\t\t\t__unstableAllowPrefixTransformations\n\t\t\t/>\n\t\t</>\n\t);\n}\n\nexport default ParagraphBlock;\n"],"mappings":"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"}

package/build/post-featured-image/dimension-controls.js

@@ -41,9 +41,9 @@ const DimensionControls = ({
   setAttributes,
   imageSizeOptions = []
 }) => {
-  const defaultUnits = ['px', '%', 'vw', 'em', 'rem'];
+  const [availableUnits] = (0, _blockEditor.useSettings)('spacing.units');
   const units = (0, _components.__experimentalUseCustomUnits)({
-    availableUnits: (0, _blockEditor.useSetting)('spacing.units') || defaultUnits
+    availableUnits: availableUnits || ['px', '%', 'vw', 'em', 'rem']
   });
   const onDimensionChange = (dimension, nextValue) => {
     const parsedValue = parseFloat(nextValue);

package/build/post-featured-image/dimension-controls.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_components","_blockEditor","SCALE_OPTIONS","_react","createElement","Fragment","__experimentalToggleGroupControlOption","value","label","_x","DEFAULT_SCALE","DEFAULT_SIZE","scaleHelp","cover","__","contain","fill","DimensionControls","clientId","attributes","aspectRatio","width","height","scale","sizeSlug","setAttributes","imageSizeOptions","defaultUnits","units","useCustomUnits","availableUnits","useSetting","onDimensionChange","dimension","nextValue","parsedValue","parseFloat","isNaN","scaleLabel","showScaleControl","InspectorControls","group","__experimentalToolsPanelItem","hasValue","onDeselect","undefined","resetAllFilter","isShownByDefault","panelId","SelectControl","__nextHasNoMarginBottom","options","onChange","nextAspectRatio","className","__experimentalUnitControl","labelPosition","min","nextHeight","nextWidth","__experimentalToggleGroupControl","help","isBlock","length","nextSizeSlug","_default","exports","default"],"sources":["@wordpress/block-library/src/post-featured-image/dimension-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\tSelectControl,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { InspectorControls, useSetting } from '@wordpress/block-editor';\n\nconst SCALE_OPTIONS = (\n\t<>\n\t\t<ToggleGroupControlOption\n\t\t\tvalue=\"cover\"\n\t\t\tlabel={ _x( 'Cover', 'Scale option for Image dimension control' ) }\n\t\t/>\n\t\t<ToggleGroupControlOption\n\t\t\tvalue=\"contain\"\n\t\t\tlabel={ _x(\n\t\t\t\t'Contain',\n\t\t\t\t'Scale option for Image dimension control'\n\t\t\t) }\n\t\t/>\n\t\t<ToggleGroupControlOption\n\t\t\tvalue=\"fill\"\n\t\t\tlabel={ _x( 'Fill', 'Scale option for Image dimension control' ) }\n\t\t/>\n\t</>\n);\n\nconst DEFAULT_SCALE = 'cover';\nconst DEFAULT_SIZE = 'full';\n\nconst scaleHelp = {\n\tcover: __(\n\t\t'Image is scaled and cropped to fill the entire space without being distorted.'\n\t),\n\tcontain: __(\n\t\t'Image is scaled to fill the space without clipping nor distorting.'\n\t),\n\tfill: __(\n\t\t'Image will be stretched and distorted to completely fill the space.'\n\t),\n};\n\nconst DimensionControls = ( {\n\tclientId,\n\tattributes: { aspectRatio, width, height, scale, sizeSlug },\n\tsetAttributes,\n\timageSizeOptions = [],\n} ) => {\n\tconst defaultUnits = [ 'px', '%', 'vw', 'em', 'rem' ];\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: useSetting( 'spacing.units' ) || defaultUnits,\n\t} );\n\tconst onDimensionChange = ( dimension, nextValue ) => {\n\t\tconst parsedValue = parseFloat( nextValue );\n\t\t/**\n\t\t * If we have no value set and we change the unit,\n\t\t * we don't want to set the attribute, as it would\n\t\t * end up having the unit as value without any number.\n\t\t */\n\t\tif ( isNaN( parsedValue ) && nextValue ) return;\n\t\tsetAttributes( {\n\t\t\t[ dimension ]: parsedValue < 0 ? '0' : nextValue,\n\t\t} );\n\t};\n\tconst scaleLabel = _x( 'Scale', 'Image scaling options' );\n\n\tconst showScaleControl =\n\t\theight || ( aspectRatio && aspectRatio !== 'auto' );\n\n\treturn (\n\t\t<InspectorControls group=\"dimensions\">\n\t\t\t<ToolsPanelItem\n\t\t\t\thasValue={ () => !! aspectRatio }\n\t\t\t\tlabel={ __( 'Aspect ratio' ) }\n\t\t\t\tonDeselect={ () => setAttributes( { aspectRatio: undefined } ) }\n\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\taspectRatio: undefined,\n\t\t\t\t} ) }\n\t\t\t\tisShownByDefault={ true }\n\t\t\t\tpanelId={ clientId }\n\t\t\t>\n\t\t\t\t<SelectControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Aspect ratio' ) }\n\t\t\t\t\tvalue={ aspectRatio }\n\t\t\t\t\toptions={ [\n\t\t\t\t\t\t// These should use the same values as AspectRatioDropdown in @wordpress/block-editor\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( 'Original' ),\n\t\t\t\t\t\t\tvalue: 'auto',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( 'Square' ),\n\t\t\t\t\t\t\tvalue: '1',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( '16:9' ),\n\t\t\t\t\t\t\tvalue: '16/9',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( '4:3' ),\n\t\t\t\t\t\t\tvalue: '4/3',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( '3:2' ),\n\t\t\t\t\t\t\tvalue: '3/2',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( '9:16' ),\n\t\t\t\t\t\t\tvalue: '9/16',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( '3:4' ),\n\t\t\t\t\t\t\tvalue: '3/4',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( '2:3' ),\n\t\t\t\t\t\t\tvalue: '2/3',\n\t\t\t\t\t\t},\n\t\t\t\t\t] }\n\t\t\t\t\tonChange={ ( nextAspectRatio ) =>\n\t\t\t\t\t\tsetAttributes( { aspectRatio: nextAspectRatio } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tclassName=\"single-column\"\n\t\t\t\thasValue={ () => !! height }\n\t\t\t\tlabel={ __( 'Height' ) }\n\t\t\t\tonDeselect={ () => setAttributes( { height: undefined } ) }\n\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\theight: undefined,\n\t\t\t\t} ) }\n\t\t\t\tisShownByDefault={ true }\n\t\t\t\tpanelId={ clientId }\n\t\t\t>\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ __( 'Height' ) }\n\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\tvalue={ height || '' }\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tonChange={ ( nextHeight ) =>\n\t\t\t\t\t\tonDimensionChange( 'height', nextHeight )\n\t\t\t\t\t}\n\t\t\t\t\tunits={ units }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tclassName=\"single-column\"\n\t\t\t\thasValue={ () => !! width }\n\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\tonDeselect={ () => setAttributes( { width: undefined } ) }\n\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\twidth: undefined,\n\t\t\t\t} ) }\n\t\t\t\tisShownByDefault={ true }\n\t\t\t\tpanelId={ clientId }\n\t\t\t>\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\tvalue={ width || '' }\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tonChange={ ( nextWidth ) =>\n\t\t\t\t\t\tonDimensionChange( 'width', nextWidth )\n\t\t\t\t\t}\n\t\t\t\t\tunits={ units }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t{ showScaleControl && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\thasValue={ () => !! scale && scale !== DEFAULT_SCALE }\n\t\t\t\t\tlabel={ scaleLabel }\n\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tscale: DEFAULT_SCALE,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\t\tscale: DEFAULT_SCALE,\n\t\t\t\t\t} ) }\n\t\t\t\t\tisShownByDefault={ true }\n\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t>\n\t\t\t\t\t<ToggleGroupControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ scaleLabel }\n\t\t\t\t\t\tvalue={ scale }\n\t\t\t\t\t\thelp={ scaleHelp[ scale ] }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tscale: value,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisBlock\n\t\t\t\t\t>\n\t\t\t\t\t\t{ SCALE_OPTIONS }\n\t\t\t\t\t</ToggleGroupControl>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ !! imageSizeOptions.length && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\thasValue={ () => !! sizeSlug }\n\t\t\t\t\tlabel={ __( 'Resolution' ) }\n\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\tsetAttributes( { sizeSlug: undefined } )\n\t\t\t\t\t}\n\t\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\t\tsizeSlug: undefined,\n\t\t\t\t\t} ) }\n\t\t\t\t\tisShownByDefault={ false }\n\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t>\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Resolution' ) }\n\t\t\t\t\t\tvalue={ sizeSlug || DEFAULT_SIZE }\n\t\t\t\t\t\toptions={ imageSizeOptions }\n\t\t\t\t\t\tonChange={ ( nextSizeSlug ) =>\n\t\t\t\t\t\t\tsetAttributes( { sizeSlug: nextSizeSlug } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\thelp={ __( 'Select the size of the source image.' ) }\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t</InspectorControls>\n\t);\n};\n\nexport default DimensionControls;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAQA,IAAAE,YAAA,GAAAF,OAAA;AAZA;AACA;AACA;;AAYA,MAAMG,aAAa,GAClB,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAM,sCAAwB;EACxBC,KAAK,EAAC,OAAO;EACbC,KAAK,EAAG,IAAAC,QAAE,EAAE,OAAO,EAAE,0CAA2C;AAAG,CACnE,CAAC,EACF,IAAAN,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAM,sCAAwB;EACxBC,KAAK,EAAC,SAAS;EACfC,KAAK,EAAG,IAAAC,QAAE,EACT,SAAS,EACT,0CACD;AAAG,CACH,CAAC,EACF,IAAAN,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAM,sCAAwB;EACxBC,KAAK,EAAC,MAAM;EACZC,KAAK,EAAG,IAAAC,QAAE,EAAE,MAAM,EAAE,0CAA2C;AAAG,CAClE,CACA,CACF;AAED,MAAMC,aAAa,GAAG,OAAO;AAC7B,MAAMC,YAAY,GAAG,MAAM;AAE3B,MAAMC,SAAS,GAAG;EACjBC,KAAK,EAAE,IAAAC,QAAE,EACR,+EACD,CAAC;EACDC,OAAO,EAAE,IAAAD,QAAE,EACV,oEACD,CAAC;EACDE,IAAI,EAAE,IAAAF,QAAE,EACP,qEACD;AACD,CAAC;AAED,MAAMG,iBAAiB,GAAGA,CAAE;EAC3BC,QAAQ;EACRC,UAAU,EAAE;IAAEC,WAAW;IAAEC,KAAK;IAAEC,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC;EAC3DC,aAAa;EACbC,gBAAgB,GAAG;AACpB,CAAC,KAAM;EACN,MAAMC,YAAY,GAAG,CAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAE;EACrD,MAAMC,KAAK,GAAG,IAAAC,wCAAc,EAAE;IAC7BC,cAAc,EAAE,IAAAC,uBAAU,EAAE,eAAgB,CAAC,IAAIJ;EAClD,CAAE,CAAC;EACH,MAAMK,iBAAiB,GAAGA,CAAEC,SAAS,EAAEC,SAAS,KAAM;IACrD,MAAMC,WAAW,GAAGC,UAAU,CAAEF,SAAU,CAAC;IAC3C;AACF;AACA;AACA;AACA;IACE,IAAKG,KAAK,CAAEF,WAAY,CAAC,IAAID,SAAS,EAAG;IACzCT,aAAa,CAAE;MACd,CAAEQ,SAAS,GAAIE,WAAW,GAAG,CAAC,GAAG,GAAG,GAAGD;IACxC,CAAE,CAAC;EACJ,CAAC;EACD,MAAMI,UAAU,GAAG,IAAA7B,QAAE,EAAE,OAAO,EAAE,uBAAwB,CAAC;EAEzD,MAAM8B,gBAAgB,GACrBjB,MAAM,IAAMF,WAAW,IAAIA,WAAW,KAAK,MAAQ;EAEpD,OACC,IAAAjB,MAAA,CAAAC,aAAA,EAACH,YAAA,CAAAuC,iBAAiB;IAACC,KAAK,EAAC;EAAY,GACpC,IAAAtC,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAA0C,4BAAc;IACdC,QAAQ,EAAGA,CAAA,KAAM,CAAC,CAAEvB,WAAa;IACjCZ,KAAK,EAAG,IAAAM,QAAE,EAAE,cAAe,CAAG;IAC9B8B,UAAU,EAAGA,CAAA,KAAMnB,aAAa,CAAE;MAAEL,WAAW,EAAEyB;IAAU,CAAE,CAAG;IAChEC,cAAc,EAAGA,CAAA,MAAQ;MACxB1B,WAAW,EAAEyB;IACd,CAAC,CAAI;IACLE,gBAAgB,EAAG,IAAM;IACzBC,OAAO,EAAG9B;EAAU,GAEpB,IAAAf,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAiD,aAAa;IACbC,uBAAuB;IACvB1C,KAAK,EAAG,IAAAM,QAAE,EAAE,cAAe,CAAG;IAC9BP,KAAK,EAAGa,WAAa;IACrB+B,OAAO,EAAG;IACT;IACA;MACC3C,KAAK,EAAE,IAAAM,QAAE,EAAE,UAAW,CAAC;MACvBP,KAAK,EAAE;IACR,CAAC,EACD;MACCC,KAAK,EAAE,IAAAM,QAAE,EAAE,QAAS,CAAC;MACrBP,KAAK,EAAE;IACR,CAAC,EACD;MACCC,KAAK,EAAE,IAAAM,QAAE,EAAE,MAAO,CAAC;MACnBP,KAAK,EAAE;IACR,CAAC,EACD;MACCC,KAAK,EAAE,IAAAM,QAAE,EAAE,KAAM,CAAC;MAClBP,KAAK,EAAE;IACR,CAAC,EACD;MACCC,KAAK,EAAE,IAAAM,QAAE,EAAE,KAAM,CAAC;MAClBP,KAAK,EAAE;IACR,CAAC,EACD;MACCC,KAAK,EAAE,IAAAM,QAAE,EAAE,MAAO,CAAC;MACnBP,KAAK,EAAE;IACR,CAAC,EACD;MACCC,KAAK,EAAE,IAAAM,QAAE,EAAE,KAAM,CAAC;MAClBP,KAAK,EAAE;IACR,CAAC,EACD;MACCC,KAAK,EAAE,IAAAM,QAAE,EAAE,KAAM,CAAC;MAClBP,KAAK,EAAE;IACR,CAAC,CACC;IACH6C,QAAQ,EAAKC,eAAe,IAC3B5B,aAAa,CAAE;MAAEL,WAAW,EAAEiC;IAAgB,CAAE;EAChD,CACD,CACc,CAAC,EACjB,IAAAlD,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAA0C,4BAAc;IACdY,SAAS,EAAC,eAAe;IACzBX,QAAQ,EAAGA,CAAA,KAAM,CAAC,CAAErB,MAAQ;IAC5Bd,KAAK,EAAG,IAAAM,QAAE,EAAE,QAAS,CAAG;IACxB8B,UAAU,EAAGA,CAAA,KAAMnB,aAAa,CAAE;MAAEH,MAAM,EAAEuB;IAAU,CAAE,CAAG;IAC3DC,cAAc,EAAGA,CAAA,MAAQ;MACxBxB,MAAM,EAAEuB;IACT,CAAC,CAAI;IACLE,gBAAgB,EAAG,IAAM;IACzBC,OAAO,EAAG9B;EAAU,GAEpB,IAAAf,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAuD,yBAAW;IACX/C,KAAK,EAAG,IAAAM,QAAE,EAAE,QAAS,CAAG;IACxB0C,aAAa,EAAC,KAAK;IACnBjD,KAAK,EAAGe,MAAM,IAAI,EAAI;IACtBmC,GAAG,EAAG,CAAG;IACTL,QAAQ,EAAKM,UAAU,IACtB1B,iBAAiB,CAAE,QAAQ,EAAE0B,UAAW,CACxC;IACD9B,KAAK,EAAGA;EAAO,CACf,CACc,CAAC,EACjB,IAAAzB,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAA0C,4BAAc;IACdY,SAAS,EAAC,eAAe;IACzBX,QAAQ,EAAGA,CAAA,KAAM,CAAC,CAAEtB,KAAO;IAC3Bb,KAAK,EAAG,IAAAM,QAAE,EAAE,OAAQ,CAAG;IACvB8B,UAAU,EAAGA,CAAA,KAAMnB,aAAa,CAAE;MAAEJ,KAAK,EAAEwB;IAAU,CAAE,CAAG;IAC1DC,cAAc,EAAGA,CAAA,MAAQ;MACxBzB,KAAK,EAAEwB;IACR,CAAC,CAAI;IACLE,gBAAgB,EAAG,IAAM;IACzBC,OAAO,EAAG9B;EAAU,GAEpB,IAAAf,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAuD,yBAAW;IACX/C,KAAK,EAAG,IAAAM,QAAE,EAAE,OAAQ,CAAG;IACvB0C,aAAa,EAAC,KAAK;IACnBjD,KAAK,EAAGc,KAAK,IAAI,EAAI;IACrBoC,GAAG,EAAG,CAAG;IACTL,QAAQ,EAAKO,SAAS,IACrB3B,iBAAiB,CAAE,OAAO,EAAE2B,SAAU,CACtC;IACD/B,KAAK,EAAGA;EAAO,CACf,CACc,CAAC,EACfW,gBAAgB,IACjB,IAAApC,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAA0C,4BAAc;IACdC,QAAQ,EAAGA,CAAA,KAAM,CAAC,CAAEpB,KAAK,IAAIA,KAAK,KAAKb,aAAe;IACtDF,KAAK,EAAG8B,UAAY;IACpBM,UAAU,EAAGA,CAAA,KACZnB,aAAa,CAAE;MACdF,KAAK,EAAEb;IACR,CAAE,CACF;IACDoC,cAAc,EAAGA,CAAA,MAAQ;MACxBvB,KAAK,EAAEb;IACR,CAAC,CAAI;IACLqC,gBAAgB,EAAG,IAAM;IACzBC,OAAO,EAAG9B;EAAU,GAEpB,IAAAf,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAA4D,gCAAkB;IAClBV,uBAAuB;IACvB1C,KAAK,EAAG8B,UAAY;IACpB/B,KAAK,EAAGgB,KAAO;IACfsC,IAAI,EAAGjD,SAAS,CAAEW,KAAK,CAAI;IAC3B6B,QAAQ,EAAK7C,KAAK,IACjBkB,aAAa,CAAE;MACdF,KAAK,EAAEhB;IACR,CAAE,CACF;IACDuD,OAAO;EAAA,GAEL5D,aACiB,CACL,CAChB,EACC,CAAC,CAAEwB,gBAAgB,CAACqC,MAAM,IAC3B,IAAA5D,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAA0C,4BAAc;IACdC,QAAQ,EAAGA,CAAA,KAAM,CAAC,CAAEnB,QAAU;IAC9BhB,KAAK,EAAG,IAAAM,QAAE,EAAE,YAAa,CAAG;IAC5B8B,UAAU,EAAGA,CAAA,KACZnB,aAAa,CAAE;MAAED,QAAQ,EAAEqB;IAAU,CAAE,CACvC;IACDC,cAAc,EAAGA,CAAA,MAAQ;MACxBtB,QAAQ,EAAEqB;IACX,CAAC,CAAI;IACLE,gBAAgB,EAAG,KAAO;IAC1BC,OAAO,EAAG9B;EAAU,GAEpB,IAAAf,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAiD,aAAa;IACbC,uBAAuB;IACvB1C,KAAK,EAAG,IAAAM,QAAE,EAAE,YAAa,CAAG;IAC5BP,KAAK,EAAGiB,QAAQ,IAAIb,YAAc;IAClCwC,OAAO,EAAGzB,gBAAkB;IAC5B0B,QAAQ,EAAKY,YAAY,IACxBvC,aAAa,CAAE;MAAED,QAAQ,EAAEwC;IAAa,CAAE,CAC1C;IACDH,IAAI,EAAG,IAAA/C,QAAE,EAAE,sCAAuC;EAAG,CACrD,CACc,CAEC,CAAC;AAEtB,CAAC;AAAC,IAAAmD,QAAA,GAEahD,iBAAiB;AAAAiD,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_i18n","require","_components","_blockEditor","SCALE_OPTIONS","_react","createElement","Fragment","__experimentalToggleGroupControlOption","value","label","_x","DEFAULT_SCALE","DEFAULT_SIZE","scaleHelp","cover","__","contain","fill","DimensionControls","clientId","attributes","aspectRatio","width","height","scale","sizeSlug","setAttributes","imageSizeOptions","availableUnits","useSettings","units","useCustomUnits","onDimensionChange","dimension","nextValue","parsedValue","parseFloat","isNaN","scaleLabel","showScaleControl","InspectorControls","group","__experimentalToolsPanelItem","hasValue","onDeselect","undefined","resetAllFilter","isShownByDefault","panelId","SelectControl","__nextHasNoMarginBottom","options","onChange","nextAspectRatio","className","__experimentalUnitControl","labelPosition","min","nextHeight","nextWidth","__experimentalToggleGroupControl","help","isBlock","length","nextSizeSlug","_default","exports","default"],"sources":["@wordpress/block-library/src/post-featured-image/dimension-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\tSelectControl,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { InspectorControls, useSettings } from '@wordpress/block-editor';\n\nconst SCALE_OPTIONS = (\n\t<>\n\t\t<ToggleGroupControlOption\n\t\t\tvalue=\"cover\"\n\t\t\tlabel={ _x( 'Cover', 'Scale option for Image dimension control' ) }\n\t\t/>\n\t\t<ToggleGroupControlOption\n\t\t\tvalue=\"contain\"\n\t\t\tlabel={ _x(\n\t\t\t\t'Contain',\n\t\t\t\t'Scale option for Image dimension control'\n\t\t\t) }\n\t\t/>\n\t\t<ToggleGroupControlOption\n\t\t\tvalue=\"fill\"\n\t\t\tlabel={ _x( 'Fill', 'Scale option for Image dimension control' ) }\n\t\t/>\n\t</>\n);\n\nconst DEFAULT_SCALE = 'cover';\nconst DEFAULT_SIZE = 'full';\n\nconst scaleHelp = {\n\tcover: __(\n\t\t'Image is scaled and cropped to fill the entire space without being distorted.'\n\t),\n\tcontain: __(\n\t\t'Image is scaled to fill the space without clipping nor distorting.'\n\t),\n\tfill: __(\n\t\t'Image will be stretched and distorted to completely fill the space.'\n\t),\n};\n\nconst DimensionControls = ( {\n\tclientId,\n\tattributes: { aspectRatio, width, height, scale, sizeSlug },\n\tsetAttributes,\n\timageSizeOptions = [],\n} ) => {\n\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [ 'px', '%', 'vw', 'em', 'rem' ],\n\t} );\n\tconst onDimensionChange = ( dimension, nextValue ) => {\n\t\tconst parsedValue = parseFloat( nextValue );\n\t\t/**\n\t\t * If we have no value set and we change the unit,\n\t\t * we don't want to set the attribute, as it would\n\t\t * end up having the unit as value without any number.\n\t\t */\n\t\tif ( isNaN( parsedValue ) && nextValue ) return;\n\t\tsetAttributes( {\n\t\t\t[ dimension ]: parsedValue < 0 ? '0' : nextValue,\n\t\t} );\n\t};\n\tconst scaleLabel = _x( 'Scale', 'Image scaling options' );\n\n\tconst showScaleControl =\n\t\theight || ( aspectRatio && aspectRatio !== 'auto' );\n\n\treturn (\n\t\t<InspectorControls group=\"dimensions\">\n\t\t\t<ToolsPanelItem\n\t\t\t\thasValue={ () => !! aspectRatio }\n\t\t\t\tlabel={ __( 'Aspect ratio' ) }\n\t\t\t\tonDeselect={ () => setAttributes( { aspectRatio: undefined } ) }\n\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\taspectRatio: undefined,\n\t\t\t\t} ) }\n\t\t\t\tisShownByDefault={ true }\n\t\t\t\tpanelId={ clientId }\n\t\t\t>\n\t\t\t\t<SelectControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Aspect ratio' ) }\n\t\t\t\t\tvalue={ aspectRatio }\n\t\t\t\t\toptions={ [\n\t\t\t\t\t\t// These should use the same values as AspectRatioDropdown in @wordpress/block-editor\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( 'Original' ),\n\t\t\t\t\t\t\tvalue: 'auto',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( 'Square' ),\n\t\t\t\t\t\t\tvalue: '1',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( '16:9' ),\n\t\t\t\t\t\t\tvalue: '16/9',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( '4:3' ),\n\t\t\t\t\t\t\tvalue: '4/3',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( '3:2' ),\n\t\t\t\t\t\t\tvalue: '3/2',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( '9:16' ),\n\t\t\t\t\t\t\tvalue: '9/16',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( '3:4' ),\n\t\t\t\t\t\t\tvalue: '3/4',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( '2:3' ),\n\t\t\t\t\t\t\tvalue: '2/3',\n\t\t\t\t\t\t},\n\t\t\t\t\t] }\n\t\t\t\t\tonChange={ ( nextAspectRatio ) =>\n\t\t\t\t\t\tsetAttributes( { aspectRatio: nextAspectRatio } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tclassName=\"single-column\"\n\t\t\t\thasValue={ () => !! height }\n\t\t\t\tlabel={ __( 'Height' ) }\n\t\t\t\tonDeselect={ () => setAttributes( { height: undefined } ) }\n\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\theight: undefined,\n\t\t\t\t} ) }\n\t\t\t\tisShownByDefault={ true }\n\t\t\t\tpanelId={ clientId }\n\t\t\t>\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ __( 'Height' ) }\n\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\tvalue={ height || '' }\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tonChange={ ( nextHeight ) =>\n\t\t\t\t\t\tonDimensionChange( 'height', nextHeight )\n\t\t\t\t\t}\n\t\t\t\t\tunits={ units }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tclassName=\"single-column\"\n\t\t\t\thasValue={ () => !! width }\n\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\tonDeselect={ () => setAttributes( { width: undefined } ) }\n\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\twidth: undefined,\n\t\t\t\t} ) }\n\t\t\t\tisShownByDefault={ true }\n\t\t\t\tpanelId={ clientId }\n\t\t\t>\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\tvalue={ width || '' }\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tonChange={ ( nextWidth ) =>\n\t\t\t\t\t\tonDimensionChange( 'width', nextWidth )\n\t\t\t\t\t}\n\t\t\t\t\tunits={ units }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t{ showScaleControl && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\thasValue={ () => !! scale && scale !== DEFAULT_SCALE }\n\t\t\t\t\tlabel={ scaleLabel }\n\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tscale: DEFAULT_SCALE,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\t\tscale: DEFAULT_SCALE,\n\t\t\t\t\t} ) }\n\t\t\t\t\tisShownByDefault={ true }\n\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t>\n\t\t\t\t\t<ToggleGroupControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ scaleLabel }\n\t\t\t\t\t\tvalue={ scale }\n\t\t\t\t\t\thelp={ scaleHelp[ scale ] }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tscale: value,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisBlock\n\t\t\t\t\t>\n\t\t\t\t\t\t{ SCALE_OPTIONS }\n\t\t\t\t\t</ToggleGroupControl>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ !! imageSizeOptions.length && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\thasValue={ () => !! sizeSlug }\n\t\t\t\t\tlabel={ __( 'Resolution' ) }\n\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\tsetAttributes( { sizeSlug: undefined } )\n\t\t\t\t\t}\n\t\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\t\tsizeSlug: undefined,\n\t\t\t\t\t} ) }\n\t\t\t\t\tisShownByDefault={ false }\n\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t>\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Resolution' ) }\n\t\t\t\t\t\tvalue={ sizeSlug || DEFAULT_SIZE }\n\t\t\t\t\t\toptions={ imageSizeOptions }\n\t\t\t\t\t\tonChange={ ( nextSizeSlug ) =>\n\t\t\t\t\t\t\tsetAttributes( { sizeSlug: nextSizeSlug } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\thelp={ __( 'Select the size of the source image.' ) }\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t</InspectorControls>\n\t);\n};\n\nexport default DimensionControls;\n"],"mappings":"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"}

package/build/query/edit/enhanced-pagination-modal.js

@@ -17,7 +17,6 @@ var _utils = require("../utils");
  * Internal dependencies
  */
 
-const disableEnhancedPaginationDescription = (0, _i18n.__)('Plugin blocks are not supported yet. For the enhanced pagination to work, remove the plugin block, then re-enable "Enhanced pagination" in the Query Block settings.');
 const modalDescriptionId = 'wp-block-query-enhanced-pagination-modal__description';
 function EnhancedPaginationModal({
   clientId,
@@ -27,31 +26,46 @@ function EnhancedPaginationModal({
   setAttributes
 }) {
   const [isOpen, setOpen] = (0, _element.useState)(false);
-  const containsThirdPartyBlocks = (0, _utils.useContainsThirdPartyBlocks)(clientId);
+  const {
+    hasBlocksFromPlugins,
+    hasPostContentBlock,
+    hasUnsupportedBlocks
+  } = (0, _utils.useUnsupportedBlocks)(clientId);
   (0, _element.useEffect)(() => {
-    setOpen(containsThirdPartyBlocks && enhancedPagination);
-  }, [containsThirdPartyBlocks, enhancedPagination, setOpen]);
+    if (enhancedPagination && hasUnsupportedBlocks) {
+      setAttributes({
+        enhancedPagination: false
+      });
+      setOpen(true);
+    }
+  }, [enhancedPagination, hasUnsupportedBlocks, setAttributes]);
+  const closeModal = () => {
+    setOpen(false);
+  };
+  let notice = (0, _i18n.__)('If you still want to prevent full page reloads, remove that block, then disable "Force page reload" again in the Query Block settings.');
+  if (hasBlocksFromPlugins) {
+    notice = (0, _i18n.__)('Currently, avoiding full page reloads is not possible when blocks from plugins are present inside the Query block.') + ' ' + notice;
+  } else if (hasPostContentBlock) {
+    notice = (0, _i18n.__)('Currently, avoiding full page reloads is not possible when a Content block is present inside the Query block.') + ' ' + notice;
+  }
   return isOpen && (0, _react.createElement)(_components.Modal, {
-    title: (0, _i18n.__)('Enhanced pagination will be disabled'),
+    title: (0, _i18n.__)('Query block: Force page reload enabled'),
     className: "wp-block-query__enhanced-pagination-modal",
     aria: {
       describedby: modalDescriptionId
     },
+    role: "alertdialog",
+    focusOnMount: "firstElement",
     isDismissible: false,
-    shouldCloseOnEsc: false,
-    shouldCloseOnClickOutside: false
+    onRequestClose: closeModal
   }, (0, _react.createElement)(_components.__experimentalVStack, {
     alignment: "right",
     spacing: 5
   }, (0, _react.createElement)("span", {
     id: modalDescriptionId
-  }, disableEnhancedPaginationDescription), (0, _react.createElement)(_components.Button, {
+  }, notice), (0, _react.createElement)(_components.Button, {
     variant: "primary",
-    onClick: () => {
-      setAttributes({
-        enhancedPagination: false
-      });
-    }
+    onClick: closeModal
   }, (0, _i18n.__)('OK'))));
 }
 //# sourceMappingURL=enhanced-pagination-modal.js.map