@wordpress/block-library 8.35.0 → 9.0.0

package/build/cover/deprecated.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _blocks = require("@wordpress/blocks");
 var _blockEditor = require("@wordpress/block-editor");
 var _i18n = require("@wordpress/i18n");
 var _compose = require("@wordpress/compose");
 var _shared = require("./shared");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -285,56 +285,57 @@ const v13 = {
       'is-repeated': isRepeated
     });
     const gradientValue = gradient || customGradient;
-    return (0, _react.createElement)(Tag, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Tag, {
       ..._blockEditor.useBlockProps.save({
         className: classes,
         style
-      })
-    }, (0, _react.createElement)("span", {
-      "aria-hidden": "true",
-      className: (0, _clsx.default)('wp-block-cover__background', overlayColorClass, (0, _shared.dimRatioToClass)(dimRatio), {
-        'has-background-dim': dimRatio !== undefined,
-        // For backwards compatibility. Former versions of the Cover Block applied
-        // `.wp-block-cover__gradient-background` in the presence of
-        // media, a gradient and a dim.
-        'wp-block-cover__gradient-background': url && gradientValue && dimRatio !== 0,
-        'has-background-gradient': gradientValue,
-        [gradientClass]: gradientClass
       }),
-      style: bgStyle
-    }), !useFeaturedImage && isImageBackground && url && (isImgElement ? (0, _react.createElement)("img", {
-      className: imgClasses,
-      alt: alt,
-      src: url,
-      style: {
-        objectPosition
-      },
-      "data-object-fit": "cover",
-      "data-object-position": objectPosition
-    }) : (0, _react.createElement)("div", {
-      role: "img",
-      className: imgClasses,
-      style: {
-        backgroundPosition,
-        backgroundImage
-      }
-    })), isVideoBackground && url && (0, _react.createElement)("video", {
-      className: (0, _clsx.default)('wp-block-cover__video-background', 'intrinsic-ignore'),
-      autoPlay: true,
-      muted: true,
-      loop: true,
-      playsInline: true,
-      src: url,
-      style: {
-        objectPosition
-      },
-      "data-object-fit": "cover",
-      "data-object-position": objectPosition
-    }), (0, _react.createElement)("div", {
-      ..._blockEditor.useInnerBlocksProps.save({
-        className: 'wp-block-cover__inner-container'
-      })
-    }));
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        "aria-hidden": "true",
+        className: (0, _clsx.default)('wp-block-cover__background', overlayColorClass, (0, _shared.dimRatioToClass)(dimRatio), {
+          'has-background-dim': dimRatio !== undefined,
+          // For backwards compatibility. Former versions of the Cover Block applied
+          // `.wp-block-cover__gradient-background` in the presence of
+          // media, a gradient and a dim.
+          'wp-block-cover__gradient-background': url && gradientValue && dimRatio !== 0,
+          'has-background-gradient': gradientValue,
+          [gradientClass]: gradientClass
+        }),
+        style: bgStyle
+      }), !useFeaturedImage && isImageBackground && url && (isImgElement ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        className: imgClasses,
+        alt: alt,
+        src: url,
+        style: {
+          objectPosition
+        },
+        "data-object-fit": "cover",
+        "data-object-position": objectPosition
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        role: "img",
+        className: imgClasses,
+        style: {
+          backgroundPosition,
+          backgroundImage
+        }
+      })), isVideoBackground && url && /*#__PURE__*/(0, _jsxRuntime.jsx)("video", {
+        className: (0, _clsx.default)('wp-block-cover__video-background', 'intrinsic-ignore'),
+        autoPlay: true,
+        muted: true,
+        loop: true,
+        playsInline: true,
+        src: url,
+        style: {
+          objectPosition
+        },
+        "data-object-fit": "cover",
+        "data-object-position": objectPosition
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        ..._blockEditor.useInnerBlocksProps.save({
+          className: 'wp-block-cover__inner-container'
+        })
+      })]
+    });
   }
 };
 
@@ -403,56 +404,57 @@ const v12 = {
       'is-repeated': isRepeated
     });
     const gradientValue = gradient || customGradient;
