@wordpress/block-library 9.32.0 → 9.33.0

package/build-module/cover/deprecated.js

@@ -1,37 +1,29 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { createBlock } from '@wordpress/blocks';
-import { RichText, getColorClassName, InnerBlocks, __experimentalGetGradientClass, useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';
-import { __ } from '@wordpress/i18n';
-import { compose } from '@wordpress/compose';
-
-/**
- * Internal dependencies
- */
-import { IMAGE_BACKGROUND_TYPE, VIDEO_BACKGROUND_TYPE, getPositionClassName, isContentPositionCenter, dimRatioToClass, mediaPosition } from './shared';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { createBlock } from "@wordpress/blocks";
+import {
+  RichText,
+  getColorClassName,
+  InnerBlocks,
+  __experimentalGetGradientClass,
+  useBlockProps,
+  useInnerBlocksProps
+} from "@wordpress/block-editor";
+import { __ } from "@wordpress/i18n";
+import { compose } from "@wordpress/compose";
+import {
+  IMAGE_BACKGROUND_TYPE,
+  VIDEO_BACKGROUND_TYPE,
+  getPositionClassName,
+  isContentPositionCenter,
+  dimRatioToClass,
+  mediaPosition
+} from "./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 {
@@ -43,7 +35,7 @@ function migrateTag(attributes) {
   if (!attributes.tagName) {
     attributes = {
       ...attributes,
-      tagName: 'div'
+      tagName: "div"
     };
   }
   return {
@@ -52,121 +44,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 = {
@@ -180,7 +172,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
   }
@@ -189,7 +181,7 @@ const v12BlockSupports = {
   ...v7toV11BlockSupports,
   spacing: {
     padding: true,
-    margin: ['top', 'bottom'],
+    margin: ["top", "bottom"],
     blockGap: true,
     __experimentalDefaultControls: {
       padding: true,
@@ -209,11 +201,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: {
@@ -243,14 +235,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,
@@ -272,98 +260,120 @@ const v14 = {
       tagName: Tag,
       sizeSlug
     } = attributes;
-    const overlayColorClass = getColorClassName('background-color', overlayColor);
+    const overlayColorClass = getColorClassName(
+      "background-color",
+      overlayColor
+    );
     const gradientClass = __experimentalGetGradientClass(gradient);
     const minHeight = minHeightProp && minHeightUnit ? `${minHeightProp}${minHeightUnit}` : minHeightProp;
     const isImageBackground = IMAGE_BACKGROUND_TYPE === backgroundType;
     const isVideoBackground = 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 ? mediaPosition(focalPoint) : undefined;
-    const backgroundImage = url ? `url(${url})` : undefined;
+    const objectPosition = (
+      // prettier-ignore
+      focalPoint && isImgElement ? mediaPosition(focalPoint) : void 0
+    );
+    const backgroundImage = url ? `url(${url})` : void 0;
     const backgroundPosition = mediaPosition(focalPoint);
-    const classes = clsx({
-      'is-light': !isDark,
-      'has-parallax': hasParallax,
-      'is-repeated': isRepeated,
-      'has-custom-content-position': !isContentPositionCenter(contentPosition)
-    }, getPositionClassName(contentPosition));
-    const imgClasses = clsx('wp-block-cover__image-background', id ? `wp-image-${id}` : null, {
-      [`size-${sizeSlug}`]: sizeSlug,
-      'has-parallax': hasParallax,
-      'is-repeated': isRepeated
-    });
+    const classes = clsx(
+      {
+        "is-light": !isDark,
+        "has-parallax": hasParallax,
+        "is-repeated": isRepeated,
+        "has-custom-content-position": !isContentPositionCenter(contentPosition)
+      },
+      getPositionClassName(contentPosition)
+    );
+    const imgClasses = clsx(
+      "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__*/_jsxs(Tag, {
-      ...useBlockProps.save({
-        className: classes,
-        style
-      }),
-      children: [/*#__PURE__*/_jsx("span", {
-        "aria-hidden": "true",
-        className: clsx('wp-block-cover__background', overlayColorClass, 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__*/_jsx("img", {
-        className: imgClasses,
-        alt: alt,
-        src: url,
-        style: {
-          objectPosition
-        },
-        "data-object-fit": "cover",
-        "data-object-position": objectPosition
-      }) : /*#__PURE__*/_jsx("div", {
-        role: alt ? 'img' : undefined,
-        "aria-label": alt ? alt : undefined,
-        className: imgClasses,
-        style: {
-          backgroundPosition,
-          backgroundImage
+    return /* @__PURE__ */ jsxs(Tag, { ...useBlockProps.save({ className: classes, style }), children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: clsx(
+            "wp-block-cover__background",
+            overlayColorClass,
+            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__*/_jsx("video", {
-        className: clsx('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__*/_jsx("div", {
-        ...useInnerBlocksProps.save({
-          className: 'wp-block-cover__inner-container'
-        })
-      })]
-    });
+      ),
+      !useFeaturedImage && isImageBackground && url && (isImgElement ? /* @__PURE__ */ jsx(
+        "img",
+        {
+          className: imgClasses,
+          alt,
+          src: url,
+          style: { objectPosition },
+          "data-object-fit": "cover",
+          "data-object-position": objectPosition
+        }
+      ) : /* @__PURE__ */ jsx(
+        "div",
+        {
+          role: alt ? "img" : void 0,
+          "aria-label": alt ? alt : void 0,
+          className: imgClasses,
+          style: { backgroundPosition, backgroundImage }
+        }
+      )),
+      isVideoBackground && url && /* @__PURE__ */ jsx(
+        "video",
+        {
+          className: clsx(
+            "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__ */ jsx(
+        "div",
+        {
+          ...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,
@@ -384,95 +394,119 @@ const v13 = {
       minHeightUnit,
       tagName: Tag
     } = attributes;
-    const overlayColorClass = getColorClassName('background-color', overlayColor);
+    const overlayColorClass = getColorClassName(
+      "background-color",
+      overlayColor
+    );
     const gradientClass = __experimentalGetGradientClass(gradient);
     const minHeight = minHeightProp && minHeightUnit ? `${minHeightProp}${minHeightUnit}` : minHeightProp;
     const isImageBackground = IMAGE_BACKGROUND_TYPE === backgroundType;
     const isVideoBackground = 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 ? mediaPosition(focalPoint) : undefined;
-    const backgroundImage = url ? `url(${url})` : undefined;
+    const objectPosition = (
+      // prettier-ignore
+      focalPoint && isImgElement ? mediaPosition(focalPoint) : void 0
+    );
+    const backgroundImage = url ? `url(${url})` : void 0;
     const backgroundPosition = mediaPosition(focalPoint);
-    const classes = clsx({
-      'is-light': !isDark,
-      'has-parallax': hasParallax,
-      'is-repeated': isRepeated,
-      'has-custom-content-position': !isContentPositionCenter(contentPosition)
-    }, getPositionClassName(contentPosition));
-    const imgClasses = clsx('wp-block-cover__image-background', id ? `wp-image-${id}` : null, {
-      'has-parallax': hasParallax,
-      'is-repeated': isRepeated
-    });
+    const classes = clsx(
+      {
+        "is-light": !isDark,
+        "has-parallax": hasParallax,
+        "is-repeated": isRepeated,
+        "has-custom-content-position": !isContentPositionCenter(contentPosition)
+      },
+      getPositionClassName(contentPosition)
+    );
+    const imgClasses = clsx(
+      "wp-block-cover__image-background",
+      id ? `wp-image-${id}` : null,
+      {
+        "has-parallax": hasParallax,
+        "is-repeated": isRepeated
+      }
+    );
     const gradientValue = gradient || customGradient;
-    return /*#__PURE__*/_jsxs(Tag, {
-      ...useBlockProps.save({
-        className: classes,
-        style
-      }),
-      children: [/*#__PURE__*/_jsx("span", {
-        "aria-hidden": "true",
-        className: clsx('wp-block-cover__background', overlayColorClass, 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__*/_jsx("img", {
-        className: imgClasses,
-        alt: alt,
-        src: url,
-        style: {
-          objectPosition
-        },
-        "data-object-fit": "cover",
-        "data-object-position": objectPosition
-      }) : /*#__PURE__*/_jsx("div", {
-        role: "img",
-        className: imgClasses,
-        style: {
-          backgroundPosition,
-          backgroundImage
+    return /* @__PURE__ */ jsxs(Tag, { ...useBlockProps.save({ className: classes, style }), children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: clsx(
+            "wp-block-cover__background",
+            overlayColorClass,
+            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__*/_jsx("video", {
-        className: clsx('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__*/_jsx("div", {
-        ...useInnerBlocksProps.save({
-          className: 'wp-block-cover__inner-container'
-        })
-      })]
-    });
+      ),
+      !useFeaturedImage && isImageBackground && url && (isImgElement ? /* @__PURE__ */ jsx(
+        "img",
+        {
+          className: imgClasses,
+          alt,
+          src: url,
+          style: { objectPosition },
+          "data-object-fit": "cover",
+          "data-object-position": objectPosition
+        }
+      ) : /* @__PURE__ */ jsx(
+        "div",
+        {
+          role: "img",
+          className: imgClasses,
+          style: { backgroundPosition, backgroundImage }
+        }
+      )),
+      isVideoBackground && url && /* @__PURE__ */ jsx(
+        "video",
+        {
+          className: clsx(
+            "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__ */ jsx(
+        "div",
+        {
+          ...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 {
@@ -480,9 +514,7 @@ const v12 = {
       isUserOverlayColor: true
     };
   },
-  save({
-    attributes
-  }) {
+  save({ attributes }) {
     const {
       backgroundType,
       gradient,
@@ -503,96 +535,118 @@ const v12 = {
       minHeightUnit,
       tagName: Tag
     } = attributes;
-    const overlayColorClass = getColorClassName('background-color', overlayColor);
+    const overlayColorClass = getColorClassName(
+      "background-color",
+      overlayColor
+    );
     const gradientClass = __experimentalGetGradientClass(gradient);
     const minHeight = minHeightProp && minHeightUnit ? `${minHeightProp}${minHeightUnit}` : minHeightProp;
     const isImageBackground = IMAGE_BACKGROUND_TYPE === backgroundType;
     const isVideoBackground = 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 ? mediaPosition(focalPoint) : undefined;
-    const backgroundImage = url ? `url(${url})` : undefined;
+    const objectPosition = (
+      // prettier-ignore
+      focalPoint && isImgElement ? mediaPosition(focalPoint) : void 0
+    );
+    const backgroundImage = url ? `url(${url})` : void 0;
     const backgroundPosition = mediaPosition(focalPoint);
-    const classes = clsx({
-      'is-light': !isDark,
-      'has-parallax': hasParallax,
-      'is-repeated': isRepeated,
-      'has-custom-content-position': !isContentPositionCenter(contentPosition)
-    }, getPositionClassName(contentPosition));
-    const imgClasses = clsx('wp-block-cover__image-background', id ? `wp-image-${id}` : null, {
-      'has-parallax': hasParallax,
-      'is-repeated': isRepeated
-    });
+    const classes = clsx(
+      {
+        "is-light": !isDark,
+        "has-parallax": hasParallax,
+        "is-repeated": isRepeated,
+        "has-custom-content-position": !isContentPositionCenter(contentPosition)
+      },
+      getPositionClassName(contentPosition)
+    );
+    const imgClasses = clsx(
+      "wp-block-cover__image-background",
+      id ? `wp-image-${id}` : null,
+      {
+        "has-parallax": hasParallax,
+        "is-repeated": isRepeated
+      }
+    );
     const gradientValue = gradient || customGradient;
-    return /*#__PURE__*/_jsxs(Tag, {
-      ...useBlockProps.save({
-        className: classes,
-        style
-      }),
-      children: [/*#__PURE__*/_jsx("span", {
-        "aria-hidden": "true",
-        className: clsx('wp-block-cover__background', overlayColorClass, 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__*/_jsx("img", {
-        className: imgClasses,
-        alt: alt,
-        src: url,
-        style: {
-          objectPosition
-        },
-        "data-object-fit": "cover",
-        "data-object-position": objectPosition
-      }) : /*#__PURE__*/_jsx("div", {
-        role: "img",
-        className: imgClasses,
-        style: {
-          backgroundPosition,
-          backgroundImage
+    return /* @__PURE__ */ jsxs(Tag, { ...useBlockProps.save({ className: classes, style }), children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: clsx(
+            "wp-block-cover__background",
+            overlayColorClass,
+            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__*/_jsx("video", {
-        className: clsx('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__*/_jsx("div", {
-        ...useInnerBlocksProps.save({
-          className: 'wp-block-cover__inner-container'
-        })
-      })]
-    });
+      ),
+      !useFeaturedImage && isImageBackground && url && (isImgElement ? /* @__PURE__ */ jsx(
+        "img",
+        {
+          className: imgClasses,
+          alt,
+          src: url,
+          style: { objectPosition },
+          "data-object-fit": "cover",
+          "data-object-position": objectPosition
+        }
+      ) : /* @__PURE__ */ jsx(
+        "div",
+        {
+          role: "img",
+          className: imgClasses,
+          style: { backgroundPosition, backgroundImage }
+        }
+      )),
+      isVideoBackground && url && /* @__PURE__ */ jsx(
+        "video",
+        {
+          className: clsx(
+            "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__ */ jsx(
+        "div",
+        {
+          ...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,
@@ -612,97 +666,119 @@ const v11 = {
       minHeight: minHeightProp,
       minHeightUnit
     } = attributes;
-    const overlayColorClass = getColorClassName('background-color', overlayColor);
+    const overlayColorClass = getColorClassName(
+      "background-color",
+      overlayColor
+    );
     const gradientClass = __experimentalGetGradientClass(gradient);
     const minHeight = minHeightProp && minHeightUnit ? `${minHeightProp}${minHeightUnit}` : minHeightProp;
     const isImageBackground = IMAGE_BACKGROUND_TYPE === backgroundType;
     const isVideoBackground = 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 ? mediaPosition(focalPoint) : undefined;
-    const backgroundImage = url ? `url(${url})` : undefined;
+    const objectPosition = (
+      // prettier-ignore
+      focalPoint && isImgElement ? mediaPosition(focalPoint) : void 0
+    );
+    const backgroundImage = url ? `url(${url})` : void 0;
     const backgroundPosition = mediaPosition(focalPoint);
-    const classes = clsx({
-      'is-light': !isDark,
-      'has-parallax': hasParallax,
-      'is-repeated': isRepeated,
-      'has-custom-content-position': !isContentPositionCenter(contentPosition)
-    }, getPositionClassName(contentPosition));
-    const imgClasses = clsx('wp-block-cover__image-background', id ? `wp-image-${id}` : null, {
-      'has-parallax': hasParallax,
-      'is-repeated': isRepeated
-    });
+    const classes = clsx(
+      {
+        "is-light": !isDark,
+        "has-parallax": hasParallax,
+        "is-repeated": isRepeated,
+        "has-custom-content-position": !isContentPositionCenter(contentPosition)
+      },
+      getPositionClassName(contentPosition)
+    );
+    const imgClasses = clsx(
+      "wp-block-cover__image-background",
+      id ? `wp-image-${id}` : null,
+      {
+        "has-parallax": hasParallax,
+        "is-repeated": isRepeated
+      }
+    );
     const gradientValue = gradient || customGradient;
-    return /*#__PURE__*/_jsxs("div", {
-      ...useBlockProps.save({
-        className: classes,
-        style
-      }),
-      children: [/*#__PURE__*/_jsx("span", {
-        "aria-hidden": "true",
-        className: clsx('wp-block-cover__background', overlayColorClass, 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__*/_jsx("img", {
-        className: imgClasses,
-        alt: alt,
-        src: url,
-        style: {
-          objectPosition
-        },
-        "data-object-fit": "cover",
-        "data-object-position": objectPosition
-      }) : /*#__PURE__*/_jsx("div", {
-        role: "img",
-        className: imgClasses,
-        style: {
-          backgroundPosition,
-          backgroundImage
+    return /* @__PURE__ */ jsxs("div", { ...useBlockProps.save({ className: classes, style }), children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: clsx(
+            "wp-block-cover__background",
+            overlayColorClass,
+            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__*/_jsx("video", {
-        className: clsx('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__*/_jsx("div", {
-        ...useInnerBlocksProps.save({
-          className: 'wp-block-cover__inner-container'
-        })
-      })]
-    });
+      ),
+      !useFeaturedImage && isImageBackground && url && (isImgElement ? /* @__PURE__ */ jsx(
+        "img",
+        {
+          className: imgClasses,
+          alt,
+          src: url,
+          style: { objectPosition },
+          "data-object-fit": "cover",
+          "data-object-position": objectPosition
+        }
+      ) : /* @__PURE__ */ jsx(
+        "div",
+        {
+          role: "img",
+          className: imgClasses,
+          style: { backgroundPosition, backgroundImage }
+        }
+      )),
+      isVideoBackground && url && /* @__PURE__ */ jsx(
+        "video",
+        {
+          className: clsx(
+            "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__ */ jsx(
+        "div",
+        {
+          ...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,
@@ -722,85 +798,106 @@ const v10 = {
       minHeight: minHeightProp,
       minHeightUnit
     } = attributes;
-    const overlayColorClass = getColorClassName('background-color', overlayColor);
+    const overlayColorClass = getColorClassName(
+      "background-color",
+      overlayColor
+    );
     const gradientClass = __experimentalGetGradientClass(gradient);
     const minHeight = minHeightProp && minHeightUnit ? `${minHeightProp}${minHeightUnit}` : minHeightProp;
     const isImageBackground = IMAGE_BACKGROUND_TYPE === backgroundType;
     const isVideoBackground = 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 = clsx({
-      'is-light': !isDark,
-      'has-parallax': hasParallax,
-      'is-repeated': isRepeated,
-      'has-custom-content-position': !isContentPositionCenter(contentPosition)
-    }, getPositionClassName(contentPosition));
+    const objectPosition = (
+      // prettier-ignore
+      focalPoint && isImgElement ? `${Math.round(focalPoint.x * 100)}% ${Math.round(focalPoint.y * 100)}%` : void 0
+    );
+    const classes = clsx(
+      {
+        "is-light": !isDark,
+        "has-parallax": hasParallax,
+        "is-repeated": isRepeated,
+        "has-custom-content-position": !isContentPositionCenter(contentPosition)
+      },
+      getPositionClassName(contentPosition)
+    );
     const gradientValue = gradient || customGradient;
-    return /*#__PURE__*/_jsxs("div", {
-      ...useBlockProps.save({
-        className: classes,
-        style
-      }),
-      children: [/*#__PURE__*/_jsx("span", {
-        "aria-hidden": "true",
-        className: clsx('wp-block-cover__background', overlayColorClass, 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__*/_jsx("img", {
-        className: clsx('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__*/_jsx("video", {
-        className: clsx('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__*/_jsx("div", {
-        ...useInnerBlocksProps.save({
-          className: 'wp-block-cover__inner-container'
-        })
-      })]
-    });
+    return /* @__PURE__ */ jsxs("div", { ...useBlockProps.save({ className: classes, style }), children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: clsx(
+            "wp-block-cover__background",
+            overlayColorClass,
+            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__ */ jsx(
+        "img",
+        {
+          className: clsx(
+            "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__ */ jsx(
+        "video",
+        {
+          className: clsx(
+            "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__ */ jsx(
+        "div",
+        {
+          ...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,
@@ -819,85 +916,106 @@ const v9 = {
       minHeight: minHeightProp,
       minHeightUnit
     } = attributes;
-    const overlayColorClass = getColorClassName('background-color', overlayColor);
+    const overlayColorClass = getColorClassName(
+      "background-color",
+      overlayColor
+    );
     const gradientClass = __experimentalGetGradientClass(gradient);
     const minHeight = minHeightUnit ? `${minHeightProp}${minHeightUnit}` : minHeightProp;
     const isImageBackground = IMAGE_BACKGROUND_TYPE === backgroundType;
     const isVideoBackground = 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 = clsx({
-      'is-light': !isDark,
-      'has-parallax': hasParallax,
-      'is-repeated': isRepeated,
-      'has-custom-content-position': !isContentPositionCenter(contentPosition)
-    }, getPositionClassName(contentPosition));
+    const objectPosition = (
+      // prettier-ignore
+      focalPoint && isImgElement ? `${Math.round(focalPoint.x * 100)}% ${Math.round(focalPoint.y * 100)}%` : void 0
+    );
+    const classes = clsx(
+      {
+        "is-light": !isDark,
+        "has-parallax": hasParallax,
+        "is-repeated": isRepeated,
+        "has-custom-content-position": !isContentPositionCenter(contentPosition)
+      },
+      getPositionClassName(contentPosition)
+    );
     const gradientValue = gradient || customGradient;
-    return /*#__PURE__*/_jsxs("div", {
-      ...useBlockProps.save({
-        className: classes,
-        style
-      }),
-      children: [/*#__PURE__*/_jsx("span", {
-        "aria-hidden": "true",
-        className: clsx('wp-block-cover__background', overlayColorClass, 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__*/_jsx("img", {
-        className: clsx('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__*/_jsx("video", {
-        className: clsx('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__*/_jsx("div", {
-        ...useInnerBlocksProps.save({
-          className: 'wp-block-cover__inner-container'
-        })
-      })]
-    });
+    return /* @__PURE__ */ jsxs("div", { ...useBlockProps.save({ className: classes, style }), children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: clsx(
+            "wp-block-cover__background",
+            overlayColorClass,
+            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__ */ jsx(
+        "img",
+        {
+          className: clsx(
+            "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__ */ jsx(
+        "video",
+        {
+          className: clsx(
+            "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__ */ jsx(
+        "div",
+        {
+          ...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,
@@ -916,69 +1034,95 @@ const v8 = {
       minHeight: minHeightProp,
       minHeightUnit
     } = attributes;
-    const overlayColorClass = getColorClassName('background-color', overlayColor);
+    const overlayColorClass = getColorClassName(
+      "background-color",
+      overlayColor
+    );
     const gradientClass = __experimentalGetGradientClass(gradient);
     const minHeight = minHeightUnit ? `${minHeightProp}${minHeightUnit}` : minHeightProp;
     const isImageBackground = IMAGE_BACKGROUND_TYPE === backgroundType;
     const isVideoBackground = 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 = clsx({
-      'is-light': !isDark,
-      'has-parallax': hasParallax,
-      'is-repeated': isRepeated,
-      'has-custom-content-position': !isContentPositionCenter(contentPosition)
-    }, getPositionClassName(contentPosition));
-    return /*#__PURE__*/_jsxs("div", {
-      ...useBlockProps.save({
-        className: classes,
-        style
-      }),
-      children: [/*#__PURE__*/_jsx("span", {
-        "aria-hidden": "true",
-        className: clsx(overlayColorClass, 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__*/_jsx("img", {
-        className: clsx('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__*/_jsx("video", {
-        className: clsx('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__*/_jsx("div", {
-        ...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 = clsx(
+      {
+        "is-light": !isDark,
+        "has-parallax": hasParallax,
+        "is-repeated": isRepeated,
+        "has-custom-content-position": !isContentPositionCenter(contentPosition)
+      },
+      getPositionClassName(contentPosition)
+    );
+    return /* @__PURE__ */ jsxs("div", { ...useBlockProps.save({ className: classes, style }), children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: clsx(
+            overlayColorClass,
+            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__ */ jsx(
+        "img",
+        {
+          className: clsx(
+            "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__ */ jsx(
+        "video",
+        {
+          className: clsx(
+            "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__ */ jsx(
+        "div",
+        {
+          ...useInnerBlocksProps.save({
+            className: "wp-block-cover__inner-container"
+          })
+        }
+      )
+    ] });
   },
   migrate: migrateTag
 };
@@ -986,36 +1130,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,
@@ -1033,66 +1175,83 @@ const v7 = {
       minHeight: minHeightProp,
       minHeightUnit
     } = attributes;
-    const overlayColorClass = getColorClassName('background-color', overlayColor);
+    const overlayColorClass = getColorClassName(
+      "background-color",
+      overlayColor
+    );
     const gradientClass = __experimentalGetGradientClass(gradient);
     const minHeight = minHeightUnit ? `${minHeightProp}${minHeightUnit}` : minHeightProp;
     const isImageBackground = IMAGE_BACKGROUND_TYPE === backgroundType;
     const isVideoBackground = 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 = clsx(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': !isContentPositionCenter(contentPosition)
-    }, getPositionClassName(contentPosition));
-    return /*#__PURE__*/_jsxs("div", {
-      ...useBlockProps.save({
-        className: classes,
-        style
-      }),
-      children: [url && (gradient || customGradient) && dimRatio !== 0 && /*#__PURE__*/_jsx("span", {
-        "aria-hidden": "true",
-        className: clsx('wp-block-cover__gradient-background', gradientClass),
-        style: customGradient ? {
-          background: customGradient
-        } : undefined
-      }), isImageBackground && isImgElement && url && /*#__PURE__*/_jsx("img", {
-        className: clsx('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__*/_jsx("video", {
-        className: clsx('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__*/_jsx("div", {
-        className: "wp-block-cover__inner-container",
-        children: /*#__PURE__*/_jsx(InnerBlocks.Content, {})
-      })]
-    });
+    const objectPosition = (
+      // prettier-ignore
+      focalPoint && isImgElement ? `${Math.round(focalPoint.x * 100)}% ${Math.round(focalPoint.y * 100)}%` : void 0
+    );
+    const classes = clsx(
+      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": !isContentPositionCenter(contentPosition)
+      },
+      getPositionClassName(contentPosition)
+    );
+    return /* @__PURE__ */ jsxs("div", { ...useBlockProps.save({ className: classes, style }), children: [
+      url && (gradient || customGradient) && dimRatio !== 0 && /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: clsx(
+            "wp-block-cover__gradient-background",
+            gradientClass
+          ),
+          style: customGradient ? { background: customGradient } : void 0
+        }
+      ),
+      isImageBackground && isImgElement && url && /* @__PURE__ */ jsx(
+        "img",
+        {
+          className: clsx(
+            "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__ */ jsx(
+        "video",
+        {
+          className: clsx(
+            "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__ */ jsx("div", { className: "wp-block-cover__inner-container", children: /* @__PURE__ */ jsx(InnerBlocks.Content, {}) })
+    ] });
   },
   migrate: compose(migrateDimRatio, migrateTag)
 };
@@ -1100,31 +1259,29 @@ 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,
@@ -1140,7 +1297,10 @@ const v6 = {
       minHeight: minHeightProp,
       minHeightUnit
     } = attributes;
-    const overlayColorClass = getColorClassName('background-color', overlayColor);
+    const overlayColorClass = getColorClassName(
+      "background-color",
+      overlayColor
+    );
     const gradientClass = __experimentalGetGradientClass(gradient);
     const minHeight = minHeightUnit ? `${minHeightProp}${minHeightUnit}` : minHeightProp;
     const isImageBackground = IMAGE_BACKGROUND_TYPE === backgroundType;
@@ -1153,10 +1313,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;
       }
@@ -1164,38 +1326,45 @@ const v6 = {
         videoStyle.objectPosition = positionValue;
       }
     }
-    const classes = clsx(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': !isContentPositionCenter(contentPosition)
-    }, getPositionClassName(contentPosition));
-    return /*#__PURE__*/_jsxs("div", {
-      ...useBlockProps.save({
-        className: classes,
-        style
-      }),
-      children: [url && (gradient || customGradient) && dimRatio !== 0 && /*#__PURE__*/_jsx("span", {
-        "aria-hidden": "true",
-        className: clsx('wp-block-cover__gradient-background', gradientClass),
-        style: customGradient ? {
-          background: customGradient
-        } : undefined
-      }), isVideoBackground && url && /*#__PURE__*/_jsx("video", {
-        className: "wp-block-cover__video-background",
-        autoPlay: true,
-        muted: true,
-        loop: true,
-        playsInline: true,
-        src: url,
-        style: videoStyle
-      }), /*#__PURE__*/_jsx("div", {
-        className: "wp-block-cover__inner-container",
-        children: /*#__PURE__*/_jsx(InnerBlocks.Content, {})
-      })]
-    });
+    const classes = clsx(
+      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": !isContentPositionCenter(contentPosition)
+      },
+      getPositionClassName(contentPosition)
+    );
+    return /* @__PURE__ */ jsxs("div", { ...useBlockProps.save({ className: classes, style }), children: [
+      url && (gradient || customGradient) && dimRatio !== 0 && /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: clsx(
+            "wp-block-cover__gradient-background",
+            gradientClass
+          ),
+          style: customGradient ? { background: customGradient } : void 0
+        }
+      ),
+      isVideoBackground && url && /* @__PURE__ */ jsx(
+        "video",
+        {
+          className: "wp-block-cover__video-background",
+          autoPlay: true,
+          muted: true,
+          loop: true,
+          playsInline: true,
+          src: url,
+          style: videoStyle
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "wp-block-cover__inner-container", children: /* @__PURE__ */ jsx(InnerBlocks.Content, {}) })
+    ] });
   },
   migrate: compose(migrateDimRatio, migrateTag)
 };
@@ -1203,21 +1372,19 @@ 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,
@@ -1230,45 +1397,58 @@ const v5 = {
       url,
       minHeight
     } = attributes;
-    const overlayColorClass = getColorClassName('background-color', overlayColor);
+    const overlayColorClass = getColorClassName(
+      "background-color",
+      overlayColor
+    );
     const gradientClass = __experimentalGetGradientClass(gradient);
     const style = backgroundType === 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 = clsx(dimRatioToClassV1(dimRatio), overlayColorClass, {
-      'has-background-dim': dimRatio !== 0,
-      'has-parallax': hasParallax,
-      'has-background-gradient': customGradient,
-      [gradientClass]: !url && gradientClass
-    });
-    return /*#__PURE__*/_jsxs("div", {
-      className: classes,
-      style: style,
-      children: [url && (gradient || customGradient) && dimRatio !== 0 && /*#__PURE__*/_jsx("span", {
-        "aria-hidden": "true",
-        className: clsx('wp-block-cover__gradient-background', gradientClass),
-        style: customGradient ? {
-          background: customGradient
-        } : undefined
-      }), VIDEO_BACKGROUND_TYPE === backgroundType && url && /*#__PURE__*/_jsx("video", {
-        className: "wp-block-cover__video-background",
-        autoPlay: true,
-        muted: true,
-        loop: true,
-        src: url
-      }), /*#__PURE__*/_jsx("div", {
-        className: "wp-block-cover__inner-container",
-        children: /*#__PURE__*/_jsx(InnerBlocks.Content, {})
-      })]
-    });
+    style.minHeight = minHeight || void 0;
+    const classes = clsx(
+      dimRatioToClassV1(dimRatio),
+      overlayColorClass,
+      {
+        "has-background-dim": dimRatio !== 0,
+        "has-parallax": hasParallax,
+        "has-background-gradient": customGradient,
+        [gradientClass]: !url && gradientClass
+      }
+    );
+    return /* @__PURE__ */ jsxs("div", { className: classes, style, children: [
+      url && (gradient || customGradient) && dimRatio !== 0 && /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: clsx(
+            "wp-block-cover__gradient-background",
+            gradientClass
+          ),
+          style: customGradient ? { background: customGradient } : void 0
+        }
+      ),
+      VIDEO_BACKGROUND_TYPE === backgroundType && url && /* @__PURE__ */ jsx(
+        "video",
+        {
+          className: "wp-block-cover__video-background",
+          autoPlay: true,
+          muted: true,
+          loop: true,
+          src: url
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "wp-block-cover__inner-container", children: /* @__PURE__ */ jsx(InnerBlocks.Content, {}) })
+    ] });
   },
   migrate: compose(migrateDimRatio, migrateTag)
 };
@@ -1276,21 +1456,19 @@ 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,
@@ -1303,7 +1481,10 @@ const v4 = {
       url,
       minHeight
     } = attributes;
-    const overlayColorClass = getColorClassName('background-color', overlayColor);
+    const overlayColorClass = getColorClassName(
+      "background-color",
+      overlayColor
+    );
     const gradientClass = __experimentalGetGradientClass(gradient);
     const style = backgroundType === IMAGE_BACKGROUND_TYPE ? backgroundImageStyles(url) : {};
     if (!overlayColorClass) {
@@ -1315,33 +1496,41 @@ const v4 = {
     if (customGradient && !url) {
       style.background = customGradient;
     }
-    style.minHeight = minHeight || undefined;
-    const classes = clsx(dimRatioToClassV1(dimRatio), overlayColorClass, {
-      'has-background-dim': dimRatio !== 0,
-      'has-parallax': hasParallax,
-      'has-background-gradient': customGradient,
-      [gradientClass]: !url && gradientClass
-    });
-    return /*#__PURE__*/_jsxs("div", {
-      className: classes,
-      style: style,
-      children: [url && (gradient || customGradient) && dimRatio !== 0 && /*#__PURE__*/_jsx("span", {
-        "aria-hidden": "true",
-        className: clsx('wp-block-cover__gradient-background', gradientClass),
-        style: customGradient ? {
-          background: customGradient
-        } : undefined
-      }), VIDEO_BACKGROUND_TYPE === backgroundType && url && /*#__PURE__*/_jsx("video", {
-        className: "wp-block-cover__video-background",
-        autoPlay: true,
-        muted: true,
-        loop: true,
-        src: url
-      }), /*#__PURE__*/_jsx("div", {
-        className: "wp-block-cover__inner-container",
-        children: /*#__PURE__*/_jsx(InnerBlocks.Content, {})
-      })]
-    });
+    style.minHeight = minHeight || void 0;
+    const classes = clsx(
+      dimRatioToClassV1(dimRatio),
+      overlayColorClass,
+      {
+        "has-background-dim": dimRatio !== 0,
+        "has-parallax": hasParallax,
+        "has-background-gradient": customGradient,
+        [gradientClass]: !url && gradientClass
+      }
+    );
+    return /* @__PURE__ */ jsxs("div", { className: classes, style, children: [
+      url && (gradient || customGradient) && dimRatio !== 0 && /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: clsx(
+            "wp-block-cover__gradient-background",
+            gradientClass
+          ),
+          style: customGradient ? { background: customGradient } : void 0
+        }
+      ),
+      VIDEO_BACKGROUND_TYPE === backgroundType && url && /* @__PURE__ */ jsx(
+        "video",
+        {
+          className: "wp-block-cover__video-background",
+          autoPlay: true,
+          muted: true,
+          loop: true,
+          src: url
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "wp-block-cover__inner-container", children: /* @__PURE__ */ jsx(InnerBlocks.Content, {}) })
+    ] });
   },
   migrate: compose(migrateDimRatio, migrateTag)
 };
@@ -1349,21 +1538,19 @@ 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,
@@ -1375,7 +1562,10 @@ const v3 = {
       title,
       url
     } = attributes;
-    const overlayColorClass = getColorClassName('background-color', overlayColor);
+    const overlayColorClass = getColorClassName(
+      "background-color",
+      overlayColor
+    );
     const style = backgroundType === IMAGE_BACKGROUND_TYPE ? backgroundImageStyles(url) : {};
     if (!overlayColorClass) {
       style.backgroundColor = customOverlayColor;
@@ -1383,68 +1573,76 @@ const v3 = {
     if (focalPoint && !hasParallax) {
       style.backgroundPosition = `${focalPoint.x * 100}% ${focalPoint.y * 100}%`;
     }
-    const classes = clsx(dimRatioToClassV1(dimRatio), overlayColorClass, {
-      'has-background-dim': dimRatio !== 0,
-      'has-parallax': hasParallax,
-      [`has-${contentAlign}-content`]: contentAlign !== 'center'
-    });
-    return /*#__PURE__*/_jsxs("div", {
-      className: classes,
-      style: style,
-      children: [VIDEO_BACKGROUND_TYPE === backgroundType && url && /*#__PURE__*/_jsx("video", {
-        className: "wp-block-cover__video-background",
-        autoPlay: true,
-        muted: true,
-        loop: true,
-        src: url
-      }), !RichText.isEmpty(title) && /*#__PURE__*/_jsx(RichText.Content, {
-        tagName: "p",
-        className: "wp-block-cover-text",
-        value: title
-      })]
-    });
+    const classes = clsx(
+      dimRatioToClassV1(dimRatio),
+      overlayColorClass,
+      {
+        "has-background-dim": dimRatio !== 0,
+        "has-parallax": hasParallax,
+        [`has-${contentAlign}-content`]: contentAlign !== "center"
+      }
+    );
+    return /* @__PURE__ */ jsxs("div", { className: classes, style, children: [
+      VIDEO_BACKGROUND_TYPE === backgroundType && url && /* @__PURE__ */ jsx(
+        "video",
+        {
+          className: "wp-block-cover__video-background",
+          autoPlay: true,
+          muted: true,
+          loop: true,
+          src: url
+        }
+      ),
+      !RichText.isEmpty(title) && /* @__PURE__ */ jsx(
+        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, [createBlock('core/paragraph', {
-      content: attributes.title,
-      align: attributes.contentAlign,
-      fontSize: 'large',
-      placeholder: __('Write title…')
-    })]];
+    const { title, contentAlign, ...restAttributes } = newAttribs;
+    return [
+      restAttributes,
+      [
+        createBlock("core/paragraph", {
+          content: attributes.title,
+          align: attributes.contentAlign,
+          fontSize: "large",
+          placeholder: __("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,
@@ -1455,108 +1653,109 @@ const v2 = {
       overlayColor,
       customOverlayColor
     } = attributes;
-    const overlayColorClass = getColorClassName('background-color', overlayColor);
+    const overlayColorClass = getColorClassName(
+      "background-color",
+      overlayColor
+    );
     const style = backgroundImageStyles(url);
     if (!overlayColorClass) {
       style.backgroundColor = customOverlayColor;
     }
-    const classes = clsx('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__*/_jsx("div", {
-      className: classes,
-      style: style,
-      children: !RichText.isEmpty(title) && /*#__PURE__*/_jsx(RichText.Content, {
+    const classes = clsx(
+      "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__ */ jsx("div", { className: classes, style, children: !RichText.isEmpty(title) && /* @__PURE__ */ jsx(
+      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, [createBlock('core/paragraph', {
-      content: attributes.title,
-      align: attributes.contentAlign,
-      fontSize: 'large',
-      placeholder: __('Write title…')
-    })]];
+    const { title, contentAlign, align, ...restAttributes } = newAttribs;
+    return [
+      restAttributes,
+      [
+        createBlock("core/paragraph", {
+          content: attributes.title,
+          align: attributes.contentAlign,
+          fontSize: "large",
+          placeholder: __("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 = clsx('wp-block-cover-image', dimRatioToClassV1(dimRatio), {
-      'has-background-dim': dimRatio !== 0,
-      'has-parallax': hasParallax
-    }, align ? `align${align}` : null);
-    return /*#__PURE__*/_jsx("section", {
-      className: classes,
-      style: style,
-      children: /*#__PURE__*/_jsx(RichText.Content, {
-        tagName: "h2",
-        value: title
-      })
-    });
+    const classes = clsx(
+      "wp-block-cover-image",
+      dimRatioToClassV1(dimRatio),
+      {
+        "has-background-dim": dimRatio !== 0,
+        "has-parallax": hasParallax
+      },
+      align ? `align${align}` : null
+    );
+    return /* @__PURE__ */ jsx("section", { className: classes, style, children: /* @__PURE__ */ jsx(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, [createBlock('core/paragraph', {
-      content: attributes.title,
-      align: attributes.contentAlign,
-      fontSize: 'large',
-      placeholder: __('Write title…')
-    })]];
+    const { title, contentAlign, align, ...restAttributes } = newAttribs;
+    return [
+      restAttributes,
+      [
+        createBlock("core/paragraph", {
+          content: attributes.title,
+          align: attributes.contentAlign,
+          fontSize: "large",
+          placeholder: __("Write title\u2026")
+        })
+      ]
+    ];
   }
 };
-export 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];
+export {
+  deprecated_default as default
+};
+//# sourceMappingURL=deprecated.js.map