@wordpress/block-library 9.32.0 → 9.33.1-next.ff1cebbba.0

package/build/image/deprecated.js

@@ -1,353 +1,296 @@
 "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 _blockEditor = require("@wordpress/block-editor");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Deprecation for adding the `wp-image-${id}` class to the image block for
- * responsive images.
- *
- * @see https://github.com/WordPress/gutenberg/pull/4898
- */const v1 = {
+module.exports = __toCommonJS(deprecated_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var import_block_editor = require("@wordpress/block-editor");
+const v1 = {
   attributes: {
     url: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'img',
-      attribute: 'src'
+      type: "string",
+      source: "attribute",
+      selector: "img",
+      attribute: "src"
     },
     alt: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'img',
-      attribute: 'alt',
-      default: ''
+      type: "string",
+      source: "attribute",
+      selector: "img",
+      attribute: "alt",
+      default: ""
     },
     caption: {
-      type: 'array',
-      source: 'children',
-      selector: 'figcaption'
+      type: "array",
+      source: "children",
+      selector: "figcaption"
     },
     href: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'a',
-      attribute: 'href'
+      type: "string",
+      source: "attribute",
+      selector: "a",
+      attribute: "href"
     },
     id: {
-      type: 'number'
+      type: "number"
     },
     align: {
-      type: 'string'
+      type: "string"
     },
     width: {
-      type: 'number'
+      type: "number"
     },
     height: {
-      type: 'number'
+      type: "number"
     }
   },
-  save({
-    attributes
-  }) {
-    const {
-      url,
-      alt,
-      caption,
-      align,
-      href,
-      width,
-      height
-    } = attributes;
-    const extraImageProps = width || height ? {
-      width,
-      height
-    } : {};
-    const image = /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-      src: url,
-      alt: alt,
-      ...extraImageProps
-    });
+  save({ attributes }) {
+    const { url, alt, caption, align, href, width, height } = attributes;
+    const extraImageProps = width || height ? { width, height } : {};
+    const image = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: url, alt, ...extraImageProps });
     let figureStyle = {};
     if (width) {
-      figureStyle = {
-        width
-      };
-    } else if (align === 'left' || align === 'right') {
-      figureStyle = {
-        maxWidth: '50%'
-      };
+      figureStyle = { width };
+    } else if (align === "left" || align === "right") {
+      figureStyle = { maxWidth: "50%" };
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("figure", {
-      className: align ? `align${align}` : null,
-      style: figureStyle,
-      children: [href ? /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
-        href: href,
-        children: image
-      }) : image, !_blockEditor.RichText.isEmpty(caption) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText.Content, {
-        tagName: "figcaption",
-        value: caption
-      })]
-    });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "figure",
+      {
+        className: align ? `align${align}` : null,
+        style: figureStyle,
+        children: [
+          href ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href, children: image }) : image,
+          !import_block_editor.RichText.isEmpty(caption) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.RichText.Content, { tagName: "figcaption", value: caption })
+        ]
+      }
+    );
   }
 };
-
-/**
- * Deprecation for adding the `is-resized` class to the image block to fix
- * captions on resized images.
- *
- * @see https://github.com/WordPress/gutenberg/pull/6496
- */
 const v2 = {
   attributes: {
     url: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'img',
-      attribute: 'src'
+      type: "string",
+      source: "attribute",
+      selector: "img",
+      attribute: "src"
     },
     alt: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'img',
-      attribute: 'alt',
-      default: ''
+      type: "string",
+      source: "attribute",
+      selector: "img",
+      attribute: "alt",
+      default: ""
     },
     caption: {
-      type: 'array',
-      source: 'children',
-      selector: 'figcaption'
+      type: "array",
+      source: "children",
+      selector: "figcaption"
     },
     href: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'a',
-      attribute: 'href'
+      type: "string",
+      source: "attribute",
+      selector: "a",
+      attribute: "href"
     },
     id: {
-      type: 'number'
+      type: "number"
     },
     align: {
-      type: 'string'
+      type: "string"
     },
     width: {
-      type: 'number'
+      type: "number"
     },
     height: {
-      type: 'number'
+      type: "number"
     }
   },