-    return (0, _react.createElement)(Tag, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Tag, {
       ..._blockEditor.useBlockProps.save({
         className: classes,
         style
-      })
-    }, (0, _react.createElement)("span", {
-      "aria-hidden": "true",
-      className: (0, _clsx.default)('wp-block-cover__background', overlayColorClass, (0, _shared.dimRatioToClass)(dimRatio), {
-        'has-background-dim': dimRatio !== undefined,
-        // For backwards compatibility. Former versions of the Cover Block applied
-        // `.wp-block-cover__gradient-background` in the presence of
-        // media, a gradient and a dim.
-        'wp-block-cover__gradient-background': url && gradientValue && dimRatio !== 0,
-        'has-background-gradient': gradientValue,
-        [gradientClass]: gradientClass
       }),
-      style: bgStyle
-    }), !useFeaturedImage && isImageBackground && url && (isImgElement ? (0, _react.createElement)("img", {
-      className: imgClasses,
-      alt: alt,
-      src: url,
-      style: {
-        objectPosition
-      },
-      "data-object-fit": "cover",
-      "data-object-position": objectPosition
-    }) : (0, _react.createElement)("div", {
-      role: "img",
-      className: imgClasses,
-      style: {
-        backgroundPosition,
-        backgroundImage
-      }
-    })), isVideoBackground && url && (0, _react.createElement)("video", {
-      className: (0, _clsx.default)('wp-block-cover__video-background', 'intrinsic-ignore'),
-      autoPlay: true,
-      muted: true,
-      loop: true,
-      playsInline: true,
-      src: url,
-      style: {
-        objectPosition
-      },
-      "data-object-fit": "cover",
-      "data-object-position": objectPosition
-    }), (0, _react.createElement)("div", {
-      ..._blockEditor.useInnerBlocksProps.save({
-        className: 'wp-block-cover__inner-container'
-      })
-    }));
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        "aria-hidden": "true",
+        className: (0, _clsx.default)('wp-block-cover__background', overlayColorClass, (0, _shared.dimRatioToClass)(dimRatio), {
+          'has-background-dim': dimRatio !== undefined,
+          // For backwards compatibility. Former versions of the Cover Block applied
+          // `.wp-block-cover__gradient-background` in the presence of
+          // media, a gradient and a dim.
+          'wp-block-cover__gradient-background': url && gradientValue && dimRatio !== 0,
+          'has-background-gradient': gradientValue,
+          [gradientClass]: gradientClass
+        }),
+        style: bgStyle
+      }), !useFeaturedImage && isImageBackground && url && (isImgElement ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        className: imgClasses,
+        alt: alt,
+        src: url,
+        style: {
+          objectPosition
+        },
+        "data-object-fit": "cover",
+        "data-object-position": objectPosition
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        role: "img",
+        className: imgClasses,
+        style: {
+          backgroundPosition,
+          backgroundImage
+        }
+      })), isVideoBackground && url && /*#__PURE__*/(0, _jsxRuntime.jsx)("video", {
+        className: (0, _clsx.default)('wp-block-cover__video-background', 'intrinsic-ignore'),
+        autoPlay: true,
+        muted: true,
+        loop: true,
+        playsInline: true,
+        src: url,
+        style: {
+          objectPosition
+        },
+        "data-object-fit": "cover",
+        "data-object-position": objectPosition
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        ..._blockEditor.useInnerBlocksProps.save({
+          className: 'wp-block-cover__inner-container'
+        })
+      })]
+    });
   }
 };
 
@@ -511,56 +513,57 @@ const v11 = {
       'is-repeated': isRepeated
     });
     const gradientValue = gradient || customGradient;
