@wordpress/block-library 9.16.0 → 9.17.0

package/build-module/spacer/edit.js

@@ -10,7 +10,7 @@ import { useBlockProps, getCustomValueFromPreset, getSpacingPresetCssVar, store
 import { ResizableBox } from '@wordpress/components';
 import { useState, useEffect } from '@wordpress/element';
 import { View } from '@wordpress/primitives';
-import { useSelect } from '@wordpress/data';
+import { useSelect, useDispatch } from '@wordpress/data';
 
 /**
  * Internal dependencies
@@ -116,6 +116,9 @@ const SpacerEdit = ({
   const [temporaryWidth, setTemporaryWidth] = useState(null);
   const onResizeStart = () => toggleSelection(false);
   const onResizeStop = () => toggleSelection(true);
+  const {
+    __unstableMarkNextChangeAsNotPersistent
+  } = useDispatch(blockEditorStore);
   const handleOnVerticalResizeStop = newHeight => {
     onResizeStop();
     if (isFlexLayout) {
@@ -224,12 +227,19 @@ const SpacerEdit = ({
     });
   };
   useEffect(() => {
-    if (isFlexLayout && selfStretch !== 'fill' && selfStretch !== 'fit' && !flexSize) {
+    // To avoid interfering with undo/redo operations any changes in this
+    // effect must not make history and should be preceded by
+    // `__unstableMarkNextChangeAsNotPersistent()`.
+    const setAttributesCovertly = nextAttributes => {
+      __unstableMarkNextChangeAsNotPersistent();
+      setAttributes(nextAttributes);
+    };
+    if (isFlexLayout && selfStretch !== 'fill' && selfStretch !== 'fit' && flexSize === undefined) {
       if (inheritedOrientation === 'horizontal') {
         // If spacer is moving from a vertical container to a horizontal container,
         // it might not have width but have height instead.
         const newSize = getCustomValueFromPreset(width, spacingSizes) || getCustomValueFromPreset(height, spacingSizes) || '100px';
-        setAttributes({
+        setAttributesCovertly({
           width: '0px',
           style: {
             ...blockStyle,
@@ -242,7 +252,7 @@ const SpacerEdit = ({
         });
       } else {
         const newSize = getCustomValueFromPreset(height, spacingSizes) || getCustomValueFromPreset(width, spacingSizes) || '100px';
-        setAttributes({
+        setAttributesCovertly({
           height: '0px',
           style: {
             ...blockStyle,
@@ -255,26 +265,18 @@ const SpacerEdit = ({
         });
       }
     } else if (isFlexLayout && (selfStretch === 'fill' || selfStretch === 'fit')) {
-      if (inheritedOrientation === 'horizontal') {
-        setAttributes({
-          width: undefined
-        });
-      } else {
-        setAttributes({
-          height: undefined
-        });
-      }
+      setAttributesCovertly(inheritedOrientation === 'horizontal' ? {
+        width: undefined
+      } : {
+        height: undefined
+      });
     } else if (!isFlexLayout && (selfStretch || flexSize)) {
-      if (inheritedOrientation === 'horizontal') {
-        setAttributes({
+      setAttributesCovertly({
+        ...(inheritedOrientation === 'horizontal' ? {
           width: flexSize
-        });
-      } else {
-        setAttributes({
+        } : {
           height: flexSize
-        });
-      }
-      setAttributes({
+        }),
         style: {
           ...blockStyle,
           layout: {
@@ -285,7 +287,7 @@ const SpacerEdit = ({
         }
       });
     }
-  }, [blockStyle, flexSize, height, inheritedOrientation, isFlexLayout, layout, selfStretch, setAttributes, spacingSizes, width]);
+  }, [blockStyle, flexSize, height, inheritedOrientation, isFlexLayout, layout, selfStretch, setAttributes, spacingSizes, width, __unstableMarkNextChangeAsNotPersistent]);
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(View, {
       ...useBlockProps({

package/build-module/spacer/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["clsx","useBlockProps","getCustomValueFromPreset","getSpacingPresetCssVar","store","blockEditorStore","privateApis","blockEditorPrivateApis","ResizableBox","useState","useEffect","View","useSelect","unlock","SpacerControls","MIN_SPACER_SIZE","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","useSpacingSizes","ResizableSpacer","orientation","onResizeStart","onResize","onResizeStop","isSelected","isResizing","setIsResizing","props","getCurrentSize","elt","clientWidth","clientHeight","getNextVal","className","_event","_direction","nextVal","__experimentalShowTooltip","__experimentalTooltipProps","axis","position","isVisible","showHandle","SpacerEdit","attributes","setAttributes","toggleSelection","context","__unstableParentLayout","parentLayout","disableCustomSpacingSizes","select","editorSettings","getSettings","parentOrientation","type","default","defaultType","isFlexLayout","inheritedOrientation","height","width","style","blockStyle","layout","selfStretch","flexSize","spacingSizes","temporaryHeight","setTemporaryHeight","temporaryWidth","setTemporaryWidth","handleOnVerticalResizeStop","newHeight","handleOnHorizontalResizeStop","newWidth","getHeightForVerticalBlocks","undefined","getWidthForHorizontalBlocks","sizeConditionalOnOrientation","minWidth","flexBasis","flexGrow","resizableBoxWithOrientation","blockOrientation","enable","top","right","bottom","left","topRight","bottomRight","bottomLeft","topLeft","children","minHeight","newSize"],"sources":["@wordpress/block-library/src/spacer/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseBlockProps,\n\tgetCustomValueFromPreset,\n\tgetSpacingPresetCssVar,\n\tstore as blockEditorStore,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { ResizableBox } from '@wordpress/components';\nimport { useState, useEffect } from '@wordpress/element';\nimport { View } from '@wordpress/primitives';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../lock-unlock';\nimport SpacerControls from './controls';\nimport { MIN_SPACER_SIZE } from './constants';\n\nconst { useSpacingSizes } = unlock( blockEditorPrivateApis );\n\nconst ResizableSpacer = ( {\n\torientation,\n\tonResizeStart,\n\tonResize,\n\tonResizeStop,\n\tisSelected,\n\tisResizing,\n\tsetIsResizing,\n\t...props\n} ) => {\n\tconst getCurrentSize = ( elt ) => {\n\t\treturn orientation === 'horizontal'\n\t\t\t? elt.clientWidth\n\t\t\t: elt.clientHeight;\n\t};\n\n\tconst getNextVal = ( elt ) => {\n\t\treturn `${ getCurrentSize( elt ) }px`;\n\t};\n\n\treturn (\n\t\t<ResizableBox\n\t\t\tclassName={ clsx( 'block-library-spacer__resize-container', {\n\t\t\t\t'resize-horizontal': orientation === 'horizontal',\n\t\t\t\t'is-resizing': isResizing,\n\t\t\t\t'is-selected': isSelected,\n\t\t\t} ) }\n\t\t\tonResizeStart={ ( _event, _direction, elt ) => {\n\t\t\t\tconst nextVal = getNextVal( elt );\n\t\t\t\tonResizeStart( nextVal );\n\t\t\t\tonResize( nextVal );\n\t\t\t} }\n\t\t\tonResize={ ( _event, _direction, elt ) => {\n\t\t\t\tonResize( getNextVal( elt ) );\n\t\t\t\tif ( ! isResizing ) {\n\t\t\t\t\tsetIsResizing( true );\n\t\t\t\t}\n\t\t\t} }\n\t\t\tonResizeStop={ ( _event, _direction, elt ) => {\n\t\t\t\tconst nextVal = getCurrentSize( elt );\n\t\t\t\tonResizeStop( `${ nextVal }px` );\n\t\t\t\tsetIsResizing( false );\n\t\t\t} }\n\t\t\t__experimentalShowTooltip\n\t\t\t__experimentalTooltipProps={ {\n\t\t\t\taxis: orientation === 'horizontal' ? 'x' : 'y',\n\t\t\t\tposition: 'corner',\n\t\t\t\tisVisible: isResizing,\n\t\t\t} }\n\t\t\tshowHandle={ isSelected }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n};\n\nconst SpacerEdit = ( {\n\tattributes,\n\tisSelected,\n\tsetAttributes,\n\ttoggleSelection,\n\tcontext,\n\t__unstableParentLayout: parentLayout,\n\tclassName,\n} ) => {\n\tconst disableCustomSpacingSizes = useSelect( ( select ) => {\n\t\tconst editorSettings = select( blockEditorStore ).getSettings();\n\t\treturn editorSettings?.disableCustomSpacingSizes;\n\t} );\n\tconst { orientation } = context;\n\tconst {\n\t\torientation: parentOrientation,\n\t\ttype,\n\t\tdefault: { type: defaultType } = {},\n\t} = parentLayout || {};\n\t// Check if the spacer is inside a flex container.\n\tconst isFlexLayout =\n\t\ttype === 'flex' || ( ! type && defaultType === 'flex' );\n\t// If the spacer is inside a flex container, it should either inherit the orientation\n\t// of the parent or use the flex default orientation.\n\tconst inheritedOrientation =\n\t\t! parentOrientation && isFlexLayout\n\t\t\t? 'horizontal'\n\t\t\t: parentOrientation || orientation;\n\tconst { height, width, style: blockStyle = {} } = attributes;\n\n\tconst { layout = {} } = blockStyle;\n\tconst { selfStretch, flexSize } = layout;\n\n\tconst spacingSizes = useSpacingSizes();\n\n\tconst [ isResizing, setIsResizing ] = useState( false );\n\tconst [ temporaryHeight, setTemporaryHeight ] = useState( null );\n\tconst [ temporaryWidth, setTemporaryWidth ] = useState( null );\n\n\tconst onResizeStart = () => toggleSelection( false );\n\tconst onResizeStop = () => toggleSelection( true );\n\n\tconst handleOnVerticalResizeStop = ( newHeight ) => {\n\t\tonResizeStop();\n\n\t\tif ( isFlexLayout ) {\n\t\t\tsetAttributes( {\n\t\t\t\tstyle: {\n\t\t\t\t\t...blockStyle,\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\t...layout,\n\t\t\t\t\t\tflexSize: newHeight,\n\t\t\t\t\t\tselfStretch: 'fixed',\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\n\t\tsetAttributes( { height: newHeight } );\n\t\tsetTemporaryHeight( null );\n\t};\n\n\tconst handleOnHorizontalResizeStop = ( newWidth ) => {\n\t\tonResizeStop();\n\n\t\tif ( isFlexLayout ) {\n\t\t\tsetAttributes( {\n\t\t\t\tstyle: {\n\t\t\t\t\t...blockStyle,\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\t...layout,\n\t\t\t\t\t\tflexSize: newWidth,\n\t\t\t\t\t\tselfStretch: 'fixed',\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\n\t\tsetAttributes( { width: newWidth } );\n\t\tsetTemporaryWidth( null );\n\t};\n\n\tconst getHeightForVerticalBlocks = () => {\n\t\tif ( isFlexLayout ) {\n\t\t\treturn undefined;\n\t\t}\n\t\treturn temporaryHeight || getSpacingPresetCssVar( height ) || undefined;\n\t};\n\n\tconst getWidthForHorizontalBlocks = () => {\n\t\tif ( isFlexLayout ) {\n\t\t\treturn undefined;\n\t\t}\n\t\treturn temporaryWidth || getSpacingPresetCssVar( width ) || undefined;\n\t};\n\n\tconst sizeConditionalOnOrientation =\n\t\tinheritedOrientation === 'horizontal'\n\t\t\t? temporaryWidth || flexSize\n\t\t\t: temporaryHeight || flexSize;\n\n\tconst style = {\n\t\theight:\n\t\t\tinheritedOrientation === 'horizontal'\n\t\t\t\t? 24\n\t\t\t\t: getHeightForVerticalBlocks(),\n\t\twidth:\n\t\t\tinheritedOrientation === 'horizontal'\n\t\t\t\t? getWidthForHorizontalBlocks()\n\t\t\t\t: undefined,\n\t\t// In vertical flex containers, the spacer shrinks to nothing without a minimum width.\n\t\tminWidth:\n\t\t\tinheritedOrientation === 'vertical' && isFlexLayout\n\t\t\t\t? 48\n\t\t\t\t: undefined,\n\t\t// Add flex-basis so temporary sizes are respected.\n\t\tflexBasis: isFlexLayout ? sizeConditionalOnOrientation : undefined,\n\t\t// Remove flex-grow when resizing.\n\t\tflexGrow: isFlexLayout && isResizing ? 0 : undefined,\n\t};\n\n\tconst resizableBoxWithOrientation = ( blockOrientation ) => {\n\t\tif ( blockOrientation === 'horizontal' ) {\n\t\t\treturn (\n\t\t\t\t<ResizableSpacer\n\t\t\t\t\tminWidth={ MIN_SPACER_SIZE }\n\t\t\t\t\tenable={ {\n\t\t\t\t\t\ttop: false,\n\t\t\t\t\t\tright: true,\n\t\t\t\t\t\tbottom: false,\n\t\t\t\t\t\tleft: false,\n\t\t\t\t\t\ttopRight: false,\n\t\t\t\t\t\tbottomRight: false,\n\t\t\t\t\t\tbottomLeft: false,\n\t\t\t\t\t\ttopLeft: false,\n\t\t\t\t\t} }\n\t\t\t\t\torientation={ blockOrientation }\n\t\t\t\t\tonResizeStart={ onResizeStart }\n\t\t\t\t\tonResize={ setTemporaryWidth }\n\t\t\t\t\tonResizeStop={ handleOnHorizontalResizeStop }\n\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\tisResizing={ isResizing }\n\t\t\t\t\tsetIsResizing={ setIsResizing }\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<ResizableSpacer\n\t\t\t\t\tminHeight={ MIN_SPACER_SIZE }\n\t\t\t\t\tenable={ {\n\t\t\t\t\t\ttop: false,\n\t\t\t\t\t\tright: false,\n\t\t\t\t\t\tbottom: true,\n\t\t\t\t\t\tleft: false,\n\t\t\t\t\t\ttopRight: false,\n\t\t\t\t\t\tbottomRight: false,\n\t\t\t\t\t\tbottomLeft: false,\n\t\t\t\t\t\ttopLeft: false,\n\t\t\t\t\t} }\n\t\t\t\t\torientation={ blockOrientation }\n\t\t\t\t\tonResizeStart={ onResizeStart }\n\t\t\t\t\tonResize={ setTemporaryHeight }\n\t\t\t\t\tonResizeStop={ handleOnVerticalResizeStop }\n\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\tisResizing={ isResizing }\n\t\t\t\t\tsetIsResizing={ setIsResizing }\n\t\t\t\t/>\n\t\t\t</>\n\t\t);\n\t};\n\n\tuseEffect( () => {\n\t\tif (\n\t\t\tisFlexLayout &&\n\t\t\tselfStretch !== 'fill' &&\n\t\t\tselfStretch !== 'fit' &&\n\t\t\t! flexSize\n\t\t) {\n\t\t\tif ( inheritedOrientation === 'horizontal' ) {\n\t\t\t\t// If spacer is moving from a vertical container to a horizontal container,\n\t\t\t\t// it might not have width but have height instead.\n\t\t\t\tconst newSize =\n\t\t\t\t\tgetCustomValueFromPreset( width, spacingSizes ) ||\n\t\t\t\t\tgetCustomValueFromPreset( height, spacingSizes ) ||\n\t\t\t\t\t'100px';\n\t\t\t\tsetAttributes( {\n\t\t\t\t\twidth: '0px',\n\t\t\t\t\tstyle: {\n\t\t\t\t\t\t...blockStyle,\n\t\t\t\t\t\tlayout: {\n\t\t\t\t\t\t\t...layout,\n\t\t\t\t\t\t\tflexSize: newSize,\n\t\t\t\t\t\t\tselfStretch: 'fixed',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t} );\n\t\t\t} else {\n\t\t\t\tconst newSize =\n\t\t\t\t\tgetCustomValueFromPreset( height, spacingSizes ) ||\n\t\t\t\t\tgetCustomValueFromPreset( width, spacingSizes ) ||\n\t\t\t\t\t'100px';\n\t\t\t\tsetAttributes( {\n\t\t\t\t\theight: '0px',\n\t\t\t\t\tstyle: {\n\t\t\t\t\t\t...blockStyle,\n\t\t\t\t\t\tlayout: {\n\t\t\t\t\t\t\t...layout,\n\t\t\t\t\t\t\tflexSize: newSize,\n\t\t\t\t\t\t\tselfStretch: 'fixed',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t} );\n\t\t\t}\n\t\t} else if (\n\t\t\tisFlexLayout &&\n\t\t\t( selfStretch === 'fill' || selfStretch === 'fit' )\n\t\t) {\n\t\t\tif ( inheritedOrientation === 'horizontal' ) {\n\t\t\t\tsetAttributes( {\n\t\t\t\t\twidth: undefined,\n\t\t\t\t} );\n\t\t\t} else {\n\t\t\t\tsetAttributes( {\n\t\t\t\t\theight: undefined,\n\t\t\t\t} );\n\t\t\t}\n\t\t} else if ( ! isFlexLayout && ( selfStretch || flexSize ) ) {\n\t\t\tif ( inheritedOrientation === 'horizontal' ) {\n\t\t\t\tsetAttributes( {\n\t\t\t\t\twidth: flexSize,\n\t\t\t\t} );\n\t\t\t} else {\n\t\t\t\tsetAttributes( {\n\t\t\t\t\theight: flexSize,\n\t\t\t\t} );\n\t\t\t}\n\t\t\tsetAttributes( {\n\t\t\t\tstyle: {\n\t\t\t\t\t...blockStyle,\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\t...layout,\n\t\t\t\t\t\tflexSize: undefined,\n\t\t\t\t\t\tselfStretch: undefined,\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\t}, [\n\t\tblockStyle,\n\t\tflexSize,\n\t\theight,\n\t\tinheritedOrientation,\n\t\tisFlexLayout,\n\t\tlayout,\n\t\tselfStretch,\n\t\tsetAttributes,\n\t\tspacingSizes,\n\t\twidth,\n\t] );\n\n\treturn (\n\t\t<>\n\t\t\t<View\n\t\t\t\t{ ...useBlockProps( {\n\t\t\t\t\tstyle,\n\t\t\t\t\tclassName: clsx( className, {\n\t\t\t\t\t\t'custom-sizes-disabled': disableCustomSpacingSizes,\n\t\t\t\t\t} ),\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t{ resizableBoxWithOrientation( inheritedOrientation ) }\n\t\t\t</View>\n\t\t\t{ ! isFlexLayout && (\n\t\t\t\t<SpacerControls\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\theight={ temporaryHeight || height }\n\t\t\t\t\twidth={ temporaryWidth || width }\n\t\t\t\t\torientation={ inheritedOrientation }\n\t\t\t\t\tisResizing={ isResizing }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n};\n\nexport default SpacerEdit;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["clsx","useBlockProps","getCustomValueFromPreset","getSpacingPresetCssVar","store","blockEditorStore","privateApis","blockEditorPrivateApis","ResizableBox","useState","useEffect","View","useSelect","useDispatch","unlock","SpacerControls","MIN_SPACER_SIZE","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","useSpacingSizes","ResizableSpacer","orientation","onResizeStart","onResize","onResizeStop","isSelected","isResizing","setIsResizing","props","getCurrentSize","elt","clientWidth","clientHeight","getNextVal","className","_event","_direction","nextVal","__experimentalShowTooltip","__experimentalTooltipProps","axis","position","isVisible","showHandle","SpacerEdit","attributes","setAttributes","toggleSelection","context","__unstableParentLayout","parentLayout","disableCustomSpacingSizes","select","editorSettings","getSettings","parentOrientation","type","default","defaultType","isFlexLayout","inheritedOrientation","height","width","style","blockStyle","layout","selfStretch","flexSize","spacingSizes","temporaryHeight","setTemporaryHeight","temporaryWidth","setTemporaryWidth","__unstableMarkNextChangeAsNotPersistent","handleOnVerticalResizeStop","newHeight","handleOnHorizontalResizeStop","newWidth","getHeightForVerticalBlocks","undefined","getWidthForHorizontalBlocks","sizeConditionalOnOrientation","minWidth","flexBasis","flexGrow","resizableBoxWithOrientation","blockOrientation","enable","top","right","bottom","left","topRight","bottomRight","bottomLeft","topLeft","children","minHeight","setAttributesCovertly","nextAttributes","newSize"],"sources":["@wordpress/block-library/src/spacer/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseBlockProps,\n\tgetCustomValueFromPreset,\n\tgetSpacingPresetCssVar,\n\tstore as blockEditorStore,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { ResizableBox } from '@wordpress/components';\nimport { useState, useEffect } from '@wordpress/element';\nimport { View } from '@wordpress/primitives';\nimport { useSelect, useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../lock-unlock';\nimport SpacerControls from './controls';\nimport { MIN_SPACER_SIZE } from './constants';\n\nconst { useSpacingSizes } = unlock( blockEditorPrivateApis );\n\nconst ResizableSpacer = ( {\n\torientation,\n\tonResizeStart,\n\tonResize,\n\tonResizeStop,\n\tisSelected,\n\tisResizing,\n\tsetIsResizing,\n\t...props\n} ) => {\n\tconst getCurrentSize = ( elt ) => {\n\t\treturn orientation === 'horizontal'\n\t\t\t? elt.clientWidth\n\t\t\t: elt.clientHeight;\n\t};\n\n\tconst getNextVal = ( elt ) => {\n\t\treturn `${ getCurrentSize( elt ) }px`;\n\t};\n\n\treturn (\n\t\t<ResizableBox\n\t\t\tclassName={ clsx( 'block-library-spacer__resize-container', {\n\t\t\t\t'resize-horizontal': orientation === 'horizontal',\n\t\t\t\t'is-resizing': isResizing,\n\t\t\t\t'is-selected': isSelected,\n\t\t\t} ) }\n\t\t\tonResizeStart={ ( _event, _direction, elt ) => {\n\t\t\t\tconst nextVal = getNextVal( elt );\n\t\t\t\tonResizeStart( nextVal );\n\t\t\t\tonResize( nextVal );\n\t\t\t} }\n\t\t\tonResize={ ( _event, _direction, elt ) => {\n\t\t\t\tonResize( getNextVal( elt ) );\n\t\t\t\tif ( ! isResizing ) {\n\t\t\t\t\tsetIsResizing( true );\n\t\t\t\t}\n\t\t\t} }\n\t\t\tonResizeStop={ ( _event, _direction, elt ) => {\n\t\t\t\tconst nextVal = getCurrentSize( elt );\n\t\t\t\tonResizeStop( `${ nextVal }px` );\n\t\t\t\tsetIsResizing( false );\n\t\t\t} }\n\t\t\t__experimentalShowTooltip\n\t\t\t__experimentalTooltipProps={ {\n\t\t\t\taxis: orientation === 'horizontal' ? 'x' : 'y',\n\t\t\t\tposition: 'corner',\n\t\t\t\tisVisible: isResizing,\n\t\t\t} }\n\t\t\tshowHandle={ isSelected }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n};\n\nconst SpacerEdit = ( {\n\tattributes,\n\tisSelected,\n\tsetAttributes,\n\ttoggleSelection,\n\tcontext,\n\t__unstableParentLayout: parentLayout,\n\tclassName,\n} ) => {\n\tconst disableCustomSpacingSizes = useSelect( ( select ) => {\n\t\tconst editorSettings = select( blockEditorStore ).getSettings();\n\t\treturn editorSettings?.disableCustomSpacingSizes;\n\t} );\n\tconst { orientation } = context;\n\tconst {\n\t\torientation: parentOrientation,\n\t\ttype,\n\t\tdefault: { type: defaultType } = {},\n\t} = parentLayout || {};\n\t// Check if the spacer is inside a flex container.\n\tconst isFlexLayout =\n\t\ttype === 'flex' || ( ! type && defaultType === 'flex' );\n\t// If the spacer is inside a flex container, it should either inherit the orientation\n\t// of the parent or use the flex default orientation.\n\tconst inheritedOrientation =\n\t\t! parentOrientation && isFlexLayout\n\t\t\t? 'horizontal'\n\t\t\t: parentOrientation || orientation;\n\tconst { height, width, style: blockStyle = {} } = attributes;\n\n\tconst { layout = {} } = blockStyle;\n\tconst { selfStretch, flexSize } = layout;\n\n\tconst spacingSizes = useSpacingSizes();\n\n\tconst [ isResizing, setIsResizing ] = useState( false );\n\tconst [ temporaryHeight, setTemporaryHeight ] = useState( null );\n\tconst [ temporaryWidth, setTemporaryWidth ] = useState( null );\n\n\tconst onResizeStart = () => toggleSelection( false );\n\tconst onResizeStop = () => toggleSelection( true );\n\n\tconst { __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\n\tconst handleOnVerticalResizeStop = ( newHeight ) => {\n\t\tonResizeStop();\n\n\t\tif ( isFlexLayout ) {\n\t\t\tsetAttributes( {\n\t\t\t\tstyle: {\n\t\t\t\t\t...blockStyle,\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\t...layout,\n\t\t\t\t\t\tflexSize: newHeight,\n\t\t\t\t\t\tselfStretch: 'fixed',\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\n\t\tsetAttributes( { height: newHeight } );\n\t\tsetTemporaryHeight( null );\n\t};\n\n\tconst handleOnHorizontalResizeStop = ( newWidth ) => {\n\t\tonResizeStop();\n\n\t\tif ( isFlexLayout ) {\n\t\t\tsetAttributes( {\n\t\t\t\tstyle: {\n\t\t\t\t\t...blockStyle,\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\t...layout,\n\t\t\t\t\t\tflexSize: newWidth,\n\t\t\t\t\t\tselfStretch: 'fixed',\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\n\t\tsetAttributes( { width: newWidth } );\n\t\tsetTemporaryWidth( null );\n\t};\n\n\tconst getHeightForVerticalBlocks = () => {\n\t\tif ( isFlexLayout ) {\n\t\t\treturn undefined;\n\t\t}\n\t\treturn temporaryHeight || getSpacingPresetCssVar( height ) || undefined;\n\t};\n\n\tconst getWidthForHorizontalBlocks = () => {\n\t\tif ( isFlexLayout ) {\n\t\t\treturn undefined;\n\t\t}\n\t\treturn temporaryWidth || getSpacingPresetCssVar( width ) || undefined;\n\t};\n\n\tconst sizeConditionalOnOrientation =\n\t\tinheritedOrientation === 'horizontal'\n\t\t\t? temporaryWidth || flexSize\n\t\t\t: temporaryHeight || flexSize;\n\n\tconst style = {\n\t\theight:\n\t\t\tinheritedOrientation === 'horizontal'\n\t\t\t\t? 24\n\t\t\t\t: getHeightForVerticalBlocks(),\n\t\twidth:\n\t\t\tinheritedOrientation === 'horizontal'\n\t\t\t\t? getWidthForHorizontalBlocks()\n\t\t\t\t: undefined,\n\t\t// In vertical flex containers, the spacer shrinks to nothing without a minimum width.\n\t\tminWidth:\n\t\t\tinheritedOrientation === 'vertical' && isFlexLayout\n\t\t\t\t? 48\n\t\t\t\t: undefined,\n\t\t// Add flex-basis so temporary sizes are respected.\n\t\tflexBasis: isFlexLayout ? sizeConditionalOnOrientation : undefined,\n\t\t// Remove flex-grow when resizing.\n\t\tflexGrow: isFlexLayout && isResizing ? 0 : undefined,\n\t};\n\n\tconst resizableBoxWithOrientation = ( blockOrientation ) => {\n\t\tif ( blockOrientation === 'horizontal' ) {\n\t\t\treturn (\n\t\t\t\t<ResizableSpacer\n\t\t\t\t\tminWidth={ MIN_SPACER_SIZE }\n\t\t\t\t\tenable={ {\n\t\t\t\t\t\ttop: false,\n\t\t\t\t\t\tright: true,\n\t\t\t\t\t\tbottom: false,\n\t\t\t\t\t\tleft: false,\n\t\t\t\t\t\ttopRight: false,\n\t\t\t\t\t\tbottomRight: false,\n\t\t\t\t\t\tbottomLeft: false,\n\t\t\t\t\t\ttopLeft: false,\n\t\t\t\t\t} }\n\t\t\t\t\torientation={ blockOrientation }\n\t\t\t\t\tonResizeStart={ onResizeStart }\n\t\t\t\t\tonResize={ setTemporaryWidth }\n\t\t\t\t\tonResizeStop={ handleOnHorizontalResizeStop }\n\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\tisResizing={ isResizing }\n\t\t\t\t\tsetIsResizing={ setIsResizing }\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<ResizableSpacer\n\t\t\t\t\tminHeight={ MIN_SPACER_SIZE }\n\t\t\t\t\tenable={ {\n\t\t\t\t\t\ttop: false,\n\t\t\t\t\t\tright: false,\n\t\t\t\t\t\tbottom: true,\n\t\t\t\t\t\tleft: false,\n\t\t\t\t\t\ttopRight: false,\n\t\t\t\t\t\tbottomRight: false,\n\t\t\t\t\t\tbottomLeft: false,\n\t\t\t\t\t\ttopLeft: false,\n\t\t\t\t\t} }\n\t\t\t\t\torientation={ blockOrientation }\n\t\t\t\t\tonResizeStart={ onResizeStart }\n\t\t\t\t\tonResize={ setTemporaryHeight }\n\t\t\t\t\tonResizeStop={ handleOnVerticalResizeStop }\n\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\tisResizing={ isResizing }\n\t\t\t\t\tsetIsResizing={ setIsResizing }\n\t\t\t\t/>\n\t\t\t</>\n\t\t);\n\t};\n\n\tuseEffect( () => {\n\t\t// To avoid interfering with undo/redo operations any changes in this\n\t\t// effect must not make history and should be preceded by\n\t\t// `__unstableMarkNextChangeAsNotPersistent()`.\n\t\tconst setAttributesCovertly = ( nextAttributes ) => {\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\tsetAttributes( nextAttributes );\n\t\t};\n\n\t\tif (\n\t\t\tisFlexLayout &&\n\t\t\tselfStretch !== 'fill' &&\n\t\t\tselfStretch !== 'fit' &&\n\t\t\tflexSize === undefined\n\t\t) {\n\t\t\tif ( inheritedOrientation === 'horizontal' ) {\n\t\t\t\t// If spacer is moving from a vertical container to a horizontal container,\n\t\t\t\t// it might not have width but have height instead.\n\t\t\t\tconst newSize =\n\t\t\t\t\tgetCustomValueFromPreset( width, spacingSizes ) ||\n\t\t\t\t\tgetCustomValueFromPreset( height, spacingSizes ) ||\n\t\t\t\t\t'100px';\n\t\t\t\tsetAttributesCovertly( {\n\t\t\t\t\twidth: '0px',\n\t\t\t\t\tstyle: {\n\t\t\t\t\t\t...blockStyle,\n\t\t\t\t\t\tlayout: {\n\t\t\t\t\t\t\t...layout,\n\t\t\t\t\t\t\tflexSize: newSize,\n\t\t\t\t\t\t\tselfStretch: 'fixed',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t} );\n\t\t\t} else {\n\t\t\t\tconst newSize =\n\t\t\t\t\tgetCustomValueFromPreset( height, spacingSizes ) ||\n\t\t\t\t\tgetCustomValueFromPreset( width, spacingSizes ) ||\n\t\t\t\t\t'100px';\n\t\t\t\tsetAttributesCovertly( {\n\t\t\t\t\theight: '0px',\n\t\t\t\t\tstyle: {\n\t\t\t\t\t\t...blockStyle,\n\t\t\t\t\t\tlayout: {\n\t\t\t\t\t\t\t...layout,\n\t\t\t\t\t\t\tflexSize: newSize,\n\t\t\t\t\t\t\tselfStretch: 'fixed',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t} );\n\t\t\t}\n\t\t} else if (\n\t\t\tisFlexLayout &&\n\t\t\t( selfStretch === 'fill' || selfStretch === 'fit' )\n\t\t) {\n\t\t\tsetAttributesCovertly(\n\t\t\t\tinheritedOrientation === 'horizontal'\n\t\t\t\t\t? { width: undefined }\n\t\t\t\t\t: { height: undefined }\n\t\t\t);\n\t\t} else if ( ! isFlexLayout && ( selfStretch || flexSize ) ) {\n\t\t\tsetAttributesCovertly( {\n\t\t\t\t...( inheritedOrientation === 'horizontal'\n\t\t\t\t\t? { width: flexSize }\n\t\t\t\t\t: { height: flexSize } ),\n\t\t\t\tstyle: {\n\t\t\t\t\t...blockStyle,\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\t...layout,\n\t\t\t\t\t\tflexSize: undefined,\n\t\t\t\t\t\tselfStretch: undefined,\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\t}, [\n\t\tblockStyle,\n\t\tflexSize,\n\t\theight,\n\t\tinheritedOrientation,\n\t\tisFlexLayout,\n\t\tlayout,\n\t\tselfStretch,\n\t\tsetAttributes,\n\t\tspacingSizes,\n\t\twidth,\n\t\t__unstableMarkNextChangeAsNotPersistent,\n\t] );\n\n\treturn (\n\t\t<>\n\t\t\t<View\n\t\t\t\t{ ...useBlockProps( {\n\t\t\t\t\tstyle,\n\t\t\t\t\tclassName: clsx( className, {\n\t\t\t\t\t\t'custom-sizes-disabled': disableCustomSpacingSizes,\n\t\t\t\t\t} ),\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t{ resizableBoxWithOrientation( inheritedOrientation ) }\n\t\t\t</View>\n\t\t\t{ ! isFlexLayout && (\n\t\t\t\t<SpacerControls\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\theight={ temporaryHeight || height }\n\t\t\t\t\twidth={ temporaryWidth || width }\n\t\t\t\t\torientation={ inheritedOrientation }\n\t\t\t\t\tisResizing={ isResizing }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n};\n\nexport default SpacerEdit;\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SACCC,aAAa,EACbC,wBAAwB,EACxBC,sBAAsB,EACtBC,KAAK,IAAIC,gBAAgB,EACzBC,WAAW,IAAIC,sBAAsB,QAC/B,yBAAyB;AAChC,SAASC,YAAY,QAAQ,uBAAuB;AACpD,SAASC,QAAQ,EAAEC,SAAS,QAAQ,oBAAoB;AACxD,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;;AAExD;AACA;AACA;AACA,SAASC,MAAM,QAAQ,gBAAgB;AACvC,OAAOC,cAAc,MAAM,YAAY;AACvC,SAASC,eAAe,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAE9C,MAAM;EAAEC;AAAgB,CAAC,GAAGT,MAAM,CAAEP,sBAAuB,CAAC;AAE5D,MAAMiB,eAAe,GAAGA,CAAE;EACzBC,WAAW;EACXC,aAAa;EACbC,QAAQ;EACRC,YAAY;EACZC,UAAU;EACVC,UAAU;EACVC,aAAa;EACb,GAAGC;AACJ,CAAC,KAAM;EACN,MAAMC,cAAc,GAAKC,GAAG,IAAM;IACjC,OAAOT,WAAW,KAAK,YAAY,GAChCS,GAAG,CAACC,WAAW,GACfD,GAAG,CAACE,YAAY;EACpB,CAAC;EAED,MAAMC,UAAU,GAAKH,GAAG,IAAM;IAC7B,OAAO,GAAID,cAAc,CAAEC,GAAI,CAAC,IAAK;EACtC,CAAC;EAED,oBACChB,IAAA,CAACV,YAAY;IACZ8B,SAAS,EAAGtC,IAAI,CAAE,wCAAwC,EAAE;MAC3D,mBAAmB,EAAEyB,WAAW,KAAK,YAAY;MACjD,aAAa,EAAEK,UAAU;MACzB,aAAa,EAAED;IAChB,CAAE,CAAG;IACLH,aAAa,EAAGA,CAAEa,MAAM,EAAEC,UAAU,EAAEN,GAAG,KAAM;MAC9C,MAAMO,OAAO,GAAGJ,UAAU,CAAEH,GAAI,CAAC;MACjCR,aAAa,CAAEe,OAAQ,CAAC;MACxBd,QAAQ,CAAEc,OAAQ,CAAC;IACpB,CAAG;IACHd,QAAQ,EAAGA,CAAEY,MAAM,EAAEC,UAAU,EAAEN,GAAG,KAAM;MACzCP,QAAQ,CAAEU,UAAU,CAAEH,GAAI,CAAE,CAAC;MAC7B,IAAK,CAAEJ,UAAU,EAAG;QACnBC,aAAa,CAAE,IAAK,CAAC;MACtB;IACD,CAAG;IACHH,YAAY,EAAGA,CAAEW,MAAM,EAAEC,UAAU,EAAEN,GAAG,KAAM;MAC7C,MAAMO,OAAO,GAAGR,cAAc,CAAEC,GAAI,CAAC;MACrCN,YAAY,CAAE,GAAIa,OAAO,IAAM,CAAC;MAChCV,aAAa,CAAE,KAAM,CAAC;IACvB,CAAG;IACHW,yBAAyB;IACzBC,0BAA0B,EAAG;MAC5BC,IAAI,EAAEnB,WAAW,KAAK,YAAY,GAAG,GAAG,GAAG,GAAG;MAC9CoB,QAAQ,EAAE,QAAQ;MAClBC,SAAS,EAAEhB;IACZ,CAAG;IACHiB,UAAU,EAAGlB,UAAY;IAAA,GACpBG;EAAK,CACV,CAAC;AAEJ,CAAC;AAED,MAAMgB,UAAU,GAAGA,CAAE;EACpBC,UAAU;EACVpB,UAAU;EACVqB,aAAa;EACbC,eAAe;EACfC,OAAO;EACPC,sBAAsB,EAAEC,YAAY;EACpChB;AACD,CAAC,KAAM;EACN,MAAMiB,yBAAyB,GAAG3C,SAAS,CAAI4C,MAAM,IAAM;IAC1D,MAAMC,cAAc,GAAGD,MAAM,CAAEnD,gBAAiB,CAAC,CAACqD,WAAW,CAAC,CAAC;IAC/D,OAAOD,cAAc,EAAEF,yBAAyB;EACjD,CAAE,CAAC;EACH,MAAM;IAAE9B;EAAY,CAAC,GAAG2B,OAAO;EAC/B,MAAM;IACL3B,WAAW,EAAEkC,iBAAiB;IAC9BC,IAAI;IACJC,OAAO,EAAE;MAAED,IAAI,EAAEE;IAAY,CAAC,GAAG,CAAC;EACnC,CAAC,GAAGR,YAAY,IAAI,CAAC,CAAC;EACtB;EACA,MAAMS,YAAY,GACjBH,IAAI,KAAK,MAAM,IAAM,CAAEA,IAAI,IAAIE,WAAW,KAAK,MAAQ;EACxD;EACA;EACA,MAAME,oBAAoB,GACzB,CAAEL,iBAAiB,IAAII,YAAY,GAChC,YAAY,GACZJ,iBAAiB,IAAIlC,WAAW;EACpC,MAAM;IAAEwC,MAAM;IAAEC,KAAK;IAAEC,KAAK,EAAEC,UAAU,GAAG,CAAC;EAAE,CAAC,GAAGnB,UAAU;EAE5D,MAAM;IAAEoB,MAAM,GAAG,CAAC;EAAE,CAAC,GAAGD,UAAU;EAClC,MAAM;IAAEE,WAAW;IAAEC;EAAS,CAAC,GAAGF,MAAM;EAExC,MAAMG,YAAY,GAAGjD,eAAe,CAAC,CAAC;EAEtC,MAAM,CAAEO,UAAU,EAAEC,aAAa,CAAE,GAAGtB,QAAQ,CAAE,KAAM,CAAC;EACvD,MAAM,CAAEgE,eAAe,EAAEC,kBAAkB,CAAE,GAAGjE,QAAQ,CAAE,IAAK,CAAC;EAChE,MAAM,CAAEkE,cAAc,EAAEC,iBAAiB,CAAE,GAAGnE,QAAQ,CAAE,IAAK,CAAC;EAE9D,MAAMiB,aAAa,GAAGA,CAAA,KAAMyB,eAAe,CAAE,KAAM,CAAC;EACpD,MAAMvB,YAAY,GAAGA,CAAA,KAAMuB,eAAe,CAAE,IAAK,CAAC;EAElD,MAAM;IAAE0B;EAAwC,CAAC,GAChDhE,WAAW,CAAER,gBAAiB,CAAC;EAEhC,MAAMyE,0BAA0B,GAAKC,SAAS,IAAM;IACnDnD,YAAY,CAAC,CAAC;IAEd,IAAKmC,YAAY,EAAG;MACnBb,aAAa,CAAE;QACdiB,KAAK,EAAE;UACN,GAAGC,UAAU;UACbC,MAAM,EAAE;YACP,GAAGA,MAAM;YACTE,QAAQ,EAAEQ,SAAS;YACnBT,WAAW,EAAE;UACd;QACD;MACD,CAAE,CAAC;IACJ;IAEApB,aAAa,CAAE;MAAEe,MAAM,EAAEc;IAAU,CAAE,CAAC;IACtCL,kBAAkB,CAAE,IAAK,CAAC;EAC3B,CAAC;EAED,MAAMM,4BAA4B,GAAKC,QAAQ,IAAM;IACpDrD,YAAY,CAAC,CAAC;IAEd,IAAKmC,YAAY,EAAG;MACnBb,aAAa,CAAE;QACdiB,KAAK,EAAE;UACN,GAAGC,UAAU;UACbC,MAAM,EAAE;YACP,GAAGA,MAAM;YACTE,QAAQ,EAAEU,QAAQ;YAClBX,WAAW,EAAE;UACd;QACD;MACD,CAAE,CAAC;IACJ;IAEApB,aAAa,CAAE;MAAEgB,KAAK,EAAEe;IAAS,CAAE,CAAC;IACpCL,iBAAiB,CAAE,IAAK,CAAC;EAC1B,CAAC;EAED,MAAMM,0BAA0B,GAAGA,CAAA,KAAM;IACxC,IAAKnB,YAAY,EAAG;MACnB,OAAOoB,SAAS;IACjB;IACA,OAAOV,eAAe,IAAItE,sBAAsB,CAAE8D,MAAO,CAAC,IAAIkB,SAAS;EACxE,CAAC;EAED,MAAMC,2BAA2B,GAAGA,CAAA,KAAM;IACzC,IAAKrB,YAAY,EAAG;MACnB,OAAOoB,SAAS;IACjB;IACA,OAAOR,cAAc,IAAIxE,sBAAsB,CAAE+D,KAAM,CAAC,IAAIiB,SAAS;EACtE,CAAC;EAED,MAAME,4BAA4B,GACjCrB,oBAAoB,KAAK,YAAY,GAClCW,cAAc,IAAIJ,QAAQ,GAC1BE,eAAe,IAAIF,QAAQ;EAE/B,MAAMJ,KAAK,GAAG;IACbF,MAAM,EACLD,oBAAoB,KAAK,YAAY,GAClC,EAAE,GACFkB,0BAA0B,CAAC,CAAC;IAChChB,KAAK,EACJF,oBAAoB,KAAK,YAAY,GAClCoB,2BAA2B,CAAC,CAAC,GAC7BD,SAAS;IACb;IACAG,QAAQ,EACPtB,oBAAoB,KAAK,UAAU,IAAID,YAAY,GAChD,EAAE,GACFoB,SAAS;IACb;IACAI,SAAS,EAAExB,YAAY,GAAGsB,4BAA4B,GAAGF,SAAS;IAClE;IACAK,QAAQ,EAAEzB,YAAY,IAAIjC,UAAU,GAAG,CAAC,GAAGqD;EAC5C,CAAC;EAED,MAAMM,2BAA2B,GAAKC,gBAAgB,IAAM;IAC3D,IAAKA,gBAAgB,KAAK,YAAY,EAAG;MACxC,oBACCxE,IAAA,CAACM,eAAe;QACf8D,QAAQ,EAAGtE,eAAiB;QAC5B2E,MAAM,EAAG;UACRC,GAAG,EAAE,KAAK;UACVC,KAAK,EAAE,IAAI;UACXC,MAAM,EAAE,KAAK;UACbC,IAAI,EAAE,KAAK;UACXC,QAAQ,EAAE,KAAK;UACfC,WAAW,EAAE,KAAK;UAClBC,UAAU,EAAE,KAAK;UACjBC,OAAO,EAAE;QACV,CAAG;QACH1E,WAAW,EAAGiE,gBAAkB;QAChChE,aAAa,EAAGA,aAAe;QAC/BC,QAAQ,EAAGiD,iBAAmB;QAC9BhD,YAAY,EAAGoD,4BAA8B;QAC7CnD,UAAU,EAAGA,UAAY;QACzBC,UAAU,EAAGA,UAAY;QACzBC,aAAa,EAAGA;MAAe,CAC/B,CAAC;IAEJ;IAEA,oBACCb,IAAA,CAAAE,SAAA;MAAAgF,QAAA,eACClF,IAAA,CAACM,eAAe;QACf6E,SAAS,EAAGrF,eAAiB;QAC7B2E,MAAM,EAAG;UACRC,GAAG,EAAE,KAAK;UACVC,KAAK,EAAE,KAAK;UACZC,MAAM,EAAE,IAAI;UACZC,IAAI,EAAE,KAAK;UACXC,QAAQ,EAAE,KAAK;UACfC,WAAW,EAAE,KAAK;UAClBC,UAAU,EAAE,KAAK;UACjBC,OAAO,EAAE;QACV,CAAG;QACH1E,WAAW,EAAGiE,gBAAkB;QAChChE,aAAa,EAAGA,aAAe;QAC/BC,QAAQ,EAAG+C,kBAAoB;QAC/B9C,YAAY,EAAGkD,0BAA4B;QAC3CjD,UAAU,EAAGA,UAAY;QACzBC,UAAU,EAAGA,UAAY;QACzBC,aAAa,EAAGA;MAAe,CAC/B;IAAC,CACD,CAAC;EAEL,CAAC;EAEDrB,SAAS,CAAE,MAAM;IAChB;IACA;IACA;IACA,MAAM4F,qBAAqB,GAAKC,cAAc,IAAM;MACnD1B,uCAAuC,CAAC,CAAC;MACzC3B,aAAa,CAAEqD,cAAe,CAAC;IAChC,CAAC;IAED,IACCxC,YAAY,IACZO,WAAW,KAAK,MAAM,IACtBA,WAAW,KAAK,KAAK,IACrBC,QAAQ,KAAKY,SAAS,EACrB;MACD,IAAKnB,oBAAoB,KAAK,YAAY,EAAG;QAC5C;QACA;QACA,MAAMwC,OAAO,GACZtG,wBAAwB,CAAEgE,KAAK,EAAEM,YAAa,CAAC,IAC/CtE,wBAAwB,CAAE+D,MAAM,EAAEO,YAAa,CAAC,IAChD,OAAO;QACR8B,qBAAqB,CAAE;UACtBpC,KAAK,EAAE,KAAK;UACZC,KAAK,EAAE;YACN,GAAGC,UAAU;YACbC,MAAM,EAAE;cACP,GAAGA,MAAM;cACTE,QAAQ,EAAEiC,OAAO;cACjBlC,WAAW,EAAE;YACd;UACD;QACD,CAAE,CAAC;MACJ,CAAC,MAAM;QACN,MAAMkC,OAAO,GACZtG,wBAAwB,CAAE+D,MAAM,EAAEO,YAAa,CAAC,IAChDtE,wBAAwB,CAAEgE,KAAK,EAAEM,YAAa,CAAC,IAC/C,OAAO;QACR8B,qBAAqB,CAAE;UACtBrC,MAAM,EAAE,KAAK;UACbE,KAAK,EAAE;YACN,GAAGC,UAAU;YACbC,MAAM,EAAE;cACP,GAAGA,MAAM;cACTE,QAAQ,EAAEiC,OAAO;cACjBlC,WAAW,EAAE;YACd;UACD;QACD,CAAE,CAAC;MACJ;IACD,CAAC,MAAM,IACNP,YAAY,KACVO,WAAW,KAAK,MAAM,IAAIA,WAAW,KAAK,KAAK,CAAE,EAClD;MACDgC,qBAAqB,CACpBtC,oBAAoB,KAAK,YAAY,GAClC;QAAEE,KAAK,EAAEiB;MAAU,CAAC,GACpB;QAAElB,MAAM,EAAEkB;MAAU,CACxB,CAAC;IACF,CAAC,MAAM,IAAK,CAAEpB,YAAY,KAAMO,WAAW,IAAIC,QAAQ,CAAE,EAAG;MAC3D+B,qBAAqB,CAAE;QACtB,IAAKtC,oBAAoB,KAAK,YAAY,GACvC;UAAEE,KAAK,EAAEK;QAAS,CAAC,GACnB;UAAEN,MAAM,EAAEM;QAAS,CAAC,CAAE;QACzBJ,KAAK,EAAE;UACN,GAAGC,UAAU;UACbC,MAAM,EAAE;YACP,GAAGA,MAAM;YACTE,QAAQ,EAAEY,SAAS;YACnBb,WAAW,EAAEa;UACd;QACD;MACD,CAAE,CAAC;IACJ;EACD,CAAC,EAAE,CACFf,UAAU,EACVG,QAAQ,EACRN,MAAM,EACND,oBAAoB,EACpBD,YAAY,EACZM,MAAM,EACNC,WAAW,EACXpB,aAAa,EACbsB,YAAY,EACZN,KAAK,EACLW,uCAAuC,CACtC,CAAC;EAEH,oBACCvD,KAAA,CAAAF,SAAA;IAAAgF,QAAA,gBACClF,IAAA,CAACP,IAAI;MAAA,GACCV,aAAa,CAAE;QACnBkE,KAAK;QACL7B,SAAS,EAAEtC,IAAI,CAAEsC,SAAS,EAAE;UAC3B,uBAAuB,EAAEiB;QAC1B,CAAE;MACH,CAAE,CAAC;MAAA6C,QAAA,EAEDX,2BAA2B,CAAEzB,oBAAqB;IAAC,CAChD,CAAC,EACL,CAAED,YAAY,iBACf7C,IAAA,CAACH,cAAc;MACdmC,aAAa,EAAGA,aAAe;MAC/Be,MAAM,EAAGQ,eAAe,IAAIR,MAAQ;MACpCC,KAAK,EAAGS,cAAc,IAAIT,KAAO;MACjCzC,WAAW,EAAGuC,oBAAsB;MACpClC,UAAU,EAAGA;IAAY,CACzB,CACD;EAAA,CACA,CAAC;AAEL,CAAC;AAED,eAAekB,UAAU","ignoreList":[]}

package/build-module/template-part/edit/advanced-controls.js

@@ -11,15 +11,8 @@ import { useSelect } from '@wordpress/data';
  * Internal dependencies
  */
 import { TemplatePartImportControls } from './import-controls';
+import { htmlElementMessages } from '../../utils/messages';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-const htmlElementMessages = {
-  header: __('The <header> element should represent introductory content, typically a group of introductory or navigational aids.'),
-  main: __('The <main> element should be used for the primary content of your document only.'),
-  section: __("The <section> element should represent a standalone portion of the document that can't be better represented by another element."),
-  article: __('The <article> element should represent a self-contained, syndicatable portion of the document.'),
-  aside: __("The <aside> element should represent a portion of a document whose content is only indirectly related to the document's main content."),
-  footer: __('The <footer> element should represent a footer for its nearest sectioning element (e.g.: <section>, <article>, <main> etc.).')
-};
 export function TemplatePartAdvancedControls({
   tagName,
   setAttributes,

package/build-module/template-part/edit/advanced-controls.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEntityProp","store","coreStore","SelectControl","TextControl","sprintf","__","useSelect","TemplatePartImportControls","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","htmlElementMessages","header","main","section","article","aside","footer","TemplatePartAdvancedControls","tagName","setAttributes","isEntityAvailable","templatePartId","defaultWrapper","hasInnerBlocks","area","setArea","title","setTitle","defaultTemplatePartAreas","select","getEntityRecord","default_template_part_areas","areaOptions","map","label","_area","value","children","__next40pxDefaultSize","__nextHasNoMarginBottom","onChange","onFocus","event","target","labelPosition","options","help"],"sources":["@wordpress/block-library/src/template-part/edit/advanced-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEntityProp, store as coreStore } from '@wordpress/core-data';\nimport { SelectControl, TextControl } from '@wordpress/components';\nimport { sprintf, __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { TemplatePartImportControls } from './import-controls';\n\nconst htmlElementMessages = {\n\theader: __(\n\t\t'The <header> element should represent introductory content, typically a group of introductory or navigational aids.'\n\t),\n\tmain: __(\n\t\t'The <main> element should be used for the primary content of your document only.'\n\t),\n\tsection: __(\n\t\t\"The <section> element should represent a standalone portion of the document that can't be better represented by another element.\"\n\t),\n\tarticle: __(\n\t\t'The <article> element should represent a self-contained, syndicatable portion of the document.'\n\t),\n\taside: __(\n\t\t\"The <aside> element should represent a portion of a document whose content is only indirectly related to the document's main content.\"\n\t),\n\tfooter: __(\n\t\t'The <footer> element should represent a footer for its nearest sectioning element (e.g.: <section>, <article>, <main> etc.).'\n\t),\n};\n\nexport function TemplatePartAdvancedControls( {\n\ttagName,\n\tsetAttributes,\n\tisEntityAvailable,\n\ttemplatePartId,\n\tdefaultWrapper,\n\thasInnerBlocks,\n} ) {\n\tconst [ area, setArea ] = useEntityProp(\n\t\t'postType',\n\t\t'wp_template_part',\n\t\t'area',\n\t\ttemplatePartId\n\t);\n\n\tconst [ title, setTitle ] = useEntityProp(\n\t\t'postType',\n\t\t'wp_template_part',\n\t\t'title',\n\t\ttemplatePartId\n\t);\n\n\tconst defaultTemplatePartAreas = useSelect(\n\t\t( select ) =>\n\t\t\tselect( coreStore ).getEntityRecord( 'root', '__unstableBase' )\n\t\t\t\t?.default_template_part_areas || [],\n\t\t[]\n\t);\n\n\tconst areaOptions = defaultTemplatePartAreas.map(\n\t\t( { label, area: _area } ) => ( {\n\t\t\tlabel,\n\t\t\tvalue: _area,\n\t\t} )\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{ isEntityAvailable && (\n\t\t\t\t<>\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Title' ) }\n\t\t\t\t\t\tvalue={ title }\n\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\tsetTitle( value );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonFocus={ ( event ) => event.target.select() }\n\t\t\t\t\t/>\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Area' ) }\n\t\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\t\toptions={ areaOptions }\n\t\t\t\t\t\tvalue={ area }\n\t\t\t\t\t\tonChange={ setArea }\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t<SelectControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t__next40pxDefaultSize\n\t\t\t\tlabel={ __( 'HTML element' ) }\n\t\t\t\toptions={ [\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: sprintf(\n\t\t\t\t\t\t\t/* translators: %s: HTML tag based on area. */\n\t\t\t\t\t\t\t__( 'Default based on area (%s)' ),\n\t\t\t\t\t\t\t`<${ defaultWrapper }>`\n\t\t\t\t\t\t),\n\t\t\t\t\t\tvalue: '',\n\t\t\t\t\t},\n\t\t\t\t\t{ label: '<header>', value: 'header' },\n\t\t\t\t\t{ label: '<main>', value: 'main' },\n\t\t\t\t\t{ label: '<section>', value: 'section' },\n\t\t\t\t\t{ label: '<article>', value: 'article' },\n\t\t\t\t\t{ label: '<aside>', value: 'aside' },\n\t\t\t\t\t{ label: '<footer>', value: 'footer' },\n\t\t\t\t\t{ label: '<div>', value: 'div' },\n\t\t\t\t] }\n\t\t\t\tvalue={ tagName || '' }\n\t\t\t\tonChange={ ( value ) => setAttributes( { tagName: value } ) }\n\t\t\t\thelp={ htmlElementMessages[ tagName ] }\n\t\t\t/>\n\t\t\t{ ! hasInnerBlocks && (\n\t\t\t\t<TemplatePartImportControls\n\t\t\t\t\tarea={ area }\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useEntityProp","store","coreStore","SelectControl","TextControl","sprintf","__","useSelect","TemplatePartImportControls","htmlElementMessages","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","TemplatePartAdvancedControls","tagName","setAttributes","isEntityAvailable","templatePartId","defaultWrapper","hasInnerBlocks","area","setArea","title","setTitle","defaultTemplatePartAreas","select","getEntityRecord","default_template_part_areas","areaOptions","map","label","_area","value","children","__next40pxDefaultSize","__nextHasNoMarginBottom","onChange","onFocus","event","target","labelPosition","options","help"],"sources":["@wordpress/block-library/src/template-part/edit/advanced-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEntityProp, store as coreStore } from '@wordpress/core-data';\nimport { SelectControl, TextControl } from '@wordpress/components';\nimport { sprintf, __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { TemplatePartImportControls } from './import-controls';\nimport { htmlElementMessages } from '../../utils/messages';\n\nexport function TemplatePartAdvancedControls( {\n\ttagName,\n\tsetAttributes,\n\tisEntityAvailable,\n\ttemplatePartId,\n\tdefaultWrapper,\n\thasInnerBlocks,\n} ) {\n\tconst [ area, setArea ] = useEntityProp(\n\t\t'postType',\n\t\t'wp_template_part',\n\t\t'area',\n\t\ttemplatePartId\n\t);\n\n\tconst [ title, setTitle ] = useEntityProp(\n\t\t'postType',\n\t\t'wp_template_part',\n\t\t'title',\n\t\ttemplatePartId\n\t);\n\n\tconst defaultTemplatePartAreas = useSelect(\n\t\t( select ) =>\n\t\t\tselect( coreStore ).getEntityRecord( 'root', '__unstableBase' )\n\t\t\t\t?.default_template_part_areas || [],\n\t\t[]\n\t);\n\n\tconst areaOptions = defaultTemplatePartAreas.map(\n\t\t( { label, area: _area } ) => ( {\n\t\t\tlabel,\n\t\t\tvalue: _area,\n\t\t} )\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{ isEntityAvailable && (\n\t\t\t\t<>\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Title' ) }\n\t\t\t\t\t\tvalue={ title }\n\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\tsetTitle( value );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonFocus={ ( event ) => event.target.select() }\n\t\t\t\t\t/>\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Area' ) }\n\t\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\t\toptions={ areaOptions }\n\t\t\t\t\t\tvalue={ area }\n\t\t\t\t\t\tonChange={ setArea }\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t<SelectControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t__next40pxDefaultSize\n\t\t\t\tlabel={ __( 'HTML element' ) }\n\t\t\t\toptions={ [\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: sprintf(\n\t\t\t\t\t\t\t/* translators: %s: HTML tag based on area. */\n\t\t\t\t\t\t\t__( 'Default based on area (%s)' ),\n\t\t\t\t\t\t\t`<${ defaultWrapper }>`\n\t\t\t\t\t\t),\n\t\t\t\t\t\tvalue: '',\n\t\t\t\t\t},\n\t\t\t\t\t{ label: '<header>', value: 'header' },\n\t\t\t\t\t{ label: '<main>', value: 'main' },\n\t\t\t\t\t{ label: '<section>', value: 'section' },\n\t\t\t\t\t{ label: '<article>', value: 'article' },\n\t\t\t\t\t{ label: '<aside>', value: 'aside' },\n\t\t\t\t\t{ label: '<footer>', value: 'footer' },\n\t\t\t\t\t{ label: '<div>', value: 'div' },\n\t\t\t\t] }\n\t\t\t\tvalue={ tagName || '' }\n\t\t\t\tonChange={ ( value ) => setAttributes( { tagName: value } ) }\n\t\t\t\thelp={ htmlElementMessages[ tagName ] }\n\t\t\t/>\n\t\t\t{ ! hasInnerBlocks && (\n\t\t\t\t<TemplatePartImportControls\n\t\t\t\t\tarea={ area }\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/utils/messages.js

@@ -0,0 +1,15 @@
+/**
+ * WordPress dependencies
+ */
+import { __ } from '@wordpress/i18n';
+export const htmlElementMessages = {
+  article: __('The <article> element should represent a self-contained, syndicatable portion of the document.'),
+  aside: __("The <aside> element should represent a portion of a document whose content is only indirectly related to the document's main content."),
+  div: __('The <div> element should only be used if the block is a design element with no semantic meaning.'),
+  footer: __('The <footer> element should represent a footer for its nearest sectioning element (e.g.: <section>, <article>, <main> etc.).'),
+  header: __('The <header> element should represent introductory content, typically a group of introductory or navigational aids.'),
+  main: __('The <main> element should be used for the primary content of your document only.'),
+  nav: __('The <nav> element should be used to identify groups of links that are intended to be used for website or page content navigation.'),
+  section: __("The <section> element should represent a standalone portion of the document that can't be better represented by another element.")
+};
+//# sourceMappingURL=messages.js.map

package/build-module/utils/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__","htmlElementMessages","article","aside","div","footer","header","main","nav","section"],"sources":["@wordpress/block-library/src/utils/messages.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\nexport const htmlElementMessages = {\n\tarticle: __(\n\t\t'The <article> element should represent a self-contained, syndicatable portion of the document.'\n\t),\n\taside: __(\n\t\t\"The <aside> element should represent a portion of a document whose content is only indirectly related to the document's main content.\"\n\t),\n\tdiv: __(\n\t\t'The <div> element should only be used if the block is a design element with no semantic meaning.'\n\t),\n\tfooter: __(\n\t\t'The <footer> element should represent a footer for its nearest sectioning element (e.g.: <section>, <article>, <main> etc.).'\n\t),\n\theader: __(\n\t\t'The <header> element should represent introductory content, typically a group of introductory or navigational aids.'\n\t),\n\tmain: __(\n\t\t'The <main> element should be used for the primary content of your document only.'\n\t),\n\tnav: __(\n\t\t'The <nav> element should be used to identify groups of links that are intended to be used for website or page content navigation.'\n\t),\n\tsection: __(\n\t\t\"The <section> element should represent a standalone portion of the document that can't be better represented by another element.\"\n\t),\n};\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AAEpC,OAAO,MAAMC,mBAAmB,GAAG;EAClCC,OAAO,EAAEF,EAAE,CACV,gGACD,CAAC;EACDG,KAAK,EAAEH,EAAE,CACR,uIACD,CAAC;EACDI,GAAG,EAAEJ,EAAE,CACN,kGACD,CAAC;EACDK,MAAM,EAAEL,EAAE,CACT,8HACD,CAAC;EACDM,MAAM,EAAEN,EAAE,CACT,qHACD,CAAC;EACDO,IAAI,EAAEP,EAAE,CACP,kFACD,CAAC;EACDQ,GAAG,EAAER,EAAE,CACN,mIACD,CAAC;EACDS,OAAO,EAAET,EAAE,CACV,kIACD;AACD,CAAC","ignoreList":[]}

package/build-module/video/edit-common-settings.js

@@ -131,7 +131,7 @@ const VideoSettings = ({
         /* translators: Setting to play videos within the webpage on mobile browsers rather than opening in a fullscreen player. */,
         label: __('Play inline'),
         onChange: toggleFactory.playsInline,
-        checked: playsInline,
+        checked: !!playsInline,
         help: __('When enabled, videos will play directly within the webpage on mobile browsers, instead of opening in a fullscreen player.')
       })
     }), /*#__PURE__*/_jsx(ToolsPanelItem, {

package/build-module/video/edit-common-settings.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","_x","ToggleControl","SelectControl","__experimentalToolsPanelItem","ToolsPanelItem","useMemo","useCallback","Platform","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","options","value","label","VideoSettings","setAttributes","attributes","autoplay","controls","loop","muted","playsInline","preload","autoPlayHelpText","getAutoplayHelp","select","web","checked","native","toggleFactory","toggleAttribute","attribute","newValue","onChangePreload","children","isShownByDefault","hasValue","onDeselect","__nextHasNoMarginBottom","onChange","help","__next40pxDefaultSize","hideCancelButton"],"sources":["@wordpress/block-library/src/video/edit-common-settings.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\tToggleControl,\n\tSelectControl,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { useMemo, useCallback, Platform } from '@wordpress/element';\n\nconst options = [\n\t{ value: 'auto', label: __( 'Auto' ) },\n\t{ value: 'metadata', label: __( 'Metadata' ) },\n\t{ value: 'none', label: _x( 'None', 'Preload value' ) },\n];\n\nconst VideoSettings = ( { setAttributes, attributes } ) => {\n\tconst { autoplay, controls, loop, muted, playsInline, preload } =\n\t\tattributes;\n\n\tconst autoPlayHelpText = __(\n\t\t'Autoplay may cause usability issues for some users.'\n\t);\n\tconst getAutoplayHelp = Platform.select( {\n\t\tweb: useCallback( ( checked ) => {\n\t\t\treturn checked ? autoPlayHelpText : null;\n\t\t}, [] ),\n\t\tnative: autoPlayHelpText,\n\t} );\n\n\tconst toggleFactory = useMemo( () => {\n\t\tconst toggleAttribute = ( attribute ) => {\n\t\t\treturn ( newValue ) => {\n\t\t\t\tsetAttributes( { [ attribute ]: newValue } );\n\t\t\t};\n\t\t};\n\n\t\treturn {\n\t\t\tautoplay: toggleAttribute( 'autoplay' ),\n\t\t\tloop: toggleAttribute( 'loop' ),\n\t\t\tmuted: toggleAttribute( 'muted' ),\n\t\t\tcontrols: toggleAttribute( 'controls' ),\n\t\t\tplaysInline: toggleAttribute( 'playsInline' ),\n\t\t};\n\t}, [] );\n\n\tconst onChangePreload = useCallback( ( value ) => {\n\t\tsetAttributes( { preload: value } );\n\t}, [] );\n\n\treturn (\n\t\t<>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Autoplay' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => !! autoplay }\n\t\t\t\tonDeselect={ () => {\n\t\t\t\t\tsetAttributes( { autoplay: false } );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Autoplay' ) }\n\t\t\t\t\tonChange={ toggleFactory.autoplay }\n\t\t\t\t\tchecked={ !! autoplay }\n\t\t\t\t\thelp={ getAutoplayHelp }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Loop' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => !! loop }\n\t\t\t\tonDeselect={ () => {\n\t\t\t\t\tsetAttributes( { loop: false } );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Loop' ) }\n\t\t\t\t\tonChange={ toggleFactory.loop }\n\t\t\t\t\tchecked={ !! loop }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Muted' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => !! muted }\n\t\t\t\tonDeselect={ () => {\n\t\t\t\t\tsetAttributes( { muted: false } );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Muted' ) }\n\t\t\t\t\tonChange={ toggleFactory.muted }\n\t\t\t\t\tchecked={ !! muted }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Playback controls' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => ! controls }\n\t\t\t\tonDeselect={ () => {\n\t\t\t\t\tsetAttributes( { controls: true } );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Playback controls' ) }\n\t\t\t\t\tonChange={ toggleFactory.controls }\n\t\t\t\t\tchecked={ !! controls }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Play inline' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => !! playsInline }\n\t\t\t\tonDeselect={ () => {\n\t\t\t\t\tsetAttributes( { playsInline: false } );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t/* translators: Setting to play videos within the webpage on mobile browsers rather than opening in a fullscreen player. */\n\t\t\t\t\tlabel={ __( 'Play inline' ) }\n\t\t\t\t\tonChange={ toggleFactory.playsInline }\n\t\t\t\t\tchecked={ playsInline }\n\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t'When enabled, videos will play directly within the webpage on mobile browsers, instead of opening in a fullscreen player.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Preload' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => preload !== 'metadata' }\n\t\t\t\tonDeselect={ () => {\n\t\t\t\t\tsetAttributes( { preload: 'metadata' } );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<SelectControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Preload' ) }\n\t\t\t\t\tvalue={ preload }\n\t\t\t\t\tonChange={ onChangePreload }\n\t\t\t\t\toptions={ options }\n\t\t\t\t\thideCancelButton\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t</>\n\t);\n};\n\nexport default VideoSettings;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__","_x","ToggleControl","SelectControl","__experimentalToolsPanelItem","ToolsPanelItem","useMemo","useCallback","Platform","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","options","value","label","VideoSettings","setAttributes","attributes","autoplay","controls","loop","muted","playsInline","preload","autoPlayHelpText","getAutoplayHelp","select","web","checked","native","toggleFactory","toggleAttribute","attribute","newValue","onChangePreload","children","isShownByDefault","hasValue","onDeselect","__nextHasNoMarginBottom","onChange","help","__next40pxDefaultSize","hideCancelButton"],"sources":["@wordpress/block-library/src/video/edit-common-settings.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\tToggleControl,\n\tSelectControl,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { useMemo, useCallback, Platform } from '@wordpress/element';\n\nconst options = [\n\t{ value: 'auto', label: __( 'Auto' ) },\n\t{ value: 'metadata', label: __( 'Metadata' ) },\n\t{ value: 'none', label: _x( 'None', 'Preload value' ) },\n];\n\nconst VideoSettings = ( { setAttributes, attributes } ) => {\n\tconst { autoplay, controls, loop, muted, playsInline, preload } =\n\t\tattributes;\n\n\tconst autoPlayHelpText = __(\n\t\t'Autoplay may cause usability issues for some users.'\n\t);\n\tconst getAutoplayHelp = Platform.select( {\n\t\tweb: useCallback( ( checked ) => {\n\t\t\treturn checked ? autoPlayHelpText : null;\n\t\t}, [] ),\n\t\tnative: autoPlayHelpText,\n\t} );\n\n\tconst toggleFactory = useMemo( () => {\n\t\tconst toggleAttribute = ( attribute ) => {\n\t\t\treturn ( newValue ) => {\n\t\t\t\tsetAttributes( { [ attribute ]: newValue } );\n\t\t\t};\n\t\t};\n\n\t\treturn {\n\t\t\tautoplay: toggleAttribute( 'autoplay' ),\n\t\t\tloop: toggleAttribute( 'loop' ),\n\t\t\tmuted: toggleAttribute( 'muted' ),\n\t\t\tcontrols: toggleAttribute( 'controls' ),\n\t\t\tplaysInline: toggleAttribute( 'playsInline' ),\n\t\t};\n\t}, [] );\n\n\tconst onChangePreload = useCallback( ( value ) => {\n\t\tsetAttributes( { preload: value } );\n\t}, [] );\n\n\treturn (\n\t\t<>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Autoplay' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => !! autoplay }\n\t\t\t\tonDeselect={ () => {\n\t\t\t\t\tsetAttributes( { autoplay: false } );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Autoplay' ) }\n\t\t\t\t\tonChange={ toggleFactory.autoplay }\n\t\t\t\t\tchecked={ !! autoplay }\n\t\t\t\t\thelp={ getAutoplayHelp }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Loop' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => !! loop }\n\t\t\t\tonDeselect={ () => {\n\t\t\t\t\tsetAttributes( { loop: false } );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Loop' ) }\n\t\t\t\t\tonChange={ toggleFactory.loop }\n\t\t\t\t\tchecked={ !! loop }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Muted' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => !! muted }\n\t\t\t\tonDeselect={ () => {\n\t\t\t\t\tsetAttributes( { muted: false } );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Muted' ) }\n\t\t\t\t\tonChange={ toggleFactory.muted }\n\t\t\t\t\tchecked={ !! muted }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Playback controls' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => ! controls }\n\t\t\t\tonDeselect={ () => {\n\t\t\t\t\tsetAttributes( { controls: true } );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Playback controls' ) }\n\t\t\t\t\tonChange={ toggleFactory.controls }\n\t\t\t\t\tchecked={ !! controls }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Play inline' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => !! playsInline }\n\t\t\t\tonDeselect={ () => {\n\t\t\t\t\tsetAttributes( { playsInline: false } );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t/* translators: Setting to play videos within the webpage on mobile browsers rather than opening in a fullscreen player. */\n\t\t\t\t\tlabel={ __( 'Play inline' ) }\n\t\t\t\t\tonChange={ toggleFactory.playsInline }\n\t\t\t\t\tchecked={ !! playsInline }\n\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t'When enabled, videos will play directly within the webpage on mobile browsers, instead of opening in a fullscreen player.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Preload' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => preload !== 'metadata' }\n\t\t\t\tonDeselect={ () => {\n\t\t\t\t\tsetAttributes( { preload: 'metadata' } );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<SelectControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Preload' ) }\n\t\t\t\t\tvalue={ preload }\n\t\t\t\t\tonChange={ onChangePreload }\n\t\t\t\t\toptions={ options }\n\t\t\t\t\thideCancelButton\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t</>\n\t);\n};\n\nexport default VideoSettings;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,EAAEC,EAAE,QAAQ,iBAAiB;AACxC,SACCC,aAAa,EACbC,aAAa,EACbC,4BAA4B,IAAIC,cAAc,QACxC,uBAAuB;AAC9B,SAASC,OAAO,EAAEC,WAAW,EAAEC,QAAQ,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAEpE,MAAMC,OAAO,GAAG,CACf;EAAEC,KAAK,EAAE,MAAM;EAAEC,KAAK,EAAEjB,EAAE,CAAE,MAAO;AAAE,CAAC,EACtC;EAAEgB,KAAK,EAAE,UAAU;EAAEC,KAAK,EAAEjB,EAAE,CAAE,UAAW;AAAE,CAAC,EAC9C;EAAEgB,KAAK,EAAE,MAAM;EAAEC,KAAK,EAAEhB,EAAE,CAAE,MAAM,EAAE,eAAgB;AAAE,CAAC,CACvD;AAED,MAAMiB,aAAa,GAAGA,CAAE;EAAEC,aAAa;EAAEC;AAAW,CAAC,KAAM;EAC1D,MAAM;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,KAAK;IAAEC,WAAW;IAAEC;EAAQ,CAAC,GAC9DN,UAAU;EAEX,MAAMO,gBAAgB,GAAG3B,EAAE,CAC1B,qDACD,CAAC;EACD,MAAM4B,eAAe,GAAGpB,QAAQ,CAACqB,MAAM,CAAE;IACxCC,GAAG,EAAEvB,WAAW,CAAIwB,OAAO,IAAM;MAChC,OAAOA,OAAO,GAAGJ,gBAAgB,GAAG,IAAI;IACzC,CAAC,EAAE,EAAG,CAAC;IACPK,MAAM,EAAEL;EACT,CAAE,CAAC;EAEH,MAAMM,aAAa,GAAG3B,OAAO,CAAE,MAAM;IACpC,MAAM4B,eAAe,GAAKC,SAAS,IAAM;MACxC,OAASC,QAAQ,IAAM;QACtBjB,aAAa,CAAE;UAAE,CAAEgB,SAAS,GAAIC;QAAS,CAAE,CAAC;MAC7C,CAAC;IACF,CAAC;IAED,OAAO;MACNf,QAAQ,EAAEa,eAAe,CAAE,UAAW,CAAC;MACvCX,IAAI,EAAEW,eAAe,CAAE,MAAO,CAAC;MAC/BV,KAAK,EAAEU,eAAe,CAAE,OAAQ,CAAC;MACjCZ,QAAQ,EAAEY,eAAe,CAAE,UAAW,CAAC;MACvCT,WAAW,EAAES,eAAe,CAAE,aAAc;IAC7C,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMG,eAAe,GAAG9B,WAAW,CAAIS,KAAK,IAAM;IACjDG,aAAa,CAAE;MAAEO,OAAO,EAAEV;IAAM,CAAE,CAAC;EACpC,CAAC,EAAE,EAAG,CAAC;EAEP,oBACCF,KAAA,CAAAF,SAAA;IAAA0B,QAAA,gBACC5B,IAAA,CAACL,cAAc;MACdY,KAAK,EAAGjB,EAAE,CAAE,UAAW,CAAG;MAC1BuC,gBAAgB;MAChBC,QAAQ,EAAGA,CAAA,KAAM,CAAC,CAAEnB,QAAU;MAC9BoB,UAAU,EAAGA,CAAA,KAAM;QAClBtB,aAAa,CAAE;UAAEE,QAAQ,EAAE;QAAM,CAAE,CAAC;MACrC,CAAG;MAAAiB,QAAA,eAEH5B,IAAA,CAACR,aAAa;QACbwC,uBAAuB;QACvBzB,KAAK,EAAGjB,EAAE,CAAE,UAAW,CAAG;QAC1B2C,QAAQ,EAAGV,aAAa,CAACZ,QAAU;QACnCU,OAAO,EAAG,CAAC,CAAEV,QAAU;QACvBuB,IAAI,EAAGhB;MAAiB,CACxB;IAAC,CACa,CAAC,eACjBlB,IAAA,CAACL,cAAc;MACdY,KAAK,EAAGjB,EAAE,CAAE,MAAO,CAAG;MACtBuC,gBAAgB;MAChBC,QAAQ,EAAGA,CAAA,KAAM,CAAC,CAAEjB,IAAM;MAC1BkB,UAAU,EAAGA,CAAA,KAAM;QAClBtB,aAAa,CAAE;UAAEI,IAAI,EAAE;QAAM,CAAE,CAAC;MACjC,CAAG;MAAAe,QAAA,eAEH5B,IAAA,CAACR,aAAa;QACbwC,uBAAuB;QACvBzB,KAAK,EAAGjB,EAAE,CAAE,MAAO,CAAG;QACtB2C,QAAQ,EAAGV,aAAa,CAACV,IAAM;QAC/BQ,OAAO,EAAG,CAAC,CAAER;MAAM,CACnB;IAAC,CACa,CAAC,eACjBb,IAAA,CAACL,cAAc;MACdY,KAAK,EAAGjB,EAAE,CAAE,OAAQ,CAAG;MACvBuC,gBAAgB;MAChBC,QAAQ,EAAGA,CAAA,KAAM,CAAC,CAAEhB,KAAO;MAC3BiB,UAAU,EAAGA,CAAA,KAAM;QAClBtB,aAAa,CAAE;UAAEK,KAAK,EAAE;QAAM,CAAE,CAAC;MAClC,CAAG;MAAAc,QAAA,eAEH5B,IAAA,CAACR,aAAa;QACbwC,uBAAuB;QACvBzB,KAAK,EAAGjB,EAAE,CAAE,OAAQ,CAAG;QACvB2C,QAAQ,EAAGV,aAAa,CAACT,KAAO;QAChCO,OAAO,EAAG,CAAC,CAAEP;MAAO,CACpB;IAAC,CACa,CAAC,eACjBd,IAAA,CAACL,cAAc;MACdY,KAAK,EAAGjB,EAAE,CAAE,mBAAoB,CAAG;MACnCuC,gBAAgB;MAChBC,QAAQ,EAAGA,CAAA,KAAM,CAAElB,QAAU;MAC7BmB,UAAU,EAAGA,CAAA,KAAM;QAClBtB,aAAa,CAAE;UAAEG,QAAQ,EAAE;QAAK,CAAE,CAAC;MACpC,CAAG;MAAAgB,QAAA,eAEH5B,IAAA,CAACR,aAAa;QACbwC,uBAAuB;QACvBzB,KAAK,EAAGjB,EAAE,CAAE,mBAAoB,CAAG;QACnC2C,QAAQ,EAAGV,aAAa,CAACX,QAAU;QACnCS,OAAO,EAAG,CAAC,CAAET;MAAU,CACvB;IAAC,CACa,CAAC,eACjBZ,IAAA,CAACL,cAAc;MACdY,KAAK,EAAGjB,EAAE,CAAE,aAAc,CAAG;MAC7BuC,gBAAgB;MAChBC,QAAQ,EAAGA,CAAA,KAAM,CAAC,CAAEf,WAAa;MACjCgB,UAAU,EAAGA,CAAA,KAAM;QAClBtB,aAAa,CAAE;UAAEM,WAAW,EAAE;QAAM,CAAE,CAAC;MACxC,CAAG;MAAAa,QAAA,eAEH5B,IAAA,CAACR,aAAa;QACbwC,uBAAuB;QACvB;QACAzB,KAAK,EAAGjB,EAAE,CAAE,aAAc,CAAG;QAC7B2C,QAAQ,EAAGV,aAAa,CAACR,WAAa;QACtCM,OAAO,EAAG,CAAC,CAAEN,WAAa;QAC1BmB,IAAI,EAAG5C,EAAE,CACR,2HACD;MAAG,CACH;IAAC,CACa,CAAC,eACjBU,IAAA,CAACL,cAAc;MACdY,KAAK,EAAGjB,EAAE,CAAE,SAAU,CAAG;MACzBuC,gBAAgB;MAChBC,QAAQ,EAAGA,CAAA,KAAMd,OAAO,KAAK,UAAY;MACzCe,UAAU,EAAGA,CAAA,KAAM;QAClBtB,aAAa,CAAE;UAAEO,OAAO,EAAE;QAAW,CAAE,CAAC;MACzC,CAAG;MAAAY,QAAA,eAEH5B,IAAA,CAACP,aAAa;QACb0C,qBAAqB;QACrBH,uBAAuB;QACvBzB,KAAK,EAAGjB,EAAE,CAAE,SAAU,CAAG;QACzBgB,KAAK,EAAGU,OAAS;QACjBiB,QAAQ,EAAGN,eAAiB;QAC5BtB,OAAO,EAAGA,OAAS;QACnB+B,gBAAgB;MAAA,CAChB;IAAC,CACa,CAAC;EAAA,CAChB,CAAC;AAEL,CAAC;AAED,eAAe5B,aAAa","ignoreList":[]}

