@wordpress/block-library 9.31.1-next.f56bd8138.0 → 9.33.0

package/build/cover/deprecated.js

@@ -1,45 +1,48 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var deprecated_exports = {};
+__export(deprecated_exports, {
+  default: () => deprecated_default
 });
-exports.default = void 0;
-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
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(deprecated_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var import_blocks = require("@wordpress/blocks");
+var import_block_editor = require("@wordpress/block-editor");
+var import_i18n = require("@wordpress/i18n");
+var import_compose = require("@wordpress/compose");
+var import_shared = require("./shared");
 function backgroundImageStyles(url) {
-  return url ? {
-    backgroundImage: `url(${url})`
-  } : {};
+  return url ? { backgroundImage: `url(${url})` } : {};
 }
-
-/**
- * Original function to determine the background opacity classname
- *
- * Used in deprecations: v1-7.
- *
- * @param {number} ratio ratio to use for opacity.
- * @return {string}       background opacity class   .
- */
 function dimRatioToClassV1(ratio) {
-  return ratio === 0 || ratio === 50 || !ratio ? null : 'has-background-dim-' + 10 * Math.round(ratio / 10);
+  return ratio === 0 || ratio === 50 || !ratio ? null : "has-background-dim-" + 10 * Math.round(ratio / 10);
 }
 function migrateDimRatio(attributes) {
   return {
@@ -51,7 +54,7 @@ function migrateTag(attributes) {
   if (!attributes.tagName) {
     attributes = {
       ...attributes,
-      tagName: 'div'
+      tagName: "div"
     };
   }
   return {
@@ -60,121 +63,121 @@ function migrateTag(attributes) {
 }
 const blockAttributes = {
   url: {
-    type: 'string'
+    type: "string"
   },
   id: {
-    type: 'number'
+    type: "number"
   },
   hasParallax: {
-    type: 'boolean',
+    type: "boolean",
     default: false
   },
   dimRatio: {
-    type: 'number',
+    type: "number",
     default: 50
   },
   overlayColor: {
-    type: 'string'
+    type: "string"
   },
   customOverlayColor: {
-    type: 'string'
+    type: "string"
   },
   backgroundType: {
-    type: 'string',
-    default: 'image'
+    type: "string",
+    default: "image"
   },
   focalPoint: {
-    type: 'object'
+    type: "object"
   }
 };
 const v8ToV11BlockAttributes = {
   url: {
-    type: 'string'
+    type: "string"
   },
   id: {
-    type: 'number'
+    type: "number"
   },
   alt: {
-    type: 'string',
-    source: 'attribute',
-    selector: 'img',
-    attribute: 'alt',
-    default: ''
+    type: "string",
+    source: "attribute",
+    selector: "img",
+    attribute: "alt",
+    default: ""
   },
   hasParallax: {
-    type: 'boolean',
+    type: "boolean",
     default: false
   },
   isRepeated: {
-    type: 'boolean',
+    type: "boolean",
     default: false
   },
   dimRatio: {
-    type: 'number',
+    type: "number",
     default: 100
   },
   overlayColor: {
-    type: 'string'
+    type: "string"
   },
   customOverlayColor: {
-    type: 'string'
+    type: "string"
   },
   backgroundType: {
-    type: 'string',
-    default: 'image'
+    type: "string",
+    default: "image"
   },
   focalPoint: {
-    type: 'object'
+    type: "object"
   },
   minHeight: {
-    type: 'number'
+    type: "number"
   },
   minHeightUnit: {
-    type: 'string'
+    type: "string"
   },
   gradient: {
-    type: 'string'
+    type: "string"
   },
   customGradient: {
-    type: 'string'
+    type: "string"
   },
   contentPosition: {
-    type: 'string'
+    type: "string"
   },
   isDark: {
-    type: 'boolean',
+    type: "boolean",
     default: true
   },
   allowedBlocks: {
-    type: 'array'
+    type: "array"
   },
   templateLock: {
-    type: ['string', 'boolean'],
-    enum: ['all', 'insert', false]
+    type: ["string", "boolean"],
+    enum: ["all", "insert", false]
   }
 };
 const v12toV13BlockAttributes = {
   ...v8ToV11BlockAttributes,
   useFeaturedImage: {
-    type: 'boolean',
+    type: "boolean",
     default: false
   },
   tagName: {
-    type: 'string',
-    default: 'div'
+    type: "string",
+    default: "div"
   }
 };
 const v14BlockAttributes = {
   ...v12toV13BlockAttributes,
   isUserOverlayColor: {
-    type: 'boolean'
+    type: "boolean"
   },
   sizeSlug: {
-    type: 'string'
+    type: "string"
   },
   alt: {
-    type: 'string',
-    default: ''
+    type: "string",
+    default: ""
   }
 };
 const v7toV11BlockSupports = {
@@ -188,7 +191,7 @@ const v7toV11BlockSupports = {
     }
   },
   color: {
-    __experimentalDuotone: '> .wp-block-cover__image-background, > .wp-block-cover__video-background',
+    __experimentalDuotone: "> .wp-block-cover__image-background, > .wp-block-cover__video-background",
     text: false,
     background: false
   }
@@ -197,7 +200,7 @@ const v12BlockSupports = {
   ...v7toV11BlockSupports,
   spacing: {
     padding: true,
-    margin: ['top', 'bottom'],
+    margin: ["top", "bottom"],
     blockGap: true,
     __experimentalDefaultControls: {
       padding: true,
@@ -217,11 +220,11 @@ const v12BlockSupports = {
     }
   },
   color: {
-    __experimentalDuotone: '> .wp-block-cover__image-background, > .wp-block-cover__video-background',
+    __experimentalDuotone: "> .wp-block-cover__image-background, > .wp-block-cover__video-background",
     heading: true,
     text: true,
     background: false,
-    __experimentalSkipSerialization: ['gradients'],
+    __experimentalSkipSerialization: ["gradients"],
     enableContrastChecker: false
   },
   typography: {
@@ -251,14 +254,10 @@ const v14BlockSupports = {
     clientNavigation: true
   }
 };
-
-// Deprecation for blocks that have z-index.
 const v14 = {
   attributes: v14BlockAttributes,
   supports: v14BlockSupports,
-  save({
-    attributes
-  }) {
+  save({ attributes }) {
     const {
       backgroundType,
       gradient,
@@ -280,98 +279,120 @@ const v14 = {
       tagName: Tag,
       sizeSlug
     } = attributes;
-    const overlayColorClass = (0, _blockEditor.getColorClassName)('background-color', overlayColor);
-    const gradientClass = (0, _blockEditor.__experimentalGetGradientClass)(gradient);
+    const overlayColorClass = (0, import_block_editor.getColorClassName)(
+      "background-color",
+      overlayColor
+    );
+    const gradientClass = (0, import_block_editor.__experimentalGetGradientClass)(gradient);
     const minHeight = minHeightProp && minHeightUnit ? `${minHeightProp}${minHeightUnit}` : minHeightProp;
-    const isImageBackground = _shared.IMAGE_BACKGROUND_TYPE === backgroundType;
-    const isVideoBackground = _shared.VIDEO_BACKGROUND_TYPE === backgroundType;
+    const isImageBackground = import_shared.IMAGE_BACKGROUND_TYPE === backgroundType;
+    const isVideoBackground = import_shared.VIDEO_BACKGROUND_TYPE === backgroundType;
     const isImgElement = !(hasParallax || isRepeated);
     const style = {
-      minHeight: minHeight || undefined
+      minHeight: minHeight || void 0
     };
     const bgStyle = {
-      backgroundColor: !overlayColorClass ? customOverlayColor : undefined,
-      background: customGradient ? customGradient : undefined
+      backgroundColor: !overlayColorClass ? customOverlayColor : void 0,
+      background: customGradient ? customGradient : void 0
     };
-    const objectPosition =
-    // prettier-ignore
-    focalPoint && isImgElement ? (0, _shared.mediaPosition)(focalPoint) : undefined;
-    const backgroundImage = url ? `url(${url})` : undefined;
-    const backgroundPosition = (0, _shared.mediaPosition)(focalPoint);
-    const classes = (0, _clsx.default)({
-      'is-light': !isDark,
-      'has-parallax': hasParallax,
-      'is-repeated': isRepeated,
-      'has-custom-content-position': !(0, _shared.isContentPositionCenter)(contentPosition)
-    }, (0, _shared.getPositionClassName)(contentPosition));
-    const imgClasses = (0, _clsx.default)('wp-block-cover__image-background', id ? `wp-image-${id}` : null, {
-      [`size-${sizeSlug}`]: sizeSlug,
-      'has-parallax': hasParallax,
-      'is-repeated': isRepeated
-    });
+    const objectPosition = (
+      // prettier-ignore
+      focalPoint && isImgElement ? (0, import_shared.mediaPosition)(focalPoint) : void 0
+    );
+    const backgroundImage = url ? `url(${url})` : void 0;
+    const backgroundPosition = (0, import_shared.mediaPosition)(focalPoint);
+    const classes = (0, import_clsx.default)(
+      {
+        "is-light": !isDark,
+        "has-parallax": hasParallax,
+        "is-repeated": isRepeated,
+        "has-custom-content-position": !(0, import_shared.isContentPositionCenter)(contentPosition)
+      },
+      (0, import_shared.getPositionClassName)(contentPosition)
+    );
+    const imgClasses = (0, import_clsx.default)(
+      "wp-block-cover__image-background",
+      id ? `wp-image-${id}` : null,
+      {
+        [`size-${sizeSlug}`]: sizeSlug,
+        "has-parallax": hasParallax,
+        "is-repeated": isRepeated
+      }
+    );
     const gradientValue = gradient || customGradient;
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Tag, {
-      ..._blockEditor.useBlockProps.save({
-        className: classes,
-        style
-      }),
-      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: alt ? 'img' : undefined,
-        "aria-label": alt ? alt : undefined,
-        className: imgClasses,
-        style: {
-          backgroundPosition,
-          backgroundImage
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Tag, { ...import_block_editor.useBlockProps.save({ className: classes, style }), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: (0, import_clsx.default)(
+            "wp-block-cover__background",
+            overlayColorClass,
+            (0, import_shared.dimRatioToClass)(dimRatio),
+            {
+              "has-background-dim": dimRatio !== void 0,
+              // 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
         }
-      })), 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'
-        })
-      })]
-    });
+      ),
+      !useFeaturedImage && isImageBackground && url && (isImgElement ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "img",
+        {
+          className: imgClasses,
+          alt,
+          src: url,
+          style: { objectPosition },
+          "data-object-fit": "cover",
+          "data-object-position": objectPosition
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          role: alt ? "img" : void 0,
+          "aria-label": alt ? alt : void 0,
+          className: imgClasses,
+          style: { backgroundPosition, backgroundImage }
+        }
+      )),
+      isVideoBackground && url && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "video",
+        {
+          className: (0, import_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, import_jsx_runtime.jsx)(
+        "div",
+        {
+          ...import_block_editor.useInnerBlocksProps.save({
+            className: "wp-block-cover__inner-container"
+          })
+        }
+      )
+    ] });
   }
 };