-    return (0, _react.createElement)("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       ..._blockEditor.useBlockProps.save({
         className: classes,
         style
-      })
-    }, (0, _react.createElement)("span", {
-      "aria-hidden": "true",
-      className: (0, _clsx.default)('wp-block-cover__background', overlayColorClass, (0, _shared.dimRatioToClass)(dimRatio), {
-        'has-background-dim': dimRatio !== undefined,
-        // For backwards compatibility. Former versions of the Cover Block applied
-        // `.wp-block-cover__gradient-background` in the presence of
-        // media, a gradient and a dim.
-        'wp-block-cover__gradient-background': url && gradientValue && dimRatio !== 0,
-        'has-background-gradient': gradientValue,
-        [gradientClass]: gradientClass
       }),
-      style: bgStyle
-    }), !useFeaturedImage && isImageBackground && url && (isImgElement ? (0, _react.createElement)("img", {
-      className: imgClasses,
-      alt: alt,
-      src: url,
-      style: {
-        objectPosition
-      },
-      "data-object-fit": "cover",
-      "data-object-position": objectPosition
-    }) : (0, _react.createElement)("div", {
-      role: "img",
-      className: imgClasses,
-      style: {
-        backgroundPosition,
-        backgroundImage
-      }
-    })), isVideoBackground && url && (0, _react.createElement)("video", {
-      className: (0, _clsx.default)('wp-block-cover__video-background', 'intrinsic-ignore'),
-      autoPlay: true,
-      muted: true,
-      loop: true,
-      playsInline: true,
-      src: url,
-      style: {
-        objectPosition
-      },
-      "data-object-fit": "cover",
-      "data-object-position": objectPosition
-    }), (0, _react.createElement)("div", {
-      ..._blockEditor.useInnerBlocksProps.save({
-        className: 'wp-block-cover__inner-container'
-      })
-    }));
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        "aria-hidden": "true",
+        className: (0, _clsx.default)('wp-block-cover__background', overlayColorClass, (0, _shared.dimRatioToClass)(dimRatio), {
+          'has-background-dim': dimRatio !== undefined,
+          // For backwards compatibility. Former versions of the Cover Block applied
+          // `.wp-block-cover__gradient-background` in the presence of
+          // media, a gradient and a dim.
+          'wp-block-cover__gradient-background': url && gradientValue && dimRatio !== 0,
+          'has-background-gradient': gradientValue,
+          [gradientClass]: gradientClass
+        }),
+        style: bgStyle
+      }), !useFeaturedImage && isImageBackground && url && (isImgElement ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        className: imgClasses,
+        alt: alt,
+        src: url,
+        style: {
+          objectPosition
+        },
+        "data-object-fit": "cover",
+        "data-object-position": objectPosition
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        role: "img",
+        className: imgClasses,
+        style: {
+          backgroundPosition,
+          backgroundImage
+        }
+      })), isVideoBackground && url && /*#__PURE__*/(0, _jsxRuntime.jsx)("video", {
+        className: (0, _clsx.default)('wp-block-cover__video-background', 'intrinsic-ignore'),
+        autoPlay: true,
+        muted: true,
+        loop: true,
+        playsInline: true,
+        src: url,
+        style: {
+          objectPosition
+        },
+        "data-object-fit": "cover",
+        "data-object-position": objectPosition
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        ..._blockEditor.useInnerBlocksProps.save({
+          className: 'wp-block-cover__inner-container'
+        })
+      })]
+    });
   },
   migrate: migrateTag
 };
@@ -615,49 +618,50 @@ const v10 = {
       'has-custom-content-position': !(0, _shared.isContentPositionCenter)(contentPosition)
     }, (0, _shared.getPositionClassName)(contentPosition));
     const gradientValue = gradient || customGradient;
