plugin updates

wp/wp-includes/js/dist/script-modules/block-library/file/view.js

@@ -0,0 +1,97 @@
+import * as __WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__ from "@wordpress/interactivity";
+/******/ // The require scope
+/******/ var __webpack_require__ = {};
+/******/ 
+/************************************************************************/
+/******/ /* webpack/runtime/define property getters */
+/******/ (() => {
+/******/ 	// define getter functions for harmony exports
+/******/ 	__webpack_require__.d = (exports, definition) => {
+/******/ 		for(var key in definition) {
+/******/ 			if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 			}
+/******/ 		}
+/******/ 	};
+/******/ })();
+/******/ 
+/******/ /* webpack/runtime/hasOwnProperty shorthand */
+/******/ (() => {
+/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ })();
+/******/ 
+/************************************************************************/
+var __webpack_exports__ = {};
+
+;// CONCATENATED MODULE: external "@wordpress/interactivity"
+var x = (y) => {
+	var x = {}; __webpack_require__.d(x, y); return x
+} 
+var y = (x) => (() => (x))
+const interactivity_namespaceObject = x({ ["store"]: () => (__WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__.store) });
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/file/utils/index.js
+/**
+ * Uses a combination of user agent matching and feature detection to determine whether
+ * the current browser supports rendering PDFs inline.
+ *
+ * @return {boolean} Whether or not the browser supports inline PDFs.
+ */
+const browserSupportsPdfs = () => {
+  // Most mobile devices include "Mobi" in their UA.
+  if (window.navigator.userAgent.indexOf('Mobi') > -1) {
+    return false;
+  }
+
+  // Android tablets are the noteable exception.
+  if (window.navigator.userAgent.indexOf('Android') > -1) {
+    return false;
+  }
+
+  // iPad pretends to be a Mac.
+  if (window.navigator.userAgent.indexOf('Macintosh') > -1 && window.navigator.maxTouchPoints && window.navigator.maxTouchPoints > 2) {
+    return false;
+  }
+
+  // IE only supports PDFs when there's an ActiveX object available for it.
+  if (!!(window.ActiveXObject || 'ActiveXObject' in window) && !(createActiveXObject('AcroPDF.PDF') || createActiveXObject('PDF.PdfCtrl'))) {
+    return false;
+  }
+  return true;
+};
+
+/**
+ * Helper function for creating ActiveX objects, catching any errors that are thrown
+ * when it's generated.
+ *
+ * @param {string} type The name of the ActiveX object to create.
+ * @return {window.ActiveXObject|undefined} The generated ActiveXObject, or null if it failed.
+ */
+const createActiveXObject = type => {
+  let ax;
+  try {
+    ax = new window.ActiveXObject(type);
+  } catch (e) {
+    ax = undefined;
+  }
+  return ax;
+};
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/file/view.js
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+(0,interactivity_namespaceObject.store)('core/file', {
+  state: {
+    get hasPdfPreview() {
+      return browserSupportsPdfs();
+    }
+  }
+}, {
+  lock: true
+});
+

wp/wp-includes/js/dist/script-modules/block-library/file/view.min.js

@@ -0,0 +1 @@
+import*as e from"@wordpress/interactivity";var t={d:(e,o)=>{for(var r in o)t.o(o,r)&&!t.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:o[r]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)};const o=(e=>{var o={};return t.d(o,e),o})({store:()=>e.store}),r=e=>{let t;try{t=new window.ActiveXObject(e)}catch(e){t=void 0}return t};(0,o.store)("core/file",{state:{get hasPdfPreview(){return!(window.navigator.userAgent.indexOf("Mobi")>-1||window.navigator.userAgent.indexOf("Android")>-1||window.navigator.userAgent.indexOf("Macintosh")>-1&&window.navigator.maxTouchPoints&&window.navigator.maxTouchPoints>2||(window.ActiveXObject||"ActiveXObject"in window)&&!r("AcroPDF.PDF")&&!r("PDF.PdfCtrl"))}}},{lock:!0});

wp/wp-includes/js/dist/script-modules/block-library/image/view.js