-
-// Deprecation for blocks that does not have the aria-label when the image background is fixed or repeated.
 const v13 = {
   attributes: v12toV13BlockAttributes,
   supports: v12BlockSupports,
-  save({
-    attributes
-  }) {
+  save({ attributes }) {
     const {
       backgroundType,
       gradient,
@@ -392,95 +413,119 @@ const v13 = {
       minHeightUnit,
       tagName: Tag
     } = attributes;
-    const overlayColorClass = (0, _blockEditor.getColorClassName)('background-color', overlayColor);
-    const gradientClass = (0, _blockEditor.__experimentalGetGradientClass)(gradient);
+    const overlayColorClass = (0, import_block_editor.getColorClassName)(
+      "background-color",
+      overlayColor
+    );
+    const gradientClass = (0, import_block_editor.__experimentalGetGradientClass)(gradient);
     const minHeight = minHeightProp && minHeightUnit ? `${minHeightProp}${minHeightUnit}` : minHeightProp;
-    const isImageBackground = _shared.IMAGE_BACKGROUND_TYPE === backgroundType;
-    const isVideoBackground = _shared.VIDEO_BACKGROUND_TYPE === backgroundType;
+    const isImageBackground = import_shared.IMAGE_BACKGROUND_TYPE === backgroundType;
+    const isVideoBackground = import_shared.VIDEO_BACKGROUND_TYPE === backgroundType;
     const isImgElement = !(hasParallax || isRepeated);
     const style = {
-      minHeight: minHeight || undefined
+      minHeight: minHeight || void 0
     };
     const bgStyle = {
-      backgroundColor: !overlayColorClass ? customOverlayColor : undefined,
-      background: customGradient ? customGradient : undefined
+      backgroundColor: !overlayColorClass ? customOverlayColor : void 0,
+      background: customGradient ? customGradient : void 0
     };
-    const objectPosition =
-    // prettier-ignore
-    focalPoint && isImgElement ? (0, _shared.mediaPosition)(focalPoint) : undefined;
-    const backgroundImage = url ? `url(${url})` : undefined;
-    const backgroundPosition = (0, _shared.mediaPosition)(focalPoint);
-    const classes = (0, _clsx.default)({
-      'is-light': !isDark,
-      'has-parallax': hasParallax,
-      'is-repeated': isRepeated,
-      'has-custom-content-position': !(0, _shared.isContentPositionCenter)(contentPosition)
-    }, (0, _shared.getPositionClassName)(contentPosition));
-    const imgClasses = (0, _clsx.default)('wp-block-cover__image-background', id ? `wp-image-${id}` : null, {
-      'has-parallax': hasParallax,
-      'is-repeated': isRepeated
-    });
+    const objectPosition = (
+      // prettier-ignore
+      focalPoint && isImgElement ? (0, import_shared.mediaPosition)(focalPoint) : void 0
+    );
+    const backgroundImage = url ? `url(${url})` : void 0;
+    const backgroundPosition = (0, import_shared.mediaPosition)(focalPoint);
+    const classes = (0, import_clsx.default)(
+      {
+        "is-light": !isDark,
+        "has-parallax": hasParallax,
+        "is-repeated": isRepeated,
+        "has-custom-content-position": !(0, import_shared.isContentPositionCenter)(contentPosition)
+      },
+      (0, import_shared.getPositionClassName)(contentPosition)
+    );
+    const imgClasses = (0, import_clsx.default)(
+      "wp-block-cover__image-background",
+      id ? `wp-image-${id}` : null,
+      {
+        "has-parallax": hasParallax,
+        "is-repeated": isRepeated
+      }
+    );
     const gradientValue = gradient || customGradient;
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Tag, {
-      ..._blockEditor.useBlockProps.save({
-        className: classes,
-        style
-      }),
-      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
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Tag, { ...import_block_editor.useBlockProps.save({ className: classes, style }), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: (0, import_clsx.default)(
+            "wp-block-cover__background",
+            overlayColorClass,
+            (0, import_shared.dimRatioToClass)(dimRatio),
+            {
+              "has-background-dim": dimRatio !== void 0,
+              // 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
         }
-      })), 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'
-        })
-      })]
-    });
+      ),
+      !useFeaturedImage && isImageBackground && url && (isImgElement ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "img",
+        {
+          className: imgClasses,
+          alt,
+          src: url,
+          style: { objectPosition },
+          "data-object-fit": "cover",
+          "data-object-position": objectPosition
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          role: "img",
+          className: imgClasses,
+          style: { backgroundPosition, backgroundImage }
+        }
+      )),
+      isVideoBackground && url && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "video",
+        {
+          className: (0, import_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, import_jsx_runtime.jsx)(
+        "div",
+        {
+          ...import_block_editor.useInnerBlocksProps.save({
+            className: "wp-block-cover__inner-container"
+          })
+        }
+      )
+    ] });
   }
 };