-    return (0, _react.createElement)("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       ..._blockEditor.useBlockProps.save({
         className: classes,
         style
-      })
-    }, (0, _react.createElement)("span", {
-      "aria-hidden": "true",
-      className: (0, _clsx.default)('wp-block-cover__background', overlayColorClass, (0, _shared.dimRatioToClass)(dimRatio), {
-        'has-background-dim': dimRatio !== undefined,
-        // For backwards compatibility. Former versions of the Cover Block applied
-        // `.wp-block-cover__gradient-background` in the presence of
-        // media, a gradient and a dim.
-        'wp-block-cover__gradient-background': url && gradientValue && dimRatio !== 0,
-        'has-background-gradient': gradientValue,
-        [gradientClass]: gradientClass
       }),
-      style: bgStyle
-    }), !useFeaturedImage && isImageBackground && isImgElement && url && (0, _react.createElement)("img", {
-      className: (0, _clsx.default)('wp-block-cover__image-background', id ? `wp-image-${id}` : null),
-      alt: alt,
-      src: url,
-      style: {
-        objectPosition
-      },
-      "data-object-fit": "cover",
-      "data-object-position": objectPosition
-    }), isVideoBackground && url && (0, _react.createElement)("video", {
-      className: (0, _clsx.default)('wp-block-cover__video-background', 'intrinsic-ignore'),
-      autoPlay: true,
-      muted: true,
-      loop: true,
-      playsInline: true,
-      src: url,
-      style: {
-        objectPosition
-      },
-      "data-object-fit": "cover",
-      "data-object-position": objectPosition
-    }), (0, _react.createElement)("div", {
-      ..._blockEditor.useInnerBlocksProps.save({
-        className: 'wp-block-cover__inner-container'
-      })
-    }));
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        "aria-hidden": "true",
+        className: (0, _clsx.default)('wp-block-cover__background', overlayColorClass, (0, _shared.dimRatioToClass)(dimRatio), {
+          'has-background-dim': dimRatio !== undefined,
+          // For backwards compatibility. Former versions of the Cover Block applied
+          // `.wp-block-cover__gradient-background` in the presence of
+          // media, a gradient and a dim.
+          'wp-block-cover__gradient-background': url && gradientValue && dimRatio !== 0,
+          'has-background-gradient': gradientValue,
+          [gradientClass]: gradientClass
+        }),
+        style: bgStyle
+      }), !useFeaturedImage && isImageBackground && isImgElement && url && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        className: (0, _clsx.default)('wp-block-cover__image-background', id ? `wp-image-${id}` : null),
+        alt: alt,
+        src: url,
+        style: {
+          objectPosition
+        },
+        "data-object-fit": "cover",
+        "data-object-position": objectPosition
+      }), isVideoBackground && url && /*#__PURE__*/(0, _jsxRuntime.jsx)("video", {
+        className: (0, _clsx.default)('wp-block-cover__video-background', 'intrinsic-ignore'),
+        autoPlay: true,
+        muted: true,
+        loop: true,
+        playsInline: true,
+        src: url,
+        style: {
+          objectPosition
+        },
+        "data-object-fit": "cover",
+        "data-object-position": objectPosition
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        ..._blockEditor.useInnerBlocksProps.save({
+          className: 'wp-block-cover__inner-container'
+        })
+      })]
+    });
   },
   migrate: migrateTag
 };
@@ -711,49 +715,50 @@ const v9 = {
       'has-custom-content-position': !(0, _shared.isContentPositionCenter)(contentPosition)
     }, (0, _shared.getPositionClassName)(contentPosition));
     const gradientValue = gradient || customGradient;
