// packages/block-library/src/image/index.js
import { __ } from "@wordpress/i18n";
import { image as icon } from "@wordpress/icons";
import initBlock from "../utils/init-block";
import deprecated from "./deprecated";
import edit from "./edit";
import metadata from "./block.json";
import save from "./save";
import transforms from "./transforms";
var { name } = metadata;
var settings = {
  icon,
  example: {
    attributes: {
      sizeSlug: "large",
      url: "https://s.w.org/images/core/5.3/MtBlanc1.jpg",
      // translators: Caption accompanying an image of the Mont Blanc, which serves as an example for the Image block.
      caption: __("Mont Blanc appears\u2014still, snowy, and serene.")
    }
  },
  __experimentalLabel(attributes, { context }) {
    const customName = attributes?.metadata?.name;
    if (context === "list-view" && customName) {
      return customName;
    }
    if (context === "accessibility") {
      const { caption, alt, url } = attributes;
      if (!url) {
        return __("Empty");
      }
      if (!alt) {
        return caption || "";
      }
      return alt + (caption ? ". " + caption : "");
    }
  },
  getEditWrapperProps(attributes) {
    return {
      "data-align": attributes.align
    };
  },
  transforms,
  edit,
  save,
  deprecated
};
if (window.__experimentalContentOnlyPatternInsertion) {
  settings.fields = [
    {
      label: __("Image"),
      type: "Media",
      shownByDefault: true,
      mapping: {
        id: "id",
        src: "url",
        caption: "caption",
        alt: "alt"
      },
      args: {
        allowedTypes: ["image"],
        multiple: false
      }
    },
    {
      label: __("Link"),
      type: "Link",
      shownByDefault: false,
      mapping: {
        href: "href",
        rel: "rel",
        target: "linkTarget",
        destination: "linkDestination"
      }
    },
    {
      label: __("Caption"),
      type: "RichText",
      shownByDefault: false,
      mapping: {
        value: "caption"
      }
    },
    {
      label: __("Alt text"),
      type: "PlainText",
      shownByDefault: false,
      mapping: {
        value: "alt"
      }
    }
  ];
}
var init = () => initBlock({ name, metadata, settings });
export {
  init,
  metadata,
  name,
  settings
};
//# sourceMappingURL=index.js.map