-
-// Deprecation for blocks to prevent auto overlay color from overriding previously set values.
 const v12 = {
   attributes: v12toV13BlockAttributes,
   supports: v12BlockSupports,
   isEligible(attributes) {
-    return (attributes.customOverlayColor !== undefined || attributes.overlayColor !== undefined) && attributes.isUserOverlayColor === undefined;
+    return (attributes.customOverlayColor !== void 0 || attributes.overlayColor !== void 0) && attributes.isUserOverlayColor === void 0;
   },
   migrate(attributes) {
     return {
@@ -488,9 +533,7 @@ const v12 = {
       isUserOverlayColor: true
     };
   },
-  save({
-    attributes
-  }) {
+  save({ attributes }) {
     const {
       backgroundType,
       gradient,
@@ -511,96 +554,118 @@ const v12 = {
       minHeightUnit,
       tagName: Tag
     } = attributes;
-    const overlayColorClass = (0, _blockEditor.getColorClassName)('background-color', overlayColor);
-    const gradientClass = (0, _blockEditor.__experimentalGetGradientClass)(gradient);
+    const overlayColorClass = (0, import_block_editor.getColorClassName)(
+      "background-color",
+      overlayColor
+    );
+    const gradientClass = (0, import_block_editor.__experimentalGetGradientClass)(gradient);
     const minHeight = minHeightProp && minHeightUnit ? `${minHeightProp}${minHeightUnit}` : minHeightProp;
-    const isImageBackground = _shared.IMAGE_BACKGROUND_TYPE === backgroundType;
-    const isVideoBackground = _shared.VIDEO_BACKGROUND_TYPE === backgroundType;
+    const isImageBackground = import_shared.IMAGE_BACKGROUND_TYPE === backgroundType;
+    const isVideoBackground = import_shared.VIDEO_BACKGROUND_TYPE === backgroundType;
     const isImgElement = !(hasParallax || isRepeated);
     const style = {
-      minHeight: minHeight || undefined
+      minHeight: minHeight || void 0
     };
     const bgStyle = {
-      backgroundColor: !overlayColorClass ? customOverlayColor : undefined,
-      background: customGradient ? customGradient : undefined
+      backgroundColor: !overlayColorClass ? customOverlayColor : void 0,
+      background: customGradient ? customGradient : void 0
     };
-    const objectPosition =
-    // prettier-ignore
-    focalPoint && isImgElement ? (0, _shared.mediaPosition)(focalPoint) : undefined;
-    const backgroundImage = url ? `url(${url})` : undefined;
-    const backgroundPosition = (0, _shared.mediaPosition)(focalPoint);
-    const classes = (0, _clsx.default)({
-      'is-light': !isDark,
-      'has-parallax': hasParallax,
-      'is-repeated': isRepeated,
-      'has-custom-content-position': !(0, _shared.isContentPositionCenter)(contentPosition)
-    }, (0, _shared.getPositionClassName)(contentPosition));
-    const imgClasses = (0, _clsx.default)('wp-block-cover__image-background', id ? `wp-image-${id}` : null, {
-      'has-parallax': hasParallax,
-      'is-repeated': isRepeated
-    });
+    const objectPosition = (
+      // prettier-ignore
+      focalPoint && isImgElement ? (0, import_shared.mediaPosition)(focalPoint) : void 0
+    );
+    const backgroundImage = url ? `url(${url})` : void 0;
+    const backgroundPosition = (0, import_shared.mediaPosition)(focalPoint);
+    const classes = (0, import_clsx.default)(
+      {
+        "is-light": !isDark,
+        "has-parallax": hasParallax,
+        "is-repeated": isRepeated,
+        "has-custom-content-position": !(0, import_shared.isContentPositionCenter)(contentPosition)
+      },
+      (0, import_shared.getPositionClassName)(contentPosition)
+    );
+    const imgClasses = (0, import_clsx.default)(
+      "wp-block-cover__image-background",
+      id ? `wp-image-${id}` : null,
+      {
+        "has-parallax": hasParallax,
+        "is-repeated": isRepeated
+      }
+    );
     const gradientValue = gradient || customGradient;
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Tag, {
-      ..._blockEditor.useBlockProps.save({
-        className: classes,
-        style
-      }),
-      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
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Tag, { ...import_block_editor.useBlockProps.save({ className: classes, style }), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: (0, import_clsx.default)(
+            "wp-block-cover__background",
+            overlayColorClass,
+            (0, import_shared.dimRatioToClass)(dimRatio),
+            {
+              "has-background-dim": dimRatio !== void 0,
+              // 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
         }
-      })), 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'
-        })
-      })]
-    });
+      ),
+      !useFeaturedImage && isImageBackground && url && (isImgElement ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "img",
+        {
+          className: imgClasses,
+          alt,
+          src: url,
+          style: { objectPosition },
+          "data-object-fit": "cover",
+          "data-object-position": objectPosition
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          role: "img",
+          className: imgClasses,
+          style: { backgroundPosition, backgroundImage }
+        }
+      )),
+      isVideoBackground && url && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "video",
+        {
+          className: (0, import_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, import_jsx_runtime.jsx)(
+        "div",
+        {
+          ...import_block_editor.useInnerBlocksProps.save({
+            className: "wp-block-cover__inner-container"
+          })
+        }
+      )
+    ] });
   }
 };
-
-// Deprecation for blocks that does not have a HTML tag option.
 const v11 = {
   attributes: v8ToV11BlockAttributes,
   supports: v7toV11BlockSupports,
-  save({
-    attributes
-  }) {
+  save({ attributes }) {
     const {
       backgroundType,
       gradient,
@@ -620,97 +685,119 @@ const v11 = {
       minHeight: minHeightProp,
       minHeightUnit
     } = attributes;
-    const overlayColorClass = (0, _blockEditor.getColorClassName)('background-color', overlayColor);
-    const gradientClass = (0, _blockEditor.__experimentalGetGradientClass)(gradient);
+    const overlayColorClass = (0, import_block_editor.getColorClassName)(
+      "background-color",
+      overlayColor
+    );
+    const gradientClass = (0, import_block_editor.__experimentalGetGradientClass)(gradient);
     const minHeight = minHeightProp && minHeightUnit ? `${minHeightProp}${minHeightUnit}` : minHeightProp;
-    const isImageBackground = _shared.IMAGE_BACKGROUND_TYPE === backgroundType;
-    const isVideoBackground = _shared.VIDEO_BACKGROUND_TYPE === backgroundType;
+    const isImageBackground = import_shared.IMAGE_BACKGROUND_TYPE === backgroundType;
+    const isVideoBackground = import_shared.VIDEO_BACKGROUND_TYPE === backgroundType;
     const isImgElement = !(hasParallax || isRepeated);
     const style = {
-      minHeight: minHeight || undefined
+      minHeight: minHeight || void 0
     };
     const bgStyle = {
-      backgroundColor: !overlayColorClass ? customOverlayColor : undefined,
-      background: customGradient ? customGradient : undefined
+      backgroundColor: !overlayColorClass ? customOverlayColor : void 0,
+      background: customGradient ? customGradient : void 0
     };
-    const objectPosition =
-    // prettier-ignore
-    focalPoint && isImgElement ? (0, _shared.mediaPosition)(focalPoint) : undefined;
-    const backgroundImage = url ? `url(${url})` : undefined;
-    const backgroundPosition = (0, _shared.mediaPosition)(focalPoint);
-    const classes = (0, _clsx.default)({
-      'is-light': !isDark,
-      'has-parallax': hasParallax,
-      'is-repeated': isRepeated,
-      'has-custom-content-position': !(0, _shared.isContentPositionCenter)(contentPosition)
-    }, (0, _shared.getPositionClassName)(contentPosition));
-    const imgClasses = (0, _clsx.default)('wp-block-cover__image-background', id ? `wp-image-${id}` : null, {
-      'has-parallax': hasParallax,
-      'is-repeated': isRepeated
-    });
+    const objectPosition = (
+      // prettier-ignore
+      focalPoint && isImgElement ? (0, import_shared.mediaPosition)(focalPoint) : void 0
+    );
+    const backgroundImage = url ? `url(${url})` : void 0;
+    const backgroundPosition = (0, import_shared.mediaPosition)(focalPoint);
+    const classes = (0, import_clsx.default)(
+      {
+        "is-light": !isDark,
+        "has-parallax": hasParallax,
+        "is-repeated": isRepeated,
+        "has-custom-content-position": !(0, import_shared.isContentPositionCenter)(contentPosition)
+      },
+      (0, import_shared.getPositionClassName)(contentPosition)
+    );
+    const imgClasses = (0, import_clsx.default)(
+      "wp-block-cover__image-background",
+      id ? `wp-image-${id}` : null,
+      {
+        "has-parallax": hasParallax,
+        "is-repeated": isRepeated
+      }
+    );
     const gradientValue = gradient || customGradient;
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      ..._blockEditor.useBlockProps.save({
-        className: classes,
-        style
-      }),
-      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
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ...import_block_editor.useBlockProps.save({ className: classes, style }), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: (0, import_clsx.default)(
+            "wp-block-cover__background",
+            overlayColorClass,
+            (0, import_shared.dimRatioToClass)(dimRatio),
+            {
+              "has-background-dim": dimRatio !== void 0,
+              // 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
         }
-      })), 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'
-        })
-      })]
-    });
+      ),
+      !useFeaturedImage && isImageBackground && url && (isImgElement ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "img",
+        {
+          className: imgClasses,
+          alt,
+          src: url,
+          style: { objectPosition },
+          "data-object-fit": "cover",
+          "data-object-position": objectPosition
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          role: "img",
+          className: imgClasses,
+          style: { backgroundPosition, backgroundImage }
+        }
+      )),
+      isVideoBackground && url && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "video",
+        {
+          className: (0, import_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, import_jsx_runtime.jsx)(
+        "div",
+        {
+          ...import_block_editor.useInnerBlocksProps.save({
+            className: "wp-block-cover__inner-container"
+          })
+        }
+      )
+    ] });
   },
   migrate: migrateTag
 };