-    return (0, _react.createElement)("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       ..._blockEditor.useBlockProps.save({
         className: classes,
         style
-      })
-    }, (0, _react.createElement)("span", {
-      "aria-hidden": "true",
-      className: (0, _clsx.default)('wp-block-cover__background', overlayColorClass, (0, _shared.dimRatioToClass)(dimRatio), {
-        'has-background-dim': dimRatio !== undefined,
-        // For backwards compatibility. Former versions of the Cover Block applied
-        // `.wp-block-cover__gradient-background` in the presence of
-        // media, a gradient and a dim.
-        'wp-block-cover__gradient-background': url && gradientValue && dimRatio !== 0,
-        'has-background-gradient': gradientValue,
-        [gradientClass]: gradientClass
       }),
-      style: bgStyle
-    }), isImageBackground && isImgElement && url && (0, _react.createElement)("img", {
-      className: (0, _clsx.default)('wp-block-cover__image-background', id ? `wp-image-${id}` : null),
-      alt: alt,
-      src: url,
-      style: {
-        objectPosition
-      },
-      "data-object-fit": "cover",
-      "data-object-position": objectPosition
-    }), isVideoBackground && url && (0, _react.createElement)("video", {
-      className: (0, _clsx.default)('wp-block-cover__video-background', 'intrinsic-ignore'),
-      autoPlay: true,
-      muted: true,
-      loop: true,
-      playsInline: true,
-      src: url,
-      style: {
-        objectPosition
-      },
-      "data-object-fit": "cover",
-      "data-object-position": objectPosition
-    }), (0, _react.createElement)("div", {
-      ..._blockEditor.useInnerBlocksProps.save({
-        className: 'wp-block-cover__inner-container'
-      })
-    }));
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        "aria-hidden": "true",
+        className: (0, _clsx.default)('wp-block-cover__background', overlayColorClass, (0, _shared.dimRatioToClass)(dimRatio), {
+          'has-background-dim': dimRatio !== undefined,
+          // For backwards compatibility. Former versions of the Cover Block applied
+          // `.wp-block-cover__gradient-background` in the presence of
+          // media, a gradient and a dim.
+          'wp-block-cover__gradient-background': url && gradientValue && dimRatio !== 0,
+          'has-background-gradient': gradientValue,
+          [gradientClass]: gradientClass
+        }),
+        style: bgStyle
+      }), isImageBackground && isImgElement && url && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        className: (0, _clsx.default)('wp-block-cover__image-background', id ? `wp-image-${id}` : null),
+        alt: alt,
+        src: url,
+        style: {
+          objectPosition
+        },
+        "data-object-fit": "cover",
+        "data-object-position": objectPosition
+      }), isVideoBackground && url && /*#__PURE__*/(0, _jsxRuntime.jsx)("video", {
+        className: (0, _clsx.default)('wp-block-cover__video-background', 'intrinsic-ignore'),
+        autoPlay: true,
+        muted: true,
+        loop: true,
+        playsInline: true,
+        src: url,
+        style: {
+          objectPosition
+        },
+        "data-object-fit": "cover",
+        "data-object-position": objectPosition
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        ..._blockEditor.useInnerBlocksProps.save({
+          className: 'wp-block-cover__inner-container'
+        })
+      })]
+    });
   },
   migrate: migrateTag
 };
@@ -806,45 +811,46 @@ const v8 = {
       'is-repeated': isRepeated,
       'has-custom-content-position': !(0, _shared.isContentPositionCenter)(contentPosition)
     }, (0, _shared.getPositionClassName)(contentPosition));
-    return (0, _react.createElement)("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       ..._blockEditor.useBlockProps.save({
         className: classes,
         style
-      })
-    }, (0, _react.createElement)("span", {
-      "aria-hidden": "true",
-      className: (0, _clsx.default)(overlayColorClass, (0, _shared.dimRatioToClass)(dimRatio), 'wp-block-cover__gradient-background', gradientClass, {
-        'has-background-dim': dimRatio !== undefined,
-        'has-background-gradient': gradient || customGradient,
-        [gradientClass]: !url && gradientClass
       }),
-      style: bgStyle
-    }), isImageBackground && isImgElement && url && (0, _react.createElement)("img", {
-      className: (0, _clsx.default)('wp-block-cover__image-background', id ? `wp-image-${id}` : null),
-      alt: alt,
-      src: url,
-      style: {
-        objectPosition
-      },
-      "data-object-fit": "cover",
-      "data-object-position": objectPosition
-    }), isVideoBackground && url && (0, _react.createElement)("video", {
-      className: (0, _clsx.default)('wp-block-cover__video-background', 'intrinsic-ignore'),
-      autoPlay: true,
-      muted: true,
-      loop: true,
-      playsInline: true,
-      src: url,
-      style: {
-        objectPosition
-      },
-      "data-object-fit": "cover",
-      "data-object-position": objectPosition
-    }), (0, _react.createElement)("div", {
-      ..._blockEditor.useInnerBlocksProps.save({
-        className: 'wp-block-cover__inner-container'
-      })
-    }));
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        "aria-hidden": "true",
+        className: (0, _clsx.default)(overlayColorClass, (0, _shared.dimRatioToClass)(dimRatio), 'wp-block-cover__gradient-background', gradientClass, {
+          'has-background-dim': dimRatio !== undefined,
+          'has-background-gradient': gradient || customGradient,
+          [gradientClass]: !url && gradientClass
+        }),
+        style: bgStyle
+      }), isImageBackground && isImgElement && url && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        className: (0, _clsx.default)('wp-block-cover__image-background', id ? `wp-image-${id}` : null),
+        alt: alt,
+        src: url,
+        style: {
+          objectPosition
+        },
+        "data-object-fit": "cover",
+        "data-object-position": objectPosition
+      }), isVideoBackground && url && /*#__PURE__*/(0, _jsxRuntime.jsx)("video", {
+        className: (0, _clsx.default)('wp-block-cover__video-background', 'intrinsic-ignore'),
+        autoPlay: true,
+        muted: true,
+        loop: true,
+        playsInline: true,
+        src: url,
+        style: {
+          objectPosition
+        },
+        "data-object-fit": "cover",
+        "data-object-position": objectPosition
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        ..._blockEditor.useInnerBlocksProps.save({
+          className: 'wp-block-cover__inner-container'
+        })
+      })]
+    });
   },
   migrate: migrateTag
 };
