@wordpress/block-library 8.19.2 → 8.20.0

package/build/cover/edit/cover-placeholder.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blockEditor","require","_i18n","_icons","_shared","CoverPlaceholder","disableMediaButtons","children","onSelectMedia","onError","style","toggleUseFeaturedImage","_element","createElement","MediaPlaceholder","icon","BlockIcon","labels","title","__","instructions","onSelect","accept","allowedTypes","ALLOWED_MEDIA_TYPES","onToggleFeaturedImage"],"sources":["@wordpress/block-library/src/cover/edit/cover-placeholder.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { BlockIcon, MediaPlaceholder } from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { cover as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { ALLOWED_MEDIA_TYPES } from '../shared';\n\nexport default function CoverPlaceholder( {\n\tdisableMediaButtons = false,\n\tchildren,\n\tonSelectMedia,\n\tonError,\n\tstyle,\n\ttoggleUseFeaturedImage,\n} ) {\n\treturn (\n\t\t<MediaPlaceholder\n\t\t\ticon={ <BlockIcon icon={ icon } /> }\n\t\t\tlabels={ {\n\t\t\t\ttitle: __( 'Cover' ),\n\t\t\t\tinstructions: __(\n\t\t\t\t\t'Drag and drop onto this block, upload, or select existing media from your library.'\n\t\t\t\t),\n\t\t\t} }\n\t\t\tonSelect={ onSelectMedia }\n\t\t\taccept=\"image/*,video/*\"\n\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\tdisableMediaButtons={ disableMediaButtons }\n\t\t\tonToggleFeaturedImage={ toggleUseFeaturedImage }\n\t\t\tonError={ onError }\n\t\t\tstyle={ style }\n\t\t>\n\t\t\t{ children }\n\t\t</MediaPlaceholder>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAKA,IAAAG,OAAA,GAAAH,OAAA;AAVA;AACA;AACA;;AAKA;AACA;AACA;;AAGe,SAASI,gBAAgBA,CAAE;EACzCC,mBAAmB,GAAG,KAAK;EAC3BC,QAAQ;EACRC,aAAa;EACbC,OAAO;EACPC,KAAK;EACLC;AACD,CAAC,EAAG;EACH,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACb,YAAA,CAAAc,gBAAgB;IAChBC,IAAI,EAAG,IAAAH,QAAA,CAAAC,aAAA,EAACb,YAAA,CAAAgB,SAAS;MAACD,IAAI,EAAGA;IAAM,CAAE,CAAG;IACpCE,MAAM,EAAG;MACRC,KAAK,EAAE,IAAAC,QAAE,EAAE,OAAQ,CAAC;MACpBC,YAAY,EAAE,IAAAD,QAAE,EACf,oFACD;IACD,CAAG;IACHE,QAAQ,EAAGb,aAAe;IAC1Bc,MAAM,EAAC,iBAAiB;IACxBC,YAAY,EAAGC,2BAAqB;IACpClB,mBAAmB,EAAGA,mBAAqB;IAC3CmB,qBAAqB,EAAGd,sBAAwB;IAChDF,OAAO,EAAGA,OAAS;IACnBC,KAAK,EAAGA;EAAO,GAEbH,QACe,CAAC;AAErB"}
+{"version":3,"names":["_blockEditor","require","_i18n","_icons","_shared","CoverPlaceholder","disableMediaButtons","children","onSelectMedia","onError","style","toggleUseFeaturedImage","_react","createElement","MediaPlaceholder","icon","BlockIcon","labels","title","__","instructions","onSelect","accept","allowedTypes","ALLOWED_MEDIA_TYPES","onToggleFeaturedImage"],"sources":["@wordpress/block-library/src/cover/edit/cover-placeholder.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { BlockIcon, MediaPlaceholder } from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { cover as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { ALLOWED_MEDIA_TYPES } from '../shared';\n\nexport default function CoverPlaceholder( {\n\tdisableMediaButtons = false,\n\tchildren,\n\tonSelectMedia,\n\tonError,\n\tstyle,\n\ttoggleUseFeaturedImage,\n} ) {\n\treturn (\n\t\t<MediaPlaceholder\n\t\t\ticon={ <BlockIcon icon={ icon } /> }\n\t\t\tlabels={ {\n\t\t\t\ttitle: __( 'Cover' ),\n\t\t\t\tinstructions: __(\n\t\t\t\t\t'Drag and drop onto this block, upload, or select existing media from your library.'\n\t\t\t\t),\n\t\t\t} }\n\t\t\tonSelect={ onSelectMedia }\n\t\t\taccept=\"image/*,video/*\"\n\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\tdisableMediaButtons={ disableMediaButtons }\n\t\t\tonToggleFeaturedImage={ toggleUseFeaturedImage }\n\t\t\tonError={ onError }\n\t\t\tstyle={ style }\n\t\t>\n\t\t\t{ children }\n\t\t</MediaPlaceholder>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAKA,IAAAG,OAAA,GAAAH,OAAA;AAVA;AACA;AACA;;AAKA;AACA;AACA;;AAGe,SAASI,gBAAgBA,CAAE;EACzCC,mBAAmB,GAAG,KAAK;EAC3BC,QAAQ;EACRC,aAAa;EACbC,OAAO;EACPC,KAAK;EACLC;AACD,CAAC,EAAG;EACH,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACb,YAAA,CAAAc,gBAAgB;IAChBC,IAAI,EAAG,IAAAH,MAAA,CAAAC,aAAA,EAACb,YAAA,CAAAgB,SAAS;MAACD,IAAI,EAAGA;IAAM,CAAE,CAAG;IACpCE,MAAM,EAAG;MACRC,KAAK,EAAE,IAAAC,QAAE,EAAE,OAAQ,CAAC;MACpBC,YAAY,EAAE,IAAAD,QAAE,EACf,oFACD;IACD,CAAG;IACHE,QAAQ,EAAGb,aAAe;IAC1Bc,MAAM,EAAC,iBAAiB;IACxBC,YAAY,EAAGC,2BAAqB;IACpClB,mBAAmB,EAAGA,mBAAqB;IAC3CmB,qBAAqB,EAAGd,sBAAwB;IAChDF,OAAO,EAAGA,OAAS;IACnBC,KAAK,EAAGA;EAAO,GAEbH,QACe,CAAC;AAErB"}

package/build/cover/edit/index.js

@@ -5,11 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _colord = require("colord");
-var _names = _interopRequireDefault(require("colord/plugins/names"));
 var _coreData = require("@wordpress/core-data");
+var _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
 var _compose = require("@wordpress/compose");
 var _blockEditor = require("@wordpress/block-editor");
@@ -22,6 +21,7 @@ var _inspectorControls = _interopRequireDefault(require("./inspector-controls"))
 var _blockControls = _interopRequireDefault(require("./block-controls"));
 var _coverPlaceholder = _interopRequireDefault(require("./cover-placeholder"));
 var _resizableCoverPopover = _interopRequireDefault(require("./resizable-cover-popover"));
+var _colorUtils = require("./color-utils");
 /**
  * External dependencies
  */
@@ -34,7 +34,6 @@ var _resizableCoverPopover = _interopRequireDefault(require("./resizable-cover-p
  * Internal dependencies
  */
 
-(0, _colord.extend)([_names.default]);
 function getInnerBlocksTemplate(attributes) {
   return [['core/paragraph', {
     align: 'center',
@@ -69,6 +68,8 @@ function CoverEdit({
   const {
     contentPosition,
     id,
+    url: originalUrl,
+    backgroundType: originalBackgroundType,
     useFeaturedImage,
     dimRatio,
     focalPoint,
@@ -80,7 +81,8 @@ function CoverEdit({
     alt,
     allowedBlocks,
     templateLock,
-    tagName: TagName = 'div'
+    tagName: TagName = 'div',
+    isUserOverlayColor
   } = attributes;
   const [featuredImage] = (0, _coreData.useEntityProp)('postType', postType, 'featured_media', postId);
   const {
@@ -90,19 +92,30 @@ function CoverEdit({
     context: 'view'
   }), [featuredImage]);
   const mediaUrl = media?.source_url;
+
+  // User can change the featured image outside of the block, but we still
+  // need to update the block when that happens. This effect should only
+  // run when the featured image changes in that case. All other cases are
+  // handled in their respective callbacks.
   (0, _element.useEffect)(() => {
-    async function setIsDark() {
+    (async () => {
+      if (!useFeaturedImage) {
+        return;
+      }
+      const averageBackgroundColor = await (0, _colorUtils.getMediaColor)(mediaUrl);
+      let newOverlayColor = overlayColor.color;
+      if (!isUserOverlayColor) {
+        newOverlayColor = averageBackgroundColor;
+        __unstableMarkNextChangeAsNotPersistent();
+        setOverlayColor(newOverlayColor);
+      }
+      const newIsDark = (0, _colorUtils.compositeIsDark)(dimRatio, newOverlayColor, averageBackgroundColor);
       __unstableMarkNextChangeAsNotPersistent();
-      const isDarkSetting = await (0, _shared.getCoverIsDark)(mediaUrl, dimRatio, overlayColor.color);
       setAttributes({
-        isDark: isDarkSetting
+        isDark: newIsDark
       });
-    }
-    if (useFeaturedImage) {
-      setIsDark();
-    }
-    // We only ever want to run this effect if the mediaUrl changes.
-    // All other changes to the isDark state are handled in the appropriate event handlers.
+    })();
+    // Disable reason: Update the block only when the featured image changes.
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [mediaUrl]);
 
@@ -112,8 +125,8 @@ function CoverEdit({
   // to preview in edit the dynamic featured image
   const url = useFeaturedImage ? mediaUrl :
   // Ensure the url is not malformed due to sanitization through `wp_kses`.
-  attributes.url?.replaceAll('&', '&');
-  const backgroundType = useFeaturedImage ? _shared.IMAGE_BACKGROUND_TYPE : attributes.backgroundType;
+  originalUrl?.replaceAll('&', '&');
+  const backgroundType = useFeaturedImage ? _shared.IMAGE_BACKGROUND_TYPE : originalBackgroundType;
   const {
     createErrorNotice
   } = (0, _data.useDispatch)(_notices.store);
@@ -121,15 +134,37 @@ function CoverEdit({
     gradientClass,
     gradientValue
   } = (0, _blockEditor.__experimentalUseGradient)();
-  const setMedia = (0, _shared.attributesFromMedia)(setAttributes, dimRatio);
   const onSelectMedia = async newMedia => {
-    // Only pass the url to getCoverIsDark if the media is an image as video is not handled.
-    const newUrl = newMedia?.type === 'image' ? newMedia.url : undefined;
-    const isDarkSetting = await (0, _shared.getCoverIsDark)(newUrl, dimRatio, overlayColor.color);
-    setMedia(newMedia, isDarkSetting);
+    const mediaAttributes = (0, _shared.attributesFromMedia)(newMedia);
+    const averageBackgroundColor = await (0, _colorUtils.getMediaColor)(newMedia?.type === _shared.IMAGE_BACKGROUND_TYPE ? newMedia?.url : undefined);
+    let newOverlayColor = overlayColor.color;
+    if (!isUserOverlayColor) {
+      newOverlayColor = averageBackgroundColor;
+      setOverlayColor(newOverlayColor);
+
+      // Make undo revert the next setAttributes and the previous setOverlayColor.
+      __unstableMarkNextChangeAsNotPersistent();
+    }
+    const newDimRatio = dimRatio === 100 ? 50 : dimRatio;
+    const newIsDark = (0, _colorUtils.compositeIsDark)(newDimRatio, newOverlayColor, averageBackgroundColor);
+    setAttributes({
+      ...mediaAttributes,
+      focalPoint: undefined,
+      useFeaturedImage: undefined,
+      dimRatio: newDimRatio,
+      isDark: newIsDark
+    });
   };
-  const onClearMedia = async () => {
-    const isDarkSetting = await (0, _shared.getCoverIsDark)(undefined, dimRatio, overlayColor.color);
+  const onClearMedia = () => {
+    let newOverlayColor = overlayColor.color;
+    if (!isUserOverlayColor) {
+      newOverlayColor = _colorUtils.DEFAULT_OVERLAY_COLOR;
+      setOverlayColor(undefined);
+
+      // Make undo revert the next setAttributes and the previous setOverlayColor.
+      __unstableMarkNextChangeAsNotPersistent();
+    }
+    const newIsDark = (0, _colorUtils.compositeIsDark)(dimRatio, newOverlayColor, _colorUtils.DEFAULT_BACKGROUND_COLOR);
     setAttributes({
       url: undefined,
       id: undefined,
@@ -137,31 +172,36 @@ function CoverEdit({
       focalPoint: undefined,
       hasParallax: undefined,
       isRepeated: undefined,
-      useFeaturedImage: false,
-      isDark: isDarkSetting
+      useFeaturedImage: undefined,
+      isDark: newIsDark
     });
   };
-  const onSetOverlayColor = async colorValue => {
-    const isDarkSetting = await (0, _shared.getCoverIsDark)(url, dimRatio, colorValue);
-    setOverlayColor(colorValue);
+  const onSetOverlayColor = async newOverlayColor => {
+    const averageBackgroundColor = await (0, _colorUtils.getMediaColor)(url);
+    const newIsDark = (0, _colorUtils.compositeIsDark)(dimRatio, newOverlayColor, averageBackgroundColor);
+    setOverlayColor(newOverlayColor);
+
+    // Make undo revert the next setAttributes and the previous setOverlayColor.
     __unstableMarkNextChangeAsNotPersistent();
     setAttributes({
-      isDark: isDarkSetting
+      isUserOverlayColor: true,
+      isDark: newIsDark
     });
   };
   const onUpdateDimRatio = async newDimRatio => {
-    const isDarkSetting = await (0, _shared.getCoverIsDark)(url, newDimRatio, overlayColor.color);
+    const averageBackgroundColor = await (0, _colorUtils.getMediaColor)(url);
+    const newIsDark = (0, _colorUtils.compositeIsDark)(newDimRatio, overlayColor.color, averageBackgroundColor);
     setAttributes({
       dimRatio: newDimRatio,
-      isDark: isDarkSetting
+      isDark: newIsDark
     });
   };
-  const isUploadingMedia = isTemporaryMedia(id, url);
   const onUploadError = message => {
     createErrorNotice(message, {
       type: 'snackbar'
     });
   };
+  const isUploadingMedia = isTemporaryMedia(id, url);
   const isImageBackground = _shared.IMAGE_BACKGROUND_TYPE === backgroundType;
   const isVideoBackground = _shared.VIDEO_BACKGROUND_TYPE === backgroundType;
   const [resizeListener, {
@@ -220,24 +260,38 @@ function CoverEdit({
     overlayColor
   };
   const toggleUseFeaturedImage = async () => {
-    const isDarkSetting = await (useFeaturedImage ? (0, _shared.getCoverIsDark)(undefined, dimRatio, overlayColor.color) : (0, _shared.getCoverIsDark)(mediaUrl, dimRatio, overlayColor.color));
+    const newUseFeaturedImage = !useFeaturedImage;
+    const averageBackgroundColor = newUseFeaturedImage ? await (0, _colorUtils.getMediaColor)(mediaUrl) : _colorUtils.DEFAULT_BACKGROUND_COLOR;
+    const newOverlayColor = !isUserOverlayColor ? averageBackgroundColor : overlayColor.color;
+    if (!isUserOverlayColor) {
+      if (newUseFeaturedImage) {
+        setOverlayColor(newOverlayColor);
+      } else {
+        setOverlayColor(undefined);
+      }
+
+      // Make undo revert the next setAttributes and the previous setOverlayColor.
+      __unstableMarkNextChangeAsNotPersistent();
+    }
+    const newDimRatio = dimRatio === 100 ? 50 : dimRatio;
+    const newIsDark = (0, _colorUtils.compositeIsDark)(newDimRatio, newOverlayColor, averageBackgroundColor);
     setAttributes({
       id: undefined,
       url: undefined,
-      useFeaturedImage: !useFeaturedImage,
-      dimRatio: dimRatio === 100 ? 50 : dimRatio,
+      useFeaturedImage: newUseFeaturedImage,
+      dimRatio: newDimRatio,
       backgroundType: useFeaturedImage ? _shared.IMAGE_BACKGROUND_TYPE : undefined,
-      isDark: isDarkSetting
+      isDark: newIsDark
     });
   };
-  const blockControls = (0, _element.createElement)(_blockControls.default, {
+  const blockControls = (0, _react.createElement)(_blockControls.default, {
     attributes: attributes,
     setAttributes: setAttributes,
     onSelectMedia: onSelectMedia,
     currentSettings: currentSettings,
     toggleUseFeaturedImage: toggleUseFeaturedImage
   });
-  const inspectorControls = (0, _element.createElement)(_inspectorControls.default, {
+  const inspectorControls = (0, _react.createElement)(_inspectorControls.default, {
     attributes: attributes,
     setAttributes: setAttributes,
     clientId: clientId,
@@ -275,22 +329,22 @@ function CoverEdit({
     width
   };
   if (!useFeaturedImage && !hasInnerBlocks && !hasBackground) {
-    return (0, _element.createElement)(_element.Fragment, null, blockControls, inspectorControls, isSelected && (0, _element.createElement)(_resizableCoverPopover.default, {
+    return (0, _react.createElement)(_react.Fragment, null, blockControls, inspectorControls, isSelected && (0, _react.createElement)(_resizableCoverPopover.default, {
       ...resizableCoverProps
-    }), (0, _element.createElement)(TagName, {
+    }), (0, _react.createElement)(TagName, {
       ...blockProps,
       className: (0, _classnames.default)('is-placeholder', blockProps.className),
       style: {
         ...blockProps.style,
         minHeight: minHeightWithUnit || undefined
       }
-    }, resizeListener, (0, _element.createElement)(_coverPlaceholder.default, {
+    }, resizeListener, (0, _react.createElement)(_coverPlaceholder.default, {
       onSelectMedia: onSelectMedia,
       onError: onUploadError,
       toggleUseFeaturedImage: toggleUseFeaturedImage
-    }, (0, _element.createElement)("div", {
+    }, (0, _react.createElement)("div", {
       className: "wp-block-cover__placeholder-background-options"
-    }, (0, _element.createElement)(_blockEditor.ColorPalette, {
+    }, (0, _react.createElement)(_blockEditor.ColorPalette, {
       disableCustomColors: true,
       value: overlayColor.color,
       onChange: onSetOverlayColor,
@@ -305,7 +359,7 @@ function CoverEdit({
     'is-repeated': isRepeated,
     'has-custom-content-position': !(0, _shared.isContentPositionCenter)(contentPosition)
   }, (0, _shared.getPositionClassName)(contentPosition));
-  return (0, _element.createElement)(_element.Fragment, null, blockControls, inspectorControls, (0, _element.createElement)(TagName, {
+  return (0, _react.createElement)(_react.Fragment, null, blockControls, inspectorControls, (0, _react.createElement)(TagName, {
     ...blockProps,
     className: (0, _classnames.default)(classes, blockProps.className),
     style: {
@@ -313,7 +367,7 @@ function CoverEdit({
       ...blockProps.style
     },
     "data-url": url
-  }, resizeListener, (!useFeaturedImage || url) && (0, _element.createElement)("span", {
+  }, resizeListener, (!useFeaturedImage || url) && (0, _react.createElement)("span", {
     "aria-hidden": "true",
     className: (0, _classnames.default)('wp-block-cover__background', (0, _shared.dimRatioToClass)(dimRatio), {
       [overlayColor.class]: overlayColor.class,
@@ -329,16 +383,16 @@ function CoverEdit({
       backgroundImage: gradientValue,
       ...bgStyle
     }
-  }), !url && useFeaturedImage && (0, _element.createElement)(_components.Placeholder, {
+  }), !url && useFeaturedImage && (0, _react.createElement)(_components.Placeholder, {
     className: "wp-block-cover__image--placeholder-image",
     withIllustration: true
-  }), url && isImageBackground && (isImgElement ? (0, _element.createElement)("img", {
+  }), url && isImageBackground && (isImgElement ? (0, _react.createElement)("img", {
     ref: mediaElement,
     className: "wp-block-cover__image-background",
     alt: alt,
     src: url,
     style: mediaStyle
-  }) : (0, _element.createElement)("div", {
+  }) : (0, _react.createElement)("div", {
     ref: mediaElement,
     role: "img",
     className: (0, _classnames.default)(classes, 'wp-block-cover__image-background'),
@@ -346,7 +400,7 @@ function CoverEdit({
       backgroundImage,
       backgroundPosition
     }
-  })), url && isVideoBackground && (0, _element.createElement)("video", {
+  })), url && isVideoBackground && (0, _react.createElement)("video", {
     ref: mediaElement,
     className: "wp-block-cover__video-background",
     autoPlay: true,
@@ -354,14 +408,14 @@ function CoverEdit({
     loop: true,
     src: url,
     style: mediaStyle
-  }), isUploadingMedia && (0, _element.createElement)(_components.Spinner, null), (0, _element.createElement)(_coverPlaceholder.default, {
+  }), isUploadingMedia && (0, _react.createElement)(_components.Spinner, null), (0, _react.createElement)(_coverPlaceholder.default, {
     disableMediaButtons: true,
     onSelectMedia: onSelectMedia,
     onError: onUploadError,
     toggleUseFeaturedImage: toggleUseFeaturedImage
-  }), (0, _element.createElement)("div", {
+  }), (0, _react.createElement)("div", {
     ...innerBlocksProps
-  })), isSelected && (0, _element.createElement)(_resizableCoverPopover.default, {
+  })), isSelected && (0, _react.createElement)(_resizableCoverPopover.default, {
     ...resizableCoverProps
   }));
 }

package/build/cover/edit/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_colord","_names","_coreData","_components","_compose","_blockEditor","_i18n","_data","_blob","_notices","_shared","_inspectorControls","_blockControls","_coverPlaceholder","_resizableCoverPopover","extend","namesPlugin","getInnerBlocksTemplate","attributes","align","placeholder","__","isTemporaryMedia","id","url","isBlobURL","CoverEdit","clientId","isSelected","overlayColor","setAttributes","setOverlayColor","toggleSelection","context","postId","postType","contentPosition","useFeaturedImage","dimRatio","focalPoint","hasParallax","isDark","isRepeated","minHeight","minHeightUnit","alt","allowedBlocks","templateLock","tagName","TagName","featuredImage","useEntityProp","__unstableMarkNextChangeAsNotPersistent","useDispatch","blockEditorStore","media","useSelect","select","coreStore","getMedia","mediaUrl","source_url","useEffect","setIsDark","isDarkSetting","getCoverIsDark","color","replaceAll","backgroundType","IMAGE_BACKGROUND_TYPE","createErrorNotice","noticesStore","gradientClass","gradientValue","__experimentalUseGradient","setMedia","attributesFromMedia","onSelectMedia","newMedia","newUrl","type","undefined","onClearMedia","onSetOverlayColor","colorValue","onUpdateDimRatio","newDimRatio","isUploadingMedia","onUploadError","message","isImageBackground","isVideoBackground","VIDEO_BACKGROUND_TYPE","resizeListener","height","width","useResizeObserver","resizableBoxDimensions","useMemo","minHeightWithUnit","isImgElement","style","backgroundImage","backgroundPosition","mediaPosition","bgStyle","backgroundColor","mediaStyle","objectPosition","hasBackground","hasInnerBlocks","getBlock","innerBlocks","length","ref","useRef","blockProps","useBlockProps","hasFontSizes","useSetting","innerBlocksTemplate","fontSize","innerBlocksProps","useInnerBlocksProps","className","template","templateInsertUpdatesSelection","mediaElement","currentSettings","toggleUseFeaturedImage","blockControls","createElement","default","inspectorControls","coverRef","updateDimRatio","resizableCoverProps","onResizeStart","onResize","value","onResizeStop","newMinHeight","showHandle","size","Fragment","classnames","onError","ColorPalette","disableCustomColors","onChange","clearable","classes","isContentPositionCenter","getPositionClassName","dimRatioToClass","class","Placeholder","withIllustration","src","role","autoPlay","muted","loop","Spinner","disableMediaButtons","_default","compose","withColors","exports"],"sources":["@wordpress/block-library/src/cover/edit/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport { extend } from 'colord';\nimport namesPlugin from 'colord/plugins/names';\n\n/**\n * WordPress dependencies\n */\nimport { useEntityProp, store as coreStore } from '@wordpress/core-data';\nimport { useEffect, useMemo, useRef } from '@wordpress/element';\nimport { Placeholder, Spinner } from '@wordpress/components';\nimport { compose, useResizeObserver } from '@wordpress/compose';\nimport {\n\twithColors,\n\tColorPalette,\n\tuseBlockProps,\n\tuseSetting,\n\tuseInnerBlocksProps,\n\t__experimentalUseGradient,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { isBlobURL } from '@wordpress/blob';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport {\n\tattributesFromMedia,\n\tIMAGE_BACKGROUND_TYPE,\n\tVIDEO_BACKGROUND_TYPE,\n\tdimRatioToClass,\n\tisContentPositionCenter,\n\tgetPositionClassName,\n\tmediaPosition,\n\tgetCoverIsDark,\n} from '../shared';\nimport CoverInspectorControls from './inspector-controls';\nimport CoverBlockControls from './block-controls';\nimport CoverPlaceholder from './cover-placeholder';\nimport ResizableCoverPopover from './resizable-cover-popover';\n\nextend( [ namesPlugin ] );\n\nfunction getInnerBlocksTemplate( attributes ) {\n\treturn [\n\t\t[\n\t\t\t'core/paragraph',\n\t\t\t{\n\t\t\t\talign: 'center',\n\t\t\t\tplaceholder: __( 'Write title…' ),\n\t\t\t\t...attributes,\n\t\t\t},\n\t\t],\n\t];\n}\n\n/**\n * Is the URL a temporary blob URL? A blob URL is one that is used temporarily while\n * the media (image or video) is being uploaded and will not have an id allocated yet.\n *\n * @param {number} id  The id of the media.\n * @param {string} url The url of the media.\n *\n * @return {boolean} Is the URL a Blob URL.\n */\nconst isTemporaryMedia = ( id, url ) => ! id && isBlobURL( url );\n\nfunction CoverEdit( {\n\tattributes,\n\tclientId,\n\tisSelected,\n\toverlayColor,\n\tsetAttributes,\n\tsetOverlayColor,\n\ttoggleSelection,\n\tcontext: { postId, postType },\n} ) {\n\tconst {\n\t\tcontentPosition,\n\t\tid,\n\t\tuseFeaturedImage,\n\t\tdimRatio,\n\t\tfocalPoint,\n\t\thasParallax,\n\t\tisDark,\n\t\tisRepeated,\n\t\tminHeight,\n\t\tminHeightUnit,\n\t\talt,\n\t\tallowedBlocks,\n\t\ttemplateLock,\n\t\ttagName: TagName = 'div',\n\t} = attributes;\n\n\tconst [ featuredImage ] = useEntityProp(\n\t\t'postType',\n\t\tpostType,\n\t\t'featured_media',\n\t\tpostId\n\t);\n\n\tconst { __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\tconst media = useSelect(\n\t\t( select ) =>\n\t\t\tfeaturedImage &&\n\t\t\tselect( coreStore ).getMedia( featuredImage, { context: 'view' } ),\n\t\t[ featuredImage ]\n\t);\n\tconst mediaUrl = media?.source_url;\n\n\tuseEffect( () => {\n\t\tasync function setIsDark() {\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\tconst isDarkSetting = await getCoverIsDark(\n\t\t\t\tmediaUrl,\n\t\t\t\tdimRatio,\n\t\t\t\toverlayColor.color\n\t\t\t);\n\t\t\tsetAttributes( {\n\t\t\t\tisDark: isDarkSetting,\n\t\t\t} );\n\t\t}\n\t\tif ( useFeaturedImage ) {\n\t\t\tsetIsDark();\n\t\t}\n\t\t// We only ever want to run this effect if the mediaUrl changes.\n\t\t// All other changes to the isDark state are handled in the appropriate event handlers.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ mediaUrl ] );\n\n\t// instead of destructuring the attributes\n\t// we define the url and background type\n\t// depending on the value of the useFeaturedImage flag\n\t// to preview in edit the dynamic featured image\n\tconst url = useFeaturedImage\n\t\t? mediaUrl\n\t\t: // Ensure the url is not malformed due to sanitization through `wp_kses`.\n\t\t  attributes.url?.replaceAll( '&amp;', '&' );\n\tconst backgroundType = useFeaturedImage\n\t\t? IMAGE_BACKGROUND_TYPE\n\t\t: attributes.backgroundType;\n\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tconst { gradientClass, gradientValue } = __experimentalUseGradient();\n\tconst setMedia = attributesFromMedia( setAttributes, dimRatio );\n\n\tconst onSelectMedia = async ( newMedia ) => {\n\t\t// Only pass the url to getCoverIsDark if the media is an image as video is not handled.\n\t\tconst newUrl = newMedia?.type === 'image' ? newMedia.url : undefined;\n\t\tconst isDarkSetting = await getCoverIsDark(\n\t\t\tnewUrl,\n\t\t\tdimRatio,\n\t\t\toverlayColor.color\n\t\t);\n\t\tsetMedia( newMedia, isDarkSetting );\n\t};\n\n\tconst onClearMedia = async () => {\n\t\tconst isDarkSetting = await getCoverIsDark(\n\t\t\tundefined,\n\t\t\tdimRatio,\n\t\t\toverlayColor.color\n\t\t);\n\t\tsetAttributes( {\n\t\t\turl: undefined,\n\t\t\tid: undefined,\n\t\t\tbackgroundType: undefined,\n\t\t\tfocalPoint: undefined,\n\t\t\thasParallax: undefined,\n\t\t\tisRepeated: undefined,\n\t\t\tuseFeaturedImage: false,\n\t\t\tisDark: isDarkSetting,\n\t\t} );\n\t};\n\n\tconst onSetOverlayColor = async ( colorValue ) => {\n\t\tconst isDarkSetting = await getCoverIsDark( url, dimRatio, colorValue );\n\t\tsetOverlayColor( colorValue );\n\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\tsetAttributes( {\n\t\t\tisDark: isDarkSetting,\n\t\t} );\n\t};\n\n\tconst onUpdateDimRatio = async ( newDimRatio ) => {\n\t\tconst isDarkSetting = await getCoverIsDark(\n\t\t\turl,\n\t\t\tnewDimRatio,\n\t\t\toverlayColor.color\n\t\t);\n\n\t\tsetAttributes( {\n\t\t\tdimRatio: newDimRatio,\n\t\t\tisDark: isDarkSetting,\n\t\t} );\n\t};\n\n\tconst isUploadingMedia = isTemporaryMedia( id, url );\n\n\tconst onUploadError = ( message ) => {\n\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t};\n\n\tconst isImageBackground = IMAGE_BACKGROUND_TYPE === backgroundType;\n\tconst isVideoBackground = VIDEO_BACKGROUND_TYPE === backgroundType;\n\n\tconst [ resizeListener, { height, width } ] = useResizeObserver();\n\tconst resizableBoxDimensions = useMemo( () => {\n\t\treturn {\n\t\t\theight: minHeightUnit === 'px' ? minHeight : 'auto',\n\t\t\twidth: 'auto',\n\t\t};\n\t}, [ minHeight, minHeightUnit ] );\n\n\tconst minHeightWithUnit =\n\t\tminHeight && minHeightUnit\n\t\t\t? `${ minHeight }${ minHeightUnit }`\n\t\t\t: minHeight;\n\n\tconst isImgElement = ! ( hasParallax || isRepeated );\n\n\tconst style = {\n\t\tminHeight: minHeightWithUnit || undefined,\n\t};\n\n\tconst backgroundImage = url ? `url(${ url })` : undefined;\n\n\tconst backgroundPosition = mediaPosition( focalPoint );\n\n\tconst bgStyle = { backgroundColor: overlayColor.color };\n\tconst mediaStyle = {\n\t\tobjectPosition:\n\t\t\tfocalPoint && isImgElement\n\t\t\t\t? mediaPosition( focalPoint )\n\t\t\t\t: undefined,\n\t};\n\n\tconst hasBackground = !! ( url || overlayColor.color || gradientValue );\n\n\tconst hasInnerBlocks = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).getBlock( clientId ).innerBlocks.length >\n\t\t\t0,\n\t\t[ clientId ]\n\t);\n\n\tconst ref = useRef();\n\tconst blockProps = useBlockProps( { ref } );\n\n\t// Check for fontSize support before we pass a fontSize attribute to the innerBlocks.\n\tconst hasFontSizes = !! useSetting( 'typography.fontSizes' )?.length;\n\tconst innerBlocksTemplate = getInnerBlocksTemplate( {\n\t\tfontSize: hasFontSizes ? 'large' : undefined,\n\t} );\n\n\tconst innerBlocksProps = useInnerBlocksProps(\n\t\t{\n\t\t\tclassName: 'wp-block-cover__inner-container',\n\t\t},\n\t\t{\n\t\t\t// Avoid template sync when the `templateLock` value is `all` or `contentOnly`.\n\t\t\t// See: https://github.com/WordPress/gutenberg/pull/45632\n\t\t\ttemplate: ! hasInnerBlocks ? innerBlocksTemplate : undefined,\n\t\t\ttemplateInsertUpdatesSelection: true,\n\t\t\tallowedBlocks,\n\t\t\ttemplateLock,\n\t\t}\n\t);\n\n\tconst mediaElement = useRef();\n\tconst currentSettings = {\n\t\tisVideoBackground,\n\t\tisImageBackground,\n\t\tmediaElement,\n\t\thasInnerBlocks,\n\t\turl,\n\t\tisImgElement,\n\t\toverlayColor,\n\t};\n\n\tconst toggleUseFeaturedImage = async () => {\n\t\tconst isDarkSetting = await ( useFeaturedImage\n\t\t\t? getCoverIsDark( undefined, dimRatio, overlayColor.color )\n\t\t\t: getCoverIsDark( mediaUrl, dimRatio, overlayColor.color ) );\n\t\tsetAttributes( {\n\t\t\tid: undefined,\n\t\t\turl: undefined,\n\t\t\tuseFeaturedImage: ! useFeaturedImage,\n\t\t\tdimRatio: dimRatio === 100 ? 50 : dimRatio,\n\t\t\tbackgroundType: useFeaturedImage\n\t\t\t\t? IMAGE_BACKGROUND_TYPE\n\t\t\t\t: undefined,\n\t\t\tisDark: isDarkSetting,\n\t\t} );\n\t};\n\n\tconst blockControls = (\n\t\t<CoverBlockControls\n\t\t\tattributes={ attributes }\n\t\t\tsetAttributes={ setAttributes }\n\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\tcurrentSettings={ currentSettings }\n\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t/>\n\t);\n\n\tconst inspectorControls = (\n\t\t<CoverInspectorControls\n\t\t\tattributes={ attributes }\n\t\t\tsetAttributes={ setAttributes }\n\t\t\tclientId={ clientId }\n\t\t\tsetOverlayColor={ onSetOverlayColor }\n\t\t\tcoverRef={ ref }\n\t\t\tcurrentSettings={ currentSettings }\n\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t\tupdateDimRatio={ onUpdateDimRatio }\n\t\t\tonClearMedia={ onClearMedia }\n\t\t/>\n\t);\n\n\tconst resizableCoverProps = {\n\t\tclassName: 'block-library-cover__resize-container',\n\t\tclientId,\n\t\theight,\n\t\tminHeight: minHeightWithUnit,\n\t\tonResizeStart: () => {\n\t\t\tsetAttributes( { minHeightUnit: 'px' } );\n\t\t\ttoggleSelection( false );\n\t\t},\n\t\tonResize: ( value ) => {\n\t\t\tsetAttributes( { minHeight: value } );\n\t\t},\n\t\tonResizeStop: ( newMinHeight ) => {\n\t\t\ttoggleSelection( true );\n\t\t\tsetAttributes( { minHeight: newMinHeight } );\n\t\t},\n\t\tshowHandle: true,\n\t\tsize: resizableBoxDimensions,\n\t\twidth,\n\t};\n\n\tif ( ! useFeaturedImage && ! hasInnerBlocks && ! hasBackground ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ blockControls }\n\t\t\t\t{ inspectorControls }\n\t\t\t\t{ isSelected && (\n\t\t\t\t\t<ResizableCoverPopover { ...resizableCoverProps } />\n\t\t\t\t) }\n\t\t\t\t<TagName\n\t\t\t\t\t{ ...blockProps }\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'is-placeholder',\n\t\t\t\t\t\tblockProps.className\n\t\t\t\t\t) }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t...blockProps.style,\n\t\t\t\t\t\tminHeight: minHeightWithUnit || undefined,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ resizeListener }\n\t\t\t\t\t<CoverPlaceholder\n\t\t\t\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"wp-block-cover__placeholder-background-options\">\n\t\t\t\t\t\t\t<ColorPalette\n\t\t\t\t\t\t\t\tdisableCustomColors={ true }\n\t\t\t\t\t\t\t\tvalue={ overlayColor.color }\n\t\t\t\t\t\t\t\tonChange={ onSetOverlayColor }\n\t\t\t\t\t\t\t\tclearable={ false }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</CoverPlaceholder>\n\t\t\t\t</TagName>\n\t\t\t</>\n\t\t);\n\t}\n\n\tconst classes = classnames(\n\t\t{\n\t\t\t'is-dark-theme': isDark,\n\t\t\t'is-light': ! isDark,\n\t\t\t'is-transient': isUploadingMedia,\n\t\t\t'has-parallax': hasParallax,\n\t\t\t'is-repeated': isRepeated,\n\t\t\t'has-custom-content-position':\n\t\t\t\t! isContentPositionCenter( contentPosition ),\n\t\t},\n\t\tgetPositionClassName( contentPosition )\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{ blockControls }\n\t\t\t{ inspectorControls }\n\t\t\t<TagName\n\t\t\t\t{ ...blockProps }\n\t\t\t\tclassName={ classnames( classes, blockProps.className ) }\n\t\t\t\tstyle={ { ...style, ...blockProps.style } }\n\t\t\t\tdata-url={ url }\n\t\t\t>\n\t\t\t\t{ resizeListener }\n\t\t\t\t{ ( ! useFeaturedImage || url ) && (\n\t\t\t\t\t<span\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t'wp-block-cover__background',\n\t\t\t\t\t\t\tdimRatioToClass( dimRatio ),\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t[ overlayColor.class ]: overlayColor.class,\n\t\t\t\t\t\t\t\t'has-background-dim': dimRatio !== undefined,\n\t\t\t\t\t\t\t\t// For backwards compatibility. Former versions of the Cover Block applied\n\t\t\t\t\t\t\t\t// `.wp-block-cover__gradient-background` in the presence of\n\t\t\t\t\t\t\t\t// media, a gradient and a dim.\n\t\t\t\t\t\t\t\t'wp-block-cover__gradient-background':\n\t\t\t\t\t\t\t\t\turl && gradientValue && dimRatio !== 0,\n\t\t\t\t\t\t\t\t'has-background-gradient': gradientValue,\n\t\t\t\t\t\t\t\t[ gradientClass ]: gradientClass,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tstyle={ { backgroundImage: gradientValue, ...bgStyle } }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\n\t\t\t\t{ ! url && useFeaturedImage && (\n\t\t\t\t\t<Placeholder\n\t\t\t\t\t\tclassName=\"wp-block-cover__image--placeholder-image\"\n\t\t\t\t\t\twithIllustration={ true }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\n\t\t\t\t{ url &&\n\t\t\t\t\tisImageBackground &&\n\t\t\t\t\t( isImgElement ? (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tref={ mediaElement }\n\t\t\t\t\t\t\tclassName=\"wp-block-cover__image-background\"\n\t\t\t\t\t\t\talt={ alt }\n\t\t\t\t\t\t\tsrc={ url }\n\t\t\t\t\t\t\tstyle={ mediaStyle }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tref={ mediaElement }\n\t\t\t\t\t\t\trole=\"img\"\n\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\tclasses,\n\t\t\t\t\t\t\t\t'wp-block-cover__image-background'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tstyle={ { backgroundImage, backgroundPosition } }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t{ url && isVideoBackground && (\n\t\t\t\t\t<video\n\t\t\t\t\t\tref={ mediaElement }\n\t\t\t\t\t\tclassName=\"wp-block-cover__video-background\"\n\t\t\t\t\t\tautoPlay\n\t\t\t\t\t\tmuted\n\t\t\t\t\t\tloop\n\t\t\t\t\t\tsrc={ url }\n\t\t\t\t\t\tstyle={ mediaStyle }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ isUploadingMedia && <Spinner /> }\n\t\t\t\t<CoverPlaceholder\n\t\t\t\t\tdisableMediaButtons\n\t\t\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t\t\t/>\n\t\t\t\t<div { ...innerBlocksProps } />\n\t\t\t</TagName>\n\t\t\t{ isSelected && (\n\t\t\t\t<ResizableCoverPopover { ...resizableCoverProps } />\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default compose( [\n\twithColors( { overlayColor: 'background-color' } ),\n] )( CoverEdit );\n"],"mappings":";;;;;;;AAWA,IAAAA,QAAA,GAAAC,OAAA;AARA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAF,sBAAA,CAAAF,OAAA;AAKA,IAAAK,SAAA,GAAAL,OAAA;AAEA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,QAAA,GAAAP,OAAA;AACA,IAAAQ,YAAA,GAAAR,OAAA;AASA,IAAAS,KAAA,GAAAT,OAAA;AACA,IAAAU,KAAA,GAAAV,OAAA;AACA,IAAAW,KAAA,GAAAX,OAAA;AACA,IAAAY,QAAA,GAAAZ,OAAA;AAKA,IAAAa,OAAA,GAAAb,OAAA;AAUA,IAAAc,kBAAA,GAAAZ,sBAAA,CAAAF,OAAA;AACA,IAAAe,cAAA,GAAAb,sBAAA,CAAAF,OAAA;AACA,IAAAgB,iBAAA,GAAAd,sBAAA,CAAAF,OAAA;AACA,IAAAiB,sBAAA,GAAAf,sBAAA,CAAAF,OAAA;AA5CA;AACA;AACA;;AAKA;AACA;AACA;;AAmBA;AACA;AACA;;AAgBA,IAAAkB,cAAM,EAAE,CAAEC,cAAW,CAAG,CAAC;AAEzB,SAASC,sBAAsBA,CAAEC,UAAU,EAAG;EAC7C,OAAO,CACN,CACC,gBAAgB,EAChB;IACCC,KAAK,EAAE,QAAQ;IACfC,WAAW,EAAE,IAAAC,QAAE,EAAE,cAAe,CAAC;IACjC,GAAGH;EACJ,CAAC,CACD,CACD;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMI,gBAAgB,GAAGA,CAAEC,EAAE,EAAEC,GAAG,KAAM,CAAED,EAAE,IAAI,IAAAE,eAAS,EAAED,GAAI,CAAC;AAEhE,SAASE,SAASA,CAAE;EACnBR,UAAU;EACVS,QAAQ;EACRC,UAAU;EACVC,YAAY;EACZC,aAAa;EACbC,eAAe;EACfC,eAAe;EACfC,OAAO,EAAE;IAAEC,MAAM;IAAEC;EAAS;AAC7B,CAAC,EAAG;EACH,MAAM;IACLC,eAAe;IACfb,EAAE;IACFc,gBAAgB;IAChBC,QAAQ;IACRC,UAAU;IACVC,WAAW;IACXC,MAAM;IACNC,UAAU;IACVC,SAAS;IACTC,aAAa;IACbC,GAAG;IACHC,aAAa;IACbC,YAAY;IACZC,OAAO,EAAEC,OAAO,GAAG;EACpB,CAAC,GAAG/B,UAAU;EAEd,MAAM,CAAEgC,aAAa,CAAE,GAAG,IAAAC,uBAAa,EACtC,UAAU,EACVhB,QAAQ,EACR,gBAAgB,EAChBD,MACD,CAAC;EAED,MAAM;IAAEkB;EAAwC,CAAC,GAChD,IAAAC,iBAAW,EAAEC,kBAAiB,CAAC;EAChC,MAAMC,KAAK,GAAG,IAAAC,eAAS,EACpBC,MAAM,IACPP,aAAa,IACbO,MAAM,CAAEC,eAAU,CAAC,CAACC,QAAQ,CAAET,aAAa,EAAE;IAAEjB,OAAO,EAAE;EAAO,CAAE,CAAC,EACnE,CAAEiB,aAAa,CAChB,CAAC;EACD,MAAMU,QAAQ,GAAGL,KAAK,EAAEM,UAAU;EAElC,IAAAC,kBAAS,EAAE,MAAM;IAChB,eAAeC,SAASA,CAAA,EAAG;MAC1BX,uCAAuC,CAAC,CAAC;MACzC,MAAMY,aAAa,GAAG,MAAM,IAAAC,sBAAc,EACzCL,QAAQ,EACRtB,QAAQ,EACRT,YAAY,CAACqC,KACd,CAAC;MACDpC,aAAa,CAAE;QACdW,MAAM,EAAEuB;MACT,CAAE,CAAC;IACJ;IACA,IAAK3B,gBAAgB,EAAG;MACvB0B,SAAS,CAAC,CAAC;IACZ;IACA;IACA;IACA;EACD,CAAC,EAAE,CAAEH,QAAQ,CAAG,CAAC;;EAEjB;EACA;EACA;EACA;EACA,MAAMpC,GAAG,GAAGa,gBAAgB,GACzBuB,QAAQ;EACR;EACA1C,UAAU,CAACM,GAAG,EAAE2C,UAAU,CAAE,OAAO,EAAE,GAAI,CAAC;EAC7C,MAAMC,cAAc,GAAG/B,gBAAgB,GACpCgC,6BAAqB,GACrBnD,UAAU,CAACkD,cAAc;EAE5B,MAAM;IAAEE;EAAkB,CAAC,GAAG,IAAAjB,iBAAW,EAAEkB,cAAa,CAAC;EACzD,MAAM;IAAEC,aAAa;IAAEC;EAAc,CAAC,GAAG,IAAAC,sCAAyB,EAAC,CAAC;EACpE,MAAMC,QAAQ,GAAG,IAAAC,2BAAmB,EAAE9C,aAAa,EAAEQ,QAAS,CAAC;EAE/D,MAAMuC,aAAa,GAAG,MAAQC,QAAQ,IAAM;IAC3C;IACA,MAAMC,MAAM,GAAGD,QAAQ,EAAEE,IAAI,KAAK,OAAO,GAAGF,QAAQ,CAACtD,GAAG,GAAGyD,SAAS;IACpE,MAAMjB,aAAa,GAAG,MAAM,IAAAC,sBAAc,EACzCc,MAAM,EACNzC,QAAQ,EACRT,YAAY,CAACqC,KACd,CAAC;IACDS,QAAQ,CAAEG,QAAQ,EAAEd,aAAc,CAAC;EACpC,CAAC;EAED,MAAMkB,YAAY,GAAG,MAAAA,CAAA,KAAY;IAChC,MAAMlB,aAAa,GAAG,MAAM,IAAAC,sBAAc,EACzCgB,SAAS,EACT3C,QAAQ,EACRT,YAAY,CAACqC,KACd,CAAC;IACDpC,aAAa,CAAE;MACdN,GAAG,EAAEyD,SAAS;MACd1D,EAAE,EAAE0D,SAAS;MACbb,cAAc,EAAEa,SAAS;MACzB1C,UAAU,EAAE0C,SAAS;MACrBzC,WAAW,EAAEyC,SAAS;MACtBvC,UAAU,EAAEuC,SAAS;MACrB5C,gBAAgB,EAAE,KAAK;MACvBI,MAAM,EAAEuB;IACT,CAAE,CAAC;EACJ,CAAC;EAED,MAAMmB,iBAAiB,GAAG,MAAQC,UAAU,IAAM;IACjD,MAAMpB,aAAa,GAAG,MAAM,IAAAC,sBAAc,EAAEzC,GAAG,EAAEc,QAAQ,EAAE8C,UAAW,CAAC;IACvErD,eAAe,CAAEqD,UAAW,CAAC;IAC7BhC,uCAAuC,CAAC,CAAC;IACzCtB,aAAa,CAAE;MACdW,MAAM,EAAEuB;IACT,CAAE,CAAC;EACJ,CAAC;EAED,MAAMqB,gBAAgB,GAAG,MAAQC,WAAW,IAAM;IACjD,MAAMtB,aAAa,GAAG,MAAM,IAAAC,sBAAc,EACzCzC,GAAG,EACH8D,WAAW,EACXzD,YAAY,CAACqC,KACd,CAAC;IAEDpC,aAAa,CAAE;MACdQ,QAAQ,EAAEgD,WAAW;MACrB7C,MAAM,EAAEuB;IACT,CAAE,CAAC;EACJ,CAAC;EAED,MAAMuB,gBAAgB,GAAGjE,gBAAgB,CAAEC,EAAE,EAAEC,GAAI,CAAC;EAEpD,MAAMgE,aAAa,GAAKC,OAAO,IAAM;IACpCnB,iBAAiB,CAAEmB,OAAO,EAAE;MAAET,IAAI,EAAE;IAAW,CAAE,CAAC;EACnD,CAAC;EAED,MAAMU,iBAAiB,GAAGrB,6BAAqB,KAAKD,cAAc;EAClE,MAAMuB,iBAAiB,GAAGC,6BAAqB,KAAKxB,cAAc;EAElE,MAAM,CAAEyB,cAAc,EAAE;IAAEC,MAAM;IAAEC;EAAM,CAAC,CAAE,GAAG,IAAAC,0BAAiB,EAAC,CAAC;EACjE,MAAMC,sBAAsB,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC7C,OAAO;MACNJ,MAAM,EAAElD,aAAa,KAAK,IAAI,GAAGD,SAAS,GAAG,MAAM;MACnDoD,KAAK,EAAE;IACR,CAAC;EACF,CAAC,EAAE,CAAEpD,SAAS,EAAEC,aAAa,CAAG,CAAC;EAEjC,MAAMuD,iBAAiB,GACtBxD,SAAS,IAAIC,aAAa,GACtB,GAAGD,SAAW,GAAGC,aAAe,EAAC,GAClCD,SAAS;EAEb,MAAMyD,YAAY,GAAG,EAAI5D,WAAW,IAAIE,UAAU,CAAE;EAEpD,MAAM2D,KAAK,GAAG;IACb1D,SAAS,EAAEwD,iBAAiB,IAAIlB;EACjC,CAAC;EAED,MAAMqB,eAAe,GAAG9E,GAAG,GAAI,OAAOA,GAAK,GAAE,GAAGyD,SAAS;EAEzD,MAAMsB,kBAAkB,GAAG,IAAAC,qBAAa,EAAEjE,UAAW,CAAC;EAEtD,MAAMkE,OAAO,GAAG;IAAEC,eAAe,EAAE7E,YAAY,CAACqC;EAAM,CAAC;EACvD,MAAMyC,UAAU,GAAG;IAClBC,cAAc,EACbrE,UAAU,IAAI6D,YAAY,GACvB,IAAAI,qBAAa,EAAEjE,UAAW,CAAC,GAC3B0C;EACL,CAAC;EAED,MAAM4B,aAAa,GAAG,CAAC,EAAIrF,GAAG,IAAIK,YAAY,CAACqC,KAAK,IAAIO,aAAa,CAAE;EAEvE,MAAMqC,cAAc,GAAG,IAAAtD,eAAS,EAC7BC,MAAM,IACPA,MAAM,CAAEH,kBAAiB,CAAC,CAACyD,QAAQ,CAAEpF,QAAS,CAAC,CAACqF,WAAW,CAACC,MAAM,GAClE,CAAC,EACF,CAAEtF,QAAQ,CACX,CAAC;EAED,MAAMuF,GAAG,GAAG,IAAAC,eAAM,EAAC,CAAC;EACpB,MAAMC,UAAU,GAAG,IAAAC,0BAAa,EAAE;IAAEH;EAAI,CAAE,CAAC;;EAE3C;EACA,MAAMI,YAAY,GAAG,CAAC,CAAE,IAAAC,uBAAU,EAAE,sBAAuB,CAAC,EAAEN,MAAM;EACpE,MAAMO,mBAAmB,GAAGvG,sBAAsB,CAAE;IACnDwG,QAAQ,EAAEH,YAAY,GAAG,OAAO,GAAGrC;EACpC,CAAE,CAAC;EAEH,MAAMyC,gBAAgB,GAAG,IAAAC,gCAAmB,EAC3C;IACCC,SAAS,EAAE;EACZ,CAAC,EACD;IACC;IACA;IACAC,QAAQ,EAAE,CAAEf,cAAc,GAAGU,mBAAmB,GAAGvC,SAAS;IAC5D6C,8BAA8B,EAAE,IAAI;IACpChF,aAAa;IACbC;EACD,CACD,CAAC;EAED,MAAMgF,YAAY,GAAG,IAAAZ,eAAM,EAAC,CAAC;EAC7B,MAAMa,eAAe,GAAG;IACvBrC,iBAAiB;IACjBD,iBAAiB;IACjBqC,YAAY;IACZjB,cAAc;IACdtF,GAAG;IACH4E,YAAY;IACZvE;EACD,CAAC;EAED,MAAMoG,sBAAsB,GAAG,MAAAA,CAAA,KAAY;IAC1C,MAAMjE,aAAa,GAAG,OAAQ3B,gBAAgB,GAC3C,IAAA4B,sBAAc,EAAEgB,SAAS,EAAE3C,QAAQ,EAAET,YAAY,CAACqC,KAAM,CAAC,GACzD,IAAAD,sBAAc,EAAEL,QAAQ,EAAEtB,QAAQ,EAAET,YAAY,CAACqC,KAAM,CAAC,CAAE;IAC7DpC,aAAa,CAAE;MACdP,EAAE,EAAE0D,SAAS;MACbzD,GAAG,EAAEyD,SAAS;MACd5C,gBAAgB,EAAE,CAAEA,gBAAgB;MACpCC,QAAQ,EAAEA,QAAQ,KAAK,GAAG,GAAG,EAAE,GAAGA,QAAQ;MAC1C8B,cAAc,EAAE/B,gBAAgB,GAC7BgC,6BAAqB,GACrBY,SAAS;MACZxC,MAAM,EAAEuB;IACT,CAAE,CAAC;EACJ,CAAC;EAED,MAAMkE,aAAa,GAClB,IAAAtI,QAAA,CAAAuI,aAAA,EAACvH,cAAA,CAAAwH,OAAkB;IAClBlH,UAAU,EAAGA,UAAY;IACzBY,aAAa,EAAGA,aAAe;IAC/B+C,aAAa,EAAGA,aAAe;IAC/BmD,eAAe,EAAGA,eAAiB;IACnCC,sBAAsB,EAAGA;EAAwB,CACjD,CACD;EAED,MAAMI,iBAAiB,GACtB,IAAAzI,QAAA,CAAAuI,aAAA,EAACxH,kBAAA,CAAAyH,OAAsB;IACtBlH,UAAU,EAAGA,UAAY;IACzBY,aAAa,EAAGA,aAAe;IAC/BH,QAAQ,EAAGA,QAAU;IACrBI,eAAe,EAAGoD,iBAAmB;IACrCmD,QAAQ,EAAGpB,GAAK;IAChBc,eAAe,EAAGA,eAAiB;IACnCC,sBAAsB,EAAGA,sBAAwB;IACjDM,cAAc,EAAGlD,gBAAkB;IACnCH,YAAY,EAAGA;EAAc,CAC7B,CACD;EAED,MAAMsD,mBAAmB,GAAG;IAC3BZ,SAAS,EAAE,uCAAuC;IAClDjG,QAAQ;IACRmE,MAAM;IACNnD,SAAS,EAAEwD,iBAAiB;IAC5BsC,aAAa,EAAEA,CAAA,KAAM;MACpB3G,aAAa,CAAE;QAAEc,aAAa,EAAE;MAAK,CAAE,CAAC;MACxCZ,eAAe,CAAE,KAAM,CAAC;IACzB,CAAC;IACD0G,QAAQ,EAAIC,KAAK,IAAM;MACtB7G,aAAa,CAAE;QAAEa,SAAS,EAAEgG;MAAM,CAAE,CAAC;IACtC,CAAC;IACDC,YAAY,EAAIC,YAAY,IAAM;MACjC7G,eAAe,CAAE,IAAK,CAAC;MACvBF,aAAa,CAAE;QAAEa,SAAS,EAAEkG;MAAa,CAAE,CAAC;IAC7C,CAAC;IACDC,UAAU,EAAE,IAAI;IAChBC,IAAI,EAAE9C,sBAAsB;IAC5BF;EACD,CAAC;EAED,IAAK,CAAE1D,gBAAgB,IAAI,CAAEyE,cAAc,IAAI,CAAED,aAAa,EAAG;IAChE,OACC,IAAAjH,QAAA,CAAAuI,aAAA,EAAAvI,QAAA,CAAAoJ,QAAA,QACGd,aAAa,EACbG,iBAAiB,EACjBzG,UAAU,IACX,IAAAhC,QAAA,CAAAuI,aAAA,EAACrH,sBAAA,CAAAsH,OAAqB;MAAA,GAAMI;IAAmB,CAAI,CACnD,EACD,IAAA5I,QAAA,CAAAuI,aAAA,EAAClF,OAAO;MAAA,GACFmE,UAAU;MACfQ,SAAS,EAAG,IAAAqB,mBAAU,EACrB,gBAAgB,EAChB7B,UAAU,CAACQ,SACZ,CAAG;MACHvB,KAAK,EAAG;QACP,GAAGe,UAAU,CAACf,KAAK;QACnB1D,SAAS,EAAEwD,iBAAiB,IAAIlB;MACjC;IAAG,GAEDY,cAAc,EAChB,IAAAjG,QAAA,CAAAuI,aAAA,EAACtH,iBAAA,CAAAuH,OAAgB;MAChBvD,aAAa,EAAGA,aAAe;MAC/BqE,OAAO,EAAG1D,aAAe;MACzByC,sBAAsB,EAAGA;IAAwB,GAEjD,IAAArI,QAAA,CAAAuI,aAAA;MAAKP,SAAS,EAAC;IAAgD,GAC9D,IAAAhI,QAAA,CAAAuI,aAAA,EAAC9H,YAAA,CAAA8I,YAAY;MACZC,mBAAmB,EAAG,IAAM;MAC5BT,KAAK,EAAG9G,YAAY,CAACqC,KAAO;MAC5BmF,QAAQ,EAAGlE,iBAAmB;MAC9BmE,SAAS,EAAG;IAAO,CACnB,CACG,CACY,CACV,CACR,CAAC;EAEL;EAEA,MAAMC,OAAO,GAAG,IAAAN,mBAAU,EACzB;IACC,eAAe,EAAExG,MAAM;IACvB,UAAU,EAAE,CAAEA,MAAM;IACpB,cAAc,EAAE8C,gBAAgB;IAChC,cAAc,EAAE/C,WAAW;IAC3B,aAAa,EAAEE,UAAU;IACzB,6BAA6B,EAC5B,CAAE,IAAA8G,+BAAuB,EAAEpH,eAAgB;EAC7C,CAAC,EACD,IAAAqH,4BAAoB,EAAErH,eAAgB,CACvC,CAAC;EAED,OACC,IAAAxC,QAAA,CAAAuI,aAAA,EAAAvI,QAAA,CAAAoJ,QAAA,QACGd,aAAa,EACbG,iBAAiB,EACnB,IAAAzI,QAAA,CAAAuI,aAAA,EAAClF,OAAO;IAAA,GACFmE,UAAU;IACfQ,SAAS,EAAG,IAAAqB,mBAAU,EAAEM,OAAO,EAAEnC,UAAU,CAACQ,SAAU,CAAG;IACzDvB,KAAK,EAAG;MAAE,GAAGA,KAAK;MAAE,GAAGe,UAAU,CAACf;IAAM,CAAG;IAC3C,YAAW7E;EAAK,GAEdqE,cAAc,EACd,CAAE,CAAExD,gBAAgB,IAAIb,GAAG,KAC5B,IAAA5B,QAAA,CAAAuI,aAAA;IACC,eAAY,MAAM;IAClBP,SAAS,EAAG,IAAAqB,mBAAU,EACrB,4BAA4B,EAC5B,IAAAS,uBAAe,EAAEpH,QAAS,CAAC,EAC3B;MACC,CAAET,YAAY,CAAC8H,KAAK,GAAI9H,YAAY,CAAC8H,KAAK;MAC1C,oBAAoB,EAAErH,QAAQ,KAAK2C,SAAS;MAC5C;MACA;MACA;MACA,qCAAqC,EACpCzD,GAAG,IAAIiD,aAAa,IAAInC,QAAQ,KAAK,CAAC;MACvC,yBAAyB,EAAEmC,aAAa;MACxC,CAAED,aAAa,GAAIA;IACpB,CACD,CAAG;IACH6B,KAAK,EAAG;MAAEC,eAAe,EAAE7B,aAAa;MAAE,GAAGgC;IAAQ;EAAG,CACxD,CACD,EAEC,CAAEjF,GAAG,IAAIa,gBAAgB,IAC1B,IAAAzC,QAAA,CAAAuI,aAAA,EAAChI,WAAA,CAAAyJ,WAAW;IACXhC,SAAS,EAAC,0CAA0C;IACpDiC,gBAAgB,EAAG;EAAM,CACzB,CACD,EAECrI,GAAG,IACJkE,iBAAiB,KACfU,YAAY,GACb,IAAAxG,QAAA,CAAAuI,aAAA;IACCjB,GAAG,EAAGa,YAAc;IACpBH,SAAS,EAAC,kCAAkC;IAC5C/E,GAAG,EAAGA,GAAK;IACXiH,GAAG,EAAGtI,GAAK;IACX6E,KAAK,EAAGM;EAAY,CACpB,CAAC,GAEF,IAAA/G,QAAA,CAAAuI,aAAA;IACCjB,GAAG,EAAGa,YAAc;IACpBgC,IAAI,EAAC,KAAK;IACVnC,SAAS,EAAG,IAAAqB,mBAAU,EACrBM,OAAO,EACP,kCACD,CAAG;IACHlD,KAAK,EAAG;MAAEC,eAAe;MAAEC;IAAmB;EAAG,CACjD,CACD,CAAE,EACF/E,GAAG,IAAImE,iBAAiB,IACzB,IAAA/F,QAAA,CAAAuI,aAAA;IACCjB,GAAG,EAAGa,YAAc;IACpBH,SAAS,EAAC,kCAAkC;IAC5CoC,QAAQ;IACRC,KAAK;IACLC,IAAI;IACJJ,GAAG,EAAGtI,GAAK;IACX6E,KAAK,EAAGM;EAAY,CACpB,CACD,EACCpB,gBAAgB,IAAI,IAAA3F,QAAA,CAAAuI,aAAA,EAAChI,WAAA,CAAAgK,OAAO,MAAE,CAAC,EACjC,IAAAvK,QAAA,CAAAuI,aAAA,EAACtH,iBAAA,CAAAuH,OAAgB;IAChBgC,mBAAmB;IACnBvF,aAAa,EAAGA,aAAe;IAC/BqE,OAAO,EAAG1D,aAAe;IACzByC,sBAAsB,EAAGA;EAAwB,CACjD,CAAC,EACF,IAAArI,QAAA,CAAAuI,aAAA;IAAA,GAAUT;EAAgB,CAAI,CACtB,CAAC,EACR9F,UAAU,IACX,IAAAhC,QAAA,CAAAuI,aAAA,EAACrH,sBAAA,CAAAsH,OAAqB;IAAA,GAAMI;EAAmB,CAAI,CAEnD,CAAC;AAEL;AAAC,IAAA6B,QAAA,GAEc,IAAAC,gBAAO,EAAE,CACvB,IAAAC,uBAAU,EAAE;EAAE1I,YAAY,EAAE;AAAmB,CAAE,CAAC,CACjD,CAAC,CAAEH,SAAU,CAAC;AAAA8I,OAAA,CAAApC,OAAA,GAAAiC,QAAA"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_coreData","_element","_components","_compose","_blockEditor","_i18n","_data","_blob","_notices","_shared","_inspectorControls","_blockControls","_coverPlaceholder","_resizableCoverPopover","_colorUtils","getInnerBlocksTemplate","attributes","align","placeholder","__","isTemporaryMedia","id","url","isBlobURL","CoverEdit","clientId","isSelected","overlayColor","setAttributes","setOverlayColor","toggleSelection","context","postId","postType","contentPosition","originalUrl","backgroundType","originalBackgroundType","useFeaturedImage","dimRatio","focalPoint","hasParallax","isDark","isRepeated","minHeight","minHeightUnit","alt","allowedBlocks","templateLock","tagName","TagName","isUserOverlayColor","featuredImage","useEntityProp","__unstableMarkNextChangeAsNotPersistent","useDispatch","blockEditorStore","media","useSelect","select","coreStore","getMedia","mediaUrl","source_url","useEffect","averageBackgroundColor","getMediaColor","newOverlayColor","color","newIsDark","compositeIsDark","replaceAll","IMAGE_BACKGROUND_TYPE","createErrorNotice","noticesStore","gradientClass","gradientValue","__experimentalUseGradient","onSelectMedia","newMedia","mediaAttributes","attributesFromMedia","type","undefined","newDimRatio","onClearMedia","DEFAULT_OVERLAY_COLOR","DEFAULT_BACKGROUND_COLOR","onSetOverlayColor","onUpdateDimRatio","onUploadError","message","isUploadingMedia","isImageBackground","isVideoBackground","VIDEO_BACKGROUND_TYPE","resizeListener","height","width","useResizeObserver","resizableBoxDimensions","useMemo","minHeightWithUnit","isImgElement","style","backgroundImage","backgroundPosition","mediaPosition","bgStyle","backgroundColor","mediaStyle","objectPosition","hasBackground","hasInnerBlocks","getBlock","innerBlocks","length","ref","useRef","blockProps","useBlockProps","hasFontSizes","useSetting","innerBlocksTemplate","fontSize","innerBlocksProps","useInnerBlocksProps","className","template","templateInsertUpdatesSelection","mediaElement","currentSettings","toggleUseFeaturedImage","newUseFeaturedImage","blockControls","_react","createElement","default","inspectorControls","coverRef","updateDimRatio","resizableCoverProps","onResizeStart","onResize","value","onResizeStop","newMinHeight","showHandle","size","Fragment","classnames","onError","ColorPalette","disableCustomColors","onChange","clearable","classes","isContentPositionCenter","getPositionClassName","dimRatioToClass","class","Placeholder","withIllustration","src","role","autoPlay","muted","loop","Spinner","disableMediaButtons","_default","compose","withColors","exports"],"sources":["@wordpress/block-library/src/cover/edit/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useEntityProp, store as coreStore } from '@wordpress/core-data';\nimport { useEffect, useMemo, useRef } from '@wordpress/element';\nimport { Placeholder, Spinner } from '@wordpress/components';\nimport { compose, useResizeObserver } from '@wordpress/compose';\nimport {\n\twithColors,\n\tColorPalette,\n\tuseBlockProps,\n\tuseSetting,\n\tuseInnerBlocksProps,\n\t__experimentalUseGradient,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { isBlobURL } from '@wordpress/blob';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport {\n\tattributesFromMedia,\n\tIMAGE_BACKGROUND_TYPE,\n\tVIDEO_BACKGROUND_TYPE,\n\tdimRatioToClass,\n\tisContentPositionCenter,\n\tgetPositionClassName,\n\tmediaPosition,\n} from '../shared';\nimport CoverInspectorControls from './inspector-controls';\nimport CoverBlockControls from './block-controls';\nimport CoverPlaceholder from './cover-placeholder';\nimport ResizableCoverPopover from './resizable-cover-popover';\nimport {\n\tgetMediaColor,\n\tcompositeIsDark,\n\tDEFAULT_BACKGROUND_COLOR,\n\tDEFAULT_OVERLAY_COLOR,\n} from './color-utils';\n\nfunction getInnerBlocksTemplate( attributes ) {\n\treturn [\n\t\t[\n\t\t\t'core/paragraph',\n\t\t\t{\n\t\t\t\talign: 'center',\n\t\t\t\tplaceholder: __( 'Write title…' ),\n\t\t\t\t...attributes,\n\t\t\t},\n\t\t],\n\t];\n}\n\n/**\n * Is the URL a temporary blob URL? A blob URL is one that is used temporarily while\n * the media (image or video) is being uploaded and will not have an id allocated yet.\n *\n * @param {number} id  The id of the media.\n * @param {string} url The url of the media.\n *\n * @return {boolean} Is the URL a Blob URL.\n */\nconst isTemporaryMedia = ( id, url ) => ! id && isBlobURL( url );\n\nfunction CoverEdit( {\n\tattributes,\n\tclientId,\n\tisSelected,\n\toverlayColor,\n\tsetAttributes,\n\tsetOverlayColor,\n\ttoggleSelection,\n\tcontext: { postId, postType },\n} ) {\n\tconst {\n\t\tcontentPosition,\n\t\tid,\n\t\turl: originalUrl,\n\t\tbackgroundType: originalBackgroundType,\n\t\tuseFeaturedImage,\n\t\tdimRatio,\n\t\tfocalPoint,\n\t\thasParallax,\n\t\tisDark,\n\t\tisRepeated,\n\t\tminHeight,\n\t\tminHeightUnit,\n\t\talt,\n\t\tallowedBlocks,\n\t\ttemplateLock,\n\t\ttagName: TagName = 'div',\n\t\tisUserOverlayColor,\n\t} = attributes;\n\n\tconst [ featuredImage ] = useEntityProp(\n\t\t'postType',\n\t\tpostType,\n\t\t'featured_media',\n\t\tpostId\n\t);\n\n\tconst { __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\tconst media = useSelect(\n\t\t( select ) =>\n\t\t\tfeaturedImage &&\n\t\t\tselect( coreStore ).getMedia( featuredImage, { context: 'view' } ),\n\t\t[ featuredImage ]\n\t);\n\tconst mediaUrl = media?.source_url;\n\n\t// User can change the featured image outside of the block, but we still\n\t// need to update the block when that happens. This effect should only\n\t// run when the featured image changes in that case. All other cases are\n\t// handled in their respective callbacks.\n\tuseEffect( () => {\n\t\t( async () => {\n\t\t\tif ( ! useFeaturedImage ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst averageBackgroundColor = await getMediaColor( mediaUrl );\n\n\t\t\tlet newOverlayColor = overlayColor.color;\n\t\t\tif ( ! isUserOverlayColor ) {\n\t\t\t\tnewOverlayColor = averageBackgroundColor;\n\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\tsetOverlayColor( newOverlayColor );\n\t\t\t}\n\n\t\t\tconst newIsDark = compositeIsDark(\n\t\t\t\tdimRatio,\n\t\t\t\tnewOverlayColor,\n\t\t\t\taverageBackgroundColor\n\t\t\t);\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\tsetAttributes( { isDark: newIsDark } );\n\t\t} )();\n\t\t// Disable reason: Update the block only when the featured image changes.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ mediaUrl ] );\n\n\t// instead of destructuring the attributes\n\t// we define the url and background type\n\t// depending on the value of the useFeaturedImage flag\n\t// to preview in edit the dynamic featured image\n\tconst url = useFeaturedImage\n\t\t? mediaUrl\n\t\t: // Ensure the url is not malformed due to sanitization through `wp_kses`.\n\t\t  originalUrl?.replaceAll( '&amp;', '&' );\n\tconst backgroundType = useFeaturedImage\n\t\t? IMAGE_BACKGROUND_TYPE\n\t\t: originalBackgroundType;\n\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tconst { gradientClass, gradientValue } = __experimentalUseGradient();\n\n\tconst onSelectMedia = async ( newMedia ) => {\n\t\tconst mediaAttributes = attributesFromMedia( newMedia );\n\n\t\tconst averageBackgroundColor = await getMediaColor(\n\t\t\tnewMedia?.type === IMAGE_BACKGROUND_TYPE ? newMedia?.url : undefined\n\t\t);\n\n\t\tlet newOverlayColor = overlayColor.color;\n\t\tif ( ! isUserOverlayColor ) {\n\t\t\tnewOverlayColor = averageBackgroundColor;\n\t\t\tsetOverlayColor( newOverlayColor );\n\n\t\t\t// Make undo revert the next setAttributes and the previous setOverlayColor.\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t}\n\n\t\tconst newDimRatio = dimRatio === 100 ? 50 : dimRatio;\n\t\tconst newIsDark = compositeIsDark(\n\t\t\tnewDimRatio,\n\t\t\tnewOverlayColor,\n\t\t\taverageBackgroundColor\n\t\t);\n\n\t\tsetAttributes( {\n\t\t\t...mediaAttributes,\n\t\t\tfocalPoint: undefined,\n\t\t\tuseFeaturedImage: undefined,\n\t\t\tdimRatio: newDimRatio,\n\t\t\tisDark: newIsDark,\n\t\t} );\n\t};\n\n\tconst onClearMedia = () => {\n\t\tlet newOverlayColor = overlayColor.color;\n\t\tif ( ! isUserOverlayColor ) {\n\t\t\tnewOverlayColor = DEFAULT_OVERLAY_COLOR;\n\t\t\tsetOverlayColor( undefined );\n\n\t\t\t// Make undo revert the next setAttributes and the previous setOverlayColor.\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t}\n\n\t\tconst newIsDark = compositeIsDark(\n\t\t\tdimRatio,\n\t\t\tnewOverlayColor,\n\t\t\tDEFAULT_BACKGROUND_COLOR\n\t\t);\n\n\t\tsetAttributes( {\n\t\t\turl: undefined,\n\t\t\tid: undefined,\n\t\t\tbackgroundType: undefined,\n\t\t\tfocalPoint: undefined,\n\t\t\thasParallax: undefined,\n\t\t\tisRepeated: undefined,\n\t\t\tuseFeaturedImage: undefined,\n\t\t\tisDark: newIsDark,\n\t\t} );\n\t};\n\n\tconst onSetOverlayColor = async ( newOverlayColor ) => {\n\t\tconst averageBackgroundColor = await getMediaColor( url );\n\t\tconst newIsDark = compositeIsDark(\n\t\t\tdimRatio,\n\t\t\tnewOverlayColor,\n\t\t\taverageBackgroundColor\n\t\t);\n\n\t\tsetOverlayColor( newOverlayColor );\n\n\t\t// Make undo revert the next setAttributes and the previous setOverlayColor.\n\t\t__unstableMarkNextChangeAsNotPersistent();\n\n\t\tsetAttributes( {\n\t\t\tisUserOverlayColor: true,\n\t\t\tisDark: newIsDark,\n\t\t} );\n\t};\n\n\tconst onUpdateDimRatio = async ( newDimRatio ) => {\n\t\tconst averageBackgroundColor = await getMediaColor( url );\n\t\tconst newIsDark = compositeIsDark(\n\t\t\tnewDimRatio,\n\t\t\toverlayColor.color,\n\t\t\taverageBackgroundColor\n\t\t);\n\n\t\tsetAttributes( {\n\t\t\tdimRatio: newDimRatio,\n\t\t\tisDark: newIsDark,\n\t\t} );\n\t};\n\n\tconst onUploadError = ( message ) => {\n\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t};\n\n\tconst isUploadingMedia = isTemporaryMedia( id, url );\n\n\tconst isImageBackground = IMAGE_BACKGROUND_TYPE === backgroundType;\n\tconst isVideoBackground = VIDEO_BACKGROUND_TYPE === backgroundType;\n\n\tconst [ resizeListener, { height, width } ] = useResizeObserver();\n\tconst resizableBoxDimensions = useMemo( () => {\n\t\treturn {\n\t\t\theight: minHeightUnit === 'px' ? minHeight : 'auto',\n\t\t\twidth: 'auto',\n\t\t};\n\t}, [ minHeight, minHeightUnit ] );\n\n\tconst minHeightWithUnit =\n\t\tminHeight && minHeightUnit\n\t\t\t? `${ minHeight }${ minHeightUnit }`\n\t\t\t: minHeight;\n\n\tconst isImgElement = ! ( hasParallax || isRepeated );\n\n\tconst style = {\n\t\tminHeight: minHeightWithUnit || undefined,\n\t};\n\n\tconst backgroundImage = url ? `url(${ url })` : undefined;\n\n\tconst backgroundPosition = mediaPosition( focalPoint );\n\n\tconst bgStyle = { backgroundColor: overlayColor.color };\n\tconst mediaStyle = {\n\t\tobjectPosition:\n\t\t\tfocalPoint && isImgElement\n\t\t\t\t? mediaPosition( focalPoint )\n\t\t\t\t: undefined,\n\t};\n\n\tconst hasBackground = !! ( url || overlayColor.color || gradientValue );\n\n\tconst hasInnerBlocks = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).getBlock( clientId ).innerBlocks.length >\n\t\t\t0,\n\t\t[ clientId ]\n\t);\n\n\tconst ref = useRef();\n\tconst blockProps = useBlockProps( { ref } );\n\n\t// Check for fontSize support before we pass a fontSize attribute to the innerBlocks.\n\tconst hasFontSizes = !! useSetting( 'typography.fontSizes' )?.length;\n\tconst innerBlocksTemplate = getInnerBlocksTemplate( {\n\t\tfontSize: hasFontSizes ? 'large' : undefined,\n\t} );\n\n\tconst innerBlocksProps = useInnerBlocksProps(\n\t\t{\n\t\t\tclassName: 'wp-block-cover__inner-container',\n\t\t},\n\t\t{\n\t\t\t// Avoid template sync when the `templateLock` value is `all` or `contentOnly`.\n\t\t\t// See: https://github.com/WordPress/gutenberg/pull/45632\n\t\t\ttemplate: ! hasInnerBlocks ? innerBlocksTemplate : undefined,\n\t\t\ttemplateInsertUpdatesSelection: true,\n\t\t\tallowedBlocks,\n\t\t\ttemplateLock,\n\t\t}\n\t);\n\n\tconst mediaElement = useRef();\n\tconst currentSettings = {\n\t\tisVideoBackground,\n\t\tisImageBackground,\n\t\tmediaElement,\n\t\thasInnerBlocks,\n\t\turl,\n\t\tisImgElement,\n\t\toverlayColor,\n\t};\n\n\tconst toggleUseFeaturedImage = async () => {\n\t\tconst newUseFeaturedImage = ! useFeaturedImage;\n\n\t\tconst averageBackgroundColor = newUseFeaturedImage\n\t\t\t? await getMediaColor( mediaUrl )\n\t\t\t: DEFAULT_BACKGROUND_COLOR;\n\n\t\tconst newOverlayColor = ! isUserOverlayColor\n\t\t\t? averageBackgroundColor\n\t\t\t: overlayColor.color;\n\n\t\tif ( ! isUserOverlayColor ) {\n\t\t\tif ( newUseFeaturedImage ) {\n\t\t\t\tsetOverlayColor( newOverlayColor );\n\t\t\t} else {\n\t\t\t\tsetOverlayColor( undefined );\n\t\t\t}\n\n\t\t\t// Make undo revert the next setAttributes and the previous setOverlayColor.\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t}\n\n\t\tconst newDimRatio = dimRatio === 100 ? 50 : dimRatio;\n\t\tconst newIsDark = compositeIsDark(\n\t\t\tnewDimRatio,\n\t\t\tnewOverlayColor,\n\t\t\taverageBackgroundColor\n\t\t);\n\n\t\tsetAttributes( {\n\t\t\tid: undefined,\n\t\t\turl: undefined,\n\t\t\tuseFeaturedImage: newUseFeaturedImage,\n\t\t\tdimRatio: newDimRatio,\n\t\t\tbackgroundType: useFeaturedImage\n\t\t\t\t? IMAGE_BACKGROUND_TYPE\n\t\t\t\t: undefined,\n\t\t\tisDark: newIsDark,\n\t\t} );\n\t};\n\n\tconst blockControls = (\n\t\t<CoverBlockControls\n\t\t\tattributes={ attributes }\n\t\t\tsetAttributes={ setAttributes }\n\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\tcurrentSettings={ currentSettings }\n\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t/>\n\t);\n\n\tconst inspectorControls = (\n\t\t<CoverInspectorControls\n\t\t\tattributes={ attributes }\n\t\t\tsetAttributes={ setAttributes }\n\t\t\tclientId={ clientId }\n\t\t\tsetOverlayColor={ onSetOverlayColor }\n\t\t\tcoverRef={ ref }\n\t\t\tcurrentSettings={ currentSettings }\n\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t\tupdateDimRatio={ onUpdateDimRatio }\n\t\t\tonClearMedia={ onClearMedia }\n\t\t/>\n\t);\n\n\tconst resizableCoverProps = {\n\t\tclassName: 'block-library-cover__resize-container',\n\t\tclientId,\n\t\theight,\n\t\tminHeight: minHeightWithUnit,\n\t\tonResizeStart: () => {\n\t\t\tsetAttributes( { minHeightUnit: 'px' } );\n\t\t\ttoggleSelection( false );\n\t\t},\n\t\tonResize: ( value ) => {\n\t\t\tsetAttributes( { minHeight: value } );\n\t\t},\n\t\tonResizeStop: ( newMinHeight ) => {\n\t\t\ttoggleSelection( true );\n\t\t\tsetAttributes( { minHeight: newMinHeight } );\n\t\t},\n\t\tshowHandle: true,\n\t\tsize: resizableBoxDimensions,\n\t\twidth,\n\t};\n\n\tif ( ! useFeaturedImage && ! hasInnerBlocks && ! hasBackground ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ blockControls }\n\t\t\t\t{ inspectorControls }\n\t\t\t\t{ isSelected && (\n\t\t\t\t\t<ResizableCoverPopover { ...resizableCoverProps } />\n\t\t\t\t) }\n\t\t\t\t<TagName\n\t\t\t\t\t{ ...blockProps }\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'is-placeholder',\n\t\t\t\t\t\tblockProps.className\n\t\t\t\t\t) }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t...blockProps.style,\n\t\t\t\t\t\tminHeight: minHeightWithUnit || undefined,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ resizeListener }\n\t\t\t\t\t<CoverPlaceholder\n\t\t\t\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"wp-block-cover__placeholder-background-options\">\n\t\t\t\t\t\t\t<ColorPalette\n\t\t\t\t\t\t\t\tdisableCustomColors={ true }\n\t\t\t\t\t\t\t\tvalue={ overlayColor.color }\n\t\t\t\t\t\t\t\tonChange={ onSetOverlayColor }\n\t\t\t\t\t\t\t\tclearable={ false }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</CoverPlaceholder>\n\t\t\t\t</TagName>\n\t\t\t</>\n\t\t);\n\t}\n\n\tconst classes = classnames(\n\t\t{\n\t\t\t'is-dark-theme': isDark,\n\t\t\t'is-light': ! isDark,\n\t\t\t'is-transient': isUploadingMedia,\n\t\t\t'has-parallax': hasParallax,\n\t\t\t'is-repeated': isRepeated,\n\t\t\t'has-custom-content-position':\n\t\t\t\t! isContentPositionCenter( contentPosition ),\n\t\t},\n\t\tgetPositionClassName( contentPosition )\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{ blockControls }\n\t\t\t{ inspectorControls }\n\t\t\t<TagName\n\t\t\t\t{ ...blockProps }\n\t\t\t\tclassName={ classnames( classes, blockProps.className ) }\n\t\t\t\tstyle={ { ...style, ...blockProps.style } }\n\t\t\t\tdata-url={ url }\n\t\t\t>\n\t\t\t\t{ resizeListener }\n\t\t\t\t{ ( ! useFeaturedImage || url ) && (\n\t\t\t\t\t<span\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t'wp-block-cover__background',\n\t\t\t\t\t\t\tdimRatioToClass( dimRatio ),\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t[ overlayColor.class ]: overlayColor.class,\n\t\t\t\t\t\t\t\t'has-background-dim': dimRatio !== undefined,\n\t\t\t\t\t\t\t\t// For backwards compatibility. Former versions of the Cover Block applied\n\t\t\t\t\t\t\t\t// `.wp-block-cover__gradient-background` in the presence of\n\t\t\t\t\t\t\t\t// media, a gradient and a dim.\n\t\t\t\t\t\t\t\t'wp-block-cover__gradient-background':\n\t\t\t\t\t\t\t\t\turl && gradientValue && dimRatio !== 0,\n\t\t\t\t\t\t\t\t'has-background-gradient': gradientValue,\n\t\t\t\t\t\t\t\t[ gradientClass ]: gradientClass,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tstyle={ { backgroundImage: gradientValue, ...bgStyle } }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\n\t\t\t\t{ ! url && useFeaturedImage && (\n\t\t\t\t\t<Placeholder\n\t\t\t\t\t\tclassName=\"wp-block-cover__image--placeholder-image\"\n\t\t\t\t\t\twithIllustration={ true }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\n\t\t\t\t{ url &&\n\t\t\t\t\tisImageBackground &&\n\t\t\t\t\t( isImgElement ? (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tref={ mediaElement }\n\t\t\t\t\t\t\tclassName=\"wp-block-cover__image-background\"\n\t\t\t\t\t\t\talt={ alt }\n\t\t\t\t\t\t\tsrc={ url }\n\t\t\t\t\t\t\tstyle={ mediaStyle }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tref={ mediaElement }\n\t\t\t\t\t\t\trole=\"img\"\n\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\tclasses,\n\t\t\t\t\t\t\t\t'wp-block-cover__image-background'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tstyle={ { backgroundImage, backgroundPosition } }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t{ url && isVideoBackground && (\n\t\t\t\t\t<video\n\t\t\t\t\t\tref={ mediaElement }\n\t\t\t\t\t\tclassName=\"wp-block-cover__video-background\"\n\t\t\t\t\t\tautoPlay\n\t\t\t\t\t\tmuted\n\t\t\t\t\t\tloop\n\t\t\t\t\t\tsrc={ url }\n\t\t\t\t\t\tstyle={ mediaStyle }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ isUploadingMedia && <Spinner /> }\n\t\t\t\t<CoverPlaceholder\n\t\t\t\t\tdisableMediaButtons\n\t\t\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t\t\t/>\n\t\t\t\t<div { ...innerBlocksProps } />\n\t\t\t</TagName>\n\t\t\t{ isSelected && (\n\t\t\t\t<ResizableCoverPopover { ...resizableCoverProps } />\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default compose( [\n\twithColors( { overlayColor: 'background-color' } ),\n] )( CoverEdit );\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AASA,IAAAM,KAAA,GAAAN,OAAA;AACA,IAAAO,KAAA,GAAAP,OAAA;AACA,IAAAQ,KAAA,GAAAR,OAAA;AACA,IAAAS,QAAA,GAAAT,OAAA;AAKA,IAAAU,OAAA,GAAAV,OAAA;AASA,IAAAW,kBAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,cAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,iBAAA,GAAAd,sBAAA,CAAAC,OAAA;AACA,IAAAc,sBAAA,GAAAf,sBAAA,CAAAC,OAAA;AACA,IAAAe,WAAA,GAAAf,OAAA;AA1CA;AACA;AACA;;AAGA;AACA;AACA;;AAmBA;AACA;AACA;;AAqBA,SAASgB,sBAAsBA,CAAEC,UAAU,EAAG;EAC7C,OAAO,CACN,CACC,gBAAgB,EAChB;IACCC,KAAK,EAAE,QAAQ;IACfC,WAAW,EAAE,IAAAC,QAAE,EAAE,cAAe,CAAC;IACjC,GAAGH;EACJ,CAAC,CACD,CACD;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMI,gBAAgB,GAAGA,CAAEC,EAAE,EAAEC,GAAG,KAAM,CAAED,EAAE,IAAI,IAAAE,eAAS,EAAED,GAAI,CAAC;AAEhE,SAASE,SAASA,CAAE;EACnBR,UAAU;EACVS,QAAQ;EACRC,UAAU;EACVC,YAAY;EACZC,aAAa;EACbC,eAAe;EACfC,eAAe;EACfC,OAAO,EAAE;IAAEC,MAAM;IAAEC;EAAS;AAC7B,CAAC,EAAG;EACH,MAAM;IACLC,eAAe;IACfb,EAAE;IACFC,GAAG,EAAEa,WAAW;IAChBC,cAAc,EAAEC,sBAAsB;IACtCC,gBAAgB;IAChBC,QAAQ;IACRC,UAAU;IACVC,WAAW;IACXC,MAAM;IACNC,UAAU;IACVC,SAAS;IACTC,aAAa;IACbC,GAAG;IACHC,aAAa;IACbC,YAAY;IACZC,OAAO,EAAEC,OAAO,GAAG,KAAK;IACxBC;EACD,CAAC,GAAGnC,UAAU;EAEd,MAAM,CAAEoC,aAAa,CAAE,GAAG,IAAAC,uBAAa,EACtC,UAAU,EACVpB,QAAQ,EACR,gBAAgB,EAChBD,MACD,CAAC;EAED,MAAM;IAAEsB;EAAwC,CAAC,GAChD,IAAAC,iBAAW,EAAEC,kBAAiB,CAAC;EAChC,MAAMC,KAAK,GAAG,IAAAC,eAAS,EACpBC,MAAM,IACPP,aAAa,IACbO,MAAM,CAAEC,eAAU,CAAC,CAACC,QAAQ,CAAET,aAAa,EAAE;IAAErB,OAAO,EAAE;EAAO,CAAE,CAAC,EACnE,CAAEqB,aAAa,CAChB,CAAC;EACD,MAAMU,QAAQ,GAAGL,KAAK,EAAEM,UAAU;;EAElC;EACA;EACA;EACA;EACA,IAAAC,kBAAS,EAAE,MAAM;IAChB,CAAE,YAAY;MACb,IAAK,CAAE1B,gBAAgB,EAAG;QACzB;MACD;MAEA,MAAM2B,sBAAsB,GAAG,MAAM,IAAAC,yBAAa,EAAEJ,QAAS,CAAC;MAE9D,IAAIK,eAAe,GAAGxC,YAAY,CAACyC,KAAK;MACxC,IAAK,CAAEjB,kBAAkB,EAAG;QAC3BgB,eAAe,GAAGF,sBAAsB;QACxCX,uCAAuC,CAAC,CAAC;QACzCzB,eAAe,CAAEsC,eAAgB,CAAC;MACnC;MAEA,MAAME,SAAS,GAAG,IAAAC,2BAAe,EAChC/B,QAAQ,EACR4B,eAAe,EACfF,sBACD,CAAC;MACDX,uCAAuC,CAAC,CAAC;MACzC1B,aAAa,CAAE;QAAEc,MAAM,EAAE2B;MAAU,CAAE,CAAC;IACvC,CAAC,EAAG,CAAC;IACL;IACA;EACD,CAAC,EAAE,CAAEP,QAAQ,CAAG,CAAC;;EAEjB;EACA;EACA;EACA;EACA,MAAMxC,GAAG,GAAGgB,gBAAgB,GACzBwB,QAAQ;EACR;EACA3B,WAAW,EAAEoC,UAAU,CAAE,OAAO,EAAE,GAAI,CAAC;EAC1C,MAAMnC,cAAc,GAAGE,gBAAgB,GACpCkC,6BAAqB,GACrBnC,sBAAsB;EAEzB,MAAM;IAAEoC;EAAkB,CAAC,GAAG,IAAAlB,iBAAW,EAAEmB,cAAa,CAAC;EACzD,MAAM;IAAEC,aAAa;IAAEC;EAAc,CAAC,GAAG,IAAAC,sCAAyB,EAAC,CAAC;EAEpE,MAAMC,aAAa,GAAG,MAAQC,QAAQ,IAAM;IAC3C,MAAMC,eAAe,GAAG,IAAAC,2BAAmB,EAAEF,QAAS,CAAC;IAEvD,MAAMd,sBAAsB,GAAG,MAAM,IAAAC,yBAAa,EACjDa,QAAQ,EAAEG,IAAI,KAAKV,6BAAqB,GAAGO,QAAQ,EAAEzD,GAAG,GAAG6D,SAC5D,CAAC;IAED,IAAIhB,eAAe,GAAGxC,YAAY,CAACyC,KAAK;IACxC,IAAK,CAAEjB,kBAAkB,EAAG;MAC3BgB,eAAe,GAAGF,sBAAsB;MACxCpC,eAAe,CAAEsC,eAAgB,CAAC;;MAElC;MACAb,uCAAuC,CAAC,CAAC;IAC1C;IAEA,MAAM8B,WAAW,GAAG7C,QAAQ,KAAK,GAAG,GAAG,EAAE,GAAGA,QAAQ;IACpD,MAAM8B,SAAS,GAAG,IAAAC,2BAAe,EAChCc,WAAW,EACXjB,eAAe,EACfF,sBACD,CAAC;IAEDrC,aAAa,CAAE;MACd,GAAGoD,eAAe;MAClBxC,UAAU,EAAE2C,SAAS;MACrB7C,gBAAgB,EAAE6C,SAAS;MAC3B5C,QAAQ,EAAE6C,WAAW;MACrB1C,MAAM,EAAE2B;IACT,CAAE,CAAC;EACJ,CAAC;EAED,MAAMgB,YAAY,GAAGA,CAAA,KAAM;IAC1B,IAAIlB,eAAe,GAAGxC,YAAY,CAACyC,KAAK;IACxC,IAAK,CAAEjB,kBAAkB,EAAG;MAC3BgB,eAAe,GAAGmB,iCAAqB;MACvCzD,eAAe,CAAEsD,SAAU,CAAC;;MAE5B;MACA7B,uCAAuC,CAAC,CAAC;IAC1C;IAEA,MAAMe,SAAS,GAAG,IAAAC,2BAAe,EAChC/B,QAAQ,EACR4B,eAAe,EACfoB,oCACD,CAAC;IAED3D,aAAa,CAAE;MACdN,GAAG,EAAE6D,SAAS;MACd9D,EAAE,EAAE8D,SAAS;MACb/C,cAAc,EAAE+C,SAAS;MACzB3C,UAAU,EAAE2C,SAAS;MACrB1C,WAAW,EAAE0C,SAAS;MACtBxC,UAAU,EAAEwC,SAAS;MACrB7C,gBAAgB,EAAE6C,SAAS;MAC3BzC,MAAM,EAAE2B;IACT,CAAE,CAAC;EACJ,CAAC;EAED,MAAMmB,iBAAiB,GAAG,MAAQrB,eAAe,IAAM;IACtD,MAAMF,sBAAsB,GAAG,MAAM,IAAAC,yBAAa,EAAE5C,GAAI,CAAC;IACzD,MAAM+C,SAAS,GAAG,IAAAC,2BAAe,EAChC/B,QAAQ,EACR4B,eAAe,EACfF,sBACD,CAAC;IAEDpC,eAAe,CAAEsC,eAAgB,CAAC;;IAElC;IACAb,uCAAuC,CAAC,CAAC;IAEzC1B,aAAa,CAAE;MACduB,kBAAkB,EAAE,IAAI;MACxBT,MAAM,EAAE2B;IACT,CAAE,CAAC;EACJ,CAAC;EAED,MAAMoB,gBAAgB,GAAG,MAAQL,WAAW,IAAM;IACjD,MAAMnB,sBAAsB,GAAG,MAAM,IAAAC,yBAAa,EAAE5C,GAAI,CAAC;IACzD,MAAM+C,SAAS,GAAG,IAAAC,2BAAe,EAChCc,WAAW,EACXzD,YAAY,CAACyC,KAAK,EAClBH,sBACD,CAAC;IAEDrC,aAAa,CAAE;MACdW,QAAQ,EAAE6C,WAAW;MACrB1C,MAAM,EAAE2B;IACT,CAAE,CAAC;EACJ,CAAC;EAED,MAAMqB,aAAa,GAAKC,OAAO,IAAM;IACpClB,iBAAiB,CAAEkB,OAAO,EAAE;MAAET,IAAI,EAAE;IAAW,CAAE,CAAC;EACnD,CAAC;EAED,MAAMU,gBAAgB,GAAGxE,gBAAgB,CAAEC,EAAE,EAAEC,GAAI,CAAC;EAEpD,MAAMuE,iBAAiB,GAAGrB,6BAAqB,KAAKpC,cAAc;EAClE,MAAM0D,iBAAiB,GAAGC,6BAAqB,KAAK3D,cAAc;EAElE,MAAM,CAAE4D,cAAc,EAAE;IAAEC,MAAM;IAAEC;EAAM,CAAC,CAAE,GAAG,IAAAC,0BAAiB,EAAC,CAAC;EACjE,MAAMC,sBAAsB,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC7C,OAAO;MACNJ,MAAM,EAAEpD,aAAa,KAAK,IAAI,GAAGD,SAAS,GAAG,MAAM;MACnDsD,KAAK,EAAE;IACR,CAAC;EACF,CAAC,EAAE,CAAEtD,SAAS,EAAEC,aAAa,CAAG,CAAC;EAEjC,MAAMyD,iBAAiB,GACtB1D,SAAS,IAAIC,aAAa,GACtB,GAAGD,SAAW,GAAGC,aAAe,EAAC,GAClCD,SAAS;EAEb,MAAM2D,YAAY,GAAG,EAAI9D,WAAW,IAAIE,UAAU,CAAE;EAEpD,MAAM6D,KAAK,GAAG;IACb5D,SAAS,EAAE0D,iBAAiB,IAAInB;EACjC,CAAC;EAED,MAAMsB,eAAe,GAAGnF,GAAG,GAAI,OAAOA,GAAK,GAAE,GAAG6D,SAAS;EAEzD,MAAMuB,kBAAkB,GAAG,IAAAC,qBAAa,EAAEnE,UAAW,CAAC;EAEtD,MAAMoE,OAAO,GAAG;IAAEC,eAAe,EAAElF,YAAY,CAACyC;EAAM,CAAC;EACvD,MAAM0C,UAAU,GAAG;IAClBC,cAAc,EACbvE,UAAU,IAAI+D,YAAY,GACvB,IAAAI,qBAAa,EAAEnE,UAAW,CAAC,GAC3B2C;EACL,CAAC;EAED,MAAM6B,aAAa,GAAG,CAAC,EAAI1F,GAAG,IAAIK,YAAY,CAACyC,KAAK,IAAIQ,aAAa,CAAE;EAEvE,MAAMqC,cAAc,GAAG,IAAAvD,eAAS,EAC7BC,MAAM,IACPA,MAAM,CAAEH,kBAAiB,CAAC,CAAC0D,QAAQ,CAAEzF,QAAS,CAAC,CAAC0F,WAAW,CAACC,MAAM,GAClE,CAAC,EACF,CAAE3F,QAAQ,CACX,CAAC;EAED,MAAM4F,GAAG,GAAG,IAAAC,eAAM,EAAC,CAAC;EACpB,MAAMC,UAAU,GAAG,IAAAC,0BAAa,EAAE;IAAEH;EAAI,CAAE,CAAC;;EAE3C;EACA,MAAMI,YAAY,GAAG,CAAC,CAAE,IAAAC,uBAAU,EAAE,sBAAuB,CAAC,EAAEN,MAAM;EACpE,MAAMO,mBAAmB,GAAG5G,sBAAsB,CAAE;IACnD6G,QAAQ,EAAEH,YAAY,GAAG,OAAO,GAAGtC;EACpC,CAAE,CAAC;EAEH,MAAM0C,gBAAgB,GAAG,IAAAC,gCAAmB,EAC3C;IACCC,SAAS,EAAE;EACZ,CAAC,EACD;IACC;IACA;IACAC,QAAQ,EAAE,CAAEf,cAAc,GAAGU,mBAAmB,GAAGxC,SAAS;IAC5D8C,8BAA8B,EAAE,IAAI;IACpClF,aAAa;IACbC;EACD,CACD,CAAC;EAED,MAAMkF,YAAY,GAAG,IAAAZ,eAAM,EAAC,CAAC;EAC7B,MAAMa,eAAe,GAAG;IACvBrC,iBAAiB;IACjBD,iBAAiB;IACjBqC,YAAY;IACZjB,cAAc;IACd3F,GAAG;IACHiF,YAAY;IACZ5E;EACD,CAAC;EAED,MAAMyG,sBAAsB,GAAG,MAAAA,CAAA,KAAY;IAC1C,MAAMC,mBAAmB,GAAG,CAAE/F,gBAAgB;IAE9C,MAAM2B,sBAAsB,GAAGoE,mBAAmB,GAC/C,MAAM,IAAAnE,yBAAa,EAAEJ,QAAS,CAAC,GAC/ByB,oCAAwB;IAE3B,MAAMpB,eAAe,GAAG,CAAEhB,kBAAkB,GACzCc,sBAAsB,GACtBtC,YAAY,CAACyC,KAAK;IAErB,IAAK,CAAEjB,kBAAkB,EAAG;MAC3B,IAAKkF,mBAAmB,EAAG;QAC1BxG,eAAe,CAAEsC,eAAgB,CAAC;MACnC,CAAC,MAAM;QACNtC,eAAe,CAAEsD,SAAU,CAAC;MAC7B;;MAEA;MACA7B,uCAAuC,CAAC,CAAC;IAC1C;IAEA,MAAM8B,WAAW,GAAG7C,QAAQ,KAAK,GAAG,GAAG,EAAE,GAAGA,QAAQ;IACpD,MAAM8B,SAAS,GAAG,IAAAC,2BAAe,EAChCc,WAAW,EACXjB,eAAe,EACfF,sBACD,CAAC;IAEDrC,aAAa,CAAE;MACdP,EAAE,EAAE8D,SAAS;MACb7D,GAAG,EAAE6D,SAAS;MACd7C,gBAAgB,EAAE+F,mBAAmB;MACrC9F,QAAQ,EAAE6C,WAAW;MACrBhD,cAAc,EAAEE,gBAAgB,GAC7BkC,6BAAqB,GACrBW,SAAS;MACZzC,MAAM,EAAE2B;IACT,CAAE,CAAC;EACJ,CAAC;EAED,MAAMiE,aAAa,GAClB,IAAAC,MAAA,CAAAC,aAAA,EAAC7H,cAAA,CAAA8H,OAAkB;IAClBzH,UAAU,EAAGA,UAAY;IACzBY,aAAa,EAAGA,aAAe;IAC/BkD,aAAa,EAAGA,aAAe;IAC/BqD,eAAe,EAAGA,eAAiB;IACnCC,sBAAsB,EAAGA;EAAwB,CACjD,CACD;EAED,MAAMM,iBAAiB,GACtB,IAAAH,MAAA,CAAAC,aAAA,EAAC9H,kBAAA,CAAA+H,OAAsB;IACtBzH,UAAU,EAAGA,UAAY;IACzBY,aAAa,EAAGA,aAAe;IAC/BH,QAAQ,EAAGA,QAAU;IACrBI,eAAe,EAAG2D,iBAAmB;IACrCmD,QAAQ,EAAGtB,GAAK;IAChBc,eAAe,EAAGA,eAAiB;IACnCC,sBAAsB,EAAGA,sBAAwB;IACjDQ,cAAc,EAAGnD,gBAAkB;IACnCJ,YAAY,EAAGA;EAAc,CAC7B,CACD;EAED,MAAMwD,mBAAmB,GAAG;IAC3Bd,SAAS,EAAE,uCAAuC;IAClDtG,QAAQ;IACRwE,MAAM;IACNrD,SAAS,EAAE0D,iBAAiB;IAC5BwC,aAAa,EAAEA,CAAA,KAAM;MACpBlH,aAAa,CAAE;QAAEiB,aAAa,EAAE;MAAK,CAAE,CAAC;MACxCf,eAAe,CAAE,KAAM,CAAC;IACzB,CAAC;IACDiH,QAAQ,EAAIC,KAAK,IAAM;MACtBpH,aAAa,CAAE;QAAEgB,SAAS,EAAEoG;MAAM,CAAE,CAAC;IACtC,CAAC;IACDC,YAAY,EAAIC,YAAY,IAAM;MACjCpH,eAAe,CAAE,IAAK,CAAC;MACvBF,aAAa,CAAE;QAAEgB,SAAS,EAAEsG;MAAa,CAAE,CAAC;IAC7C,CAAC;IACDC,UAAU,EAAE,IAAI;IAChBC,IAAI,EAAEhD,sBAAsB;IAC5BF;EACD,CAAC;EAED,IAAK,CAAE5D,gBAAgB,IAAI,CAAE2E,cAAc,IAAI,CAAED,aAAa,EAAG;IAChE,OACC,IAAAuB,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAc,QAAA,QACGf,aAAa,EACbI,iBAAiB,EACjBhH,UAAU,IACX,IAAA6G,MAAA,CAAAC,aAAA,EAAC3H,sBAAA,CAAA4H,OAAqB;MAAA,GAAMI;IAAmB,CAAI,CACnD,EACD,IAAAN,MAAA,CAAAC,aAAA,EAACtF,OAAO;MAAA,GACFqE,UAAU;MACfQ,SAAS,EAAG,IAAAuB,mBAAU,EACrB,gBAAgB,EAChB/B,UAAU,CAACQ,SACZ,CAAG;MACHvB,KAAK,EAAG;QACP,GAAGe,UAAU,CAACf,KAAK;QACnB5D,SAAS,EAAE0D,iBAAiB,IAAInB;MACjC;IAAG,GAEDa,cAAc,EAChB,IAAAuC,MAAA,CAAAC,aAAA,EAAC5H,iBAAA,CAAA6H,OAAgB;MAChB3D,aAAa,EAAGA,aAAe;MAC/ByE,OAAO,EAAG7D,aAAe;MACzB0C,sBAAsB,EAAGA;IAAwB,GAEjD,IAAAG,MAAA,CAAAC,aAAA;MAAKT,SAAS,EAAC;IAAgD,GAC9D,IAAAQ,MAAA,CAAAC,aAAA,EAACpI,YAAA,CAAAoJ,YAAY;MACZC,mBAAmB,EAAG,IAAM;MAC5BT,KAAK,EAAGrH,YAAY,CAACyC,KAAO;MAC5BsF,QAAQ,EAAGlE,iBAAmB;MAC9BmE,SAAS,EAAG;IAAO,CACnB,CACG,CACY,CACV,CACR,CAAC;EAEL;EAEA,MAAMC,OAAO,GAAG,IAAAN,mBAAU,EACzB;IACC,eAAe,EAAE5G,MAAM;IACvB,UAAU,EAAE,CAAEA,MAAM;IACpB,cAAc,EAAEkD,gBAAgB;IAChC,cAAc,EAAEnD,WAAW;IAC3B,aAAa,EAAEE,UAAU;IACzB,6BAA6B,EAC5B,CAAE,IAAAkH,+BAAuB,EAAE3H,eAAgB;EAC7C,CAAC,EACD,IAAA4H,4BAAoB,EAAE5H,eAAgB,CACvC,CAAC;EAED,OACC,IAAAqG,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAc,QAAA,QACGf,aAAa,EACbI,iBAAiB,EACnB,IAAAH,MAAA,CAAAC,aAAA,EAACtF,OAAO;IAAA,GACFqE,UAAU;IACfQ,SAAS,EAAG,IAAAuB,mBAAU,EAAEM,OAAO,EAAErC,UAAU,CAACQ,SAAU,CAAG;IACzDvB,KAAK,EAAG;MAAE,GAAGA,KAAK;MAAE,GAAGe,UAAU,CAACf;IAAM,CAAG;IAC3C,YAAWlF;EAAK,GAEd0E,cAAc,EACd,CAAE,CAAE1D,gBAAgB,IAAIhB,GAAG,KAC5B,IAAAiH,MAAA,CAAAC,aAAA;IACC,eAAY,MAAM;IAClBT,SAAS,EAAG,IAAAuB,mBAAU,EACrB,4BAA4B,EAC5B,IAAAS,uBAAe,EAAExH,QAAS,CAAC,EAC3B;MACC,CAAEZ,YAAY,CAACqI,KAAK,GAAIrI,YAAY,CAACqI,KAAK;MAC1C,oBAAoB,EAAEzH,QAAQ,KAAK4C,SAAS;MAC5C;MACA;MACA;MACA,qCAAqC,EACpC7D,GAAG,IAAIsD,aAAa,IAAIrC,QAAQ,KAAK,CAAC;MACvC,yBAAyB,EAAEqC,aAAa;MACxC,CAAED,aAAa,GAAIA;IACpB,CACD,CAAG;IACH6B,KAAK,EAAG;MAAEC,eAAe,EAAE7B,aAAa;MAAE,GAAGgC;IAAQ;EAAG,CACxD,CACD,EAEC,CAAEtF,GAAG,IAAIgB,gBAAgB,IAC1B,IAAAiG,MAAA,CAAAC,aAAA,EAACtI,WAAA,CAAA+J,WAAW;IACXlC,SAAS,EAAC,0CAA0C;IACpDmC,gBAAgB,EAAG;EAAM,CACzB,CACD,EAEC5I,GAAG,IACJuE,iBAAiB,KACfU,YAAY,GACb,IAAAgC,MAAA,CAAAC,aAAA;IACCnB,GAAG,EAAGa,YAAc;IACpBH,SAAS,EAAC,kCAAkC;IAC5CjF,GAAG,EAAGA,GAAK;IACXqH,GAAG,EAAG7I,GAAK;IACXkF,KAAK,EAAGM;EAAY,CACpB,CAAC,GAEF,IAAAyB,MAAA,CAAAC,aAAA;IACCnB,GAAG,EAAGa,YAAc;IACpBkC,IAAI,EAAC,KAAK;IACVrC,SAAS,EAAG,IAAAuB,mBAAU,EACrBM,OAAO,EACP,kCACD,CAAG;IACHpD,KAAK,EAAG;MAAEC,eAAe;MAAEC;IAAmB;EAAG,CACjD,CACD,CAAE,EACFpF,GAAG,IAAIwE,iBAAiB,IACzB,IAAAyC,MAAA,CAAAC,aAAA;IACCnB,GAAG,EAAGa,YAAc;IACpBH,SAAS,EAAC,kCAAkC;IAC5CsC,QAAQ;IACRC,KAAK;IACLC,IAAI;IACJJ,GAAG,EAAG7I,GAAK;IACXkF,KAAK,EAAGM;EAAY,CACpB,CACD,EACClB,gBAAgB,IAAI,IAAA2C,MAAA,CAAAC,aAAA,EAACtI,WAAA,CAAAsK,OAAO,MAAE,CAAC,EACjC,IAAAjC,MAAA,CAAAC,aAAA,EAAC5H,iBAAA,CAAA6H,OAAgB;IAChBgC,mBAAmB;IACnB3F,aAAa,EAAGA,aAAe;IAC/ByE,OAAO,EAAG7D,aAAe;IACzB0C,sBAAsB,EAAGA;EAAwB,CACjD,CAAC,EACF,IAAAG,MAAA,CAAAC,aAAA;IAAA,GAAUX;EAAgB,CAAI,CACtB,CAAC,EACRnG,UAAU,IACX,IAAA6G,MAAA,CAAAC,aAAA,EAAC3H,sBAAA,CAAA4H,OAAqB;IAAA,GAAMI;EAAmB,CAAI,CAEnD,CAAC;AAEL;AAAC,IAAA6B,QAAA,GAEc,IAAAC,gBAAO,EAAE,CACvB,IAAAC,uBAAU,EAAE;EAAEjJ,YAAY,EAAE;AAAmB,CAAE,CAAC,CACjD,CAAC,CAAEH,SAAU,CAAC;AAAAqJ,OAAA,CAAApC,OAAA,GAAAiC,QAAA"}

package/build/cover/edit/inspector-controls.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = CoverInspectorControls;
+var _react = require("react");
 var _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
 var _compose = require("@wordpress/compose");
@@ -50,7 +51,7 @@ function CoverHeightInput({
     return [parsedQuantity, unit].join('');
   }, [unit, value]);
   const min = isPx ? _shared.COVER_MIN_HEIGHT : 0;
-  return (0, _element.createElement)(_components.__experimentalUnitControl, {
+  return (0, _react.createElement)(_components.__experimentalUnitControl, {
     label: (0, _i18n.__)('Minimum height of cover'),
     id: inputId,
     isResetValueOnUnitChange: true,
@@ -116,25 +117,25 @@ function CoverInspectorControls({
   const colorGradientSettings = (0, _blockEditor.__experimentalUseMultipleOriginColorsAndGradients)();
   const htmlElementMessages = {
     header: (0, _i18n.__)('The <header> element should represent introductory content, typically a group of introductory or navigational aids.'),
-    main: (0, _i18n.__)('The <main> element should be used for the primary content of your document only. '),
+    main: (0, _i18n.__)('The <main> element should be used for the primary content of your document only.'),
     section: (0, _i18n.__)("The <section> element should represent a standalone portion of the document that can't be better represented by another element."),
     article: (0, _i18n.__)('The <article> element should represent a self-contained, syndicatable portion of the document.'),
     aside: (0, _i18n.__)("The <aside> element should represent a portion of a document whose content is only indirectly related to the document's main content."),
     footer: (0, _i18n.__)('The <footer> element should represent a footer for its nearest sectioning element (e.g.: <section>, <article>, <main> etc.).')
   };
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_blockEditor.InspectorControls, null, !!url && (0, _element.createElement)(_components.PanelBody, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_blockEditor.InspectorControls, null, !!url && (0, _react.createElement)(_components.PanelBody, {
     title: (0, _i18n.__)('Media settings')
-  }, isImageBackground && (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.ToggleControl, {
+  }, isImageBackground && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.ToggleControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Fixed background'),
     checked: hasParallax,
     onChange: toggleParallax
-  }), (0, _element.createElement)(_components.ToggleControl, {
+  }), (0, _react.createElement)(_components.ToggleControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Repeated background'),
     checked: isRepeated,
     onChange: toggleIsRepeated
-  })), showFocalPointPicker && (0, _element.createElement)(_components.FocalPointPicker, {
+  })), showFocalPointPicker && (0, _react.createElement)(_components.FocalPointPicker, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Focal point picker'),
     url: url,
@@ -144,24 +145,24 @@ function CoverInspectorControls({
     onChange: newFocalPoint => setAttributes({
       focalPoint: newFocalPoint
     })
-  }), !useFeaturedImage && url && isImageBackground && isImgElement && (0, _element.createElement)(_components.TextareaControl, {
+  }), !useFeaturedImage && url && isImageBackground && isImgElement && (0, _react.createElement)(_components.TextareaControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Alternative text'),
     value: alt,
     onChange: newAlt => setAttributes({
       alt: newAlt
     }),
-    help: (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.ExternalLink, {
+    help: (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.ExternalLink, {
       href: "https://www.w3.org/WAI/tutorials/images/decision-tree"
-    }, (0, _i18n.__)('Describe the purpose of the image.')), (0, _element.createElement)("br", null), (0, _i18n.__)('Leave empty if decorative.'))
-  }), (0, _element.createElement)(_components.PanelRow, null, (0, _element.createElement)(_components.Button, {
+    }, (0, _i18n.__)('Describe the purpose of the image.')), (0, _react.createElement)("br", null), (0, _i18n.__)('Leave empty if decorative.'))
+  }), (0, _react.createElement)(_components.PanelRow, null, (0, _react.createElement)(_components.Button, {
     variant: "secondary",
     isSmall: true,
     className: "block-library-cover__reset-button",
     onClick: onClearMedia
-  }, (0, _i18n.__)('Clear Media'))))), colorGradientSettings.hasColorsOrGradients && (0, _element.createElement)(_blockEditor.InspectorControls, {
+  }, (0, _i18n.__)('Clear Media'))))), colorGradientSettings.hasColorsOrGradients && (0, _react.createElement)(_blockEditor.InspectorControls, {
     group: "color"
-  }, (0, _element.createElement)(_blockEditor.__experimentalColorGradientSettingsDropdown, {
+  }, (0, _react.createElement)(_blockEditor.__experimentalColorGradientSettingsDropdown, {
     __experimentalIsRenderedInSidebar: true,
     settings: [{
       colorValue: overlayColor.color,
@@ -179,7 +180,7 @@ function CoverInspectorControls({
     }],
     panelId: clientId,
     ...colorGradientSettings
-  }), (0, _element.createElement)(_components.__experimentalToolsPanelItem, {
+  }), (0, _react.createElement)(_components.__experimentalToolsPanelItem, {
     hasValue: () => {
       // If there's a media background the dimRatio will be
       // defaulted to 50 whereas it will be 100 for colors.
@@ -192,7 +193,7 @@ function CoverInspectorControls({
     }),
     isShownByDefault: true,
     panelId: clientId
-  }, (0, _element.createElement)(_components.RangeControl, {
+  }, (0, _react.createElement)(_components.RangeControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Overlay opacity'),
     value: dimRatio,
@@ -202,9 +203,9 @@ function CoverInspectorControls({
     step: 10,
     required: true,
     __next40pxDefaultSize: true
-  }))), (0, _element.createElement)(_blockEditor.InspectorControls, {
+  }))), (0, _react.createElement)(_blockEditor.InspectorControls, {
     group: "dimensions"
-  }, (0, _element.createElement)(_components.__experimentalToolsPanelItem, {
+  }, (0, _react.createElement)(_components.__experimentalToolsPanelItem, {
     hasValue: () => !!minHeight,
     label: (0, _i18n.__)('Minimum height'),
     onDeselect: () => setAttributes({
@@ -217,7 +218,7 @@ function CoverInspectorControls({
     }),
     isShownByDefault: true,
     panelId: clientId
-  }, (0, _element.createElement)(CoverHeightInput, {
+  }, (0, _react.createElement)(CoverHeightInput, {
     value: minHeight,
     unit: minHeightUnit,
     onChange: newMinHeight => setAttributes({
@@ -226,9 +227,9 @@ function CoverInspectorControls({
     onUnitChange: nextUnit => setAttributes({
       minHeightUnit: nextUnit
     })
-  }))), (0, _element.createElement)(_blockEditor.InspectorControls, {
+  }))), (0, _react.createElement)(_blockEditor.InspectorControls, {
     group: "advanced"
-  }, (0, _element.createElement)(_components.SelectControl, {
+  }, (0, _react.createElement)(_components.SelectControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('HTML element'),
     options: [{