-
-// Deprecation for blocks that renders fixed background as background from the main block container.
 const v10 = {
   attributes: v8ToV11BlockAttributes,
   supports: v7toV11BlockSupports,
-  save({
-    attributes
-  }) {
+  save({ attributes }) {
     const {
       backgroundType,
       gradient,
@@ -730,85 +817,106 @@ const v10 = {
       minHeight: minHeightProp,
       minHeightUnit
     } = attributes;
-    const overlayColorClass = (0, _blockEditor.getColorClassName)('background-color', overlayColor);
-    const gradientClass = (0, _blockEditor.__experimentalGetGradientClass)(gradient);
+    const overlayColorClass = (0, import_block_editor.getColorClassName)(
+      "background-color",
+      overlayColor
+    );
+    const gradientClass = (0, import_block_editor.__experimentalGetGradientClass)(gradient);
     const minHeight = minHeightProp && minHeightUnit ? `${minHeightProp}${minHeightUnit}` : minHeightProp;
-    const isImageBackground = _shared.IMAGE_BACKGROUND_TYPE === backgroundType;
-    const isVideoBackground = _shared.VIDEO_BACKGROUND_TYPE === backgroundType;
+    const isImageBackground = import_shared.IMAGE_BACKGROUND_TYPE === backgroundType;
+    const isVideoBackground = import_shared.VIDEO_BACKGROUND_TYPE === backgroundType;
     const isImgElement = !(hasParallax || isRepeated);
     const style = {
-      ...(isImageBackground && !isImgElement && !useFeaturedImage ? backgroundImageStyles(url) : {}),
-      minHeight: minHeight || undefined
+      ...isImageBackground && !isImgElement && !useFeaturedImage ? backgroundImageStyles(url) : {},
+      minHeight: minHeight || void 0
     };
     const bgStyle = {
-      backgroundColor: !overlayColorClass ? customOverlayColor : undefined,
-      background: customGradient ? customGradient : undefined
+      backgroundColor: !overlayColorClass ? customOverlayColor : void 0,
+      background: customGradient ? customGradient : void 0
     };
-    const objectPosition =
-    // prettier-ignore
-    focalPoint && isImgElement ? `${Math.round(focalPoint.x * 100)}% ${Math.round(focalPoint.y * 100)}%` : undefined;
-    const classes = (0, _clsx.default)({
-      'is-light': !isDark,
-      'has-parallax': hasParallax,
-      'is-repeated': isRepeated,
-      'has-custom-content-position': !(0, _shared.isContentPositionCenter)(contentPosition)
-    }, (0, _shared.getPositionClassName)(contentPosition));
+    const objectPosition = (
+      // prettier-ignore
+      focalPoint && isImgElement ? `${Math.round(focalPoint.x * 100)}% ${Math.round(focalPoint.y * 100)}%` : void 0
+    );
+    const classes = (0, import_clsx.default)(
+      {
+        "is-light": !isDark,
+        "has-parallax": hasParallax,
+        "is-repeated": isRepeated,
+        "has-custom-content-position": !(0, import_shared.isContentPositionCenter)(contentPosition)
+      },
+      (0, import_shared.getPositionClassName)(contentPosition)
+    );
     const gradientValue = gradient || customGradient;
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      ..._blockEditor.useBlockProps.save({
-        className: classes,
-        style
-      }),
-      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'
-        })
-      })]
-    });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ...import_block_editor.useBlockProps.save({ className: classes, style }), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: (0, import_clsx.default)(
+            "wp-block-cover__background",
+            overlayColorClass,
+            (0, import_shared.dimRatioToClass)(dimRatio),
+            {
+              "has-background-dim": dimRatio !== void 0,
+              // 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, import_jsx_runtime.jsx)(
+        "img",
+        {
+          className: (0, import_clsx.default)(
+            "wp-block-cover__image-background",
+            id ? `wp-image-${id}` : null
+          ),
+          alt,
+          src: url,
+          style: { objectPosition },
+          "data-object-fit": "cover",
+          "data-object-position": objectPosition
+        }
+      ),
+      isVideoBackground && url && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "video",
+        {
+          className: (0, import_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, import_jsx_runtime.jsx)(
+        "div",
+        {
+          ...import_block_editor.useInnerBlocksProps.save({
+            className: "wp-block-cover__inner-container"
+          })
+        }
+      )
+    ] });
   },
   migrate: migrateTag
 };
