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

package/build-module/media-text/media-container.js

@@ -1,44 +1,37 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { ResizableBox, Spinner, Placeholder } from '@wordpress/components';
-import { BlockControls, BlockIcon, MediaPlaceholder, MediaReplaceFlow, store as blockEditorStore } from '@wordpress/block-editor';
-import { __ } from '@wordpress/i18n';
-import { useViewportMatch } from '@wordpress/compose';
-import { useDispatch } from '@wordpress/data';
-import { forwardRef } from '@wordpress/element';
-import { isBlobURL } from '@wordpress/blob';
-import { store as noticesStore } from '@wordpress/notices';
-import { media as icon } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import { imageFillStyles } from './image-fill';
-
-/**
- * Constants
- */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const ALLOWED_MEDIA_TYPES = ['image', 'video'];
-const noop = () => {};
-const ResizableBoxContainer = forwardRef(({
-  isSelected,
-  isStackedOnMobile,
-  ...props
-}, ref) => {
-  const isMobile = useViewportMatch('small', '<');
-  return /*#__PURE__*/_jsx(ResizableBox, {
-    ref: ref,
-    showHandle: isSelected && (!isMobile || !isStackedOnMobile),
-    ...props
-  });
-});
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { ResizableBox, Spinner, Placeholder } from "@wordpress/components";
+import {
+  BlockControls,
+  BlockIcon,
+  MediaPlaceholder,
+  MediaReplaceFlow,
+  store as blockEditorStore
+} from "@wordpress/block-editor";
+import { __ } from "@wordpress/i18n";
+import { useViewportMatch } from "@wordpress/compose";
+import { useDispatch } from "@wordpress/data";
+import { forwardRef } from "@wordpress/element";
+import { isBlobURL } from "@wordpress/blob";
+import { store as noticesStore } from "@wordpress/notices";
+import { media as icon } from "@wordpress/icons";
+import { imageFillStyles } from "./image-fill";
+const ALLOWED_MEDIA_TYPES = ["image", "video"];
+const noop = () => {
+};
+const ResizableBoxContainer = forwardRef(
+  ({ isSelected, isStackedOnMobile, ...props }, ref) => {
+    const isMobile = useViewportMatch("small", "<");
+    return /* @__PURE__ */ jsx(
+      ResizableBox,
+      {
+        ref,
+        showHandle: isSelected && (!isMobile || !isStackedOnMobile),
+        ...props
+      }
+    );
+  }
+);
 function ToolbarEditButton({
   mediaId,
   mediaUrl,
@@ -46,19 +39,19 @@ function ToolbarEditButton({
   toggleUseFeaturedImage,
   useFeaturedImage
 }) {
-  return /*#__PURE__*/_jsx(BlockControls, {
-    group: "other",
-    children: /*#__PURE__*/_jsx(MediaReplaceFlow, {
-      mediaId: mediaId,
+  return /* @__PURE__ */ jsx(BlockControls, { group: "other", children: /* @__PURE__ */ jsx(
+    MediaReplaceFlow,
+    {
+      mediaId,
       mediaURL: mediaUrl,
       allowedTypes: ALLOWED_MEDIA_TYPES,
       accept: "image/*,video/*",
       onSelect: onSelectMedia,
       onToggleFeaturedImage: toggleUseFeaturedImage,
-      useFeaturedImage: useFeaturedImage,
-      onReset: () => onSelectMedia(undefined)
-    })
-  });
+      useFeaturedImage,
+      onReset: () => onSelectMedia(void 0)
+    }
+  ) });
 }
 function PlaceholderContainer({
   className,
@@ -66,29 +59,26 @@ function PlaceholderContainer({
   onSelectMedia,
   toggleUseFeaturedImage
 }) {
-  const {
-    createErrorNotice
-  } = useDispatch(noticesStore);
-  const onUploadError = message => {
-    createErrorNotice(message, {
-      type: 'snackbar'
-    });
+  const { createErrorNotice } = useDispatch(noticesStore);
+  const onUploadError = (message) => {
+    createErrorNotice(message, { type: "snackbar" });
   };
-  return /*#__PURE__*/_jsx(MediaPlaceholder, {
-    icon: /*#__PURE__*/_jsx(BlockIcon, {
-      icon: icon
-    }),
-    labels: {
-      title: __('Media area')
-    },
-    className: className,
-    onSelect: onSelectMedia,
-    accept: "image/*,video/*",
-    onToggleFeaturedImage: toggleUseFeaturedImage,
-    allowedTypes: ALLOWED_MEDIA_TYPES,
-    onError: onUploadError,
-    disableMediaButtons: mediaUrl
-  });
+  return /* @__PURE__ */ jsx(
+    MediaPlaceholder,
+    {
+      icon: /* @__PURE__ */ jsx(BlockIcon, { icon }),
+      labels: {
+        title: __("Media area")
+      },
+      className,
+      onSelect: onSelectMedia,
+      accept: "image/*,video/*",
+      onToggleFeaturedImage: toggleUseFeaturedImage,
+      allowedTypes: ALLOWED_MEDIA_TYPES,
+      onError: onUploadError,
+      disableMediaButtons: mediaUrl
+    }
+  );
 }
 function MediaContainer(props, ref) {
   const {
@@ -114,9 +104,7 @@ function MediaContainer(props, ref) {
     refMedia
   } = props;
   const isTemporaryMedia = !mediaId && isBlobURL(mediaUrl);
-  const {
-    toggleSelection
-  } = useDispatch(blockEditorStore);
+  const { toggleSelection } = useDispatch(blockEditorStore);
   if (mediaUrl || featuredImageURL || useFeaturedImage) {
     const onResizeStart = () => {
       toggleSelection(false);
@@ -129,64 +117,80 @@ function MediaContainer(props, ref) {
       commitWidthChange(parseInt(elt.style.width));
     };
     const enablePositions = {
-      right: enableResize && mediaPosition === 'left',
-      left: enableResize && mediaPosition === 'right'
+      right: enableResize && mediaPosition === "left",
+      left: enableResize && mediaPosition === "right"
     };
-    const positionStyles = mediaType === 'image' && imageFill ? imageFillStyles(mediaUrl || featuredImageURL, focalPoint) : {};
+    const positionStyles = mediaType === "image" && imageFill ? imageFillStyles(mediaUrl || featuredImageURL, focalPoint) : {};
     const mediaTypeRenderers = {
-      image: () => useFeaturedImage && featuredImageURL ? /*#__PURE__*/_jsx("img", {
-        ref: refMedia,
-        src: featuredImageURL,
-        alt: featuredImageAlt,
-        style: positionStyles
-      }) : mediaUrl && /*#__PURE__*/_jsx("img", {
-        ref: refMedia,
-        src: mediaUrl,
-        alt: mediaAlt,
-        style: positionStyles
-      }),
-      video: () => /*#__PURE__*/_jsx("video", {
-        controls: true,
-        ref: refMedia,
-        src: mediaUrl
-      })
+      image: () => useFeaturedImage && featuredImageURL ? /* @__PURE__ */ jsx(
+        "img",
+        {
+          ref: refMedia,
+          src: featuredImageURL,
+          alt: featuredImageAlt,
+          style: positionStyles
+        }
+      ) : mediaUrl && /* @__PURE__ */ jsx(
+        "img",
+        {
+          ref: refMedia,
+          src: mediaUrl,
+          alt: mediaAlt,
+          style: positionStyles
+        }
+      ),
+      video: () => /* @__PURE__ */ jsx("video", { controls: true, ref: refMedia, src: mediaUrl })
     };
-    return /*#__PURE__*/_jsxs(ResizableBoxContainer, {
-      as: "figure",
-      className: clsx(className, 'editor-media-container__resizer', {
-        'is-transient': isTemporaryMedia
-      }),
-      size: {
-        width: mediaWidth + '%'
-      },
-      minWidth: "10%",
-      maxWidth: "100%",
-      enable: enablePositions,
-      onResizeStart: onResizeStart,
-      onResize: onResize,
-      onResizeStop: onResizeStop,
-      axis: "x",
-      isSelected: isSelected,
-      isStackedOnMobile: isStackedOnMobile,
-      ref: ref,
-      children: [/*#__PURE__*/_jsx(ToolbarEditButton, {
-        onSelectMedia: onSelectMedia,
-        mediaUrl: useFeaturedImage && featuredImageURL ? featuredImageURL : mediaUrl,
-        mediaId: mediaId,
-        toggleUseFeaturedImage: toggleUseFeaturedImage,
-        useFeaturedImage: useFeaturedImage
-      }), (mediaTypeRenderers[mediaType] || noop)(), isTemporaryMedia && /*#__PURE__*/_jsx(Spinner, {}), !useFeaturedImage && /*#__PURE__*/_jsx(PlaceholderContainer, {
-        ...props
-      }), !featuredImageURL && useFeaturedImage && /*#__PURE__*/_jsx(Placeholder, {
-        className: "wp-block-media-text--placeholder-image",
-        style: positionStyles,
-        withIllustration: true
-      })]
-    });
+    return /* @__PURE__ */ jsxs(
+      ResizableBoxContainer,
+      {
+        as: "figure",
+        className: clsx(
+          className,
+          "editor-media-container__resizer",
+          { "is-transient": isTemporaryMedia }
+        ),
+        size: { width: mediaWidth + "%" },
+        minWidth: "10%",
+        maxWidth: "100%",
+        enable: enablePositions,
+        onResizeStart,
+        onResize,
+        onResizeStop,
+        axis: "x",
+        isSelected,
+        isStackedOnMobile,
+        ref,
+        children: [
+          /* @__PURE__ */ jsx(
+            ToolbarEditButton,
+            {
+              onSelectMedia,
+              mediaUrl: useFeaturedImage && featuredImageURL ? featuredImageURL : mediaUrl,
+              mediaId,
+              toggleUseFeaturedImage,
+              useFeaturedImage
+            }
+          ),
+          (mediaTypeRenderers[mediaType] || noop)(),
+          isTemporaryMedia && /* @__PURE__ */ jsx(Spinner, {}),
+          !useFeaturedImage && /* @__PURE__ */ jsx(PlaceholderContainer, { ...props }),
+          !featuredImageURL && useFeaturedImage && /* @__PURE__ */ jsx(
+            Placeholder,
+            {
+              className: "wp-block-media-text--placeholder-image",
+              style: positionStyles,
+              withIllustration: true
+            }
+          )
+        ]
+      }
+    );
   }
-  return /*#__PURE__*/_jsx(PlaceholderContainer, {
-    ...props
-  });
+  return /* @__PURE__ */ jsx(PlaceholderContainer, { ...props });
 }
-export default forwardRef(MediaContainer);
-//# sourceMappingURL=media-container.js.map
+var media_container_default = forwardRef(MediaContainer);
+export {
+  media_container_default as default
+};
+//# sourceMappingURL=media-container.js.map

package/build-module/media-text/media-container.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","ResizableBox","Spinner","Placeholder","BlockControls","BlockIcon","MediaPlaceholder","MediaReplaceFlow","store","blockEditorStore","__","useViewportMatch","useDispatch","forwardRef","isBlobURL","noticesStore","media","icon","imageFillStyles","jsx","_jsx","jsxs","_jsxs","ALLOWED_MEDIA_TYPES","noop","ResizableBoxContainer","isSelected","isStackedOnMobile","props","ref","isMobile","showHandle","ToolbarEditButton","mediaId","mediaUrl","onSelectMedia","toggleUseFeaturedImage","useFeaturedImage","group","children","mediaURL","allowedTypes","accept","onSelect","onToggleFeaturedImage","onReset","undefined","PlaceholderContainer","className","createErrorNotice","onUploadError","message","type","labels","title","onError","disableMediaButtons","MediaContainer","commitWidthChange","focalPoint","imageFill","mediaAlt","mediaPosition","mediaType","mediaWidth","onWidthChange","enableResize","featuredImageURL","featuredImageAlt","refMedia","isTemporaryMedia","toggleSelection","onResizeStart","onResize","event","direction","elt","parseInt","style","width","onResizeStop","enablePositions","right","left","positionStyles","mediaTypeRenderers","image","src","alt","video","controls","as","size","minWidth","maxWidth","enable","axis","withIllustration"],"sources":["@wordpress/block-library/src/media-text/media-container.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { ResizableBox, Spinner, Placeholder } from '@wordpress/components';\nimport {\n\tBlockControls,\n\tBlockIcon,\n\tMediaPlaceholder,\n\tMediaReplaceFlow,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { useDispatch } from '@wordpress/data';\nimport { forwardRef } from '@wordpress/element';\nimport { isBlobURL } from '@wordpress/blob';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { media as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { imageFillStyles } from './image-fill';\n\n/**\n * Constants\n */\nconst ALLOWED_MEDIA_TYPES = [ 'image', 'video' ];\nconst noop = () => {};\n\nconst ResizableBoxContainer = forwardRef(\n\t( { isSelected, isStackedOnMobile, ...props }, ref ) => {\n\t\tconst isMobile = useViewportMatch( 'small', '<' );\n\t\treturn (\n\t\t\t<ResizableBox\n\t\t\t\tref={ ref }\n\t\t\t\tshowHandle={\n\t\t\t\t\tisSelected && ( ! isMobile || ! isStackedOnMobile )\n\t\t\t\t}\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t);\n\t}\n);\n\nfunction ToolbarEditButton( {\n\tmediaId,\n\tmediaUrl,\n\tonSelectMedia,\n\ttoggleUseFeaturedImage,\n\tuseFeaturedImage,\n} ) {\n\treturn (\n\t\t<BlockControls group=\"other\">\n\t\t\t<MediaReplaceFlow\n\t\t\t\tmediaId={ mediaId }\n\t\t\t\tmediaURL={ mediaUrl }\n\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\taccept=\"image/*,video/*\"\n\t\t\t\tonSelect={ onSelectMedia }\n\t\t\t\tonToggleFeaturedImage={ toggleUseFeaturedImage }\n\t\t\t\tuseFeaturedImage={ useFeaturedImage }\n\t\t\t\tonReset={ () => onSelectMedia( undefined ) }\n\t\t\t/>\n\t\t</BlockControls>\n\t);\n}\n\nfunction PlaceholderContainer( {\n\tclassName,\n\tmediaUrl,\n\tonSelectMedia,\n\ttoggleUseFeaturedImage,\n} ) {\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\n\tconst onUploadError = ( message ) => {\n\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t};\n\n\treturn (\n\t\t<MediaPlaceholder\n\t\t\ticon={ <BlockIcon icon={ icon } /> }\n\t\t\tlabels={ {\n\t\t\t\ttitle: __( 'Media area' ),\n\t\t\t} }\n\t\t\tclassName={ className }\n\t\t\tonSelect={ onSelectMedia }\n\t\t\taccept=\"image/*,video/*\"\n\t\t\tonToggleFeaturedImage={ toggleUseFeaturedImage }\n\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\tonError={ onUploadError }\n\t\t\tdisableMediaButtons={ mediaUrl }\n\t\t/>\n\t);\n}\n\nfunction MediaContainer( props, ref ) {\n\tconst {\n\t\tclassName,\n\t\tcommitWidthChange,\n\t\tfocalPoint,\n\t\timageFill,\n\t\tisSelected,\n\t\tisStackedOnMobile,\n\t\tmediaAlt,\n\t\tmediaId,\n\t\tmediaPosition,\n\t\tmediaType,\n\t\tmediaUrl,\n\t\tmediaWidth,\n\t\tonSelectMedia,\n\t\tonWidthChange,\n\t\tenableResize,\n\t\ttoggleUseFeaturedImage,\n\t\tuseFeaturedImage,\n\t\tfeaturedImageURL,\n\t\tfeaturedImageAlt,\n\t\trefMedia,\n\t} = props;\n\n\tconst isTemporaryMedia = ! mediaId && isBlobURL( mediaUrl );\n\n\tconst { toggleSelection } = useDispatch( blockEditorStore );\n\n\tif ( mediaUrl || featuredImageURL || useFeaturedImage ) {\n\t\tconst onResizeStart = () => {\n\t\t\ttoggleSelection( false );\n\t\t};\n\t\tconst onResize = ( event, direction, elt ) => {\n\t\t\tonWidthChange( parseInt( elt.style.width ) );\n\t\t};\n\t\tconst onResizeStop = ( event, direction, elt ) => {\n\t\t\ttoggleSelection( true );\n\t\t\tcommitWidthChange( parseInt( elt.style.width ) );\n\t\t};\n\t\tconst enablePositions = {\n\t\t\tright: enableResize && mediaPosition === 'left',\n\t\t\tleft: enableResize && mediaPosition === 'right',\n\t\t};\n\n\t\tconst positionStyles =\n\t\t\tmediaType === 'image' && imageFill\n\t\t\t\t? imageFillStyles( mediaUrl || featuredImageURL, focalPoint )\n\t\t\t\t: {};\n\n\t\tconst mediaTypeRenderers = {\n\t\t\timage: () =>\n\t\t\t\tuseFeaturedImage && featuredImageURL ? (\n\t\t\t\t\t<img\n\t\t\t\t\t\tref={ refMedia }\n\t\t\t\t\t\tsrc={ featuredImageURL }\n\t\t\t\t\t\talt={ featuredImageAlt }\n\t\t\t\t\t\tstyle={ positionStyles }\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\tmediaUrl && (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tref={ refMedia }\n\t\t\t\t\t\t\tsrc={ mediaUrl }\n\t\t\t\t\t\t\talt={ mediaAlt }\n\t\t\t\t\t\t\tstyle={ positionStyles }\n\t\t\t\t\t\t/>\n\t\t\t\t\t)\n\t\t\t\t),\n\t\t\tvideo: () => <video controls ref={ refMedia } src={ mediaUrl } />,\n\t\t};\n\n\t\treturn (\n\t\t\t<ResizableBoxContainer\n\t\t\t\tas=\"figure\"\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\tclassName,\n\t\t\t\t\t'editor-media-container__resizer',\n\t\t\t\t\t{ 'is-transient': isTemporaryMedia }\n\t\t\t\t) }\n\t\t\t\tsize={ { width: mediaWidth + '%' } }\n\t\t\t\tminWidth=\"10%\"\n\t\t\t\tmaxWidth=\"100%\"\n\t\t\t\tenable={ enablePositions }\n\t\t\t\tonResizeStart={ onResizeStart }\n\t\t\t\tonResize={ onResize }\n\t\t\t\tonResizeStop={ onResizeStop }\n\t\t\t\taxis=\"x\"\n\t\t\t\tisSelected={ isSelected }\n\t\t\t\tisStackedOnMobile={ isStackedOnMobile }\n\t\t\t\tref={ ref }\n\t\t\t>\n\t\t\t\t<ToolbarEditButton\n\t\t\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\t\t\tmediaUrl={\n\t\t\t\t\t\tuseFeaturedImage && featuredImageURL\n\t\t\t\t\t\t\t? featuredImageURL\n\t\t\t\t\t\t\t: mediaUrl\n\t\t\t\t\t}\n\t\t\t\t\tmediaId={ mediaId }\n\t\t\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t\t\t\tuseFeaturedImage={ useFeaturedImage }\n\t\t\t\t/>\n\t\t\t\t{ ( mediaTypeRenderers[ mediaType ] || noop )() }\n\t\t\t\t{ isTemporaryMedia && <Spinner /> }\n\t\t\t\t{ ! useFeaturedImage && <PlaceholderContainer { ...props } /> }\n\t\t\t\t{ ! featuredImageURL && useFeaturedImage && (\n\t\t\t\t\t<Placeholder\n\t\t\t\t\t\tclassName=\"wp-block-media-text--placeholder-image\"\n\t\t\t\t\t\tstyle={ positionStyles }\n\t\t\t\t\t\twithIllustration\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</ResizableBoxContainer>\n\t\t);\n\t}\n\n\treturn <PlaceholderContainer { ...props } />;\n}\n\nexport default forwardRef( MediaContainer );\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/media-text/media-container.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { ResizableBox, Spinner, Placeholder } from '@wordpress/components';\nimport {\n\tBlockControls,\n\tBlockIcon,\n\tMediaPlaceholder,\n\tMediaReplaceFlow,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { useDispatch } from '@wordpress/data';\nimport { forwardRef } from '@wordpress/element';\nimport { isBlobURL } from '@wordpress/blob';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { media as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { imageFillStyles } from './image-fill';\n\n/**\n * Constants\n */\nconst ALLOWED_MEDIA_TYPES = [ 'image', 'video' ];\nconst noop = () => {};\n\nconst ResizableBoxContainer = forwardRef(\n\t( { isSelected, isStackedOnMobile, ...props }, ref ) => {\n\t\tconst isMobile = useViewportMatch( 'small', '<' );\n\t\treturn (\n\t\t\t<ResizableBox\n\t\t\t\tref={ ref }\n\t\t\t\tshowHandle={\n\t\t\t\t\tisSelected && ( ! isMobile || ! isStackedOnMobile )\n\t\t\t\t}\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t);\n\t}\n);\n\nfunction ToolbarEditButton( {\n\tmediaId,\n\tmediaUrl,\n\tonSelectMedia,\n\ttoggleUseFeaturedImage,\n\tuseFeaturedImage,\n} ) {\n\treturn (\n\t\t<BlockControls group=\"other\">\n\t\t\t<MediaReplaceFlow\n\t\t\t\tmediaId={ mediaId }\n\t\t\t\tmediaURL={ mediaUrl }\n\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\taccept=\"image/*,video/*\"\n\t\t\t\tonSelect={ onSelectMedia }\n\t\t\t\tonToggleFeaturedImage={ toggleUseFeaturedImage }\n\t\t\t\tuseFeaturedImage={ useFeaturedImage }\n\t\t\t\tonReset={ () => onSelectMedia( undefined ) }\n\t\t\t/>\n\t\t</BlockControls>\n\t);\n}\n\nfunction PlaceholderContainer( {\n\tclassName,\n\tmediaUrl,\n\tonSelectMedia,\n\ttoggleUseFeaturedImage,\n} ) {\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\n\tconst onUploadError = ( message ) => {\n\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t};\n\n\treturn (\n\t\t<MediaPlaceholder\n\t\t\ticon={ <BlockIcon icon={ icon } /> }\n\t\t\tlabels={ {\n\t\t\t\ttitle: __( 'Media area' ),\n\t\t\t} }\n\t\t\tclassName={ className }\n\t\t\tonSelect={ onSelectMedia }\n\t\t\taccept=\"image/*,video/*\"\n\t\t\tonToggleFeaturedImage={ toggleUseFeaturedImage }\n\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\tonError={ onUploadError }\n\t\t\tdisableMediaButtons={ mediaUrl }\n\t\t/>\n\t);\n}\n\nfunction MediaContainer( props, ref ) {\n\tconst {\n\t\tclassName,\n\t\tcommitWidthChange,\n\t\tfocalPoint,\n\t\timageFill,\n\t\tisSelected,\n\t\tisStackedOnMobile,\n\t\tmediaAlt,\n\t\tmediaId,\n\t\tmediaPosition,\n\t\tmediaType,\n\t\tmediaUrl,\n\t\tmediaWidth,\n\t\tonSelectMedia,\n\t\tonWidthChange,\n\t\tenableResize,\n\t\ttoggleUseFeaturedImage,\n\t\tuseFeaturedImage,\n\t\tfeaturedImageURL,\n\t\tfeaturedImageAlt,\n\t\trefMedia,\n\t} = props;\n\n\tconst isTemporaryMedia = ! mediaId && isBlobURL( mediaUrl );\n\n\tconst { toggleSelection } = useDispatch( blockEditorStore );\n\n\tif ( mediaUrl || featuredImageURL || useFeaturedImage ) {\n\t\tconst onResizeStart = () => {\n\t\t\ttoggleSelection( false );\n\t\t};\n\t\tconst onResize = ( event, direction, elt ) => {\n\t\t\tonWidthChange( parseInt( elt.style.width ) );\n\t\t};\n\t\tconst onResizeStop = ( event, direction, elt ) => {\n\t\t\ttoggleSelection( true );\n\t\t\tcommitWidthChange( parseInt( elt.style.width ) );\n\t\t};\n\t\tconst enablePositions = {\n\t\t\tright: enableResize && mediaPosition === 'left',\n\t\t\tleft: enableResize && mediaPosition === 'right',\n\t\t};\n\n\t\tconst positionStyles =\n\t\t\tmediaType === 'image' && imageFill\n\t\t\t\t? imageFillStyles( mediaUrl || featuredImageURL, focalPoint )\n\t\t\t\t: {};\n\n\t\tconst mediaTypeRenderers = {\n\t\t\timage: () =>\n\t\t\t\tuseFeaturedImage && featuredImageURL ? (\n\t\t\t\t\t<img\n\t\t\t\t\t\tref={ refMedia }\n\t\t\t\t\t\tsrc={ featuredImageURL }\n\t\t\t\t\t\talt={ featuredImageAlt }\n\t\t\t\t\t\tstyle={ positionStyles }\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\tmediaUrl && (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tref={ refMedia }\n\t\t\t\t\t\t\tsrc={ mediaUrl }\n\t\t\t\t\t\t\talt={ mediaAlt }\n\t\t\t\t\t\t\tstyle={ positionStyles }\n\t\t\t\t\t\t/>\n\t\t\t\t\t)\n\t\t\t\t),\n\t\t\tvideo: () => <video controls ref={ refMedia } src={ mediaUrl } />,\n\t\t};\n\n\t\treturn (\n\t\t\t<ResizableBoxContainer\n\t\t\t\tas=\"figure\"\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\tclassName,\n\t\t\t\t\t'editor-media-container__resizer',\n\t\t\t\t\t{ 'is-transient': isTemporaryMedia }\n\t\t\t\t) }\n\t\t\t\tsize={ { width: mediaWidth + '%' } }\n\t\t\t\tminWidth=\"10%\"\n\t\t\t\tmaxWidth=\"100%\"\n\t\t\t\tenable={ enablePositions }\n\t\t\t\tonResizeStart={ onResizeStart }\n\t\t\t\tonResize={ onResize }\n\t\t\t\tonResizeStop={ onResizeStop }\n\t\t\t\taxis=\"x\"\n\t\t\t\tisSelected={ isSelected }\n\t\t\t\tisStackedOnMobile={ isStackedOnMobile }\n\t\t\t\tref={ ref }\n\t\t\t>\n\t\t\t\t<ToolbarEditButton\n\t\t\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\t\t\tmediaUrl={\n\t\t\t\t\t\tuseFeaturedImage && featuredImageURL\n\t\t\t\t\t\t\t? featuredImageURL\n\t\t\t\t\t\t\t: mediaUrl\n\t\t\t\t\t}\n\t\t\t\t\tmediaId={ mediaId }\n\t\t\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t\t\t\tuseFeaturedImage={ useFeaturedImage }\n\t\t\t\t/>\n\t\t\t\t{ ( mediaTypeRenderers[ mediaType ] || noop )() }\n\t\t\t\t{ isTemporaryMedia && <Spinner /> }\n\t\t\t\t{ ! useFeaturedImage && <PlaceholderContainer { ...props } /> }\n\t\t\t\t{ ! featuredImageURL && useFeaturedImage && (\n\t\t\t\t\t<Placeholder\n\t\t\t\t\t\tclassName=\"wp-block-media-text--placeholder-image\"\n\t\t\t\t\t\tstyle={ positionStyles }\n\t\t\t\t\t\twithIllustration\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</ResizableBoxContainer>\n\t\t);\n\t}\n\n\treturn <PlaceholderContainer { ...props } />;\n}\n\nexport default forwardRef( MediaContainer );\n"],
+  "mappings": "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",
+  "names": []
+}

package/build-module/media-text/save.js

@@ -1,24 +1,12 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { useInnerBlocksProps, useBlockProps } from '@wordpress/block-editor';
-
-/**
- * Internal dependencies
- */
-import { imageFillStyles } from './image-fill';
-import { DEFAULT_MEDIA_SIZE_SLUG } from './constants';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useInnerBlocksProps, useBlockProps } from "@wordpress/block-editor";
+import { imageFillStyles } from "./image-fill";
+import { DEFAULT_MEDIA_SIZE_SLUG } from "./constants";
 const DEFAULT_MEDIA_WIDTH = 50;
-const noop = () => {};
-export default function save({
-  attributes
-}) {
+const noop = () => {
+};
+function save({ attributes }) {
   const {
     isStackedOnMobile,
     mediaAlt,
@@ -36,76 +24,76 @@ export default function save({
     rel
   } = attributes;
   const mediaSizeSlug = attributes.mediaSizeSlug || DEFAULT_MEDIA_SIZE_SLUG;
-  const newRel = !rel ? undefined : rel;
+  const newRel = !rel ? void 0 : rel;
   const imageClasses = clsx({
-    [`wp-image-${mediaId}`]: mediaId && mediaType === 'image',
-    [`size-${mediaSizeSlug}`]: mediaId && mediaType === 'image'
+    [`wp-image-${mediaId}`]: mediaId && mediaType === "image",
+    [`size-${mediaSizeSlug}`]: mediaId && mediaType === "image"
   });
   const positionStyles = imageFill ? imageFillStyles(mediaUrl, focalPoint) : {};
-  let image = mediaUrl ? /*#__PURE__*/_jsx("img", {
-    src: mediaUrl,
-    alt: mediaAlt,
-    className: imageClasses || null,
-    style: positionStyles
-  }) : null;
+  let image = mediaUrl ? /* @__PURE__ */ jsx(
+    "img",
+    {
+      src: mediaUrl,
+      alt: mediaAlt,
+      className: imageClasses || null,
+      style: positionStyles
+    }
+  ) : null;
   if (href) {
-    image = /*#__PURE__*/_jsx("a", {
-      className: linkClass,
-      href: href,
-      target: linkTarget,
-      rel: newRel,
-      children: image
-    });
+    image = /* @__PURE__ */ jsx(
+      "a",
+      {
+        className: linkClass,
+        href,
+        target: linkTarget,
+        rel: newRel,
+        children: image
+      }
+    );
   }
   const mediaTypeRenders = {
     image: () => image,
-    video: () => /*#__PURE__*/_jsx("video", {
-      controls: true,
-      src: mediaUrl
-    })
+    video: () => /* @__PURE__ */ jsx("video", { controls: true, src: mediaUrl })
   };
   const className = clsx({
-    'has-media-on-the-right': 'right' === mediaPosition,
-    'is-stacked-on-mobile': isStackedOnMobile,
+    "has-media-on-the-right": "right" === mediaPosition,
+    "is-stacked-on-mobile": isStackedOnMobile,
     [`is-vertically-aligned-${verticalAlignment}`]: verticalAlignment,
-    'is-image-fill-element': imageFill
+    "is-image-fill-element": imageFill
   });
   let gridTemplateColumns;
   if (mediaWidth !== DEFAULT_MEDIA_WIDTH) {
-    gridTemplateColumns = 'right' === mediaPosition ? `auto ${mediaWidth}%` : `${mediaWidth}% auto`;
+    gridTemplateColumns = "right" === mediaPosition ? `auto ${mediaWidth}%` : `${mediaWidth}% auto`;
   }
   const style = {
     gridTemplateColumns
   };
-  if ('right' === mediaPosition) {
-    return /*#__PURE__*/_jsxs("div", {
-      ...useBlockProps.save({
-        className,
-        style
-      }),
-      children: [/*#__PURE__*/_jsx("div", {
+  if ("right" === mediaPosition) {
+    return /* @__PURE__ */ jsxs("div", { ...useBlockProps.save({ className, style }), children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ...useInnerBlocksProps.save({
+            className: "wp-block-media-text__content"
+          })
+        }
+      ),
+      /* @__PURE__ */ jsx("figure", { className: "wp-block-media-text__media", children: (mediaTypeRenders[mediaType] || noop)() })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { ...useBlockProps.save({ className, style }), children: [
+    /* @__PURE__ */ jsx("figure", { className: "wp-block-media-text__media", children: (mediaTypeRenders[mediaType] || noop)() }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
         ...useInnerBlocksProps.save({
-          className: 'wp-block-media-text__content'
+          className: "wp-block-media-text__content"
         })
-      }), /*#__PURE__*/_jsx("figure", {
-        className: "wp-block-media-text__media",
-        children: (mediaTypeRenders[mediaType] || noop)()
-      })]
-    });
-  }
-  return /*#__PURE__*/_jsxs("div", {
-    ...useBlockProps.save({
-      className,
-      style
-    }),
-    children: [/*#__PURE__*/_jsx("figure", {
-      className: "wp-block-media-text__media",
-      children: (mediaTypeRenders[mediaType] || noop)()
-    }), /*#__PURE__*/_jsx("div", {
-      ...useInnerBlocksProps.save({
-        className: 'wp-block-media-text__content'
-      })
-    })]
-  });
+      }
+    )
+  ] });
 }
-//# sourceMappingURL=save.js.map
+export {
+  save as default
+};
+//# sourceMappingURL=save.js.map

package/build-module/media-text/save.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","useInnerBlocksProps","useBlockProps","imageFillStyles","DEFAULT_MEDIA_SIZE_SLUG","jsx","_jsx","jsxs","_jsxs","DEFAULT_MEDIA_WIDTH","noop","save","attributes","isStackedOnMobile","mediaAlt","mediaPosition","mediaType","mediaUrl","mediaWidth","mediaId","verticalAlignment","imageFill","focalPoint","linkClass","href","linkTarget","rel","mediaSizeSlug","newRel","undefined","imageClasses","positionStyles","image","src","alt","className","style","target","children","mediaTypeRenders","video","controls","gridTemplateColumns"],"sources":["@wordpress/block-library/src/media-text/save.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useInnerBlocksProps, useBlockProps } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { imageFillStyles } from './image-fill';\nimport { DEFAULT_MEDIA_SIZE_SLUG } from './constants';\n\nconst DEFAULT_MEDIA_WIDTH = 50;\nconst noop = () => {};\n\nexport default function save( { attributes } ) {\n\tconst {\n\t\tisStackedOnMobile,\n\t\tmediaAlt,\n\t\tmediaPosition,\n\t\tmediaType,\n\t\tmediaUrl,\n\t\tmediaWidth,\n\t\tmediaId,\n\t\tverticalAlignment,\n\t\timageFill,\n\t\tfocalPoint,\n\t\tlinkClass,\n\t\thref,\n\t\tlinkTarget,\n\t\trel,\n\t} = attributes;\n\tconst mediaSizeSlug = attributes.mediaSizeSlug || DEFAULT_MEDIA_SIZE_SLUG;\n\tconst newRel = ! rel ? undefined : rel;\n\n\tconst imageClasses = clsx( {\n\t\t[ `wp-image-${ mediaId }` ]: mediaId && mediaType === 'image',\n\t\t[ `size-${ mediaSizeSlug }` ]: mediaId && mediaType === 'image',\n\t} );\n\n\tconst positionStyles = imageFill\n\t\t? imageFillStyles( mediaUrl, focalPoint )\n\t\t: {};\n\n\tlet image = mediaUrl ? (\n\t\t<img\n\t\t\tsrc={ mediaUrl }\n\t\t\talt={ mediaAlt }\n\t\t\tclassName={ imageClasses || null }\n\t\t\tstyle={ positionStyles }\n\t\t/>\n\t) : null;\n\n\tif ( href ) {\n\t\timage = (\n\t\t\t<a\n\t\t\t\tclassName={ linkClass }\n\t\t\t\thref={ href }\n\t\t\t\ttarget={ linkTarget }\n\t\t\t\trel={ newRel }\n\t\t\t>\n\t\t\t\t{ image }\n\t\t\t</a>\n\t\t);\n\t}\n\n\tconst mediaTypeRenders = {\n\t\timage: () => image,\n\t\tvideo: () => <video controls src={ mediaUrl } />,\n\t};\n\tconst className = clsx( {\n\t\t'has-media-on-the-right': 'right' === mediaPosition,\n\t\t'is-stacked-on-mobile': isStackedOnMobile,\n\t\t[ `is-vertically-aligned-${ verticalAlignment }` ]: verticalAlignment,\n\t\t'is-image-fill-element': imageFill,\n\t} );\n\n\tlet gridTemplateColumns;\n\tif ( mediaWidth !== DEFAULT_MEDIA_WIDTH ) {\n\t\tgridTemplateColumns =\n\t\t\t'right' === mediaPosition\n\t\t\t\t? `auto ${ mediaWidth }%`\n\t\t\t\t: `${ mediaWidth }% auto`;\n\t}\n\tconst style = {\n\t\tgridTemplateColumns,\n\t};\n\n\tif ( 'right' === mediaPosition ) {\n\t\treturn (\n\t\t\t<div { ...useBlockProps.save( { className, style } ) }>\n\t\t\t\t<div\n\t\t\t\t\t{ ...useInnerBlocksProps.save( {\n\t\t\t\t\t\tclassName: 'wp-block-media-text__content',\n\t\t\t\t\t} ) }\n\t\t\t\t/>\n\t\t\t\t<figure className=\"wp-block-media-text__media\">\n\t\t\t\t\t{ ( mediaTypeRenders[ mediaType ] || noop )() }\n\t\t\t\t</figure>\n\t\t\t</div>\n\t\t);\n\t}\n\treturn (\n\t\t<div { ...useBlockProps.save( { className, style } ) }>\n\t\t\t<figure className=\"wp-block-media-text__media\">\n\t\t\t\t{ ( mediaTypeRenders[ mediaType ] || noop )() }\n\t\t\t</figure>\n\t\t\t<div\n\t\t\t\t{ ...useInnerBlocksProps.save( {\n\t\t\t\t\tclassName: 'wp-block-media-text__content',\n\t\t\t\t} ) }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/media-text/save.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useInnerBlocksProps, useBlockProps } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { imageFillStyles } from './image-fill';\nimport { DEFAULT_MEDIA_SIZE_SLUG } from './constants';\n\nconst DEFAULT_MEDIA_WIDTH = 50;\nconst noop = () => {};\n\nexport default function save( { attributes } ) {\n\tconst {\n\t\tisStackedOnMobile,\n\t\tmediaAlt,\n\t\tmediaPosition,\n\t\tmediaType,\n\t\tmediaUrl,\n\t\tmediaWidth,\n\t\tmediaId,\n\t\tverticalAlignment,\n\t\timageFill,\n\t\tfocalPoint,\n\t\tlinkClass,\n\t\thref,\n\t\tlinkTarget,\n\t\trel,\n\t} = attributes;\n\tconst mediaSizeSlug = attributes.mediaSizeSlug || DEFAULT_MEDIA_SIZE_SLUG;\n\tconst newRel = ! rel ? undefined : rel;\n\n\tconst imageClasses = clsx( {\n\t\t[ `wp-image-${ mediaId }` ]: mediaId && mediaType === 'image',\n\t\t[ `size-${ mediaSizeSlug }` ]: mediaId && mediaType === 'image',\n\t} );\n\n\tconst positionStyles = imageFill\n\t\t? imageFillStyles( mediaUrl, focalPoint )\n\t\t: {};\n\n\tlet image = mediaUrl ? (\n\t\t<img\n\t\t\tsrc={ mediaUrl }\n\t\t\talt={ mediaAlt }\n\t\t\tclassName={ imageClasses || null }\n\t\t\tstyle={ positionStyles }\n\t\t/>\n\t) : null;\n\n\tif ( href ) {\n\t\timage = (\n\t\t\t<a\n\t\t\t\tclassName={ linkClass }\n\t\t\t\thref={ href }\n\t\t\t\ttarget={ linkTarget }\n\t\t\t\trel={ newRel }\n\t\t\t>\n\t\t\t\t{ image }\n\t\t\t</a>\n\t\t);\n\t}\n\n\tconst mediaTypeRenders = {\n\t\timage: () => image,\n\t\tvideo: () => <video controls src={ mediaUrl } />,\n\t};\n\tconst className = clsx( {\n\t\t'has-media-on-the-right': 'right' === mediaPosition,\n\t\t'is-stacked-on-mobile': isStackedOnMobile,\n\t\t[ `is-vertically-aligned-${ verticalAlignment }` ]: verticalAlignment,\n\t\t'is-image-fill-element': imageFill,\n\t} );\n\n\tlet gridTemplateColumns;\n\tif ( mediaWidth !== DEFAULT_MEDIA_WIDTH ) {\n\t\tgridTemplateColumns =\n\t\t\t'right' === mediaPosition\n\t\t\t\t? `auto ${ mediaWidth }%`\n\t\t\t\t: `${ mediaWidth }% auto`;\n\t}\n\tconst style = {\n\t\tgridTemplateColumns,\n\t};\n\n\tif ( 'right' === mediaPosition ) {\n\t\treturn (\n\t\t\t<div { ...useBlockProps.save( { className, style } ) }>\n\t\t\t\t<div\n\t\t\t\t\t{ ...useInnerBlocksProps.save( {\n\t\t\t\t\t\tclassName: 'wp-block-media-text__content',\n\t\t\t\t\t} ) }\n\t\t\t\t/>\n\t\t\t\t<figure className=\"wp-block-media-text__media\">\n\t\t\t\t\t{ ( mediaTypeRenders[ mediaType ] || noop )() }\n\t\t\t\t</figure>\n\t\t\t</div>\n\t\t);\n\t}\n\treturn (\n\t\t<div { ...useBlockProps.save( { className, style } ) }>\n\t\t\t<figure className=\"wp-block-media-text__media\">\n\t\t\t\t{ ( mediaTypeRenders[ mediaType ] || noop )() }\n\t\t\t</figure>\n\t\t\t<div\n\t\t\t\t{ ...useInnerBlocksProps.save( {\n\t\t\t\t\tclassName: 'wp-block-media-text__content',\n\t\t\t\t} ) }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],
+  "mappings": "AAiDE,cA6CC,YA7CD;AA9CF,OAAO,UAAU;AAKjB,SAAS,qBAAqB,qBAAqB;AAKnD,SAAS,uBAAuB;AAChC,SAAS,+BAA+B;AAExC,MAAM,sBAAsB;AAC5B,MAAM,OAAO,MAAM;AAAC;AAEL,SAAR,KAAuB,EAAE,WAAW,GAAI;AAC9C,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,IAAI;AACJ,QAAM,gBAAgB,WAAW,iBAAiB;AAClD,QAAM,SAAS,CAAE,MAAM,SAAY;AAEnC,QAAM,eAAe,KAAM;AAAA,IAC1B,CAAE,YAAa,OAAQ,EAAG,GAAG,WAAW,cAAc;AAAA,IACtD,CAAE,QAAS,aAAc,EAAG,GAAG,WAAW,cAAc;AAAA,EACzD,CAAE;AAEF,QAAM,iBAAiB,YACpB,gBAAiB,UAAU,UAAW,IACtC,CAAC;AAEJ,MAAI,QAAQ,WACX;AAAA,IAAC;AAAA;AAAA,MACA,KAAM;AAAA,MACN,KAAM;AAAA,MACN,WAAY,gBAAgB;AAAA,MAC5B,OAAQ;AAAA;AAAA,EACT,IACG;AAEJ,MAAK,MAAO;AACX,YACC;AAAA,MAAC;AAAA;AAAA,QACA,WAAY;AAAA,QACZ;AAAA,QACA,QAAS;AAAA,QACT,KAAM;AAAA,QAEJ;AAAA;AAAA,IACH;AAAA,EAEF;AAEA,QAAM,mBAAmB;AAAA,IACxB,OAAO,MAAM;AAAA,IACb,OAAO,MAAM,oBAAC,WAAM,UAAQ,MAAC,KAAM,UAAW;AAAA,EAC/C;AACA,QAAM,YAAY,KAAM;AAAA,IACvB,0BAA0B,YAAY;AAAA,IACtC,wBAAwB;AAAA,IACxB,CAAE,yBAA0B,iBAAkB,EAAG,GAAG;AAAA,IACpD,yBAAyB;AAAA,EAC1B,CAAE;AAEF,MAAI;AACJ,MAAK,eAAe,qBAAsB;AACzC,0BACC,YAAY,gBACT,QAAS,UAAW,MACpB,GAAI,UAAW;AAAA,EACpB;AACA,QAAM,QAAQ;AAAA,IACb;AAAA,EACD;AAEA,MAAK,YAAY,eAAgB;AAChC,WACC,qBAAC,SAAM,GAAG,cAAc,KAAM,EAAE,WAAW,MAAM,CAAE,GAClD;AAAA;AAAA,QAAC;AAAA;AAAA,UACE,GAAG,oBAAoB,KAAM;AAAA,YAC9B,WAAW;AAAA,UACZ,CAAE;AAAA;AAAA,MACH;AAAA,MACA,oBAAC,YAAO,WAAU,8BACb,4BAAkB,SAAU,KAAK,MAAO,GAC7C;AAAA,OACD;AAAA,EAEF;AACA,SACC,qBAAC,SAAM,GAAG,cAAc,KAAM,EAAE,WAAW,MAAM,CAAE,GAClD;AAAA,wBAAC,YAAO,WAAU,8BACb,4BAAkB,SAAU,KAAK,MAAO,GAC7C;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACE,GAAG,oBAAoB,KAAM;AAAA,UAC9B,WAAW;AAAA,QACZ,CAAE;AAAA;AAAA,IACH;AAAA,KACD;AAEF;",
+  "names": []
+}