package/build-style/editor-rtl.css

@@ -1072,9 +1072,6 @@ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
 .blocks-gallery-item figure.is-transient img {
   opacity: 0.3;
 }
-.blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu {
-  display: inline-flex;
-}
 .blocks-gallery-item .block-editor-media-placeholder {
   margin: 0;
   height: 100%;
@@ -1083,47 +1080,6 @@ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
   display: flex;
 }
 
-.block-library-gallery-item__inline-menu {
-  display: none;
-  position: absolute;
-  top: -2px;
-  margin: 8px;
-  z-index: 20;
-  border-radius: 2px;
-  background: #fff;
-  border: 1px solid #1e1e1e;
-}
-@media not (prefers-reduced-motion) {
-  .block-library-gallery-item__inline-menu {
-    transition: box-shadow 0.2s ease-out;
-  }
-}
-.block-library-gallery-item__inline-menu:hover {
-  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01);
-}
-@media (min-width: 600px) {
-  .columns-7 .block-library-gallery-item__inline-menu, .columns-8 .block-library-gallery-item__inline-menu {
-    padding: 2px;
-  }
-}
-.block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus) {
-  border: none;
-  box-shadow: none;
-}
-@media (min-width: 600px) {
-  .columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon, .columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon {
-    padding: 0;
-    width: inherit;
-    height: inherit;
-  }
-}
-.block-library-gallery-item__inline-menu.is-left {
-  right: -2px;
-}
-.block-library-gallery-item__inline-menu.is-right {
-  left: -2px;
-}
-
 .wp-block-gallery ul.blocks-gallery-grid {
   padding: 0;
   margin: 0;
@@ -2011,6 +1967,9 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   background-repeat: repeat-x;
   padding-bottom: 0.1em;
 }