@@ -922,41 +928,43 @@ const v7 = {
       [gradientClass]: !url && gradientClass,
       'has-custom-content-position': !(0, _shared.isContentPositionCenter)(contentPosition)
     }, (0, _shared.getPositionClassName)(contentPosition));
-    return (0, _react.createElement)("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       ..._blockEditor.useBlockProps.save({
         className: classes,
         style
-      })
-    }, url && (gradient || customGradient) && dimRatio !== 0 && (0, _react.createElement)("span", {
-      "aria-hidden": "true",
-      className: (0, _clsx.default)('wp-block-cover__gradient-background', gradientClass),
-      style: customGradient ? {
-        background: customGradient
-      } : undefined
-    }), isImageBackground && isImgElement && url && (0, _react.createElement)("img", {
-      className: (0, _clsx.default)('wp-block-cover__image-background', id ? `wp-image-${id}` : null),
-      alt: alt,
-      src: url,
-      style: {
-        objectPosition
-      },
-      "data-object-fit": "cover",
-      "data-object-position": objectPosition
-    }), isVideoBackground && url && (0, _react.createElement)("video", {
-      className: (0, _clsx.default)('wp-block-cover__video-background', 'intrinsic-ignore'),
-      autoPlay: true,
-      muted: true,
-      loop: true,
-      playsInline: true,
-      src: url,
-      style: {
-        objectPosition
-      },
-      "data-object-fit": "cover",
-      "data-object-position": objectPosition
-    }), (0, _react.createElement)("div", {
-      className: "wp-block-cover__inner-container"
-    }, (0, _react.createElement)(_blockEditor.InnerBlocks.Content, null)));
+      }),
+      children: [url && (gradient || customGradient) && dimRatio !== 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        "aria-hidden": "true",
+        className: (0, _clsx.default)('wp-block-cover__gradient-background', gradientClass),
+        style: customGradient ? {
+          background: customGradient
+        } : undefined
+      }), isImageBackground && isImgElement && url && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        className: (0, _clsx.default)('wp-block-cover__image-background', id ? `wp-image-${id}` : null),
+        alt: alt,
+        src: url,
+        style: {
+          objectPosition
+        },
+        "data-object-fit": "cover",
+        "data-object-position": objectPosition
+      }), isVideoBackground && url && /*#__PURE__*/(0, _jsxRuntime.jsx)("video", {
+        className: (0, _clsx.default)('wp-block-cover__video-background', 'intrinsic-ignore'),
+        autoPlay: true,
+        muted: true,
+        loop: true,
+        playsInline: true,
+        src: url,
+        style: {
+          objectPosition
+        },
+        "data-object-fit": "cover",
+        "data-object-position": objectPosition
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "wp-block-cover__inner-container",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InnerBlocks.Content, {})
+      })]
+    });
   },
   migrate: (0, _compose.compose)(migrateDimRatio, migrateTag)
 };