@@ -0,0 +1,440 @@
+import * as __WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__ from "@wordpress/interactivity";
+/******/ // The require scope
+/******/ var __webpack_require__ = {};
+/******/ 
+/************************************************************************/
+/******/ /* webpack/runtime/define property getters */
+/******/ (() => {
+/******/ 	// define getter functions for harmony exports
+/******/ 	__webpack_require__.d = (exports, definition) => {
+/******/ 		for(var key in definition) {
+/******/ 			if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 			}
+/******/ 		}
+/******/ 	};
+/******/ })();
+/******/ 
+/******/ /* webpack/runtime/hasOwnProperty shorthand */
+/******/ (() => {
+/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ })();
+/******/ 
+/************************************************************************/
+var __webpack_exports__ = {};
+
+;// CONCATENATED MODULE: external "@wordpress/interactivity"
+var x = (y) => {
+	var x = {}; __webpack_require__.d(x, y); return x
+} 
+var y = (x) => (() => (x))
+const interactivity_namespaceObject = x({ ["getContext"]: () => (__WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__.getContext), ["getElement"]: () => (__WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__.getElement), ["store"]: () => (__WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__.store) });
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/image/view.js
+/**
+ * WordPress dependencies
+ */
+
+
+/**
+ * Tracks whether user is touching screen; used to differentiate behavior for
+ * touch and mouse input.
+ *
+ * @type {boolean}
+ */
+let isTouching = false;
+
+/**
+ * Tracks the last time the screen was touched; used to differentiate behavior
+ * for touch and mouse input.
+ *
+ * @type {number}
+ */
+let lastTouchTime = 0;
+const {
+  state,
+  actions,
+  callbacks
+} = (0,interactivity_namespaceObject.store)('core/image', {
+  state: {
+    currentImageId: null,
+    get currentImage() {
+      return state.metadata[state.currentImageId];
+    },
+    get overlayOpened() {
+      return state.currentImageId !== null;
+    },
+    get roleAttribute() {
+      return state.overlayOpened ? 'dialog' : null;
+    },
+    get ariaModal() {
+      return state.overlayOpened ? 'true' : null;
+    },
+    get enlargedSrc() {
+      return state.currentImage.uploadedSrc || 'data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=';
+    },
+    get figureStyles() {
+      return state.overlayOpened && `${state.currentImage.figureStyles?.replace(/margin[^;]*;?/g, '')};`;
+    },
+    get imgStyles() {
+      return state.overlayOpened && `${state.currentImage.imgStyles?.replace(/;$/, '')}; object-fit:cover;`;
+    },
+    get imageButtonRight() {
+      const {
+        imageId
+      } = (0,interactivity_namespaceObject.getContext)();
+      return state.metadata[imageId].imageButtonRight;
+    },
+    get imageButtonTop() {
+      const {
+        imageId
+      } = (0,interactivity_namespaceObject.getContext)();
+      return state.metadata[imageId].imageButtonTop;
+    },
+    get isContentHidden() {
+      const ctx = (0,interactivity_namespaceObject.getContext)();
+      return state.overlayEnabled && state.currentImageId === ctx.imageId;
+    },
+    get isContentVisible() {
+      const ctx = (0,interactivity_namespaceObject.getContext)();
+      return !state.overlayEnabled && state.currentImageId === ctx.imageId;
+    }
+  },
+  actions: {
+    showLightbox() {
+      const {
+        imageId
+      } = (0,interactivity_namespaceObject.getContext)();
+
+      // Bails out if the image has not loaded yet.
+      if (!state.metadata[imageId].imageRef?.complete) {
+        return;
+      }
+
+      // Stores the positions of the scroll to fix it until the overlay is
+      // closed.
+      state.scrollTopReset = document.documentElement.scrollTop;
+      state.scrollLeftReset = document.documentElement.scrollLeft;
+
+      // Sets the current expanded image in the state and enables the overlay.
+      state.overlayEnabled = true;
+      state.currentImageId = imageId;
+
+      // Computes the styles of the overlay for the animation.
+      callbacks.setOverlayStyles();
+    },
+    hideLightbox() {
+      if (state.overlayEnabled) {
+        // Starts the overlay closing animation. The showClosingAnimation
+        // class is used to avoid showing it on page load.
+        state.showClosingAnimation = true;
+        state.overlayEnabled = false;
+
+        // Waits until the close animation has completed before allowing a
+        // user to scroll again. The duration of this animation is defined in
+        // the `styles.scss` file, but in any case we should wait a few
+        // milliseconds longer than the duration, otherwise a user may scroll
+        // too soon and cause the animation to look sloppy.
+        setTimeout(function () {
+          // Delays before changing the focus. Otherwise the focus ring will
+          // appear on Firefox before the image has finished animating, which
+          // looks broken.
+          state.currentImage.buttonRef.focus({
+            preventScroll: true
+          });
+
+          // Resets the current image id to mark the overlay as closed.
+          state.currentImageId = null;
+        }, 450);
+      }
+    },
+    handleKeydown(event) {
+      if (state.overlayEnabled) {
+        // Focuses the close button when the user presses the tab key.
+        if (event.key === 'Tab') {
+          event.preventDefault();
+          const {
+            ref
+          } = (0,interactivity_namespaceObject.getElement)();
+          ref.querySelector('button').focus();
+        }
+        // Closes the lightbox when the user presses the escape key.
+        if (event.key === 'Escape') {
+          actions.hideLightbox();
+        }
+      }
+    },
+    handleTouchMove(event) {
+      // On mobile devices, prevents triggering the scroll event because
+      // otherwise the page jumps around when it resets the scroll position.
+      // This also means that closing the lightbox requires that a user
+      // perform a simple tap. This may be changed in the future if there is a
+      // better alternative to override or reset the scroll position during
+      // swipe actions.
+      if (state.overlayEnabled) {
+        event.preventDefault();
+      }
+    },
+    handleTouchStart() {
+      isTouching = true;
+    },
+    handleTouchEnd() {
+      // Waits a few milliseconds before resetting to ensure that pinch to
+      // zoom works consistently on mobile devices when the lightbox is open.
+      lastTouchTime = Date.now();
+      isTouching = false;
+    },
+    handleScroll() {
+      // Prevents scrolling behaviors that trigger content shift while the
+      // lightbox is open. It would be better to accomplish through CSS alone,
+      // but using overflow: hidden is currently the only way to do so and
+      // that causes a layout to shift and prevents the zoom animation from
+      // working in some cases because it's not possible to account for the
+      // layout shift when doing the animation calculations. Instead, it uses
+      // JavaScript to prevent and reset the scrolling behavior.
+      if (state.overlayOpened) {
+        // Avoids overriding the scroll behavior on mobile devices because
+        // doing so breaks the pinch to zoom functionality, and users should
+        // be able to zoom in further on the high-res image.
+        if (!isTouching && Date.now() - lastTouchTime > 450) {
+          // It doesn't rely on `event.preventDefault()` to prevent scrolling
+          // because the scroll event can't be canceled, so it resets the
+          // position instead.
+          window.scrollTo(state.scrollLeftReset, state.scrollTopReset);
+        }
+      }
+    }
+  },
+  callbacks: {
+    setOverlayStyles() {
+      if (!state.overlayEnabled) {
+        return;
+      }
+      let {
+        naturalWidth,
+        naturalHeight,
+        offsetWidth: originalWidth,
+        offsetHeight: originalHeight
+      } = state.currentImage.imageRef;
+      let {
+        x: screenPosX,
+        y: screenPosY
+      } = state.currentImage.imageRef.getBoundingClientRect();
+
+      // Natural ratio of the image clicked to open the lightbox.
+      const naturalRatio = naturalWidth / naturalHeight;
+      // Original ratio of the image clicked to open the lightbox.
+      let originalRatio = originalWidth / originalHeight;
+
+      // If it has object-fit: contain, recalculates the original sizes
+      // and the screen position without the blank spaces.
+      if (state.currentImage.scaleAttr === 'contain') {
+        if (naturalRatio > originalRatio) {
+          const heightWithoutSpace = originalWidth / naturalRatio;
+          // Recalculates screen position without the top space.
+          screenPosY += (originalHeight - heightWithoutSpace) / 2;
+          originalHeight = heightWithoutSpace;
+        } else {
+          const widthWithoutSpace = originalHeight * naturalRatio;
+          // Recalculates screen position without the left space.
+          screenPosX += (originalWidth - widthWithoutSpace) / 2;
+          originalWidth = widthWithoutSpace;
+        }
+      }
+      originalRatio = originalWidth / originalHeight;
+
+      // Typically, it uses the image's full-sized dimensions. If those
+      // dimensions have not been set (i.e. an external image with only one
+      // size), the image's dimensions in the lightbox are the same
+      // as those of the image in the content.
+      let imgMaxWidth = parseFloat(state.currentImage.targetWidth !== 'none' ? state.currentImage.targetWidth : naturalWidth);
+      let imgMaxHeight = parseFloat(state.currentImage.targetHeight !== 'none' ? state.currentImage.targetHeight : naturalHeight);
+
+      // Ratio of the biggest image stored in the database.
+      let imgRatio = imgMaxWidth / imgMaxHeight;
+      let containerMaxWidth = imgMaxWidth;
+      let containerMaxHeight = imgMaxHeight;
+      let containerWidth = imgMaxWidth;
+      let containerHeight = imgMaxHeight;
+
+      // Checks if the target image has a different ratio than the original
+      // one (thumbnail). Recalculates the width and height.
+      if (naturalRatio.toFixed(2) !== imgRatio.toFixed(2)) {
+        if (naturalRatio > imgRatio) {
+          // If the width is reached before the height, it keeps the maxWidth
+          // and recalculates the height unless the difference between the
+          // maxHeight and the reducedHeight is higher than the maxWidth,
+          // where it keeps the reducedHeight and recalculate the width.
+          const reducedHeight = imgMaxWidth / naturalRatio;
+          if (imgMaxHeight - reducedHeight > imgMaxWidth) {
+            imgMaxHeight = reducedHeight;
+            imgMaxWidth = reducedHeight * naturalRatio;
+          } else {
+            imgMaxHeight = imgMaxWidth / naturalRatio;
+          }
+        } else {
+          // If the height is reached before the width, it keeps the maxHeight
+          // and recalculate the width unlesss the difference between the
+          // maxWidth and the reducedWidth is higher than the maxHeight, where
+          // it keeps the reducedWidth and recalculate the height.
+          const reducedWidth = imgMaxHeight * naturalRatio;
+          if (imgMaxWidth - reducedWidth > imgMaxHeight) {
+            imgMaxWidth = reducedWidth;
+            imgMaxHeight = reducedWidth / naturalRatio;
+          } else {
+            imgMaxWidth = imgMaxHeight * naturalRatio;
+          }
+        }
+        containerWidth = imgMaxWidth;
+        containerHeight = imgMaxHeight;
+        imgRatio = imgMaxWidth / imgMaxHeight;
+
+        // Calculates the max size of the container.
+        if (originalRatio > imgRatio) {
+          containerMaxWidth = imgMaxWidth;
+          containerMaxHeight = containerMaxWidth / originalRatio;
+        } else {
+          containerMaxHeight = imgMaxHeight;
+          containerMaxWidth = containerMaxHeight * originalRatio;
+        }
+      }
+
+      // If the image has been pixelated on purpose, it keeps that size.
+      if (originalWidth > containerWidth || originalHeight > containerHeight) {
+        containerWidth = originalWidth;
+        containerHeight = originalHeight;
+      }
+
+      // Calculates the final lightbox image size and the scale factor.
+      // MaxWidth is either the window container (accounting for padding) or
+      // the image resolution.
+      let horizontalPadding = 0;
+      if (window.innerWidth > 480) {
+        horizontalPadding = 80;
+      } else if (window.innerWidth > 1920) {
+        horizontalPadding = 160;
+      }
+      const verticalPadding = 80;
+      const targetMaxWidth = Math.min(window.innerWidth - horizontalPadding, containerWidth);
+      const targetMaxHeight = Math.min(window.innerHeight - verticalPadding, containerHeight);
+      const targetContainerRatio = targetMaxWidth / targetMaxHeight;
+      if (originalRatio > targetContainerRatio) {
+        // If targetMaxWidth is reached before targetMaxHeight.
+        containerWidth = targetMaxWidth;
+        containerHeight = containerWidth / originalRatio;
+      } else {
+        // If targetMaxHeight is reached before targetMaxWidth.
+        containerHeight = targetMaxHeight;
+        containerWidth = containerHeight * originalRatio;
+      }
+      const containerScale = originalWidth / containerWidth;
+      const lightboxImgWidth = imgMaxWidth * (containerWidth / containerMaxWidth);
+      const lightboxImgHeight = imgMaxHeight * (containerHeight / containerMaxHeight);
+
+      // As of this writing, using the calculations above will render the
+      // lightbox with a small, erroneous whitespace on the left side of the
+      // image in iOS Safari, perhaps due to an inconsistency in how browsers
+      // handle absolute positioning and CSS transformation. In any case,
+      // adding 1 pixel to the container width and height solves the problem,
+      // though this can be removed if the issue is fixed in the future.
+      state.overlayStyles = `
+				:root {
+					--wp--lightbox-initial-top-position: ${screenPosY}px;
+					--wp--lightbox-initial-left-position: ${screenPosX}px;
+					--wp--lightbox-container-width: ${containerWidth + 1}px;
+					--wp--lightbox-container-height: ${containerHeight + 1}px;
+					--wp--lightbox-image-width: ${lightboxImgWidth}px;
+					--wp--lightbox-image-height: ${lightboxImgHeight}px;
+					--wp--lightbox-scale: ${containerScale};
+					--wp--lightbox-scrollbar-width: ${window.innerWidth - document.documentElement.clientWidth}px;
+				}
+			`;
+    },
+    setButtonStyles() {
+      const {
+        imageId
+      } = (0,interactivity_namespaceObject.getContext)();
+      const {
+        ref
+      } = (0,interactivity_namespaceObject.getElement)();
+      state.metadata[imageId].imageRef = ref;
+      state.metadata[imageId].currentSrc = ref.currentSrc;
+      const {
+        naturalWidth,
+        naturalHeight,
+        offsetWidth,
+        offsetHeight
+      } = ref;
+
+      // If the image isn't loaded yet, it can't calculate where the button
+      // should be.
+      if (naturalWidth === 0 || naturalHeight === 0) {
+        return;
+      }
+      const figure = ref.parentElement;
+      const figureWidth = ref.parentElement.clientWidth;
+
+      // It needs special handling for the height because a caption will cause
+      // the figure to be taller than the image, which means it needs 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);
+        if (!['absolute', 'fixed'].includes(captionComputedStyle.position)) {
+          figureHeight = figureHeight - caption.offsetHeight - parseFloat(captionComputedStyle.marginTop) - parseFloat(captionComputedStyle.marginBottom);
+        }
+      }
+      const buttonOffsetTop = figureHeight - offsetHeight;
+      const buttonOffsetRight = figureWidth - offsetWidth;
+      let imageButtonTop = buttonOffsetTop + 16;
+      let imageButtonRight = buttonOffsetRight + 16;
+
+      // In the case of an image with object-fit: contain, the size of the
+      // <img> element can be larger than the image itself, so it needs to
+      // calculate where to place the button.
+      if (state.metadata[imageId].scaleAttr === 'contain') {
+        // Natural ratio of the image.
+        const naturalRatio = naturalWidth / naturalHeight;
+        // Offset ratio of the image.
+        const offsetRatio = offsetWidth / offsetHeight;
+        if (naturalRatio >= offsetRatio) {
+          // If it reaches the width first, it keeps the width and compute the
+          // height.
+          const referenceHeight = offsetWidth / naturalRatio;
+          imageButtonTop = (offsetHeight - referenceHeight) / 2 + buttonOffsetTop + 16;
+          imageButtonRight = buttonOffsetRight + 16;
+        } else {
+          // If it reaches the height first, it keeps the height and compute
+          // the width.
+          const referenceWidth = offsetHeight * naturalRatio;
+          imageButtonTop = buttonOffsetTop + 16;
+          imageButtonRight = (offsetWidth - referenceWidth) / 2 + buttonOffsetRight + 16;
+        }
+      }
+      state.metadata[imageId].imageButtonTop = imageButtonTop;
+      state.metadata[imageId].imageButtonRight = imageButtonRight;
+    },
+    setOverlayFocus() {
+      if (state.overlayEnabled) {
+        // Moves the focus to the dialog when it opens.
+        const {
+          ref
+        } = (0,interactivity_namespaceObject.getElement)();
+        ref.focus();
+      }
+    },
+    initTriggerButton() {
+      const {
+        imageId
+      } = (0,interactivity_namespaceObject.getContext)();
+      const {
+        ref
+      } = (0,interactivity_namespaceObject.getElement)();
+      state.metadata[imageId].buttonRef = ref;
+    }
+  }
+}, {
+  lock: true
+});
+