+.wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text.is-invalid span, .wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text.is-draft span {
+  --wp-underline-color: var(--wp--preset--color--vivid-red);
+}
 .wp-block-navigation-link__placeholder.wp-block-navigation-item__content {
   cursor: pointer;
 }
@@ -2170,6 +2129,10 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   rotate: 180deg;
 }
 
+.is-zoomed-out .block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder] {
+  opacity: 0;
+}
+
 .wp-block-post-author__inspector-settings .components-base-control,
 .wp-block-post-author__inspector-settings .components-base-control:last-child {
   margin-bottom: 0;
@@ -2878,7 +2841,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   width: 100%;
 }
 .wp-block-post-featured-image > a {
-  cursor: default;
+  pointer-events: none;
 }
 .wp-block-post-featured-image.is-selected .components-placeholder.has-illustration .components-button,
 .wp-block-post-featured-image.is-selected .components-placeholder.has-illustration .components-placeholder__instructions,

package/build-style/editor.css

@@ -1080,9 +1080,6 @@ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
 .blocks-gallery-item figure.is-transient img {
   opacity: 0.3;
 }
-.blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu {
-  display: inline-flex;
-}
 .blocks-gallery-item .block-editor-media-placeholder {
   margin: 0;
   height: 100%;
@@ -1091,47 +1088,6 @@ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
   display: flex;
 }
 