@@ -1036,28 +1044,30 @@ const v6 = {
       [gradientClass]: !url && gradientClass,
       'has-custom-content-position': !(0, _shared.isContentPositionCenter)(contentPosition)
     }, (0, _shared.getPositionClassName)(contentPosition));
-    return (0, _react.createElement)("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       ..._blockEditor.useBlockProps.save({
         className: classes,
         style
-      })
-    }, url && (gradient || customGradient) && dimRatio !== 0 && (0, _react.createElement)("span", {
-      "aria-hidden": "true",
-      className: (0, _clsx.default)('wp-block-cover__gradient-background', gradientClass),
-      style: customGradient ? {
-        background: customGradient
-      } : undefined
-    }), isVideoBackground && url && (0, _react.createElement)("video", {
-      className: "wp-block-cover__video-background",
-      autoPlay: true,
-      muted: true,
-      loop: true,
-      playsInline: true,
-      src: url,
-      style: videoStyle
-    }), (0, _react.createElement)("div", {
-      className: "wp-block-cover__inner-container"
-    }, (0, _react.createElement)(_blockEditor.InnerBlocks.Content, null)));
+      }),
+      children: [url && (gradient || customGradient) && dimRatio !== 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        "aria-hidden": "true",
+        className: (0, _clsx.default)('wp-block-cover__gradient-background', gradientClass),
+        style: customGradient ? {
+          background: customGradient
+        } : undefined
+      }), isVideoBackground && url && /*#__PURE__*/(0, _jsxRuntime.jsx)("video", {
+        className: "wp-block-cover__video-background",
+        autoPlay: true,
+        muted: true,
+        loop: true,
+        playsInline: true,
+        src: url,
+        style: videoStyle
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "wp-block-cover__inner-container",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InnerBlocks.Content, {})
+      })]
+    });
   },
   migrate: (0, _compose.compose)(migrateDimRatio, migrateTag)
 };
@@ -1111,24 +1121,26 @@ const v5 = {
       'has-background-gradient': customGradient,
       [gradientClass]: !url && gradientClass
     });
-    return (0, _react.createElement)("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: classes,
-      style: style
-    }, url && (gradient || customGradient) && dimRatio !== 0 && (0, _react.createElement)("span", {
-      "aria-hidden": "true",
-      className: (0, _clsx.default)('wp-block-cover__gradient-background', gradientClass),
-      style: customGradient ? {
-        background: customGradient
-      } : undefined
-    }), _shared.VIDEO_BACKGROUND_TYPE === backgroundType && url && (0, _react.createElement)("video", {
-      className: "wp-block-cover__video-background",
-      autoPlay: true,
-      muted: true,
-      loop: true,
-      src: url
-    }), (0, _react.createElement)("div", {
-      className: "wp-block-cover__inner-container"
-    }, (0, _react.createElement)(_blockEditor.InnerBlocks.Content, null)));
+      style: style,
+      children: [url && (gradient || customGradient) && dimRatio !== 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        "aria-hidden": "true",
+        className: (0, _clsx.default)('wp-block-cover__gradient-background', gradientClass),
+        style: customGradient ? {
+          background: customGradient
+        } : undefined
+      }), _shared.VIDEO_BACKGROUND_TYPE === backgroundType && url && /*#__PURE__*/(0, _jsxRuntime.jsx)("video", {
+        className: "wp-block-cover__video-background",
+        autoPlay: true,
+        muted: true,
+        loop: true,
+        src: url
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "wp-block-cover__inner-container",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InnerBlocks.Content, {})
+      })]
+    });
   },
   migrate: (0, _compose.compose)(migrateDimRatio, migrateTag)
 };
@@ -1182,24 +1194,26 @@ const v4 = {
       'has-background-gradient': customGradient,
       [gradientClass]: !url && gradientClass
     });
