@wordpress/block-library 8.19.2 → 8.20.0

package/build-module/image/view.js

@@ -3,6 +3,66 @@
  */
 import { store } from '@wordpress/interactivity';
 const focusableSelectors = ['a[href]', 'area[href]', 'input:not([disabled]):not([type="hidden"]):not([aria-hidden])', 'select:not([disabled]):not([aria-hidden])', 'textarea:not([disabled]):not([aria-hidden])', 'button:not([disabled]):not([aria-hidden])', 'iframe', 'object', 'embed', '[contenteditable]', '[tabindex]:not([tabindex^="-"])'];
+
+/*
+ * Stores a context-bound scroll handler.
+ *
+ * This callback could be defined inline inside of the store
+ * object but it's created externally to avoid confusion about
+ * how its logic is called. This logic is not referenced directly
+ * by the directives in the markup because the scroll event we
+ * need to listen to is triggered on the window; so by defining it
+ * outside of the store, we signal that the behavior here is different.
+ * If we find a compelling reason to move it to the store, feel free.
+ *
+ * @type {Function}
+ */
+let scrollCallback;
+
+/*
+ * Tracks whether user is touching screen; used to
+ * differentiate behavior for touch and mouse input.
+ *
+ * @type {boolean}
+ */
+let isTouching = false;
+
+/*
+ * Tracks the last time the screen was touched; used to
+ * differentiate behavior for touch and mouse input.
+ *
+ * @type {number}
+ */
+let lastTouchTime = 0;
+
+/*
+ * Lightbox page-scroll handler: prevents scrolling.
+ *
+ * This handler is added to prevent scrolling behaviors that
+ * trigger content shift while the lightbox is open.
+ *
+ * It would be better to accomplish this through CSS alone, but
+ * using overflow: hidden is currently the only way to do so, and
+ * that causes the layout to shift and prevents the zoom animation
+ * from working in some cases because we're unable to account for
+ * the layout shift when doing the animation calculations. Instead,
+ * here we use JavaScript to prevent and reset the scrolling
+ * behavior. In the future, we may be able to use CSS or overflow: hidden
+ * instead to not rely on JavaScript, but this seems to be the best approach
+ * for now that provides the best visual experience.
+ *
+ * @param {Object} context Interactivity page context?
+ */
+function handleScroll(context) {
+  // We can't override the scroll behavior on mobile devices
+  // because doing so breaks the pinch to zoom functionality, and we
+  // want to allow users to zoom in further on the high-res image.
+  if (!isTouching && Date.now() - lastTouchTime > 450) {
+    // We are unable to use event.preventDefault() to prevent scrolling
+    // because the scroll event can't be canceled, so we reset the position instead.
+    window.scrollTo(context.core.image.scrollLeftReset, context.core.image.scrollTopReset);
+  }
+}
 store({
   state: {
     core: {
@@ -29,38 +89,39 @@ store({
           context.core.image.scrollDelta = 0;
           context.core.image.lightboxEnabled = true;
           setStyles(context, event);
-          // Hide overflow only when the animation is in progress,
-          // otherwise the removal of the scrollbars will draw attention
-          // to itself and look like an error
-          document.documentElement.classList.add('wp-has-lightbox-open');
+          context.core.image.scrollTopReset = window.pageYOffset || document.documentElement.scrollTop;
+
+          // In most cases, this value will be 0, but this is included
+          // in case a user has created a page with horizontal scrolling.
+          context.core.image.scrollLeftReset = window.pageXOffset || document.documentElement.scrollLeft;
+
+          // We define and bind the scroll callback here so
+          // that we can pass the context and as an argument.
+          // We may be able to change this in the future if we
+          // define the scroll callback in the store instead, but
+          // this approach seems to tbe clearest for now.
+          scrollCallback = handleScroll.bind(null, context);
+
+          // We need to add a scroll event listener to the window
+          // here because we are unable to otherwise access it via
+          // the Interactivity API directives. If we add a native way
+          // to access the window, we can remove this.
+          window.addEventListener('scroll', scrollCallback, false);
         },
         hideLightbox: async ({
-          context,
-          event
+          context
         }) => {
           context.core.image.hideAnimationEnabled = true;
           if (context.core.image.lightboxEnabled) {
-            // If scrolling, wait a moment before closing the lightbox.
-            if (context.core.image.lightboxAnimation === 'fade') {
-              context.core.image.scrollDelta += event.deltaY;
-              if (event.type === 'mousewheel' && Math.abs(window.scrollY - context.core.image.scrollDelta) < 10) {
-                return;
-              }
-            } else if (context.core.image.lightboxAnimation === 'zoom') {
-              // Disable scroll until the zoom animation ends.
-              // Get the current page scroll position
-              const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
-              const scrollLeft = window.pageXOffset || document.documentElement.scrollLeft;
-              // if any scroll is attempted, set this to the previous value.
-              window.onscroll = function () {
-                window.scrollTo(scrollLeft, scrollTop);
-              };
-              // Enable scrolling after the animation finishes
-              setTimeout(function () {
-                window.onscroll = function () {};
-              }, 400);
-            }
-            document.documentElement.classList.remove('wp-has-lightbox-open');
+            // We want to wait until the close animation is completed
+            // before allowing a user to scroll again. The duration of this
+            // animation is defined in the styles.scss and depends on if the
+            // animation is 'zoom' or 'fade', but in any case we should wait
+            // a few milliseconds longer than the duration, otherwise a user
+            // may scroll too soon and cause the animation to look sloppy.
+            setTimeout(function () {
+              window.removeEventListener('scroll', scrollCallback);
+            }, 450);
             context.core.image.lightboxEnabled = false;
             context.core.image.lastFocusedElement.focus({
               preventScroll: true
@@ -104,6 +165,30 @@ store({
             context,
             ref
           });
+        },
+        handleTouchStart: () => {
+          isTouching = true;
+        },
+        handleTouchMove: ({
+          context,
+          event
+        }) => {
+          // On mobile devices, we want to prevent triggering the
+          // scroll event because otherwise the page jumps around as
+          // we reset the scroll position. This also means that closing
+          // the lightbox requires that a user perform a simple tap. This
+          // may be changed in the future if we find a better alternative
+          // to override or reset the scroll position during swipe actions.
+          if (context.core.image.lightboxEnabled) {
+            event.preventDefault();
+          }
+        },
+        handleTouchEnd: () => {
+          // We need to wait a few milliseconds before resetting
+          // to ensure that pinch to zoom works consistently
+          // on mobile devices when the lightbox is open.
+          lastTouchTime = Date.now();
+          isTouching = false;
         }
       }
     }
@@ -221,6 +306,14 @@ store({
     }));
   }
 });
+
+/*
+ * Computes styles for the lightbox and adds them to the document.
+ *
+ * @function
+ * @param {Object} context - An Interactivity API context
+ * @param {Object} event - A triggering event
+ */
 function setStyles(context, event) {
   // The reference img element lies adjacent
   // to the event target button in the DOM.
@@ -371,6 +464,14 @@ function setStyles(context, event) {
 		}
 	`;
 }
+
+/*
+ * Debounces a function call.
+ *
+ * @function
+ * @param {Function} func - A function to be called
+ * @param {number} wait - The time to wait before calling the function
+ */
 function debounce(func, wait = 50) {
   let timeout;
   return () => {

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

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

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

@@ -1,4 +1,4 @@
-import { createElement } from "@wordpress/element";
+import { createElement } from "react";
 /**
  * WordPress dependencies
  */

package/build-module/latest-posts/edit.js

@@ -1,4 +1,4 @@
-import { createElement, Fragment } from "@wordpress/element";
+import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */

package/build-module/latest-posts/edit.native.js

@@ -1,4 +1,4 @@
-import { createElement, Fragment } from "@wordpress/element";
+import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */

package/build-module/list/deprecated.js

@@ -1,4 +1,4 @@
-import { createElement } from "@wordpress/element";
+import { createElement } from "react";
 /**
  * WordPress dependencies
  */

package/build-module/list/edit.js

@@ -1,4 +1,4 @@
-import { createElement, Fragment } from "@wordpress/element";
+import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */

package/build-module/list/ordered-list-settings.js

@@ -1,4 +1,4 @@
-import { createElement } from "@wordpress/element";
+import { createElement } from "react";
 /**
  * WordPress dependencies
  */

package/build-module/list/save.js

@@ -1,4 +1,4 @@
-import { createElement } from "@wordpress/element";
+import { createElement } from "react";
 /**
  * WordPress dependencies
  */

package/build-module/list/tag-name.js

@@ -1,4 +1,4 @@
-import { createElement } from "@wordpress/element";
+import { createElement } from "react";
 /**
  * WordPress dependencies
  */

package/build-module/list/tag-name.native.js

@@ -1,4 +1,4 @@
-import { createElement } from "@wordpress/element";
+import { createElement } from "react";
 /**
  * WordPress dependencies
  */

package/build-module/list-item/edit.js

@@ -1,4 +1,4 @@
-import { createElement, Fragment } from "@wordpress/element";
+import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */

package/build-module/list-item/edit.native.js

@@ -1,4 +1,4 @@
-import { createElement } from "@wordpress/element";
+import { createElement } from "react";
 /**
  * External dependencies
  */

package/build-module/list-item/icons.native.js

@@ -1,4 +1,4 @@
-import { createElement } from "@wordpress/element";
+import { createElement } from "react";
 /**
  * WordPress dependencies
  */

package/build-module/list-item/list-style-type.native.js

@@ -1,4 +1,4 @@
-import { createElement } from "@wordpress/element";
+import { createElement } from "react";
 /**
  * External dependencies
  */

package/build-module/list-item/save.js

@@ -1,4 +1,4 @@
-import { createElement } from "@wordpress/element";
+import { createElement } from "react";
 /**
  * WordPress dependencies
  */

package/build-module/loginout/edit.js

@@ -1,4 +1,4 @@
-import { createElement, Fragment } from "@wordpress/element";
+import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */

package/build-module/loginout/index.js

@@ -29,6 +29,14 @@ const metadata = {
   },
   supports: {
     className: true,
+    spacing: {
+      margin: true,
+      padding: true,
+      __experimentalDefaultControls: {
+        margin: false,
+        padding: false
+      }
+    },
     typography: {
       fontSize: true,
       lineHeight: true,

package/build-module/loginout/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["login","icon","initBlock","edit","metadata","$schema","apiVersion","name","title","category","description","keywords","textdomain","attributes","displayLoginAsForm","type","redirectToCurrent","supports","className","typography","fontSize","lineHeight","__experimentalFontFamily","__experimentalFontWeight","__experimentalFontStyle","__experimentalTextTransform","__experimentalTextDecoration","__experimentalLetterSpacing","__experimentalDefaultControls","settings","init"],"sources":["@wordpress/block-library/src/loginout/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { login as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport edit from './edit';\nimport metadata from './block.json';\n\nconst { name } = metadata;\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,KAAK,IAAIC,IAAI,QAAQ,kBAAkB;;AAEhD;AACA;AACA;AACA,OAAOC,SAAS,MAAM,qBAAqB;AAC3C,OAAOC,IAAI,MAAM,QAAQ;AAAC,MAAAC,QAAA;EAAAC,OAAA;EAAAC,UAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,WAAA;EAAAC,QAAA;EAAAC,UAAA;EAAAC,UAAA;IAAAC,kBAAA;MAAAC,IAAA;MAAA;IAAA;IAAAC,iBAAA;MAAAD,IAAA;MAAA;IAAA;EAAA;EAAAE,QAAA;IAAAC,SAAA;IAAAC,UAAA;MAAAC,QAAA;MAAAC,UAAA;MAAAC,wBAAA;MAAAC,wBAAA;MAAAC,uBAAA;MAAAC,2BAAA;MAAAC,4BAAA;MAAAC,2BAAA;MAAAC,6BAAA;QAAAR,QAAA;MAAA;IAAA;EAAA;AAAA;AAG1B,MAAM;EAAEb;AAAK,CAAC,GAAGH,QAAQ;AACzB,SAASA,QAAQ,EAAEG,IAAI;AAEvB,OAAO,MAAMsB,QAAQ,GAAG;EACvB5B,IAAI;EACJE;AACD,CAAC;AAED,OAAO,MAAM2B,IAAI,GAAGA,CAAA,KAAM5B,SAAS,CAAE;EAAEK,IAAI;EAAEH,QAAQ;EAAEyB;AAAS,CAAE,CAAC"}
+{"version":3,"names":["login","icon","initBlock","edit","metadata","$schema","apiVersion","name","title","category","description","keywords","textdomain","attributes","displayLoginAsForm","type","redirectToCurrent","supports","className","spacing","margin","padding","__experimentalDefaultControls","typography","fontSize","lineHeight","__experimentalFontFamily","__experimentalFontWeight","__experimentalFontStyle","__experimentalTextTransform","__experimentalTextDecoration","__experimentalLetterSpacing","settings","init"],"sources":["@wordpress/block-library/src/loginout/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { login as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport edit from './edit';\nimport metadata from './block.json';\n\nconst { name } = metadata;\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,KAAK,IAAIC,IAAI,QAAQ,kBAAkB;;AAEhD;AACA;AACA;AACA,OAAOC,SAAS,MAAM,qBAAqB;AAC3C,OAAOC,IAAI,MAAM,QAAQ;AAAC,MAAAC,QAAA;EAAAC,OAAA;EAAAC,UAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,WAAA;EAAAC,QAAA;EAAAC,UAAA;EAAAC,UAAA;IAAAC,kBAAA;MAAAC,IAAA;MAAA;IAAA;IAAAC,iBAAA;MAAAD,IAAA;MAAA;IAAA;EAAA;EAAAE,QAAA;IAAAC,SAAA;IAAAC,OAAA;MAAAC,MAAA;MAAAC,OAAA;MAAAC,6BAAA;QAAAF,MAAA;QAAAC,OAAA;MAAA;IAAA;IAAAE,UAAA;MAAAC,QAAA;MAAAC,UAAA;MAAAC,wBAAA;MAAAC,wBAAA;MAAAC,uBAAA;MAAAC,2BAAA;MAAAC,4BAAA;MAAAC,2BAAA;MAAAT,6BAAA;QAAAE,QAAA;MAAA;IAAA;EAAA;AAAA;AAG1B,MAAM;EAAEjB;AAAK,CAAC,GAAGH,QAAQ;AACzB,SAASA,QAAQ,EAAEG,IAAI;AAEvB,OAAO,MAAMyB,QAAQ,GAAG;EACvB/B,IAAI;EACJE;AACD,CAAC;AAED,OAAO,MAAM8B,IAAI,GAAGA,CAAA,KAAM/B,SAAS,CAAE;EAAEK,IAAI;EAAEH,QAAQ;EAAE4B;AAAS,CAAE,CAAC"}

package/build-module/media-text/deprecated.js

@@ -1,4 +1,4 @@
-import { createElement } from "@wordpress/element";
+import { createElement } from "react";
 /**
  * External dependencies
  */

package/build-module/media-text/edit.js

@@ -1,4 +1,4 @@
-import { createElement, Fragment } from "@wordpress/element";
+import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
@@ -214,7 +214,7 @@ function MediaTextEdit({
   }), mediaType === 'image' && createElement(ToggleControl, {
     __nextHasNoMarginBottom: true,
     label: __('Crop image to fill entire column'),
-    checked: imageFill,
+    checked: !!imageFill,
     onChange: () => setAttributes({
       imageFill: !imageFill
     })