-  save({
-    attributes
-  }) {
-    const {
-      url,
-      alt,
-      caption,
-      align,
-      href,
-      width,
-      height,
-      id
-    } = attributes;
-    const image = /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-      src: url,
-      alt: alt,
-      className: id ? `wp-image-${id}` : null,
-      width: width,
-      height: height
-    });
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("figure", {
-      className: align ? `align${align}` : null,
-      children: [href ? /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
-        href: href,
-        children: image
-      }) : image, !_blockEditor.RichText.isEmpty(caption) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText.Content, {
-        tagName: "figcaption",
-        value: caption
-      })]
-    });
+  save({ attributes }) {
+    const { url, alt, caption, align, href, width, height, id } = attributes;
+    const image = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "img",
+      {
+        src: url,
+        alt,
+        className: id ? `wp-image-${id}` : null,
+        width,
+        height
+      }
+    );
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("figure", { className: align ? `align${align}` : null, children: [
+      href ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href, children: image }) : image,
+      !import_block_editor.RichText.isEmpty(caption) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.RichText.Content, { tagName: "figcaption", value: caption })
+    ] });
   }
 };
-
-/**
- * Deprecation for image floats including a wrapping div.
- *
- * @see https://github.com/WordPress/gutenberg/pull/7721
- */
 const v3 = {
   attributes: {
     url: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'img',
-      attribute: 'src'
+      type: "string",
+      source: "attribute",
+      selector: "img",
+      attribute: "src"
     },
     alt: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'img',
-      attribute: 'alt',
-      default: ''
+      type: "string",
+      source: "attribute",
+      selector: "img",
+      attribute: "alt",
+      default: ""
     },
     caption: {
-      type: 'array',
-      source: 'children',
-      selector: 'figcaption'
+      type: "array",
+      source: "children",
+      selector: "figcaption"
     },
     href: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'figure > a',
-      attribute: 'href'
+      type: "string",
+      source: "attribute",
+      selector: "figure > a",
+      attribute: "href"
     },
     id: {
-      type: 'number'
+      type: "number"
     },
     align: {
-      type: 'string'
+      type: "string"
     },
     width: {
-      type: 'number'
+      type: "number"
     },
     height: {
-      type: 'number'
+      type: "number"
     },
     linkDestination: {
-      type: 'string',
-      default: 'none'
+      type: "string",
+      default: "none"
     }
   },
-  save({
-    attributes
-  }) {
-    const {
-      url,
-      alt,
-      caption,
-      align,
-      href,
-      width,
-      height,
-      id
-    } = attributes;
-    const classes = (0, _clsx.default)({
+  save({ attributes }) {
+    const { url, alt, caption, align, href, width, height, id } = attributes;
+    const classes = (0, import_clsx.default)({
       [`align${align}`]: align,
-      'is-resized': width || height
-    });
-    const image = /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-      src: url,
-      alt: alt,
-      className: id ? `wp-image-${id}` : null,
-      width: width,
-      height: height
-    });
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("figure", {
-      className: classes,
-      children: [href ? /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
-        href: href,
-        children: image
-      }) : image, !_blockEditor.RichText.isEmpty(caption) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText.Content, {
-        tagName: "figcaption",
-        value: caption
-      })]
+      "is-resized": width || height
     });
+    const image = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "img",
+      {
+        src: url,
+        alt,
+        className: id ? `wp-image-${id}` : null,
+        width,
+        height
+      }
+    );
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("figure", { className: classes, children: [
+      href ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href, children: image }) : image,
+      !import_block_editor.RichText.isEmpty(caption) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.RichText.Content, { tagName: "figcaption", value: caption })
+    ] });
   }
 };
-
-/**
- * Deprecation for removing the outer div wrapper around aligned images.
- *
- * @see https://github.com/WordPress/gutenberg/pull/38657
- */
 const v4 = {
   attributes: {
     align: {
-      type: 'string'
+      type: "string"
     },
     url: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'img',
-      attribute: 'src'
+      type: "string",
+      source: "attribute",
+      selector: "img",
+      attribute: "src"
     },
     alt: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'img',
-      attribute: 'alt',
-      default: ''
+      type: "string",
+      source: "attribute",
+      selector: "img",
+      attribute: "alt",
+      default: ""
     },
     caption: {
-      type: 'string',
-      source: 'html',
-      selector: 'figcaption'
+      type: "string",
+      source: "html",
+      selector: "figcaption"
     },
     title: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'img',