wp/wp-includes/js/dist/script-modules/block-library/image/view.min.js

@@ -0,0 +1 @@
+import*as t from"@wordpress/interactivity";var e={d:(t,n)=>{for(var o in n)e.o(n,o)&&!e.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:n[o]})},o:(t,e)=>Object.prototype.hasOwnProperty.call(t,e)};const n=(t=>{var n={};return e.d(n,t),n})({getContext:()=>t.getContext,getElement:()=>t.getElement,store:()=>t.store});let o=!1,a=0;const{state:r,actions:i,callbacks:l}=(0,n.store)("core/image",{state:{currentImageId:null,get currentImage(){return r.metadata[r.currentImageId]},get overlayOpened(){return null!==r.currentImageId},get roleAttribute(){return r.overlayOpened?"dialog":null},get ariaModal(){return r.overlayOpened?"true":null},get enlargedSrc(){return r.currentImage.uploadedSrc||"data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="},get figureStyles(){return r.overlayOpened&&`${r.currentImage.figureStyles?.replace(/margin[^;]*;?/g,"")};`},get imgStyles(){return r.overlayOpened&&`${r.currentImage.imgStyles?.replace(/;$/,"")}; object-fit:cover;`},get imageButtonRight(){const{imageId:t}=(0,n.getContext)();return r.metadata[t].imageButtonRight},get imageButtonTop(){const{imageId:t}=(0,n.getContext)();return r.metadata[t].imageButtonTop},get isContentHidden(){const t=(0,n.getContext)();return r.overlayEnabled&&r.currentImageId===t.imageId},get isContentVisible(){const t=(0,n.getContext)();return!r.overlayEnabled&&r.currentImageId===t.imageId}},actions:{showLightbox(){const{imageId:t}=(0,n.getContext)();r.metadata[t].imageRef?.complete&&(r.scrollTopReset=document.documentElement.scrollTop,r.scrollLeftReset=document.documentElement.scrollLeft,r.overlayEnabled=!0,r.currentImageId=t,l.setOverlayStyles())},hideLightbox(){r.overlayEnabled&&(r.showClosingAnimation=!0,r.overlayEnabled=!1,setTimeout((function(){r.currentImage.buttonRef.focus({preventScroll:!0}),r.currentImageId=null}),450))},handleKeydown(t){if(r.overlayEnabled){if("Tab"===t.key){t.preventDefault();const{ref:e}=(0,n.getElement)();e.querySelector("button").focus()}"Escape"===t.key&&i.hideLightbox()}},handleTouchMove(t){r.overlayEnabled&&t.preventDefault()},handleTouchStart(){o=!0},handleTouchEnd(){a=Date.now(),o=!1},handleScroll(){r.overlayOpened&&!o&&Date.now()-a>450&&window.scrollTo(r.scrollLeftReset,r.scrollTopReset)}},callbacks:{setOverlayStyles(){if(!r.overlayEnabled)return;let{naturalWidth:t,naturalHeight:e,offsetWidth:n,offsetHeight:o}=r.currentImage.imageRef,{x:a,y:i}=r.currentImage.imageRef.getBoundingClientRect();const l=t/e;let g=n/o;if("contain"===r.currentImage.scaleAttr)if(l>g){const t=n/l;i+=(o-t)/2,o=t}else{const t=o*l;a+=(n-t)/2,n=t}g=n/o;let c=parseFloat("none"!==r.currentImage.targetWidth?r.currentImage.targetWidth:t),s=parseFloat("none"!==r.currentImage.targetHeight?r.currentImage.targetHeight:e),d=c/s,u=c,m=s,h=c,p=s;if(l.toFixed(2)!==d.toFixed(2)){if(l>d){const t=c/l;s-t>c?(s=t,c=t*l):s=c/l}else{const t=s*l;c-t>s?(c=t,s=t/l):c=s*l}h=c,p=s,d=c/s,g>d?(u=c,m=u/g):(m=s,u=m*g)}(n>h||o>p)&&(h=n,p=o);let f=0;window.innerWidth>480?f=80:window.innerWidth>1920&&(f=160);const y=Math.min(window.innerWidth-f,h),b=Math.min(window.innerHeight-80,p);g>y/b?(h=y,p=h/g):(p=b,h=p*g);const w=n/h,I=c*(h/u),x=s*(p/m);r.overlayStyles=`\n\t\t\t\t:root {\n\t\t\t\t\t--wp--lightbox-initial-top-position: ${i}px;\n\t\t\t\t\t--wp--lightbox-initial-left-position: ${a}px;\n\t\t\t\t\t--wp--lightbox-container-width: ${h+1}px;\n\t\t\t\t\t--wp--lightbox-container-height: ${p+1}px;\n\t\t\t\t\t--wp--lightbox-image-width: ${I}px;\n\t\t\t\t\t--wp--lightbox-image-height: ${x}px;\n\t\t\t\t\t--wp--lightbox-scale: ${w};\n\t\t\t\t\t--wp--lightbox-scrollbar-width: ${window.innerWidth-document.documentElement.clientWidth}px;\n\t\t\t\t}\n\t\t\t`},setButtonStyles(){const{imageId:t}=(0,n.getContext)(),{ref:e}=(0,n.getElement)();r.metadata[t].imageRef=e,r.metadata[t].currentSrc=e.currentSrc;const{naturalWidth:o,naturalHeight:a,offsetWidth:i,offsetHeight:l}=e;if(0===o||0===a)return;const g=e.parentElement,c=e.parentElement.clientWidth;let s=e.parentElement.clientHeight;const d=g.querySelector("figcaption");if(d){const t=window.getComputedStyle(d);["absolute","fixed"].includes(t.position)||(s=s-d.offsetHeight-parseFloat(t.marginTop)-parseFloat(t.marginBottom))}const u=s-l,m=c-i;let h=u+16,p=m+16;if("contain"===r.metadata[t].scaleAttr){const t=o/a;if(t>=i/l){h=(l-i/t)/2+u+16,p=m+16}else{h=u+16,p=(i-l*t)/2+m+16}}r.metadata[t].imageButtonTop=h,r.metadata[t].imageButtonRight=p},setOverlayFocus(){if(r.overlayEnabled){const{ref:t}=(0,n.getElement)();t.focus()}},initTriggerButton(){const{imageId:t}=(0,n.getContext)(),{ref:e}=(0,n.getElement)();r.metadata[t].buttonRef=e}}},{lock:!0});