-.block-library-gallery-item__inline-menu {
-  display: none;
-  position: absolute;
-  top: -2px;
-  margin: 8px;
-  z-index: 20;
-  border-radius: 2px;
-  background: #fff;
-  border: 1px solid #1e1e1e;
-}
-@media not (prefers-reduced-motion) {
-  .block-library-gallery-item__inline-menu {
-    transition: box-shadow 0.2s ease-out;
-  }
-}
-.block-library-gallery-item__inline-menu:hover {
-  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01);
-}
-@media (min-width: 600px) {
-  .columns-7 .block-library-gallery-item__inline-menu, .columns-8 .block-library-gallery-item__inline-menu {
-    padding: 2px;
-  }
-}
-.block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus) {
-  border: none;
-  box-shadow: none;
-}
-@media (min-width: 600px) {
-  .columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon, .columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon {
-    padding: 0;
-    width: inherit;
-    height: inherit;
-  }
-}
-.block-library-gallery-item__inline-menu.is-left {
-  left: -2px;
-}
-.block-library-gallery-item__inline-menu.is-right {
-  right: -2px;
-}
-
 .wp-block-gallery ul.blocks-gallery-grid {
   padding: 0;
   margin: 0;
@@ -2020,6 +1976,9 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   background-repeat: repeat-x;
   padding-bottom: 0.1em;
 }
