wip

wp-includes/blocks/query/block.json

@@ -53,7 +53,8 @@
 		"align": [ "wide", "full" ],
 		"html": false,
 		"layout": true,
-		"interactivity": true
+		"interactivity": true,
+		"contentRole": true
 	},
 	"editorStyle": "wp-block-query-editor"
 }

wp-includes/blocks/query/editor-rtl.css

@@ -35,15 +35,25 @@
 .block-editor-block-settings-menu__popover .block-editor-block-patterns-list{
   display:grid;
   grid-template-columns:1fr;
+}
+@media (min-width:600px){
+  .block-editor-block-settings-menu__popover .block-editor-block-patterns-list{
+    grid-template-columns:1fr 1fr;
+  }
+}
+.block-editor-block-settings-menu__popover .block-editor-block-patterns-list{
   grid-gap:12px;
   min-width:280px;
 }
 @media (min-width:600px){
   .block-editor-block-settings-menu__popover .block-editor-block-patterns-list{
-    grid-template-columns:1fr 1fr;
     min-width:480px;
   }
 }
 .block-editor-block-settings-menu__popover .block-editor-block-patterns-list__list-item{
   margin-bottom:0;
+}
+
+.wp-block-query>.block-editor-media-placeholder.is-small{
+  min-height:60px;
 }

wp-includes/blocks/query/editor-rtl.min.css