wp/wp-includes/js/dist/script-modules/block-library/navigation/view.js

@@ -0,0 +1,223 @@
+import * as __WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__ from "@wordpress/interactivity";
+/******/ // The require scope
+/******/ var __webpack_require__ = {};
+/******/ 
+/************************************************************************/
+/******/ /* webpack/runtime/define property getters */
+/******/ (() => {
+/******/ 	// define getter functions for harmony exports
+/******/ 	__webpack_require__.d = (exports, definition) => {
+/******/ 		for(var key in definition) {
+/******/ 			if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 			}
+/******/ 		}
+/******/ 	};
+/******/ })();
+/******/ 
+/******/ /* webpack/runtime/hasOwnProperty shorthand */
+/******/ (() => {
+/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ })();
+/******/ 
+/************************************************************************/
+var __webpack_exports__ = {};
+
+;// CONCATENATED MODULE: external "@wordpress/interactivity"
+var x = (y) => {
+	var x = {}; __webpack_require__.d(x, y); return x
+} 
+var y = (x) => (() => (x))
+const interactivity_namespaceObject = x({ ["getContext"]: () => (__WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__.getContext), ["getElement"]: () => (__WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__.getElement), ["store"]: () => (__WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__.store) });
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation/view.js
+/**
+ * WordPress dependencies
+ */
+
+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 {
+  state,
+  actions
+} = (0,interactivity_namespaceObject.store)('core/navigation', {
+  state: {
+    get roleAttribute() {
+      const ctx = (0,interactivity_namespaceObject.getContext)();
+      return ctx.type === 'overlay' && state.isMenuOpen ? 'dialog' : null;
+    },
+    get ariaModal() {
+      const ctx = (0,interactivity_namespaceObject.getContext)();
+      return ctx.type === 'overlay' && state.isMenuOpen ? 'true' : null;
+    },
+    get ariaLabel() {
+      const ctx = (0,interactivity_namespaceObject.getContext)();
+      return ctx.type === 'overlay' && state.isMenuOpen ? ctx.ariaLabel : null;
+    },
+    get isMenuOpen() {
+      // The menu is opened if either `click`, `hover` or `focus` is true.
+      return Object.values(state.menuOpenedBy).filter(Boolean).length > 0;
+    },
+    get menuOpenedBy() {
+      const ctx = (0,interactivity_namespaceObject.getContext)();
+      return ctx.type === 'overlay' ? ctx.overlayOpenedBy : ctx.submenuOpenedBy;
+    }
+  },
+  actions: {
+    openMenuOnHover() {
+      const {
+        type,
+        overlayOpenedBy
+      } = (0,interactivity_namespaceObject.getContext)();
+      if (type === 'submenu' &&
+      // Only open on hover if the overlay is closed.
+      Object.values(overlayOpenedBy || {}).filter(Boolean).length === 0) {
+        actions.openMenu('hover');
+      }
+    },
+    closeMenuOnHover() {
+      const {
+        type,
+        overlayOpenedBy
+      } = (0,interactivity_namespaceObject.getContext)();
+      if (type === 'submenu' &&
+      // Only close on hover if the overlay is closed.
+      Object.values(overlayOpenedBy || {}).filter(Boolean).length === 0) {
+        actions.closeMenu('hover');
+      }
+    },
+    openMenuOnClick() {
+      const ctx = (0,interactivity_namespaceObject.getContext)();
+      const {
+        ref
+      } = (0,interactivity_namespaceObject.getElement)();
+      ctx.previousFocus = ref;
+      actions.openMenu('click');
+    },
+    closeMenuOnClick() {
+      actions.closeMenu('click');
+      actions.closeMenu('focus');
+    },
+    openMenuOnFocus() {
+      actions.openMenu('focus');
+    },
+    toggleMenuOnClick() {
+      const ctx = (0,interactivity_namespaceObject.getContext)();
+      const {
+        ref
+      } = (0,interactivity_namespaceObject.getElement)();
+      // Safari won't send focus to the clicked element, so we need to manually place it: https://bugs.webkit.org/show_bug.cgi?id=22261
+      if (window.document.activeElement !== ref) {
+        ref.focus();
+      }
+      const {
+        menuOpenedBy
+      } = state;
+      if (menuOpenedBy.click || menuOpenedBy.focus) {
+        actions.closeMenu('click');
+        actions.closeMenu('focus');
+      } else {
+        ctx.previousFocus = ref;
+        actions.openMenu('click');
+      }
+    },
+    handleMenuKeydown(event) {
+      const {
+        type,
+        firstFocusableElement,
+        lastFocusableElement
+      } = (0,interactivity_namespaceObject.getContext)();
+      if (state.menuOpenedBy.click) {
+        // If Escape close the menu.
+        if (event?.key === 'Escape') {
+          actions.closeMenu('click');
+          actions.closeMenu('focus');
+          return;
+        }
+
+        // Trap focus if it is an overlay (main menu).
+        if (type === 'overlay' && event.key === 'Tab') {
+          // If shift + tab it change the direction.
+          if (event.shiftKey && window.document.activeElement === firstFocusableElement) {
+            event.preventDefault();
+            lastFocusableElement.focus();
+          } else if (!event.shiftKey && window.document.activeElement === lastFocusableElement) {
+            event.preventDefault();
+            firstFocusableElement.focus();
+          }
+        }
+      }
+    },
+    handleMenuFocusout(event) {
+      const {
+        modal,
+        type
+      } = (0,interactivity_namespaceObject.getContext)();
+      // If focus is outside modal, and in the document, close menu
+      // event.target === The element losing focus
+      // event.relatedTarget === The element receiving focus (if any)
+      // When focusout is outside the document,
+      // `window.document.activeElement` doesn't change.
+
+      // The event.relatedTarget is null when something outside the navigation menu is clicked. This is only necessary for Safari.
+      if (event.relatedTarget === null || !modal?.contains(event.relatedTarget) && event.target !== window.document.activeElement && type === 'submenu') {
+        actions.closeMenu('click');
+        actions.closeMenu('focus');
+      }
+    },
+    openMenu(menuOpenedOn = 'click') {
+      const {
+        type
+      } = (0,interactivity_namespaceObject.getContext)();
+      state.menuOpenedBy[menuOpenedOn] = true;
+      if (type === 'overlay') {
+        // Add a `has-modal-open` class to the <html> root.
+        document.documentElement.classList.add('has-modal-open');
+      }
+    },
+    closeMenu(menuClosedOn = 'click') {
+      const ctx = (0,interactivity_namespaceObject.getContext)();
+      state.menuOpenedBy[menuClosedOn] = false;
+      // Check if the menu is still open or not.
+      if (!state.isMenuOpen) {
+        if (ctx.modal?.contains(window.document.activeElement)) {
+          ctx.previousFocus?.focus();
+        }
+        ctx.modal = null;
+        ctx.previousFocus = null;
+        if (ctx.type === 'overlay') {
+          document.documentElement.classList.remove('has-modal-open');
+        }
+      }
+    }
+  },
+  callbacks: {
+    initMenu() {
+      const ctx = (0,interactivity_namespaceObject.getContext)();
+      const {
+        ref
+      } = (0,interactivity_namespaceObject.getElement)();
+      if (state.isMenuOpen) {
+        const focusableElements = ref.querySelectorAll(focusableSelectors);
+        ctx.modal = ref;
+        ctx.firstFocusableElement = focusableElements[0];
+        ctx.lastFocusableElement = focusableElements[focusableElements.length - 1];
+      }
+    },
+    focusFirstElement() {
+      const {
+        ref
+      } = (0,interactivity_namespaceObject.getElement)();
+      if (state.isMenuOpen) {
+        const focusableElements = ref.querySelectorAll(focusableSelectors);
+        focusableElements?.[0]?.focus();
+      }
+    }
+  }
+}, {
+  lock: true
+});
+