+.wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text.is-invalid span, .wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text.is-draft span {
+  --wp-underline-color: var(--wp--preset--color--vivid-red);
+}
 .wp-block-navigation-link__placeholder.wp-block-navigation-item__content {
   cursor: pointer;
 }
@@ -2179,6 +2138,10 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   rotate: 180deg;
 }
 
+.is-zoomed-out .block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder] {
+  opacity: 0;
+}
+
 .wp-block-post-author__inspector-settings .components-base-control,
 .wp-block-post-author__inspector-settings .components-base-control:last-child {
   margin-bottom: 0;
@@ -2888,7 +2851,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   width: 100%;
 }
 .wp-block-post-featured-image > a {
-  cursor: default;
+  pointer-events: none;
 }
 .wp-block-post-featured-image.is-selected .components-placeholder.has-illustration .components-button,
 .wp-block-post-featured-image.is-selected .components-placeholder.has-illustration .components-placeholder__instructions,

package/build-style/gallery/editor-rtl.css

@@ -184,9 +184,6 @@
 .blocks-gallery-item figure.is-transient img {
   opacity: 0.3;
 }
-.blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu {
-  display: inline-flex;
-}
 .blocks-gallery-item .block-editor-media-placeholder {
   margin: 0;
   height: 100%;
@@ -195,47 +192,6 @@
   display: flex;
 }
 
