npm - @wordpress/block-library - Versions diffs - 8.19.7 → 8.19.9 - Mend

@wordpress/block-library 8.19.7 → 8.19.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (23) hide show

package/build/image/image.js +8 -2
package/build/image/image.js.map +1 -1
package/build/image/view.js +47 -34
package/build/image/view.js.map +1 -1
package/build/navigation/view.js +20 -5
package/build/navigation/view.js.map +1 -1
package/build-module/image/image.js +8 -2
package/build-module/image/image.js.map +1 -1
package/build-module/image/view.js +47 -34
package/build-module/image/view.js.map +1 -1
package/build-module/navigation/view.js +20 -5
package/build-module/navigation/view.js.map +1 -1
package/build-style/image/style-rtl.css +23 -4
package/build-style/image/style.css +23 -4
package/build-style/style-rtl.css +23 -4
package/build-style/style.css +23 -4
package/package.json +32 -32
package/src/image/image.js +13 -2
package/src/image/index.php +16 -7
package/src/image/style.scss +27 -4
package/src/image/view.js +69 -48
package/src/navigation/index.php +7 -0
package/src/navigation/view.js +18 -6

package/build/navigation/view.js CHANGED Viewed

@@ -6,14 +6,17 @@ var _interactivity = require("@wordpress/interactivity");
  */
 const focusableSelectors = ['a[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])', '[contenteditable]', '[tabindex]:not([tabindex^="-"])'];
+// This is a fix for Safari in iOS/iPadOS. Without it, Safari doesn't focus out
+// 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,
-    ref,
     selectors
   } = store;
   selectors.core.navigation.menuOpenedBy(store)[menuOpenedOn] = true;