wp/wp-includes/js/dist/script-modules/block-library/navigation/view.min.js

@@ -0,0 +1 @@
+import*as e from"@wordpress/interactivity";var t={d:(e,n)=>{for(var o in n)t.o(n,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:n[o]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)};const n=(e=>{var n={};return t.d(n,e),n})({getContext:()=>e.getContext,getElement:()=>e.getElement,store:()=>e.store}),o=["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^="-"])'];document.addEventListener("click",(()=>{}));const{state:l,actions:c}=(0,n.store)("core/navigation",{state:{get roleAttribute(){return"overlay"===(0,n.getContext)().type&&l.isMenuOpen?"dialog":null},get ariaModal(){return"overlay"===(0,n.getContext)().type&&l.isMenuOpen?"true":null},get ariaLabel(){const e=(0,n.getContext)();return"overlay"===e.type&&l.isMenuOpen?e.ariaLabel:null},get isMenuOpen(){return Object.values(l.menuOpenedBy).filter(Boolean).length>0},get menuOpenedBy(){const e=(0,n.getContext)();return"overlay"===e.type?e.overlayOpenedBy:e.submenuOpenedBy}},actions:{openMenuOnHover(){const{type:e,overlayOpenedBy:t}=(0,n.getContext)();"submenu"===e&&0===Object.values(t||{}).filter(Boolean).length&&c.openMenu("hover")},closeMenuOnHover(){const{type:e,overlayOpenedBy:t}=(0,n.getContext)();"submenu"===e&&0===Object.values(t||{}).filter(Boolean).length&&c.closeMenu("hover")},openMenuOnClick(){const e=(0,n.getContext)(),{ref:t}=(0,n.getElement)();e.previousFocus=t,c.openMenu("click")},closeMenuOnClick(){c.closeMenu("click"),c.closeMenu("focus")},openMenuOnFocus(){c.openMenu("focus")},toggleMenuOnClick(){const e=(0,n.getContext)(),{ref:t}=(0,n.getElement)();window.document.activeElement!==t&&t.focus();const{menuOpenedBy:o}=l;o.click||o.focus?(c.closeMenu("click"),c.closeMenu("focus")):(e.previousFocus=t,c.openMenu("click"))},handleMenuKeydown(e){const{type:t,firstFocusableElement:o,lastFocusableElement:u}=(0,n.getContext)();if(l.menuOpenedBy.click){if("Escape"===e?.key)return c.closeMenu("click"),void c.closeMenu("focus");"overlay"===t&&"Tab"===e.key&&(e.shiftKey&&window.document.activeElement===o?(e.preventDefault(),u.focus()):e.shiftKey||window.document.activeElement!==u||(e.preventDefault(),o.focus()))}},handleMenuFocusout(e){const{modal:t,type:o}=(0,n.getContext)();(null===e.relatedTarget||!t?.contains(e.relatedTarget)&&e.target!==window.document.activeElement&&"submenu"===o)&&(c.closeMenu("click"),c.closeMenu("focus"))},openMenu(e="click"){const{type:t}=(0,n.getContext)();l.menuOpenedBy[e]=!0,"overlay"===t&&document.documentElement.classList.add("has-modal-open")},closeMenu(e="click"){const t=(0,n.getContext)();l.menuOpenedBy[e]=!1,l.isMenuOpen||(t.modal?.contains(window.document.activeElement)&&t.previousFocus?.focus(),t.modal=null,t.previousFocus=null,"overlay"===t.type&&document.documentElement.classList.remove("has-modal-open"))}},callbacks:{initMenu(){const e=(0,n.getContext)(),{ref:t}=(0,n.getElement)();if(l.isMenuOpen){const n=t.querySelectorAll(o);e.modal=t,e.firstFocusableElement=n[0],e.lastFocusableElement=n[n.length-1]}},focusFirstElement(){const{ref:e}=(0,n.getElement)();if(l.isMenuOpen){const t=e.querySelectorAll(o);t?.[0]?.focus()}}}},{lock:!0});

wp/wp-includes/js/dist/script-modules/block-library/query/view.js

@@ -0,0 +1,135 @@
+import * as __WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__ from "@wordpress/interactivity";
+/******/ var __webpack_modules__ = ({
+
+/***/ 438:
+/***/ ((module) => {
+
+module.exports = import("@wordpress/interactivity-router");;
+
+/***/ })
+
+/******/ });
+/************************************************************************/
+/******/ // The module cache
+/******/ var __webpack_module_cache__ = {};
+/******/ 
+/******/ // The require function
+/******/ function __webpack_require__(moduleId) {
+/******/ 	// Check if module is in cache
+/******/ 	var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 	if (cachedModule !== undefined) {
+/******/ 		return cachedModule.exports;
+/******/ 	}
+/******/ 	// Create a new module (and put it into the cache)
+/******/ 	var module = __webpack_module_cache__[moduleId] = {
+/******/ 		// no module.id needed
+/******/ 		// no module.loaded needed
+/******/ 		exports: {}
+/******/ 	};
+/******/ 
+/******/ 	// Execute the module function
+/******/ 	__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 
+/******/ 	// Return the exports of the module
+/******/ 	return module.exports;
+/******/ }
+/******/ 
+/************************************************************************/
+/******/ /* webpack/runtime/define property getters */
+/******/ (() => {
+/******/ 	// define getter functions for harmony exports
+/******/ 	__webpack_require__.d = (exports, definition) => {
+/******/ 		for(var key in definition) {
+/******/ 			if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 			}
+/******/ 		}
+/******/ 	};
+/******/ })();
+/******/ 
+/******/ /* webpack/runtime/hasOwnProperty shorthand */
+/******/ (() => {
+/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ })();
+/******/ 
+/************************************************************************/
+var __webpack_exports__ = {};
+// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+(() => {
+
+;// CONCATENATED MODULE: external "@wordpress/interactivity"
+var x = (y) => {
+	var x = {}; __webpack_require__.d(x, y); return x
+} 
+var y = (x) => (() => (x))
+const interactivity_namespaceObject = x({ ["getContext"]: () => (__WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__.getContext), ["getElement"]: () => (__WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__.getElement), ["store"]: () => (__WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__.store) });
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query/view.js
+/**
+ * WordPress dependencies
+ */
+
+const isValidLink = ref => ref && ref instanceof window.HTMLAnchorElement && ref.href && (!ref.target || ref.target === '_self') && ref.origin === window.location.origin;
+const isValidEvent = event => event.button === 0 &&
+// Left clicks only.
+!event.metaKey &&
+// Open in new tab (Mac).
+!event.ctrlKey &&
+// Open in new tab (Windows).
+!event.altKey &&
+// Download.
+!event.shiftKey && !event.defaultPrevented;
+(0,interactivity_namespaceObject.store)('core/query', {
+  actions: {
+    *navigate(event) {
+      const ctx = (0,interactivity_namespaceObject.getContext)();
+      const {
+        ref
+      } = (0,interactivity_namespaceObject.getElement)();
+      const queryRef = ref.closest('.wp-block-query[data-wp-router-region]');
+      if (isValidLink(ref) && isValidEvent(event)) {
+        event.preventDefault();
+        const {
+          actions
+        } = yield Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 438));
+        yield actions.navigate(ref.href);
+        ctx.url = ref.href;
+
+        // Focus the first anchor of the Query block.
+        const firstAnchor = `.wp-block-post-template a[href]`;
+        queryRef.querySelector(firstAnchor)?.focus();
+      }
+    },
+    *prefetch() {
+      const {
+        ref
+      } = (0,interactivity_namespaceObject.getElement)();
+      if (isValidLink(ref)) {
+        const {
+          actions
+        } = yield Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 438));
+        yield actions.prefetch(ref.href);
+      }
+    }
+  },
+  callbacks: {
+    *prefetch() {
+      const {
+        url
+      } = (0,interactivity_namespaceObject.getContext)();
+      const {
+        ref
+      } = (0,interactivity_namespaceObject.getElement)();
+      if (url && isValidLink(ref)) {
+        const {
+          actions
+        } = yield Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 438));
+        yield actions.prefetch(ref.href);
+      }
+    }
+  }
+}, {
+  lock: true
+});
+
+})();
+

