@wordpress/block-library 9.26.0 → 9.27.0

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\tsizeSlug: undefined,\n\t\t\t\t\t\t\t} );\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"],

package/build/cover/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_icons","_initBlock","_interopRequireDefault","_deprecated","_edit","_save","_transforms","_variations","metadata","exports","$schema","apiVersion","name","title","category","description","textdomain","attributes","url","type","useFeaturedImage","id","alt","hasParallax","isRepeated","dimRatio","overlayColor","customOverlayColor","isUserOverlayColor","backgroundType","focalPoint","minHeight","minHeightUnit","gradient","customGradient","contentPosition","isDark","allowedBlocks","templateLock","tagName","sizeSlug","usesContext","supports","anchor","align","html","shadow","spacing","padding","margin","blockGap","__experimentalDefaultControls","__experimentalBorder","color","radius","style","width","heading","text","background","__experimentalSkipSerialization","enableContrastChecker","dimensions","aspectRatio","typography","fontSize","lineHeight","__experimentalFontFamily","__experimentalFontWeight","__experimentalFontStyle","__experimentalTextTransform","__experimentalTextDecoration","__experimentalLetterSpacing","layout","allowJustification","interactivity","clientNavigation","filter","duotone","selectors","editorStyle","settings","icon","example","innerBlocks","content","__","transforms","save","edit","deprecated","variations","init","initBlock"],"sources":["@wordpress/block-library/src/cover/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { cover as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport deprecated from './deprecated';\nimport edit from './edit';\nimport metadata from './block.json';\nimport save from './save';\nimport transforms from './transforms';\nimport variations from './variations';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {\n\t\tattributes: {\n\t\t\tcustomOverlayColor: '#065174',\n\t\t\tdimRatio: 40,\n\t\t\turl: 'https://s.w.org/images/core/5.3/Windbuchencom.jpg',\n\t\t\tstyle: {\n\t\t\t\ttypography: {\n\t\t\t\t\tfontSize: 48,\n\t\t\t\t},\n\t\t\t\tcolor: {\n\t\t\t\t\ttext: 'white',\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tinnerBlocks: [\n\t\t\t{\n\t\t\t\tname: 'core/paragraph',\n\t\t\t\tattributes: {\n\t\t\t\t\tcontent: `<strong>${ __( 'Snow Patrol' ) }</strong>`,\n\t\t\t\t\talign: 'center',\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t},\n\ttransforms,\n\tsave,\n\tedit,\n\tdeprecated,\n\tvariations,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_icons","_initBlock","_interopRequireDefault","_deprecated","_edit","_save","_transforms","_variations","metadata","exports","$schema","apiVersion","name","title","category","description","textdomain","attributes","url","type","useFeaturedImage","id","alt","hasParallax","isRepeated","dimRatio","overlayColor","customOverlayColor","isUserOverlayColor","backgroundType","focalPoint","minHeight","minHeightUnit","gradient","customGradient","contentPosition","isDark","allowedBlocks","templateLock","tagName","sizeSlug","poster","source","selector","attribute","usesContext","supports","anchor","align","html","shadow","spacing","padding","margin","blockGap","__experimentalDefaultControls","__experimentalBorder","color","radius","style","width","heading","text","background","__experimentalSkipSerialization","enableContrastChecker","dimensions","aspectRatio","typography","fontSize","lineHeight","__experimentalFontFamily","__experimentalFontWeight","__experimentalFontStyle","__experimentalTextTransform","__experimentalTextDecoration","__experimentalLetterSpacing","layout","allowJustification","interactivity","clientNavigation","filter","duotone","selectors","editorStyle","settings","icon","example","innerBlocks","content","__","transforms","save","edit","deprecated","variations","init","initBlock"],"sources":["@wordpress/block-library/src/cover/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { cover as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport deprecated from './deprecated';\nimport edit from './edit';\nimport metadata from './block.json';\nimport save from './save';\nimport transforms from './transforms';\nimport variations from './variations';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {\n\t\tattributes: {\n\t\t\tcustomOverlayColor: '#065174',\n\t\t\tdimRatio: 40,\n\t\t\turl: 'https://s.w.org/images/core/5.3/Windbuchencom.jpg',\n\t\t\tstyle: {\n\t\t\t\ttypography: {\n\t\t\t\t\tfontSize: 48,\n\t\t\t\t},\n\t\t\t\tcolor: {\n\t\t\t\t\ttext: 'white',\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tinnerBlocks: [\n\t\t\t{\n\t\t\t\tname: 'core/paragraph',\n\t\t\t\tattributes: {\n\t\t\t\t\tcontent: `<strong>${ __( 'Snow Patrol' ) }</strong>`,\n\t\t\t\t\talign: 'center',\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t},\n\ttransforms,\n\tsave,\n\tedit,\n\tdeprecated,\n\tvariations,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":"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","ignoreList":[]}

package/build/cover/save.js

@@ -43,7 +43,8 @@ function save({
     minHeight: minHeightProp,
     minHeightUnit,
     tagName: Tag,
-    sizeSlug
+    sizeSlug,
+    poster
   } = attributes;
   const overlayColorClass = (0, _blockEditor.getColorClassName)('background-color', overlayColor);
   const gradientClass = (0, _blockEditor.__experimentalGetGradientClass)(gradient);
@@ -104,6 +105,7 @@ function save({
       loop: true,
       playsInline: true,
       src: url,
+      poster: poster,
       style: {
         objectPosition
       },

package/build/cover/save.js.map

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_blockEditor","_shared","_jsxRuntime","save","attributes","backgroundType","gradient","contentPosition","customGradient","customOverlayColor","dimRatio","focalPoint","useFeaturedImage","hasParallax","isDark","isRepeated","overlayColor","url","alt","id","minHeight","minHeightProp","minHeightUnit","tagName","Tag","sizeSlug","overlayColorClass","getColorClassName","gradientClass","__experimentalGetGradientClass","isImageBackground","IMAGE_BACKGROUND_TYPE","isVideoBackground","VIDEO_BACKGROUND_TYPE","isImgElement","style","undefined","bgStyle","backgroundColor","background","objectPosition","mediaPosition","backgroundImage","backgroundPosition","classes","clsx","isContentPositionCenter","getPositionClassName","imgClasses","gradientValue","jsxs","useBlockProps","className","children","jsx","src","role","autoPlay","muted","loop","playsInline","dimRatioToClass","useInnerBlocksProps"],"sources":["@wordpress/block-library/src/cover/save.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseInnerBlocksProps,\n\tgetColorClassName,\n\t__experimentalGetGradientClass,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport {\n\tIMAGE_BACKGROUND_TYPE,\n\tVIDEO_BACKGROUND_TYPE,\n\tdimRatioToClass,\n\tisContentPositionCenter,\n\tgetPositionClassName,\n\tmediaPosition,\n} from './shared';\n\nexport default function save( { attributes } ) {\n\tconst {\n\t\tbackgroundType,\n\t\tgradient,\n\t\tcontentPosition,\n\t\tcustomGradient,\n\t\tcustomOverlayColor,\n\t\tdimRatio,\n\t\tfocalPoint,\n\t\tuseFeaturedImage,\n\t\thasParallax,\n\t\tisDark,\n\t\tisRepeated,\n\t\toverlayColor,\n\t\turl,\n\t\talt,\n\t\tid,\n\t\tminHeight: minHeightProp,\n\t\tminHeightUnit,\n\t\ttagName: Tag,\n\t\tsizeSlug,\n\t} = attributes;\n\tconst overlayColorClass = getColorClassName(\n\t\t'background-color',\n\t\toverlayColor\n\t);\n\tconst gradientClass = __experimentalGetGradientClass( gradient );\n\tconst minHeight =\n\t\tminHeightProp && minHeightUnit\n\t\t\t? `${ minHeightProp }${ minHeightUnit }`\n\t\t\t: minHeightProp;\n\n\tconst isImageBackground = IMAGE_BACKGROUND_TYPE === backgroundType;\n\tconst isVideoBackground = VIDEO_BACKGROUND_TYPE === backgroundType;\n\n\tconst isImgElement = ! ( hasParallax || isRepeated );\n\n\tconst style = {\n\t\tminHeight: minHeight || undefined,\n\t};\n\n\tconst bgStyle = {\n\t\tbackgroundColor: ! overlayColorClass ? customOverlayColor : undefined,\n\t\tbackground: customGradient ? customGradient : undefined,\n\t};\n\n\tconst objectPosition =\n\t\t// prettier-ignore\n\t\tfocalPoint && isImgElement\n\t\t\t  ? mediaPosition(focalPoint)\n\t\t\t  : undefined;\n\n\tconst backgroundImage = url ? `url(${ url })` : undefined;\n\n\tconst backgroundPosition = mediaPosition( focalPoint );\n\n\tconst classes = clsx(\n\t\t{\n\t\t\t'is-light': ! isDark,\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 imgClasses = clsx(\n\t\t'wp-block-cover__image-background',\n\t\tid ? `wp-image-${ id }` : null,\n\t\t{\n\t\t\t[ `size-${ sizeSlug }` ]: sizeSlug,\n\t\t\t'has-parallax': hasParallax,\n\t\t\t'is-repeated': isRepeated,\n\t\t}\n\t);\n\n\tconst gradientValue = gradient || customGradient;\n\n\treturn (\n\t\t<Tag { ...useBlockProps.save( { className: classes, style } ) }>\n\t\t\t{ ! useFeaturedImage &&\n\t\t\t\tisImageBackground &&\n\t\t\t\turl &&\n\t\t\t\t( isImgElement ? (\n\t\t\t\t\t<img\n\t\t\t\t\t\tclassName={ imgClasses }\n\t\t\t\t\t\talt={ alt }\n\t\t\t\t\t\tsrc={ url }\n\t\t\t\t\t\tstyle={ { objectPosition } }\n\t\t\t\t\t\tdata-object-fit=\"cover\"\n\t\t\t\t\t\tdata-object-position={ objectPosition }\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<div\n\t\t\t\t\t\trole={ alt ? 'img' : undefined }\n\t\t\t\t\t\taria-label={ alt ? alt : undefined }\n\t\t\t\t\t\tclassName={ imgClasses }\n\t\t\t\t\t\tstyle={ { backgroundPosition, backgroundImage } }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t{ isVideoBackground && url && (\n\t\t\t\t<video\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'wp-block-cover__video-background',\n\t\t\t\t\t\t'intrinsic-ignore'\n\t\t\t\t\t) }\n\t\t\t\t\tautoPlay\n\t\t\t\t\tmuted\n\t\t\t\t\tloop\n\t\t\t\t\tplaysInline\n\t\t\t\t\tsrc={ url }\n\t\t\t\t\tstyle={ { objectPosition } }\n\t\t\t\t\tdata-object-fit=\"cover\"\n\t\t\t\t\tdata-object-position={ objectPosition }\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t{ /* The `wp-block-cover__background` needs to be immediately before\n\t\t\tthe `wp-block-cover__inner-container`, so the exclusion CSS selector\n\t\t\t`.wp-block-cover__background + .wp-block-cover__inner-container`\n\t\t\tworks properly. If it needs to be changed in the future, the\n\t\t\tselector for the backward compatibility for v14 deprecation also\n\t\t\tneeds change. */ }\n\t\t\t<span\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\t'wp-block-cover__background',\n\t\t\t\t\toverlayColorClass,\n\t\t\t\t\tdimRatioToClass( dimRatio ),\n\t\t\t\t\t{\n\t\t\t\t\t\t'has-background-dim': dimRatio !== undefined,\n\t\t\t\t\t\t// For backwards compatibility. Former versions of the Cover Block applied\n\t\t\t\t\t\t// `.wp-block-cover__gradient-background` in the presence of\n\t\t\t\t\t\t// media, a gradient and a dim.\n\t\t\t\t\t\t'wp-block-cover__gradient-background':\n\t\t\t\t\t\t\turl && gradientValue && dimRatio !== 0,\n\t\t\t\t\t\t'has-background-gradient': gradientValue,\n\t\t\t\t\t\t[ gradientClass ]: gradientClass,\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t\tstyle={ bgStyle }\n\t\t\t/>\n\n\t\t\t<div\n\t\t\t\t{ ...useInnerBlocksProps.save( {\n\t\t\t\t\tclassName: 'wp-block-cover__inner-container',\n\t\t\t\t} ) }\n\t\t\t/>\n\t\t</Tag>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_blockEditor","_shared","_jsxRuntime","save","attributes","backgroundType","gradient","contentPosition","customGradient","customOverlayColor","dimRatio","focalPoint","useFeaturedImage","hasParallax","isDark","isRepeated","overlayColor","url","alt","id","minHeight","minHeightProp","minHeightUnit","tagName","Tag","sizeSlug","poster","overlayColorClass","getColorClassName","gradientClass","__experimentalGetGradientClass","isImageBackground","IMAGE_BACKGROUND_TYPE","isVideoBackground","VIDEO_BACKGROUND_TYPE","isImgElement","style","undefined","bgStyle","backgroundColor","background","objectPosition","mediaPosition","backgroundImage","backgroundPosition","classes","clsx","isContentPositionCenter","getPositionClassName","imgClasses","gradientValue","jsxs","useBlockProps","className","children","jsx","src","role","autoPlay","muted","loop","playsInline","dimRatioToClass","useInnerBlocksProps"],"sources":["@wordpress/block-library/src/cover/save.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseInnerBlocksProps,\n\tgetColorClassName,\n\t__experimentalGetGradientClass,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport {\n\tIMAGE_BACKGROUND_TYPE,\n\tVIDEO_BACKGROUND_TYPE,\n\tdimRatioToClass,\n\tisContentPositionCenter,\n\tgetPositionClassName,\n\tmediaPosition,\n} from './shared';\n\nexport default function save( { attributes } ) {\n\tconst {\n\t\tbackgroundType,\n\t\tgradient,\n\t\tcontentPosition,\n\t\tcustomGradient,\n\t\tcustomOverlayColor,\n\t\tdimRatio,\n\t\tfocalPoint,\n\t\tuseFeaturedImage,\n\t\thasParallax,\n\t\tisDark,\n\t\tisRepeated,\n\t\toverlayColor,\n\t\turl,\n\t\talt,\n\t\tid,\n\t\tminHeight: minHeightProp,\n\t\tminHeightUnit,\n\t\ttagName: Tag,\n\t\tsizeSlug,\n\t\tposter,\n\t} = attributes;\n\tconst overlayColorClass = getColorClassName(\n\t\t'background-color',\n\t\toverlayColor\n\t);\n\tconst gradientClass = __experimentalGetGradientClass( gradient );\n\tconst minHeight =\n\t\tminHeightProp && minHeightUnit\n\t\t\t? `${ minHeightProp }${ minHeightUnit }`\n\t\t\t: minHeightProp;\n\n\tconst isImageBackground = IMAGE_BACKGROUND_TYPE === backgroundType;\n\tconst isVideoBackground = VIDEO_BACKGROUND_TYPE === backgroundType;\n\n\tconst isImgElement = ! ( hasParallax || isRepeated );\n\n\tconst style = {\n\t\tminHeight: minHeight || undefined,\n\t};\n\n\tconst bgStyle = {\n\t\tbackgroundColor: ! overlayColorClass ? customOverlayColor : undefined,\n\t\tbackground: customGradient ? customGradient : undefined,\n\t};\n\n\tconst objectPosition =\n\t\t// prettier-ignore\n\t\tfocalPoint && isImgElement\n\t\t\t  ? mediaPosition(focalPoint)\n\t\t\t  : undefined;\n\n\tconst backgroundImage = url ? `url(${ url })` : undefined;\n\n\tconst backgroundPosition = mediaPosition( focalPoint );\n\n\tconst classes = clsx(\n\t\t{\n\t\t\t'is-light': ! isDark,\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 imgClasses = clsx(\n\t\t'wp-block-cover__image-background',\n\t\tid ? `wp-image-${ id }` : null,\n\t\t{\n\t\t\t[ `size-${ sizeSlug }` ]: sizeSlug,\n\t\t\t'has-parallax': hasParallax,\n\t\t\t'is-repeated': isRepeated,\n\t\t}\n\t);\n\n\tconst gradientValue = gradient || customGradient;\n\n\treturn (\n\t\t<Tag { ...useBlockProps.save( { className: classes, style } ) }>\n\t\t\t{ ! useFeaturedImage &&\n\t\t\t\tisImageBackground &&\n\t\t\t\turl &&\n\t\t\t\t( isImgElement ? (\n\t\t\t\t\t<img\n\t\t\t\t\t\tclassName={ imgClasses }\n\t\t\t\t\t\talt={ alt }\n\t\t\t\t\t\tsrc={ url }\n\t\t\t\t\t\tstyle={ { objectPosition } }\n\t\t\t\t\t\tdata-object-fit=\"cover\"\n\t\t\t\t\t\tdata-object-position={ objectPosition }\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<div\n\t\t\t\t\t\trole={ alt ? 'img' : undefined }\n\t\t\t\t\t\taria-label={ alt ? alt : undefined }\n\t\t\t\t\t\tclassName={ imgClasses }\n\t\t\t\t\t\tstyle={ { backgroundPosition, backgroundImage } }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t{ isVideoBackground && url && (\n\t\t\t\t<video\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'wp-block-cover__video-background',\n\t\t\t\t\t\t'intrinsic-ignore'\n\t\t\t\t\t) }\n\t\t\t\t\tautoPlay\n\t\t\t\t\tmuted\n\t\t\t\t\tloop\n\t\t\t\t\tplaysInline\n\t\t\t\t\tsrc={ url }\n\t\t\t\t\tposter={ poster }\n\t\t\t\t\tstyle={ { objectPosition } }\n\t\t\t\t\tdata-object-fit=\"cover\"\n\t\t\t\t\tdata-object-position={ objectPosition }\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t{ /* The `wp-block-cover__background` needs to be immediately before\n\t\t\tthe `wp-block-cover__inner-container`, so the exclusion CSS selector\n\t\t\t`.wp-block-cover__background + .wp-block-cover__inner-container`\n\t\t\tworks properly. If it needs to be changed in the future, the\n\t\t\tselector for the backward compatibility for v14 deprecation also\n\t\t\tneeds change. */ }\n\t\t\t<span\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\t'wp-block-cover__background',\n\t\t\t\t\toverlayColorClass,\n\t\t\t\t\tdimRatioToClass( dimRatio ),\n\t\t\t\t\t{\n\t\t\t\t\t\t'has-background-dim': dimRatio !== undefined,\n\t\t\t\t\t\t// For backwards compatibility. Former versions of the Cover Block applied\n\t\t\t\t\t\t// `.wp-block-cover__gradient-background` in the presence of\n\t\t\t\t\t\t// media, a gradient and a dim.\n\t\t\t\t\t\t'wp-block-cover__gradient-background':\n\t\t\t\t\t\t\turl && gradientValue && dimRatio !== 0,\n\t\t\t\t\t\t'has-background-gradient': gradientValue,\n\t\t\t\t\t\t[ gradientClass ]: gradientClass,\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t\tstyle={ bgStyle }\n\t\t\t/>\n\n\t\t\t<div\n\t\t\t\t{ ...useInnerBlocksProps.save( {\n\t\t\t\t\tclassName: 'wp-block-cover__inner-container',\n\t\t\t\t} ) }\n\t\t\t/>\n\t\t</Tag>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/details/index.js

@@ -133,7 +133,7 @@ const settings = exports.settings = {
       return customName || summary;
     }
     if (context === 'accessibility') {
-      return !hasSummary ? (0, _i18n.__)('Details. Empty.') : (0, _i18n.sprintf)(/* translators: accessibility text; summary title. */
+      return !hasSummary ? (0, _i18n.__)('Details. Empty.') : (0, _i18n.sprintf)(/* translators: %s: accessibility text; summary title. */
       (0, _i18n.__)('Details. %s'), summary);
     }
   },

package/build/details/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_icons","require","_i18n","_initBlock","_interopRequireDefault","_edit","_save","_transforms","metadata","exports","$schema","apiVersion","name","title","category","description","keywords","textdomain","attributes","showContent","type","summary","source","selector","role","attribute","allowedBlocks","placeholder","supports","__experimentalOnEnter","align","anchor","color","gradients","link","__experimentalDefaultControls","background","text","__experimentalBorder","width","style","html","spacing","margin","padding","blockGap","typography","fontSize","lineHeight","__experimentalFontFamily","__experimentalFontWeight","__experimentalFontStyle","__experimentalTextTransform","__experimentalTextDecoration","__experimentalLetterSpacing","layout","allowEditing","interactivity","clientNavigation","editorStyle","settings","icon","example","__","innerBlocks","content","__experimentalLabel","context","customName","hasSummary","trim","length","sprintf","save","edit","transforms","init","initBlock"],"sources":["@wordpress/block-library/src/details/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { details as icon } from '@wordpress/icons';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport metadata from './block.json';\nimport edit from './edit';\nimport save from './save';\nimport transforms from './transforms';\n\nconst { name } = metadata;\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {\n\t\tattributes: {\n\t\t\tsummary: __( 'La Mancha' ),\n\t\t\tshowContent: true,\n\t\t},\n\t\tinnerBlocks: [\n\t\t\t{\n\t\t\t\tname: 'core/paragraph',\n\t\t\t\tattributes: {\n\t\t\t\t\tcontent: __(\n\t\t\t\t\t\t'In a village of La Mancha, the name of which I have no desire to call to mind, there lived not long since one of those gentlemen that keep a lance in the lance-rack, an old buckler, a lean hack, and a greyhound for coursing.'\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t},\n\t__experimentalLabel( attributes, { context } ) {\n\t\tconst { summary } = attributes;\n\n\t\tconst customName = attributes?.metadata?.name;\n\t\tconst hasSummary = summary?.trim().length > 0;\n\n\t\t// In the list view, use the block's summary as the label.\n\t\t// If the summary is empty, fall back to the default label.\n\t\tif ( context === 'list-view' && ( customName || hasSummary ) ) {\n\t\t\treturn customName || summary;\n\t\t}\n\n\t\tif ( context === 'accessibility' ) {\n\t\t\treturn ! hasSummary\n\t\t\t\t? __( 'Details. Empty.' )\n\t\t\t\t: sprintf(\n\t\t\t\t\t\t/* translators: accessibility text; summary title. */\n\t\t\t\t\t\t__( 'Details. %s' ),\n\t\t\t\t\t\tsummary\n\t\t\t\t  );\n\t\t}\n\t},\n\tsave,\n\tedit,\n\ttransforms,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_icons","require","_i18n","_initBlock","_interopRequireDefault","_edit","_save","_transforms","metadata","exports","$schema","apiVersion","name","title","category","description","keywords","textdomain","attributes","showContent","type","summary","source","selector","role","attribute","allowedBlocks","placeholder","supports","__experimentalOnEnter","align","anchor","color","gradients","link","__experimentalDefaultControls","background","text","__experimentalBorder","width","style","html","spacing","margin","padding","blockGap","typography","fontSize","lineHeight","__experimentalFontFamily","__experimentalFontWeight","__experimentalFontStyle","__experimentalTextTransform","__experimentalTextDecoration","__experimentalLetterSpacing","layout","allowEditing","interactivity","clientNavigation","editorStyle","settings","icon","example","__","innerBlocks","content","__experimentalLabel","context","customName","hasSummary","trim","length","sprintf","save","edit","transforms","init","initBlock"],"sources":["@wordpress/block-library/src/details/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { details as icon } from '@wordpress/icons';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport metadata from './block.json';\nimport edit from './edit';\nimport save from './save';\nimport transforms from './transforms';\n\nconst { name } = metadata;\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {\n\t\tattributes: {\n\t\t\tsummary: __( 'La Mancha' ),\n\t\t\tshowContent: true,\n\t\t},\n\t\tinnerBlocks: [\n\t\t\t{\n\t\t\t\tname: 'core/paragraph',\n\t\t\t\tattributes: {\n\t\t\t\t\tcontent: __(\n\t\t\t\t\t\t'In a village of La Mancha, the name of which I have no desire to call to mind, there lived not long since one of those gentlemen that keep a lance in the lance-rack, an old buckler, a lean hack, and a greyhound for coursing.'\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t},\n\t__experimentalLabel( attributes, { context } ) {\n\t\tconst { summary } = attributes;\n\n\t\tconst customName = attributes?.metadata?.name;\n\t\tconst hasSummary = summary?.trim().length > 0;\n\n\t\t// In the list view, use the block's summary as the label.\n\t\t// If the summary is empty, fall back to the default label.\n\t\tif ( context === 'list-view' && ( customName || hasSummary ) ) {\n\t\t\treturn customName || summary;\n\t\t}\n\n\t\tif ( context === 'accessibility' ) {\n\t\t\treturn ! hasSummary\n\t\t\t\t? __( 'Details. Empty.' )\n\t\t\t\t: sprintf(\n\t\t\t\t\t\t/* translators: %s: accessibility text; summary title. */\n\t\t\t\t\t\t__( 'Details. %s' ),\n\t\t\t\t\t\tsummary\n\t\t\t\t  );\n\t\t}\n\t},\n\tsave,\n\tedit,\n\ttransforms,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":"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","ignoreList":[]}

package/build/gallery/constants.js

@@ -3,11 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.LINK_DESTINATION_NONE = exports.LINK_DESTINATION_MEDIA_WP_CORE = exports.LINK_DESTINATION_MEDIA = exports.LINK_DESTINATION_LIGHTBOX = exports.LINK_DESTINATION_ATTACHMENT_WP_CORE = exports.LINK_DESTINATION_ATTACHMENT = void 0;
+exports.LINK_DESTINATION_NONE = exports.LINK_DESTINATION_MEDIA_WP_CORE = exports.LINK_DESTINATION_MEDIA = exports.LINK_DESTINATION_LIGHTBOX = exports.LINK_DESTINATION_ATTACHMENT_WP_CORE = exports.LINK_DESTINATION_ATTACHMENT = exports.DEFAULT_MEDIA_SIZE_SLUG = void 0;
 const LINK_DESTINATION_NONE = exports.LINK_DESTINATION_NONE = 'none';
 const LINK_DESTINATION_MEDIA = exports.LINK_DESTINATION_MEDIA = 'media';
 const LINK_DESTINATION_LIGHTBOX = exports.LINK_DESTINATION_LIGHTBOX = 'lightbox';
 const LINK_DESTINATION_ATTACHMENT = exports.LINK_DESTINATION_ATTACHMENT = 'attachment';
 const LINK_DESTINATION_MEDIA_WP_CORE = exports.LINK_DESTINATION_MEDIA_WP_CORE = 'file';
 const LINK_DESTINATION_ATTACHMENT_WP_CORE = exports.LINK_DESTINATION_ATTACHMENT_WP_CORE = 'post';
+const DEFAULT_MEDIA_SIZE_SLUG = exports.DEFAULT_MEDIA_SIZE_SLUG = 'large';
 //# sourceMappingURL=constants.js.map

package/build/gallery/constants.js.map

@@ -1 +1 @@
-{"version":3,"names":["LINK_DESTINATION_NONE","exports","LINK_DESTINATION_MEDIA","LINK_DESTINATION_LIGHTBOX","LINK_DESTINATION_ATTACHMENT","LINK_DESTINATION_MEDIA_WP_CORE","LINK_DESTINATION_ATTACHMENT_WP_CORE"],"sources":["@wordpress/block-library/src/gallery/constants.js"],"sourcesContent":["export const LINK_DESTINATION_NONE = 'none';\nexport const LINK_DESTINATION_MEDIA = 'media';\nexport const LINK_DESTINATION_LIGHTBOX = 'lightbox';\nexport const LINK_DESTINATION_ATTACHMENT = 'attachment';\nexport const LINK_DESTINATION_MEDIA_WP_CORE = 'file';\nexport const LINK_DESTINATION_ATTACHMENT_WP_CORE = 'post';\n"],"mappings":";;;;;;AAAO,MAAMA,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,MAAM;AACpC,MAAME,sBAAsB,GAAAD,OAAA,CAAAC,sBAAA,GAAG,OAAO;AACtC,MAAMC,yBAAyB,GAAAF,OAAA,CAAAE,yBAAA,GAAG,UAAU;AAC5C,MAAMC,2BAA2B,GAAAH,OAAA,CAAAG,2BAAA,GAAG,YAAY;AAChD,MAAMC,8BAA8B,GAAAJ,OAAA,CAAAI,8BAAA,GAAG,MAAM;AAC7C,MAAMC,mCAAmC,GAAAL,OAAA,CAAAK,mCAAA,GAAG,MAAM","ignoreList":[]}
+{"version":3,"names":["LINK_DESTINATION_NONE","exports","LINK_DESTINATION_MEDIA","LINK_DESTINATION_LIGHTBOX","LINK_DESTINATION_ATTACHMENT","LINK_DESTINATION_MEDIA_WP_CORE","LINK_DESTINATION_ATTACHMENT_WP_CORE","DEFAULT_MEDIA_SIZE_SLUG"],"sources":["@wordpress/block-library/src/gallery/constants.js"],"sourcesContent":["export const LINK_DESTINATION_NONE = 'none';\nexport const LINK_DESTINATION_MEDIA = 'media';\nexport const LINK_DESTINATION_LIGHTBOX = 'lightbox';\nexport const LINK_DESTINATION_ATTACHMENT = 'attachment';\nexport const LINK_DESTINATION_MEDIA_WP_CORE = 'file';\nexport const LINK_DESTINATION_ATTACHMENT_WP_CORE = 'post';\nexport const DEFAULT_MEDIA_SIZE_SLUG = 'large';\n"],"mappings":";;;;;;AAAO,MAAMA,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,MAAM;AACpC,MAAME,sBAAsB,GAAAD,OAAA,CAAAC,sBAAA,GAAG,OAAO;AACtC,MAAMC,yBAAyB,GAAAF,OAAA,CAAAE,yBAAA,GAAG,UAAU;AAC5C,MAAMC,2BAA2B,GAAAH,OAAA,CAAAG,2BAAA,GAAG,YAAY;AAChD,MAAMC,8BAA8B,GAAAJ,OAAA,CAAAI,8BAAA,GAAG,MAAM;AAC7C,MAAMC,mCAAmC,GAAAL,OAAA,CAAAK,mCAAA,GAAG,MAAM;AAClD,MAAMC,uBAAuB,GAAAN,OAAA,CAAAM,uBAAA,GAAG,OAAO","ignoreList":[]}

package/build/gallery/edit.js

@@ -19,6 +19,7 @@ var _icons = require("@wordpress/icons");
 var _sharedIcon = require("./shared-icon");
 var _shared = require("./shared");
 var _utils = require("./utils");
+var _hooks = require("../utils/hooks");
 var _utils2 = require("../image/utils");
 var _gallery = _interopRequireDefault(require("./gallery"));
 var _constants = require("./constants");
@@ -304,6 +305,7 @@ function GalleryEdit(props) {
     });
   }
   function updateImagesSize(newSizeSlug) {
+    var _imageSize$label;
     setAttributes({
       sizeSlug: newSizeSlug
     });
@@ -319,7 +321,7 @@ function GalleryEdit(props) {
     updateBlockAttributes(blocks, changedAttributes, true);
     const imageSize = imageSizeOptions.find(size => size.value === newSizeSlug);
     createSuccessNotice((0, _i18n.sprintf)(/* translators: %s: image size settings */
-    (0, _i18n.__)('All gallery image sizes updated to: %s'), imageSize.label), {
+    (0, _i18n.__)('All gallery image sizes updated to: %s'), (_imageSize$label = imageSize?.label) !== null && _imageSize$label !== void 0 ? _imageSize$label : newSizeSlug), {
       id: 'gallery-attributes-sizeSlug',
       type: 'snackbar'
     });
@@ -381,6 +383,7 @@ function GalleryEdit(props) {
     renderAppender: false,
     ...nativeInnerBlockProps
   });
+  const dropdownMenuProps = (0, _hooks.useToolsPanelDropdownMenuProps)();
   if (!hasImages) {
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.View, {
       ...innerBlocksProps,
@@ -389,8 +392,92 @@ function GalleryEdit(props) {
   }
   const hasLinkTo = linkTo && linkTo !== 'none';
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InspectorControls, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.PanelBody, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_blockEditor.InspectorControls, {
+      children: [_element.Platform.isWeb && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalToolsPanel, {
+        label: (0, _i18n.__)('Settings'),
+        resetAll: () => {
+          setAttributes({
+            columns: undefined,
+            imageCrop: true,
+            randomOrder: false
+          });
+          if (sizeSlug !== _constants.DEFAULT_MEDIA_SIZE_SLUG) {
+            updateImagesSize(_constants.DEFAULT_MEDIA_SIZE_SLUG);
+          }
+          if (linkTarget) {
+            toggleOpenInNewTab(false);
+          }
+        },
+        dropdownMenuProps: dropdownMenuProps,
+        children: [images.length > 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
+          isShownByDefault: true,
+          label: (0, _i18n.__)('Columns'),
+          hasValue: () => !!columns && columns !== images.length,
+          onDeselect: () => setColumnsNumber(undefined),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RangeControl, {
+            __nextHasNoMarginBottom: true,
+            label: (0, _i18n.__)('Columns'),
+            value: columns ? columns : (0, _shared.defaultColumnsNumber)(images.length),
+            onChange: setColumnsNumber,
+            min: 1,
+            max: Math.min(MAX_COLUMNS, images.length),
+            required: true,
+            __next40pxDefaultSize: true
+          })
+        }), imageSizeOptions?.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
+          isShownByDefault: true,
+          label: (0, _i18n.__)('Resolution'),
+          hasValue: () => sizeSlug !== _constants.DEFAULT_MEDIA_SIZE_SLUG,
+          onDeselect: () => updateImagesSize(_constants.DEFAULT_MEDIA_SIZE_SLUG),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SelectControl, {
+            __nextHasNoMarginBottom: true,
+            label: (0, _i18n.__)('Resolution'),
+            help: (0, _i18n.__)('Select the size of the source images.'),
+            value: sizeSlug,
+            options: imageSizeOptions,
+            onChange: updateImagesSize,
+            hideCancelButton: true,
+            size: "__unstable-large"
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
+          isShownByDefault: true,
+          label: (0, _i18n.__)('Crop images to fit'),
+          hasValue: () => !imageCrop,
+          onDeselect: () => setAttributes({
+            imageCrop: true
+          }),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
+            __nextHasNoMarginBottom: true,
+            label: (0, _i18n.__)('Crop images to fit'),
+            checked: !!imageCrop,
+            onChange: toggleImageCrop
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
+          isShownByDefault: true,
+          label: (0, _i18n.__)('Randomize order'),
+          hasValue: () => !!randomOrder,
+          onDeselect: () => setAttributes({
+            randomOrder: false
+          }),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
+            __nextHasNoMarginBottom: true,
+            label: (0, _i18n.__)('Randomize order'),
+            checked: !!randomOrder,
+            onChange: toggleRandomOrder
+          })
+        }), hasLinkTo && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
+          isShownByDefault: true,
+          label: (0, _i18n.__)('Open images in new tab'),
+          hasValue: () => !!linkTarget,
+          onDeselect: () => toggleOpenInNewTab(false),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
+            __nextHasNoMarginBottom: true,
+            label: (0, _i18n.__)('Open images in new tab'),
+            checked: linkTarget === '_blank',
+            onChange: toggleOpenInNewTab
+          })
+        })]
+      }), _element.Platform.isNative && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.PanelBody, {
         title: (0, _i18n.__)('Settings'),
         children: [images.length > 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RangeControl, {
           __nextHasNoMarginBottom: true,
@@ -411,7 +498,7 @@ function GalleryEdit(props) {
           onChange: updateImagesSize,
           hideCancelButton: true,
           size: "__unstable-large"
-        }), _element.Platform.isNative ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SelectControl, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SelectControl, {
           __nextHasNoMarginBottom: true,
           label: (0, _i18n.__)('Link'),
           value: linkTo,
@@ -419,7 +506,7 @@ function GalleryEdit(props) {
           options: linkOptions,
           hideCancelButton: true,
           size: "__unstable-large"
-        }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
           __nextHasNoMarginBottom: true,
           label: (0, _i18n.__)('Crop images to fit'),
           checked: !!imageCrop,
@@ -434,17 +521,8 @@ function GalleryEdit(props) {
           label: (0, _i18n.__)('Open images in new tab'),
           checked: linkTarget === '_blank',
           onChange: toggleOpenInNewTab
-        }), _element.Platform.isWeb && !imageSizeOptions && hasImageIds && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.BaseControl, {
-          className: "gallery-image-sizes",
-          __nextHasNoMarginBottom: true,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BaseControl.VisualLabel, {
-            children: (0, _i18n.__)('Resolution')
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.View, {
-            className: "gallery-image-sizes__loading",
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Spinner, {}), (0, _i18n.__)('Loading options…')]
-          })]
         })]
-      })
+      })]
     }), _element.Platform.isWeb ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockControls, {
       group: "block",
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarDropdownMenu, {