-
-// Deprecation for blocks with `minHeightUnit` set but no `minHeight`.
 const v9 = {
   attributes: v8ToV11BlockAttributes,
   supports: v7toV11BlockSupports,
-  save({
-    attributes
-  }) {
+  save({ attributes }) {
     const {
       backgroundType,
       gradient,
@@ -827,85 +935,106 @@ const v9 = {
       minHeight: minHeightProp,
       minHeightUnit
     } = attributes;
-    const overlayColorClass = (0, _blockEditor.getColorClassName)('background-color', overlayColor);
-    const gradientClass = (0, _blockEditor.__experimentalGetGradientClass)(gradient);
+    const overlayColorClass = (0, import_block_editor.getColorClassName)(
+      "background-color",
+      overlayColor
+    );
+    const gradientClass = (0, import_block_editor.__experimentalGetGradientClass)(gradient);
     const minHeight = minHeightUnit ? `${minHeightProp}${minHeightUnit}` : minHeightProp;
-    const isImageBackground = _shared.IMAGE_BACKGROUND_TYPE === backgroundType;
-    const isVideoBackground = _shared.VIDEO_BACKGROUND_TYPE === backgroundType;
+    const isImageBackground = import_shared.IMAGE_BACKGROUND_TYPE === backgroundType;
+    const isVideoBackground = import_shared.VIDEO_BACKGROUND_TYPE === backgroundType;
     const isImgElement = !(hasParallax || isRepeated);
     const style = {
-      ...(isImageBackground && !isImgElement ? backgroundImageStyles(url) : {}),
-      minHeight: minHeight || undefined
+      ...isImageBackground && !isImgElement ? backgroundImageStyles(url) : {},
+      minHeight: minHeight || void 0
     };
     const bgStyle = {
-      backgroundColor: !overlayColorClass ? customOverlayColor : undefined,
-      background: customGradient ? customGradient : undefined
+      backgroundColor: !overlayColorClass ? customOverlayColor : void 0,
+      background: customGradient ? customGradient : void 0
     };
-    const objectPosition =
-    // prettier-ignore
-    focalPoint && isImgElement ? `${Math.round(focalPoint.x * 100)}% ${Math.round(focalPoint.y * 100)}%` : undefined;
-    const classes = (0, _clsx.default)({
-      'is-light': !isDark,
-      'has-parallax': hasParallax,
-      'is-repeated': isRepeated,
-      'has-custom-content-position': !(0, _shared.isContentPositionCenter)(contentPosition)
-    }, (0, _shared.getPositionClassName)(contentPosition));
+    const objectPosition = (
+      // prettier-ignore
+      focalPoint && isImgElement ? `${Math.round(focalPoint.x * 100)}% ${Math.round(focalPoint.y * 100)}%` : void 0
+    );
+    const classes = (0, import_clsx.default)(
+      {
+        "is-light": !isDark,
+        "has-parallax": hasParallax,
+        "is-repeated": isRepeated,
+        "has-custom-content-position": !(0, import_shared.isContentPositionCenter)(contentPosition)
+      },
+      (0, import_shared.getPositionClassName)(contentPosition)
+    );
     const gradientValue = gradient || customGradient;
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      ..._blockEditor.useBlockProps.save({
-        className: classes,
-        style
-      }),
-      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'
-        })
-      })]
-    });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ...import_block_editor.useBlockProps.save({ className: classes, style }), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: (0, import_clsx.default)(
+            "wp-block-cover__background",
+            overlayColorClass,
+            (0, import_shared.dimRatioToClass)(dimRatio),
+            {
+              "has-background-dim": dimRatio !== void 0,
+              // 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, import_jsx_runtime.jsx)(
+        "img",
+        {
+          className: (0, import_clsx.default)(
+            "wp-block-cover__image-background",
+            id ? `wp-image-${id}` : null
+          ),
+          alt,
+          src: url,
+          style: { objectPosition },
+          "data-object-fit": "cover",
+          "data-object-position": objectPosition
+        }
+      ),
+      isVideoBackground && url && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "video",
+        {
+          className: (0, import_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, import_jsx_runtime.jsx)(
+        "div",
+        {
+          ...import_block_editor.useInnerBlocksProps.save({
+            className: "wp-block-cover__inner-container"
+          })
+        }
+      )
+    ] });
   },
   migrate: migrateTag
 };
-
-// v8: deprecated to remove duplicated gradient classes and swap `wp-block-cover__gradient-background` for `wp-block-cover__background`.
 const v8 = {
   attributes: v8ToV11BlockAttributes,
   supports: v7toV11BlockSupports,
-  save({
-    attributes
-  }) {
+  save({ attributes }) {
     const {
       backgroundType,
       gradient,
@@ -924,69 +1053,95 @@ const v8 = {
       minHeight: minHeightProp,
       minHeightUnit
     } = attributes;
-    const overlayColorClass = (0, _blockEditor.getColorClassName)('background-color', overlayColor);
-    const gradientClass = (0, _blockEditor.__experimentalGetGradientClass)(gradient);
+    const overlayColorClass = (0, import_block_editor.getColorClassName)(
+      "background-color",
+      overlayColor
+    );
+    const gradientClass = (0, import_block_editor.__experimentalGetGradientClass)(gradient);
     const minHeight = minHeightUnit ? `${minHeightProp}${minHeightUnit}` : minHeightProp;
-    const isImageBackground = _shared.IMAGE_BACKGROUND_TYPE === backgroundType;
-    const isVideoBackground = _shared.VIDEO_BACKGROUND_TYPE === backgroundType;
+    const isImageBackground = import_shared.IMAGE_BACKGROUND_TYPE === backgroundType;
+    const isVideoBackground = import_shared.VIDEO_BACKGROUND_TYPE === backgroundType;
     const isImgElement = !(hasParallax || isRepeated);
     const style = {
-      ...(isImageBackground && !isImgElement ? backgroundImageStyles(url) : {}),
-      minHeight: minHeight || undefined
+      ...isImageBackground && !isImgElement ? backgroundImageStyles(url) : {},
+      minHeight: minHeight || void 0
     };
     const bgStyle = {
-      backgroundColor: !overlayColorClass ? customOverlayColor : undefined,
-      background: customGradient ? customGradient : undefined
+      backgroundColor: !overlayColorClass ? customOverlayColor : void 0,
+      background: customGradient ? customGradient : void 0
     };
-    const objectPosition =
-    // prettier-ignore
-    focalPoint && isImgElement ? `${Math.round(focalPoint.x * 100)}% ${Math.round(focalPoint.y * 100)}%` : undefined;
-    const classes = (0, _clsx.default)({
-      'is-light': !isDark,
-      'has-parallax': hasParallax,
-      'is-repeated': isRepeated,
-      'has-custom-content-position': !(0, _shared.isContentPositionCenter)(contentPosition)
-    }, (0, _shared.getPositionClassName)(contentPosition));
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      ..._blockEditor.useBlockProps.save({
-        className: classes,
-        style
-      }),
-      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'
-        })
-      })]
-    });
+    const objectPosition = (
+      // prettier-ignore
+      focalPoint && isImgElement ? `${Math.round(focalPoint.x * 100)}% ${Math.round(focalPoint.y * 100)}%` : void 0
+    );
+    const classes = (0, import_clsx.default)(
+      {
+        "is-light": !isDark,
+        "has-parallax": hasParallax,
+        "is-repeated": isRepeated,
+        "has-custom-content-position": !(0, import_shared.isContentPositionCenter)(contentPosition)
+      },
+      (0, import_shared.getPositionClassName)(contentPosition)
+    );
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ...import_block_editor.useBlockProps.save({ className: classes, style }), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: (0, import_clsx.default)(
+            overlayColorClass,
+            (0, import_shared.dimRatioToClass)(dimRatio),
+            "wp-block-cover__gradient-background",
+            gradientClass,
+            {
+              "has-background-dim": dimRatio !== void 0,
+              "has-background-gradient": gradient || customGradient,
+              [gradientClass]: !url && gradientClass
+            }
+          ),
+          style: bgStyle
+        }
+      ),
+      isImageBackground && isImgElement && url && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "img",
+        {
+          className: (0, import_clsx.default)(
+            "wp-block-cover__image-background",
+            id ? `wp-image-${id}` : null
+          ),
+          alt,
+          src: url,
+          style: { objectPosition },
+          "data-object-fit": "cover",
+          "data-object-position": objectPosition
+        }
+      ),
+      isVideoBackground && url && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "video",
+        {
+          className: (0, import_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, import_jsx_runtime.jsx)(
+        "div",
+        {
+          ...import_block_editor.useInnerBlocksProps.save({
+            className: "wp-block-cover__inner-container"
+          })
+        }
+      )
+    ] });
   },
   migrate: migrateTag
 };
@@ -994,36 +1149,34 @@ const v7 = {
   attributes: {
     ...blockAttributes,
     isRepeated: {
-      type: 'boolean',
+      type: "boolean",
       default: false
     },
     minHeight: {
-      type: 'number'
+      type: "number"
     },
     minHeightUnit: {
-      type: 'string'
+      type: "string"
     },
     gradient: {
-      type: 'string'
+      type: "string"
     },
     customGradient: {
-      type: 'string'
+      type: "string"
     },
     contentPosition: {
-      type: 'string'
+      type: "string"
     },
     alt: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'img',
-      attribute: 'alt',
-      default: ''
+      type: "string",
+      source: "attribute",
+      selector: "img",
+      attribute: "alt",
+      default: ""
     }
   },
   supports: v7toV11BlockSupports,