wp/wp-includes/js/dist/script-modules/block-library/query/view.min.js

@@ -0,0 +1 @@
+import*as e from"@wordpress/interactivity";var t={438:e=>{e.exports=import("@wordpress/interactivity-router")}},r={};function o(e){var n=r[e];if(void 0!==n)return n.exports;var i=r[e]={exports:{}};return t[e](i,i.exports,o),i.exports}o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{const t=(e=>{var t={};return o.d(t,e),t})({getContext:()=>e.getContext,getElement:()=>e.getElement,store:()=>e.store}),r=e=>e&&e instanceof window.HTMLAnchorElement&&e.href&&(!e.target||"_self"===e.target)&&e.origin===window.location.origin;(0,t.store)("core/query",{actions:{*navigate(e){const n=(0,t.getContext)(),{ref:i}=(0,t.getElement)(),s=i.closest(".wp-block-query[data-wp-router-region]");if(r(i)&&(e=>!(0!==e.button||e.metaKey||e.ctrlKey||e.altKey||e.shiftKey||e.defaultPrevented))(e)){e.preventDefault();const{actions:t}=yield Promise.resolve().then(o.bind(o,438));yield t.navigate(i.href),n.url=i.href;const r=".wp-block-post-template a[href]";s.querySelector(r)?.focus()}},*prefetch(){const{ref:e}=(0,t.getElement)();if(r(e)){const{actions:t}=yield Promise.resolve().then(o.bind(o,438));yield t.prefetch(e.href)}}},callbacks:{*prefetch(){const{url:e}=(0,t.getContext)(),{ref:n}=(0,t.getElement)();if(e&&r(n)){const{actions:e}=yield Promise.resolve().then(o.bind(o,438));yield e.prefetch(n.href)}}}},{lock:!0})})();

