@wordpress/block-library 8.20.1 → 8.21.1-next.f8d8eceb.0

package/build/cover/controls.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_reactNativeVideo","_interopRequireDefault","_components","_icons","_element","_compose","_blockEditor","_i18n","_style","_overlayColorSettings","_focalPointSettingsButton","_shared","Controls","attributes","didUploadFail","hasOnlyColorBackground","isUploadInProgress","onClearMedia","onSelectMedia","setAttributes","backgroundType","dimRatio","hasParallax","focalPoint","minHeight","minHeightUnit","url","CONTAINER_HEIGHT","COVER_DEFAULT_HEIGHT","onHeightChange","useCallback","value","units","useCustomUnits","availableUnits","useSetting","defaultValues","px","em","rem","vw","vh","onOpacityChange","onChangeUnit","nextUnit","Math","max","COVER_MIN_HEIGHT","displayPlaceholder","setDisplayPlaceholder","useState","setFocalPoint","toggleParallax","undefined","IMAGE_DEFAULT_FOCAL_POINT","addMediaButtonStyle","usePreferredColorSchemeStyle","styles","addMediaButton","addMediaButtonDark","focalPointPosition","x","y","left","top","videoNaturalSize","setVideoNaturalSize","videoRef","useRef","mediaBackground","mediaBackgroundDark","imagePreviewStyles","imagePlaceholder","videoPreviewStyles","aspectRatio","width","height","opacity","video","focalPointHint","_react","createElement","Icon","icon","plus","size","style","renderMediaSection","open","openMediaOptions","getMediaOptions","Fragment","BottomSheet","Cell","accessible","cellContainerStyle","mediaPreview","View","mediaInner","IMAGE_BACKGROUND_TYPE","Image","editButton","highlightSelected","isSelected","isUploadFailed","mediaPickerOptions","destructiveButton","id","label","__","onPress","separated","onImageDataLoad","onSelectMediaUploadOption","image","VIDEO_BACKGROUND_TYPE","default","muted","paused","disableFocus","onLoadStart","onLoad","event","naturalSize","current","seek","ref","resizeMode","source","uri","disabled","onFocalPointChange","ToggleControl","checked","onChange","TextControl","leftAlign","labelStyle","clearMediaButton","accessibilityLabel","PanelBody","title","MediaUpload","allowedTypes","ALLOWED_MEDIA_TYPES","isReplacingMedia","onSelect","render","overlayColor","customOverlayColor","gradient","customGradient","RangeControl","minimumValue","maximumValue","rangeCellContainer","separatorType","UnitControl","min","COVER_MAX_HEIGHT","unit","onUnitChange","key","_default","exports"],"sources":["@wordpress/block-library/src/cover/controls.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\nimport Video from 'react-native-video';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tImage,\n\tIcon,\n\tIMAGE_DEFAULT_FOCAL_POINT,\n\tPanelBody,\n\tRangeControl,\n\tUnitControl,\n\tTextControl,\n\tBottomSheet,\n\tToggleControl,\n\t__experimentalUseCustomUnits as useCustomUnits,\n} from '@wordpress/components';\nimport { plus } from '@wordpress/icons';\nimport { useState, useCallback, useRef } from '@wordpress/element';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { useSetting, MediaUpload } from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport OverlayColorSettings from './overlay-color-settings';\nimport FocalPointSettingsButton from './focal-point-settings-button';\nimport {\n\tALLOWED_MEDIA_TYPES,\n\tCOVER_MIN_HEIGHT,\n\tCOVER_MAX_HEIGHT,\n\tCOVER_DEFAULT_HEIGHT,\n\tIMAGE_BACKGROUND_TYPE,\n\tVIDEO_BACKGROUND_TYPE,\n} from './shared';\n\nfunction Controls( {\n\tattributes,\n\tdidUploadFail,\n\thasOnlyColorBackground,\n\tisUploadInProgress,\n\tonClearMedia,\n\tonSelectMedia,\n\tsetAttributes,\n} ) {\n\tconst {\n\t\tbackgroundType,\n\t\tdimRatio,\n\t\thasParallax,\n\t\tfocalPoint,\n\t\tminHeight,\n\t\tminHeightUnit = 'px',\n\t\turl,\n\t} = attributes;\n\tconst CONTAINER_HEIGHT = minHeight || COVER_DEFAULT_HEIGHT;\n\tconst onHeightChange = useCallback(\n\t\t( value ) => {\n\t\t\tif ( minHeight || value !== COVER_DEFAULT_HEIGHT ) {\n\t\t\t\tsetAttributes( { minHeight: value } );\n\t\t\t}\n\t\t},\n\t\t[ minHeight ]\n\t);\n\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: useSetting( 'spacing.units' ) || [\n\t\t\t'px',\n\t\t\t'em',\n\t\t\t'rem',\n\t\t\t'vw',\n\t\t\t'vh',\n\t\t],\n\t\tdefaultValues: { px: 430, em: 20, rem: 20, vw: 20, vh: 50 },\n\t} );\n\n\tconst onOpacityChange = useCallback( ( value ) => {\n\t\tsetAttributes( { dimRatio: value } );\n\t}, [] );\n\n\tconst onChangeUnit = useCallback( ( nextUnit ) => {\n\t\tsetAttributes( {\n\t\t\tminHeightUnit: nextUnit,\n\t\t\tminHeight:\n\t\t\t\tnextUnit === 'px'\n\t\t\t\t\t? Math.max( CONTAINER_HEIGHT, COVER_MIN_HEIGHT )\n\t\t\t\t\t: CONTAINER_HEIGHT,\n\t\t} );\n\t}, [] );\n\n\tconst [ displayPlaceholder, setDisplayPlaceholder ] = useState( true );\n\n\tfunction setFocalPoint( value ) {\n\t\tsetAttributes( { focalPoint: value } );\n\t}\n\n\tconst toggleParallax = () => {\n\t\tsetAttributes( {\n\t\t\thasParallax: ! hasParallax,\n\t\t\t...( ! hasParallax\n\t\t\t\t? { focalPoint: undefined }\n\t\t\t\t: { focalPoint: IMAGE_DEFAULT_FOCAL_POINT } ),\n\t\t} );\n\t};\n\n\tconst addMediaButtonStyle = usePreferredColorSchemeStyle(\n\t\tstyles.addMediaButton,\n\t\tstyles.addMediaButtonDark\n\t);\n\n\tfunction focalPointPosition( { x, y } = IMAGE_DEFAULT_FOCAL_POINT ) {\n\t\treturn {\n\t\t\tleft: `${ ( hasParallax ? 0.5 : x ) * 100 }%`,\n\t\t\ttop: `${ ( hasParallax ? 0.5 : y ) * 100 }%`,\n\t\t};\n\t}\n\n\tconst [ videoNaturalSize, setVideoNaturalSize ] = useState( null );\n\tconst videoRef = useRef( null );\n\n\tconst mediaBackground = usePreferredColorSchemeStyle(\n\t\tstyles.mediaBackground,\n\t\tstyles.mediaBackgroundDark\n\t);\n\tconst imagePreviewStyles = [\n\t\tdisplayPlaceholder && styles.imagePlaceholder,\n\t];\n\tconst videoPreviewStyles = [\n\t\t{\n\t\t\taspectRatio:\n\t\t\t\tvideoNaturalSize &&\n\t\t\t\tvideoNaturalSize.width / videoNaturalSize.height,\n\t\t\t// Hide Video component since it has black background while loading the source\n\t\t\topacity: displayPlaceholder ? 0 : 1,\n\t\t},\n\t\tstyles.video,\n\t\tdisplayPlaceholder && styles.imagePlaceholder,\n\t];\n\n\tconst focalPointHint = ! hasParallax && ! displayPlaceholder && (\n\t\t<Icon\n\t\t\ticon={ plus }\n\t\t\tsize={ styles.focalPointHint?.width }\n\t\t\tstyle={ [\n\t\t\t\tstyles.focalPointHint,\n\t\t\t\tfocalPointPosition( focalPoint ),\n\t\t\t] }\n\t\t/>\n\t);\n\n\tconst renderMediaSection = ( {\n\t\topen: openMediaOptions,\n\t\tgetMediaOptions,\n\t} ) => (\n\t\t<>\n\t\t\t{ getMediaOptions() }\n\t\t\t{ url ? (\n\t\t\t\t<>\n\t\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\t\taccessible={ false }\n\t\t\t\t\t\tcellContainerStyle={ [\n\t\t\t\t\t\t\tstyles.mediaPreview,\n\t\t\t\t\t\t\tmediaBackground,\n\t\t\t\t\t\t] }\n\t\t\t\t\t>\n\t\t\t\t\t\t<View style={ styles.mediaInner }>\n\t\t\t\t\t\t\t{ IMAGE_BACKGROUND_TYPE === backgroundType && (\n\t\t\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\t\t\teditButton={ ! displayPlaceholder }\n\t\t\t\t\t\t\t\t\thighlightSelected={ false }\n\t\t\t\t\t\t\t\t\tisSelected={ ! displayPlaceholder }\n\t\t\t\t\t\t\t\t\tisUploadFailed={ didUploadFail }\n\t\t\t\t\t\t\t\t\tisUploadInProgress={ isUploadInProgress }\n\t\t\t\t\t\t\t\t\tmediaPickerOptions={ [\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\tdestructiveButton: true,\n\t\t\t\t\t\t\t\t\t\t\tid: 'clearMedia',\n\t\t\t\t\t\t\t\t\t\t\tlabel: __( 'Clear Media' ),\n\t\t\t\t\t\t\t\t\t\t\tonPress: onClearMedia,\n\t\t\t\t\t\t\t\t\t\t\tseparated: true,\n\t\t\t\t\t\t\t\t\t\t\tvalue: 'clearMedia',\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\tonImageDataLoad={ () => {\n\t\t\t\t\t\t\t\t\t\tsetDisplayPlaceholder( false );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tonSelectMediaUploadOption={ onSelectMedia }\n\t\t\t\t\t\t\t\t\topenMediaOptions={ openMediaOptions }\n\t\t\t\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\t\t\t\theight=\"100%\"\n\t\t\t\t\t\t\t\t\tstyle={ imagePreviewStyles }\n\t\t\t\t\t\t\t\t\twidth={ styles.image?.width }\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{ VIDEO_BACKGROUND_TYPE === backgroundType && (\n\t\t\t\t\t\t\t\t<Video\n\t\t\t\t\t\t\t\t\tmuted\n\t\t\t\t\t\t\t\t\tpaused\n\t\t\t\t\t\t\t\t\tdisableFocus\n\t\t\t\t\t\t\t\t\tonLoadStart={ () => {\n\t\t\t\t\t\t\t\t\t\tsetDisplayPlaceholder( true );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tonLoad={ ( event ) => {\n\t\t\t\t\t\t\t\t\t\tconst { height, width } =\n\t\t\t\t\t\t\t\t\t\t\tevent.naturalSize;\n\t\t\t\t\t\t\t\t\t\tsetVideoNaturalSize( {\n\t\t\t\t\t\t\t\t\t\t\theight,\n\t\t\t\t\t\t\t\t\t\t\twidth,\n\t\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\t\tsetDisplayPlaceholder( false );\n\t\t\t\t\t\t\t\t\t\t// Avoid invisible, paused video on Android, presumably\n\t\t\t\t\t\t\t\t\t\t// related to https://github.com/react-native-video/react-native-video/issues/1979\n\t\t\t\t\t\t\t\t\t\tvideoRef?.current.seek( 0 );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tref={ videoRef }\n\t\t\t\t\t\t\t\t\tresizeMode={ 'cover' }\n\t\t\t\t\t\t\t\t\tsource={ { uri: url } }\n\t\t\t\t\t\t\t\t\tstyle={ videoPreviewStyles }\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{ displayPlaceholder ? null : focalPointHint }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</BottomSheet.Cell>\n\t\t\t\t\t<FocalPointSettingsButton\n\t\t\t\t\t\tdisabled={ hasParallax }\n\t\t\t\t\t\tfocalPoint={ focalPoint || IMAGE_DEFAULT_FOCAL_POINT }\n\t\t\t\t\t\tonFocalPointChange={ setFocalPoint }\n\t\t\t\t\t\turl={ url }\n\t\t\t\t\t/>\n\t\t\t\t\t{ IMAGE_BACKGROUND_TYPE === backgroundType && (\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\tlabel={ __( 'Fixed background' ) }\n\t\t\t\t\t\t\tchecked={ hasParallax }\n\t\t\t\t\t\t\tonChange={ toggleParallax }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\tleftAlign\n\t\t\t\t\t\tlabel={ __( 'Clear Media' ) }\n\t\t\t\t\t\tlabelStyle={ styles.clearMediaButton }\n\t\t\t\t\t\tonPress={ onClearMedia }\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<TextControl\n\t\t\t\t\taccessibilityLabel={ __( 'Add image or video' ) }\n\t\t\t\t\tlabel={ __( 'Add image or video' ) }\n\t\t\t\t\tlabelStyle={ addMediaButtonStyle }\n\t\t\t\t\tleftAlign\n\t\t\t\t\tonPress={ openMediaOptions }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<PanelBody title={ __( 'Media' ) }>\n\t\t\t\t<MediaUpload\n\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\tisReplacingMedia={ ! hasOnlyColorBackground }\n\t\t\t\t\tonSelect={ onSelectMedia }\n\t\t\t\t\trender={ renderMediaSection }\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\n\t\t\t<OverlayColorSettings\n\t\t\t\toverlayColor={ attributes.overlayColor }\n\t\t\t\tcustomOverlayColor={ attributes.customOverlayColor }\n\t\t\t\tgradient={ attributes.gradient }\n\t\t\t\tcustomGradient={ attributes.customGradient }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t/>\n\n\t\t\t{ url ? (\n\t\t\t\t<PanelBody>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\tlabel={ __( 'Opacity' ) }\n\t\t\t\t\t\tminimumValue={ 0 }\n\t\t\t\t\t\tmaximumValue={ 100 }\n\t\t\t\t\t\tvalue={ dimRatio }\n\t\t\t\t\t\tonChange={ onOpacityChange }\n\t\t\t\t\t\tstyle={ styles.rangeCellContainer }\n\t\t\t\t\t\tseparatorType={ 'topFullWidth' }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t) : null }\n\n\t\t\t<PanelBody title={ __( 'Dimensions' ) }>\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ __( 'Minimum height' ) }\n\t\t\t\t\tmin={ minHeightUnit === 'px' ? COVER_MIN_HEIGHT : 1 }\n\t\t\t\t\tmax={ COVER_MAX_HEIGHT }\n\t\t\t\t\tunit={ minHeightUnit }\n\t\t\t\t\tvalue={ CONTAINER_HEIGHT }\n\t\t\t\t\tonChange={ onHeightChange }\n\t\t\t\t\tonUnitChange={ onChangeUnit }\n\t\t\t\t\tunits={ units }\n\t\t\t\t\tstyle={ styles.rangeCellContainer }\n\t\t\t\t\tkey={ minHeightUnit }\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\t\t</>\n\t);\n}\n\nexport default Controls;\n"],"mappings":"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"}
+{"version":3,"names":["_reactNative","require","_reactNativeVideo","_interopRequireDefault","_components","_icons","_element","_compose","_blockEditor","_i18n","_style","_overlayColorSettings","_focalPointSettingsButton","_shared","Controls","attributes","didUploadFail","hasOnlyColorBackground","isUploadInProgress","onClearMedia","onSelectMedia","setAttributes","backgroundType","dimRatio","hasParallax","focalPoint","minHeight","minHeightUnit","url","CONTAINER_HEIGHT","COVER_DEFAULT_HEIGHT","onHeightChange","useCallback","value","availableUnits","useSettings","units","useCustomUnits","defaultValues","px","em","rem","vw","vh","onOpacityChange","onChangeUnit","nextUnit","Math","max","COVER_MIN_HEIGHT","displayPlaceholder","setDisplayPlaceholder","useState","setFocalPoint","toggleParallax","undefined","IMAGE_DEFAULT_FOCAL_POINT","addMediaButtonStyle","usePreferredColorSchemeStyle","styles","addMediaButton","addMediaButtonDark","focalPointPosition","x","y","left","top","videoNaturalSize","setVideoNaturalSize","videoRef","useRef","mediaBackground","mediaBackgroundDark","imagePreviewStyles","imagePlaceholder","videoPreviewStyles","aspectRatio","width","height","opacity","video","focalPointHint","_react","createElement","Icon","icon","plus","size","style","renderMediaSection","open","openMediaOptions","getMediaOptions","Fragment","BottomSheet","Cell","accessible","cellContainerStyle","mediaPreview","View","mediaInner","IMAGE_BACKGROUND_TYPE","Image","editButton","highlightSelected","isSelected","isUploadFailed","mediaPickerOptions","destructiveButton","id","label","__","onPress","separated","onImageDataLoad","onSelectMediaUploadOption","image","VIDEO_BACKGROUND_TYPE","default","muted","paused","disableFocus","onLoadStart","onLoad","event","naturalSize","current","seek","ref","resizeMode","source","uri","disabled","onFocalPointChange","ToggleControl","checked","onChange","TextControl","leftAlign","labelStyle","clearMediaButton","accessibilityLabel","PanelBody","title","MediaUpload","allowedTypes","ALLOWED_MEDIA_TYPES","isReplacingMedia","onSelect","render","overlayColor","customOverlayColor","gradient","customGradient","RangeControl","minimumValue","maximumValue","rangeCellContainer","separatorType","UnitControl","min","COVER_MAX_HEIGHT","unit","onUnitChange","key","_default","exports"],"sources":["@wordpress/block-library/src/cover/controls.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\nimport Video from 'react-native-video';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tImage,\n\tIcon,\n\tIMAGE_DEFAULT_FOCAL_POINT,\n\tPanelBody,\n\tRangeControl,\n\tUnitControl,\n\tTextControl,\n\tBottomSheet,\n\tToggleControl,\n\t__experimentalUseCustomUnits as useCustomUnits,\n} from '@wordpress/components';\nimport { plus } from '@wordpress/icons';\nimport { useState, useCallback, useRef } from '@wordpress/element';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { useSettings, MediaUpload } from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport OverlayColorSettings from './overlay-color-settings';\nimport FocalPointSettingsButton from './focal-point-settings-button';\nimport {\n\tALLOWED_MEDIA_TYPES,\n\tCOVER_MIN_HEIGHT,\n\tCOVER_MAX_HEIGHT,\n\tCOVER_DEFAULT_HEIGHT,\n\tIMAGE_BACKGROUND_TYPE,\n\tVIDEO_BACKGROUND_TYPE,\n} from './shared';\n\nfunction Controls( {\n\tattributes,\n\tdidUploadFail,\n\thasOnlyColorBackground,\n\tisUploadInProgress,\n\tonClearMedia,\n\tonSelectMedia,\n\tsetAttributes,\n} ) {\n\tconst {\n\t\tbackgroundType,\n\t\tdimRatio,\n\t\thasParallax,\n\t\tfocalPoint,\n\t\tminHeight,\n\t\tminHeightUnit = 'px',\n\t\turl,\n\t} = attributes;\n\tconst CONTAINER_HEIGHT = minHeight || COVER_DEFAULT_HEIGHT;\n\tconst onHeightChange = useCallback(\n\t\t( value ) => {\n\t\t\tif ( minHeight || value !== COVER_DEFAULT_HEIGHT ) {\n\t\t\t\tsetAttributes( { minHeight: value } );\n\t\t\t}\n\t\t},\n\t\t[ minHeight ]\n\t);\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, em: 20, rem: 20, vw: 20, vh: 50 },\n\t} );\n\n\tconst onOpacityChange = useCallback( ( value ) => {\n\t\tsetAttributes( { dimRatio: value } );\n\t}, [] );\n\n\tconst onChangeUnit = useCallback( ( nextUnit ) => {\n\t\tsetAttributes( {\n\t\t\tminHeightUnit: nextUnit,\n\t\t\tminHeight:\n\t\t\t\tnextUnit === 'px'\n\t\t\t\t\t? Math.max( CONTAINER_HEIGHT, COVER_MIN_HEIGHT )\n\t\t\t\t\t: CONTAINER_HEIGHT,\n\t\t} );\n\t}, [] );\n\n\tconst [ displayPlaceholder, setDisplayPlaceholder ] = useState( true );\n\n\tfunction setFocalPoint( value ) {\n\t\tsetAttributes( { focalPoint: value } );\n\t}\n\n\tconst toggleParallax = () => {\n\t\tsetAttributes( {\n\t\t\thasParallax: ! hasParallax,\n\t\t\t...( ! hasParallax\n\t\t\t\t? { focalPoint: undefined }\n\t\t\t\t: { focalPoint: IMAGE_DEFAULT_FOCAL_POINT } ),\n\t\t} );\n\t};\n\n\tconst addMediaButtonStyle = usePreferredColorSchemeStyle(\n\t\tstyles.addMediaButton,\n\t\tstyles.addMediaButtonDark\n\t);\n\n\tfunction focalPointPosition( { x, y } = IMAGE_DEFAULT_FOCAL_POINT ) {\n\t\treturn {\n\t\t\tleft: `${ ( hasParallax ? 0.5 : x ) * 100 }%`,\n\t\t\ttop: `${ ( hasParallax ? 0.5 : y ) * 100 }%`,\n\t\t};\n\t}\n\n\tconst [ videoNaturalSize, setVideoNaturalSize ] = useState( null );\n\tconst videoRef = useRef( null );\n\n\tconst mediaBackground = usePreferredColorSchemeStyle(\n\t\tstyles.mediaBackground,\n\t\tstyles.mediaBackgroundDark\n\t);\n\tconst imagePreviewStyles = [\n\t\tdisplayPlaceholder && styles.imagePlaceholder,\n\t];\n\tconst videoPreviewStyles = [\n\t\t{\n\t\t\taspectRatio:\n\t\t\t\tvideoNaturalSize &&\n\t\t\t\tvideoNaturalSize.width / videoNaturalSize.height,\n\t\t\t// Hide Video component since it has black background while loading the source\n\t\t\topacity: displayPlaceholder ? 0 : 1,\n\t\t},\n\t\tstyles.video,\n\t\tdisplayPlaceholder && styles.imagePlaceholder,\n\t];\n\n\tconst focalPointHint = ! hasParallax && ! displayPlaceholder && (\n\t\t<Icon\n\t\t\ticon={ plus }\n\t\t\tsize={ styles.focalPointHint?.width }\n\t\t\tstyle={ [\n\t\t\t\tstyles.focalPointHint,\n\t\t\t\tfocalPointPosition( focalPoint ),\n\t\t\t] }\n\t\t/>\n\t);\n\n\tconst renderMediaSection = ( {\n\t\topen: openMediaOptions,\n\t\tgetMediaOptions,\n\t} ) => (\n\t\t<>\n\t\t\t{ getMediaOptions() }\n\t\t\t{ url ? (\n\t\t\t\t<>\n\t\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\t\taccessible={ false }\n\t\t\t\t\t\tcellContainerStyle={ [\n\t\t\t\t\t\t\tstyles.mediaPreview,\n\t\t\t\t\t\t\tmediaBackground,\n\t\t\t\t\t\t] }\n\t\t\t\t\t>\n\t\t\t\t\t\t<View style={ styles.mediaInner }>\n\t\t\t\t\t\t\t{ IMAGE_BACKGROUND_TYPE === backgroundType && (\n\t\t\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\t\t\teditButton={ ! displayPlaceholder }\n\t\t\t\t\t\t\t\t\thighlightSelected={ false }\n\t\t\t\t\t\t\t\t\tisSelected={ ! displayPlaceholder }\n\t\t\t\t\t\t\t\t\tisUploadFailed={ didUploadFail }\n\t\t\t\t\t\t\t\t\tisUploadInProgress={ isUploadInProgress }\n\t\t\t\t\t\t\t\t\tmediaPickerOptions={ [\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\tdestructiveButton: true,\n\t\t\t\t\t\t\t\t\t\t\tid: 'clearMedia',\n\t\t\t\t\t\t\t\t\t\t\tlabel: __( 'Clear Media' ),\n\t\t\t\t\t\t\t\t\t\t\tonPress: onClearMedia,\n\t\t\t\t\t\t\t\t\t\t\tseparated: true,\n\t\t\t\t\t\t\t\t\t\t\tvalue: 'clearMedia',\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\tonImageDataLoad={ () => {\n\t\t\t\t\t\t\t\t\t\tsetDisplayPlaceholder( false );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tonSelectMediaUploadOption={ onSelectMedia }\n\t\t\t\t\t\t\t\t\topenMediaOptions={ openMediaOptions }\n\t\t\t\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\t\t\t\theight=\"100%\"\n\t\t\t\t\t\t\t\t\tstyle={ imagePreviewStyles }\n\t\t\t\t\t\t\t\t\twidth={ styles.image?.width }\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{ VIDEO_BACKGROUND_TYPE === backgroundType && (\n\t\t\t\t\t\t\t\t<Video\n\t\t\t\t\t\t\t\t\tmuted\n\t\t\t\t\t\t\t\t\tpaused\n\t\t\t\t\t\t\t\t\tdisableFocus\n\t\t\t\t\t\t\t\t\tonLoadStart={ () => {\n\t\t\t\t\t\t\t\t\t\tsetDisplayPlaceholder( true );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tonLoad={ ( event ) => {\n\t\t\t\t\t\t\t\t\t\tconst { height, width } =\n\t\t\t\t\t\t\t\t\t\t\tevent.naturalSize;\n\t\t\t\t\t\t\t\t\t\tsetVideoNaturalSize( {\n\t\t\t\t\t\t\t\t\t\t\theight,\n\t\t\t\t\t\t\t\t\t\t\twidth,\n\t\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\t\tsetDisplayPlaceholder( false );\n\t\t\t\t\t\t\t\t\t\t// Avoid invisible, paused video on Android, presumably\n\t\t\t\t\t\t\t\t\t\t// related to https://github.com/react-native-video/react-native-video/issues/1979\n\t\t\t\t\t\t\t\t\t\tvideoRef?.current.seek( 0 );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tref={ videoRef }\n\t\t\t\t\t\t\t\t\tresizeMode={ 'cover' }\n\t\t\t\t\t\t\t\t\tsource={ { uri: url } }\n\t\t\t\t\t\t\t\t\tstyle={ videoPreviewStyles }\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{ displayPlaceholder ? null : focalPointHint }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</BottomSheet.Cell>\n\t\t\t\t\t<FocalPointSettingsButton\n\t\t\t\t\t\tdisabled={ hasParallax }\n\t\t\t\t\t\tfocalPoint={ focalPoint || IMAGE_DEFAULT_FOCAL_POINT }\n\t\t\t\t\t\tonFocalPointChange={ setFocalPoint }\n\t\t\t\t\t\turl={ url }\n\t\t\t\t\t/>\n\t\t\t\t\t{ IMAGE_BACKGROUND_TYPE === backgroundType && (\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\tlabel={ __( 'Fixed background' ) }\n\t\t\t\t\t\t\tchecked={ hasParallax }\n\t\t\t\t\t\t\tonChange={ toggleParallax }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\tleftAlign\n\t\t\t\t\t\tlabel={ __( 'Clear Media' ) }\n\t\t\t\t\t\tlabelStyle={ styles.clearMediaButton }\n\t\t\t\t\t\tonPress={ onClearMedia }\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<TextControl\n\t\t\t\t\taccessibilityLabel={ __( 'Add image or video' ) }\n\t\t\t\t\tlabel={ __( 'Add image or video' ) }\n\t\t\t\t\tlabelStyle={ addMediaButtonStyle }\n\t\t\t\t\tleftAlign\n\t\t\t\t\tonPress={ openMediaOptions }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<PanelBody title={ __( 'Media' ) }>\n\t\t\t\t<MediaUpload\n\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\tisReplacingMedia={ ! hasOnlyColorBackground }\n\t\t\t\t\tonSelect={ onSelectMedia }\n\t\t\t\t\trender={ renderMediaSection }\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\n\t\t\t<OverlayColorSettings\n\t\t\t\toverlayColor={ attributes.overlayColor }\n\t\t\t\tcustomOverlayColor={ attributes.customOverlayColor }\n\t\t\t\tgradient={ attributes.gradient }\n\t\t\t\tcustomGradient={ attributes.customGradient }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t/>\n\n\t\t\t{ url ? (\n\t\t\t\t<PanelBody>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\tlabel={ __( 'Opacity' ) }\n\t\t\t\t\t\tminimumValue={ 0 }\n\t\t\t\t\t\tmaximumValue={ 100 }\n\t\t\t\t\t\tvalue={ dimRatio }\n\t\t\t\t\t\tonChange={ onOpacityChange }\n\t\t\t\t\t\tstyle={ styles.rangeCellContainer }\n\t\t\t\t\t\tseparatorType={ 'topFullWidth' }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t) : null }\n\n\t\t\t<PanelBody title={ __( 'Dimensions' ) }>\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ __( 'Minimum height' ) }\n\t\t\t\t\tmin={ minHeightUnit === 'px' ? COVER_MIN_HEIGHT : 1 }\n\t\t\t\t\tmax={ COVER_MAX_HEIGHT }\n\t\t\t\t\tunit={ minHeightUnit }\n\t\t\t\t\tvalue={ CONTAINER_HEIGHT }\n\t\t\t\t\tonChange={ onHeightChange }\n\t\t\t\t\tonUnitChange={ onChangeUnit }\n\t\t\t\t\tunits={ units }\n\t\t\t\t\tstyle={ styles.rangeCellContainer }\n\t\t\t\t\tkey={ minHeightUnit }\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\t\t</>\n\t);\n}\n\nexport default Controls;\n"],"mappings":"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"}

package/build/cover/deprecated.js

@@ -229,6 +229,115 @@ const v12BlockSupports = {
   }
 };
 
+// Deprecation for blocks that does not have the aria-label when the image background is fixed or repeated.
+const v13 = {
+  attributes: v12BlockAttributes,
+  supports: v12BlockSupports,
+  save({
+    attributes
+  }) {
+    const {
+      backgroundType,
+      gradient,
+      contentPosition,
+      customGradient,
+      customOverlayColor,
+      dimRatio,
+      focalPoint,
+      useFeaturedImage,
+      hasParallax,
+      isDark,
+      isRepeated,
+      overlayColor,
+      url,
+      alt,
+      id,
+      minHeight: minHeightProp,
+      minHeightUnit,
+      tagName: Tag
+    } = attributes;
+    const overlayColorClass = (0, _blockEditor.getColorClassName)('background-color', overlayColor);
+    const gradientClass = (0, _blockEditor.__experimentalGetGradientClass)(gradient);
+    const minHeight = minHeightProp && minHeightUnit ? `${minHeightProp}${minHeightUnit}` : minHeightProp;
+    const isImageBackground = _shared.IMAGE_BACKGROUND_TYPE === backgroundType;
+    const isVideoBackground = _shared.VIDEO_BACKGROUND_TYPE === backgroundType;
+    const isImgElement = !(hasParallax || isRepeated);
+    const style = {
+      minHeight: minHeight || undefined
+    };
+    const bgStyle = {
+      backgroundColor: !overlayColorClass ? customOverlayColor : undefined,
+      background: customGradient ? customGradient : undefined
+    };
+    const objectPosition =
+    // prettier-ignore
+    focalPoint && isImgElement ? (0, _shared.mediaPosition)(focalPoint) : undefined;
+    const backgroundImage = url ? `url(${url})` : undefined;
+    const backgroundPosition = (0, _shared.mediaPosition)(focalPoint);
+    const classes = (0, _classnames.default)({
+      'is-light': !isDark,
+      'has-parallax': hasParallax,
+      'is-repeated': isRepeated,
+      'has-custom-content-position': !(0, _shared.isContentPositionCenter)(contentPosition)
+    }, (0, _shared.getPositionClassName)(contentPosition));
+    const imgClasses = (0, _classnames.default)('wp-block-cover__image-background', id ? `wp-image-${id}` : null, {
+      'has-parallax': hasParallax,
+      'is-repeated': isRepeated
+    });
+    const gradientValue = gradient || customGradient;
+    return (0, _react.createElement)(Tag, {
+      ..._blockEditor.useBlockProps.save({
+        className: classes,
+        style
+      })
+    }, (0, _react.createElement)("span", {
+      "aria-hidden": "true",
+      className: (0, _classnames.default)('wp-block-cover__background', overlayColorClass, (0, _shared.dimRatioToClass)(dimRatio), {
+        'has-background-dim': dimRatio !== undefined,
+        // For backwards compatibility. Former versions of the Cover Block applied
+        // `.wp-block-cover__gradient-background` in the presence of
+        // media, a gradient and a dim.
+        'wp-block-cover__gradient-background': url && gradientValue && dimRatio !== 0,
+        'has-background-gradient': gradientValue,
+        [gradientClass]: gradientClass
+      }),
+      style: bgStyle
+    }), !useFeaturedImage && isImageBackground && url && (isImgElement ? (0, _react.createElement)("img", {
+      className: imgClasses,
+      alt: alt,
+      src: url,
+      style: {
+        objectPosition
+      },
+      "data-object-fit": "cover",
+      "data-object-position": objectPosition
+    }) : (0, _react.createElement)("div", {
+      role: "img",
+      className: imgClasses,
+      style: {
+        backgroundPosition,
+        backgroundImage
+      }
+    })), isVideoBackground && url && (0, _react.createElement)("video", {
+      className: (0, _classnames.default)('wp-block-cover__video-background', 'intrinsic-ignore'),
+      autoPlay: true,
+      muted: true,
+      loop: true,
+      playsInline: true,
+      src: url,
+      style: {
+        objectPosition
+      },
+      "data-object-fit": "cover",
+      "data-object-position": objectPosition
+    }), (0, _react.createElement)("div", {
+      ..._blockEditor.useInnerBlocksProps.save({
+        className: 'wp-block-cover__inner-container'
+      })
+    }));
+  }
+};
+
 // Deprecation for blocks to prevent auto overlay color from overriding previously set values.
 const v12 = {
   attributes: v12BlockAttributes,
@@ -1304,6 +1413,6 @@ const v1 = {
     })]];
   }
 };
-var _default = [v12, v11, v10, v9, v8, v7, v6, v5, v4, v3, v2, v1];
+var _default = [v13, v12, v11, v10, v9, v8, v7, v6, v5, v4, v3, v2, v1];
 exports.default = _default;
 //# sourceMappingURL=deprecated.js.map