-  save({
-    attributes
-  }) {
+  save({ attributes }) {
     const {
       backgroundType,
       gradient,
@@ -1041,98 +1194,113 @@ const v7 = {
       minHeight: minHeightProp,
       minHeightUnit
     } = attributes;
-    const overlayColorClass = (0, _blockEditor.getColorClassName)('background-color', overlayColor);
-    const gradientClass = (0, _blockEditor.__experimentalGetGradientClass)(gradient);
+    const overlayColorClass = (0, import_block_editor.getColorClassName)(
+      "background-color",
+      overlayColor
+    );
+    const gradientClass = (0, import_block_editor.__experimentalGetGradientClass)(gradient);
     const minHeight = minHeightUnit ? `${minHeightProp}${minHeightUnit}` : minHeightProp;
-    const isImageBackground = _shared.IMAGE_BACKGROUND_TYPE === backgroundType;
-    const isVideoBackground = _shared.VIDEO_BACKGROUND_TYPE === backgroundType;
+    const isImageBackground = import_shared.IMAGE_BACKGROUND_TYPE === backgroundType;
+    const isVideoBackground = import_shared.VIDEO_BACKGROUND_TYPE === backgroundType;
     const isImgElement = !(hasParallax || isRepeated);
     const style = {
-      ...(isImageBackground && !isImgElement ? backgroundImageStyles(url) : {}),
-      backgroundColor: !overlayColorClass ? customOverlayColor : undefined,
-      background: customGradient && !url ? customGradient : undefined,
-      minHeight: minHeight || undefined
+      ...isImageBackground && !isImgElement ? backgroundImageStyles(url) : {},
+      backgroundColor: !overlayColorClass ? customOverlayColor : void 0,
+      background: customGradient && !url ? customGradient : void 0,
+      minHeight: minHeight || void 0
     };
-    const objectPosition =
-    // prettier-ignore
-    focalPoint && isImgElement ? `${Math.round(focalPoint.x * 100)}% ${Math.round(focalPoint.y * 100)}%` : undefined;
-    const classes = (0, _clsx.default)(dimRatioToClassV1(dimRatio), overlayColorClass, {
-      'has-background-dim': dimRatio !== 0,
-      'has-parallax': hasParallax,
-      'is-repeated': isRepeated,
-      'has-background-gradient': gradient || customGradient,
-      [gradientClass]: !url && gradientClass,
-      'has-custom-content-position': !(0, _shared.isContentPositionCenter)(contentPosition)
-    }, (0, _shared.getPositionClassName)(contentPosition));
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      ..._blockEditor.useBlockProps.save({
-        className: classes,
-        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
-      }), 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, {})
-      })]
-    });
+    const objectPosition = (
+      // prettier-ignore
+      focalPoint && isImgElement ? `${Math.round(focalPoint.x * 100)}% ${Math.round(focalPoint.y * 100)}%` : void 0
+    );
+    const classes = (0, import_clsx.default)(
+      dimRatioToClassV1(dimRatio),
+      overlayColorClass,
+      {
+        "has-background-dim": dimRatio !== 0,
+        "has-parallax": hasParallax,
+        "is-repeated": isRepeated,
+        "has-background-gradient": gradient || customGradient,
+        [gradientClass]: !url && gradientClass,
+        "has-custom-content-position": !(0, import_shared.isContentPositionCenter)(contentPosition)
+      },
+      (0, import_shared.getPositionClassName)(contentPosition)
+    );
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ...import_block_editor.useBlockProps.save({ className: classes, style }), children: [
+      url && (gradient || customGradient) && dimRatio !== 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: (0, import_clsx.default)(
+            "wp-block-cover__gradient-background",
+            gradientClass
+          ),
+          style: customGradient ? { background: customGradient } : void 0
+        }
+      ),
+      isImageBackground && isImgElement && url && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "img",
+        {
+          className: (0, import_clsx.default)(
+            "wp-block-cover__image-background",
+            id ? `wp-image-${id}` : null
+          ),
+          alt,
+          src: url,
+          style: { objectPosition },
+          "data-object-fit": "cover",
+          "data-object-position": objectPosition
+        }
+      ),
+      isVideoBackground && url && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "video",
+        {
+          className: (0, import_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, import_jsx_runtime.jsx)("div", { className: "wp-block-cover__inner-container", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.InnerBlocks.Content, {}) })
+    ] });
   },
-  migrate: (0, _compose.compose)(migrateDimRatio, migrateTag)
+  migrate: (0, import_compose.compose)(migrateDimRatio, migrateTag)
 };
 const v6 = {
   attributes: {
     ...blockAttributes,
     isRepeated: {
-      type: 'boolean',
+      type: "boolean",
       default: false
     },
     minHeight: {
-      type: 'number'
+      type: "number"
     },
     minHeightUnit: {
-      type: 'string'
+      type: "string"
     },
     gradient: {
-      type: 'string'
+      type: "string"
     },
     customGradient: {
-      type: 'string'
+      type: "string"
     },
     contentPosition: {
-      type: 'string'
+      type: "string"
     }
   },
   supports: {
     align: true
   },
-  save({
-    attributes
-  }) {
+  save({ attributes }) {
     const {
       backgroundType,
       gradient,
@@ -1148,11 +1316,14 @@ const v6 = {
       minHeight: minHeightProp,
       minHeightUnit
     } = attributes;
-    const overlayColorClass = (0, _blockEditor.getColorClassName)('background-color', overlayColor);
-    const gradientClass = (0, _blockEditor.__experimentalGetGradientClass)(gradient);
+    const overlayColorClass = (0, import_block_editor.getColorClassName)(
+      "background-color",
+      overlayColor
+    );
+    const gradientClass = (0, import_block_editor.__experimentalGetGradientClass)(gradient);
     const minHeight = minHeightUnit ? `${minHeightProp}${minHeightUnit}` : minHeightProp;
-    const isImageBackground = _shared.IMAGE_BACKGROUND_TYPE === backgroundType;
-    const isVideoBackground = _shared.VIDEO_BACKGROUND_TYPE === backgroundType;
+    const isImageBackground = import_shared.IMAGE_BACKGROUND_TYPE === backgroundType;
+    const isVideoBackground = import_shared.VIDEO_BACKGROUND_TYPE === backgroundType;
     const style = isImageBackground ? backgroundImageStyles(url) : {};
     const videoStyle = {};
     if (!overlayColorClass) {
@@ -1161,10 +1332,12 @@ const v6 = {
     if (customGradient && !url) {
       style.background = customGradient;
     }
-    style.minHeight = minHeight || undefined;
+    style.minHeight = minHeight || void 0;
     let positionValue;
     if (focalPoint) {
-      positionValue = `${Math.round(focalPoint.x * 100)}% ${Math.round(focalPoint.y * 100)}%`;
+      positionValue = `${Math.round(
+        focalPoint.x * 100
+      )}% ${Math.round(focalPoint.y * 100)}%`;
       if (isImageBackground && !hasParallax) {
         style.backgroundPosition = positionValue;
       }
@@ -1172,60 +1345,65 @@ const v6 = {
         videoStyle.objectPosition = positionValue;
       }
     }
-    const classes = (0, _clsx.default)(dimRatioToClassV1(dimRatio), overlayColorClass, {
-      'has-background-dim': dimRatio !== 0,
-      'has-parallax': hasParallax,
-      'is-repeated': isRepeated,
-      'has-background-gradient': gradient || customGradient,
-      [gradientClass]: !url && gradientClass,
-      'has-custom-content-position': !(0, _shared.isContentPositionCenter)(contentPosition)
-    }, (0, _shared.getPositionClassName)(contentPosition));
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      ..._blockEditor.useBlockProps.save({
-        className: classes,
-        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
-      }), 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, {})
-      })]
-    });
+    const classes = (0, import_clsx.default)(
+      dimRatioToClassV1(dimRatio),
+      overlayColorClass,
+      {
+        "has-background-dim": dimRatio !== 0,
+        "has-parallax": hasParallax,
+        "is-repeated": isRepeated,
+        "has-background-gradient": gradient || customGradient,
+        [gradientClass]: !url && gradientClass,
+        "has-custom-content-position": !(0, import_shared.isContentPositionCenter)(contentPosition)
+      },
+      (0, import_shared.getPositionClassName)(contentPosition)
+    );
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ...import_block_editor.useBlockProps.save({ className: classes, style }), children: [
+      url && (gradient || customGradient) && dimRatio !== 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: (0, import_clsx.default)(
+            "wp-block-cover__gradient-background",
+            gradientClass
+          ),
+          style: customGradient ? { background: customGradient } : void 0
+        }
+      ),
+      isVideoBackground && url && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "video",
+        {
+          className: "wp-block-cover__video-background",
+          autoPlay: true,
+          muted: true,
+          loop: true,
+          playsInline: true,
+          src: url,
+          style: videoStyle
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "wp-block-cover__inner-container", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.InnerBlocks.Content, {}) })
+    ] });
   },