-      attribute: 'title'
+      type: "string",
+      source: "attribute",
+      selector: "img",
+      attribute: "title"
     },
     href: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'figure > a',
-      attribute: 'href'
+      type: "string",
+      source: "attribute",
+      selector: "figure > a",
+      attribute: "href"
     },
     rel: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'figure > a',
-      attribute: 'rel'
+      type: "string",
+      source: "attribute",
+      selector: "figure > a",
+      attribute: "rel"
     },
     linkClass: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'figure > a',
-      attribute: 'class'
+      type: "string",
+      source: "attribute",
+      selector: "figure > a",
+      attribute: "class"
     },
     id: {
-      type: 'number'
+      type: "number"
     },
     width: {
-      type: 'number'
+      type: "number"
     },
     height: {
-      type: 'number'
+      type: "number"
     },
     sizeSlug: {
-      type: 'string'
+      type: "string"
     },
     linkDestination: {
-      type: 'string'
+      type: "string"
     },
     linkTarget: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'figure > a',
-      attribute: 'target'
+      type: "string",
+      source: "attribute",
+      selector: "figure > a",
+      attribute: "target"
     }
   },
   supports: {
     anchor: true
   },
-  save({
-    attributes
-  }) {
+  save({ attributes }) {
     const {
       url,
       alt,
@@ -363,133 +306,115 @@ const v4 = {
       sizeSlug,
       title
     } = attributes;
-    const newRel = !rel ? undefined : rel;
-    const classes = (0, _clsx.default)({
+    const newRel = !rel ? void 0 : rel;
+    const classes = (0, import_clsx.default)({
       [`align${align}`]: align,
       [`size-${sizeSlug}`]: sizeSlug,
-      'is-resized': width || height
-    });
-    const image = /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-      src: url,
-      alt: alt,
-      className: id ? `wp-image-${id}` : null,
-      width: width,
-      height: height,
-      title: title
+      "is-resized": width || height
     });
-    const figure = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [href ? /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
-        className: linkClass,
-        href: href,
-        target: linkTarget,
-        rel: newRel,
-        children: image
-      }) : image, !_blockEditor.RichText.isEmpty(caption) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText.Content, {
-        tagName: "figcaption",
-        value: caption
-      })]
-    });
-    if ('left' === align || 'right' === align || 'center' === align) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        ..._blockEditor.useBlockProps.save(),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("figure", {
-          className: classes,
-          children: figure
-        })
-      });
+    const image = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "img",
+      {
+        src: url,
+        alt,
+        className: id ? `wp-image-${id}` : null,
+        width,
+        height,
+        title
+      }
+    );
+    const figure = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      href ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "a",
+        {
+          className: linkClass,
+          href,
+          target: linkTarget,
+          rel: newRel,
+          children: image
+        }
+      ) : image,
+      !import_block_editor.RichText.isEmpty(caption) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.RichText.Content, { tagName: "figcaption", value: caption })
+    ] });
+    if ("left" === align || "right" === align || "center" === align) {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ...import_block_editor.useBlockProps.save(), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("figure", { className: classes, children: figure }) });
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("figure", {
-      ..._blockEditor.useBlockProps.save({
-        className: classes
-      }),
-      children: figure
-    });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("figure", { ...import_block_editor.useBlockProps.save({ className: classes }), children: figure });
   }
 };
-
-/**
- * Deprecation for moving existing border radius styles onto the inner img
- * element where new border block support styles must be applied.
- * It will also add a new `.has-custom-border` class for existing blocks
- * with border radii set. This class is required to improve caption position
- * and styling when an image within a gallery has a custom border or
- * rounded corners.
- *
- * @see https://github.com/WordPress/gutenberg/pull/31366
- */
 const v5 = {
   attributes: {
     align: {
-      type: 'string'
+      type: "string"
     },
     url: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'img',
-      attribute: 'src'
+      type: "string",
+      source: "attribute",
+      selector: "img",
+      attribute: "src"
     },
     alt: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'img',
-      attribute: 'alt',
-      default: ''
+      type: "string",
+      source: "attribute",
+      selector: "img",
+      attribute: "alt",
+      default: ""
     },
     caption: {
-      type: 'string',
-      source: 'html',
-      selector: 'figcaption'
+      type: "string",
+      source: "html",
+      selector: "figcaption"
     },
     title: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'img',