@@ -1 +1 @@
-.block-library-query-pattern__selection-modal .block-editor-block-patterns-list{column-count:2;column-gap:24px}@media (min-width:1280px){.block-library-query-pattern__selection-modal .block-editor-block-patterns-list{column-count:3}}.block-library-query-pattern__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{break-inside:avoid-column}.block-library-query-pattern__selection-modal .block-library-query-pattern__selection-search{background:#fff;margin-bottom:-4px;padding:16px 0;position:sticky;top:0;transform:translateY(-4px);z-index:2}@media (min-width:600px){.wp-block-query__enhanced-pagination-modal{max-width:480px}}.block-editor-block-settings-menu__popover.is-expanded{overflow-y:scroll}.block-editor-block-settings-menu__popover .block-library-query-pattern__selection-content{height:100%}.block-editor-block-settings-menu__popover .block-editor-block-patterns-list{display:grid;grid-template-columns:1fr;grid-gap:12px;min-width:280px}@media (min-width:600px){.block-editor-block-settings-menu__popover .block-editor-block-patterns-list{grid-template-columns:1fr 1fr;min-width:480px}}.block-editor-block-settings-menu__popover .block-editor-block-patterns-list__list-item{margin-bottom:0}
+.block-library-query-pattern__selection-modal .block-editor-block-patterns-list{column-count:2;column-gap:24px}@media (min-width:1280px){.block-library-query-pattern__selection-modal .block-editor-block-patterns-list{column-count:3}}.block-library-query-pattern__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{break-inside:avoid-column}.block-library-query-pattern__selection-modal .block-library-query-pattern__selection-search{background:#fff;margin-bottom:-4px;padding:16px 0;position:sticky;top:0;transform:translateY(-4px);z-index:2}@media (min-width:600px){.wp-block-query__enhanced-pagination-modal{max-width:480px}}.block-editor-block-settings-menu__popover.is-expanded{overflow-y:scroll}.block-editor-block-settings-menu__popover .block-library-query-pattern__selection-content{height:100%}.block-editor-block-settings-menu__popover .block-editor-block-patterns-list{display:grid;grid-template-columns:1fr}@media (min-width:600px){.block-editor-block-settings-menu__popover .block-editor-block-patterns-list{grid-template-columns:1fr 1fr}}.block-editor-block-settings-menu__popover .block-editor-block-patterns-list{grid-gap:12px;min-width:280px}@media (min-width:600px){.block-editor-block-settings-menu__popover .block-editor-block-patterns-list{min-width:480px}}.block-editor-block-settings-menu__popover .block-editor-block-patterns-list__list-item{margin-bottom:0}.wp-block-query>.block-editor-media-placeholder.is-small{min-height:60px}

wp-includes/blocks/query/editor.css

@@ -35,15 +35,25 @@
 .block-editor-block-settings-menu__popover .block-editor-block-patterns-list{
   display:grid;
   grid-template-columns:1fr;
+}
+@media (min-width:600px){
+  .block-editor-block-settings-menu__popover .block-editor-block-patterns-list{
+    grid-template-columns:1fr 1fr;
+  }
+}
+.block-editor-block-settings-menu__popover .block-editor-block-patterns-list{
   grid-gap:12px;
   min-width:280px;
 }
 @media (min-width:600px){
   .block-editor-block-settings-menu__popover .block-editor-block-patterns-list{
-    grid-template-columns:1fr 1fr;
     min-width:480px;
   }
 }
 .block-editor-block-settings-menu__popover .block-editor-block-patterns-list__list-item{
   margin-bottom:0;
+}
+
+.wp-block-query>.block-editor-media-placeholder.is-small{
+  min-height:60px;
 }

wp-includes/blocks/query/editor.min.css

@@ -1 +1 @@
-.block-library-query-pattern__selection-modal .block-editor-block-patterns-list{column-count:2;column-gap:24px}@media (min-width:1280px){.block-library-query-pattern__selection-modal .block-editor-block-patterns-list{column-count:3}}.block-library-query-pattern__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{break-inside:avoid-column}.block-library-query-pattern__selection-modal .block-library-query-pattern__selection-search{background:#fff;margin-bottom:-4px;padding:16px 0;position:sticky;top:0;transform:translateY(-4px);z-index:2}@media (min-width:600px){.wp-block-query__enhanced-pagination-modal{max-width:480px}}.block-editor-block-settings-menu__popover.is-expanded{overflow-y:scroll}.block-editor-block-settings-menu__popover .block-library-query-pattern__selection-content{height:100%}.block-editor-block-settings-menu__popover .block-editor-block-patterns-list{display:grid;grid-template-columns:1fr;grid-gap:12px;min-width:280px}@media (min-width:600px){.block-editor-block-settings-menu__popover .block-editor-block-patterns-list{grid-template-columns:1fr 1fr;min-width:480px}}.block-editor-block-settings-menu__popover .block-editor-block-patterns-list__list-item{margin-bottom:0}
+.block-library-query-pattern__selection-modal .block-editor-block-patterns-list{column-count:2;column-gap:24px}@media (min-width:1280px){.block-library-query-pattern__selection-modal .block-editor-block-patterns-list{column-count:3}}.block-library-query-pattern__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{break-inside:avoid-column}.block-library-query-pattern__selection-modal .block-library-query-pattern__selection-search{background:#fff;margin-bottom:-4px;padding:16px 0;position:sticky;top:0;transform:translateY(-4px);z-index:2}@media (min-width:600px){.wp-block-query__enhanced-pagination-modal{max-width:480px}}.block-editor-block-settings-menu__popover.is-expanded{overflow-y:scroll}.block-editor-block-settings-menu__popover .block-library-query-pattern__selection-content{height:100%}.block-editor-block-settings-menu__popover .block-editor-block-patterns-list{display:grid;grid-template-columns:1fr}@media (min-width:600px){.block-editor-block-settings-menu__popover .block-editor-block-patterns-list{grid-template-columns:1fr 1fr}}.block-editor-block-settings-menu__popover .block-editor-block-patterns-list{grid-gap:12px;min-width:280px}@media (min-width:600px){.block-editor-block-settings-menu__popover .block-editor-block-patterns-list{min-width:480px}}.block-editor-block-settings-menu__popover .block-editor-block-patterns-list__list-item{margin-bottom:0}.wp-block-query>.block-editor-media-placeholder.is-small{min-height:60px}

wp-includes/blocks/query/view.js

@@ -62,70 +62,51 @@ var x = (y) => {
 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), ["withSyncEvent"]: () => (__WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__.withSyncEvent) });
 ;// ./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.
+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: (0,interactivity_namespaceObject.withSyncEvent)(function* (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();
+(0,interactivity_namespaceObject.store)(
+  "core/query",
+  {
+    actions: {
+      navigate: (0,interactivity_namespaceObject.withSyncEvent)(function* (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;
+          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);
+        }
       }
-    }),
-    *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);
+        }
       }
     }
   },
-  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
-});
+  { lock: true }
+);