-    return (0, _react.createElement)("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: classes,
-      style: style
-    }, url && (gradient || customGradient) && dimRatio !== 0 && (0, _react.createElement)("span", {
-      "aria-hidden": "true",
-      className: (0, _clsx.default)('wp-block-cover__gradient-background', gradientClass),
-      style: customGradient ? {
-        background: customGradient
-      } : undefined
-    }), _shared.VIDEO_BACKGROUND_TYPE === backgroundType && url && (0, _react.createElement)("video", {
-      className: "wp-block-cover__video-background",
-      autoPlay: true,
-      muted: true,
-      loop: true,
-      src: url
-    }), (0, _react.createElement)("div", {
-      className: "wp-block-cover__inner-container"
-    }, (0, _react.createElement)(_blockEditor.InnerBlocks.Content, null)));
+      style: style,
+      children: [url && (gradient || customGradient) && dimRatio !== 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        "aria-hidden": "true",
+        className: (0, _clsx.default)('wp-block-cover__gradient-background', gradientClass),
+        style: customGradient ? {
+          background: customGradient
+        } : undefined
+      }), _shared.VIDEO_BACKGROUND_TYPE === backgroundType && url && /*#__PURE__*/(0, _jsxRuntime.jsx)("video", {
+        className: "wp-block-cover__video-background",
+        autoPlay: true,
+        muted: true,
+        loop: true,
+        src: url
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "wp-block-cover__inner-container",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InnerBlocks.Content, {})
+      })]
+    });
   },
   migrate: (0, _compose.compose)(migrateDimRatio, migrateTag)
 };
@@ -1246,20 +1260,21 @@ const v3 = {
       'has-parallax': hasParallax,
       [`has-${contentAlign}-content`]: contentAlign !== 'center'
     });
-    return (0, _react.createElement)("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: classes,
-      style: style
-    }, _shared.VIDEO_BACKGROUND_TYPE === backgroundType && url && (0, _react.createElement)("video", {
-      className: "wp-block-cover__video-background",
-      autoPlay: true,
-      muted: true,
-      loop: true,
-      src: url
-    }), !_blockEditor.RichText.isEmpty(title) && (0, _react.createElement)(_blockEditor.RichText.Content, {
-      tagName: "p",
-      className: "wp-block-cover-text",
-      value: title
-    }));
+      style: style,
+      children: [_shared.VIDEO_BACKGROUND_TYPE === backgroundType && url && /*#__PURE__*/(0, _jsxRuntime.jsx)("video", {
+        className: "wp-block-cover__video-background",
+        autoPlay: true,
+        muted: true,
+        loop: true,
+        src: url
+      }), !_blockEditor.RichText.isEmpty(title) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText.Content, {
+        tagName: "p",
+        className: "wp-block-cover-text",
+        value: title
+      })]
+    });
   },
   migrate(attributes) {
     const newAttribs = {
@@ -1322,14 +1337,15 @@ const v2 = {
       'has-parallax': hasParallax,
       [`has-${contentAlign}-content`]: contentAlign !== 'center'
     }, align ? `align${align}` : null);
-    return (0, _react.createElement)("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: classes,
-      style: style
-    }, !_blockEditor.RichText.isEmpty(title) && (0, _react.createElement)(_blockEditor.RichText.Content, {
-      tagName: "p",
-      className: "wp-block-cover-image-text",
-      value: title
-    }));
+      style: style,
+      children: !_blockEditor.RichText.isEmpty(title) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText.Content, {
+        tagName: "p",
+        className: "wp-block-cover-image-text",
+        value: title
+      })
+    });
   },
   migrate(attributes) {
     const newAttribs = {
@@ -1385,13 +1401,14 @@ const v1 = {
       'has-background-dim': dimRatio !== 0,
       'has-parallax': hasParallax
     }, align ? `align${align}` : null);
-    return (0, _react.createElement)("section", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("section", {
       className: classes,
-      style: style
-    }, (0, _react.createElement)(_blockEditor.RichText.Content, {
-      tagName: "h2",
-      value: title
-    }));
+      style: style,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText.Content, {
+        tagName: "h2",
+        value: title
+      })
+    });
   },
   migrate(attributes) {
     const newAttribs = {