-  context.core.navigation.previousFocus = ref;
   if (context.core.navigation.type === 'overlay') {
     // Add a `has-modal-open` class to the <html> root.
     document.documentElement.classList.add('has-modal-open');
@@ -28,7 +31,7 @@ const closeMenu = (store, menuClosedOn) => {
   // 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.previousFocus?.focus();
     }
     context.core.navigation.modal = null;
     context.core.navigation.previousFocus = null;
@@ -116,6 +119,11 @@ const closeMenu = (store, menuClosedOn) => {
           closeMenu(store, 'hover');
         },
         openMenuOnClick(store) {
+          const {
+            context,
+            ref
+          } = store;
+          context.core.navigation.previousFocus = ref;
           openMenu(store, 'click');
         },
         closeMenuOnClick(store) {
@@ -127,13 +135,18 @@ const closeMenu = (store, menuClosedOn) => {
         },
         toggleMenuOnClick: store => {
           const {
-            selectors
+            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');
           }
         },
@@ -174,7 +187,9 @@ const closeMenu = (store, menuClosedOn) => {
           // event.relatedTarget === The element receiving focus (if any)
           // When focusout is outsite the document,
           // `window.document.activeElement` doesn't change.
-          if (!context.core.navigation.modal?.contains(event.relatedTarget) && event.target !== window.document.activeElement) {
+          // 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');
           }

package/build/navigation/view.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_interactivity","require","focusableSelectors","openMenu","store","menuOpenedOn","context","ref","selectors","core","navigation","menuOpenedBy","previousFocus","type","document","documentElement","classList","add","closeMenu","menuClosedOn","isMenuOpen","modal","contains","window","activeElement","focus","remove","wpStore","effects","initMenu","focusableElements","querySelectorAll","firstFocusableElement","lastFocusableElement","length","focusFirstElement","querySelector","roleAttribute","ariaModal","ariaLabel","Object","values","filter","Boolean","actions","openMenuOnHover","overlayOpenedBy","closeMenuOnHover","openMenuOnClick","closeMenuOnClick","openMenuOnFocus","toggleMenuOnClick","click","handleMenuKeydown","event","key","shiftKey","preventDefault","handleMenuFocusout","relatedTarget","target"],"sources":["@wordpress/block-library/src/navigation/view.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { store as wpStore } from '@wordpress/interactivity';\n\nconst focusableSelectors = [\n\t'a[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'[contenteditable]',\n\t'[tabindex]:not([tabindex^=\"-\"])',\n];\n\nconst openMenu = ( store, menuOpenedOn ) => {\n\tconst { context, ref, selectors } = store;\n\tselectors.core.navigation.menuOpenedBy( store )[ menuOpenedOn ] = true;\n\tcontext.core.navigation.previousFocus = ref;\n\tif ( context.core.navigation.type === 'overlay' ) {\n\t\t// Add a `has-modal-open` class to the <html> root.\n\t\tdocument.documentElement.classList.add( 'has-modal-open' );\n\t}\n};\n\nconst closeMenu = ( store, menuClosedOn ) => {\n\tconst { context, selectors } = store;\n\tselectors.core.navigation.menuOpenedBy( store )[ menuClosedOn ] = false;\n\t// Check if the menu is still open or not.\n\tif ( ! selectors.core.navigation.isMenuOpen( store ) ) {\n\t\tif (\n\t\t\tcontext.core.navigation.modal?.contains(\n\t\t\t\twindow.document.activeElement\n\t\t\t)\n\t\t) {\n\t\t\tcontext.core.navigation.previousFocus.focus();\n\t\t}\n\t\tcontext.core.navigation.modal = null;\n\t\tcontext.core.navigation.previousFocus = null;\n\t\tif ( context.core.navigation.type === 'overlay' ) {\n\t\t\tdocument.documentElement.classList.remove( 'has-modal-open' );\n\t\t}\n\t}\n};\n\nwpStore( {\n\teffects: {\n\t\tcore: {\n\t\t\tnavigation: {\n\t\t\t\tinitMenu: ( store ) => {\n\t\t\t\t\tconst { context, selectors, ref } = store;\n\t\t\t\t\tif ( selectors.core.navigation.isMenuOpen( store ) ) {\n\t\t\t\t\t\tconst focusableElements =\n\t\t\t\t\t\t\tref.querySelectorAll( focusableSelectors );\n\t\t\t\t\t\tcontext.core.navigation.modal = ref;\n\t\t\t\t\t\tcontext.core.navigation.firstFocusableElement =\n\t\t\t\t\t\t\tfocusableElements[ 0 ];\n\t\t\t\t\t\tcontext.core.navigation.lastFocusableElement =\n\t\t\t\t\t\t\tfocusableElements[ focusableElements.length - 1 ];\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tfocusFirstElement: ( store ) => {\n\t\t\t\t\tconst { selectors, ref } = store;\n\t\t\t\t\tif ( selectors.core.navigation.isMenuOpen( store ) ) {\n\t\t\t\t\t\tref.querySelector(\n\t\t\t\t\t\t\t'.wp-block-navigation-item > :first-child'\n\t\t\t\t\t\t).focus();\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t},\n\tselectors: {\n\t\tcore: {\n\t\t\tnavigation: {\n\t\t\t\troleAttribute: ( store ) => {\n\t\t\t\t\tconst { context, selectors } = store;\n\t\t\t\t\treturn context.core.navigation.type === 'overlay' &&\n\t\t\t\t\t\tselectors.core.navigation.isMenuOpen( store )\n\t\t\t\t\t\t? 'dialog'\n\t\t\t\t\t\t: null;\n\t\t\t\t},\n\t\t\t\tariaModal: ( store ) => {\n\t\t\t\t\tconst { context, selectors } = store;\n\t\t\t\t\treturn context.core.navigation.type === 'overlay' &&\n\t\t\t\t\t\tselectors.core.navigation.isMenuOpen( store )\n\t\t\t\t\t\t? 'true'\n\t\t\t\t\t\t: null;\n\t\t\t\t},\n\t\t\t\tariaLabel: ( store ) => {\n\t\t\t\t\tconst { context, selectors } = store;\n\t\t\t\t\treturn context.core.navigation.type === 'overlay' &&\n\t\t\t\t\t\tselectors.core.navigation.isMenuOpen( store )\n\t\t\t\t\t\t? context.core.navigation.ariaLabel\n\t\t\t\t\t\t: null;\n\t\t\t\t},\n\t\t\t\tisMenuOpen: ( { context } ) =>\n\t\t\t\t\t// The menu is opened if either `click`, `hover` or `focus` is true.\n\t\t\t\t\tObject.values(\n\t\t\t\t\t\tcontext.core.navigation[\n\t\t\t\t\t\t\tcontext.core.navigation.type === 'overlay'\n\t\t\t\t\t\t\t\t? 'overlayOpenedBy'\n\t\t\t\t\t\t\t\t: 'submenuOpenedBy'\n\t\t\t\t\t\t]\n\t\t\t\t\t).filter( Boolean ).length > 0,\n\t\t\t\tmenuOpenedBy: ( { context } ) =>\n\t\t\t\t\tcontext.core.navigation[\n\t\t\t\t\t\tcontext.core.navigation.type === 'overlay'\n\t\t\t\t\t\t\t? 'overlayOpenedBy'\n\t\t\t\t\t\t\t: 'submenuOpenedBy'\n\t\t\t\t\t],\n\t\t\t},\n\t\t},\n\t},\n\tactions: {\n\t\tcore: {\n\t\t\tnavigation: {\n\t\t\t\topenMenuOnHover( store ) {\n\t\t\t\t\tconst { navigation } = store.context.core;\n\t\t\t\t\tif (\n\t\t\t\t\t\tnavigation.type === 'submenu' &&\n\t\t\t\t\t\t// Only open on hover if the overlay is closed.\n\t\t\t\t\t\tObject.values(\n\t\t\t\t\t\t\tnavigation.overlayOpenedBy \|\| {}\n\t\t\t\t\t\t).filter( Boolean ).length === 0\n\t\t\t\t\t)\n\t\t\t\t\t\topenMenu( store, 'hover' );\n\t\t\t\t},\n\t\t\t\tcloseMenuOnHover( store ) {\n\t\t\t\t\tcloseMenu( store, 'hover' );\n\t\t\t\t},\n\t\t\t\topenMenuOnClick( store ) {\n\t\t\t\t\topenMenu( store, 'click' );\n\t\t\t\t},\n\t\t\t\tcloseMenuOnClick( store ) {\n\t\t\t\t\tcloseMenu( store, 'click' );\n\t\t\t\t\tcloseMenu( store, 'focus' );\n\t\t\t\t},\n\t\t\t\topenMenuOnFocus( store ) {\n\t\t\t\t\topenMenu( store, 'focus' );\n\t\t\t\t},\n\t\t\t\ttoggleMenuOnClick: ( store ) => {\n\t\t\t\t\tconst { selectors } = store;\n\t\t\t\t\tconst menuOpenedBy =\n\t\t\t\t\t\tselectors.core.navigation.menuOpenedBy( store );\n\t\t\t\t\tif ( menuOpenedBy.click \|\| menuOpenedBy.focus ) {\n\t\t\t\t\t\tcloseMenu( store, 'click' );\n\t\t\t\t\t\tcloseMenu( store, 'focus' );\n\t\t\t\t\t} else {\n\t\t\t\t\t\topenMenu( store, 'click' );\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\thandleMenuKeydown: ( store ) => {\n\t\t\t\t\tconst { context, selectors, event } = store;\n\t\t\t\t\tif (\n\t\t\t\t\t\tselectors.core.navigation.menuOpenedBy( store ).click\n\t\t\t\t\t) {\n\t\t\t\t\t\t// If Escape close the menu.\n\t\t\t\t\t\tif ( event?.key === 'Escape' ) {\n\t\t\t\t\t\t\tcloseMenu( store, 'click' );\n\t\t\t\t\t\t\tcloseMenu( store, 'focus' );\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Trap focus if it is an overlay (main menu).\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tcontext.core.navigation.type === 'overlay' &&\n\t\t\t\t\t\t\tevent.key === 'Tab'\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t// If shift + tab it change the direction.\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\tevent.shiftKey &&\n\t\t\t\t\t\t\t\twindow.document.activeElement ===\n\t\t\t\t\t\t\t\t\tcontext.core.navigation\n\t\t\t\t\t\t\t\t\t\t.firstFocusableElement\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\tcontext.core.navigation.lastFocusableElement.focus();\n\t\t\t\t\t\t\t} else if (\n\t\t\t\t\t\t\t\t! event.shiftKey &&\n\t\t\t\t\t\t\t\twindow.document.activeElement ===\n\t\t\t\t\t\t\t\t\tcontext.core.navigation.lastFocusableElement\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\tcontext.core.navigation.firstFocusableElement.focus();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\thandleMenuFocusout: ( store ) => {\n\t\t\t\t\tconst { context, event } = store;\n\t\t\t\t\t// If focus is outside modal, and in the document, close menu\n\t\t\t\t\t// event.target === The element losing focus\n\t\t\t\t\t// event.relatedTarget === The element receiving focus (if any)\n\t\t\t\t\t// When focusout is outsite the document,\n\t\t\t\t\t// `window.document.activeElement` doesn't change.\n\t\t\t\t\tif (\n\t\t\t\t\t\t! context.core.navigation.modal?.contains(\n\t\t\t\t\t\t\tevent.relatedTarget\n\t\t\t\t\t\t) &&\n\t\t\t\t\t\tevent.target !== window.document.activeElement\n\t\t\t\t\t) {\n\t\t\t\t\t\tcloseMenu( store, 'click' );\n\t\t\t\t\t\tcloseMenu( store, 'focus' );\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t},\n} );\n"],"mappings":";;AAGA,IAAAA,cAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA,MAAMC,kBAAkB,GAAG,CAC1B,SAAS,EACT,+DAA+D,EAC/D,2CAA2C,EAC3C,6CAA6C,EAC7C,2CAA2C,EAC3C,mBAAmB,EACnB,iCAAiC,CACjC;AAED,MAAMC,QAAQ,GAAGA,CAAEC,KAAK,EAAEC,YAAY,KAAM;EAC3C,MAAM;IAAEC,OAAO;IAAEC,GAAG;IAAEC;EAAU,CAAC,GAAGJ,KAAK;EACzCI,SAAS,CAACC,IAAI,CAACC,UAAU,CAACC,YAAY,CAAEP,KAAM,CAAC,CAAEC,YAAY,CAAE,GAAG,IAAI;EACtEC,OAAO,CAACG,IAAI,CAACC,UAAU,CAACE,aAAa,GAAGL,GAAG;EAC3C,IAAKD,OAAO,CAACG,IAAI,CAACC,UAAU,CAACG,IAAI,KAAK,SAAS,EAAG;IACjD;IACAC,QAAQ,CAACC,eAAe,CAACC,SAAS,CAACC,GAAG,CAAE,gBAAiB,CAAC;EAC3D;AACD,CAAC;AAED,MAAMC,SAAS,GAAGA,CAAEd,KAAK,EAAEe,YAAY,KAAM;EAC5C,MAAM;IAAEb,OAAO;IAAEE;EAAU,CAAC,GAAGJ,KAAK;EACpCI,SAAS,CAACC,IAAI,CAACC,UAAU,CAACC,YAAY,CAAEP,KAAM,CAAC,CAAEe,YAAY,CAAE,GAAG,KAAK;EACvE;EACA,IAAK,CAAEX,SAAS,CAACC,IAAI,CAACC,UAAU,CAACU,UAAU,CAAEhB,KAAM,CAAC,EAAG;IACtD,IACCE,OAAO,CAACG,IAAI,CAACC,UAAU,CAACW,KAAK,EAAEC,QAAQ,CACtCC,MAAM,CAACT,QAAQ,CAACU,aACjB,CAAC,EACA;MACDlB,OAAO,CAACG,IAAI,CAACC,UAAU,CAACE,aAAa,CAACa,KAAK,CAAC,CAAC;IAC9C;IACAnB,OAAO,CAACG,IAAI,CAACC,UAAU,CAACW,KAAK,GAAG,IAAI;IACpCf,OAAO,CAACG,IAAI,CAACC,UAAU,CAACE,aAAa,GAAG,IAAI;IAC5C,IAAKN,OAAO,CAACG,IAAI,CAACC,UAAU,CAACG,IAAI,KAAK,SAAS,EAAG;MACjDC,QAAQ,CAACC,eAAe,CAACC,SAAS,CAACU,MAAM,CAAE,gBAAiB,CAAC;IAC9D;EACD;AACD,CAAC;AAED,IAAAC,oBAAO,EAAE;EACRC,OAAO,EAAE;IACRnB,IAAI,EAAE;MACLC,UAAU,EAAE;QACXmB,QAAQ,EAAIzB,KAAK,IAAM;UACtB,MAAM;YAAEE,OAAO;YAAEE,SAAS;YAAED;UAAI,CAAC,GAAGH,KAAK;UACzC,IAAKI,SAAS,CAACC,IAAI,CAACC,UAAU,CAACU,UAAU,CAAEhB,KAAM,CAAC,EAAG;YACpD,MAAM0B,iBAAiB,GACtBvB,GAAG,CAACwB,gBAAgB,CAAE7B,kBAAmB,CAAC;YAC3CI,OAAO,CAACG,IAAI,CAACC,UAAU,CAACW,KAAK,GAAGd,GAAG;YACnCD,OAAO,CAACG,IAAI,CAACC,UAAU,CAACsB,qBAAqB,GAC5CF,iBAAiB,CAAE,CAAC,CAAE;YACvBxB,OAAO,CAACG,IAAI,CAACC,UAAU,CAACuB,oBAAoB,GAC3CH,iBAAiB,CAAEA,iBAAiB,CAACI,MAAM,GAAG,CAAC,CAAE;UACnD;QACD,CAAC;QACDC,iBAAiB,EAAI/B,KAAK,IAAM;UAC/B,MAAM;YAAEI,SAAS;YAAED;UAAI,CAAC,GAAGH,KAAK;UAChC,IAAKI,SAAS,CAACC,IAAI,CAACC,UAAU,CAACU,UAAU,CAAEhB,KAAM,CAAC,EAAG;YACpDG,GAAG,CAAC6B,aAAa,CAChB,2CACD,CAAC,CAACX,KAAK,CAAC,CAAC;UACV;QACD;MACD;IACD;EACD,CAAC;EACDjB,SAAS,EAAE;IACVC,IAAI,EAAE;MACLC,UAAU,EAAE;QACX2B,aAAa,EAAIjC,KAAK,IAAM;UAC3B,MAAM;YAAEE,OAAO;YAAEE;UAAU,CAAC,GAAGJ,KAAK;UACpC,OAAOE,OAAO,CAACG,IAAI,CAACC,UAAU,CAACG,IAAI,KAAK,SAAS,IAChDL,SAAS,CAACC,IAAI,CAACC,UAAU,CAACU,UAAU,CAAEhB,KAAM,CAAC,GAC3C,QAAQ,GACR,IAAI;QACR,CAAC;QACDkC,SAAS,EAAIlC,KAAK,IAAM;UACvB,MAAM;YAAEE,OAAO;YAAEE;UAAU,CAAC,GAAGJ,KAAK;UACpC,OAAOE,OAAO,CAACG,IAAI,CAACC,UAAU,CAACG,IAAI,KAAK,SAAS,IAChDL,SAAS,CAACC,IAAI,CAACC,UAAU,CAACU,UAAU,CAAEhB,KAAM,CAAC,GAC3C,MAAM,GACN,IAAI;QACR,CAAC;QACDmC,SAAS,EAAInC,KAAK,IAAM;UACvB,MAAM;YAAEE,OAAO;YAAEE;UAAU,CAAC,GAAGJ,KAAK;UACpC,OAAOE,OAAO,CAACG,IAAI,CAACC,UAAU,CAACG,IAAI,KAAK,SAAS,IAChDL,SAAS,CAACC,IAAI,CAACC,UAAU,CAACU,UAAU,CAAEhB,KAAM,CAAC,GAC3CE,OAAO,CAACG,IAAI,CAACC,UAAU,CAAC6B,SAAS,GACjC,IAAI;QACR,CAAC;QACDnB,UAAU,EAAEA,CAAE;UAAEd;QAAQ,CAAC;QACxB;QACAkC,MAAM,CAACC,MAAM,CACZnC,OAAO,CAACG,IAAI,CAACC,UAAU,CACtBJ,OAAO,CAACG,IAAI,CAACC,UAAU,CAACG,IAAI,KAAK,SAAS,GACvC,iBAAiB,GACjB,iBAAiB,CAEtB,CAAC,CAAC6B,MAAM,CAAEC,OAAQ,CAAC,CAACT,MAAM,GAAG,CAAC;QAC/BvB,YAAY,EAAEA,CAAE;UAAEL;QAAQ,CAAC,KAC1BA,OAAO,CAACG,IAAI,CAACC,UAAU,CACtBJ,OAAO,CAACG,IAAI,CAACC,UAAU,CAACG,IAAI,KAAK,SAAS,GACvC,iBAAiB,GACjB,iBAAiB;MAEvB;IACD;EACD,CAAC;EACD+B,OAAO,EAAE;IACRnC,IAAI,EAAE;MACLC,UAAU,EAAE;QACXmC,eAAeA,CAAEzC,KAAK,EAAG;UACxB,MAAM;YAAEM;UAAW,CAAC,GAAGN,KAAK,CAACE,OAAO,CAACG,IAAI;UACzC,IACCC,UAAU,CAACG,IAAI,KAAK,SAAS;UAC7B;UACA2B,MAAM,CAACC,MAAM,CACZ/B,UAAU,CAACoC,eAAe,IAAI,CAAC,CAChC,CAAC,CAACJ,MAAM,CAAEC,OAAQ,CAAC,CAACT,MAAM,KAAK,CAAC,EAEhC/B,QAAQ,CAAEC,KAAK,EAAE,OAAQ,CAAC;QAC5B,CAAC;QACD2C,gBAAgBA,CAAE3C,KAAK,EAAG;UACzBc,SAAS,CAAEd,KAAK,EAAE,OAAQ,CAAC;QAC5B,CAAC;QACD4C,eAAeA,CAAE5C,KAAK,EAAG;UACxBD,QAAQ,CAAEC,KAAK,EAAE,OAAQ,CAAC;QAC3B,CAAC;QACD6C,gBAAgBA,CAAE7C,KAAK,EAAG;UACzBc,SAAS,CAAEd,KAAK,EAAE,OAAQ,CAAC;UAC3Bc,SAAS,CAAEd,KAAK,EAAE,OAAQ,CAAC;QAC5B,CAAC;QACD8C,eAAeA,CAAE9C,KAAK,EAAG;UACxBD,QAAQ,CAAEC,KAAK,EAAE,OAAQ,CAAC;QAC3B,CAAC;QACD+C,iBAAiB,EAAI/C,KAAK,IAAM;UAC/B,MAAM;YAAEI;UAAU,CAAC,GAAGJ,KAAK;UAC3B,MAAMO,YAAY,GACjBH,SAAS,CAACC,IAAI,CAACC,UAAU,CAACC,YAAY,CAAEP,KAAM,CAAC;UAChD,IAAKO,YAAY,CAACyC,KAAK,IAAIzC,YAAY,CAACc,KAAK,EAAG;YAC/CP,SAAS,CAAEd,KAAK,EAAE,OAAQ,CAAC;YAC3Bc,SAAS,CAAEd,KAAK,EAAE,OAAQ,CAAC;UAC5B,CAAC,MAAM;YACND,QAAQ,CAAEC,KAAK,EAAE,OAAQ,CAAC;UAC3B;QACD,CAAC;QACDiD,iBAAiB,EAAIjD,KAAK,IAAM;UAC/B,MAAM;YAAEE,OAAO;YAAEE,SAAS;YAAE8C;UAAM,CAAC,GAAGlD,KAAK;UAC3C,IACCI,SAAS,CAACC,IAAI,CAACC,UAAU,CAACC,YAAY,CAAEP,KAAM,CAAC,CAACgD,KAAK,EACpD;YACD;YACA,IAAKE,KAAK,EAAEC,GAAG,KAAK,QAAQ,EAAG;cAC9BrC,SAAS,CAAEd,KAAK,EAAE,OAAQ,CAAC;cAC3Bc,SAAS,CAAEd,KAAK,EAAE,OAAQ,CAAC;cAC3B;YACD;;YAEA;YACA,IACCE,OAAO,CAACG,IAAI,CAACC,UAAU,CAACG,IAAI,KAAK,SAAS,IAC1CyC,KAAK,CAACC,GAAG,KAAK,KAAK,EAClB;cACD;cACA,IACCD,KAAK,CAACE,QAAQ,IACdjC,MAAM,CAACT,QAAQ,CAACU,aAAa,KAC5BlB,OAAO,CAACG,IAAI,CAACC,UAAU,CACrBsB,qBAAqB,EACvB;gBACDsB,KAAK,CAACG,cAAc,CAAC,CAAC;gBACtBnD,OAAO,CAACG,IAAI,CAACC,UAAU,CAACuB,oBAAoB,CAACR,KAAK,CAAC,CAAC;cACrD,CAAC,MAAM,IACN,CAAE6B,KAAK,CAACE,QAAQ,IAChBjC,MAAM,CAACT,QAAQ,CAACU,aAAa,KAC5BlB,OAAO,CAACG,IAAI,CAACC,UAAU,CAACuB,oBAAoB,EAC5C;gBACDqB,KAAK,CAACG,cAAc,CAAC,CAAC;gBACtBnD,OAAO,CAACG,IAAI,CAACC,UAAU,CAACsB,qBAAqB,CAACP,KAAK,CAAC,CAAC;cACtD;YACD;UACD;QACD,CAAC;QACDiC,kBAAkB,EAAItD,KAAK,IAAM;UAChC,MAAM;YAAEE,OAAO;YAAEgD;UAAM,CAAC,GAAGlD,KAAK;UAChC;UACA;UACA;UACA;UACA;UACA,IACC,CAAEE,OAAO,CAACG,IAAI,CAACC,UAAU,CAACW,KAAK,EAAEC,QAAQ,CACxCgC,KAAK,CAACK,aACP,CAAC,IACDL,KAAK,CAACM,MAAM,KAAKrC,MAAM,CAACT,QAAQ,CAACU,aAAa,EAC7C;YACDN,SAAS,CAAEd,KAAK,EAAE,OAAQ,CAAC;YAC3Bc,SAAS,CAAEd,KAAK,EAAE,OAAQ,CAAC;UAC5B;QACD;MACD;IACD;EACD;AACD,CAAE,CAAC"}
1	+ {"version":3,"names":["_interactivity","require","focusableSelectors","document","addEventListener","openMenu","store","menuOpenedOn","context","selectors","core","navigation","menuOpenedBy","type","documentElement","classList","add","closeMenu","menuClosedOn","isMenuOpen","modal","contains","window","activeElement","previousFocus","focus","remove","wpStore","effects","initMenu","ref","focusableElements","querySelectorAll","firstFocusableElement","lastFocusableElement","length","focusFirstElement","querySelector","roleAttribute","ariaModal","ariaLabel","Object","values","filter","Boolean","actions","openMenuOnHover","overlayOpenedBy","closeMenuOnHover","openMenuOnClick","closeMenuOnClick","openMenuOnFocus","toggleMenuOnClick","click","handleMenuKeydown","event","key","shiftKey","preventDefault","handleMenuFocusout","relatedTarget","target"],"sources":["@wordpress/block-library/src/navigation/view.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { store as wpStore } from '@wordpress/interactivity';\n\nconst focusableSelectors = [\n\t'a[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'[contenteditable]',\n\t'[tabindex]:not([tabindex^=\"-\"])',\n];\n\n// This is a fix for Safari in iOS/iPadOS. Without it, Safari doesn't focus out\n// when the user taps in the body. It can be removed once we add an overlay to\n// capture the clicks, instead of relying on the focusout event.\ndocument.addEventListener( 'click', () => {} );\n\nconst openMenu = ( store, menuOpenedOn ) => {\n\tconst { context, selectors } = store;\n\tselectors.core.navigation.menuOpenedBy( store )[ menuOpenedOn ] = true;\n\tif ( context.core.navigation.type === 'overlay' ) {\n\t\t// Add a `has-modal-open` class to the <html> root.\n\t\tdocument.documentElement.classList.add( 'has-modal-open' );\n\t}\n};\n\nconst closeMenu = ( store, menuClosedOn ) => {\n\tconst { context, selectors } = store;\n\tselectors.core.navigation.menuOpenedBy( store )[ menuClosedOn ] = false;\n\t// Check if the menu is still open or not.\n\tif ( ! selectors.core.navigation.isMenuOpen( store ) ) {\n\t\tif (\n\t\t\tcontext.core.navigation.modal?.contains(\n\t\t\t\twindow.document.activeElement\n\t\t\t)\n\t\t) {\n\t\t\tcontext.core.navigation.previousFocus?.focus();\n\t\t}\n\t\tcontext.core.navigation.modal = null;\n\t\tcontext.core.navigation.previousFocus = null;\n\t\tif ( context.core.navigation.type === 'overlay' ) {\n\t\t\tdocument.documentElement.classList.remove( 'has-modal-open' );\n\t\t}\n\t}\n};\n\nwpStore( {\n\teffects: {\n\t\tcore: {\n\t\t\tnavigation: {\n\t\t\t\tinitMenu: ( store ) => {\n\t\t\t\t\tconst { context, selectors, ref } = store;\n\t\t\t\t\tif ( selectors.core.navigation.isMenuOpen( store ) ) {\n\t\t\t\t\t\tconst focusableElements =\n\t\t\t\t\t\t\tref.querySelectorAll( focusableSelectors );\n\t\t\t\t\t\tcontext.core.navigation.modal = ref;\n\t\t\t\t\t\tcontext.core.navigation.firstFocusableElement =\n\t\t\t\t\t\t\tfocusableElements[ 0 ];\n\t\t\t\t\t\tcontext.core.navigation.lastFocusableElement =\n\t\t\t\t\t\t\tfocusableElements[ focusableElements.length - 1 ];\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tfocusFirstElement: ( store ) => {\n\t\t\t\t\tconst { selectors, ref } = store;\n\t\t\t\t\tif ( selectors.core.navigation.isMenuOpen( store ) ) {\n\t\t\t\t\t\tref.querySelector(\n\t\t\t\t\t\t\t'.wp-block-navigation-item > :first-child'\n\t\t\t\t\t\t).focus();\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t},\n\tselectors: {\n\t\tcore: {\n\t\t\tnavigation: {\n\t\t\t\troleAttribute: ( store ) => {\n\t\t\t\t\tconst { context, selectors } = store;\n\t\t\t\t\treturn context.core.navigation.type === 'overlay' &&\n\t\t\t\t\t\tselectors.core.navigation.isMenuOpen( store )\n\t\t\t\t\t\t? 'dialog'\n\t\t\t\t\t\t: null;\n\t\t\t\t},\n\t\t\t\tariaModal: ( store ) => {\n\t\t\t\t\tconst { context, selectors } = store;\n\t\t\t\t\treturn context.core.navigation.type === 'overlay' &&\n\t\t\t\t\t\tselectors.core.navigation.isMenuOpen( store )\n\t\t\t\t\t\t? 'true'\n\t\t\t\t\t\t: null;\n\t\t\t\t},\n\t\t\t\tariaLabel: ( store ) => {\n\t\t\t\t\tconst { context, selectors } = store;\n\t\t\t\t\treturn context.core.navigation.type === 'overlay' &&\n\t\t\t\t\t\tselectors.core.navigation.isMenuOpen( store )\n\t\t\t\t\t\t? context.core.navigation.ariaLabel\n\t\t\t\t\t\t: null;\n\t\t\t\t},\n\t\t\t\tisMenuOpen: ( { context } ) =>\n\t\t\t\t\t// The menu is opened if either `click`, `hover` or `focus` is true.\n\t\t\t\t\tObject.values(\n\t\t\t\t\t\tcontext.core.navigation[\n\t\t\t\t\t\t\tcontext.core.navigation.type === 'overlay'\n\t\t\t\t\t\t\t\t? 'overlayOpenedBy'\n\t\t\t\t\t\t\t\t: 'submenuOpenedBy'\n\t\t\t\t\t\t]\n\t\t\t\t\t).filter( Boolean ).length > 0,\n\t\t\t\tmenuOpenedBy: ( { context } ) =>\n\t\t\t\t\tcontext.core.navigation[\n\t\t\t\t\t\tcontext.core.navigation.type === 'overlay'\n\t\t\t\t\t\t\t? 'overlayOpenedBy'\n\t\t\t\t\t\t\t: 'submenuOpenedBy'\n\t\t\t\t\t],\n\t\t\t},\n\t\t},\n\t},\n\tactions: {\n\t\tcore: {\n\t\t\tnavigation: {\n\t\t\t\topenMenuOnHover( store ) {\n\t\t\t\t\tconst { navigation } = store.context.core;\n\t\t\t\t\tif (\n\t\t\t\t\t\tnavigation.type === 'submenu' &&\n\t\t\t\t\t\t// Only open on hover if the overlay is closed.\n\t\t\t\t\t\tObject.values(\n\t\t\t\t\t\t\tnavigation.overlayOpenedBy \|\| {}\n\t\t\t\t\t\t).filter( Boolean ).length === 0\n\t\t\t\t\t)\n\t\t\t\t\t\topenMenu( store, 'hover' );\n\t\t\t\t},\n\t\t\t\tcloseMenuOnHover( store ) {\n\t\t\t\t\tcloseMenu( store, 'hover' );\n\t\t\t\t},\n\t\t\t\topenMenuOnClick( store ) {\n\t\t\t\t\tconst { context, ref } = store;\n\t\t\t\t\tcontext.core.navigation.previousFocus = ref;\n\t\t\t\t\topenMenu( store, 'click' );\n\t\t\t\t},\n\t\t\t\tcloseMenuOnClick( store ) {\n\t\t\t\t\tcloseMenu( store, 'click' );\n\t\t\t\t\tcloseMenu( store, 'focus' );\n\t\t\t\t},\n\t\t\t\topenMenuOnFocus( store ) {\n\t\t\t\t\topenMenu( store, 'focus' );\n\t\t\t\t},\n\t\t\t\ttoggleMenuOnClick: ( store ) => {\n\t\t\t\t\tconst { selectors, context, ref } = store;\n\t\t\t\t\t// 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\n\t\t\t\t\tif ( window.document.activeElement !== ref ) ref.focus();\n\t\t\t\t\tconst menuOpenedBy =\n\t\t\t\t\t\tselectors.core.navigation.menuOpenedBy( store );\n\t\t\t\t\tif ( menuOpenedBy.click \|\| menuOpenedBy.focus ) {\n\t\t\t\t\t\tcloseMenu( store, 'click' );\n\t\t\t\t\t\tcloseMenu( store, 'focus' );\n\t\t\t\t\t} else {\n\t\t\t\t\t\tcontext.core.navigation.previousFocus = ref;\n\t\t\t\t\t\topenMenu( store, 'click' );\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\thandleMenuKeydown: ( store ) => {\n\t\t\t\t\tconst { context, selectors, event } = store;\n\t\t\t\t\tif (\n\t\t\t\t\t\tselectors.core.navigation.menuOpenedBy( store ).click\n\t\t\t\t\t) {\n\t\t\t\t\t\t// If Escape close the menu.\n\t\t\t\t\t\tif ( event?.key === 'Escape' ) {\n\t\t\t\t\t\t\tcloseMenu( store, 'click' );\n\t\t\t\t\t\t\tcloseMenu( store, 'focus' );\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Trap focus if it is an overlay (main menu).\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tcontext.core.navigation.type === 'overlay' &&\n\t\t\t\t\t\t\tevent.key === 'Tab'\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t// If shift + tab it change the direction.\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\tevent.shiftKey &&\n\t\t\t\t\t\t\t\twindow.document.activeElement ===\n\t\t\t\t\t\t\t\t\tcontext.core.navigation\n\t\t\t\t\t\t\t\t\t\t.firstFocusableElement\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\tcontext.core.navigation.lastFocusableElement.focus();\n\t\t\t\t\t\t\t} else if (\n\t\t\t\t\t\t\t\t! event.shiftKey &&\n\t\t\t\t\t\t\t\twindow.document.activeElement ===\n\t\t\t\t\t\t\t\t\tcontext.core.navigation.lastFocusableElement\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\tcontext.core.navigation.firstFocusableElement.focus();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\thandleMenuFocusout: ( store ) => {\n\t\t\t\t\tconst { context, event } = store;\n\t\t\t\t\t// If focus is outside modal, and in the document, close menu\n\t\t\t\t\t// event.target === The element losing focus\n\t\t\t\t\t// event.relatedTarget === The element receiving focus (if any)\n\t\t\t\t\t// When focusout is outsite the document,\n\t\t\t\t\t// `window.document.activeElement` doesn't change.\n\n\t\t\t\t\t// The event.relatedTarget is null when something outside the navigation menu is clicked. This is only necessary for Safari.\n\t\t\t\t\tif (\n\t\t\t\t\t\tevent.relatedTarget === null \|\|\n\t\t\t\t\t\t( ! context.core.navigation.modal?.contains(\n\t\t\t\t\t\t\tevent.relatedTarget\n\t\t\t\t\t\t) &&\n\t\t\t\t\t\t\tevent.target !== window.document.activeElement )\n\t\t\t\t\t) {\n\t\t\t\t\t\tcloseMenu( store, 'click' );\n\t\t\t\t\t\tcloseMenu( store, 'focus' );\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t},\n} );\n"],"mappings":"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"}

package/build-module/image/image.js CHANGED Viewed

@@ -41,6 +41,10 @@ const scaleOptions = [{
   label: _x('Contain', 'Scale option for dimensions control'),
   help: __('Image is contained without distortion.')
 }];
+const disabledClickProps = {
+  onClick: event => event.preventDefault(),
+  'aria-disabled': true
+};
 export default function Image({
   temporaryURL,
   attributes,
@@ -561,7 +565,6 @@ export default function Image({
       }
     }
     /* eslint-enable no-lonely-if */
     img = createElement(ResizableBox, {
       style: {
         display: 'block',
@@ -603,7 +606,10 @@ export default function Image({
   if (!url && !temporaryURL) {
     return sizeControls;
   }
-  return createElement(Fragment, null, !temporaryURL && controls, img, showCaption && (!RichText.isEmpty(caption) || isSelected) && createElement(RichText, {
+  return createElement(Fragment, null, !temporaryURL && controls, !!href ? createElement("a", {
+    href: href,
+    ...disabledClickProps
+  }, img) : img, showCaption && (!RichText.isEmpty(caption) || isSelected) && createElement(RichText, {
     identifier: "caption",
     className: __experimentalGetElementClassName('caption'),
     ref: captionRef,

package/build-module/image/image.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["isBlobURL","ExternalLink","ResizableBox","Spinner","TextareaControl","ToggleControl","TextControl","ToolbarButton","ToolbarGroup","__experimentalToolsPanel","ToolsPanel","__experimentalToolsPanelItem","ToolsPanelItem","__experimentalUseCustomUnits","useCustomUnits","useViewportMatch","usePrevious","useSelect","useDispatch","BlockControls","InspectorControls","RichText","__experimentalImageURLInputUI","ImageURLInputUI","MediaReplaceFlow","store","blockEditorStore","useSetting","BlockAlignmentControl","__experimentalImageEditor","ImageEditor","__experimentalGetElementClassName","__experimentalUseBorderProps","useBorderProps","privateApis","blockEditorPrivateApis","useEffect","useMemo","useState","useRef","useCallback","__","_x","sprintf","isRTL","getFilename","createBlock","getDefaultBlockName","switchToBlockType","crop","overlayText","upload","caption","captionIcon","noticesStore","coreStore","unlock","createUpgradedEmbedBlock","useClientWidth","isExternalImage","MIN_SIZE","ALLOWED_MEDIA_TYPES","evalAspectRatio","DimensionsTool","ResolutionTool","scaleOptions","value","label","help","Image","temporaryURL","attributes","setAttributes","isSelected","insertBlocksAfter","onReplace","onSelectImage","onSelectURL","onUploadError","containerRef","context","clientId","blockEditingMode","url","alt","align","id","href","rel","linkClass","linkDestination","title","width","height","aspectRatio","scale","linkTarget","sizeSlug","lightbox","numericWidth","parseInt","undefined","numericHeight","imageRef","prevCaption","showCaption","setShowCaption","allowResize","getBlock","image","multiImageSelection","select","getMedia","getMultiSelectedBlockClientIds","getBlockName","multiSelectedClientIds","length","every","_clientId","canInsertCover","imageEditing","imageSizes","maxWidth","mediaUpload","getBlockRootClientId","getSettings","canInsertBlockType","rootClientId","settings","replaceBlocks","toggleSelection","createErrorNotice","createSuccessNotice","isLargeViewport","isWideAligned","includes","loadedNaturalWidth","loadedNaturalHeight","setLoadedNaturalSize","isEditingImage","setIsEditingImage","externalBlob","setExternalBlob","clientWidth","hasNonContentControls","isResizable","imageSizeOptions","filter","slug","media_details","sizes","source_url","map","name","canUploadMedia","window","fetch","then","response","blob","catch","captionRef","node","focus","naturalWidth","naturalHeight","current","complete","onResizeStart","onResizeStop","onImageError","embedBlock","onSetHref","props","onSetTitle","updateAlt","newAlt","updateImage","newSizeSlug","newUrl","uploadExternal","filesList","onFileChange","img","type","allowedTypes","onError","message","updateAlignment","nextAlign","extraUpdatedAttributes","canEditImage","allowCrop","switchToCover","dimensionsUnitsOptions","availableUnits","lightboxSetting","showLightboxToggle","allowEditing","lightboxChecked","enabled","lightboxToggleDisabled","dimensionsControl","createElement","onChange","newWidth","newHeight","newScale","newAspectRatio","defaultScale","defaultAspectRatio","unitsOptions","resetAll","sizeControls","controls","Fragment","group","onClick","icon","isPressed","onChangeUrl","mediaUrl","mediaLink","link","mediaId","mediaURL","accept","onSelect","isShownByDefault","hasValue","onDeselect","__nextHasNoMarginBottom","options","checked","newValue","disabled","filename","defaultedAlt","borderProps","isRounded","className","src","onLoad","event","target","ref","style","objectFit","fallbackClientWidth","onSaveImage","imageAttributes","onFinishEditing","numericRatio","customRatio","naturalRatio","ratio","currentWidth","currentHeight","minWidth","minHeight","maxWidthBuffer","showRightHandle","showLeftHandle","display","size","showHandle","maxHeight","lockAspectRatio","enable","top","right","bottom","left","direction","elt","offsetWidth","String","resizeRatio","isEmpty","identifier","tagName","placeholder","inlineToolbar","__unstableOnSplitAtEnd"],"sources":["@wordpress/block-library/src/image/image.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { isBlobURL } from '@wordpress/blob';\nimport {\n\tExternalLink,\n\tResizableBox,\n\tSpinner,\n\tTextareaControl,\n\tToggleControl,\n\tTextControl,\n\tToolbarButton,\n\tToolbarGroup,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\t__experimentalUseCustomUnits as useCustomUnits,\n} from '@wordpress/components';\nimport { useViewportMatch, usePrevious } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tBlockControls,\n\tInspectorControls,\n\tRichText,\n\t__experimentalImageURLInputUI as ImageURLInputUI,\n\tMediaReplaceFlow,\n\tstore as blockEditorStore,\n\tuseSetting,\n\tBlockAlignmentControl,\n\t__experimentalImageEditor as ImageEditor,\n\t__experimentalGetElementClassName,\n\t__experimentalUseBorderProps as useBorderProps,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport {\n\tuseEffect,\n\tuseMemo,\n\tuseState,\n\tuseRef,\n\tuseCallback,\n} from '@wordpress/element';\nimport { __, _x, sprintf, isRTL } from '@wordpress/i18n';\nimport { getFilename } from '@wordpress/url';\nimport {\n\tcreateBlock,\n\tgetDefaultBlockName,\n\tswitchToBlockType,\n} from '@wordpress/blocks';\nimport {\n\tcrop,\n\toverlayText,\n\tupload,\n\tcaption as captionIcon,\n} from '@wordpress/icons';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/\n Internal dependencies\n /\nimport { unlock } from '../lock-unlock';\nimport { createUpgradedEmbedBlock } from '../embed/util';\nimport useClientWidth from './use-client-width';\nimport { isExternalImage } from './edit';\n\n/\n Module constants\n /\nimport { MIN_SIZE, ALLOWED_MEDIA_TYPES } from './constants';\nimport { evalAspectRatio } from './utils';\n\nconst { DimensionsTool, ResolutionTool } = unlock( blockEditorPrivateApis );\n\nconst scaleOptions = [\n\t{\n\t\tvalue: 'cover',\n\t\tlabel: _x( 'Cover', 'Scale option for dimensions control' ),\n\t\thelp: __( 'Image covers the space evenly.' ),\n\t},\n\t{\n\t\tvalue: 'contain',\n\t\tlabel: _x( 'Contain', 'Scale option for dimensions control' ),\n\t\thelp: __( 'Image is contained without distortion.' ),\n\t},\n];\n\nexport default function Image( {\n\ttemporaryURL,\n\tattributes,\n\tsetAttributes,\n\tisSelected,\n\tinsertBlocksAfter,\n\tonReplace,\n\tonSelectImage,\n\tonSelectURL,\n\tonUploadError,\n\tcontainerRef,\n\tcontext,\n\tclientId,\n\tblockEditingMode,\n} ) {\n\tconst {\n\t\turl = '',\n\t\talt,\n\t\tcaption,\n\t\talign,\n\t\tid,\n\t\thref,\n\t\trel,\n\t\tlinkClass,\n\t\tlinkDestination,\n\t\ttitle,\n\t\twidth,\n\t\theight,\n\t\taspectRatio,\n\t\tscale,\n\t\tlinkTarget,\n\t\tsizeSlug,\n\t\tlightbox,\n\t} = attributes;\n\n\t// The only supported unit is px, so we can parseInt to strip the px here.\n\tconst numericWidth = width ? parseInt( width, 10 ) : undefined;\n\tconst numericHeight = height ? parseInt( height, 10 ) : undefined;\n\n\tconst imageRef = useRef();\n\tconst prevCaption = usePrevious( caption );\n\tconst [ showCaption, setShowCaption ] = useState( !! caption );\n\tconst { allowResize = true } = context;\n\tconst { getBlock } = useSelect( blockEditorStore );\n\n\tconst { image, multiImageSelection } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getMedia } = select( coreStore );\n\t\t\tconst { getMultiSelectedBlockClientIds, getBlockName } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst multiSelectedClientIds = getMultiSelectedBlockClientIds();\n\t\t\treturn {\n\t\t\t\timage:\n\t\t\t\t\tid && isSelected\n\t\t\t\t\t\t? getMedia( id, { context: 'view' } )\n\t\t\t\t\t\t: null,\n\t\t\t\tmultiImageSelection:\n\t\t\t\t\tmultiSelectedClientIds.length &&\n\t\t\t\t\tmultiSelectedClientIds.every(\n\t\t\t\t\t\t( _clientId ) =>\n\t\t\t\t\t\t\tgetBlockName( _clientId ) === 'core/image'\n\t\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ id, isSelected ]\n\t);\n\tconst { canInsertCover, imageEditing, imageSizes, maxWidth, mediaUpload } =\n\t\tuseSelect(\n\t\t\t( select ) => {\n\t\t\t\tconst {\n\t\t\t\t\tgetBlockRootClientId,\n\t\t\t\t\tgetSettings,\n\t\t\t\t\tcanInsertBlockType,\n\t\t\t\t} = select( blockEditorStore );\n\n\t\t\t\tconst rootClientId = getBlockRootClientId( clientId );\n\t\t\t\tconst settings = getSettings();\n\n\t\t\t\treturn {\n\t\t\t\t\timageEditing: settings.imageEditing,\n\t\t\t\t\timageSizes: settings.imageSizes,\n\t\t\t\t\tmaxWidth: settings.maxWidth,\n\t\t\t\t\tmediaUpload: settings.mediaUpload,\n\t\t\t\t\tcanInsertCover: canInsertBlockType(\n\t\t\t\t\t\t'core/cover',\n\t\t\t\t\t\trootClientId\n\t\t\t\t\t),\n\t\t\t\t};\n\t\t\t},\n\t\t\t[ clientId ]\n\t\t);\n\n\tconst { replaceBlocks, toggleSelection } = useDispatch( blockEditorStore );\n\tconst { createErrorNotice, createSuccessNotice } =\n\t\tuseDispatch( noticesStore );\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst isWideAligned = [ 'wide', 'full' ].includes( align );\n\tconst [\n\t\t{ loadedNaturalWidth, loadedNaturalHeight },\n\t\tsetLoadedNaturalSize,\n\t] = useState( {} );\n\tconst [ isEditingImage, setIsEditingImage ] = useState( false );\n\tconst [ externalBlob, setExternalBlob ] = useState();\n\tconst clientWidth = useClientWidth( containerRef, [ align ] );\n\tconst hasNonContentControls = blockEditingMode === 'default';\n\tconst isResizable =\n\t\tallowResize &&\n\t\thasNonContentControls &&\n\t\t! ( isWideAligned && isLargeViewport );\n\tconst imageSizeOptions = imageSizes\n\t\t.filter(\n\t\t\t( { slug } ) => image?.media_details?.sizes?.[ slug ]?.source_url\n\t\t)\n\t\t.map( ( { name, slug } ) => ( { value: slug, label: name } ) );\n\tconst canUploadMedia = !! mediaUpload;\n\n\t// If an image is externally hosted, try to fetch the image data. This may\n\t// fail if the image host doesn't allow CORS with the domain. If it works,\n\t// we can enable a button in the toolbar to upload the image.\n\tuseEffect( () => {\n\t\tif (\n\t\t\t! isExternalImage( id, url ) \|\|\n\t\t\t! isSelected \|\|\n\t\t\t! canUploadMedia\n\t\t) {\n\t\t\tsetExternalBlob();\n\t\t\treturn;\n\t\t}\n\n\t\tif ( externalBlob ) return;\n\n\t\twindow\n\t\t\t// Avoid cache, which seems to help avoid CORS problems.\n\t\t\t.fetch( url.includes( '?' ) ? url : url + '?' )\n\t\t\t.then( ( response ) => response.blob() )\n\t\t\t.then( ( blob ) => setExternalBlob( blob ) )\n\t\t\t// Do nothing, cannot upload.\n\t\t\t.catch( () => {} );\n\t}, [ id, url, isSelected, externalBlob, canUploadMedia ] );\n\n\t// We need to show the caption when changes come from\n\t// history navigation(undo/redo).\n\tuseEffect( () => {\n\t\tif ( caption && ! prevCaption ) {\n\t\t\tsetShowCaption( true );\n\t\t}\n\t}, [ caption, prevCaption ] );\n\n\t// Focus the caption when we click to add one.\n\tconst captionRef = useCallback(\n\t\t( node ) => {\n\t\t\tif ( node && ! caption ) {\n\t\t\t\tnode.focus();\n\t\t\t}\n\t\t},\n\t\t[ caption ]\n\t);\n\n\t// Get naturalWidth and naturalHeight from image ref, and fall back to loaded natural\n\t// width and height. This resolves an issue in Safari where the loaded natural\n\t// width and height is otherwise lost when switching between alignments.\n\t// See: https://github.com/WordPress/gutenberg/pull/37210.\n\tconst { naturalWidth, naturalHeight } = useMemo( () => {\n\t\treturn {\n\t\t\tnaturalWidth:\n\t\t\t\timageRef.current?.naturalWidth \|\|\n\t\t\t\tloadedNaturalWidth \|\|\n\t\t\t\tundefined,\n\t\t\tnaturalHeight:\n\t\t\t\timageRef.current?.naturalHeight \|\|\n\t\t\t\tloadedNaturalHeight \|\|\n\t\t\t\tundefined,\n\t\t};\n\t}, [\n\t\tloadedNaturalWidth,\n\t\tloadedNaturalHeight,\n\t\timageRef.current?.complete,\n\t] );\n\n\tfunction onResizeStart() {\n\t\ttoggleSelection( false );\n\t}\n\n\tfunction onResizeStop() {\n\t\ttoggleSelection( true );\n\t}\n\n\tfunction onImageError() {\n\t\t// Check if there's an embed block that handles this URL, e.g., instagram URL.\n\t\t// See: https://github.com/WordPress/gutenberg/pull/11472\n\t\tconst embedBlock = createUpgradedEmbedBlock( { attributes: { url } } );\n\n\t\tif ( undefined !== embedBlock ) {\n\t\t\tonReplace( embedBlock );\n\t\t}\n\t}\n\n\tfunction onSetHref( props ) {\n\t\tsetAttributes( props );\n\t}\n\n\tfunction onSetTitle( value ) {\n\t\t// This is the HTML title attribute, separate from the media object\n\t\t// title.\n\t\tsetAttributes( { title: value } );\n\t}\n\n\tfunction updateAlt( newAlt ) {\n\t\tsetAttributes( { alt: newAlt } );\n\t}\n\n\tfunction updateImage( newSizeSlug ) {\n\t\tconst newUrl = image?.media_details?.sizes?.[ newSizeSlug ]?.source_url;\n\t\tif ( ! newUrl ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tsetAttributes( {\n\t\t\turl: newUrl,\n\t\t\tsizeSlug: newSizeSlug,\n\t\t} );\n\t}\n\n\tfunction uploadExternal() {\n\t\tmediaUpload( {\n\t\t\tfilesList: [ externalBlob ],\n\t\t\tonFileChange( [ img ] ) {\n\t\t\t\tonSelectImage( img );\n\n\t\t\t\tif ( isBlobURL( img.url ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tsetExternalBlob();\n\t\t\t\tcreateSuccessNotice( __( 'Image uploaded.' ), {\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t} );\n\t\t\t},\n\t\t\tallowedTypes: ALLOWED_MEDIA_TYPES,\n\t\t\tonError( message ) {\n\t\t\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t\t\t},\n\t\t} );\n\t}\n\n\tfunction updateAlignment( nextAlign ) {\n\t\tconst extraUpdatedAttributes = [ 'wide', 'full' ].includes( nextAlign )\n\t\t\t? {\n\t\t\t\t\twidth: undefined,\n\t\t\t\t\theight: undefined,\n\t\t\t\t\taspectRatio: undefined,\n\t\t\t\t\tscale: undefined,\n\t\t\t }\n\t\t\t: {};\n\t\tsetAttributes( {\n\t\t\t...extraUpdatedAttributes,\n\t\t\talign: nextAlign,\n\t\t} );\n\t}\n\n\tuseEffect( () => {\n\t\tif ( ! isSelected ) {\n\t\t\tsetIsEditingImage( false );\n\t\t\tif ( ! caption ) {\n\t\t\t\tsetShowCaption( false );\n\t\t\t}\n\t\t}\n\t}, [ isSelected, caption ] );\n\n\tconst canEditImage = id && naturalWidth && naturalHeight && imageEditing;\n\tconst allowCrop = ! multiImageSelection && canEditImage && ! isEditingImage;\n\n\tfunction switchToCover() {\n\t\treplaceBlocks(\n\t\t\tclientId,\n\t\t\tswitchToBlockType( getBlock( clientId ), 'core/cover' )\n\t\t);\n\t}\n\n\t// TODO: Can allow more units after figuring out how they should interact\n\t// with the ResizableBox and ImageEditor components. Calculations later on\n\t// for those components are currently assuming px units.\n\tconst dimensionsUnitsOptions = useCustomUnits( {\n\t\tavailableUnits: [ 'px' ],\n\t} );\n\n\tconst lightboxSetting = useSetting( 'lightbox' );\n\n\tconst showLightboxToggle =\n\t\t!! lightbox \|\| lightboxSetting?.allowEditing === true;\n\n\tconst lightboxChecked =\n\t\t!! lightbox?.enabled \|\| ( ! lightbox && !! lightboxSetting?.enabled );\n\n\tconst lightboxToggleDisabled = linkDestination !== 'none';\n\n\tconst dimensionsControl = (\n\t\t<DimensionsTool\n\t\t\tvalue={ { width, height, scale, aspectRatio } }\n\t\t\tonChange={ ( {\n\t\t\t\twidth: newWidth,\n\t\t\t\theight: newHeight,\n\t\t\t\tscale: newScale,\n\t\t\t\taspectRatio: newAspectRatio,\n\t\t\t} ) => {\n\t\t\t\t// Rebuilding the object forces setting `undefined`\n\t\t\t\t// for values that are removed since setAttributes\n\t\t\t\t// doesn't do anything with keys that aren't set.\n\t\t\t\tsetAttributes( {\n\t\t\t\t\t// CSS includes `height: auto`, but we need\n\t\t\t\t\t// `width: auto` to fix the aspect ratio when\n\t\t\t\t\t// only height is set due to the width and\n\t\t\t\t\t// height attributes set via the server.\n\t\t\t\t\twidth: ! newWidth && newHeight ? 'auto' : newWidth,\n\t\t\t\t\theight: newHeight,\n\t\t\t\t\tscale: newScale,\n\t\t\t\t\taspectRatio: newAspectRatio,\n\t\t\t\t} );\n\t\t\t} }\n\t\t\tdefaultScale=\"cover\"\n\t\t\tdefaultAspectRatio=\"auto\"\n\t\t\tscaleOptions={ scaleOptions }\n\t\t\tunitsOptions={ dimensionsUnitsOptions }\n\t\t/>\n\t);\n\n\tconst resetAll = () => {\n\t\tsetAttributes( {\n\t\t\twidth: undefined,\n\t\t\theight: undefined,\n\t\t\tscale: undefined,\n\t\t\taspectRatio: undefined,\n\t\t\tlightbox: undefined,\n\t\t} );\n\t};\n\n\tconst sizeControls = (\n\t\t<InspectorControls>\n\t\t\t<ToolsPanel label={ __( 'Settings' ) } resetAll={ resetAll }>\n\t\t\t\t{ isResizable && dimensionsControl }\n\t\t\t</ToolsPanel>\n\t\t</InspectorControls>\n\t);\n\n\tconst controls = (\n\t\t<>\n\t\t\t<BlockControls group=\"block\">\n\t\t\t\t{ hasNonContentControls && (\n\t\t\t\t\t<BlockAlignmentControl\n\t\t\t\t\t\tvalue={ align }\n\t\t\t\t\t\tonChange={ updateAlignment }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ hasNonContentControls && (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tsetShowCaption( ! showCaption );\n\t\t\t\t\t\t\tif ( showCaption && caption ) {\n\t\t\t\t\t\t\t\tsetAttributes( { caption: undefined } );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\ticon={ captionIcon }\n\t\t\t\t\t\tisPressed={ showCaption }\n\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\tshowCaption\n\t\t\t\t\t\t\t\t? __( 'Remove caption' )\n\t\t\t\t\t\t\t\t: __( 'Add caption' )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ ! multiImageSelection && ! isEditingImage && (\n\t\t\t\t\t<ImageURLInputUI\n\t\t\t\t\t\turl={ href \|\| '' }\n\t\t\t\t\t\tonChangeUrl={ onSetHref }\n\t\t\t\t\t\tlinkDestination={ linkDestination }\n\t\t\t\t\t\tmediaUrl={ ( image && image.source_url ) \|\| url }\n\t\t\t\t\t\tmediaLink={ image && image.link }\n\t\t\t\t\t\tlinkTarget={ linkTarget }\n\t\t\t\t\t\tlinkClass={ linkClass }\n\t\t\t\t\t\trel={ rel }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ allowCrop && (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tonClick={ () => setIsEditingImage( true ) }\n\t\t\t\t\t\ticon={ crop }\n\t\t\t\t\t\tlabel={ __( 'Crop' ) }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ ! multiImageSelection && canInsertCover && (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\ticon={ overlayText }\n\t\t\t\t\t\tlabel={ __( 'Add text over image' ) }\n\t\t\t\t\t\tonClick={ switchToCover }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</BlockControls>\n\t\t\t{ ! multiImageSelection && ! isEditingImage && (\n\t\t\t\t<BlockControls group=\"other\">\n\t\t\t\t\t<MediaReplaceFlow\n\t\t\t\t\t\tmediaId={ id }\n\t\t\t\t\t\tmediaURL={ url }\n\t\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\t\taccept=\"image/\"\n\t\t\t\t\t\tonSelect={ onSelectImage }\n\t\t\t\t\t\tonSelectURL={ onSelectURL }\n\t\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\t/>\n\t\t\t\t</BlockControls>\n\t\t\t) }\n\t\t\t{ ! multiImageSelection && externalBlob && (\n\t\t\t\t<BlockControls>\n\t\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\tonClick={ uploadExternal }\n\t\t\t\t\t\t\ticon={ upload }\n\t\t\t\t\t\t\tlabel={ __( 'Upload external image' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolbarGroup>\n\t\t\t\t</BlockControls>\n\t\t\t) }\n\t\t\t<InspectorControls>\n\t\t\t\t<ToolsPanel label={ __( 'Settings' ) } resetAll={ resetAll }>\n\t\t\t\t\t{ ! multiImageSelection && (\n\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\t\t\tisShownByDefault={ true }\n\t\t\t\t\t\t\thasValue={ () => alt !== '' }\n\t\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( { alt: undefined } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<TextareaControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\t\t\t\tvalue={ alt }\n\t\t\t\t\t\t\t\tonChange={ updateAlt }\n\t\t\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t<ExternalLink href=\"https://www.w3.org/WAI/tutorials/images/decision-tree\">\n\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Describe the purpose of the image.'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t{ __( 'Leave empty if decorative.' ) }\n\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t) }\n\t\t\t\t\t{ isResizable && dimensionsControl }\n\t\t\t\t\t<ResolutionTool\n\t\t\t\t\t\tvalue={ sizeSlug }\n\t\t\t\t\t\tonChange={ updateImage }\n\t\t\t\t\t\toptions={ imageSizeOptions }\n\t\t\t\t\t/>\n\t\t\t\t\t{ showLightboxToggle && (\n\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\thasValue={ () => !! lightbox }\n\t\t\t\t\t\t\tlabel={ __( 'Expand on Click' ) }\n\t\t\t\t\t\t\tonDeselect={ () => {\n\t\t\t\t\t\t\t\tsetAttributes( { lightbox: undefined } );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tisShownByDefault={ true }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Expand on Click' ) }\n\t\t\t\t\t\t\t\tchecked={ lightboxChecked }\n\t\t\t\t\t\t\t\tonChange={ ( newValue ) => {\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\tlightbox: { enabled: newValue },\n\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tdisabled={ lightboxToggleDisabled }\n\t\t\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\t\t\tlightboxToggleDisabled\n\t\t\t\t\t\t\t\t\t\t? __(\n\t\t\t\t\t\t\t\t\t\t\t\t'“Expand on click” scales the image up, and can’t be combined with a link.'\n\t\t\t\t\t\t\t\t\t\t )\n\t\t\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t) }\n\t\t\t\t</ToolsPanel>\n\t\t\t</InspectorControls>\n\t\t\t<InspectorControls group=\"advanced\">\n\t\t\t\t<TextControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Title attribute' ) }\n\t\t\t\t\tvalue={ title \|\| '' }\n\t\t\t\t\tonChange={ onSetTitle }\n\t\t\t\t\thelp={\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Describe the role of this image on the page.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t<ExternalLink href=\"https://www.w3.org/TR/html52/dom.html#the-title-attribute\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'(Note: many devices and browsers do not display this text.)'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t</>\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t</>\n\t);\n\n\tconst filename = getFilename( url );\n\tlet defaultedAlt;\n\n\tif ( alt ) {\n\t\tdefaultedAlt = alt;\n\t} else if ( filename ) {\n\t\tdefaultedAlt = sprintf(\n\t\t\t/* translators: %s: file name /\n\t\t\t__( 'This image has an empty alt attribute; its file name is %s' ),\n\t\t\tfilename\n\t\t);\n\t} else {\n\t\tdefaultedAlt = __( 'This image has an empty alt attribute' );\n\t}\n\n\tconst borderProps = useBorderProps( attributes );\n\tconst isRounded = attributes.className?.includes( 'is-style-rounded' );\n\n\tlet img = (\n\t\t// Disable reason: Image itself is not meant to be interactive, but\n\t\t// should direct focus to block.\n\t\t/ eslint-disable jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events /\n\t\t<>\n\t\t\t<img\n\t\t\t\tsrc={ temporaryURL \|\| url }\n\t\t\t\talt={ defaultedAlt }\n\t\t\t\tonError={ () => onImageError() }\n\t\t\t\tonLoad={ ( event ) => {\n\t\t\t\t\tsetLoadedNaturalSize( {\n\t\t\t\t\t\tloadedNaturalWidth: event.target?.naturalWidth,\n\t\t\t\t\t\tloadedNaturalHeight: event.target?.naturalHeight,\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t\tref={ imageRef }\n\t\t\t\tclassName={ borderProps.className }\n\t\t\t\tstyle={ {\n\t\t\t\t\twidth:\n\t\t\t\t\t\t( width && height ) \|\| aspectRatio ? '100%' : undefined,\n\t\t\t\t\theight:\n\t\t\t\t\t\t( width && height ) \|\| aspectRatio ? '100%' : undefined,\n\t\t\t\t\tobjectFit: scale,\n\t\t\t\t\t...borderProps.style,\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t{ temporaryURL && <Spinner /> }\n\t\t</>\n\t\t/ eslint-enable jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events /\n\t);\n\n\t// clientWidth needs to be a number for the image Cropper to work, but sometimes it's 0\n\t// So we try using the imageRef width first and fallback to clientWidth.\n\tconst fallbackClientWidth = imageRef.current?.width \|\| clientWidth;\n\n\tif ( canEditImage && isEditingImage ) {\n\t\timg = (\n\t\t\t<ImageEditor\n\t\t\t\tid={ id }\n\t\t\t\turl={ url }\n\t\t\t\twidth={ numericWidth }\n\t\t\t\theight={ numericHeight }\n\t\t\t\tclientWidth={ fallbackClientWidth }\n\t\t\t\tnaturalHeight={ naturalHeight }\n\t\t\t\tnaturalWidth={ naturalWidth }\n\t\t\t\tonSaveImage={ ( imageAttributes ) =>\n\t\t\t\t\tsetAttributes( imageAttributes )\n\t\t\t\t}\n\t\t\t\tonFinishEditing={ () => {\n\t\t\t\t\tsetIsEditingImage( false );\n\t\t\t\t} }\n\t\t\t\tborderProps={ isRounded ? undefined : borderProps }\n\t\t\t/>\n\t\t);\n\t} else if ( ! isResizable ) {\n\t\timg = <div style={ { width, height, aspectRatio } }>{ img }</div>;\n\t} else {\n\t\tconst numericRatio = aspectRatio && evalAspectRatio( aspectRatio );\n\t\tconst customRatio = numericWidth / numericHeight;\n\t\tconst naturalRatio = naturalWidth / naturalHeight;\n\t\tconst ratio = numericRatio \|\| customRatio \|\| naturalRatio \|\| 1;\n\t\tconst currentWidth =\n\t\t\t! numericWidth && numericHeight\n\t\t\t\t? numericHeight ratio\n\t\t\t\t: numericWidth;\n\t\tconst currentHeight =\n\t\t\t! numericHeight && numericWidth\n\t\t\t\t? numericWidth / ratio\n\t\t\t\t: numericHeight;\n\n\t\tconst minWidth =\n\t\t\tnaturalWidth < naturalHeight ? MIN_SIZE : MIN_SIZE * ratio;\n\t\tconst minHeight =\n\t\t\tnaturalHeight < naturalWidth ? MIN_SIZE : MIN_SIZE / ratio;\n\n\t\t// With the current implementation of ResizableBox, an image needs an\n\t\t// explicit pixel value for the max-width. In absence of being able to\n\t\t// set the content-width, this max-width is currently dictated by the\n\t\t// vanilla editor style. The following variable adds a buffer to this\n\t\t// vanilla style, so 3rd party themes have some wiggleroom. This does,\n\t\t// in most cases, allow you to scale the image beyond the width of the\n\t\t// main column, though not infinitely.\n\t\t// @todo It would be good to revisit this once a content-width variable\n\t\t// becomes available.\n\t\tconst maxWidthBuffer = maxWidth * 2.5;\n\n\t\tlet showRightHandle = false;\n\t\tlet showLeftHandle = false;\n\n\t\t/* eslint-disable no-lonely-if /\n\t\t// See https://github.com/WordPress/gutenberg/issues/7584.\n\t\tif ( align === 'center' ) {\n\t\t\t// When the image is centered, show both handles.\n\t\t\tshowRightHandle = true;\n\t\t\tshowLeftHandle = true;\n\t\t} else if ( isRTL() ) {\n\t\t\t// In RTL mode the image is on the right by default.\n\t\t\t// Show the right handle and hide the left handle only when it is\n\t\t\t// aligned left. Otherwise always show the left handle.\n\t\t\tif ( align === 'left' ) {\n\t\t\t\tshowRightHandle = true;\n\t\t\t} else {\n\t\t\t\tshowLeftHandle = true;\n\t\t\t}\n\t\t} else {\n\t\t\t// Show the left handle and hide the right handle only when the\n\t\t\t// image is aligned right. Otherwise always show the right handle.\n\t\t\tif ( align === 'right' ) {\n\t\t\t\tshowLeftHandle = true;\n\t\t\t} else {\n\t\t\t\tshowRightHandle = true;\n\t\t\t}\n\t\t}\n\t\t/ eslint-enable no-lonely-if /\n\n\t\timg = (\n\t\t\t<ResizableBox\n\t\t\t\tstyle={ {\n\t\t\t\t\tdisplay: 'block',\n\t\t\t\t\tobjectFit: scale,\n\t\t\t\t\taspectRatio:\n\t\t\t\t\t\t! width && ! height && aspectRatio\n\t\t\t\t\t\t\t? aspectRatio\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t} }\n\t\t\t\tsize={ {\n\t\t\t\t\twidth: currentWidth ?? 'auto',\n\t\t\t\t\theight: currentHeight ?? 'auto',\n\t\t\t\t} }\n\t\t\t\tshowHandle={ isSelected }\n\t\t\t\tminWidth={ minWidth }\n\t\t\t\tmaxWidth={ maxWidthBuffer }\n\t\t\t\tminHeight={ minHeight }\n\t\t\t\tmaxHeight={ maxWidthBuffer / ratio }\n\t\t\t\tlockAspectRatio={ ratio }\n\t\t\t\tenable={ {\n\t\t\t\t\ttop: false,\n\t\t\t\t\tright: showRightHandle,\n\t\t\t\t\tbottom: true,\n\t\t\t\t\tleft: showLeftHandle,\n\t\t\t\t} }\n\t\t\t\tonResizeStart={ onResizeStart }\n\t\t\t\tonResizeStop={ ( event, direction, elt ) => {\n\t\t\t\t\tonResizeStop();\n\t\t\t\t\t// Since the aspect ratio is locked when resizing, we can\n\t\t\t\t\t// use the width of the resized element to calculate the\n\t\t\t\t\t// height in CSS to prevent stretching when the max-width\n\t\t\t\t\t// is reached.\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\twidth: `${ elt.offsetWidth }px`,\n\t\t\t\t\t\theight: 'auto',\n\t\t\t\t\t\taspectRatio:\n\t\t\t\t\t\t\tratio === naturalRatio\n\t\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t\t: String( ratio ),\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t\tresizeRatio={ align === 'center' ? 2 : 1 }\n\t\t\t>\n\t\t\t\t{ img }\n\t\t\t</ResizableBox>\n\t\t);\n\t}\n\n\tif ( ! url && ! temporaryURL ) {\n\t\treturn sizeControls;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ / Hide controls during upload to avoid component remount,\n\t\t\t\twhich causes duplicated image upload. */ }\n\t\t\t{ ! temporaryURL && controls }\n\t\t\t{ img }\n\t\t\t{ showCaption &&\n\t\t\t\t( ! RichText.isEmpty( caption ) \|\| isSelected ) && (\n\t\t\t\t\t<RichText\n\t\t\t\t\t\tidentifier=\"caption\"\n\t\t\t\t\t\tclassName={ __experimentalGetElementClassName(\n\t\t\t\t\t\t\t'caption'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tref={ captionRef }\n\t\t\t\t\t\ttagName=\"figcaption\"\n\t\t\t\t\t\taria-label={ __( 'Image caption text' ) }\n\t\t\t\t\t\tplaceholder={ __( 'Add caption' ) }\n\t\t\t\t\t\tvalue={ caption }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( { caption: value } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tinlineToolbar\n\t\t\t\t\t\t__unstableOnSplitAtEnd={ () =>\n\t\t\t\t\t\t\tinsertBlocksAfter(\n\t\t\t\t\t\t\t\tcreateBlock( getDefaultBlockName() )\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) }\n\t\t</>\n\t);\n}\n"],"mappings":"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"}
1	+ {"version":3,"names":["isBlobURL","ExternalLink","ResizableBox","Spinner","TextareaControl","ToggleControl","TextControl","ToolbarButton","ToolbarGroup","__experimentalToolsPanel","ToolsPanel","__experimentalToolsPanelItem","ToolsPanelItem","__experimentalUseCustomUnits","useCustomUnits","useViewportMatch","usePrevious","useSelect","useDispatch","BlockControls","InspectorControls","RichText","__experimentalImageURLInputUI","ImageURLInputUI","MediaReplaceFlow","store","blockEditorStore","useSetting","BlockAlignmentControl","__experimentalImageEditor","ImageEditor","__experimentalGetElementClassName","__experimentalUseBorderProps","useBorderProps","privateApis","blockEditorPrivateApis","useEffect","useMemo","useState","useRef","useCallback","__","_x","sprintf","isRTL","getFilename","createBlock","getDefaultBlockName","switchToBlockType","crop","overlayText","upload","caption","captionIcon","noticesStore","coreStore","unlock","createUpgradedEmbedBlock","useClientWidth","isExternalImage","MIN_SIZE","ALLOWED_MEDIA_TYPES","evalAspectRatio","DimensionsTool","ResolutionTool","scaleOptions","value","label","help","disabledClickProps","onClick","event","preventDefault","Image","temporaryURL","attributes","setAttributes","isSelected","insertBlocksAfter","onReplace","onSelectImage","onSelectURL","onUploadError","containerRef","context","clientId","blockEditingMode","url","alt","align","id","href","rel","linkClass","linkDestination","title","width","height","aspectRatio","scale","linkTarget","sizeSlug","lightbox","numericWidth","parseInt","undefined","numericHeight","imageRef","prevCaption","showCaption","setShowCaption","allowResize","getBlock","image","multiImageSelection","select","getMedia","getMultiSelectedBlockClientIds","getBlockName","multiSelectedClientIds","length","every","_clientId","canInsertCover","imageEditing","imageSizes","maxWidth","mediaUpload","getBlockRootClientId","getSettings","canInsertBlockType","rootClientId","settings","replaceBlocks","toggleSelection","createErrorNotice","createSuccessNotice","isLargeViewport","isWideAligned","includes","loadedNaturalWidth","loadedNaturalHeight","setLoadedNaturalSize","isEditingImage","setIsEditingImage","externalBlob","setExternalBlob","clientWidth","hasNonContentControls","isResizable","imageSizeOptions","filter","slug","media_details","sizes","source_url","map","name","canUploadMedia","window","fetch","then","response","blob","catch","captionRef","node","focus","naturalWidth","naturalHeight","current","complete","onResizeStart","onResizeStop","onImageError","embedBlock","onSetHref","props","onSetTitle","updateAlt","newAlt","updateImage","newSizeSlug","newUrl","uploadExternal","filesList","onFileChange","img","type","allowedTypes","onError","message","updateAlignment","nextAlign","extraUpdatedAttributes","canEditImage","allowCrop","switchToCover","dimensionsUnitsOptions","availableUnits","lightboxSetting","showLightboxToggle","allowEditing","lightboxChecked","enabled","lightboxToggleDisabled","dimensionsControl","createElement","onChange","newWidth","newHeight","newScale","newAspectRatio","defaultScale","defaultAspectRatio","unitsOptions","resetAll","sizeControls","controls","Fragment","group","icon","isPressed","onChangeUrl","mediaUrl","mediaLink","link","mediaId","mediaURL","accept","onSelect","isShownByDefault","hasValue","onDeselect","__nextHasNoMarginBottom","options","checked","newValue","disabled","filename","defaultedAlt","borderProps","isRounded","className","src","onLoad","target","ref","style","objectFit","fallbackClientWidth","onSaveImage","imageAttributes","onFinishEditing","numericRatio","customRatio","naturalRatio","ratio","currentWidth","currentHeight","minWidth","minHeight","maxWidthBuffer","showRightHandle","showLeftHandle","display","size","showHandle","maxHeight","lockAspectRatio","enable","top","right","bottom","left","direction","elt","offsetWidth","String","resizeRatio","isEmpty","identifier","tagName","placeholder","inlineToolbar","__unstableOnSplitAtEnd"],"sources":["@wordpress/block-library/src/image/image.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { isBlobURL } from '@wordpress/blob';\nimport {\n\tExternalLink,\n\tResizableBox,\n\tSpinner,\n\tTextareaControl,\n\tToggleControl,\n\tTextControl,\n\tToolbarButton,\n\tToolbarGroup,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\t__experimentalUseCustomUnits as useCustomUnits,\n} from '@wordpress/components';\nimport { useViewportMatch, usePrevious } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tBlockControls,\n\tInspectorControls,\n\tRichText,\n\t__experimentalImageURLInputUI as ImageURLInputUI,\n\tMediaReplaceFlow,\n\tstore as blockEditorStore,\n\tuseSetting,\n\tBlockAlignmentControl,\n\t__experimentalImageEditor as ImageEditor,\n\t__experimentalGetElementClassName,\n\t__experimentalUseBorderProps as useBorderProps,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport {\n\tuseEffect,\n\tuseMemo,\n\tuseState,\n\tuseRef,\n\tuseCallback,\n} from '@wordpress/element';\nimport { __, _x, sprintf, isRTL } from '@wordpress/i18n';\nimport { getFilename } from '@wordpress/url';\nimport {\n\tcreateBlock,\n\tgetDefaultBlockName,\n\tswitchToBlockType,\n} from '@wordpress/blocks';\nimport {\n\tcrop,\n\toverlayText,\n\tupload,\n\tcaption as captionIcon,\n} from '@wordpress/icons';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/\n Internal dependencies\n /\nimport { unlock } from '../lock-unlock';\nimport { createUpgradedEmbedBlock } from '../embed/util';\nimport useClientWidth from './use-client-width';\nimport { isExternalImage } from './edit';\n\n/\n Module constants\n /\nimport { MIN_SIZE, ALLOWED_MEDIA_TYPES } from './constants';\nimport { evalAspectRatio } from './utils';\n\nconst { DimensionsTool, ResolutionTool } = unlock( blockEditorPrivateApis );\n\nconst scaleOptions = [\n\t{\n\t\tvalue: 'cover',\n\t\tlabel: _x( 'Cover', 'Scale option for dimensions control' ),\n\t\thelp: __( 'Image covers the space evenly.' ),\n\t},\n\t{\n\t\tvalue: 'contain',\n\t\tlabel: _x( 'Contain', 'Scale option for dimensions control' ),\n\t\thelp: __( 'Image is contained without distortion.' ),\n\t},\n];\n\nconst disabledClickProps = {\n\tonClick: ( event ) => event.preventDefault(),\n\t'aria-disabled': true,\n};\n\nexport default function Image( {\n\ttemporaryURL,\n\tattributes,\n\tsetAttributes,\n\tisSelected,\n\tinsertBlocksAfter,\n\tonReplace,\n\tonSelectImage,\n\tonSelectURL,\n\tonUploadError,\n\tcontainerRef,\n\tcontext,\n\tclientId,\n\tblockEditingMode,\n} ) {\n\tconst {\n\t\turl = '',\n\t\talt,\n\t\tcaption,\n\t\talign,\n\t\tid,\n\t\thref,\n\t\trel,\n\t\tlinkClass,\n\t\tlinkDestination,\n\t\ttitle,\n\t\twidth,\n\t\theight,\n\t\taspectRatio,\n\t\tscale,\n\t\tlinkTarget,\n\t\tsizeSlug,\n\t\tlightbox,\n\t} = attributes;\n\n\t// The only supported unit is px, so we can parseInt to strip the px here.\n\tconst numericWidth = width ? parseInt( width, 10 ) : undefined;\n\tconst numericHeight = height ? parseInt( height, 10 ) : undefined;\n\n\tconst imageRef = useRef();\n\tconst prevCaption = usePrevious( caption );\n\tconst [ showCaption, setShowCaption ] = useState( !! caption );\n\tconst { allowResize = true } = context;\n\tconst { getBlock } = useSelect( blockEditorStore );\n\n\tconst { image, multiImageSelection } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getMedia } = select( coreStore );\n\t\t\tconst { getMultiSelectedBlockClientIds, getBlockName } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst multiSelectedClientIds = getMultiSelectedBlockClientIds();\n\t\t\treturn {\n\t\t\t\timage:\n\t\t\t\t\tid && isSelected\n\t\t\t\t\t\t? getMedia( id, { context: 'view' } )\n\t\t\t\t\t\t: null,\n\t\t\t\tmultiImageSelection:\n\t\t\t\t\tmultiSelectedClientIds.length &&\n\t\t\t\t\tmultiSelectedClientIds.every(\n\t\t\t\t\t\t( _clientId ) =>\n\t\t\t\t\t\t\tgetBlockName( _clientId ) === 'core/image'\n\t\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ id, isSelected ]\n\t);\n\tconst { canInsertCover, imageEditing, imageSizes, maxWidth, mediaUpload } =\n\t\tuseSelect(\n\t\t\t( select ) => {\n\t\t\t\tconst {\n\t\t\t\t\tgetBlockRootClientId,\n\t\t\t\t\tgetSettings,\n\t\t\t\t\tcanInsertBlockType,\n\t\t\t\t} = select( blockEditorStore );\n\n\t\t\t\tconst rootClientId = getBlockRootClientId( clientId );\n\t\t\t\tconst settings = getSettings();\n\n\t\t\t\treturn {\n\t\t\t\t\timageEditing: settings.imageEditing,\n\t\t\t\t\timageSizes: settings.imageSizes,\n\t\t\t\t\tmaxWidth: settings.maxWidth,\n\t\t\t\t\tmediaUpload: settings.mediaUpload,\n\t\t\t\t\tcanInsertCover: canInsertBlockType(\n\t\t\t\t\t\t'core/cover',\n\t\t\t\t\t\trootClientId\n\t\t\t\t\t),\n\t\t\t\t};\n\t\t\t},\n\t\t\t[ clientId ]\n\t\t);\n\n\tconst { replaceBlocks, toggleSelection } = useDispatch( blockEditorStore );\n\tconst { createErrorNotice, createSuccessNotice } =\n\t\tuseDispatch( noticesStore );\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst isWideAligned = [ 'wide', 'full' ].includes( align );\n\tconst [\n\t\t{ loadedNaturalWidth, loadedNaturalHeight },\n\t\tsetLoadedNaturalSize,\n\t] = useState( {} );\n\tconst [ isEditingImage, setIsEditingImage ] = useState( false );\n\tconst [ externalBlob, setExternalBlob ] = useState();\n\tconst clientWidth = useClientWidth( containerRef, [ align ] );\n\tconst hasNonContentControls = blockEditingMode === 'default';\n\tconst isResizable =\n\t\tallowResize &&\n\t\thasNonContentControls &&\n\t\t! ( isWideAligned && isLargeViewport );\n\tconst imageSizeOptions = imageSizes\n\t\t.filter(\n\t\t\t( { slug } ) => image?.media_details?.sizes?.[ slug ]?.source_url\n\t\t)\n\t\t.map( ( { name, slug } ) => ( { value: slug, label: name } ) );\n\tconst canUploadMedia = !! mediaUpload;\n\n\t// If an image is externally hosted, try to fetch the image data. This may\n\t// fail if the image host doesn't allow CORS with the domain. If it works,\n\t// we can enable a button in the toolbar to upload the image.\n\tuseEffect( () => {\n\t\tif (\n\t\t\t! isExternalImage( id, url ) \|\|\n\t\t\t! isSelected \|\|\n\t\t\t! canUploadMedia\n\t\t) {\n\t\t\tsetExternalBlob();\n\t\t\treturn;\n\t\t}\n\n\t\tif ( externalBlob ) return;\n\n\t\twindow\n\t\t\t// Avoid cache, which seems to help avoid CORS problems.\n\t\t\t.fetch( url.includes( '?' ) ? url : url + '?' )\n\t\t\t.then( ( response ) => response.blob() )\n\t\t\t.then( ( blob ) => setExternalBlob( blob ) )\n\t\t\t// Do nothing, cannot upload.\n\t\t\t.catch( () => {} );\n\t}, [ id, url, isSelected, externalBlob, canUploadMedia ] );\n\n\t// We need to show the caption when changes come from\n\t// history navigation(undo/redo).\n\tuseEffect( () => {\n\t\tif ( caption && ! prevCaption ) {\n\t\t\tsetShowCaption( true );\n\t\t}\n\t}, [ caption, prevCaption ] );\n\n\t// Focus the caption when we click to add one.\n\tconst captionRef = useCallback(\n\t\t( node ) => {\n\t\t\tif ( node && ! caption ) {\n\t\t\t\tnode.focus();\n\t\t\t}\n\t\t},\n\t\t[ caption ]\n\t);\n\n\t// Get naturalWidth and naturalHeight from image ref, and fall back to loaded natural\n\t// width and height. This resolves an issue in Safari where the loaded natural\n\t// width and height is otherwise lost when switching between alignments.\n\t// See: https://github.com/WordPress/gutenberg/pull/37210.\n\tconst { naturalWidth, naturalHeight } = useMemo( () => {\n\t\treturn {\n\t\t\tnaturalWidth:\n\t\t\t\timageRef.current?.naturalWidth \|\|\n\t\t\t\tloadedNaturalWidth \|\|\n\t\t\t\tundefined,\n\t\t\tnaturalHeight:\n\t\t\t\timageRef.current?.naturalHeight \|\|\n\t\t\t\tloadedNaturalHeight \|\|\n\t\t\t\tundefined,\n\t\t};\n\t}, [\n\t\tloadedNaturalWidth,\n\t\tloadedNaturalHeight,\n\t\timageRef.current?.complete,\n\t] );\n\n\tfunction onResizeStart() {\n\t\ttoggleSelection( false );\n\t}\n\n\tfunction onResizeStop() {\n\t\ttoggleSelection( true );\n\t}\n\n\tfunction onImageError() {\n\t\t// Check if there's an embed block that handles this URL, e.g., instagram URL.\n\t\t// See: https://github.com/WordPress/gutenberg/pull/11472\n\t\tconst embedBlock = createUpgradedEmbedBlock( { attributes: { url } } );\n\n\t\tif ( undefined !== embedBlock ) {\n\t\t\tonReplace( embedBlock );\n\t\t}\n\t}\n\n\tfunction onSetHref( props ) {\n\t\tsetAttributes( props );\n\t}\n\n\tfunction onSetTitle( value ) {\n\t\t// This is the HTML title attribute, separate from the media object\n\t\t// title.\n\t\tsetAttributes( { title: value } );\n\t}\n\n\tfunction updateAlt( newAlt ) {\n\t\tsetAttributes( { alt: newAlt } );\n\t}\n\n\tfunction updateImage( newSizeSlug ) {\n\t\tconst newUrl = image?.media_details?.sizes?.[ newSizeSlug ]?.source_url;\n\t\tif ( ! newUrl ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tsetAttributes( {\n\t\t\turl: newUrl,\n\t\t\tsizeSlug: newSizeSlug,\n\t\t} );\n\t}\n\n\tfunction uploadExternal() {\n\t\tmediaUpload( {\n\t\t\tfilesList: [ externalBlob ],\n\t\t\tonFileChange( [ img ] ) {\n\t\t\t\tonSelectImage( img );\n\n\t\t\t\tif ( isBlobURL( img.url ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tsetExternalBlob();\n\t\t\t\tcreateSuccessNotice( __( 'Image uploaded.' ), {\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t} );\n\t\t\t},\n\t\t\tallowedTypes: ALLOWED_MEDIA_TYPES,\n\t\t\tonError( message ) {\n\t\t\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t\t\t},\n\t\t} );\n\t}\n\n\tfunction updateAlignment( nextAlign ) {\n\t\tconst extraUpdatedAttributes = [ 'wide', 'full' ].includes( nextAlign )\n\t\t\t? {\n\t\t\t\t\twidth: undefined,\n\t\t\t\t\theight: undefined,\n\t\t\t\t\taspectRatio: undefined,\n\t\t\t\t\tscale: undefined,\n\t\t\t }\n\t\t\t: {};\n\t\tsetAttributes( {\n\t\t\t...extraUpdatedAttributes,\n\t\t\talign: nextAlign,\n\t\t} );\n\t}\n\n\tuseEffect( () => {\n\t\tif ( ! isSelected ) {\n\t\t\tsetIsEditingImage( false );\n\t\t\tif ( ! caption ) {\n\t\t\t\tsetShowCaption( false );\n\t\t\t}\n\t\t}\n\t}, [ isSelected, caption ] );\n\n\tconst canEditImage = id && naturalWidth && naturalHeight && imageEditing;\n\tconst allowCrop = ! multiImageSelection && canEditImage && ! isEditingImage;\n\n\tfunction switchToCover() {\n\t\treplaceBlocks(\n\t\t\tclientId,\n\t\t\tswitchToBlockType( getBlock( clientId ), 'core/cover' )\n\t\t);\n\t}\n\n\t// TODO: Can allow more units after figuring out how they should interact\n\t// with the ResizableBox and ImageEditor components. Calculations later on\n\t// for those components are currently assuming px units.\n\tconst dimensionsUnitsOptions = useCustomUnits( {\n\t\tavailableUnits: [ 'px' ],\n\t} );\n\n\tconst lightboxSetting = useSetting( 'lightbox' );\n\n\tconst showLightboxToggle =\n\t\t!! lightbox \|\| lightboxSetting?.allowEditing === true;\n\n\tconst lightboxChecked =\n\t\t!! lightbox?.enabled \|\| ( ! lightbox && !! lightboxSetting?.enabled );\n\n\tconst lightboxToggleDisabled = linkDestination !== 'none';\n\n\tconst dimensionsControl = (\n\t\t<DimensionsTool\n\t\t\tvalue={ { width, height, scale, aspectRatio } }\n\t\t\tonChange={ ( {\n\t\t\t\twidth: newWidth,\n\t\t\t\theight: newHeight,\n\t\t\t\tscale: newScale,\n\t\t\t\taspectRatio: newAspectRatio,\n\t\t\t} ) => {\n\t\t\t\t// Rebuilding the object forces setting `undefined`\n\t\t\t\t// for values that are removed since setAttributes\n\t\t\t\t// doesn't do anything with keys that aren't set.\n\t\t\t\tsetAttributes( {\n\t\t\t\t\t// CSS includes `height: auto`, but we need\n\t\t\t\t\t// `width: auto` to fix the aspect ratio when\n\t\t\t\t\t// only height is set due to the width and\n\t\t\t\t\t// height attributes set via the server.\n\t\t\t\t\twidth: ! newWidth && newHeight ? 'auto' : newWidth,\n\t\t\t\t\theight: newHeight,\n\t\t\t\t\tscale: newScale,\n\t\t\t\t\taspectRatio: newAspectRatio,\n\t\t\t\t} );\n\t\t\t} }\n\t\t\tdefaultScale=\"cover\"\n\t\t\tdefaultAspectRatio=\"auto\"\n\t\t\tscaleOptions={ scaleOptions }\n\t\t\tunitsOptions={ dimensionsUnitsOptions }\n\t\t/>\n\t);\n\n\tconst resetAll = () => {\n\t\tsetAttributes( {\n\t\t\twidth: undefined,\n\t\t\theight: undefined,\n\t\t\tscale: undefined,\n\t\t\taspectRatio: undefined,\n\t\t\tlightbox: undefined,\n\t\t} );\n\t};\n\n\tconst sizeControls = (\n\t\t<InspectorControls>\n\t\t\t<ToolsPanel label={ __( 'Settings' ) } resetAll={ resetAll }>\n\t\t\t\t{ isResizable && dimensionsControl }\n\t\t\t</ToolsPanel>\n\t\t</InspectorControls>\n\t);\n\n\tconst controls = (\n\t\t<>\n\t\t\t<BlockControls group=\"block\">\n\t\t\t\t{ hasNonContentControls && (\n\t\t\t\t\t<BlockAlignmentControl\n\t\t\t\t\t\tvalue={ align }\n\t\t\t\t\t\tonChange={ updateAlignment }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ hasNonContentControls && (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tsetShowCaption( ! showCaption );\n\t\t\t\t\t\t\tif ( showCaption && caption ) {\n\t\t\t\t\t\t\t\tsetAttributes( { caption: undefined } );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\ticon={ captionIcon }\n\t\t\t\t\t\tisPressed={ showCaption }\n\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\tshowCaption\n\t\t\t\t\t\t\t\t? __( 'Remove caption' )\n\t\t\t\t\t\t\t\t: __( 'Add caption' )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ ! multiImageSelection && ! isEditingImage && (\n\t\t\t\t\t<ImageURLInputUI\n\t\t\t\t\t\turl={ href \|\| '' }\n\t\t\t\t\t\tonChangeUrl={ onSetHref }\n\t\t\t\t\t\tlinkDestination={ linkDestination }\n\t\t\t\t\t\tmediaUrl={ ( image && image.source_url ) \|\| url }\n\t\t\t\t\t\tmediaLink={ image && image.link }\n\t\t\t\t\t\tlinkTarget={ linkTarget }\n\t\t\t\t\t\tlinkClass={ linkClass }\n\t\t\t\t\t\trel={ rel }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ allowCrop && (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tonClick={ () => setIsEditingImage( true ) }\n\t\t\t\t\t\ticon={ crop }\n\t\t\t\t\t\tlabel={ __( 'Crop' ) }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ ! multiImageSelection && canInsertCover && (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\ticon={ overlayText }\n\t\t\t\t\t\tlabel={ __( 'Add text over image' ) }\n\t\t\t\t\t\tonClick={ switchToCover }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</BlockControls>\n\t\t\t{ ! multiImageSelection && ! isEditingImage && (\n\t\t\t\t<BlockControls group=\"other\">\n\t\t\t\t\t<MediaReplaceFlow\n\t\t\t\t\t\tmediaId={ id }\n\t\t\t\t\t\tmediaURL={ url }\n\t\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\t\taccept=\"image/\"\n\t\t\t\t\t\tonSelect={ onSelectImage }\n\t\t\t\t\t\tonSelectURL={ onSelectURL }\n\t\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\t/>\n\t\t\t\t</BlockControls>\n\t\t\t) }\n\t\t\t{ ! multiImageSelection && externalBlob && (\n\t\t\t\t<BlockControls>\n\t\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\tonClick={ uploadExternal }\n\t\t\t\t\t\t\ticon={ upload }\n\t\t\t\t\t\t\tlabel={ __( 'Upload external image' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolbarGroup>\n\t\t\t\t</BlockControls>\n\t\t\t) }\n\t\t\t<InspectorControls>\n\t\t\t\t<ToolsPanel label={ __( 'Settings' ) } resetAll={ resetAll }>\n\t\t\t\t\t{ ! multiImageSelection && (\n\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\t\t\tisShownByDefault={ true }\n\t\t\t\t\t\t\thasValue={ () => alt !== '' }\n\t\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( { alt: undefined } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<TextareaControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\t\t\t\tvalue={ alt }\n\t\t\t\t\t\t\t\tonChange={ updateAlt }\n\t\t\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t<ExternalLink href=\"https://www.w3.org/WAI/tutorials/images/decision-tree\">\n\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Describe the purpose of the image.'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t{ __( 'Leave empty if decorative.' ) }\n\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t) }\n\t\t\t\t\t{ isResizable && dimensionsControl }\n\t\t\t\t\t<ResolutionTool\n\t\t\t\t\t\tvalue={ sizeSlug }\n\t\t\t\t\t\tonChange={ updateImage }\n\t\t\t\t\t\toptions={ imageSizeOptions }\n\t\t\t\t\t/>\n\t\t\t\t\t{ showLightboxToggle && (\n\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\thasValue={ () => !! lightbox }\n\t\t\t\t\t\t\tlabel={ __( 'Expand on Click' ) }\n\t\t\t\t\t\t\tonDeselect={ () => {\n\t\t\t\t\t\t\t\tsetAttributes( { lightbox: undefined } );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tisShownByDefault={ true }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Expand on Click' ) }\n\t\t\t\t\t\t\t\tchecked={ lightboxChecked }\n\t\t\t\t\t\t\t\tonChange={ ( newValue ) => {\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\tlightbox: { enabled: newValue },\n\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tdisabled={ lightboxToggleDisabled }\n\t\t\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\t\t\tlightboxToggleDisabled\n\t\t\t\t\t\t\t\t\t\t? __(\n\t\t\t\t\t\t\t\t\t\t\t\t'“Expand on click” scales the image up, and can’t be combined with a link.'\n\t\t\t\t\t\t\t\t\t\t )\n\t\t\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t) }\n\t\t\t\t</ToolsPanel>\n\t\t\t</InspectorControls>\n\t\t\t<InspectorControls group=\"advanced\">\n\t\t\t\t<TextControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Title attribute' ) }\n\t\t\t\t\tvalue={ title \|\| '' }\n\t\t\t\t\tonChange={ onSetTitle }\n\t\t\t\t\thelp={\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Describe the role of this image on the page.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t<ExternalLink href=\"https://www.w3.org/TR/html52/dom.html#the-title-attribute\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'(Note: many devices and browsers do not display this text.)'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t</>\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t</>\n\t);\n\n\tconst filename = getFilename( url );\n\tlet defaultedAlt;\n\n\tif ( alt ) {\n\t\tdefaultedAlt = alt;\n\t} else if ( filename ) {\n\t\tdefaultedAlt = sprintf(\n\t\t\t/* translators: %s: file name /\n\t\t\t__( 'This image has an empty alt attribute; its file name is %s' ),\n\t\t\tfilename\n\t\t);\n\t} else {\n\t\tdefaultedAlt = __( 'This image has an empty alt attribute' );\n\t}\n\n\tconst borderProps = useBorderProps( attributes );\n\tconst isRounded = attributes.className?.includes( 'is-style-rounded' );\n\n\tlet img = (\n\t\t// Disable reason: Image itself is not meant to be interactive, but\n\t\t// should direct focus to block.\n\t\t/ eslint-disable jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events /\n\t\t<>\n\t\t\t<img\n\t\t\t\tsrc={ temporaryURL \|\| url }\n\t\t\t\talt={ defaultedAlt }\n\t\t\t\tonError={ () => onImageError() }\n\t\t\t\tonLoad={ ( event ) => {\n\t\t\t\t\tsetLoadedNaturalSize( {\n\t\t\t\t\t\tloadedNaturalWidth: event.target?.naturalWidth,\n\t\t\t\t\t\tloadedNaturalHeight: event.target?.naturalHeight,\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t\tref={ imageRef }\n\t\t\t\tclassName={ borderProps.className }\n\t\t\t\tstyle={ {\n\t\t\t\t\twidth:\n\t\t\t\t\t\t( width && height ) \|\| aspectRatio ? '100%' : undefined,\n\t\t\t\t\theight:\n\t\t\t\t\t\t( width && height ) \|\| aspectRatio ? '100%' : undefined,\n\t\t\t\t\tobjectFit: scale,\n\t\t\t\t\t...borderProps.style,\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t{ temporaryURL && <Spinner /> }\n\t\t</>\n\t\t/ eslint-enable jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events /\n\t);\n\n\t// clientWidth needs to be a number for the image Cropper to work, but sometimes it's 0\n\t// So we try using the imageRef width first and fallback to clientWidth.\n\tconst fallbackClientWidth = imageRef.current?.width \|\| clientWidth;\n\n\tif ( canEditImage && isEditingImage ) {\n\t\timg = (\n\t\t\t<ImageEditor\n\t\t\t\tid={ id }\n\t\t\t\turl={ url }\n\t\t\t\twidth={ numericWidth }\n\t\t\t\theight={ numericHeight }\n\t\t\t\tclientWidth={ fallbackClientWidth }\n\t\t\t\tnaturalHeight={ naturalHeight }\n\t\t\t\tnaturalWidth={ naturalWidth }\n\t\t\t\tonSaveImage={ ( imageAttributes ) =>\n\t\t\t\t\tsetAttributes( imageAttributes )\n\t\t\t\t}\n\t\t\t\tonFinishEditing={ () => {\n\t\t\t\t\tsetIsEditingImage( false );\n\t\t\t\t} }\n\t\t\t\tborderProps={ isRounded ? undefined : borderProps }\n\t\t\t/>\n\t\t);\n\t} else if ( ! isResizable ) {\n\t\timg = <div style={ { width, height, aspectRatio } }>{ img }</div>;\n\t} else {\n\t\tconst numericRatio = aspectRatio && evalAspectRatio( aspectRatio );\n\t\tconst customRatio = numericWidth / numericHeight;\n\t\tconst naturalRatio = naturalWidth / naturalHeight;\n\t\tconst ratio = numericRatio \|\| customRatio \|\| naturalRatio \|\| 1;\n\t\tconst currentWidth =\n\t\t\t! numericWidth && numericHeight\n\t\t\t\t? numericHeight ratio\n\t\t\t\t: numericWidth;\n\t\tconst currentHeight =\n\t\t\t! numericHeight && numericWidth\n\t\t\t\t? numericWidth / ratio\n\t\t\t\t: numericHeight;\n\n\t\tconst minWidth =\n\t\t\tnaturalWidth < naturalHeight ? MIN_SIZE : MIN_SIZE * ratio;\n\t\tconst minHeight =\n\t\t\tnaturalHeight < naturalWidth ? MIN_SIZE : MIN_SIZE / ratio;\n\n\t\t// With the current implementation of ResizableBox, an image needs an\n\t\t// explicit pixel value for the max-width. In absence of being able to\n\t\t// set the content-width, this max-width is currently dictated by the\n\t\t// vanilla editor style. The following variable adds a buffer to this\n\t\t// vanilla style, so 3rd party themes have some wiggleroom. This does,\n\t\t// in most cases, allow you to scale the image beyond the width of the\n\t\t// main column, though not infinitely.\n\t\t// @todo It would be good to revisit this once a content-width variable\n\t\t// becomes available.\n\t\tconst maxWidthBuffer = maxWidth * 2.5;\n\n\t\tlet showRightHandle = false;\n\t\tlet showLeftHandle = false;\n\n\t\t/* eslint-disable no-lonely-if /\n\t\t// See https://github.com/WordPress/gutenberg/issues/7584.\n\t\tif ( align === 'center' ) {\n\t\t\t// When the image is centered, show both handles.\n\t\t\tshowRightHandle = true;\n\t\t\tshowLeftHandle = true;\n\t\t} else if ( isRTL() ) {\n\t\t\t// In RTL mode the image is on the right by default.\n\t\t\t// Show the right handle and hide the left handle only when it is\n\t\t\t// aligned left. Otherwise always show the left handle.\n\t\t\tif ( align === 'left' ) {\n\t\t\t\tshowRightHandle = true;\n\t\t\t} else {\n\t\t\t\tshowLeftHandle = true;\n\t\t\t}\n\t\t} else {\n\t\t\t// Show the left handle and hide the right handle only when the\n\t\t\t// image is aligned right. Otherwise always show the right handle.\n\t\t\tif ( align === 'right' ) {\n\t\t\t\tshowLeftHandle = true;\n\t\t\t} else {\n\t\t\t\tshowRightHandle = true;\n\t\t\t}\n\t\t}\n\t\t/ eslint-enable no-lonely-if /\n\t\timg = (\n\t\t\t<ResizableBox\n\t\t\t\tstyle={ {\n\t\t\t\t\tdisplay: 'block',\n\t\t\t\t\tobjectFit: scale,\n\t\t\t\t\taspectRatio:\n\t\t\t\t\t\t! width && ! height && aspectRatio\n\t\t\t\t\t\t\t? aspectRatio\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t} }\n\t\t\t\tsize={ {\n\t\t\t\t\twidth: currentWidth ?? 'auto',\n\t\t\t\t\theight: currentHeight ?? 'auto',\n\t\t\t\t} }\n\t\t\t\tshowHandle={ isSelected }\n\t\t\t\tminWidth={ minWidth }\n\t\t\t\tmaxWidth={ maxWidthBuffer }\n\t\t\t\tminHeight={ minHeight }\n\t\t\t\tmaxHeight={ maxWidthBuffer / ratio }\n\t\t\t\tlockAspectRatio={ ratio }\n\t\t\t\tenable={ {\n\t\t\t\t\ttop: false,\n\t\t\t\t\tright: showRightHandle,\n\t\t\t\t\tbottom: true,\n\t\t\t\t\tleft: showLeftHandle,\n\t\t\t\t} }\n\t\t\t\tonResizeStart={ onResizeStart }\n\t\t\t\tonResizeStop={ ( event, direction, elt ) => {\n\t\t\t\t\tonResizeStop();\n\t\t\t\t\t// Since the aspect ratio is locked when resizing, we can\n\t\t\t\t\t// use the width of the resized element to calculate the\n\t\t\t\t\t// height in CSS to prevent stretching when the max-width\n\t\t\t\t\t// is reached.\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\twidth: `${ elt.offsetWidth }px`,\n\t\t\t\t\t\theight: 'auto',\n\t\t\t\t\t\taspectRatio:\n\t\t\t\t\t\t\tratio === naturalRatio\n\t\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t\t: String( ratio ),\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t\tresizeRatio={ align === 'center' ? 2 : 1 }\n\t\t\t>\n\t\t\t\t{ img }\n\t\t\t</ResizableBox>\n\t\t);\n\t}\n\n\tif ( ! url && ! temporaryURL ) {\n\t\treturn sizeControls;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ / Hide controls during upload to avoid component remount,\n\t\t\t\twhich causes duplicated image upload. / }\n\t\t\t{ ! temporaryURL && controls }\n\t\t\t{ / If the image has a href, wrap in an <a /> tag to trigger any inherited link element styles */ }\n\t\t\t{ !! href ? (\n\t\t\t\t<a href={ href } { ...disabledClickProps }>\n\t\t\t\t\t{ img }\n\t\t\t\t</a>\n\t\t\t) : (\n\t\t\t\timg\n\t\t\t) }\n\t\t\t{ showCaption &&\n\t\t\t\t( ! RichText.isEmpty( caption ) \|\| isSelected ) && (\n\t\t\t\t\t<RichText\n\t\t\t\t\t\tidentifier=\"caption\"\n\t\t\t\t\t\tclassName={ __experimentalGetElementClassName(\n\t\t\t\t\t\t\t'caption'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tref={ captionRef }\n\t\t\t\t\t\ttagName=\"figcaption\"\n\t\t\t\t\t\taria-label={ __( 'Image caption text' ) }\n\t\t\t\t\t\tplaceholder={ __( 'Add caption' ) }\n\t\t\t\t\t\tvalue={ caption }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( { caption: value } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tinlineToolbar\n\t\t\t\t\t\t__unstableOnSplitAtEnd={ () =>\n\t\t\t\t\t\t\tinsertBlocksAfter(\n\t\t\t\t\t\t\t\tcreateBlock( getDefaultBlockName() )\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) }\n\t\t</>\n\t);\n}\n"],"mappings":"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"}

package/build-module/image/view.js CHANGED Viewed

@@ -87,8 +87,9 @@ store({
           context.core.image.initialized = true;
           context.core.image.lastFocusedElement = window.document.activeElement;
           context.core.image.scrollDelta = 0;
+          context.core.image.pointerType = event.pointerType;
           context.core.image.lightboxEnabled = true;
-          setStyles(context, event.target.previousElementSibling);
+          setStyles(context, context.core.image.imageRef);
           context.core.image.scrollTopReset = window.pageYOffset || document.documentElement.scrollTop;
           // In most cases, this value will be 0, but this is included
@@ -121,11 +122,14 @@ store({
             // may scroll too soon and cause the animation to look sloppy.
             setTimeout(function () {
               window.removeEventListener('scroll', scrollCallback);
+              // If we don't delay before changing the focus,
+              // the focus ring will appear on Firefox before
+              // the image has finished animating, which looks broken.
+              context.core.image.lightboxTriggerRef.focus({
+                preventScroll: true
+              });
             }, 450);
             context.core.image.lightboxEnabled = false;
-            context.core.image.lastFocusedElement.focus({
-              preventScroll: true
-            });
           }
         },
         handleKeydown: ({
@@ -152,8 +156,9 @@ store({
             }
           }
         },
+        // This is fired just by lazily loaded
+        // images on the page, not all images.
         handleLoad: ({
-          state,
           context,
           effects,
           ref
@@ -161,7 +166,6 @@ store({
           context.core.image.imageLoaded = true;
           context.core.image.imageCurrentSrc = ref.currentSrc;
           effects.core.image.setButtonStyles({
-            state,
             context,
             ref
           });
@@ -229,10 +233,12 @@ store({
   effects: {
     core: {
       image: {
-        setCurrentSrc: ({
+        initOriginImage: ({
           context,
           ref
         }) => {
+          context.core.image.imageRef = ref;
+          context.core.image.lightboxTriggerRef = ref.parentElement.querySelector('.lightbox-trigger');
           if (ref.complete) {
             context.core.image.imageLoaded = true;
             context.core.image.imageCurrentSrc = ref.currentSrc;
@@ -242,17 +248,16 @@ store({
           context,
           ref
         }) => {
-          context.core.image.figureRef = ref.querySelector('figure');
-          context.core.image.imageRef = ref.querySelector('img');
           if (context.core.image.lightboxEnabled) {
             const focusableElements = ref.querySelectorAll(focusableSelectors);
             context.core.image.firstFocusableElement = focusableElements[0];
             context.core.image.lastFocusableElement = focusableElements[focusableElements.length - 1];
-            ref.querySelector('.close-button').focus();
+            // Move focus to the dialog when opening it.
+            ref.focus();
           }
         },
         setButtonStyles: ({
-          state,
           context,
           ref
         }) => {
@@ -264,43 +269,51 @@ store({
           } = ref;
           // If the image isn't loaded yet, we can't
-          // calculate how big the button should be.
+          // calculate where the button should be.
           if (naturalWidth === 0 || naturalHeight === 0) {
             return;
           }
+          const figure = ref.parentElement;
+          const figureWidth = ref.parentElement.clientWidth;
-          // Subscribe to the window dimensions so we can
-          // recalculate the styles if the window is resized.
-          if ((state.core.image.windowWidth || state.core.image.windowHeight) && context.core.image.scaleAttr === 'contain') {
-            // In the case of an image with object-fit: contain, the
-            // size of the img element can be larger than the image itself,
-            // so we need to calculate the size of the button to match.
+          // We need special handling for the height because
+          // a caption will cause the figure to be taller than
+          // the image, which means we need to account for that
+          // when calculating the placement of the button in the
+          // top right corner of the image.
+          let figureHeight = ref.parentElement.clientHeight;
+          const caption = figure.querySelector('figcaption');
+          if (caption) {
+            const captionComputedStyle = window.getComputedStyle(caption);
+            figureHeight = figureHeight - caption.offsetHeight - parseFloat(captionComputedStyle.marginTop) - parseFloat(captionComputedStyle.marginBottom);
+          }
+          const buttonOffsetTop = figureHeight - offsetHeight;
+          const buttonOffsetRight = figureWidth - offsetWidth;
+          // In the case of an image with object-fit: contain, the
+          // size of the <img> element can be larger than the image itself,
+          // so we need to calculate where to place the button.
+          if (context.core.image.scaleAttr === 'contain') {
             // Natural ratio of the image.
             const naturalRatio = naturalWidth / naturalHeight;
             // Offset ratio of the image.
             const offsetRatio = offsetWidth / offsetHeight;
-            if (naturalRatio > offsetRatio) {
+            if (naturalRatio >= offsetRatio) {
               // If it reaches the width first, keep
-              // the width and recalculate the height.
-              context.core.image.imageButtonWidth = offsetWidth;
-              const buttonHeight = offsetWidth / naturalRatio;
-              context.core.image.imageButtonHeight = buttonHeight;
-              context.core.image.imageButtonTop = (offsetHeight - buttonHeight) / 2;
+              // the width and compute the height.
+              const referenceHeight = offsetWidth / naturalRatio;
+              context.core.image.imageButtonTop = (offsetHeight - referenceHeight) / 2 + buttonOffsetTop + 10;
+              context.core.image.imageButtonRight = buttonOffsetRight + 10;
             } else {
               // If it reaches the height first, keep
-              // the height and recalculate the width.
-              context.core.image.imageButtonHeight = offsetHeight;
-              const buttonWidth = offsetHeight * naturalRatio;
-              context.core.image.imageButtonWidth = buttonWidth;
-              context.core.image.imageButtonLeft = (offsetWidth - buttonWidth) / 2;
+              // the height and compute the width.
+              const referenceWidth = offsetHeight * naturalRatio;
+              context.core.image.imageButtonTop = buttonOffsetTop + 10;
+              context.core.image.imageButtonRight = (offsetWidth - referenceWidth) / 2 + buttonOffsetRight + 10;
             }
           } else {
-            // In all other cases, we can trust that the size of
-            // the image is the right size for the button as well.
-            context.core.image.imageButtonWidth = offsetWidth;
-            context.core.image.imageButtonHeight = offsetHeight;
+            context.core.image.imageButtonTop = buttonOffsetTop + 10;
+            context.core.image.imageButtonRight = buttonOffsetRight + 10;
           }
         },
         setStylesOnResize: ({