-  migrate: (0, _compose.compose)(migrateDimRatio, migrateTag)
+  migrate: (0, import_compose.compose)(migrateDimRatio, migrateTag)
 };
 const v5 = {
   attributes: {
     ...blockAttributes,
     minHeight: {
-      type: 'number'
+      type: "number"
     },
     gradient: {
-      type: 'string'
+      type: "string"
     },
     customGradient: {
-      type: 'string'
+      type: "string"
     }
   },
   supports: {
     align: true
   },
-  save({
-    attributes
-  }) {
+  save({ attributes }) {
     const {
       backgroundType,
       gradient,
@@ -1238,67 +1416,78 @@ const v5 = {
       url,
       minHeight
     } = attributes;
-    const overlayColorClass = (0, _blockEditor.getColorClassName)('background-color', overlayColor);
-    const gradientClass = (0, _blockEditor.__experimentalGetGradientClass)(gradient);
-    const style = backgroundType === _shared.IMAGE_BACKGROUND_TYPE ? backgroundImageStyles(url) : {};
+    const overlayColorClass = (0, import_block_editor.getColorClassName)(
+      "background-color",
+      overlayColor
+    );
+    const gradientClass = (0, import_block_editor.__experimentalGetGradientClass)(gradient);
+    const style = backgroundType === import_shared.IMAGE_BACKGROUND_TYPE ? backgroundImageStyles(url) : {};
     if (!overlayColorClass) {
       style.backgroundColor = customOverlayColor;
     }
     if (focalPoint && !hasParallax) {
-      style.backgroundPosition = `${Math.round(focalPoint.x * 100)}% ${Math.round(focalPoint.y * 100)}%`;
+      style.backgroundPosition = `${Math.round(
+        focalPoint.x * 100
+      )}% ${Math.round(focalPoint.y * 100)}%`;
     }
     if (customGradient && !url) {
       style.background = customGradient;
     }
-    style.minHeight = minHeight || undefined;
-    const classes = (0, _clsx.default)(dimRatioToClassV1(dimRatio), overlayColorClass, {
-      'has-background-dim': dimRatio !== 0,
-      'has-parallax': hasParallax,
-      'has-background-gradient': customGradient,
-      [gradientClass]: !url && gradientClass
-    });
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: classes,
-      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, {})
-      })]
-    });
+    style.minHeight = minHeight || void 0;
+    const classes = (0, import_clsx.default)(
+      dimRatioToClassV1(dimRatio),
+      overlayColorClass,
+      {
+        "has-background-dim": dimRatio !== 0,
+        "has-parallax": hasParallax,
+        "has-background-gradient": customGradient,
+        [gradientClass]: !url && gradientClass
+      }
+    );
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: classes, style, children: [
+      url && (gradient || customGradient) && dimRatio !== 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: (0, import_clsx.default)(
+            "wp-block-cover__gradient-background",
+            gradientClass
+          ),
+          style: customGradient ? { background: customGradient } : void 0
+        }
+      ),
+      import_shared.VIDEO_BACKGROUND_TYPE === backgroundType && url && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "video",
+        {
+          className: "wp-block-cover__video-background",
+          autoPlay: true,
+          muted: true,
+          loop: true,
+          src: url
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "wp-block-cover__inner-container", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.InnerBlocks.Content, {}) })
+    ] });
   },
-  migrate: (0, _compose.compose)(migrateDimRatio, migrateTag)
+  migrate: (0, import_compose.compose)(migrateDimRatio, migrateTag)
 };
 const v4 = {
   attributes: {
     ...blockAttributes,
     minHeight: {
-      type: 'number'
+      type: "number"
     },
     gradient: {
-      type: 'string'
+      type: "string"
     },
     customGradient: {
-      type: 'string'
+      type: "string"
     }
   },
   supports: {
     align: true
   },
-  save({
-    attributes
-  }) {
+  save({ attributes }) {
     const {
       backgroundType,
       gradient,
@@ -1311,9 +1500,12 @@ const v4 = {
       url,
       minHeight
     } = attributes;
-    const overlayColorClass = (0, _blockEditor.getColorClassName)('background-color', overlayColor);
-    const gradientClass = (0, _blockEditor.__experimentalGetGradientClass)(gradient);
-    const style = backgroundType === _shared.IMAGE_BACKGROUND_TYPE ? backgroundImageStyles(url) : {};
+    const overlayColorClass = (0, import_block_editor.getColorClassName)(
+      "background-color",
+      overlayColor
+    );
+    const gradientClass = (0, import_block_editor.__experimentalGetGradientClass)(gradient);
+    const style = backgroundType === import_shared.IMAGE_BACKGROUND_TYPE ? backgroundImageStyles(url) : {};
     if (!overlayColorClass) {
       style.backgroundColor = customOverlayColor;
     }
@@ -1323,55 +1515,61 @@ const v4 = {
     if (customGradient && !url) {
       style.background = customGradient;
     }
-    style.minHeight = minHeight || undefined;
-    const classes = (0, _clsx.default)(dimRatioToClassV1(dimRatio), overlayColorClass, {
-      'has-background-dim': dimRatio !== 0,
-      'has-parallax': hasParallax,
-      'has-background-gradient': customGradient,
-      [gradientClass]: !url && gradientClass
-    });
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: classes,
-      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, {})
-      })]
-    });
+    style.minHeight = minHeight || void 0;
+    const classes = (0, import_clsx.default)(
+      dimRatioToClassV1(dimRatio),
+      overlayColorClass,
+      {
+        "has-background-dim": dimRatio !== 0,
+        "has-parallax": hasParallax,
+        "has-background-gradient": customGradient,
+        [gradientClass]: !url && gradientClass
+      }
+    );
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: classes, style, children: [
+      url && (gradient || customGradient) && dimRatio !== 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: (0, import_clsx.default)(
+            "wp-block-cover__gradient-background",
+            gradientClass
+          ),
+          style: customGradient ? { background: customGradient } : void 0
+        }
+      ),
+      import_shared.VIDEO_BACKGROUND_TYPE === backgroundType && url && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "video",
+        {
+          className: "wp-block-cover__video-background",
+          autoPlay: true,
+          muted: true,
+          loop: true,
+          src: url
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "wp-block-cover__inner-container", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.InnerBlocks.Content, {}) })
+    ] });
   },