-      attribute: 'title'
+      type: "string",
+      source: "attribute",
+      selector: "img",
+      attribute: "title"
     },
     href: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'figure > a',
-      attribute: 'href'
+      type: "string",
+      source: "attribute",
+      selector: "figure > a",
+      attribute: "href"
     },
     rel: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'figure > a',
-      attribute: 'rel'
+      type: "string",
+      source: "attribute",
+      selector: "figure > a",
+      attribute: "rel"
     },
     linkClass: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'figure > a',
-      attribute: 'class'
+      type: "string",
+      source: "attribute",
+      selector: "figure > a",
+      attribute: "class"
     },
     id: {
-      type: 'number'
+      type: "number"
     },
     width: {
-      type: 'number'
+      type: "number"
     },
     height: {
-      type: 'number'
+      type: "number"
     },
     sizeSlug: {
-      type: 'string'
+      type: "string"
     },
     linkDestination: {
-      type: 'string'
+      type: "string"
     },
     linkTarget: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'figure > a',
-      attribute: 'target'
+      type: "string",
+      source: "attribute",
+      selector: "figure > a",
+      attribute: "target"
     }
   },
   supports: {
     anchor: true,
     color: {
-      __experimentalDuotone: 'img',
+      __experimentalDuotone: "img",
       text: false,
       background: false
     },
@@ -501,13 +426,11 @@ const v5 = {
     },
     __experimentalStyle: {
       spacing: {
-        margin: '0 0 1em 0'
+        margin: "0 0 1em 0"
       }
     }
   },
-  save({
-    attributes
-  }) {
+  save({ attributes }) {
     const {
       url,
       alt,
@@ -523,125 +446,118 @@ const v5 = {
       sizeSlug,
       title
     } = attributes;
-    const newRel = !rel ? undefined : rel;
-    const classes = (0, _clsx.default)({
+    const newRel = !rel ? void 0 : rel;
+    const classes = (0, import_clsx.default)({
       [`align${align}`]: align,
       [`size-${sizeSlug}`]: sizeSlug,
-      'is-resized': width || height
-    });
-    const image = /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-      src: url,
-      alt: alt,
-      className: id ? `wp-image-${id}` : null,
-      width: width,
-      height: height,
-      title: title
-    });
-    const figure = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [href ? /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
-        className: linkClass,
-        href: href,
-        target: linkTarget,
-        rel: newRel,
-        children: image
-      }) : image, !_blockEditor.RichText.isEmpty(caption) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText.Content, {
-        tagName: "figcaption",
-        value: caption
-      })]
-    });
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("figure", {
-      ..._blockEditor.useBlockProps.save({
-        className: classes
-      }),
-      children: figure
+      "is-resized": width || height
     });
+    const image = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "img",
+      {
+        src: url,
+        alt,
+        className: id ? `wp-image-${id}` : null,
+        width,
+        height,
+        title
+      }
+    );
+    const figure = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      href ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "a",
+        {
+          className: linkClass,
+          href,
+          target: linkTarget,
+          rel: newRel,
+          children: image
+        }
+      ) : image,
+      !import_block_editor.RichText.isEmpty(caption) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.RichText.Content, { tagName: "figcaption", value: caption })
+    ] });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("figure", { ...import_block_editor.useBlockProps.save({ className: classes }), children: figure });
   }
 };
-
-/**
- * Deprecation for adding width and height as style rules on the inner img.
- *
- * @see https://github.com/WordPress/gutenberg/pull/31366
- */
 const v6 = {
   attributes: {
     align: {
-      type: 'string'
+      type: "string"
     },
     url: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'img',
-      attribute: 'src',
-      role: 'content'
+      type: "string",
+      source: "attribute",
+      selector: "img",
+      attribute: "src",
+      role: "content"
     },
     alt: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'img',
-      attribute: 'alt',
-      default: '',
-      role: 'content'
+      type: "string",
+      source: "attribute",
+      selector: "img",
+      attribute: "alt",
+      default: "",
+      role: "content"
     },
     caption: {
-      type: 'string',
-      source: 'html',
-      selector: 'figcaption',
-      role: 'content'
+      type: "string",
+      source: "html",
+      selector: "figcaption",
+      role: "content"
     },
     title: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'img',
