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

@@ -32,7 +32,7 @@ const metadata = {
     },
     originalContent: {
       type: "string",
-      source: "html"
+      source: "raw"
     }
   },
   supports: {

package/build/navigation/edit/overlay-menu-preview.js

@@ -25,7 +25,7 @@ function OverlayMenuPreview({
   return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.ToggleControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Show icon button'),
-    help: (0, _i18n.__)('Configure the visual appearance of the button opening the overlay menu.'),
+    help: (0, _i18n.__)('Configure the visual appearance of the button that toggles the overlay menu.'),
     onChange: value => setAttributes({
       hasIcon: value
     }),

package/build/navigation/edit/overlay-menu-preview.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_overlayMenuIcon","_interopRequireDefault","OverlayMenuPreview","setAttributes","hasIcon","icon","_react","createElement","Fragment","ToggleControl","__nextHasNoMarginBottom","label","__","help","onChange","value","checked","__experimentalToggleGroupControl","isBlock","__experimentalToggleGroupControlOption","default"],"sources":["@wordpress/block-library/src/navigation/edit/overlay-menu-preview.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tToggleControl,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport OverlayMenuIcon from './overlay-menu-icon';\n\nexport default function OverlayMenuPreview( { setAttributes, hasIcon, icon } ) {\n\treturn (\n\t\t<>\n\t\t\t<ToggleControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Show icon button' ) }\n\t\t\t\thelp={ __(\n\t\t\t\t\t'Configure the visual appearance of the button opening the overlay menu.'\n\t\t\t\t) }\n\t\t\t\tonChange={ ( value ) => setAttributes( { hasIcon: value } ) }\n\t\t\t\tchecked={ hasIcon }\n\t\t\t/>\n\n\t\t\t<ToggleGroupControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Icon' ) }\n\t\t\t\tvalue={ icon }\n\t\t\t\tonChange={ ( value ) => setAttributes( { icon: value } ) }\n\t\t\t\tisBlock\n\t\t\t>\n\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\tvalue=\"handle\"\n\t\t\t\t\taria-label={ __( 'handle' ) }\n\t\t\t\t\tlabel={ <OverlayMenuIcon icon=\"handle\" /> }\n\t\t\t\t/>\n\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\tvalue=\"menu\"\n\t\t\t\t\taria-label={ __( 'menu' ) }\n\t\t\t\t\tlabel={ <OverlayMenuIcon icon=\"menu\" /> }\n\t\t\t\t/>\n\t\t\t</ToggleGroupControl>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,gBAAA,GAAAC,sBAAA,CAAAH,OAAA;AAbA;AACA;AACA;;AAQA;AACA;AACA;;AAGe,SAASI,kBAAkBA,CAAE;EAAEC,aAAa;EAAEC,OAAO;EAAEC;AAAK,CAAC,EAAG;EAC9E,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAAY,aAAa;IACbC,uBAAuB;IACvBC,KAAK,EAAG,IAAAC,QAAE,EAAE,kBAAmB,CAAG;IAClCC,IAAI,EAAG,IAAAD,QAAE,EACR,yEACD,CAAG;IACHE,QAAQ,EAAKC,KAAK,IAAMZ,aAAa,CAAE;MAAEC,OAAO,EAAEW;IAAM,CAAE,CAAG;IAC7DC,OAAO,EAAGZ;EAAS,CACnB,CAAC,EAEF,IAAAE,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAAoB,gCAAkB;IAClBP,uBAAuB;IACvBC,KAAK,EAAG,IAAAC,QAAE,EAAE,MAAO,CAAG;IACtBG,KAAK,EAAGV,IAAM;IACdS,QAAQ,EAAKC,KAAK,IAAMZ,aAAa,CAAE;MAAEE,IAAI,EAAEU;IAAM,CAAE,CAAG;IAC1DG,OAAO;EAAA,GAEP,IAAAZ,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAAsB,sCAAwB;IACxBJ,KAAK,EAAC,QAAQ;IACd,cAAa,IAAAH,QAAE,EAAE,QAAS,CAAG;IAC7BD,KAAK,EAAG,IAAAL,MAAA,CAAAC,aAAA,EAACP,gBAAA,CAAAoB,OAAe;MAACf,IAAI,EAAC;IAAQ,CAAE;EAAG,CAC3C,CAAC,EACF,IAAAC,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAAsB,sCAAwB;IACxBJ,KAAK,EAAC,MAAM;IACZ,cAAa,IAAAH,QAAE,EAAE,MAAO,CAAG;IAC3BD,KAAK,EAAG,IAAAL,MAAA,CAAAC,aAAA,EAACP,gBAAA,CAAAoB,OAAe;MAACf,IAAI,EAAC;IAAM,CAAE;EAAG,CACzC,CACkB,CACnB,CAAC;AAEL"}
+{"version":3,"names":["_components","require","_i18n","_overlayMenuIcon","_interopRequireDefault","OverlayMenuPreview","setAttributes","hasIcon","icon","_react","createElement","Fragment","ToggleControl","__nextHasNoMarginBottom","label","__","help","onChange","value","checked","__experimentalToggleGroupControl","isBlock","__experimentalToggleGroupControlOption","default"],"sources":["@wordpress/block-library/src/navigation/edit/overlay-menu-preview.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tToggleControl,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport OverlayMenuIcon from './overlay-menu-icon';\n\nexport default function OverlayMenuPreview( { setAttributes, hasIcon, icon } ) {\n\treturn (\n\t\t<>\n\t\t\t<ToggleControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Show icon button' ) }\n\t\t\t\thelp={ __(\n\t\t\t\t\t'Configure the visual appearance of the button that toggles the overlay menu.'\n\t\t\t\t) }\n\t\t\t\tonChange={ ( value ) => setAttributes( { hasIcon: value } ) }\n\t\t\t\tchecked={ hasIcon }\n\t\t\t/>\n\n\t\t\t<ToggleGroupControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Icon' ) }\n\t\t\t\tvalue={ icon }\n\t\t\t\tonChange={ ( value ) => setAttributes( { icon: value } ) }\n\t\t\t\tisBlock\n\t\t\t>\n\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\tvalue=\"handle\"\n\t\t\t\t\taria-label={ __( 'handle' ) }\n\t\t\t\t\tlabel={ <OverlayMenuIcon icon=\"handle\" /> }\n\t\t\t\t/>\n\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\tvalue=\"menu\"\n\t\t\t\t\taria-label={ __( 'menu' ) }\n\t\t\t\t\tlabel={ <OverlayMenuIcon icon=\"menu\" /> }\n\t\t\t\t/>\n\t\t\t</ToggleGroupControl>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,gBAAA,GAAAC,sBAAA,CAAAH,OAAA;AAbA;AACA;AACA;;AAQA;AACA;AACA;;AAGe,SAASI,kBAAkBA,CAAE;EAAEC,aAAa;EAAEC,OAAO;EAAEC;AAAK,CAAC,EAAG;EAC9E,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAAY,aAAa;IACbC,uBAAuB;IACvBC,KAAK,EAAG,IAAAC,QAAE,EAAE,kBAAmB,CAAG;IAClCC,IAAI,EAAG,IAAAD,QAAE,EACR,8EACD,CAAG;IACHE,QAAQ,EAAKC,KAAK,IAAMZ,aAAa,CAAE;MAAEC,OAAO,EAAEW;IAAM,CAAE,CAAG;IAC7DC,OAAO,EAAGZ;EAAS,CACnB,CAAC,EAEF,IAAAE,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAAoB,gCAAkB;IAClBP,uBAAuB;IACvBC,KAAK,EAAG,IAAAC,QAAE,EAAE,MAAO,CAAG;IACtBG,KAAK,EAAGV,IAAM;IACdS,QAAQ,EAAKC,KAAK,IAAMZ,aAAa,CAAE;MAAEE,IAAI,EAAEU;IAAM,CAAE,CAAG;IAC1DG,OAAO;EAAA,GAEP,IAAAZ,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAAsB,sCAAwB;IACxBJ,KAAK,EAAC,QAAQ;IACd,cAAa,IAAAH,QAAE,EAAE,QAAS,CAAG;IAC7BD,KAAK,EAAG,IAAAL,MAAA,CAAAC,aAAA,EAACP,gBAAA,CAAAoB,OAAe;MAACf,IAAI,EAAC;IAAQ,CAAE;EAAG,CAC3C,CAAC,EACF,IAAAC,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAAsB,sCAAwB;IACxBJ,KAAK,EAAC,MAAM;IACZ,cAAa,IAAAH,QAAE,EAAE,MAAO,CAAG;IAC3BD,KAAK,EAAG,IAAAL,MAAA,CAAAC,aAAA,EAACP,gBAAA,CAAAoB,OAAe;MAACf,IAAI,EAAC;IAAM,CAAE;EAAG,CACzC,CACkB,CACnB,CAAC;AAEL"}

package/build/navigation/use-template-part-area-label.js

@@ -43,6 +43,7 @@ function useTemplatePartAreaLabel(clientId) {
     const definedAreas = select('core/editor').__experimentalGetDefaultTemplatePartAreas();
     /* eslint-enable @wordpress/data-no-store-string-literals */
     const {
+      getCurrentTheme,
       getEditedEntityRecord
     } = select(_coreData.store);
     for (const templatePartClientId of parentTemplatePartClientIds) {
@@ -51,7 +52,7 @@ function useTemplatePartAreaLabel(clientId) {
       // The 'area' usually isn't stored on the block, but instead
       // on the entity.
       const {
-        theme,
+        theme = getCurrentTheme()?.stylesheet,
         slug
       } = templatePartBlock.attributes;
       const templatePartEntityId = (0, _createTemplatePartId.createTemplatePartId)(theme, slug);

package/build/navigation/use-template-part-area-label.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blockEditor","require","_coreData","_data","_createTemplatePartId","useTemplatePartAreaLabel","clientId","useSelect","select","getBlock","getBlockParentsByBlockName","blockEditorStore","withAscendingResults","parentTemplatePartClientIds","length","definedAreas","__experimentalGetDefaultTemplatePartAreas","getEditedEntityRecord","coreStore","templatePartClientId","templatePartBlock","theme","slug","attributes","templatePartEntityId","createTemplatePartId","templatePartEntity","area","find","definedArea","label"],"sources":["@wordpress/block-library/src/navigation/use-template-part-area-label.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\n\n// TODO: this util should perhaps be refactored somewhere like core-data.\nimport { createTemplatePartId } from '../template-part/edit/utils/create-template-part-id';\n\nexport default function useTemplatePartAreaLabel( clientId ) {\n\treturn useSelect(\n\t\t( select ) => {\n\t\t\t// Use the lack of a clientId as an opportunity to bypass the rest\n\t\t\t// of this hook.\n\t\t\tif ( ! clientId ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst { getBlock, getBlockParentsByBlockName } =\n\t\t\t\tselect( blockEditorStore );\n\n\t\t\tconst withAscendingResults = true;\n\t\t\tconst parentTemplatePartClientIds = getBlockParentsByBlockName(\n\t\t\t\tclientId,\n\t\t\t\t'core/template-part',\n\t\t\t\twithAscendingResults\n\t\t\t);\n\n\t\t\tif ( ! parentTemplatePartClientIds?.length ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// FIXME: @wordpress/block-library should not depend on @wordpress/editor.\n\t\t\t// Blocks can be loaded into a *non-post* block editor.\n\t\t\t// This code is lifted from this file:\n\t\t\t// packages/block-library/src/template-part/edit/advanced-controls.js\n\t\t\t/* eslint-disable @wordpress/data-no-store-string-literals */\n\t\t\tconst definedAreas =\n\t\t\t\tselect(\n\t\t\t\t\t'core/editor'\n\t\t\t\t).__experimentalGetDefaultTemplatePartAreas();\n\t\t\t/* eslint-enable @wordpress/data-no-store-string-literals */\n\t\t\tconst { getEditedEntityRecord } = select( coreStore );\n\n\t\t\tfor ( const templatePartClientId of parentTemplatePartClientIds ) {\n\t\t\t\tconst templatePartBlock = getBlock( templatePartClientId );\n\n\t\t\t\t// The 'area' usually isn't stored on the block, but instead\n\t\t\t\t// on the entity.\n\t\t\t\tconst { theme, slug } = templatePartBlock.attributes;\n\t\t\t\tconst templatePartEntityId = createTemplatePartId(\n\t\t\t\t\ttheme,\n\t\t\t\t\tslug\n\t\t\t\t);\n\t\t\t\tconst templatePartEntity = getEditedEntityRecord(\n\t\t\t\t\t'postType',\n\t\t\t\t\t'wp_template_part',\n\t\t\t\t\ttemplatePartEntityId\n\t\t\t\t);\n\n\t\t\t\t// Look up the `label` for the area in the defined areas so\n\t\t\t\t// that an internationalized label can be used.\n\t\t\t\tif ( templatePartEntity?.area ) {\n\t\t\t\t\treturn definedAreas.find(\n\t\t\t\t\t\t( definedArea ) =>\n\t\t\t\t\t\t\tdefinedArea.area !== 'uncategorized' &&\n\t\t\t\t\t\t\tdefinedArea.area === templatePartEntity.area\n\t\t\t\t\t)?.label;\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[ clientId ]\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAOA,IAAAG,qBAAA,GAAAH,OAAA;AAZA;AACA;AACA;;AAKA;AACA;AACA;;AAEA;;AAGe,SAASI,wBAAwBA,CAAEC,QAAQ,EAAG;EAC5D,OAAO,IAAAC,eAAS,EACbC,MAAM,IAAM;IACb;IACA;IACA,IAAK,CAAEF,QAAQ,EAAG;MACjB;IACD;IAEA,MAAM;MAAEG,QAAQ;MAAEC;IAA2B,CAAC,GAC7CF,MAAM,CAAEG,kBAAiB,CAAC;IAE3B,MAAMC,oBAAoB,GAAG,IAAI;IACjC,MAAMC,2BAA2B,GAAGH,0BAA0B,CAC7DJ,QAAQ,EACR,oBAAoB,EACpBM,oBACD,CAAC;IAED,IAAK,CAAEC,2BAA2B,EAAEC,MAAM,EAAG;MAC5C;IACD;;IAEA;IACA;IACA;IACA;IACA;IACA,MAAMC,YAAY,GACjBP,MAAM,CACL,aACD,CAAC,CAACQ,yCAAyC,CAAC,CAAC;IAC9C;IACA,MAAM;MAAEC;IAAsB,CAAC,GAAGT,MAAM,CAAEU,eAAU,CAAC;IAErD,KAAM,MAAMC,oBAAoB,IAAIN,2BAA2B,EAAG;MACjE,MAAMO,iBAAiB,GAAGX,QAAQ,CAAEU,oBAAqB,CAAC;;MAE1D;MACA;MACA,MAAM;QAAEE,KAAK;QAAEC;MAAK,CAAC,GAAGF,iBAAiB,CAACG,UAAU;MACpD,MAAMC,oBAAoB,GAAG,IAAAC,0CAAoB,EAChDJ,KAAK,EACLC,IACD,CAAC;MACD,MAAMI,kBAAkB,GAAGT,qBAAqB,CAC/C,UAAU,EACV,kBAAkB,EAClBO,oBACD,CAAC;;MAED;MACA;MACA,IAAKE,kBAAkB,EAAEC,IAAI,EAAG;QAC/B,OAAOZ,YAAY,CAACa,IAAI,CACrBC,WAAW,IACZA,WAAW,CAACF,IAAI,KAAK,eAAe,IACpCE,WAAW,CAACF,IAAI,KAAKD,kBAAkB,CAACC,IAC1C,CAAC,EAAEG,KAAK;MACT;IACD;EACD,CAAC,EACD,CAAExB,QAAQ,CACX,CAAC;AACF"}
+{"version":3,"names":["_blockEditor","require","_coreData","_data","_createTemplatePartId","useTemplatePartAreaLabel","clientId","useSelect","select","getBlock","getBlockParentsByBlockName","blockEditorStore","withAscendingResults","parentTemplatePartClientIds","length","definedAreas","__experimentalGetDefaultTemplatePartAreas","getCurrentTheme","getEditedEntityRecord","coreStore","templatePartClientId","templatePartBlock","theme","stylesheet","slug","attributes","templatePartEntityId","createTemplatePartId","templatePartEntity","area","find","definedArea","label"],"sources":["@wordpress/block-library/src/navigation/use-template-part-area-label.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\n\n// TODO: this util should perhaps be refactored somewhere like core-data.\nimport { createTemplatePartId } from '../template-part/edit/utils/create-template-part-id';\n\nexport default function useTemplatePartAreaLabel( clientId ) {\n\treturn useSelect(\n\t\t( select ) => {\n\t\t\t// Use the lack of a clientId as an opportunity to bypass the rest\n\t\t\t// of this hook.\n\t\t\tif ( ! clientId ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst { getBlock, getBlockParentsByBlockName } =\n\t\t\t\tselect( blockEditorStore );\n\n\t\t\tconst withAscendingResults = true;\n\t\t\tconst parentTemplatePartClientIds = getBlockParentsByBlockName(\n\t\t\t\tclientId,\n\t\t\t\t'core/template-part',\n\t\t\t\twithAscendingResults\n\t\t\t);\n\n\t\t\tif ( ! parentTemplatePartClientIds?.length ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// FIXME: @wordpress/block-library should not depend on @wordpress/editor.\n\t\t\t// Blocks can be loaded into a *non-post* block editor.\n\t\t\t// This code is lifted from this file:\n\t\t\t// packages/block-library/src/template-part/edit/advanced-controls.js\n\t\t\t/* eslint-disable @wordpress/data-no-store-string-literals */\n\t\t\tconst definedAreas =\n\t\t\t\tselect(\n\t\t\t\t\t'core/editor'\n\t\t\t\t).__experimentalGetDefaultTemplatePartAreas();\n\t\t\t/* eslint-enable @wordpress/data-no-store-string-literals */\n\t\t\tconst { getCurrentTheme, getEditedEntityRecord } =\n\t\t\t\tselect( coreStore );\n\n\t\t\tfor ( const templatePartClientId of parentTemplatePartClientIds ) {\n\t\t\t\tconst templatePartBlock = getBlock( templatePartClientId );\n\n\t\t\t\t// The 'area' usually isn't stored on the block, but instead\n\t\t\t\t// on the entity.\n\t\t\t\tconst { theme = getCurrentTheme()?.stylesheet, slug } =\n\t\t\t\t\ttemplatePartBlock.attributes;\n\t\t\t\tconst templatePartEntityId = createTemplatePartId(\n\t\t\t\t\ttheme,\n\t\t\t\t\tslug\n\t\t\t\t);\n\t\t\t\tconst templatePartEntity = getEditedEntityRecord(\n\t\t\t\t\t'postType',\n\t\t\t\t\t'wp_template_part',\n\t\t\t\t\ttemplatePartEntityId\n\t\t\t\t);\n\n\t\t\t\t// Look up the `label` for the area in the defined areas so\n\t\t\t\t// that an internationalized label can be used.\n\t\t\t\tif ( templatePartEntity?.area ) {\n\t\t\t\t\treturn definedAreas.find(\n\t\t\t\t\t\t( definedArea ) =>\n\t\t\t\t\t\t\tdefinedArea.area !== 'uncategorized' &&\n\t\t\t\t\t\t\tdefinedArea.area === templatePartEntity.area\n\t\t\t\t\t)?.label;\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[ clientId ]\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAOA,IAAAG,qBAAA,GAAAH,OAAA;AAZA;AACA;AACA;;AAKA;AACA;AACA;;AAEA;;AAGe,SAASI,wBAAwBA,CAAEC,QAAQ,EAAG;EAC5D,OAAO,IAAAC,eAAS,EACbC,MAAM,IAAM;IACb;IACA;IACA,IAAK,CAAEF,QAAQ,EAAG;MACjB;IACD;IAEA,MAAM;MAAEG,QAAQ;MAAEC;IAA2B,CAAC,GAC7CF,MAAM,CAAEG,kBAAiB,CAAC;IAE3B,MAAMC,oBAAoB,GAAG,IAAI;IACjC,MAAMC,2BAA2B,GAAGH,0BAA0B,CAC7DJ,QAAQ,EACR,oBAAoB,EACpBM,oBACD,CAAC;IAED,IAAK,CAAEC,2BAA2B,EAAEC,MAAM,EAAG;MAC5C;IACD;;IAEA;IACA;IACA;IACA;IACA;IACA,MAAMC,YAAY,GACjBP,MAAM,CACL,aACD,CAAC,CAACQ,yCAAyC,CAAC,CAAC;IAC9C;IACA,MAAM;MAAEC,eAAe;MAAEC;IAAsB,CAAC,GAC/CV,MAAM,CAAEW,eAAU,CAAC;IAEpB,KAAM,MAAMC,oBAAoB,IAAIP,2BAA2B,EAAG;MACjE,MAAMQ,iBAAiB,GAAGZ,QAAQ,CAAEW,oBAAqB,CAAC;;MAE1D;MACA;MACA,MAAM;QAAEE,KAAK,GAAGL,eAAe,CAAC,CAAC,EAAEM,UAAU;QAAEC;MAAK,CAAC,GACpDH,iBAAiB,CAACI,UAAU;MAC7B,MAAMC,oBAAoB,GAAG,IAAAC,0CAAoB,EAChDL,KAAK,EACLE,IACD,CAAC;MACD,MAAMI,kBAAkB,GAAGV,qBAAqB,CAC/C,UAAU,EACV,kBAAkB,EAClBQ,oBACD,CAAC;;MAED;MACA;MACA,IAAKE,kBAAkB,EAAEC,IAAI,EAAG;QAC/B,OAAOd,YAAY,CAACe,IAAI,CACrBC,WAAW,IACZA,WAAW,CAACF,IAAI,KAAK,eAAe,IACpCE,WAAW,CAACF,IAAI,KAAKD,kBAAkB,CAACC,IAC1C,CAAC,EAAEG,KAAK;MACT;IACD;EACD,CAAC,EACD,CAAE1B,QAAQ,CACX,CAAC;AACF"}

package/build/navigation/view.js

@@ -11,191 +11,168 @@ const focusableSelectors = ['a[href]', 'input:not([disabled]):not([type="hidden"
 // when the user taps in the body. It can be removed once we add an overlay to
 // capture the clicks, instead of relying on the focusout event.
 document.addEventListener('click', () => {});
-const openMenu = (store, menuOpenedOn) => {
-  const {
-    context,
-    selectors
-  } = store;
-  selectors.core.navigation.menuOpenedBy(store)[menuOpenedOn] = true;
-  if (context.core.navigation.type === 'overlay') {
-    // Add a `has-modal-open` class to the <html> root.
-    document.documentElement.classList.add('has-modal-open');
-  }
-};
-const closeMenu = (store, menuClosedOn) => {
-  const {
-    context,
-    selectors
-  } = store;
-  selectors.core.navigation.menuOpenedBy(store)[menuClosedOn] = false;
-  // Check if the menu is still open or not.
-  if (!selectors.core.navigation.isMenuOpen(store)) {
-    if (context.core.navigation.modal?.contains(window.document.activeElement)) {
-      context.core.navigation.previousFocus?.focus();
-    }
-    context.core.navigation.modal = null;
-    context.core.navigation.previousFocus = null;
-    if (context.core.navigation.type === 'overlay') {
-      document.documentElement.classList.remove('has-modal-open');
-    }
-  }
-};
-(0, _interactivity.store)({
-  effects: {
-    core: {
-      navigation: {
-        initMenu: store => {
-          const {
-            context,
-            selectors,
-            ref
-          } = store;
-          if (selectors.core.navigation.isMenuOpen(store)) {
-            const focusableElements = ref.querySelectorAll(focusableSelectors);
-            context.core.navigation.modal = ref;
-            context.core.navigation.firstFocusableElement = focusableElements[0];
-            context.core.navigation.lastFocusableElement = focusableElements[focusableElements.length - 1];
-          }
-        },
-        focusFirstElement: store => {
-          const {
-            selectors,
-            ref
-          } = store;
-          if (selectors.core.navigation.isMenuOpen(store)) {
-            ref.querySelector('.wp-block-navigation-item > *:first-child').focus();
-          }
-        }
-      }
-    }
-  },
-  selectors: {
-    core: {
-      navigation: {
-        roleAttribute: store => {
-          const {
-            context,
-            selectors
-          } = store;
-          return context.core.navigation.type === 'overlay' && selectors.core.navigation.isMenuOpen(store) ? 'dialog' : null;
-        },
-        ariaModal: store => {
-          const {
-            context,
-            selectors
-          } = store;
-          return context.core.navigation.type === 'overlay' && selectors.core.navigation.isMenuOpen(store) ? 'true' : null;
-        },
-        ariaLabel: store => {
-          const {
-            context,
-            selectors
-          } = store;
-          return context.core.navigation.type === 'overlay' && selectors.core.navigation.isMenuOpen(store) ? context.core.navigation.ariaLabel : null;
-        },
-        isMenuOpen: ({
-          context
-        }) =>
-        // The menu is opened if either `click`, `hover` or `focus` is true.
-        Object.values(context.core.navigation[context.core.navigation.type === 'overlay' ? 'overlayOpenedBy' : 'submenuOpenedBy']).filter(Boolean).length > 0,
-        menuOpenedBy: ({
-          context
-        }) => context.core.navigation[context.core.navigation.type === 'overlay' ? 'overlayOpenedBy' : 'submenuOpenedBy']
-      }
+const {
+  state,
+  actions
+} = (0, _interactivity.store)('core/navigation', {
+  state: {
+    get roleAttribute() {
+      const ctx = (0, _interactivity.getContext)();
+      return ctx.type === 'overlay' && state.isMenuOpen ? 'dialog' : null;
+    },
+    get ariaModal() {
+      const ctx = (0, _interactivity.getContext)();
+      return ctx.type === 'overlay' && state.isMenuOpen ? 'true' : null;
+    },
+    get ariaLabel() {
+      const ctx = (0, _interactivity.getContext)();
+      return ctx.type === 'overlay' && state.isMenuOpen ? ctx.ariaLabel : null;
+    },
+    get isMenuOpen() {
+      // The menu is opened if either `click`, `hover` or `focus` is true.
+      return Object.values(state.menuOpenedBy).filter(Boolean).length > 0;
+    },
+    get menuOpenedBy() {
+      const ctx = (0, _interactivity.getContext)();
+      return ctx.type === 'overlay' ? ctx.overlayOpenedBy : ctx.submenuOpenedBy;
     }
   },
   actions: {
-    core: {
-      navigation: {
-        openMenuOnHover(store) {
-          const {
-            navigation
-          } = store.context.core;
-          if (navigation.type === 'submenu' &&
-          // Only open on hover if the overlay is closed.
-          Object.values(navigation.overlayOpenedBy || {}).filter(Boolean).length === 0) openMenu(store, 'hover');
-        },
-        closeMenuOnHover(store) {
-          closeMenu(store, 'hover');
-        },
-        openMenuOnClick(store) {
-          const {
-            context,
-            ref
-          } = store;
-          context.core.navigation.previousFocus = ref;
-          openMenu(store, 'click');
-        },
-        closeMenuOnClick(store) {
-          closeMenu(store, 'click');
-          closeMenu(store, 'focus');
-        },
-        openMenuOnFocus(store) {
-          openMenu(store, 'focus');
-        },
-        toggleMenuOnClick: store => {
-          const {
-            selectors,
-            context,
-            ref
-          } = store;
-          // Safari won't send focus to the clicked element, so we need to manually place it: https://bugs.webkit.org/show_bug.cgi?id=22261
-          if (window.document.activeElement !== ref) ref.focus();
-          const menuOpenedBy = selectors.core.navigation.menuOpenedBy(store);
-          if (menuOpenedBy.click || menuOpenedBy.focus) {
-            closeMenu(store, 'click');
-            closeMenu(store, 'focus');
-          } else {
-            context.core.navigation.previousFocus = ref;
-            openMenu(store, 'click');
-          }
-        },
-        handleMenuKeydown: store => {
-          const {
-            context,
-            selectors,
-            event
-          } = store;
-          if (selectors.core.navigation.menuOpenedBy(store).click) {
-            // If Escape close the menu.
-            if (event?.key === 'Escape') {
-              closeMenu(store, 'click');
-              closeMenu(store, 'focus');
-              return;
-            }
+    openMenuOnHover() {
+      const {
+        type,
+        overlayOpenedBy
+      } = (0, _interactivity.getContext)();
+      if (type === 'submenu' &&
+      // Only open on hover if the overlay is closed.
+      Object.values(overlayOpenedBy || {}).filter(Boolean).length === 0) actions.openMenu('hover');
+    },
+    closeMenuOnHover() {
+      actions.closeMenu('hover');
+    },
+    openMenuOnClick() {
+      const ctx = (0, _interactivity.getContext)();
+      const {
+        ref
+      } = (0, _interactivity.getElement)();
+      ctx.previousFocus = ref;
+      actions.openMenu('click');
+    },
+    closeMenuOnClick() {
+      actions.closeMenu('click');
+      actions.closeMenu('focus');
+    },
+    openMenuOnFocus() {
+      actions.openMenu('focus');
+    },
+    toggleMenuOnClick() {
+      const ctx = (0, _interactivity.getContext)();
+      const {
+        ref
+      } = (0, _interactivity.getElement)();
+      // Safari won't send focus to the clicked element, so we need to manually place it: https://bugs.webkit.org/show_bug.cgi?id=22261
+      if (window.document.activeElement !== ref) ref.focus();
+      const {
+        menuOpenedBy
+      } = state;
+      if (menuOpenedBy.click || menuOpenedBy.focus) {
+        actions.closeMenu('click');
+        actions.closeMenu('focus');
+      } else {
+        ctx.previousFocus = ref;
+        actions.openMenu('click');
+      }
+    },
+    handleMenuKeydown(event) {
+      const {
+        type,
+        firstFocusableElement,
+        lastFocusableElement
+      } = (0, _interactivity.getContext)();
+      if (state.menuOpenedBy.click) {
+        // If Escape close the menu.
+        if (event?.key === 'Escape') {
+          actions.closeMenu('click');
+          actions.closeMenu('focus');
+          return;
+        }
 
-            // Trap focus if it is an overlay (main menu).
-            if (context.core.navigation.type === 'overlay' && event.key === 'Tab') {
-              // If shift + tab it change the direction.
-              if (event.shiftKey && window.document.activeElement === context.core.navigation.firstFocusableElement) {
-                event.preventDefault();
-                context.core.navigation.lastFocusableElement.focus();
-              } else if (!event.shiftKey && window.document.activeElement === context.core.navigation.lastFocusableElement) {
-                event.preventDefault();
-                context.core.navigation.firstFocusableElement.focus();
-              }
-            }
+        // Trap focus if it is an overlay (main menu).
+        if (type === 'overlay' && event.key === 'Tab') {
+          // If shift + tab it change the direction.
+          if (event.shiftKey && window.document.activeElement === firstFocusableElement) {
+            event.preventDefault();
+            lastFocusableElement.focus();
+          } else if (!event.shiftKey && window.document.activeElement === lastFocusableElement) {
+            event.preventDefault();
+            firstFocusableElement.focus();
           }
-        },
-        handleMenuFocusout: store => {
-          const {
-            context,
-            event
-          } = store;
-          // If focus is outside modal, and in the document, close menu
-          // event.target === The element losing focus
-          // event.relatedTarget === The element receiving focus (if any)
-          // When focusout is outsite the document,
-          // `window.document.activeElement` doesn't change.
+        }
+      }
+    },
+    handleMenuFocusout(event) {
+      const {
+        modal
+      } = (0, _interactivity.getContext)();
+      // If focus is outside modal, and in the document, close menu
+      // event.target === The element losing focus
+      // event.relatedTarget === The element receiving focus (if any)
+      // When focusout is outsite the document,
+      // `window.document.activeElement` doesn't change.
 
-          // The event.relatedTarget is null when something outside the navigation menu is clicked. This is only necessary for Safari.
-          if (event.relatedTarget === null || !context.core.navigation.modal?.contains(event.relatedTarget) && event.target !== window.document.activeElement) {
-            closeMenu(store, 'click');
-            closeMenu(store, 'focus');
-          }
+      // The event.relatedTarget is null when something outside the navigation menu is clicked. This is only necessary for Safari.
+      if (event.relatedTarget === null || !modal?.contains(event.relatedTarget) && event.target !== window.document.activeElement) {
+        actions.closeMenu('click');
+        actions.closeMenu('focus');
+      }
+    },
+    openMenu(menuOpenedOn = 'click') {
+      const {
+        type
+      } = (0, _interactivity.getContext)();
+      state.menuOpenedBy[menuOpenedOn] = true;
+      if (type === 'overlay') {
+        // Add a `has-modal-open` class to the <html> root.
+        document.documentElement.classList.add('has-modal-open');
+      }
+    },
+    closeMenu(menuClosedOn = 'click') {
+      const ctx = (0, _interactivity.getContext)();
+      state.menuOpenedBy[menuClosedOn] = false;
+      // Check if the menu is still open or not.
+      if (!state.isMenuOpen) {
+        if (ctx.modal?.contains(window.document.activeElement)) {
+          ctx.previousFocus?.focus();
+        }
+        ctx.modal = null;
+        ctx.previousFocus = null;
+        if (ctx.type === 'overlay') {
+          document.documentElement.classList.remove('has-modal-open');
         }
       }
     }
+  },
+  callbacks: {
+    initMenu() {
+      const ctx = (0, _interactivity.getContext)();
+      const {
+        ref
+      } = (0, _interactivity.getElement)();
+      if (state.isMenuOpen) {
+        const focusableElements = ref.querySelectorAll(focusableSelectors);
+        ctx.modal = ref;
+        ctx.firstFocusableElement = focusableElements[0];
+        ctx.lastFocusableElement = focusableElements[focusableElements.length - 1];
+      }
+    },
+    focusFirstElement() {
+      const {
+        ref
+      } = (0, _interactivity.getElement)();
+      if (state.isMenuOpen) {
+        ref.querySelector('.wp-block-navigation-item > *:first-child').focus();
+      }
+    }
   }
 });
 //# sourceMappingURL=view.js.map