-.block-library-gallery-item__inline-menu {
-  display: none;
-  position: absolute;
-  top: -2px;
-  margin: 8px;
-  z-index: 20;
-  border-radius: 2px;
-  background: #fff;
-  border: 1px solid #1e1e1e;
-}
-@media not (prefers-reduced-motion) {
-  .block-library-gallery-item__inline-menu {
-    transition: box-shadow 0.2s ease-out;
-  }
-}
-.block-library-gallery-item__inline-menu:hover {
-  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01);
-}
-@media (min-width: 600px) {
-  .columns-7 .block-library-gallery-item__inline-menu, .columns-8 .block-library-gallery-item__inline-menu {
-    padding: 2px;
-  }
-}
-.block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus) {
-  border: none;
-  box-shadow: none;
-}
-@media (min-width: 600px) {
-  .columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon, .columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon {
-    padding: 0;
-    width: inherit;
-    height: inherit;
-  }
-}
-.block-library-gallery-item__inline-menu.is-left {
-  right: -2px;
-}
-.block-library-gallery-item__inline-menu.is-right {
-  left: -2px;
-}
-
 .wp-block-gallery ul.blocks-gallery-grid {
   padding: 0;
   margin: 0;

package/build-style/gallery/editor.css

@@ -184,9 +184,6 @@
 .blocks-gallery-item figure.is-transient img {
   opacity: 0.3;
 }
-.blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu {
-  display: inline-flex;
-}
 .blocks-gallery-item .block-editor-media-placeholder {
   margin: 0;
   height: 100%;
@@ -195,47 +192,6 @@
   display: flex;
 }
 
-.block-library-gallery-item__inline-menu {
-  display: none;
-  position: absolute;
-  top: -2px;
-  margin: 8px;
-  z-index: 20;
-  border-radius: 2px;
-  background: #fff;
-  border: 1px solid #1e1e1e;
-}
-@media not (prefers-reduced-motion) {
-  .block-library-gallery-item__inline-menu {
-    transition: box-shadow 0.2s ease-out;
-  }
-}
-.block-library-gallery-item__inline-menu:hover {
-  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01);
-}
-@media (min-width: 600px) {
-  .columns-7 .block-library-gallery-item__inline-menu, .columns-8 .block-library-gallery-item__inline-menu {
-    padding: 2px;
-  }
-}
-.block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus) {
-  border: none;
-  box-shadow: none;
-}
-@media (min-width: 600px) {
-  .columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon, .columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon {
-    padding: 0;
-    width: inherit;
-    height: inherit;
-  }
-}
-.block-library-gallery-item__inline-menu.is-left {
-  left: -2px;
-}
-.block-library-gallery-item__inline-menu.is-right {
-  right: -2px;
-}
-
 .wp-block-gallery ul.blocks-gallery-grid {
   padding: 0;
   margin: 0;

package/build-style/navigation-link/editor-rtl.css

@@ -163,6 +163,9 @@
   background-repeat: repeat-x;
   padding-bottom: 0.1em;
 }
+.wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text.is-invalid span, .wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text.is-draft span {
+  --wp-underline-color: var(--wp--preset--color--vivid-red);
+}
 .wp-block-navigation-link__placeholder.wp-block-navigation-item__content {
   cursor: pointer;
 }