-      attribute: 'title',
-      role: 'content'
+      type: "string",
+      source: "attribute",
+      selector: "img",
+      attribute: "title",
+      role: "content"
     },
     href: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'figure > a',
-      attribute: 'href',
-      role: 'content'
+      type: "string",
+      source: "attribute",
+      selector: "figure > a",
+      attribute: "href",
+      role: "content"
     },
     rel: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'figure > a',
-      attribute: 'rel'
+      type: "string",
+      source: "attribute",
+      selector: "figure > a",
+      attribute: "rel"
     },
     linkClass: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'figure > a',
-      attribute: 'class'
+      type: "string",
+      source: "attribute",
+      selector: "figure > a",
+      attribute: "class"
     },
     id: {
-      type: 'number',
-      role: 'content'
+      type: "number",
+      role: "content"
     },
     width: {
-      type: 'number'
+      type: "number"
     },
     height: {
-      type: 'number'
+      type: "number"
     },
     aspectRatio: {
-      type: 'string'
+      type: "string"
     },
     scale: {
-      type: 'string'
+      type: "string"
     },
     sizeSlug: {
-      type: 'string'
+      type: "string"
     },
     linkDestination: {
-      type: 'string'
+      type: "string"
     },
     linkTarget: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'figure > a',
-      attribute: 'target'
+      type: "string",
+      source: "attribute",
+      selector: "figure > a",
+      attribute: "target"
     }
   },
   supports: {
@@ -666,19 +582,14 @@ const v6 = {
     }
   },
   migrate(attributes) {
-    const {
-      height,
-      width
-    } = attributes;
+    const { height, width } = attributes;
     return {
       ...attributes,
-      width: typeof width === 'number' ? `${width}px` : width,
-      height: typeof height === 'number' ? `${height}px` : height
+      width: typeof width === "number" ? `${width}px` : width,
+      height: typeof height === "number" ? `${height}px` : height
     };
   },
-  save({
-    attributes
-  }) {
+  save({ attributes }) {
     const {
       url,
       alt,
@@ -696,138 +607,137 @@ const v6 = {
       sizeSlug,
       title
     } = attributes;
-    const newRel = !rel ? undefined : rel;
-    const borderProps = (0, _blockEditor.__experimentalGetBorderClassesAndStyles)(attributes);
-    const classes = (0, _clsx.default)({
+    const newRel = !rel ? void 0 : rel;
+    const borderProps = (0, import_block_editor.__experimentalGetBorderClassesAndStyles)(attributes);
+    const classes = (0, import_clsx.default)({
       [`align${align}`]: align,
       [`size-${sizeSlug}`]: sizeSlug,
-      'is-resized': width || height,
-      'has-custom-border': !!borderProps.className || borderProps.style && Object.keys(borderProps.style).length > 0
+      "is-resized": width || height,
+      "has-custom-border": !!borderProps.className || borderProps.style && Object.keys(borderProps.style).length > 0
     });
-    const imageClasses = (0, _clsx.default)(borderProps.className, {
+    const imageClasses = (0, import_clsx.default)(borderProps.className, {
       [`wp-image-${id}`]: !!id
     });
-    const image = /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-      src: url,
-      alt: alt,
-      className: imageClasses || undefined,
-      style: {
-        ...borderProps.style,
-        aspectRatio,
-        objectFit: scale
-      },
-      width: width,
-      height: height,
-      title: title
-    });
-    const figure = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [href ? /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
-        className: linkClass,
-        href: href,
-        target: linkTarget,
-        rel: newRel,
-        children: image
-      }) : image, !_blockEditor.RichText.isEmpty(caption) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText.Content, {
-        className: (0, _blockEditor.__experimentalGetElementClassName)('caption'),
-        tagName: "figcaption",
-        value: caption
-      })]
-    });
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("figure", {
-      ..._blockEditor.useBlockProps.save({
-        className: classes
-      }),
-      children: figure
-    });
+    const image = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "img",
+      {
+        src: url,
+        alt,
+        className: imageClasses || void 0,
+        style: {
+          ...borderProps.style,
+          aspectRatio,
+          objectFit: scale
+        },
+        width,
+        height,
+        title
+      }
+    );
+    const figure = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      href ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "a",
+        {
+          className: linkClass,
+          href,
+          target: linkTarget,
+          rel: newRel,
+          children: image
+        }
+      ) : image,
+      !import_block_editor.RichText.isEmpty(caption) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_block_editor.RichText.Content,
+        {
+          className: (0, import_block_editor.__experimentalGetElementClassName)(
+            "caption"
+          ),
+          tagName: "figcaption",
+          value: caption
+        }
+      )
+    ] });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("figure", { ...import_block_editor.useBlockProps.save({ className: classes }), children: figure });
   }
 };