wp/wp-includes/js/dist/script-modules/block-library/search/view.js

@@ -0,0 +1,112 @@
+import * as __WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__ from "@wordpress/interactivity";
+/******/ // The require scope
+/******/ var __webpack_require__ = {};
+/******/ 
+/************************************************************************/
+/******/ /* webpack/runtime/define property getters */
+/******/ (() => {
+/******/ 	// define getter functions for harmony exports
+/******/ 	__webpack_require__.d = (exports, definition) => {
+/******/ 		for(var key in definition) {
+/******/ 			if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 			}
+/******/ 		}
+/******/ 	};
+/******/ })();
+/******/ 
+/******/ /* webpack/runtime/hasOwnProperty shorthand */
+/******/ (() => {
+/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ })();
+/******/ 
+/************************************************************************/
+var __webpack_exports__ = {};
+
+;// CONCATENATED MODULE: external "@wordpress/interactivity"
+var x = (y) => {
+	var x = {}; __webpack_require__.d(x, y); return x
+} 
+var y = (x) => (() => (x))
+const interactivity_namespaceObject = x({ ["getContext"]: () => (__WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__.getContext), ["getElement"]: () => (__WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__.getElement), ["store"]: () => (__WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__.store) });
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/search/view.js
+/**
+ * WordPress dependencies
+ */
+
+const {
+  actions
+} = (0,interactivity_namespaceObject.store)('core/search', {
+  state: {
+    get ariaLabel() {
+      const {
+        isSearchInputVisible,
+        ariaLabelCollapsed,
+        ariaLabelExpanded
+      } = (0,interactivity_namespaceObject.getContext)();
+      return isSearchInputVisible ? ariaLabelExpanded : ariaLabelCollapsed;
+    },
+    get ariaControls() {
+      const {
+        isSearchInputVisible,
+        inputId
+      } = (0,interactivity_namespaceObject.getContext)();
+      return isSearchInputVisible ? null : inputId;
+    },
+    get type() {
+      const {
+        isSearchInputVisible
+      } = (0,interactivity_namespaceObject.getContext)();
+      return isSearchInputVisible ? 'submit' : 'button';
+    },
+    get tabindex() {
+      const {
+        isSearchInputVisible
+      } = (0,interactivity_namespaceObject.getContext)();
+      return isSearchInputVisible ? '0' : '-1';
+    }
+  },
+  actions: {
+    openSearchInput(event) {
+      const ctx = (0,interactivity_namespaceObject.getContext)();
+      const {
+        ref
+      } = (0,interactivity_namespaceObject.getElement)();
+      if (!ctx.isSearchInputVisible) {
+        event.preventDefault();
+        ctx.isSearchInputVisible = true;
+        ref.parentElement.querySelector('input').focus();
+      }
+    },
+    closeSearchInput() {
+      const ctx = (0,interactivity_namespaceObject.getContext)();
+      ctx.isSearchInputVisible = false;
+    },
+    handleSearchKeydown(event) {
+      const {
+        ref
+      } = (0,interactivity_namespaceObject.getElement)();
+      // If Escape close the menu.
+      if (event?.key === 'Escape') {
+        actions.closeSearchInput();
+        ref.querySelector('button').focus();
+      }
+    },
+    handleSearchFocusout(event) {
+      const {
+        ref
+      } = (0,interactivity_namespaceObject.getElement)();
+      // If focus is outside search form, and in the document, close menu
+      // event.target === The element losing focus
+      // event.relatedTarget === The element receiving focus (if any)
+      // When focusout is outside the document,
+      // `window.document.activeElement` doesn't change.
+      if (!ref.contains(event.relatedTarget) && event.target !== window.document.activeElement) {
+        actions.closeSearchInput();
+      }
+    }
+  }
+}, {
+  lock: true
+});
+