-  migrate: (0, _compose.compose)(migrateDimRatio, migrateTag)
+  migrate: (0, import_compose.compose)(migrateDimRatio, migrateTag)
 };
 const v3 = {
   attributes: {
     ...blockAttributes,
     title: {
-      type: 'string',
-      source: 'html',
-      selector: 'p'
+      type: "string",
+      source: "html",
+      selector: "p"
     },
     contentAlign: {
-      type: 'string',
-      default: 'center'
+      type: "string",
+      default: "center"
     }
   },
   supports: {
     align: true
   },
-  save({
-    attributes
-  }) {
+  save({ attributes }) {
     const {
       backgroundType,
       contentAlign,
@@ -1383,76 +1581,87 @@ const v3 = {
       title,
       url
     } = attributes;
-    const overlayColorClass = (0, _blockEditor.getColorClassName)('background-color', overlayColor);
-    const style = backgroundType === _shared.IMAGE_BACKGROUND_TYPE ? backgroundImageStyles(url) : {};
+    const overlayColorClass = (0, import_block_editor.getColorClassName)(
+      "background-color",
+      overlayColor
+    );
+    const style = backgroundType === import_shared.IMAGE_BACKGROUND_TYPE ? backgroundImageStyles(url) : {};
     if (!overlayColorClass) {
       style.backgroundColor = customOverlayColor;
     }
     if (focalPoint && !hasParallax) {
       style.backgroundPosition = `${focalPoint.x * 100}% ${focalPoint.y * 100}%`;
     }
-    const classes = (0, _clsx.default)(dimRatioToClassV1(dimRatio), overlayColorClass, {
-      'has-background-dim': dimRatio !== 0,
-      'has-parallax': hasParallax,
-      [`has-${contentAlign}-content`]: contentAlign !== 'center'
-    });
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: classes,
-      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
-      })]
-    });
+    const classes = (0, import_clsx.default)(
+      dimRatioToClassV1(dimRatio),
+      overlayColorClass,
+      {
+        "has-background-dim": dimRatio !== 0,
+        "has-parallax": hasParallax,
+        [`has-${contentAlign}-content`]: contentAlign !== "center"
+      }
+    );
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: classes, style, children: [
+      import_shared.VIDEO_BACKGROUND_TYPE === backgroundType && url && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "video",
+        {
+          className: "wp-block-cover__video-background",
+          autoPlay: true,
+          muted: true,
+          loop: true,
+          src: url
+        }
+      ),
+      !import_block_editor.RichText.isEmpty(title) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_block_editor.RichText.Content,
+        {
+          tagName: "p",
+          className: "wp-block-cover-text",
+          value: title
+        }
+      )
+    ] });
   },
   migrate(attributes) {
     const newAttribs = {
       ...attributes,
       dimRatio: !attributes.url ? 100 : attributes.dimRatio,
-      tagName: !attributes.tagName ? 'div' : attributes.tagName
+      tagName: !attributes.tagName ? "div" : attributes.tagName
     };
-    const {
-      title,
-      contentAlign,
-      ...restAttributes
-    } = newAttribs;
-    return [restAttributes, [(0, _blocks.createBlock)('core/paragraph', {
-      content: attributes.title,
-      align: attributes.contentAlign,
-      fontSize: 'large',
-      placeholder: (0, _i18n.__)('Write title…')
-    })]];
+    const { title, contentAlign, ...restAttributes } = newAttribs;
+    return [
+      restAttributes,
+      [
+        (0, import_blocks.createBlock)("core/paragraph", {
+          content: attributes.title,
+          align: attributes.contentAlign,
+          fontSize: "large",
+          placeholder: (0, import_i18n.__)("Write title\u2026")
+        })
+      ]
+    ];
   }
 };
 const v2 = {
   attributes: {
     ...blockAttributes,
     title: {
-      type: 'string',
-      source: 'html',
-      selector: 'p'
+      type: "string",
+      source: "html",
+      selector: "p"
     },
     contentAlign: {
-      type: 'string',
-      default: 'center'
+      type: "string",
+      default: "center"
     },
     align: {
-      type: 'string'
+      type: "string"
     }
   },
   supports: {
     className: false
   },
-  save({
-    attributes
-  }) {
+  save({ attributes }) {
     const {
       url,
       title,
@@ -1463,108 +1672,106 @@ const v2 = {
       overlayColor,
       customOverlayColor
     } = attributes;
-    const overlayColorClass = (0, _blockEditor.getColorClassName)('background-color', overlayColor);
+    const overlayColorClass = (0, import_block_editor.getColorClassName)(
+      "background-color",
+      overlayColor
+    );
     const style = backgroundImageStyles(url);
     if (!overlayColorClass) {
       style.backgroundColor = customOverlayColor;
     }
-    const classes = (0, _clsx.default)('wp-block-cover-image', dimRatioToClassV1(dimRatio), overlayColorClass, {
-      'has-background-dim': dimRatio !== 0,
-      'has-parallax': hasParallax,
-      [`has-${contentAlign}-content`]: contentAlign !== 'center'
-    }, align ? `align${align}` : null);
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: classes,
-      style: style,
-      children: !_blockEditor.RichText.isEmpty(title) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText.Content, {
+    const classes = (0, import_clsx.default)(
+      "wp-block-cover-image",
+      dimRatioToClassV1(dimRatio),
+      overlayColorClass,
+      {
+        "has-background-dim": dimRatio !== 0,
+        "has-parallax": hasParallax,
+        [`has-${contentAlign}-content`]: contentAlign !== "center"
+      },
+      align ? `align${align}` : null
+    );
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: classes, style, children: !import_block_editor.RichText.isEmpty(title) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_block_editor.RichText.Content,
+      {
         tagName: "p",
         className: "wp-block-cover-image-text",
         value: title
-      })
-    });
+      }
+    ) });
   },
   migrate(attributes) {
     const newAttribs = {
       ...attributes,
       dimRatio: !attributes.url ? 100 : attributes.dimRatio,
-      tagName: !attributes.tagName ? 'div' : attributes.tagName
+      tagName: !attributes.tagName ? "div" : attributes.tagName
     };
-    const {
-      title,
-      contentAlign,
-      align,
-      ...restAttributes
-    } = newAttribs;
-    return [restAttributes, [(0, _blocks.createBlock)('core/paragraph', {
-      content: attributes.title,
-      align: attributes.contentAlign,
-      fontSize: 'large',
-      placeholder: (0, _i18n.__)('Write title…')
-    })]];
+    const { title, contentAlign, align, ...restAttributes } = newAttribs;
+    return [
+      restAttributes,
+      [
+        (0, import_blocks.createBlock)("core/paragraph", {
+          content: attributes.title,
+          align: attributes.contentAlign,
+          fontSize: "large",
+          placeholder: (0, import_i18n.__)("Write title\u2026")
+        })
+      ]
+    ];
   }
 };
 const v1 = {
   attributes: {
     ...blockAttributes,
     title: {
-      type: 'string',
-      source: 'html',
-      selector: 'h2'
+      type: "string",
+      source: "html",
+      selector: "h2"
     },
     align: {
-      type: 'string'
+      type: "string"
     },
     contentAlign: {
-      type: 'string',
-      default: 'center'
+      type: "string",
+      default: "center"
     }
   },
   supports: {
     className: false
   },
-  save({
-    attributes
-  }) {
-    const {
-      url,
-      title,
-      hasParallax,
-      dimRatio,
-      align
-    } = attributes;
+  save({ attributes }) {
+    const { url, title, hasParallax, dimRatio, align } = attributes;
     const style = backgroundImageStyles(url);
-    const classes = (0, _clsx.default)('wp-block-cover-image', dimRatioToClassV1(dimRatio), {
-      'has-background-dim': dimRatio !== 0,
-      'has-parallax': hasParallax
-    }, align ? `align${align}` : null);
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("section", {
-      className: classes,
-      style: style,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText.Content, {
-        tagName: "h2",
-        value: title
-      })
-    });
+    const classes = (0, import_clsx.default)(
+      "wp-block-cover-image",
+      dimRatioToClassV1(dimRatio),
+      {
+        "has-background-dim": dimRatio !== 0,
+        "has-parallax": hasParallax
+      },
+      align ? `align${align}` : null
+    );
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", { className: classes, style, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.RichText.Content, { tagName: "h2", value: title }) });
   },
   migrate(attributes) {
     const newAttribs = {
       ...attributes,
       dimRatio: !attributes.url ? 100 : attributes.dimRatio,
-      tagName: !attributes.tagName ? 'div' : attributes.tagName
+      tagName: !attributes.tagName ? "div" : attributes.tagName
     };
-    const {
-      title,
-      contentAlign,
-      align,
-      ...restAttributes
-    } = newAttribs;
-    return [restAttributes, [(0, _blocks.createBlock)('core/paragraph', {
-      content: attributes.title,
-      align: attributes.contentAlign,
-      fontSize: 'large',
-      placeholder: (0, _i18n.__)('Write title…')
-    })]];
+    const { title, contentAlign, align, ...restAttributes } = newAttribs;
+    return [
+      restAttributes,
+      [
+        (0, import_blocks.createBlock)("core/paragraph", {
+          content: attributes.title,
+          align: attributes.contentAlign,
+          fontSize: "large",
+          placeholder: (0, import_i18n.__)("Write title\u2026")
+        })
+      ]
+    ];
   }
 };
-var _default = exports.default = [v14, v13, v12, v11, v10, v9, v8, v7, v6, v5, v4, v3, v2, v1];
-//# sourceMappingURL=deprecated.js.map
+var deprecated_default = [v14, v13, v12, v11, v10, v9, v8, v7, v6, v5, v4, v3, v2, v1];
+//# sourceMappingURL=deprecated.js.map