-
-/**
- * Deprecation for converting to string width and height block attributes and
- * removing the width and height img element attributes which are not needed
- * as they get added by the TODO hook.
- *
- * @see https://github.com/WordPress/gutenberg/pull/53274
- */
 const v7 = {
   attributes: {
     align: {
-      type: 'string'
+      type: "string"
     },
     url: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'img',
-      attribute: 'src',
-      role: 'content'
+      type: "string",
+      source: "attribute",
+      selector: "img",
+      attribute: "src",
+      role: "content"
     },
     alt: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'img',
-      attribute: 'alt',
-      default: '',
-      role: 'content'
+      type: "string",
+      source: "attribute",
+      selector: "img",
+      attribute: "alt",
+      default: "",
+      role: "content"
     },
     caption: {
-      type: 'string',
-      source: 'html',
-      selector: 'figcaption',
-      role: 'content'
+      type: "string",
+      source: "html",
+      selector: "figcaption",
+      role: "content"
     },
     title: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'img',
-      attribute: 'title',
-      role: 'content'
+      type: "string",
+      source: "attribute",
+      selector: "img",
+      attribute: "title",
+      role: "content"
     },
     href: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'figure > a',
-      attribute: 'href',
-      role: 'content'
+      type: "string",
+      source: "attribute",
+      selector: "figure > a",
+      attribute: "href",
+      role: "content"
     },
     rel: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'figure > a',
-      attribute: 'rel'
+      type: "string",
+      source: "attribute",
+      selector: "figure > a",
+      attribute: "rel"
     },
     linkClass: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'figure > a',
-      attribute: 'class'
+      type: "string",
+      source: "attribute",
+      selector: "figure > a",
+      attribute: "class"
     },
     id: {
-      type: 'number',
-      role: 'content'
+      type: "number",
+      role: "content"
     },
     width: {
-      type: 'number'
+      type: "number"
     },
     height: {
-      type: 'number'
+      type: "number"
     },
     aspectRatio: {
-      type: 'string'
+      type: "string"
     },
     scale: {
-      type: 'string'
+      type: "string"
     },
     sizeSlug: {
-      type: 'string'
+      type: "string"
     },
     linkDestination: {
-      type: 'string'
+      type: "string"
     },
     linkTarget: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'figure > a',
-      attribute: 'target'
+      type: "string",
+      source: "attribute",
+      selector: "figure > a",
+      attribute: "target"
     }
   },
   supports: {
@@ -851,20 +761,14 @@ const v7 = {
       }
     }
   },