wp/wp-includes/js/dist/script-modules/block-library/search/view.min.js

@@ -0,0 +1 @@
+import*as e from"@wordpress/interactivity";var t={d:(e,n)=>{for(var r in n)t.o(n,r)&&!t.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:n[r]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)};const n=(e=>{var n={};return t.d(n,e),n})({getContext:()=>e.getContext,getElement:()=>e.getElement,store:()=>e.store}),{actions:r}=(0,n.store)("core/search",{state:{get ariaLabel(){const{isSearchInputVisible:e,ariaLabelCollapsed:t,ariaLabelExpanded:r}=(0,n.getContext)();return e?r:t},get ariaControls(){const{isSearchInputVisible:e,inputId:t}=(0,n.getContext)();return e?null:t},get type(){const{isSearchInputVisible:e}=(0,n.getContext)();return e?"submit":"button"},get tabindex(){const{isSearchInputVisible:e}=(0,n.getContext)();return e?"0":"-1"}},actions:{openSearchInput(e){const t=(0,n.getContext)(),{ref:r}=(0,n.getElement)();t.isSearchInputVisible||(e.preventDefault(),t.isSearchInputVisible=!0,r.parentElement.querySelector("input").focus())},closeSearchInput(){(0,n.getContext)().isSearchInputVisible=!1},handleSearchKeydown(e){const{ref:t}=(0,n.getElement)();"Escape"===e?.key&&(r.closeSearchInput(),t.querySelector("button").focus())},handleSearchFocusout(e){const{ref:t}=(0,n.getElement)();t.contains(e.relatedTarget)||e.target===window.document.activeElement||r.closeSearchInput()}}},{lock:!0});