@wordpress/block-library 9.26.1-next.719a03cbe.0 → 9.27.0

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 ## Unreleased
 
+## 9.27.0 (2025-07-23)
+
 ## 9.26.0 (2025-06-25)
 
 ## 9.25.0 (2025-06-04)

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

@@ -27,7 +27,8 @@ function CoverBlockControls({
   onSelectMedia,
   currentSettings,
   toggleUseFeaturedImage,
-  onClearMedia
+  onClearMedia,
+  blockEditingMode
 }) {
   const {
     contentPosition,
@@ -43,6 +44,7 @@ function CoverBlockControls({
   const [prevMinHeightValue, setPrevMinHeightValue] = (0, _element.useState)(minHeight);
   const [prevMinHeightUnit, setPrevMinHeightUnit] = (0, _element.useState)(minHeightUnit);
   const isMinFullHeight = minHeightUnit === 'vh' && minHeight === 100 && !attributes?.style?.dimensions?.aspectRatio;
+  const isContentOnlyMode = blockEditingMode === 'contentOnly';
   const toggleMinFullHeight = () => {
     if (isMinFullHeight) {
       // If there aren't previous values, take the default ones.
@@ -76,7 +78,7 @@ function CoverBlockControls({
     });
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_blockEditor.BlockControls, {
+    children: [!isContentOnlyMode && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_blockEditor.BlockControls, {
       group: "block",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.__experimentalBlockAlignmentMatrixControl, {
         label: (0, _i18n.__)('Change content position'),

package/build/cover/edit/block-controls.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_blockEditor","_i18n","_shared","_lockUnlock","_jsxRuntime","cleanEmptyObject","unlock","blockEditorPrivateApis","CoverBlockControls","attributes","setAttributes","onSelectMedia","currentSettings","toggleUseFeaturedImage","onClearMedia","contentPosition","id","useFeaturedImage","minHeight","minHeightUnit","hasInnerBlocks","url","prevMinHeightValue","setPrevMinHeightValue","useState","prevMinHeightUnit","setPrevMinHeightUnit","isMinFullHeight","style","dimensions","aspectRatio","toggleMinFullHeight","undefined","jsxs","Fragment","children","BlockControls","group","jsx","__experimentalBlockAlignmentMatrixControl","label","__","value","onChange","nextPosition","isDisabled","__experimentalBlockFullHeightAligmentControl","isActive","onToggle","MediaReplaceFlow","mediaId","mediaURL","allowedTypes","ALLOWED_MEDIA_TYPES","accept","onSelect","onToggleFeaturedImage","name","onReset"],"sources":["@wordpress/block-library/src/cover/edit/block-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\n\nimport {\n\tBlockControls,\n\tMediaReplaceFlow,\n\t__experimentalBlockAlignmentMatrixControl as BlockAlignmentMatrixControl,\n\t__experimentalBlockFullHeightAligmentControl as FullHeightAlignmentControl,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { ALLOWED_MEDIA_TYPES } from '../shared';\nimport { unlock } from '../../lock-unlock';\n\nconst { cleanEmptyObject } = unlock( blockEditorPrivateApis );\n\nexport default function CoverBlockControls( {\n\tattributes,\n\tsetAttributes,\n\tonSelectMedia,\n\tcurrentSettings,\n\ttoggleUseFeaturedImage,\n\tonClearMedia,\n} ) {\n\tconst { contentPosition, id, useFeaturedImage, minHeight, minHeightUnit } =\n\t\tattributes;\n\tconst { hasInnerBlocks, url } = currentSettings;\n\n\tconst [ prevMinHeightValue, setPrevMinHeightValue ] = useState( minHeight );\n\tconst [ prevMinHeightUnit, setPrevMinHeightUnit ] =\n\t\tuseState( minHeightUnit );\n\tconst isMinFullHeight =\n\t\tminHeightUnit === 'vh' &&\n\t\tminHeight === 100 &&\n\t\t! attributes?.style?.dimensions?.aspectRatio;\n\tconst toggleMinFullHeight = () => {\n\t\tif ( isMinFullHeight ) {\n\t\t\t// If there aren't previous values, take the default ones.\n\t\t\tif ( prevMinHeightUnit === 'vh' && prevMinHeightValue === 100 ) {\n\t\t\t\treturn setAttributes( {\n\t\t\t\t\tminHeight: undefined,\n\t\t\t\t\tminHeightUnit: undefined,\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\t// Set the previous values of height.\n\t\t\treturn setAttributes( {\n\t\t\t\tminHeight: prevMinHeightValue,\n\t\t\t\tminHeightUnit: prevMinHeightUnit,\n\t\t\t} );\n\t\t}\n\n\t\tsetPrevMinHeightValue( minHeight );\n\t\tsetPrevMinHeightUnit( minHeightUnit );\n\n\t\t// Set full height, and clear any aspect ratio value.\n\t\treturn setAttributes( {\n\t\t\tminHeight: 100,\n\t\t\tminHeightUnit: 'vh',\n\t\t\tstyle: cleanEmptyObject( {\n\t\t\t\t...attributes?.style,\n\t\t\t\tdimensions: {\n\t\t\t\t\t...attributes?.style?.dimensions,\n\t\t\t\t\taspectRatio: undefined, // Reset aspect ratio when minHeight is set.\n\t\t\t\t},\n\t\t\t} ),\n\t\t} );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls group=\"block\">\n\t\t\t\t<BlockAlignmentMatrixControl\n\t\t\t\t\tlabel={ __( 'Change content position' ) }\n\t\t\t\t\tvalue={ contentPosition }\n\t\t\t\t\tonChange={ ( nextPosition ) =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tcontentPosition: nextPosition,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t\tisDisabled={ ! hasInnerBlocks }\n\t\t\t\t/>\n\t\t\t\t<FullHeightAlignmentControl\n\t\t\t\t\tisActive={ isMinFullHeight }\n\t\t\t\t\tonToggle={ toggleMinFullHeight }\n\t\t\t\t\tisDisabled={ ! hasInnerBlocks }\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t\t<BlockControls group=\"other\">\n\t\t\t\t<MediaReplaceFlow\n\t\t\t\t\tmediaId={ id }\n\t\t\t\t\tmediaURL={ url }\n\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\taccept=\"image/*,video/*\"\n\t\t\t\t\tonSelect={ onSelectMedia }\n\t\t\t\t\tonToggleFeaturedImage={ toggleUseFeaturedImage }\n\t\t\t\t\tuseFeaturedImage={ useFeaturedImage }\n\t\t\t\t\tname={ ! url ? __( 'Add media' ) : __( 'Replace' ) }\n\t\t\t\t\tonReset={ onClearMedia }\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_element","require","_blockEditor","_i18n","_shared","_lockUnlock","_jsxRuntime","cleanEmptyObject","unlock","blockEditorPrivateApis","CoverBlockControls","attributes","setAttributes","onSelectMedia","currentSettings","toggleUseFeaturedImage","onClearMedia","blockEditingMode","contentPosition","id","useFeaturedImage","minHeight","minHeightUnit","hasInnerBlocks","url","prevMinHeightValue","setPrevMinHeightValue","useState","prevMinHeightUnit","setPrevMinHeightUnit","isMinFullHeight","style","dimensions","aspectRatio","isContentOnlyMode","toggleMinFullHeight","undefined","jsxs","Fragment","children","BlockControls","group","jsx","__experimentalBlockAlignmentMatrixControl","label","__","value","onChange","nextPosition","isDisabled","__experimentalBlockFullHeightAligmentControl","isActive","onToggle","MediaReplaceFlow","mediaId","mediaURL","allowedTypes","ALLOWED_MEDIA_TYPES","accept","onSelect","onToggleFeaturedImage","name","onReset"],"sources":["@wordpress/block-library/src/cover/edit/block-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\n\nimport {\n\tBlockControls,\n\tMediaReplaceFlow,\n\t__experimentalBlockAlignmentMatrixControl as BlockAlignmentMatrixControl,\n\t__experimentalBlockFullHeightAligmentControl as FullHeightAlignmentControl,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { ALLOWED_MEDIA_TYPES } from '../shared';\nimport { unlock } from '../../lock-unlock';\n\nconst { cleanEmptyObject } = unlock( blockEditorPrivateApis );\n\nexport default function CoverBlockControls( {\n\tattributes,\n\tsetAttributes,\n\tonSelectMedia,\n\tcurrentSettings,\n\ttoggleUseFeaturedImage,\n\tonClearMedia,\n\tblockEditingMode,\n} ) {\n\tconst { contentPosition, id, useFeaturedImage, minHeight, minHeightUnit } =\n\t\tattributes;\n\tconst { hasInnerBlocks, url } = currentSettings;\n\n\tconst [ prevMinHeightValue, setPrevMinHeightValue ] = useState( minHeight );\n\tconst [ prevMinHeightUnit, setPrevMinHeightUnit ] =\n\t\tuseState( minHeightUnit );\n\tconst isMinFullHeight =\n\t\tminHeightUnit === 'vh' &&\n\t\tminHeight === 100 &&\n\t\t! attributes?.style?.dimensions?.aspectRatio;\n\tconst isContentOnlyMode = blockEditingMode === 'contentOnly';\n\n\tconst toggleMinFullHeight = () => {\n\t\tif ( isMinFullHeight ) {\n\t\t\t// If there aren't previous values, take the default ones.\n\t\t\tif ( prevMinHeightUnit === 'vh' && prevMinHeightValue === 100 ) {\n\t\t\t\treturn setAttributes( {\n\t\t\t\t\tminHeight: undefined,\n\t\t\t\t\tminHeightUnit: undefined,\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\t// Set the previous values of height.\n\t\t\treturn setAttributes( {\n\t\t\t\tminHeight: prevMinHeightValue,\n\t\t\t\tminHeightUnit: prevMinHeightUnit,\n\t\t\t} );\n\t\t}\n\n\t\tsetPrevMinHeightValue( minHeight );\n\t\tsetPrevMinHeightUnit( minHeightUnit );\n\n\t\t// Set full height, and clear any aspect ratio value.\n\t\treturn setAttributes( {\n\t\t\tminHeight: 100,\n\t\t\tminHeightUnit: 'vh',\n\t\t\tstyle: cleanEmptyObject( {\n\t\t\t\t...attributes?.style,\n\t\t\t\tdimensions: {\n\t\t\t\t\t...attributes?.style?.dimensions,\n\t\t\t\t\taspectRatio: undefined, // Reset aspect ratio when minHeight is set.\n\t\t\t\t},\n\t\t\t} ),\n\t\t} );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{ ! isContentOnlyMode && (\n\t\t\t\t<BlockControls group=\"block\">\n\t\t\t\t\t<BlockAlignmentMatrixControl\n\t\t\t\t\t\tlabel={ __( 'Change content position' ) }\n\t\t\t\t\t\tvalue={ contentPosition }\n\t\t\t\t\t\tonChange={ ( nextPosition ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tcontentPosition: nextPosition,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisDisabled={ ! hasInnerBlocks }\n\t\t\t\t\t/>\n\t\t\t\t\t<FullHeightAlignmentControl\n\t\t\t\t\t\tisActive={ isMinFullHeight }\n\t\t\t\t\t\tonToggle={ toggleMinFullHeight }\n\t\t\t\t\t\tisDisabled={ ! hasInnerBlocks }\n\t\t\t\t\t/>\n\t\t\t\t</BlockControls>\n\t\t\t) }\n\t\t\t<BlockControls group=\"other\">\n\t\t\t\t<MediaReplaceFlow\n\t\t\t\t\tmediaId={ id }\n\t\t\t\t\tmediaURL={ url }\n\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\taccept=\"image/*,video/*\"\n\t\t\t\t\tonSelect={ onSelectMedia }\n\t\t\t\t\tonToggleFeaturedImage={ toggleUseFeaturedImage }\n\t\t\t\t\tuseFeaturedImage={ useFeaturedImage }\n\t\t\t\t\tname={ ! url ? __( 'Add media' ) : __( 'Replace' ) }\n\t\t\t\t\tonReset={ onClearMedia }\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/cover/edit/index.js

@@ -85,7 +85,8 @@ function CoverEdit({
     templateLock,
     tagName: TagName = 'div',
     isUserOverlayColor,
-    sizeSlug
+    sizeSlug,
+    poster
   } = attributes;
   const [featuredImage] = (0, _coreData.useEntityProp)('postType', postType, 'featured_media', postId);
   const {
@@ -247,7 +248,7 @@ function CoverEdit({
   }] = (0, _compose.useResizeObserver)();
   const resizableBoxDimensions = (0, _element.useMemo)(() => {
     return {
-      height: minHeightUnit === 'px' ? minHeight : 'auto',
+      height: minHeightUnit === 'px' && minHeight ? minHeight : 'auto',
       width: 'auto'
     };
   }, [minHeight, minHeightUnit]);
@@ -329,7 +330,8 @@ function CoverEdit({
     onSelectMedia: onSelectMedia,
     currentSettings: currentSettings,
     toggleUseFeaturedImage: toggleUseFeaturedImage,
-    onClearMedia: onClearMedia
+    onClearMedia: onClearMedia,
+    blockEditingMode: blockEditingMode
   });
   const inspectorControls = /*#__PURE__*/(0, _jsxRuntime.jsx)(_inspectorControls.default, {
     attributes: attributes,
@@ -443,6 +445,7 @@ function CoverEdit({
         muted: true,
         loop: true,
         src: url,
+        poster: poster,
         style: mediaStyle
       }), showOverlay && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         "aria-hidden": "true",

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

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_coreData","_element","_components","_compose","_blockEditor","_i18n","_data","_blob","_notices","_shared","_inspectorControls","_blockControls","_coverPlaceholder","_resizableCoverPopover","_colorUtils","_constants","_jsxRuntime","getInnerBlocksTemplate","attributes","align","placeholder","__","isTemporaryMedia","id","url","isBlobURL","CoverEdit","clientId","isSelected","overlayColor","setAttributes","setOverlayColor","toggleSelection","context","postId","postType","_media$media_details$","contentPosition","originalUrl","backgroundType","originalBackgroundType","useFeaturedImage","dimRatio","focalPoint","hasParallax","isDark","isRepeated","minHeight","minHeightUnit","alt","allowedBlocks","templateLock","tagName","TagName","isUserOverlayColor","sizeSlug","featuredImage","useEntityProp","getSettings","useSelect","blockEditorStore","__unstableMarkNextChangeAsNotPersistent","useDispatch","media","select","coreStore","getMedia","undefined","mediaUrl","media_details","sizes","source_url","useEffect","averageBackgroundColor","getMediaColor","newOverlayColor","color","newIsDark","compositeIsDark","replaceAll","IMAGE_BACKGROUND_TYPE","createErrorNotice","noticesStore","gradientClass","gradientValue","__experimentalUseGradient","onSelectMedia","newMedia","mediaAttributes","attributesFromMedia","isImage","type","media_type","includes","newDimRatio","imageDefaultSize","DEFAULT_MEDIA_SIZE_SLUG","onClearMedia","DEFAULT_OVERLAY_COLOR","DEFAULT_BACKGROUND_COLOR","onSetOverlayColor","onUpdateDimRatio","onUploadError","message","isUploadingMedia","isImageBackground","isVideoBackground","VIDEO_BACKGROUND_TYPE","blockEditingMode","useBlockEditingMode","hasNonContentControls","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","fontSizes","useSettings","hasFontSizes","innerBlocksTemplate","fontSize","innerBlocksProps","useInnerBlocksProps","className","template","templateInsertUpdatesSelection","dropZoneElement","current","mediaElement","currentSettings","toggleUseFeaturedImage","newUseFeaturedImage","blockControls","jsx","default","inspectorControls","coverRef","updateDimRatio","resizableCoverProps","onResizeStart","onResize","value","onResizeStop","newMinHeight","showHandle","dimensions","aspectRatio","size","jsxs","Fragment","children","clsx","onError","ColorPalette","disableCustomColors","onChange","clearable","asButtons","classes","isContentPositionCenter","getPositionClassName","showOverlay","Placeholder","withIllustration","src","role","autoPlay","muted","loop","dimRatioToClass","class","Spinner","disableMediaButtons","_default","exports","compose","withColors"],"sources":["@wordpress/block-library/src/cover/edit/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\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\tuseSettings,\n\tuseInnerBlocksProps,\n\t__experimentalUseGradient,\n\tstore as blockEditorStore,\n\tuseBlockEditingMode,\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';\nimport { DEFAULT_MEDIA_SIZE_SLUG } from '../constants';\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\tsizeSlug,\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\tconst { getSettings } = useSelect( blockEditorStore );\n\n\tconst { __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\tconst { media } = useSelect(\n\t\t( select ) => {\n\t\t\treturn {\n\t\t\t\tmedia:\n\t\t\t\t\tfeaturedImage && useFeaturedImage\n\t\t\t\t\t\t? select( coreStore ).getMedia( featuredImage, {\n\t\t\t\t\t\t\t\tcontext: 'view',\n\t\t\t\t\t\t  } )\n\t\t\t\t\t\t: undefined,\n\t\t\t};\n\t\t},\n\t\t[ featuredImage, useFeaturedImage ]\n\t);\n\tconst mediaUrl =\n\t\tmedia?.media_details?.sizes?.[ sizeSlug ]?.source_url ??\n\t\tmedia?.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( {\n\t\t\t\tisDark: newIsDark,\n\t\t\t\tisUserOverlayColor: isUserOverlayColor || false,\n\t\t\t} );\n\t\t} )();\n\t\t// Update the block only when the featured image changes.\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\t\tconst isImage = [ newMedia?.type, newMedia?.media_type ].includes(\n\t\t\tIMAGE_BACKGROUND_TYPE\n\t\t);\n\n\t\tconst averageBackgroundColor = await getMediaColor(\n\t\t\tisImage ? 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\t// Only set a new dimRatio if there was no previous media selected\n\t\t// to avoid resetting to 50 if it has been explicitly set to 100.\n\t\t// See issue #52835 for context.\n\t\tconst newDimRatio =\n\t\t\toriginalUrl === undefined && dimRatio === 100 ? 50 : dimRatio;\n\n\t\tconst newIsDark = compositeIsDark(\n\t\t\tnewDimRatio,\n\t\t\tnewOverlayColor,\n\t\t\taverageBackgroundColor\n\t\t);\n\n\t\tif ( backgroundType === IMAGE_BACKGROUND_TYPE && mediaAttributes?.id ) {\n\t\t\tconst { imageDefaultSize } = getSettings();\n\n\t\t\t// Try to use the previous selected image size if it's available\n\t\t\t// otherwise try the default image size or fallback to full size.\n\t\t\tif (\n\t\t\t\tsizeSlug &&\n\t\t\t\t( newMedia?.sizes?.[ sizeSlug ] ||\n\t\t\t\t\tnewMedia?.media_details?.sizes?.[ sizeSlug ] )\n\t\t\t) {\n\t\t\t\tmediaAttributes.sizeSlug = sizeSlug;\n\t\t\t\tmediaAttributes.url =\n\t\t\t\t\tnewMedia?.sizes?.[ sizeSlug ]?.url ||\n\t\t\t\t\tnewMedia?.media_details?.sizes?.[ sizeSlug ]?.source_url;\n\t\t\t} else if (\n\t\t\t\tnewMedia?.sizes?.[ imageDefaultSize ] ||\n\t\t\t\tnewMedia?.media_details?.sizes?.[ imageDefaultSize ]\n\t\t\t) {\n\t\t\t\tmediaAttributes.sizeSlug = imageDefaultSize;\n\t\t\t\tmediaAttributes.url =\n\t\t\t\t\tnewMedia?.sizes?.[ imageDefaultSize ]?.url ||\n\t\t\t\t\tnewMedia?.media_details?.sizes?.[ imageDefaultSize ]\n\t\t\t\t\t\t?.source_url;\n\t\t\t} else {\n\t\t\t\tmediaAttributes.sizeSlug = DEFAULT_MEDIA_SIZE_SLUG;\n\t\t\t}\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\tisUserOverlayColor: isUserOverlayColor || false,\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 blockEditingMode = useBlockEditingMode();\n\tconst hasNonContentControls = blockEditingMode === 'default';\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 [ fontSizes ] = useSettings( 'typography.fontSizes' );\n\tconst hasFontSizes = fontSizes?.length > 0;\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\tdropZoneElement: ref.current,\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\tonClearMedia={ onClearMedia }\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\tfeaturedImage={ media }\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\t// Hide the resize handle if an aspect ratio is set, as the aspect ratio takes precedence.\n\t\tshowHandle: ! attributes.style?.dimensions?.aspectRatio,\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{ hasNonContentControls && 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={ clsx( 'is-placeholder', blockProps.className ) }\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\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\tasButtons\n\t\t\t\t\t\t\t\taria-label={ __( 'Overlay color' ) }\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 = clsx(\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\tconst showOverlay =\n\t\turl || ! useFeaturedImage || ( useFeaturedImage && ! url );\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={ clsx( 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\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\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={ alt ? 'img' : undefined }\n\t\t\t\t\t\t\taria-label={ alt ? alt : undefined }\n\t\t\t\t\t\t\tclassName={ clsx(\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\n\t\t\t\t{ showOverlay && (\n\t\t\t\t\t<span\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tclassName={ clsx(\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{ isUploadingMedia && <Spinner /> }\n\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{ hasNonContentControls && 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,KAAA,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;AAUA,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;AAMA,IAAAgB,UAAA,GAAAhB,OAAA;AAAuD,IAAAiB,WAAA,GAAAjB,OAAA;AAjDvD;AACA;AACA;;AAGA;AACA;AACA;;AAoBA;AACA;AACA;;AAsBA,SAASkB,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;EAAA,IAAAC,qBAAA;EACH,MAAM;IACLC,eAAe;IACfd,EAAE;IACFC,GAAG,EAAEc,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,kBAAkB;IAClBC;EACD,CAAC,GAAGrC,UAAU;EAEd,MAAM,CAAEsC,aAAa,CAAE,GAAG,IAAAC,uBAAa,EACtC,UAAU,EACVtB,QAAQ,EACR,gBAAgB,EAChBD,MACD,CAAC;EACD,MAAM;IAAEwB;EAAY,CAAC,GAAG,IAAAC,eAAS,EAAEC,kBAAiB,CAAC;EAErD,MAAM;IAAEC;EAAwC,CAAC,GAChD,IAAAC,iBAAW,EAAEF,kBAAiB,CAAC;EAChC,MAAM;IAAEG;EAAM,CAAC,GAAG,IAAAJ,eAAS,EACxBK,MAAM,IAAM;IACb,OAAO;MACND,KAAK,EACJP,aAAa,IAAIf,gBAAgB,GAC9BuB,MAAM,CAAEC,eAAU,CAAC,CAACC,QAAQ,CAAEV,aAAa,EAAE;QAC7CvB,OAAO,EAAE;MACT,CAAE,CAAC,GACHkC;IACL,CAAC;EACF,CAAC,EACD,CAAEX,aAAa,EAAEf,gBAAgB,CAClC,CAAC;EACD,MAAM2B,QAAQ,IAAAhC,qBAAA,GACb2B,KAAK,EAAEM,aAAa,EAAEC,KAAK,GAAIf,QAAQ,CAAE,EAAEgB,UAAU,cAAAnC,qBAAA,cAAAA,qBAAA,GACrD2B,KAAK,EAAEQ,UAAU;;EAElB;EACA;EACA;EACA;EACA,IAAAC,kBAAS,EAAE,MAAM;IAChB,CAAE,YAAY;MACb,IAAK,CAAE/B,gBAAgB,EAAG;QACzB;MACD;MAEA,MAAMgC,sBAAsB,GAAG,MAAM,IAAAC,yBAAa,EAAEN,QAAS,CAAC;MAE9D,IAAIO,eAAe,GAAG9C,YAAY,CAAC+C,KAAK;MACxC,IAAK,CAAEtB,kBAAkB,EAAG;QAC3BqB,eAAe,GAAGF,sBAAsB;QACxCZ,uCAAuC,CAAC,CAAC;QACzC9B,eAAe,CAAE4C,eAAgB,CAAC;MACnC;MAEA,MAAME,SAAS,GAAG,IAAAC,2BAAe,EAChCpC,QAAQ,EACRiC,eAAe,EACfF,sBACD,CAAC;MACDZ,uCAAuC,CAAC,CAAC;MACzC/B,aAAa,CAAE;QACde,MAAM,EAAEgC,SAAS;QACjBvB,kBAAkB,EAAEA,kBAAkB,IAAI;MAC3C,CAAE,CAAC;IACJ,CAAC,EAAG,CAAC;IACL;EACD,CAAC,EAAE,CAAEc,QAAQ,CAAG,CAAC;;EAEjB;EACA;EACA;EACA;EACA,MAAM5C,GAAG,GAAGiB,gBAAgB,GACzB2B,QAAQ;EACR;EACA9B,WAAW,EAAEyC,UAAU,CAAE,OAAO,EAAE,GAAI,CAAC;EAC1C,MAAMxC,cAAc,GAAGE,gBAAgB,GACpCuC,6BAAqB,GACrBxC,sBAAsB;EAEzB,MAAM;IAAEyC;EAAkB,CAAC,GAAG,IAAAnB,iBAAW,EAAEoB,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;IACvD,MAAMG,OAAO,GAAG,CAAEH,QAAQ,EAAEI,IAAI,EAAEJ,QAAQ,EAAEK,UAAU,CAAE,CAACC,QAAQ,CAChEb,6BACD,CAAC;IAED,MAAMP,sBAAsB,GAAG,MAAM,IAAAC,yBAAa,EACjDgB,OAAO,GAAGH,QAAQ,EAAE/D,GAAG,GAAG2C,SAC3B,CAAC;IAED,IAAIQ,eAAe,GAAG9C,YAAY,CAAC+C,KAAK;IACxC,IAAK,CAAEtB,kBAAkB,EAAG;MAC3BqB,eAAe,GAAGF,sBAAsB;MACxC1C,eAAe,CAAE4C,eAAgB,CAAC;;MAElC;MACAd,uCAAuC,CAAC,CAAC;IAC1C;;IAEA;IACA;IACA;IACA,MAAMiC,WAAW,GAChBxD,WAAW,KAAK6B,SAAS,IAAIzB,QAAQ,KAAK,GAAG,GAAG,EAAE,GAAGA,QAAQ;IAE9D,MAAMmC,SAAS,GAAG,IAAAC,2BAAe,EAChCgB,WAAW,EACXnB,eAAe,EACfF,sBACD,CAAC;IAED,IAAKlC,cAAc,KAAKyC,6BAAqB,IAAIQ,eAAe,EAAEjE,EAAE,EAAG;MACtE,MAAM;QAAEwE;MAAiB,CAAC,GAAGrC,WAAW,CAAC,CAAC;;MAE1C;MACA;MACA,IACCH,QAAQ,KACNgC,QAAQ,EAAEjB,KAAK,GAAIf,QAAQ,CAAE,IAC9BgC,QAAQ,EAAElB,aAAa,EAAEC,KAAK,GAAIf,QAAQ,CAAE,CAAE,EAC9C;QACDiC,eAAe,CAACjC,QAAQ,GAAGA,QAAQ;QACnCiC,eAAe,CAAChE,GAAG,GAClB+D,QAAQ,EAAEjB,KAAK,GAAIf,QAAQ,CAAE,EAAE/B,GAAG,IAClC+D,QAAQ,EAAElB,aAAa,EAAEC,KAAK,GAAIf,QAAQ,CAAE,EAAEgB,UAAU;MAC1D,CAAC,MAAM,IACNgB,QAAQ,EAAEjB,KAAK,GAAIyB,gBAAgB,CAAE,IACrCR,QAAQ,EAAElB,aAAa,EAAEC,KAAK,GAAIyB,gBAAgB,CAAE,EACnD;QACDP,eAAe,CAACjC,QAAQ,GAAGwC,gBAAgB;QAC3CP,eAAe,CAAChE,GAAG,GAClB+D,QAAQ,EAAEjB,KAAK,GAAIyB,gBAAgB,CAAE,EAAEvE,GAAG,IAC1C+D,QAAQ,EAAElB,aAAa,EAAEC,KAAK,GAAIyB,gBAAgB,CAAE,EACjDxB,UAAU;MACf,CAAC,MAAM;QACNiB,eAAe,CAACjC,QAAQ,GAAGyC,kCAAuB;MACnD;IACD;IAEAlE,aAAa,CAAE;MACd,GAAG0D,eAAe;MAClB7C,UAAU,EAAEwB,SAAS;MACrB1B,gBAAgB,EAAE0B,SAAS;MAC3BzB,QAAQ,EAAEoD,WAAW;MACrBjD,MAAM,EAAEgC,SAAS;MACjBvB,kBAAkB,EAAEA,kBAAkB,IAAI;IAC3C,CAAE,CAAC;EACJ,CAAC;EAED,MAAM2C,YAAY,GAAGA,CAAA,KAAM;IAC1B,IAAItB,eAAe,GAAG9C,YAAY,CAAC+C,KAAK;IACxC,IAAK,CAAEtB,kBAAkB,EAAG;MAC3BqB,eAAe,GAAGuB,iCAAqB;MACvCnE,eAAe,CAAEoC,SAAU,CAAC;;MAE5B;MACAN,uCAAuC,CAAC,CAAC;IAC1C;IAEA,MAAMgB,SAAS,GAAG,IAAAC,2BAAe,EAChCpC,QAAQ,EACRiC,eAAe,EACfwB,oCACD,CAAC;IAEDrE,aAAa,CAAE;MACdN,GAAG,EAAE2C,SAAS;MACd5C,EAAE,EAAE4C,SAAS;MACb5B,cAAc,EAAE4B,SAAS;MACzBxB,UAAU,EAAEwB,SAAS;MACrBvB,WAAW,EAAEuB,SAAS;MACtBrB,UAAU,EAAEqB,SAAS;MACrB1B,gBAAgB,EAAE0B,SAAS;MAC3BtB,MAAM,EAAEgC;IACT,CAAE,CAAC;EACJ,CAAC;EAED,MAAMuB,iBAAiB,GAAG,MAAQzB,eAAe,IAAM;IACtD,MAAMF,sBAAsB,GAAG,MAAM,IAAAC,yBAAa,EAAElD,GAAI,CAAC;IACzD,MAAMqD,SAAS,GAAG,IAAAC,2BAAe,EAChCpC,QAAQ,EACRiC,eAAe,EACfF,sBACD,CAAC;IAED1C,eAAe,CAAE4C,eAAgB,CAAC;;IAElC;IACAd,uCAAuC,CAAC,CAAC;IAEzC/B,aAAa,CAAE;MACdwB,kBAAkB,EAAE,IAAI;MACxBT,MAAM,EAAEgC;IACT,CAAE,CAAC;EACJ,CAAC;EAED,MAAMwB,gBAAgB,GAAG,MAAQP,WAAW,IAAM;IACjD,MAAMrB,sBAAsB,GAAG,MAAM,IAAAC,yBAAa,EAAElD,GAAI,CAAC;IACzD,MAAMqD,SAAS,GAAG,IAAAC,2BAAe,EAChCgB,WAAW,EACXjE,YAAY,CAAC+C,KAAK,EAClBH,sBACD,CAAC;IAED3C,aAAa,CAAE;MACdY,QAAQ,EAAEoD,WAAW;MACrBjD,MAAM,EAAEgC;IACT,CAAE,CAAC;EACJ,CAAC;EAED,MAAMyB,aAAa,GAAKC,OAAO,IAAM;IACpCtB,iBAAiB,CAAEsB,OAAO,EAAE;MAAEZ,IAAI,EAAE;IAAW,CAAE,CAAC;EACnD,CAAC;EAED,MAAMa,gBAAgB,GAAGlF,gBAAgB,CAAEC,EAAE,EAAEC,GAAI,CAAC;EAEpD,MAAMiF,iBAAiB,GAAGzB,6BAAqB,KAAKzC,cAAc;EAClE,MAAMmE,iBAAiB,GAAGC,6BAAqB,KAAKpE,cAAc;EAElE,MAAMqE,gBAAgB,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EAC9C,MAAMC,qBAAqB,GAAGF,gBAAgB,KAAK,SAAS;EAE5D,MAAM,CAAEG,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,EAAEhE,aAAa,KAAK,IAAI,GAAGD,SAAS,GAAG,MAAM;MACnDkE,KAAK,EAAE;IACR,CAAC;EACF,CAAC,EAAE,CAAElE,SAAS,EAAEC,aAAa,CAAG,CAAC;EAEjC,MAAMqE,iBAAiB,GACtBtE,SAAS,IAAIC,aAAa,GACvB,GAAID,SAAS,GAAKC,aAAa,EAAG,GAClCD,SAAS;EAEb,MAAMuE,YAAY,GAAG,EAAI1E,WAAW,IAAIE,UAAU,CAAE;EAEpD,MAAMyE,KAAK,GAAG;IACbxE,SAAS,EAAEsE,iBAAiB,IAAIlD;EACjC,CAAC;EAED,MAAMqD,eAAe,GAAGhG,GAAG,GAAG,OAAQA,GAAG,GAAI,GAAG2C,SAAS;EAEzD,MAAMsD,kBAAkB,GAAG,IAAAC,qBAAa,EAAE/E,UAAW,CAAC;EAEtD,MAAMgF,OAAO,GAAG;IAAEC,eAAe,EAAE/F,YAAY,CAAC+C;EAAM,CAAC;EACvD,MAAMiD,UAAU,GAAG;IAClBC,cAAc,EACbnF,UAAU,IAAI2E,YAAY,GACvB,IAAAI,qBAAa,EAAE/E,UAAW,CAAC,GAC3BwB;EACL,CAAC;EAED,MAAM4D,aAAa,GAAG,CAAC,EAAIvG,GAAG,IAAIK,YAAY,CAAC+C,KAAK,IAAIQ,aAAa,CAAE;EAEvE,MAAM4C,cAAc,GAAG,IAAArE,eAAS,EAC7BK,MAAM,IACPA,MAAM,CAAEJ,kBAAiB,CAAC,CAACqE,QAAQ,CAAEtG,QAAS,CAAC,CAACuG,WAAW,CAACC,MAAM,GAClE,CAAC,EACF,CAAExG,QAAQ,CACX,CAAC;EAED,MAAMyG,GAAG,GAAG,IAAAC,eAAM,EAAC,CAAC;EACpB,MAAMC,UAAU,GAAG,IAAAC,0BAAa,EAAE;IAAEH;EAAI,CAAE,CAAC;;EAE3C;EACA,MAAM,CAAEI,SAAS,CAAE,GAAG,IAAAC,wBAAW,EAAE,sBAAuB,CAAC;EAC3D,MAAMC,YAAY,GAAGF,SAAS,EAAEL,MAAM,GAAG,CAAC;EAC1C,MAAMQ,mBAAmB,GAAG1H,sBAAsB,CAAE;IACnD2H,QAAQ,EAAEF,YAAY,GAAG,OAAO,GAAGvE;EACpC,CAAE,CAAC;EAEH,MAAM0E,gBAAgB,GAAG,IAAAC,gCAAmB,EAC3C;IACCC,SAAS,EAAE;EACZ,CAAC,EACD;IACC;IACA;IACAC,QAAQ,EAAE,CAAEhB,cAAc,GAAGW,mBAAmB,GAAGxE,SAAS;IAC5D8E,8BAA8B,EAAE,IAAI;IACpC/F,aAAa;IACbC,YAAY;IACZ+F,eAAe,EAAEd,GAAG,CAACe;EACtB,CACD,CAAC;EAED,MAAMC,YAAY,GAAG,IAAAf,eAAM,EAAC,CAAC;EAC7B,MAAMgB,eAAe,GAAG;IACvB3C,iBAAiB;IACjBD,iBAAiB;IACjB2C,YAAY;IACZpB,cAAc;IACdxG,GAAG;IACH8F,YAAY;IACZzF;EACD,CAAC;EAED,MAAMyH,sBAAsB,GAAG,MAAAA,CAAA,KAAY;IAC1C,MAAMC,mBAAmB,GAAG,CAAE9G,gBAAgB;IAE9C,MAAMgC,sBAAsB,GAAG8E,mBAAmB,GAC/C,MAAM,IAAA7E,yBAAa,EAAEN,QAAS,CAAC,GAC/B+B,oCAAwB;IAE3B,MAAMxB,eAAe,GAAG,CAAErB,kBAAkB,GACzCmB,sBAAsB,GACtB5C,YAAY,CAAC+C,KAAK;IAErB,IAAK,CAAEtB,kBAAkB,EAAG;MAC3B,IAAKiG,mBAAmB,EAAG;QAC1BxH,eAAe,CAAE4C,eAAgB,CAAC;MACnC,CAAC,MAAM;QACN5C,eAAe,CAAEoC,SAAU,CAAC;MAC7B;;MAEA;MACAN,uCAAuC,CAAC,CAAC;IAC1C;IAEA,MAAMiC,WAAW,GAAGpD,QAAQ,KAAK,GAAG,GAAG,EAAE,GAAGA,QAAQ;IACpD,MAAMmC,SAAS,GAAG,IAAAC,2BAAe,EAChCgB,WAAW,EACXnB,eAAe,EACfF,sBACD,CAAC;IAED3C,aAAa,CAAE;MACdP,EAAE,EAAE4C,SAAS;MACb3C,GAAG,EAAE2C,SAAS;MACd1B,gBAAgB,EAAE8G,mBAAmB;MACrC7G,QAAQ,EAAEoD,WAAW;MACrBvD,cAAc,EAAEE,gBAAgB,GAC7BuC,6BAAqB,GACrBb,SAAS;MACZtB,MAAM,EAAEgC;IACT,CAAE,CAAC;EACJ,CAAC;EAED,MAAM2E,aAAa,gBAClB,IAAAxI,WAAA,CAAAyI,GAAA,EAAC9I,cAAA,CAAA+I,OAAkB;IAClBxI,UAAU,EAAGA,UAAY;IACzBY,aAAa,EAAGA,aAAe;IAC/BwD,aAAa,EAAGA,aAAe;IAC/B+D,eAAe,EAAGA,eAAiB;IACnCC,sBAAsB,EAAGA,sBAAwB;IACjDrD,YAAY,EAAGA;EAAc,CAC7B,CACD;EAED,MAAM0D,iBAAiB,gBACtB,IAAA3I,WAAA,CAAAyI,GAAA,EAAC/I,kBAAA,CAAAgJ,OAAsB;IACtBxI,UAAU,EAAGA,UAAY;IACzBY,aAAa,EAAGA,aAAe;IAC/BH,QAAQ,EAAGA,QAAU;IACrBI,eAAe,EAAGqE,iBAAmB;IACrCwD,QAAQ,EAAGxB,GAAK;IAChBiB,eAAe,EAAGA,eAAiB;IACnCC,sBAAsB,EAAGA,sBAAwB;IACjDO,cAAc,EAAGxD,gBAAkB;IACnCJ,YAAY,EAAGA,YAAc;IAC7BzC,aAAa,EAAGO;EAAO,CACvB,CACD;EAED,MAAM+F,mBAAmB,GAAG;IAC3Bf,SAAS,EAAE,uCAAuC;IAClDpH,QAAQ;IACRqF,MAAM;IACNjE,SAAS,EAAEsE,iBAAiB;IAC5B0C,aAAa,EAAEA,CAAA,KAAM;MACpBjI,aAAa,CAAE;QAAEkB,aAAa,EAAE;MAAK,CAAE,CAAC;MACxChB,eAAe,CAAE,KAAM,CAAC;IACzB,CAAC;IACDgI,QAAQ,EAAIC,KAAK,IAAM;MACtBnI,aAAa,CAAE;QAAEiB,SAAS,EAAEkH;MAAM,CAAE,CAAC;IACtC,CAAC;IACDC,YAAY,EAAIC,YAAY,IAAM;MACjCnI,eAAe,CAAE,IAAK,CAAC;MACvBF,aAAa,CAAE;QAAEiB,SAAS,EAAEoH;MAAa,CAAE,CAAC;IAC7C,CAAC;IACD;IACAC,UAAU,EAAE,CAAElJ,UAAU,CAACqG,KAAK,EAAE8C,UAAU,EAAEC,WAAW;IACvDC,IAAI,EAAEpD,sBAAsB;IAC5BF;EACD,CAAC;EAED,IAAK,CAAExE,gBAAgB,IAAI,CAAEuF,cAAc,IAAI,CAAED,aAAa,EAAG;IAChE,oBACC,IAAA/G,WAAA,CAAAwJ,IAAA,EAAAxJ,WAAA,CAAAyJ,QAAA;MAAAC,QAAA,GACGlB,aAAa,EACbG,iBAAiB,EACjB7C,qBAAqB,IAAIlF,UAAU,iBACpC,IAAAZ,WAAA,CAAAyI,GAAA,EAAC5I,sBAAA,CAAA6I,OAAqB;QAAA,GAAMI;MAAmB,CAAI,CACnD,eACD,IAAA9I,WAAA,CAAAwJ,IAAA,EAACnH,OAAO;QAAA,GACFiF,UAAU;QACfS,SAAS,EAAG,IAAA4B,aAAI,EAAE,gBAAgB,EAAErC,UAAU,CAACS,SAAU,CAAG;QAC5DxB,KAAK,EAAG;UACP,GAAGe,UAAU,CAACf,KAAK;UACnBxE,SAAS,EAAEsE,iBAAiB,IAAIlD;QACjC,CAAG;QAAAuG,QAAA,GAED3D,cAAc,eAChB,IAAA/F,WAAA,CAAAyI,GAAA,EAAC7I,iBAAA,CAAA8I,OAAgB;UAChBpE,aAAa,EAAGA,aAAe;UAC/BsF,OAAO,EAAGtE,aAAe;UACzBgD,sBAAsB,EAAGA,sBAAwB;UAAAoB,QAAA,eAEjD,IAAA1J,WAAA,CAAAyI,GAAA;YAAKV,SAAS,EAAC,gDAAgD;YAAA2B,QAAA,eAC9D,IAAA1J,WAAA,CAAAyI,GAAA,EAACrJ,YAAA,CAAAyK,YAAY;cACZC,mBAAmB;cACnBb,KAAK,EAAGpI,YAAY,CAAC+C,KAAO;cAC5BmG,QAAQ,EAAG3E,iBAAmB;cAC9B4E,SAAS,EAAG,KAAO;cACnBC,SAAS;cACT,cAAa,IAAA5J,QAAE,EAAE,eAAgB;YAAG,CACpC;UAAC,CACE;QAAC,CACW,CAAC;MAAA,CACX,CAAC;IAAA,CACT,CAAC;EAEL;EAEA,MAAM6J,OAAO,GAAG,IAAAP,aAAI,EACnB;IACC,eAAe,EAAE9H,MAAM;IACvB,UAAU,EAAE,CAAEA,MAAM;IACpB,cAAc,EAAE2D,gBAAgB;IAChC,cAAc,EAAE5D,WAAW;IAC3B,aAAa,EAAEE,UAAU;IACzB,6BAA6B,EAC5B,CAAE,IAAAqI,+BAAuB,EAAE9I,eAAgB;EAC7C,CAAC,EACD,IAAA+I,4BAAoB,EAAE/I,eAAgB,CACvC,CAAC;EAED,MAAMgJ,WAAW,GAChB7J,GAAG,IAAI,CAAEiB,gBAAgB,IAAMA,gBAAgB,IAAI,CAAEjB,GAAK;EAE3D,oBACC,IAAAR,WAAA,CAAAwJ,IAAA,EAAAxJ,WAAA,CAAAyJ,QAAA;IAAAC,QAAA,GACGlB,aAAa,EACbG,iBAAiB,eACnB,IAAA3I,WAAA,CAAAwJ,IAAA,EAACnH,OAAO;MAAA,GACFiF,UAAU;MACfS,SAAS,EAAG,IAAA4B,aAAI,EAAEO,OAAO,EAAE5C,UAAU,CAACS,SAAU,CAAG;MACnDxB,KAAK,EAAG;QAAE,GAAGA,KAAK;QAAE,GAAGe,UAAU,CAACf;MAAM,CAAG;MAC3C,YAAW/F,GAAK;MAAAkJ,QAAA,GAEd3D,cAAc,EAEd,CAAEvF,GAAG,IAAIiB,gBAAgB,iBAC1B,IAAAzB,WAAA,CAAAyI,GAAA,EAACvJ,WAAA,CAAAoL,WAAW;QACXvC,SAAS,EAAC,0CAA0C;QACpDwC,gBAAgB;MAAA,CAChB,CACD,EAEC/J,GAAG,IACJiF,iBAAiB,KACfa,YAAY,gBACb,IAAAtG,WAAA,CAAAyI,GAAA;QACCrB,GAAG,EAAGgB,YAAc;QACpBL,SAAS,EAAC,kCAAkC;QAC5C9F,GAAG,EAAGA,GAAK;QACXuI,GAAG,EAAGhK,GAAK;QACX+F,KAAK,EAAGM;MAAY,CACpB,CAAC,gBAEF,IAAA7G,WAAA,CAAAyI,GAAA;QACCrB,GAAG,EAAGgB,YAAc;QACpBqC,IAAI,EAAGxI,GAAG,GAAG,KAAK,GAAGkB,SAAW;QAChC,cAAalB,GAAG,GAAGA,GAAG,GAAGkB,SAAW;QACpC4E,SAAS,EAAG,IAAA4B,aAAI,EACfO,OAAO,EACP,kCACD,CAAG;QACH3D,KAAK,EAAG;UAAEC,eAAe;UAAEC;QAAmB;MAAG,CACjD,CACD,CAAE,EACFjG,GAAG,IAAIkF,iBAAiB,iBACzB,IAAA1F,WAAA,CAAAyI,GAAA;QACCrB,GAAG,EAAGgB,YAAc;QACpBL,SAAS,EAAC,kCAAkC;QAC5C2C,QAAQ;QACRC,KAAK;QACLC,IAAI;QACJJ,GAAG,EAAGhK,GAAK;QACX+F,KAAK,EAAGM;MAAY,CACpB,CACD,EAECwD,WAAW,iBACZ,IAAArK,WAAA,CAAAyI,GAAA;QACC,eAAY,MAAM;QAClBV,SAAS,EAAG,IAAA4B,aAAI,EACf,4BAA4B,EAC5B,IAAAkB,uBAAe,EAAEnJ,QAAS,CAAC,EAC3B;UACC,CAAEb,YAAY,CAACiK,KAAK,GAAIjK,YAAY,CAACiK,KAAK;UAC1C,oBAAoB,EAAEpJ,QAAQ,KAAKyB,SAAS;UAC5C;UACA;UACA;UACA,qCAAqC,EACpC3C,GAAG,IAAI4D,aAAa,IAAI1C,QAAQ,KAAK,CAAC;UACvC,yBAAyB,EAAE0C,aAAa;UACxC,CAAED,aAAa,GAAIA;QACpB,CACD,CAAG;QACHoC,KAAK,EAAG;UAAEC,eAAe,EAAEpC,aAAa;UAAE,GAAGuC;QAAQ;MAAG,CACxD,CACD,EAECnB,gBAAgB,iBAAI,IAAAxF,WAAA,CAAAyI,GAAA,EAACvJ,WAAA,CAAA6L,OAAO,IAAE,CAAC,eAEjC,IAAA/K,WAAA,CAAAyI,GAAA,EAAC7I,iBAAA,CAAA8I,OAAgB;QAChBsC,mBAAmB;QACnB1G,aAAa,EAAGA,aAAe;QAC/BsF,OAAO,EAAGtE,aAAe;QACzBgD,sBAAsB,EAAGA;MAAwB,CACjD,CAAC,eACF,IAAAtI,WAAA,CAAAyI,GAAA;QAAA,GAAUZ;MAAgB,CAAI,CAAC;IAAA,CACvB,CAAC,EACR/B,qBAAqB,IAAIlF,UAAU,iBACpC,IAAAZ,WAAA,CAAAyI,GAAA,EAAC5I,sBAAA,CAAA6I,OAAqB;MAAA,GAAMI;IAAmB,CAAI,CACnD;EAAA,CACA,CAAC;AAEL;AAAC,IAAAmC,QAAA,GAAAC,OAAA,CAAAxC,OAAA,GAEc,IAAAyC,gBAAO,EAAE,CACvB,IAAAC,uBAAU,EAAE;EAAEvK,YAAY,EAAE;AAAmB,CAAE,CAAC,CACjD,CAAC,CAAEH,SAAU,CAAC","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_coreData","_element","_components","_compose","_blockEditor","_i18n","_data","_blob","_notices","_shared","_inspectorControls","_blockControls","_coverPlaceholder","_resizableCoverPopover","_colorUtils","_constants","_jsxRuntime","getInnerBlocksTemplate","attributes","align","placeholder","__","isTemporaryMedia","id","url","isBlobURL","CoverEdit","clientId","isSelected","overlayColor","setAttributes","setOverlayColor","toggleSelection","context","postId","postType","_media$media_details$","contentPosition","originalUrl","backgroundType","originalBackgroundType","useFeaturedImage","dimRatio","focalPoint","hasParallax","isDark","isRepeated","minHeight","minHeightUnit","alt","allowedBlocks","templateLock","tagName","TagName","isUserOverlayColor","sizeSlug","poster","featuredImage","useEntityProp","getSettings","useSelect","blockEditorStore","__unstableMarkNextChangeAsNotPersistent","useDispatch","media","select","coreStore","getMedia","undefined","mediaUrl","media_details","sizes","source_url","useEffect","averageBackgroundColor","getMediaColor","newOverlayColor","color","newIsDark","compositeIsDark","replaceAll","IMAGE_BACKGROUND_TYPE","createErrorNotice","noticesStore","gradientClass","gradientValue","__experimentalUseGradient","onSelectMedia","newMedia","mediaAttributes","attributesFromMedia","isImage","type","media_type","includes","newDimRatio","imageDefaultSize","DEFAULT_MEDIA_SIZE_SLUG","onClearMedia","DEFAULT_OVERLAY_COLOR","DEFAULT_BACKGROUND_COLOR","onSetOverlayColor","onUpdateDimRatio","onUploadError","message","isUploadingMedia","isImageBackground","isVideoBackground","VIDEO_BACKGROUND_TYPE","blockEditingMode","useBlockEditingMode","hasNonContentControls","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","fontSizes","useSettings","hasFontSizes","innerBlocksTemplate","fontSize","innerBlocksProps","useInnerBlocksProps","className","template","templateInsertUpdatesSelection","dropZoneElement","current","mediaElement","currentSettings","toggleUseFeaturedImage","newUseFeaturedImage","blockControls","jsx","default","inspectorControls","coverRef","updateDimRatio","resizableCoverProps","onResizeStart","onResize","value","onResizeStop","newMinHeight","showHandle","dimensions","aspectRatio","size","jsxs","Fragment","children","clsx","onError","ColorPalette","disableCustomColors","onChange","clearable","asButtons","classes","isContentPositionCenter","getPositionClassName","showOverlay","Placeholder","withIllustration","src","role","autoPlay","muted","loop","dimRatioToClass","class","Spinner","disableMediaButtons","_default","exports","compose","withColors"],"sources":["@wordpress/block-library/src/cover/edit/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\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\tuseSettings,\n\tuseInnerBlocksProps,\n\t__experimentalUseGradient,\n\tstore as blockEditorStore,\n\tuseBlockEditingMode,\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';\nimport { DEFAULT_MEDIA_SIZE_SLUG } from '../constants';\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\tsizeSlug,\n\t\tposter,\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\tconst { getSettings } = useSelect( blockEditorStore );\n\n\tconst { __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\tconst { media } = useSelect(\n\t\t( select ) => {\n\t\t\treturn {\n\t\t\t\tmedia:\n\t\t\t\t\tfeaturedImage && useFeaturedImage\n\t\t\t\t\t\t? select( coreStore ).getMedia( featuredImage, {\n\t\t\t\t\t\t\t\tcontext: 'view',\n\t\t\t\t\t\t  } )\n\t\t\t\t\t\t: undefined,\n\t\t\t};\n\t\t},\n\t\t[ featuredImage, useFeaturedImage ]\n\t);\n\tconst mediaUrl =\n\t\tmedia?.media_details?.sizes?.[ sizeSlug ]?.source_url ??\n\t\tmedia?.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( {\n\t\t\t\tisDark: newIsDark,\n\t\t\t\tisUserOverlayColor: isUserOverlayColor || false,\n\t\t\t} );\n\t\t} )();\n\t\t// Update the block only when the featured image changes.\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\t\tconst isImage = [ newMedia?.type, newMedia?.media_type ].includes(\n\t\t\tIMAGE_BACKGROUND_TYPE\n\t\t);\n\n\t\tconst averageBackgroundColor = await getMediaColor(\n\t\t\tisImage ? 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\t// Only set a new dimRatio if there was no previous media selected\n\t\t// to avoid resetting to 50 if it has been explicitly set to 100.\n\t\t// See issue #52835 for context.\n\t\tconst newDimRatio =\n\t\t\toriginalUrl === undefined && dimRatio === 100 ? 50 : dimRatio;\n\n\t\tconst newIsDark = compositeIsDark(\n\t\t\tnewDimRatio,\n\t\t\tnewOverlayColor,\n\t\t\taverageBackgroundColor\n\t\t);\n\n\t\tif ( backgroundType === IMAGE_BACKGROUND_TYPE && mediaAttributes?.id ) {\n\t\t\tconst { imageDefaultSize } = getSettings();\n\n\t\t\t// Try to use the previous selected image size if it's available\n\t\t\t// otherwise try the default image size or fallback to full size.\n\t\t\tif (\n\t\t\t\tsizeSlug &&\n\t\t\t\t( newMedia?.sizes?.[ sizeSlug ] ||\n\t\t\t\t\tnewMedia?.media_details?.sizes?.[ sizeSlug ] )\n\t\t\t) {\n\t\t\t\tmediaAttributes.sizeSlug = sizeSlug;\n\t\t\t\tmediaAttributes.url =\n\t\t\t\t\tnewMedia?.sizes?.[ sizeSlug ]?.url ||\n\t\t\t\t\tnewMedia?.media_details?.sizes?.[ sizeSlug ]?.source_url;\n\t\t\t} else if (\n\t\t\t\tnewMedia?.sizes?.[ imageDefaultSize ] ||\n\t\t\t\tnewMedia?.media_details?.sizes?.[ imageDefaultSize ]\n\t\t\t) {\n\t\t\t\tmediaAttributes.sizeSlug = imageDefaultSize;\n\t\t\t\tmediaAttributes.url =\n\t\t\t\t\tnewMedia?.sizes?.[ imageDefaultSize ]?.url ||\n\t\t\t\t\tnewMedia?.media_details?.sizes?.[ imageDefaultSize ]\n\t\t\t\t\t\t?.source_url;\n\t\t\t} else {\n\t\t\t\tmediaAttributes.sizeSlug = DEFAULT_MEDIA_SIZE_SLUG;\n\t\t\t}\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\tisUserOverlayColor: isUserOverlayColor || false,\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 blockEditingMode = useBlockEditingMode();\n\tconst hasNonContentControls = blockEditingMode === 'default';\n\n\tconst [ resizeListener, { height, width } ] = useResizeObserver();\n\tconst resizableBoxDimensions = useMemo( () => {\n\t\treturn {\n\t\t\theight: minHeightUnit === 'px' && minHeight ? 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 [ fontSizes ] = useSettings( 'typography.fontSizes' );\n\tconst hasFontSizes = fontSizes?.length > 0;\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\tdropZoneElement: ref.current,\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\tonClearMedia={ onClearMedia }\n\t\t\tblockEditingMode={ blockEditingMode }\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\tfeaturedImage={ media }\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\t// Hide the resize handle if an aspect ratio is set, as the aspect ratio takes precedence.\n\t\tshowHandle: ! attributes.style?.dimensions?.aspectRatio,\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{ hasNonContentControls && 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={ clsx( 'is-placeholder', blockProps.className ) }\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\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\tasButtons\n\t\t\t\t\t\t\t\taria-label={ __( 'Overlay color' ) }\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 = clsx(\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\tconst showOverlay =\n\t\turl || ! useFeaturedImage || ( useFeaturedImage && ! url );\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={ clsx( 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\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\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={ alt ? 'img' : undefined }\n\t\t\t\t\t\t\taria-label={ alt ? alt : undefined }\n\t\t\t\t\t\t\tclassName={ clsx(\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\tposter={ poster }\n\t\t\t\t\t\tstyle={ mediaStyle }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\n\t\t\t\t{ showOverlay && (\n\t\t\t\t\t<span\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tclassName={ clsx(\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{ isUploadingMedia && <Spinner /> }\n\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{ hasNonContentControls && 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":"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","ignoreList":[]}

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

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -15,6 +16,7 @@ var _shared = require("../shared");
 var _lockUnlock = require("../../lock-unlock");
 var _hooks = require("../../utils/hooks");
 var _constants = require("../constants");
+var _posterImage = _interopRequireDefault(require("./poster-image"));
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
@@ -94,7 +96,8 @@ function CoverInspectorControls({
     minHeight,
     minHeightUnit,
     alt,
-    tagName
+    tagName,
+    poster
   } = attributes;
   const {
     isVideoBackground,
@@ -164,7 +167,8 @@ function CoverInspectorControls({
             hasParallax: false,
             focalPoint: undefined,
             isRepeated: false,
-            alt: ''
+            alt: '',
+            poster: undefined
           });
           updateImage(_constants.DEFAULT_MEDIA_SIZE_SLUG);
         },
@@ -173,7 +177,7 @@ function CoverInspectorControls({
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
             label: (0, _i18n.__)('Fixed background'),
             isShownByDefault: true,
-            hasValue: () => hasParallax,
+            hasValue: () => !!hasParallax,
             onDeselect: () => setAttributes({
               hasParallax: false,
               focalPoint: undefined
@@ -181,7 +185,7 @@ function CoverInspectorControls({
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
               __nextHasNoMarginBottom: true,
               label: (0, _i18n.__)('Fixed background'),
-              checked: hasParallax,
+              checked: !!hasParallax,
               onChange: toggleParallax
             })
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
@@ -216,6 +220,9 @@ function CoverInspectorControls({
               focalPoint: newFocalPoint
             })
           })
+        }), isVideoBackground && /*#__PURE__*/(0, _jsxRuntime.jsx)(_posterImage.default, {
+          poster: poster,
+          setAttributes: setAttributes
         }), !useFeaturedImage && url && !isVideoBackground && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
           label: (0, _i18n.__)('Alternative text'),
           isShownByDefault: true,

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_components","_compose","_blockEditor","_i18n","_data","_coreData","_shared","_lockUnlock","_hooks","_constants","_jsxRuntime","cleanEmptyObject","ResolutionTool","HTMLElementControl","unlock","blockEditorPrivateApis","CoverHeightInput","onChange","onUnitChange","unit","value","instanceId","useInstanceId","UnitControl","inputId","isPx","availableUnits","useSettings","units","useCustomUnits","defaultValues","px","em","rem","vw","vh","handleOnChange","unprocessedValue","inputValue","parseFloat","undefined","isNaN","computedValue","useMemo","parsedQuantity","parseQuantityAndUnitFromRawValue","join","min","COVER_MIN_HEIGHT","jsx","__experimentalUnitControl","__next40pxDefaultSize","label","__","id","isResetValueOnUnitChange","CoverInspectorControls","attributes","setAttributes","clientId","setOverlayColor","coverRef","currentSettings","updateDimRatio","featuredImage","useFeaturedImage","dimRatio","focalPoint","hasParallax","isRepeated","minHeight","minHeightUnit","alt","tagName","isVideoBackground","isImageBackground","mediaElement","url","overlayColor","sizeSlug","DEFAULT_MEDIA_SIZE_SLUG","gradientValue","setGradient","__experimentalUseGradient","getSettings","useSelect","blockEditorStore","imageSizes","image","select","coreStore","getMedia","context","currentBackgroundImage","updateImage","newSizeSlug","newUrl","media_details","sizes","source_url","imageSizeOptions","filter","slug","map","name","toggleParallax","toggleIsRepeated","showFocalPointPicker","imperativeFocalPointPreview","styleOfRef","property","current","style","mediaPosition","colorGradientSettings","useMultipleOriginColorsAndGradients","dropdownMenuProps","useToolsPanelDropdownMenuProps","jsxs","Fragment","children","InspectorControls","__experimentalToolsPanel","resetAll","__experimentalToolsPanelItem","isShownByDefault","hasValue","onDeselect","ToggleControl","__nextHasNoMarginBottom","checked","FocalPointPicker","onDragStart","onDrag","newFocalPoint","TextareaControl","newAlt","help","ExternalLink","href","length","options","defaultValue","hasColorsOrGradients","group","__experimentalColorGradientSettingsDropdown","__experimentalIsRenderedInSidebar","settings","colorValue","color","onColorChange","onGradientChange","resetAllFilter","customOverlayColor","gradient","customGradient","clearable","panelId","RangeControl","newDimRatio","max","step","required","className","dimensions","aspectRatio","newMinHeight","nextUnit"],"sources":["@wordpress/block-library/src/cover/edit/inspector-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport {\n\tExternalLink,\n\tFocalPointPicker,\n\tRangeControl,\n\tTextareaControl,\n\tToggleControl,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n} from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport {\n\tInspectorControls,\n\tuseSettings,\n\tstore as blockEditorStore,\n\t__experimentalColorGradientSettingsDropdown as ColorGradientSettingsDropdown,\n\t__experimentalUseGradient,\n\t__experimentalUseMultipleOriginColorsAndGradients as useMultipleOriginColorsAndGradients,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { COVER_MIN_HEIGHT, mediaPosition } from '../shared';\nimport { unlock } from '../../lock-unlock';\nimport { useToolsPanelDropdownMenuProps } from '../../utils/hooks';\nimport { DEFAULT_MEDIA_SIZE_SLUG } from '../constants';\n\nconst { cleanEmptyObject, ResolutionTool, HTMLElementControl } = unlock(\n\tblockEditorPrivateApis\n);\n\nfunction CoverHeightInput( {\n\tonChange,\n\tonUnitChange,\n\tunit = 'px',\n\tvalue = '',\n} ) {\n\tconst instanceId = useInstanceId( UnitControl );\n\tconst inputId = `block-cover-height-input-${ instanceId }`;\n\tconst isPx = unit === 'px';\n\n\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [ 'px', 'em', 'rem', 'vw', 'vh' ],\n\t\tdefaultValues: { px: 430, '%': 20, em: 20, rem: 20, vw: 20, vh: 50 },\n\t} );\n\n\tconst handleOnChange = ( unprocessedValue ) => {\n\t\tconst inputValue =\n\t\t\tunprocessedValue !== ''\n\t\t\t\t? parseFloat( unprocessedValue )\n\t\t\t\t: undefined;\n\n\t\tif ( isNaN( inputValue ) && inputValue !== undefined ) {\n\t\t\treturn;\n\t\t}\n\t\tonChange( inputValue );\n\t};\n\n\tconst computedValue = useMemo( () => {\n\t\tconst [ parsedQuantity ] = parseQuantityAndUnitFromRawValue( value );\n\t\treturn [ parsedQuantity, unit ].join( '' );\n\t}, [ unit, value ] );\n\n\tconst min = isPx ? COVER_MIN_HEIGHT : 0;\n\n\treturn (\n\t\t<UnitControl\n\t\t\t__next40pxDefaultSize\n\t\t\tlabel={ __( 'Minimum height' ) }\n\t\t\tid={ inputId }\n\t\t\tisResetValueOnUnitChange\n\t\t\tmin={ min }\n\t\t\tonChange={ handleOnChange }\n\t\t\tonUnitChange={ onUnitChange }\n\t\t\tunits={ units }\n\t\t\tvalue={ computedValue }\n\t\t/>\n\t);\n}\nexport default function CoverInspectorControls( {\n\tattributes,\n\tsetAttributes,\n\tclientId,\n\tsetOverlayColor,\n\tcoverRef,\n\tcurrentSettings,\n\tupdateDimRatio,\n\tfeaturedImage,\n} ) {\n\tconst {\n\t\tuseFeaturedImage,\n\t\tid,\n\t\tdimRatio,\n\t\tfocalPoint,\n\t\thasParallax,\n\t\tisRepeated,\n\t\tminHeight,\n\t\tminHeightUnit,\n\t\talt,\n\t\ttagName,\n\t} = attributes;\n\tconst {\n\t\tisVideoBackground,\n\t\tisImageBackground,\n\t\tmediaElement,\n\t\turl,\n\t\toverlayColor,\n\t} = currentSettings;\n\n\tconst sizeSlug = attributes.sizeSlug || DEFAULT_MEDIA_SIZE_SLUG;\n\n\tconst { gradientValue, setGradient } = __experimentalUseGradient();\n\tconst { getSettings } = useSelect( blockEditorStore );\n\n\tconst imageSizes = getSettings()?.imageSizes;\n\n\tconst image = useSelect(\n\t\t( select ) =>\n\t\t\tid && isImageBackground\n\t\t\t\t? select( coreStore ).getMedia( id, { context: 'view' } )\n\t\t\t\t: null,\n\t\t[ id, isImageBackground ]\n\t);\n\n\tconst currentBackgroundImage = useFeaturedImage ? featuredImage : image;\n\n\tfunction updateImage( newSizeSlug ) {\n\t\tconst newUrl =\n\t\t\tcurrentBackgroundImage?.media_details?.sizes?.[ newSizeSlug ]\n\t\t\t\t?.source_url;\n\t\tif ( ! newUrl ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tsetAttributes( {\n\t\t\turl: newUrl,\n\t\t\tsizeSlug: newSizeSlug,\n\t\t} );\n\t}\n\n\tconst imageSizeOptions = imageSizes\n\t\t?.filter(\n\t\t\t( { slug } ) =>\n\t\t\t\tcurrentBackgroundImage?.media_details?.sizes?.[ slug ]\n\t\t\t\t\t?.source_url\n\t\t)\n\t\t?.map( ( { name, slug } ) => ( { value: slug, label: name } ) );\n\n\tconst toggleParallax = () => {\n\t\tsetAttributes( {\n\t\t\thasParallax: ! hasParallax,\n\t\t\t...( ! hasParallax ? { focalPoint: undefined } : {} ),\n\t\t} );\n\t};\n\n\tconst toggleIsRepeated = () => {\n\t\tsetAttributes( {\n\t\t\tisRepeated: ! isRepeated,\n\t\t} );\n\t};\n\n\tconst showFocalPointPicker =\n\t\tisVideoBackground ||\n\t\t( isImageBackground && ( ! hasParallax || isRepeated ) );\n\n\tconst imperativeFocalPointPreview = ( value ) => {\n\t\tconst [ styleOfRef, property ] = mediaElement.current\n\t\t\t? [ mediaElement.current.style, 'objectPosition' ]\n\t\t\t: [ coverRef.current.style, 'backgroundPosition' ];\n\t\tstyleOfRef[ property ] = mediaPosition( value );\n\t};\n\n\tconst colorGradientSettings = useMultipleOriginColorsAndGradients();\n\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>\n\t\t\t\t{ !! url && (\n\t\t\t\t\t<ToolsPanel\n\t\t\t\t\t\tlabel={ __( 'Settings' ) }\n\t\t\t\t\t\tresetAll={ () => {\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\thasParallax: false,\n\t\t\t\t\t\t\t\tfocalPoint: undefined,\n\t\t\t\t\t\t\t\tisRepeated: false,\n\t\t\t\t\t\t\t\talt: '',\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\tupdateImage( DEFAULT_MEDIA_SIZE_SLUG );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ isImageBackground && (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Fixed background' ) }\n\t\t\t\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\t\t\t\thasValue={ () => hasParallax }\n\t\t\t\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\t\thasParallax: false,\n\t\t\t\t\t\t\t\t\t\t\tfocalPoint: undefined,\n\t\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Fixed background' ) }\n\t\t\t\t\t\t\t\t\t\tchecked={ hasParallax }\n\t\t\t\t\t\t\t\t\t\tonChange={ toggleParallax }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</ToolsPanelItem>\n\n\t\t\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Repeated background' ) }\n\t\t\t\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\t\t\t\thasValue={ () => isRepeated }\n\t\t\t\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\t\tisRepeated: false,\n\t\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Repeated background' ) }\n\t\t\t\t\t\t\t\t\t\tchecked={ isRepeated }\n\t\t\t\t\t\t\t\t\t\tonChange={ toggleIsRepeated }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ showFocalPointPicker && (\n\t\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\t\tlabel={ __( 'Focal point' ) }\n\t\t\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\t\t\thasValue={ () => !! focalPoint }\n\t\t\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\tfocalPoint: undefined,\n\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<FocalPointPicker\n\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Focal point' ) }\n\t\t\t\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\t\t\t\tvalue={ focalPoint }\n\t\t\t\t\t\t\t\t\tonDragStart={ imperativeFocalPointPreview }\n\t\t\t\t\t\t\t\t\tonDrag={ imperativeFocalPointPreview }\n\t\t\t\t\t\t\t\t\tonChange={ ( newFocalPoint ) =>\n\t\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\t\tfocalPoint: newFocalPoint,\n\t\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ ! useFeaturedImage && url && ! isVideoBackground && (\n\t\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\t\t\thasValue={ () => !! alt }\n\t\t\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\t\t\tsetAttributes( { alt: '' } )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<TextareaControl\n\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\t\t\t\t\tvalue={ alt }\n\t\t\t\t\t\t\t\t\tonChange={ ( newAlt ) =>\n\t\t\t\t\t\t\t\t\t\tsetAttributes( { alt: newAlt } )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\t\t\t\thref={\n\t\t\t\t\t\t\t\t\t\t\t\t\t// translators: Localized tutorial, if one exists. W3C Web Accessibility Initiative link has list of existing translations.\n\t\t\t\t\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'https://www.w3.org/WAI/tutorials/images/decision-tree/'\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'Describe the purpose of the image.'\n\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Leave empty if decorative.'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ !! imageSizeOptions?.length && (\n\t\t\t\t\t\t\t<ResolutionTool\n\t\t\t\t\t\t\t\tvalue={ sizeSlug }\n\t\t\t\t\t\t\t\tonChange={ updateImage }\n\t\t\t\t\t\t\t\toptions={ imageSizeOptions }\n\t\t\t\t\t\t\t\tdefaultValue={ DEFAULT_MEDIA_SIZE_SLUG }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</ToolsPanel>\n\t\t\t\t) }\n\t\t\t</InspectorControls>\n\t\t\t{ colorGradientSettings.hasColorsOrGradients && (\n\t\t\t\t<InspectorControls group=\"color\">\n\t\t\t\t\t<ColorGradientSettingsDropdown\n\t\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t\t\tsettings={ [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tcolorValue: overlayColor.color,\n\t\t\t\t\t\t\t\tgradientValue,\n\t\t\t\t\t\t\t\tlabel: __( 'Overlay' ),\n\t\t\t\t\t\t\t\tonColorChange: setOverlayColor,\n\t\t\t\t\t\t\t\tonGradientChange: setGradient,\n\t\t\t\t\t\t\t\tisShownByDefault: true,\n\t\t\t\t\t\t\t\tresetAllFilter: () => ( {\n\t\t\t\t\t\t\t\t\toverlayColor: undefined,\n\t\t\t\t\t\t\t\t\tcustomOverlayColor: undefined,\n\t\t\t\t\t\t\t\t\tgradient: undefined,\n\t\t\t\t\t\t\t\t\tcustomGradient: undefined,\n\t\t\t\t\t\t\t\t} ),\n\t\t\t\t\t\t\t\tclearable: true,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t] }\n\t\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t\t\t{ ...colorGradientSettings }\n\t\t\t\t\t/>\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\thasValue={ () => {\n\t\t\t\t\t\t\t// If there's a media background the dimRatio will be\n\t\t\t\t\t\t\t// defaulted to 50 whereas it will be 100 for colors.\n\t\t\t\t\t\t\treturn dimRatio === undefined\n\t\t\t\t\t\t\t\t? false\n\t\t\t\t\t\t\t\t: dimRatio !== ( url ? 50 : 100 );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tlabel={ __( 'Overlay opacity' ) }\n\t\t\t\t\t\tonDeselect={ () => updateDimRatio( url ? 50 : 100 ) }\n\t\t\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\t\t\tdimRatio: url ? 50 : 100,\n\t\t\t\t\t\t} ) }\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t\t>\n\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Overlay opacity' ) }\n\t\t\t\t\t\t\tvalue={ dimRatio }\n\t\t\t\t\t\t\tonChange={ ( newDimRatio ) =>\n\t\t\t\t\t\t\t\tupdateDimRatio( newDimRatio )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\t\tmax={ 100 }\n\t\t\t\t\t\t\tstep={ 10 }\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t</InspectorControls>\n\t\t\t) }\n\t\t\t<InspectorControls group=\"dimensions\">\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tclassName=\"single-column\"\n\t\t\t\t\thasValue={ () => !! minHeight }\n\t\t\t\t\tlabel={ __( 'Minimum height' ) }\n\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tminHeight: undefined,\n\t\t\t\t\t\t\tminHeightUnit: undefined,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\t\tminHeight: undefined,\n\t\t\t\t\t\tminHeightUnit: undefined,\n\t\t\t\t\t} ) }\n\t\t\t\t\tisShownByDefault\n\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t>\n\t\t\t\t\t<CoverHeightInput\n\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\tattributes?.style?.dimensions?.aspectRatio\n\t\t\t\t\t\t\t\t? ''\n\t\t\t\t\t\t\t\t: minHeight\n\t\t\t\t\t\t}\n\t\t\t\t\t\tunit={ minHeightUnit }\n\t\t\t\t\t\tonChange={ ( newMinHeight ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tminHeight: newMinHeight,\n\t\t\t\t\t\t\t\tstyle: cleanEmptyObject( {\n\t\t\t\t\t\t\t\t\t...attributes?.style,\n\t\t\t\t\t\t\t\t\tdimensions: {\n\t\t\t\t\t\t\t\t\t\t...attributes?.style?.dimensions,\n\t\t\t\t\t\t\t\t\t\taspectRatio: undefined, // Reset aspect ratio when minHeight is set.\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t} ),\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonUnitChange={ ( nextUnit ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tminHeightUnit: nextUnit,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t</InspectorControls>\n\t\t\t<InspectorControls group=\"advanced\">\n\t\t\t\t<HTMLElementControl\n\t\t\t\t\ttagName={ tagName }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { tagName: value } )\n\t\t\t\t\t}\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\toptions={ [\n\t\t\t\t\t\t{ label: __( 'Default (<div>)' ), value: 'div' },\n\t\t\t\t\t\t{ label: '<header>', value: 'header' },\n\t\t\t\t\t\t{ label: '<main>', value: 'main' },\n\t\t\t\t\t\t{ label: '<section>', value: 'section' },\n\t\t\t\t\t\t{ label: '<article>', value: 'article' },\n\t\t\t\t\t\t{ label: '<aside>', value: 'aside' },\n\t\t\t\t\t\t{ label: '<footer>', value: 'footer' },\n\t\t\t\t\t] }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_element","require","_components","_compose","_blockEditor","_i18n","_data","_coreData","_shared","_lockUnlock","_hooks","_constants","_posterImage","_interopRequireDefault","_jsxRuntime","cleanEmptyObject","ResolutionTool","HTMLElementControl","unlock","blockEditorPrivateApis","CoverHeightInput","onChange","onUnitChange","unit","value","instanceId","useInstanceId","UnitControl","inputId","isPx","availableUnits","useSettings","units","useCustomUnits","defaultValues","px","em","rem","vw","vh","handleOnChange","unprocessedValue","inputValue","parseFloat","undefined","isNaN","computedValue","useMemo","parsedQuantity","parseQuantityAndUnitFromRawValue","join","min","COVER_MIN_HEIGHT","jsx","__experimentalUnitControl","__next40pxDefaultSize","label","__","id","isResetValueOnUnitChange","CoverInspectorControls","attributes","setAttributes","clientId","setOverlayColor","coverRef","currentSettings","updateDimRatio","featuredImage","useFeaturedImage","dimRatio","focalPoint","hasParallax","isRepeated","minHeight","minHeightUnit","alt","tagName","poster","isVideoBackground","isImageBackground","mediaElement","url","overlayColor","sizeSlug","DEFAULT_MEDIA_SIZE_SLUG","gradientValue","setGradient","__experimentalUseGradient","getSettings","useSelect","blockEditorStore","imageSizes","image","select","coreStore","getMedia","context","currentBackgroundImage","updateImage","newSizeSlug","newUrl","media_details","sizes","source_url","imageSizeOptions","filter","slug","map","name","toggleParallax","toggleIsRepeated","showFocalPointPicker","imperativeFocalPointPreview","styleOfRef","property","current","style","mediaPosition","colorGradientSettings","useMultipleOriginColorsAndGradients","dropdownMenuProps","useToolsPanelDropdownMenuProps","jsxs","Fragment","children","InspectorControls","__experimentalToolsPanel","resetAll","__experimentalToolsPanelItem","isShownByDefault","hasValue","onDeselect","ToggleControl","__nextHasNoMarginBottom","checked","FocalPointPicker","onDragStart","onDrag","newFocalPoint","default","TextareaControl","newAlt","help","ExternalLink","href","length","options","defaultValue","hasColorsOrGradients","group","__experimentalColorGradientSettingsDropdown","__experimentalIsRenderedInSidebar","settings","colorValue","color","onColorChange","onGradientChange","resetAllFilter","customOverlayColor","gradient","customGradient","clearable","panelId","RangeControl","newDimRatio","max","step","required","className","dimensions","aspectRatio","newMinHeight","nextUnit"],"sources":["@wordpress/block-library/src/cover/edit/inspector-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport {\n\tExternalLink,\n\tFocalPointPicker,\n\tRangeControl,\n\tTextareaControl,\n\tToggleControl,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n} from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport {\n\tInspectorControls,\n\tuseSettings,\n\tstore as blockEditorStore,\n\t__experimentalColorGradientSettingsDropdown as ColorGradientSettingsDropdown,\n\t__experimentalUseGradient,\n\t__experimentalUseMultipleOriginColorsAndGradients as useMultipleOriginColorsAndGradients,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { COVER_MIN_HEIGHT, mediaPosition } from '../shared';\nimport { unlock } from '../../lock-unlock';\nimport { useToolsPanelDropdownMenuProps } from '../../utils/hooks';\nimport { DEFAULT_MEDIA_SIZE_SLUG } from '../constants';\nimport PosterImage from './poster-image';\n\nconst { cleanEmptyObject, ResolutionTool, HTMLElementControl } = unlock(\n\tblockEditorPrivateApis\n);\n\nfunction CoverHeightInput( {\n\tonChange,\n\tonUnitChange,\n\tunit = 'px',\n\tvalue = '',\n} ) {\n\tconst instanceId = useInstanceId( UnitControl );\n\tconst inputId = `block-cover-height-input-${ instanceId }`;\n\tconst isPx = unit === 'px';\n\n\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [ 'px', 'em', 'rem', 'vw', 'vh' ],\n\t\tdefaultValues: { px: 430, '%': 20, em: 20, rem: 20, vw: 20, vh: 50 },\n\t} );\n\n\tconst handleOnChange = ( unprocessedValue ) => {\n\t\tconst inputValue =\n\t\t\tunprocessedValue !== ''\n\t\t\t\t? parseFloat( unprocessedValue )\n\t\t\t\t: undefined;\n\n\t\tif ( isNaN( inputValue ) && inputValue !== undefined ) {\n\t\t\treturn;\n\t\t}\n\t\tonChange( inputValue );\n\t};\n\n\tconst computedValue = useMemo( () => {\n\t\tconst [ parsedQuantity ] = parseQuantityAndUnitFromRawValue( value );\n\t\treturn [ parsedQuantity, unit ].join( '' );\n\t}, [ unit, value ] );\n\n\tconst min = isPx ? COVER_MIN_HEIGHT : 0;\n\n\treturn (\n\t\t<UnitControl\n\t\t\t__next40pxDefaultSize\n\t\t\tlabel={ __( 'Minimum height' ) }\n\t\t\tid={ inputId }\n\t\t\tisResetValueOnUnitChange\n\t\t\tmin={ min }\n\t\t\tonChange={ handleOnChange }\n\t\t\tonUnitChange={ onUnitChange }\n\t\t\tunits={ units }\n\t\t\tvalue={ computedValue }\n\t\t/>\n\t);\n}\nexport default function CoverInspectorControls( {\n\tattributes,\n\tsetAttributes,\n\tclientId,\n\tsetOverlayColor,\n\tcoverRef,\n\tcurrentSettings,\n\tupdateDimRatio,\n\tfeaturedImage,\n} ) {\n\tconst {\n\t\tuseFeaturedImage,\n\t\tid,\n\t\tdimRatio,\n\t\tfocalPoint,\n\t\thasParallax,\n\t\tisRepeated,\n\t\tminHeight,\n\t\tminHeightUnit,\n\t\talt,\n\t\ttagName,\n\t\tposter,\n\t} = attributes;\n\tconst {\n\t\tisVideoBackground,\n\t\tisImageBackground,\n\t\tmediaElement,\n\t\turl,\n\t\toverlayColor,\n\t} = currentSettings;\n\n\tconst sizeSlug = attributes.sizeSlug || DEFAULT_MEDIA_SIZE_SLUG;\n\n\tconst { gradientValue, setGradient } = __experimentalUseGradient();\n\tconst { getSettings } = useSelect( blockEditorStore );\n\n\tconst imageSizes = getSettings()?.imageSizes;\n\n\tconst image = useSelect(\n\t\t( select ) =>\n\t\t\tid && isImageBackground\n\t\t\t\t? select( coreStore ).getMedia( id, { context: 'view' } )\n\t\t\t\t: null,\n\t\t[ id, isImageBackground ]\n\t);\n\n\tconst currentBackgroundImage = useFeaturedImage ? featuredImage : image;\n\n\tfunction updateImage( newSizeSlug ) {\n\t\tconst newUrl =\n\t\t\tcurrentBackgroundImage?.media_details?.sizes?.[ newSizeSlug ]\n\t\t\t\t?.source_url;\n\t\tif ( ! newUrl ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tsetAttributes( {\n\t\t\turl: newUrl,\n\t\t\tsizeSlug: newSizeSlug,\n\t\t} );\n\t}\n\n\tconst imageSizeOptions = imageSizes\n\t\t?.filter(\n\t\t\t( { slug } ) =>\n\t\t\t\tcurrentBackgroundImage?.media_details?.sizes?.[ slug ]\n\t\t\t\t\t?.source_url\n\t\t)\n\t\t?.map( ( { name, slug } ) => ( { value: slug, label: name } ) );\n\n\tconst toggleParallax = () => {\n\t\tsetAttributes( {\n\t\t\thasParallax: ! hasParallax,\n\t\t\t...( ! hasParallax ? { focalPoint: undefined } : {} ),\n\t\t} );\n\t};\n\n\tconst toggleIsRepeated = () => {\n\t\tsetAttributes( {\n\t\t\tisRepeated: ! isRepeated,\n\t\t} );\n\t};\n\n\tconst showFocalPointPicker =\n\t\tisVideoBackground ||\n\t\t( isImageBackground && ( ! hasParallax || isRepeated ) );\n\n\tconst imperativeFocalPointPreview = ( value ) => {\n\t\tconst [ styleOfRef, property ] = mediaElement.current\n\t\t\t? [ mediaElement.current.style, 'objectPosition' ]\n\t\t\t: [ coverRef.current.style, 'backgroundPosition' ];\n\t\tstyleOfRef[ property ] = mediaPosition( value );\n\t};\n\n\tconst colorGradientSettings = useMultipleOriginColorsAndGradients();\n\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>\n\t\t\t\t{ !! url && (\n\t\t\t\t\t<ToolsPanel\n\t\t\t\t\t\tlabel={ __( 'Settings' ) }\n\t\t\t\t\t\tresetAll={ () => {\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\thasParallax: false,\n\t\t\t\t\t\t\t\tfocalPoint: undefined,\n\t\t\t\t\t\t\t\tisRepeated: false,\n\t\t\t\t\t\t\t\talt: '',\n\t\t\t\t\t\t\t\tposter: undefined,\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\tupdateImage( DEFAULT_MEDIA_SIZE_SLUG );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ isImageBackground && (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Fixed background' ) }\n\t\t\t\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\t\t\t\thasValue={ () => !! hasParallax }\n\t\t\t\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\t\thasParallax: false,\n\t\t\t\t\t\t\t\t\t\t\tfocalPoint: undefined,\n\t\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Fixed background' ) }\n\t\t\t\t\t\t\t\t\t\tchecked={ !! hasParallax }\n\t\t\t\t\t\t\t\t\t\tonChange={ toggleParallax }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</ToolsPanelItem>\n\n\t\t\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Repeated background' ) }\n\t\t\t\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\t\t\t\thasValue={ () => isRepeated }\n\t\t\t\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\t\tisRepeated: false,\n\t\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Repeated background' ) }\n\t\t\t\t\t\t\t\t\t\tchecked={ isRepeated }\n\t\t\t\t\t\t\t\t\t\tonChange={ toggleIsRepeated }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ showFocalPointPicker && (\n\t\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\t\tlabel={ __( 'Focal point' ) }\n\t\t\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\t\t\thasValue={ () => !! focalPoint }\n\t\t\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\tfocalPoint: undefined,\n\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<FocalPointPicker\n\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Focal point' ) }\n\t\t\t\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\t\t\t\tvalue={ focalPoint }\n\t\t\t\t\t\t\t\t\tonDragStart={ imperativeFocalPointPreview }\n\t\t\t\t\t\t\t\t\tonDrag={ imperativeFocalPointPreview }\n\t\t\t\t\t\t\t\t\tonChange={ ( newFocalPoint ) =>\n\t\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\t\tfocalPoint: newFocalPoint,\n\t\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ isVideoBackground && (\n\t\t\t\t\t\t\t<PosterImage\n\t\t\t\t\t\t\t\tposter={ poster }\n\t\t\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ ! useFeaturedImage && url && ! isVideoBackground && (\n\t\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\t\t\thasValue={ () => !! alt }\n\t\t\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\t\t\tsetAttributes( { alt: '' } )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<TextareaControl\n\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\t\t\t\t\tvalue={ alt }\n\t\t\t\t\t\t\t\t\tonChange={ ( newAlt ) =>\n\t\t\t\t\t\t\t\t\t\tsetAttributes( { alt: newAlt } )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\t\t\t\thref={\n\t\t\t\t\t\t\t\t\t\t\t\t\t// translators: Localized tutorial, if one exists. W3C Web Accessibility Initiative link has list of existing translations.\n\t\t\t\t\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'https://www.w3.org/WAI/tutorials/images/decision-tree/'\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'Describe the purpose of the image.'\n\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Leave empty if decorative.'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ !! imageSizeOptions?.length && (\n\t\t\t\t\t\t\t<ResolutionTool\n\t\t\t\t\t\t\t\tvalue={ sizeSlug }\n\t\t\t\t\t\t\t\tonChange={ updateImage }\n\t\t\t\t\t\t\t\toptions={ imageSizeOptions }\n\t\t\t\t\t\t\t\tdefaultValue={ DEFAULT_MEDIA_SIZE_SLUG }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</ToolsPanel>\n\t\t\t\t) }\n\t\t\t</InspectorControls>\n\t\t\t{ colorGradientSettings.hasColorsOrGradients && (\n\t\t\t\t<InspectorControls group=\"color\">\n\t\t\t\t\t<ColorGradientSettingsDropdown\n\t\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t\t\tsettings={ [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tcolorValue: overlayColor.color,\n\t\t\t\t\t\t\t\tgradientValue,\n\t\t\t\t\t\t\t\tlabel: __( 'Overlay' ),\n\t\t\t\t\t\t\t\tonColorChange: setOverlayColor,\n\t\t\t\t\t\t\t\tonGradientChange: setGradient,\n\t\t\t\t\t\t\t\tisShownByDefault: true,\n\t\t\t\t\t\t\t\tresetAllFilter: () => ( {\n\t\t\t\t\t\t\t\t\toverlayColor: undefined,\n\t\t\t\t\t\t\t\t\tcustomOverlayColor: undefined,\n\t\t\t\t\t\t\t\t\tgradient: undefined,\n\t\t\t\t\t\t\t\t\tcustomGradient: undefined,\n\t\t\t\t\t\t\t\t} ),\n\t\t\t\t\t\t\t\tclearable: true,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t] }\n\t\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t\t\t{ ...colorGradientSettings }\n\t\t\t\t\t/>\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\thasValue={ () => {\n\t\t\t\t\t\t\t// If there's a media background the dimRatio will be\n\t\t\t\t\t\t\t// defaulted to 50 whereas it will be 100 for colors.\n\t\t\t\t\t\t\treturn dimRatio === undefined\n\t\t\t\t\t\t\t\t? false\n\t\t\t\t\t\t\t\t: dimRatio !== ( url ? 50 : 100 );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tlabel={ __( 'Overlay opacity' ) }\n\t\t\t\t\t\tonDeselect={ () => updateDimRatio( url ? 50 : 100 ) }\n\t\t\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\t\t\tdimRatio: url ? 50 : 100,\n\t\t\t\t\t\t} ) }\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t\t>\n\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Overlay opacity' ) }\n\t\t\t\t\t\t\tvalue={ dimRatio }\n\t\t\t\t\t\t\tonChange={ ( newDimRatio ) =>\n\t\t\t\t\t\t\t\tupdateDimRatio( newDimRatio )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\t\tmax={ 100 }\n\t\t\t\t\t\t\tstep={ 10 }\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t</InspectorControls>\n\t\t\t) }\n\t\t\t<InspectorControls group=\"dimensions\">\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tclassName=\"single-column\"\n\t\t\t\t\thasValue={ () => !! minHeight }\n\t\t\t\t\tlabel={ __( 'Minimum height' ) }\n\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tminHeight: undefined,\n\t\t\t\t\t\t\tminHeightUnit: undefined,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\t\tminHeight: undefined,\n\t\t\t\t\t\tminHeightUnit: undefined,\n\t\t\t\t\t} ) }\n\t\t\t\t\tisShownByDefault\n\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t>\n\t\t\t\t\t<CoverHeightInput\n\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\tattributes?.style?.dimensions?.aspectRatio\n\t\t\t\t\t\t\t\t? ''\n\t\t\t\t\t\t\t\t: minHeight\n\t\t\t\t\t\t}\n\t\t\t\t\t\tunit={ minHeightUnit }\n\t\t\t\t\t\tonChange={ ( newMinHeight ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tminHeight: newMinHeight,\n\t\t\t\t\t\t\t\tstyle: cleanEmptyObject( {\n\t\t\t\t\t\t\t\t\t...attributes?.style,\n\t\t\t\t\t\t\t\t\tdimensions: {\n\t\t\t\t\t\t\t\t\t\t...attributes?.style?.dimensions,\n\t\t\t\t\t\t\t\t\t\taspectRatio: undefined, // Reset aspect ratio when minHeight is set.\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t} ),\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonUnitChange={ ( nextUnit ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tminHeightUnit: nextUnit,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t</InspectorControls>\n\t\t\t<InspectorControls group=\"advanced\">\n\t\t\t\t<HTMLElementControl\n\t\t\t\t\ttagName={ tagName }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { tagName: value } )\n\t\t\t\t\t}\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\toptions={ [\n\t\t\t\t\t\t{ label: __( 'Default (<div>)' ), value: 'div' },\n\t\t\t\t\t\t{ label: '<header>', value: 'header' },\n\t\t\t\t\t\t{ label: '<main>', value: 'main' },\n\t\t\t\t\t\t{ label: '<section>', value: 'section' },\n\t\t\t\t\t\t{ label: '<article>', value: 'article' },\n\t\t\t\t\t\t{ label: '<aside>', value: 'aside' },\n\t\t\t\t\t\t{ label: '<footer>', value: 'footer' },\n\t\t\t\t\t] }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/cover/edit/poster-image.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _blockEditor = require("@wordpress/block-editor");
+var _components = require("@wordpress/components");
+var _i18n = require("@wordpress/i18n");
+var _element = require("@wordpress/element");
+var _compose = require("@wordpress/compose");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * WordPress dependencies
+ */
+
+const COVER_POSTER_ALLOWED_MEDIA_TYPES = ['image'];
+function PosterImage({
+  poster,
+  setAttributes
+}) {
+  const posterButtonRef = (0, _element.useRef)();
+  const descriptionId = (0, _compose.useInstanceId)(PosterImage, 'cover-block__poster-image-description');
+  function onSelectPoster(image) {
+    setAttributes({
+      poster: image.url
+    });
+  }
+  function onRemovePoster() {
+    setAttributes({
+      poster: undefined
+    });
+
+    // Move focus back to the Media Upload button.
+    posterButtonRef.current.focus();
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.MediaUploadCheck, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalToolsPanelItem, {
+      label: (0, _i18n.__)('Poster image'),
+      isShownByDefault: true,
+      hasValue: () => !!poster,
+      onDeselect: () => {
+        setAttributes({
+          poster: undefined
+        });
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BaseControl.VisualLabel, {
+        children: (0, _i18n.__)('Poster image')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+        justify: "flex-start",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.MediaUpload, {
+          title: (0, _i18n.__)('Select poster image'),
+          onSelect: onSelectPoster,
+          allowedTypes: COVER_POSTER_ALLOWED_MEDIA_TYPES,
+          render: ({
+            open
+          }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+            __next40pxDefaultSize: true,
+            variant: "primary",
+            onClick: open,
+            ref: posterButtonRef,
+            "aria-describedby": descriptionId,
+            children: !poster ? (0, _i18n.__)('Select') : (0, _i18n.__)('Replace')
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+          id: descriptionId,
+          hidden: true,
+          children: poster ? (0, _i18n.sprintf)(/* translators: %s: poster image URL. */
+          (0, _i18n.__)('The current poster image url is %s.'), poster) : (0, _i18n.__)('There is no poster image currently selected.')
+        }), !!poster && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+          __next40pxDefaultSize: true,
+          onClick: onRemovePoster,
+          variant: "tertiary",
+          children: (0, _i18n.__)('Remove')
+        })]
+      })]
+    })
+  });
+}
+var _default = exports.default = PosterImage;
+//# sourceMappingURL=poster-image.js.map

package/build/cover/edit/poster-image.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_blockEditor","require","_components","_i18n","_element","_compose","_jsxRuntime","COVER_POSTER_ALLOWED_MEDIA_TYPES","PosterImage","poster","setAttributes","posterButtonRef","useRef","descriptionId","useInstanceId","onSelectPoster","image","url","onRemovePoster","undefined","current","focus","jsx","MediaUploadCheck","children","jsxs","__experimentalToolsPanelItem","label","__","isShownByDefault","hasValue","onDeselect","BaseControl","VisualLabel","__experimentalHStack","justify","MediaUpload","title","onSelect","allowedTypes","render","open","Button","__next40pxDefaultSize","variant","onClick","ref","id","hidden","sprintf","_default","exports","default"],"sources":["@wordpress/block-library/src/cover/edit/poster-image.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { MediaUpload, MediaUploadCheck } from '@wordpress/block-editor';\nimport {\n\tButton,\n\tBaseControl,\n\t__experimentalHStack as HStack,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useRef } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\n\nconst COVER_POSTER_ALLOWED_MEDIA_TYPES = [ 'image' ];\n\nfunction PosterImage( { poster, setAttributes } ) {\n\tconst posterButtonRef = useRef();\n\tconst descriptionId = useInstanceId(\n\t\tPosterImage,\n\t\t'cover-block__poster-image-description'\n\t);\n\n\tfunction onSelectPoster( image ) {\n\t\tsetAttributes( { poster: image.url } );\n\t}\n\n\tfunction onRemovePoster() {\n\t\tsetAttributes( { poster: undefined } );\n\n\t\t// Move focus back to the Media Upload button.\n\t\tposterButtonRef.current.focus();\n\t}\n\n\treturn (\n\t\t<MediaUploadCheck>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Poster image' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => !! poster }\n\t\t\t\tonDeselect={ () => {\n\t\t\t\t\tsetAttributes( { poster: undefined } );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<BaseControl.VisualLabel>\n\t\t\t\t\t{ __( 'Poster image' ) }\n\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t<HStack justify=\"flex-start\">\n\t\t\t\t\t<MediaUpload\n\t\t\t\t\t\ttitle={ __( 'Select poster image' ) }\n\t\t\t\t\t\tonSelect={ onSelectPoster }\n\t\t\t\t\t\tallowedTypes={ COVER_POSTER_ALLOWED_MEDIA_TYPES }\n\t\t\t\t\t\trender={ ( { open } ) => (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\tonClick={ open }\n\t\t\t\t\t\t\t\tref={ posterButtonRef }\n\t\t\t\t\t\t\t\taria-describedby={ descriptionId }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ ! poster ? __( 'Select' ) : __( 'Replace' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t\t<p id={ descriptionId } hidden>\n\t\t\t\t\t\t{ poster\n\t\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t\t/* translators: %s: poster image URL. */\n\t\t\t\t\t\t\t\t\t__( 'The current poster image url is %s.' ),\n\t\t\t\t\t\t\t\t\tposter\n\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t: __(\n\t\t\t\t\t\t\t\t\t'There is no poster image currently selected.'\n\t\t\t\t\t\t\t  ) }\n\t\t\t\t\t</p>\n\t\t\t\t\t{ !! poster && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tonClick={ onRemovePoster }\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Remove' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t) }\n\t\t\t\t</HStack>\n\t\t\t</ToolsPanelItem>\n\t\t</MediaUploadCheck>\n\t);\n}\n\nexport default PosterImage;\n"],"mappings":"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","ignoreList":[]}

package/build/cover/index.js

@@ -102,6 +102,12 @@ const metadata = exports.metadata = {
     },
     sizeSlug: {
       type: "string"
+    },
+    poster: {
+      type: "string",
+      source: "attribute",
+      selector: "video",
+      attribute: "poster"
     }
   },
   usesContext: ["postId", "postType"],