-  migrate({
-    width,
-    height,
-    ...attributes
-  }) {
+  migrate({ width, height, ...attributes }) {
     return {
       ...attributes,
       width: `${width}px`,
       height: `${height}px`
     };
   },
-  save({
-    attributes
-  }) {
+  save({ attributes }) {
     const {
       url,
       alt,
@@ -882,135 +786,142 @@ const v7 = {
       sizeSlug,
       title
     } = attributes;
-    const newRel = !rel ? undefined : rel;
-    const borderProps = (0, _blockEditor.__experimentalGetBorderClassesAndStyles)(attributes);
-    const classes = (0, _clsx.default)({
+    const newRel = !rel ? void 0 : rel;
+    const borderProps = (0, import_block_editor.__experimentalGetBorderClassesAndStyles)(attributes);
+    const classes = (0, import_clsx.default)({
       [`align${align}`]: align,
       [`size-${sizeSlug}`]: sizeSlug,
-      'is-resized': width || height,
-      'has-custom-border': !!borderProps.className || borderProps.style && Object.keys(borderProps.style).length > 0
+      "is-resized": width || height,
+      "has-custom-border": !!borderProps.className || borderProps.style && Object.keys(borderProps.style).length > 0
     });
-    const imageClasses = (0, _clsx.default)(borderProps.className, {
+    const imageClasses = (0, import_clsx.default)(borderProps.className, {
       [`wp-image-${id}`]: !!id
     });
-    const image = /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-      src: url,
-      alt: alt,
-      className: imageClasses || undefined,
-      style: {
-        ...borderProps.style,
-        aspectRatio,
-        objectFit: scale,
+    const image = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "img",
+      {
+        src: url,
+        alt,
+        className: imageClasses || void 0,
+        style: {
+          ...borderProps.style,
+          aspectRatio,
+          objectFit: scale,
+          width,
+          height
+        },
         width,
-        height
-      },
-      width: width,
-      height: height,
-      title: title
-    });
-    const figure = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [href ? /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
-        className: linkClass,
-        href: href,
-        target: linkTarget,
-        rel: newRel,
-        children: image
-      }) : image, !_blockEditor.RichText.isEmpty(caption) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText.Content, {
-        className: (0, _blockEditor.__experimentalGetElementClassName)('caption'),
-        tagName: "figcaption",
-        value: caption
-      })]
-    });
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("figure", {
-      ..._blockEditor.useBlockProps.save({
-        className: classes
-      }),
-      children: figure
-    });
+        height,
+        title
+      }
+    );
+    const figure = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      href ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "a",
+        {
+          className: linkClass,
+          href,
+          target: linkTarget,
+          rel: newRel,
+          children: image
+        }
+      ) : image,
+      !import_block_editor.RichText.isEmpty(caption) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_block_editor.RichText.Content,
+        {
+          className: (0, import_block_editor.__experimentalGetElementClassName)(
+            "caption"
+          ),
+          tagName: "figcaption",
+          value: caption
+        }
+      )
+    ] });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("figure", { ...import_block_editor.useBlockProps.save({ className: classes }), children: figure });
   }
 };
 const v8 = {
   attributes: {
     align: {
-      type: 'string'
+      type: "string"
     },
     behaviors: {
-      type: 'object'
+      type: "object"
     },
     url: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'img',
-      attribute: 'src',
-      role: 'content'
+      type: "string",
+      source: "attribute",
+      selector: "img",
+      attribute: "src",
+      role: "content"
     },
     alt: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'img',
-      attribute: 'alt',
-      default: '',
-      role: 'content'
+      type: "string",
+      source: "attribute",
+      selector: "img",
+      attribute: "alt",
+      default: "",
+      role: "content"
     },
     caption: {
-      type: 'string',
-      source: 'html',
-      selector: 'figcaption',
-      role: 'content'
+      type: "string",
+      source: "html",
+      selector: "figcaption",
+      role: "content"
     },
     title: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'img',
-      attribute: 'title',
-      role: 'content'
+      type: "string",
+      source: "attribute",
+      selector: "img",
+      attribute: "title",
+      role: "content"
     },
     href: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'figure > a',
-      attribute: 'href',
-      role: 'content'
+      type: "string",
+      source: "attribute",
+      selector: "figure > a",
+      attribute: "href",
+      role: "content"
     },
     rel: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'figure > a',
-      attribute: 'rel'
+      type: "string",
+      source: "attribute",
+      selector: "figure > a",
+      attribute: "rel"
     },
     linkClass: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'figure > a',
-      attribute: 'class'
+      type: "string",
+      source: "attribute",
+      selector: "figure > a",
+      attribute: "class"
     },
     id: {
-      type: 'number',
-      role: 'content'
+      type: "number",
+      role: "content"
     },
     width: {
-      type: 'string'
+      type: "string"
     },
     height: {
-      type: 'string'
+      type: "string"
     },
     aspectRatio: {
-      type: 'string'
+      type: "string"
     },
     scale: {
-      type: 'string'
+      type: "string"
     },
     sizeSlug: {
-      type: 'string'
+      type: "string"
     },
     linkDestination: {
-      type: 'string'
+      type: "string"
     },
     linkTarget: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'figure > a',
