@wordpress/block-library/build-module/gallery/save.mjs

Block library for the WordPress editor.

// packages/block-library/src/gallery/save.jsx
import clsx from "clsx";
import {
  RichText,
  useBlockProps,
  useInnerBlocksProps,
  __experimentalGetElementClassName
} from "@wordpress/block-editor";
import { isGalleryFlexLayout } from "./shared.mjs";
import { jsx, jsxs } from "react/jsx-runtime";
function saveWithInnerBlocks({ attributes }) {
  const { caption, columns, imageCrop, dynamicContent, layout } = attributes;
  const isFlexLayout = isGalleryFlexLayout(layout);
  const captionElement = !RichText.isEmpty(caption) && /* @__PURE__ */ jsx(
    RichText.Content,
    {
      tagName: "figcaption",
      className: clsx(
        "blocks-gallery-caption",
        __experimentalGetElementClassName("caption")
      ),
      value: caption
    }
  );
  if (dynamicContent) {
    return captionElement || null;
  }
  const className = clsx("has-nested-images", {
    [`columns-${columns}`]: isFlexLayout && columns !== void 0,
    [`columns-default`]: isFlexLayout && columns === void 0,
    "is-cropped": isFlexLayout && imageCrop
  });
  const blockProps = useBlockProps.save({ className });
  const innerBlocksProps = useInnerBlocksProps.save(blockProps);
  return /* @__PURE__ */ jsxs("figure", { ...innerBlocksProps, children: [
    innerBlocksProps.children,
    captionElement
  ] });
}
export {
  saveWithInnerBlocks as default
};
//# sourceMappingURL=save.mjs.map