-      attribute: 'target'
+      type: "string",
+      source: "attribute",
+      selector: "figure > a",
+      attribute: "target"
     }
   },
   supports: {
@@ -1034,24 +945,13 @@ const v8 = {
       }
     }
   },
-  migrate({
-    width,
-    height,
-    ...attributes
-  }) {
-    // We need to perform a check here because in cases
-    // where attributes are added dynamically to blocks,
-    // block invalidation overrides the isEligible() method
-    // and forces the migration to run, so it's not guaranteed
-    // that `behaviors` or `behaviors.lightbox` will be defined.
+  migrate({ width, height, ...attributes }) {
     if (!attributes.behaviors?.lightbox) {
       return attributes;
     }
     const {
       behaviors: {
-        lightbox: {
-          enabled
-        }
+        lightbox: { enabled }
       }
     } = attributes;
     const newAttributes = {
@@ -1066,9 +966,7 @@ const v8 = {
   isEligible(attributes) {
     return !!attributes.behaviors;
   },
-  save({
-    attributes
-  }) {
+  save({ attributes }) {
     const {
       url,
       alt,
@@ -1086,50 +984,57 @@ const v8 = {
       sizeSlug,
       title
     } = attributes;
-    const newRel = !rel ? undefined : rel;
-    const borderProps = (0, _blockEditor.__experimentalGetBorderClassesAndStyles)(attributes);
-    const classes = (0, _clsx.default)({
+    const newRel = !rel ? void 0 : rel;
+    const borderProps = (0, import_block_editor.__experimentalGetBorderClassesAndStyles)(attributes);
+    const classes = (0, import_clsx.default)({
       [`align${align}`]: align,
       [`size-${sizeSlug}`]: sizeSlug,
-      'is-resized': width || height,
-      'has-custom-border': !!borderProps.className || borderProps.style && Object.keys(borderProps.style).length > 0
+      "is-resized": width || height,
+      "has-custom-border": !!borderProps.className || borderProps.style && Object.keys(borderProps.style).length > 0
     });
-    const imageClasses = (0, _clsx.default)(borderProps.className, {
+    const imageClasses = (0, import_clsx.default)(borderProps.className, {
       [`wp-image-${id}`]: !!id
     });
-    const image = /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-      src: url,
-      alt: alt,
-      className: imageClasses || undefined,
-      style: {
-        ...borderProps.style,
-        aspectRatio,
-        objectFit: scale,
-        width,
-        height
-      },
-      title: title
-    });
-    const figure = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [href ? /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
-        className: linkClass,
-        href: href,
-        target: linkTarget,
-        rel: newRel,
-        children: image
-      }) : image, !_blockEditor.RichText.isEmpty(caption) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText.Content, {
-        className: (0, _blockEditor.__experimentalGetElementClassName)('caption'),
-        tagName: "figcaption",
-        value: caption
-      })]
-    });
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("figure", {
-      ..._blockEditor.useBlockProps.save({
-        className: classes
-      }),
-      children: figure
-    });
+    const image = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "img",
+      {
+        src: url,
+        alt,
+        className: imageClasses || void 0,
+        style: {
+          ...borderProps.style,
+          aspectRatio,
+          objectFit: scale,
+          width,
+          height
+        },
+        title
+      }
+    );
+    const figure = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      href ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "a",
+        {
+          className: linkClass,
+          href,
+          target: linkTarget,
+          rel: newRel,
+          children: image
+        }
+      ) : image,
+      !import_block_editor.RichText.isEmpty(caption) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_block_editor.RichText.Content,
+        {
+          className: (0, import_block_editor.__experimentalGetElementClassName)(
+            "caption"
+          ),
+          tagName: "figcaption",
+          value: caption
+        }
+      )
+    ] });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("figure", { ...import_block_editor.useBlockProps.save({ className: classes }), children: figure });
   }
 };
-var _default = exports.default = [v8, v7, v6, v5, v4, v3, v2, v1];
-//# sourceMappingURL=deprecated.js.map
+var deprecated_default = [v8, v7, v6, v5, v4, v3, v2, v1];
+//# sourceMappingURL=deprecated.js.map