@wordpress/block-editor 12.23.0 → 12.24.0

package/build/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_hooks","require","_components","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_elements","_utils","_store","_defaults","_privateApis"],"sources":["@wordpress/block-editor/src/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport './hooks';\nexport {\n\tgetBorderClassesAndStyles as __experimentalGetBorderClassesAndStyles,\n\tuseBorderProps as __experimentalUseBorderProps,\n\tgetColorClassesAndStyles as __experimentalGetColorClassesAndStyles,\n\tgetTypographyClassesAndStyles,\n\tuseColorProps as __experimentalUseColorProps,\n\tuseCustomSides as __experimentalUseCustomSides,\n\tgetSpacingClassesAndStyles as __experimentalGetSpacingClassesAndStyles,\n\tgetGapCSSValue as __experimentalGetGapCSSValue,\n\tgetShadowClassesAndStyles as __experimentalGetShadowClassesAndStyles,\n\tuseCachedTruthy,\n\tuseZoomOut,\n} from './hooks';\nexport * from './components';\nexport * from './elements';\nexport * from './utils';\nexport { storeConfig, store } from './store';\nexport { SETTINGS_DEFAULTS } from './store/defaults';\nexport { privateApis } from './private-apis';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AAcA,IAAAC,WAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,WAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,WAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,WAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,SAAA,GAAAd,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAW,SAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,SAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,SAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,MAAA,GAAAf,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAY,MAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAU,MAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,MAAA,CAAAV,GAAA;IAAA;EAAA;AAAA;AACA,IAAAW,MAAA,GAAAhB,OAAA;AACA,IAAAiB,SAAA,GAAAjB,OAAA;AACA,IAAAkB,YAAA,GAAAlB,OAAA"}
+{"version":3,"names":["_hooks","require","_components","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_elements","_utils","_store","_defaults","_privateApis"],"sources":["@wordpress/block-editor/src/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport './hooks';\nexport {\n\tgetBorderClassesAndStyles as __experimentalGetBorderClassesAndStyles,\n\tuseBorderProps as __experimentalUseBorderProps,\n\tgetColorClassesAndStyles as __experimentalGetColorClassesAndStyles,\n\tgetTypographyClassesAndStyles,\n\tuseColorProps as __experimentalUseColorProps,\n\tuseCustomSides as __experimentalUseCustomSides,\n\tgetSpacingClassesAndStyles as __experimentalGetSpacingClassesAndStyles,\n\tgetGapCSSValue as __experimentalGetGapCSSValue,\n\tgetShadowClassesAndStyles as __experimentalGetShadowClassesAndStyles,\n\tuseCachedTruthy,\n\tuseZoomOut,\n} from './hooks';\nexport * from './components';\nexport * from './elements';\nexport * from './utils';\nexport { storeConfig, store } from './store';\nexport { SETTINGS_DEFAULTS } from './store/defaults';\nexport { privateApis } from './private-apis';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AAcA,IAAAC,WAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,WAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,WAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,WAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,SAAA,GAAAd,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAW,SAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,SAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,SAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,MAAA,GAAAf,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAY,MAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAU,MAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,MAAA,CAAAV,GAAA;IAAA;EAAA;AAAA;AACA,IAAAW,MAAA,GAAAhB,OAAA;AACA,IAAAiB,SAAA,GAAAjB,OAAA;AACA,IAAAkB,YAAA,GAAAlB,OAAA","ignoreList":[]}

package/build/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_index","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_hooks"],"sources":["@wordpress/block-editor/src/index.native.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nexport * from './index.js';\n\nexport { useEditorWrapperStyles } from './hooks';\n"],"mappings":";;;;;;;;;;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAb,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAS,MAAA,GAAAb,OAAA"}
+{"version":3,"names":["_index","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_hooks"],"sources":["@wordpress/block-editor/src/index.native.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nexport * from './index.js';\n\nexport { useEditorWrapperStyles } from './hooks';\n"],"mappings":";;;;;;;;;;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAb,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAS,MAAA,GAAAb,OAAA","ignoreList":[]}

package/build/layouts/constrained.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_icons","_styleEngine","_useSettings","_utils","_gap","_utils2","_definitions","_default","exports","default","name","label","__","inspectorControls","DefaultLayoutInspectorControls","layout","onChange","layoutBlockSupport","wideSize","contentSize","justifyContent","allowJustification","allowCustomContentAndWideSize","onJustificationChange","value","justificationOptions","icon","justifyLeft","justifyCenter","justifyRight","availableUnits","useSettings","units","useCustomUnits","_react","createElement","Fragment","className","__experimentalUnitControl","labelPosition","__unstableInputWidth","nextWidth","parseFloat","Icon","positionCenter","stretchWide","__experimentalToggleGroupControl","__nextHasNoMarginBottom","map","__experimentalToggleGroupControlOptionIcon","key","toolBarControls","DefaultLayoutToolbarControls","getLayoutStyle","selector","style","blockName","hasBlockGapSupport","layoutDefinitions","LAYOUT_DEFINITIONS","blockGapStyleValue","getGapCSSValue","spacing","blockGap","blockGapValue","shouldSkipSerialization","top","marginLeft","marginRight","output","appendSelectors","padding","paddingValues","getCSSRules","forEach","rule","getBlockGapCSS","getOrientation","getAlignments","alignmentInfo","getAlignmentsInfo","alignments","undefined","includes","unshift","alignment","info","wide","none"],"sources":["@wordpress/block-editor/src/layouts/constrained.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOptionIcon as ToggleGroupControlOptionIcon,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tIcon,\n\tpositionCenter,\n\tstretchWide,\n\tjustifyLeft,\n\tjustifyCenter,\n\tjustifyRight,\n} from '@wordpress/icons';\nimport { getCSSRules } from '@wordpress/style-engine';\n\n/**\n * Internal dependencies\n */\nimport { useSettings } from '../components/use-settings';\nimport { appendSelectors, getBlockGapCSS, getAlignmentsInfo } from './utils';\nimport { getGapCSSValue } from '../hooks/gap';\nimport { shouldSkipSerialization } from '../hooks/utils';\nimport { LAYOUT_DEFINITIONS } from './definitions';\n\nexport default {\n\tname: 'constrained',\n\tlabel: __( 'Constrained' ),\n\tinspectorControls: function DefaultLayoutInspectorControls( {\n\t\tlayout,\n\t\tonChange,\n\t\tlayoutBlockSupport = {},\n\t} ) {\n\t\tconst { wideSize, contentSize, justifyContent = 'center' } = layout;\n\t\tconst {\n\t\t\tallowJustification = true,\n\t\t\tallowCustomContentAndWideSize = true,\n\t\t} = layoutBlockSupport;\n\t\tconst onJustificationChange = ( value ) => {\n\t\t\tonChange( {\n\t\t\t\t...layout,\n\t\t\t\tjustifyContent: value,\n\t\t\t} );\n\t\t};\n\t\tconst justificationOptions = [\n\t\t\t{\n\t\t\t\tvalue: 'left',\n\t\t\t\ticon: justifyLeft,\n\t\t\t\tlabel: __( 'Justify items left' ),\n\t\t\t},\n\t\t\t{\n\t\t\t\tvalue: 'center',\n\t\t\t\ticon: justifyCenter,\n\t\t\t\tlabel: __( 'Justify items center' ),\n\t\t\t},\n\t\t\t{\n\t\t\t\tvalue: 'right',\n\t\t\t\ticon: justifyRight,\n\t\t\t\tlabel: __( 'Justify items right' ),\n\t\t\t},\n\t\t];\n\t\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\t\tconst units = useCustomUnits( {\n\t\t\tavailableUnits: availableUnits || [ '%', 'px', 'em', 'rem', 'vw' ],\n\t\t} );\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ allowCustomContentAndWideSize && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<div className=\"block-editor-hooks__layout-controls\">\n\t\t\t\t\t\t\t<div className=\"block-editor-hooks__layout-controls-unit\">\n\t\t\t\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t\t\t\tclassName=\"block-editor-hooks__layout-controls-unit-input\"\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Content' ) }\n\t\t\t\t\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\t\t\t\t\t__unstableInputWidth=\"80px\"\n\t\t\t\t\t\t\t\t\tvalue={ contentSize || wideSize || '' }\n\t\t\t\t\t\t\t\t\tonChange={ ( nextWidth ) => {\n\t\t\t\t\t\t\t\t\t\tnextWidth =\n\t\t\t\t\t\t\t\t\t\t\t0 > parseFloat( nextWidth )\n\t\t\t\t\t\t\t\t\t\t\t\t? '0'\n\t\t\t\t\t\t\t\t\t\t\t\t: nextWidth;\n\t\t\t\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t\t\t\t...layout,\n\t\t\t\t\t\t\t\t\t\t\tcontentSize: nextWidth,\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\tunits={ units }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<Icon icon={ positionCenter } />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"block-editor-hooks__layout-controls-unit\">\n\t\t\t\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t\t\t\tclassName=\"block-editor-hooks__layout-controls-unit-input\"\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Wide' ) }\n\t\t\t\t\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\t\t\t\t\t__unstableInputWidth=\"80px\"\n\t\t\t\t\t\t\t\t\tvalue={ wideSize || contentSize || '' }\n\t\t\t\t\t\t\t\t\tonChange={ ( nextWidth ) => {\n\t\t\t\t\t\t\t\t\t\tnextWidth =\n\t\t\t\t\t\t\t\t\t\t\t0 > parseFloat( nextWidth )\n\t\t\t\t\t\t\t\t\t\t\t\t? '0'\n\t\t\t\t\t\t\t\t\t\t\t\t: nextWidth;\n\t\t\t\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t\t\t\t...layout,\n\t\t\t\t\t\t\t\t\t\t\twideSize: nextWidth,\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\tunits={ units }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<Icon icon={ stretchWide } />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<p className=\"block-editor-hooks__layout-controls-helptext\">\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Customize the width for all elements that are assigned to the center or wide columns.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t\t{ allowJustification && (\n\t\t\t\t\t<ToggleGroupControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Justification' ) }\n\t\t\t\t\t\tvalue={ justifyContent }\n\t\t\t\t\t\tonChange={ onJustificationChange }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ justificationOptions.map(\n\t\t\t\t\t\t\t( { value, icon, label } ) => {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<ToggleGroupControlOptionIcon\n\t\t\t\t\t\t\t\t\t\tkey={ value }\n\t\t\t\t\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\t\t\t\tlabel={ label }\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</ToggleGroupControl>\n\t\t\t\t) }\n\t\t\t</>\n\t\t);\n\t},\n\ttoolBarControls: function DefaultLayoutToolbarControls() {\n\t\treturn null;\n\t},\n\tgetLayoutStyle: function getLayoutStyle( {\n\t\tselector,\n\t\tlayout = {},\n\t\tstyle,\n\t\tblockName,\n\t\thasBlockGapSupport,\n\t\tlayoutDefinitions = LAYOUT_DEFINITIONS,\n\t} ) {\n\t\tconst { contentSize, wideSize, justifyContent } = layout;\n\t\tconst blockGapStyleValue = getGapCSSValue( style?.spacing?.blockGap );\n\n\t\t// If a block's block.json skips serialization for spacing or\n\t\t// spacing.blockGap, don't apply the user-defined value to the styles.\n\t\tlet blockGapValue = '';\n\t\tif ( ! shouldSkipSerialization( blockName, 'spacing', 'blockGap' ) ) {\n\t\t\t// If an object is provided only use the 'top' value for this kind of gap.\n\t\t\tif ( blockGapStyleValue?.top ) {\n\t\t\t\tblockGapValue = getGapCSSValue( blockGapStyleValue?.top );\n\t\t\t} else if ( typeof blockGapStyleValue === 'string' ) {\n\t\t\t\tblockGapValue = getGapCSSValue( blockGapStyleValue );\n\t\t\t}\n\t\t}\n\n\t\tconst marginLeft =\n\t\t\tjustifyContent === 'left' ? '0 !important' : 'auto !important';\n\t\tconst marginRight =\n\t\t\tjustifyContent === 'right' ? '0 !important' : 'auto !important';\n\n\t\tlet output =\n\t\t\t!! contentSize || !! wideSize\n\t\t\t\t? `\n\t\t\t\t\t${ appendSelectors(\n\t\t\t\t\t\tselector,\n\t\t\t\t\t\t'> :where(:not(.alignleft):not(.alignright):not(.alignfull))'\n\t\t\t\t\t) } {\n\t\t\t\t\t\tmax-width: ${ contentSize ?? wideSize };\n\t\t\t\t\t\tmargin-left: ${ marginLeft };\n\t\t\t\t\t\tmargin-right: ${ marginRight };\n\t\t\t\t\t}\n\t\t\t\t\t${ appendSelectors( selector, '> .alignwide' ) }  {\n\t\t\t\t\t\tmax-width: ${ wideSize ?? contentSize };\n\t\t\t\t\t}\n\t\t\t\t\t${ appendSelectors( selector, '> .alignfull' ) } {\n\t\t\t\t\t\tmax-width: none;\n\t\t\t\t\t}\n\t\t\t\t`\n\t\t\t\t: '';\n\n\t\tif ( justifyContent === 'left' ) {\n\t\t\toutput += `${ appendSelectors(\n\t\t\t\tselector,\n\t\t\t\t'> :where(:not(.alignleft):not(.alignright):not(.alignfull))'\n\t\t\t) }\n\t\t\t{ margin-left: ${ marginLeft }; }`;\n\t\t} else if ( justifyContent === 'right' ) {\n\t\t\toutput += `${ appendSelectors(\n\t\t\t\tselector,\n\t\t\t\t'> :where(:not(.alignleft):not(.alignright):not(.alignfull))'\n\t\t\t) }\n\t\t\t{ margin-right: ${ marginRight }; }`;\n\t\t}\n\n\t\t// If there is custom padding, add negative margins for alignfull blocks.\n\t\tif ( style?.spacing?.padding ) {\n\t\t\t// The style object might be storing a preset so we need to make sure we get a usable value.\n\t\t\tconst paddingValues = getCSSRules( style );\n\t\t\tpaddingValues.forEach( ( rule ) => {\n\t\t\t\tif ( rule.key === 'paddingRight' ) {\n\t\t\t\t\toutput += `\n\t\t\t\t\t${ appendSelectors( selector, '> .alignfull' ) } {\n\t\t\t\t\t\tmargin-right: calc(${ rule.value } * -1);\n\t\t\t\t\t}\n\t\t\t\t\t`;\n\t\t\t\t} else if ( rule.key === 'paddingLeft' ) {\n\t\t\t\t\toutput += `\n\t\t\t\t\t${ appendSelectors( selector, '> .alignfull' ) } {\n\t\t\t\t\t\tmargin-left: calc(${ rule.value } * -1);\n\t\t\t\t\t}\n\t\t\t\t\t`;\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\n\t\t// Output blockGap styles based on rules contained in layout definitions in theme.json.\n\t\tif ( hasBlockGapSupport && blockGapValue ) {\n\t\t\toutput += getBlockGapCSS(\n\t\t\t\tselector,\n\t\t\t\tlayoutDefinitions,\n\t\t\t\t'constrained',\n\t\t\t\tblockGapValue\n\t\t\t);\n\t\t}\n\t\treturn output;\n\t},\n\tgetOrientation() {\n\t\treturn 'vertical';\n\t},\n\tgetAlignments( layout ) {\n\t\tconst alignmentInfo = getAlignmentsInfo( layout );\n\t\tif ( layout.alignments !== undefined ) {\n\t\t\tif ( ! layout.alignments.includes( 'none' ) ) {\n\t\t\t\tlayout.alignments.unshift( 'none' );\n\t\t\t}\n\t\t\treturn layout.alignments.map( ( alignment ) => ( {\n\t\t\t\tname: alignment,\n\t\t\t\tinfo: alignmentInfo[ alignment ],\n\t\t\t} ) );\n\t\t}\n\t\tconst { contentSize, wideSize } = layout;\n\n\t\tconst alignments = [\n\t\t\t{ name: 'left' },\n\t\t\t{ name: 'center' },\n\t\t\t{ name: 'right' },\n\t\t];\n\n\t\tif ( contentSize ) {\n\t\t\talignments.unshift( { name: 'full' } );\n\t\t}\n\n\t\tif ( wideSize ) {\n\t\t\talignments.unshift( { name: 'wide', info: alignmentInfo.wide } );\n\t\t}\n\n\t\talignments.unshift( { name: 'none', info: alignmentInfo.none } );\n\n\t\treturn alignments;\n\t},\n};\n"],"mappings":"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"}
+{"version":3,"names":["_components","require","_i18n","_icons","_styleEngine","_useSettings","_utils","_gap","_utils2","_definitions","_default","exports","default","name","label","__","inspectorControls","DefaultLayoutInspectorControls","layout","onChange","layoutBlockSupport","wideSize","contentSize","justifyContent","allowJustification","allowCustomContentAndWideSize","onJustificationChange","value","justificationOptions","icon","justifyLeft","justifyCenter","justifyRight","availableUnits","useSettings","units","useCustomUnits","_react","createElement","Fragment","className","__experimentalUnitControl","labelPosition","__unstableInputWidth","nextWidth","parseFloat","Icon","positionCenter","stretchWide","__experimentalToggleGroupControl","__nextHasNoMarginBottom","map","__experimentalToggleGroupControlOptionIcon","key","toolBarControls","DefaultLayoutToolbarControls","getLayoutStyle","selector","style","blockName","hasBlockGapSupport","layoutDefinitions","LAYOUT_DEFINITIONS","blockGapStyleValue","getGapCSSValue","spacing","blockGap","blockGapValue","shouldSkipSerialization","top","marginLeft","marginRight","output","appendSelectors","padding","paddingValues","getCSSRules","forEach","rule","getBlockGapCSS","getOrientation","getAlignments","alignmentInfo","getAlignmentsInfo","alignments","undefined","includes","unshift","alignment","info","wide","none"],"sources":["@wordpress/block-editor/src/layouts/constrained.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOptionIcon as ToggleGroupControlOptionIcon,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tIcon,\n\tpositionCenter,\n\tstretchWide,\n\tjustifyLeft,\n\tjustifyCenter,\n\tjustifyRight,\n} from '@wordpress/icons';\nimport { getCSSRules } from '@wordpress/style-engine';\n\n/**\n * Internal dependencies\n */\nimport { useSettings } from '../components/use-settings';\nimport { appendSelectors, getBlockGapCSS, getAlignmentsInfo } from './utils';\nimport { getGapCSSValue } from '../hooks/gap';\nimport { shouldSkipSerialization } from '../hooks/utils';\nimport { LAYOUT_DEFINITIONS } from './definitions';\n\nexport default {\n\tname: 'constrained',\n\tlabel: __( 'Constrained' ),\n\tinspectorControls: function DefaultLayoutInspectorControls( {\n\t\tlayout,\n\t\tonChange,\n\t\tlayoutBlockSupport = {},\n\t} ) {\n\t\tconst { wideSize, contentSize, justifyContent = 'center' } = layout;\n\t\tconst {\n\t\t\tallowJustification = true,\n\t\t\tallowCustomContentAndWideSize = true,\n\t\t} = layoutBlockSupport;\n\t\tconst onJustificationChange = ( value ) => {\n\t\t\tonChange( {\n\t\t\t\t...layout,\n\t\t\t\tjustifyContent: value,\n\t\t\t} );\n\t\t};\n\t\tconst justificationOptions = [\n\t\t\t{\n\t\t\t\tvalue: 'left',\n\t\t\t\ticon: justifyLeft,\n\t\t\t\tlabel: __( 'Justify items left' ),\n\t\t\t},\n\t\t\t{\n\t\t\t\tvalue: 'center',\n\t\t\t\ticon: justifyCenter,\n\t\t\t\tlabel: __( 'Justify items center' ),\n\t\t\t},\n\t\t\t{\n\t\t\t\tvalue: 'right',\n\t\t\t\ticon: justifyRight,\n\t\t\t\tlabel: __( 'Justify items right' ),\n\t\t\t},\n\t\t];\n\t\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\t\tconst units = useCustomUnits( {\n\t\t\tavailableUnits: availableUnits || [ '%', 'px', 'em', 'rem', 'vw' ],\n\t\t} );\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ allowCustomContentAndWideSize && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<div className=\"block-editor-hooks__layout-controls\">\n\t\t\t\t\t\t\t<div className=\"block-editor-hooks__layout-controls-unit\">\n\t\t\t\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t\t\t\tclassName=\"block-editor-hooks__layout-controls-unit-input\"\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Content' ) }\n\t\t\t\t\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\t\t\t\t\t__unstableInputWidth=\"80px\"\n\t\t\t\t\t\t\t\t\tvalue={ contentSize || wideSize || '' }\n\t\t\t\t\t\t\t\t\tonChange={ ( nextWidth ) => {\n\t\t\t\t\t\t\t\t\t\tnextWidth =\n\t\t\t\t\t\t\t\t\t\t\t0 > parseFloat( nextWidth )\n\t\t\t\t\t\t\t\t\t\t\t\t? '0'\n\t\t\t\t\t\t\t\t\t\t\t\t: nextWidth;\n\t\t\t\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t\t\t\t...layout,\n\t\t\t\t\t\t\t\t\t\t\tcontentSize: nextWidth,\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\tunits={ units }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<Icon icon={ positionCenter } />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"block-editor-hooks__layout-controls-unit\">\n\t\t\t\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t\t\t\tclassName=\"block-editor-hooks__layout-controls-unit-input\"\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Wide' ) }\n\t\t\t\t\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\t\t\t\t\t__unstableInputWidth=\"80px\"\n\t\t\t\t\t\t\t\t\tvalue={ wideSize || contentSize || '' }\n\t\t\t\t\t\t\t\t\tonChange={ ( nextWidth ) => {\n\t\t\t\t\t\t\t\t\t\tnextWidth =\n\t\t\t\t\t\t\t\t\t\t\t0 > parseFloat( nextWidth )\n\t\t\t\t\t\t\t\t\t\t\t\t? '0'\n\t\t\t\t\t\t\t\t\t\t\t\t: nextWidth;\n\t\t\t\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t\t\t\t...layout,\n\t\t\t\t\t\t\t\t\t\t\twideSize: nextWidth,\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\tunits={ units }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<Icon icon={ stretchWide } />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<p className=\"block-editor-hooks__layout-controls-helptext\">\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Customize the width for all elements that are assigned to the center or wide columns.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t\t{ allowJustification && (\n\t\t\t\t\t<ToggleGroupControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Justification' ) }\n\t\t\t\t\t\tvalue={ justifyContent }\n\t\t\t\t\t\tonChange={ onJustificationChange }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ justificationOptions.map(\n\t\t\t\t\t\t\t( { value, icon, label } ) => {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<ToggleGroupControlOptionIcon\n\t\t\t\t\t\t\t\t\t\tkey={ value }\n\t\t\t\t\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\t\t\t\tlabel={ label }\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</ToggleGroupControl>\n\t\t\t\t) }\n\t\t\t</>\n\t\t);\n\t},\n\ttoolBarControls: function DefaultLayoutToolbarControls() {\n\t\treturn null;\n\t},\n\tgetLayoutStyle: function getLayoutStyle( {\n\t\tselector,\n\t\tlayout = {},\n\t\tstyle,\n\t\tblockName,\n\t\thasBlockGapSupport,\n\t\tlayoutDefinitions = LAYOUT_DEFINITIONS,\n\t} ) {\n\t\tconst { contentSize, wideSize, justifyContent } = layout;\n\t\tconst blockGapStyleValue = getGapCSSValue( style?.spacing?.blockGap );\n\n\t\t// If a block's block.json skips serialization for spacing or\n\t\t// spacing.blockGap, don't apply the user-defined value to the styles.\n\t\tlet blockGapValue = '';\n\t\tif ( ! shouldSkipSerialization( blockName, 'spacing', 'blockGap' ) ) {\n\t\t\t// If an object is provided only use the 'top' value for this kind of gap.\n\t\t\tif ( blockGapStyleValue?.top ) {\n\t\t\t\tblockGapValue = getGapCSSValue( blockGapStyleValue?.top );\n\t\t\t} else if ( typeof blockGapStyleValue === 'string' ) {\n\t\t\t\tblockGapValue = getGapCSSValue( blockGapStyleValue );\n\t\t\t}\n\t\t}\n\n\t\tconst marginLeft =\n\t\t\tjustifyContent === 'left' ? '0 !important' : 'auto !important';\n\t\tconst marginRight =\n\t\t\tjustifyContent === 'right' ? '0 !important' : 'auto !important';\n\n\t\tlet output =\n\t\t\t!! contentSize || !! wideSize\n\t\t\t\t? `\n\t\t\t\t\t${ appendSelectors(\n\t\t\t\t\t\tselector,\n\t\t\t\t\t\t'> :where(:not(.alignleft):not(.alignright):not(.alignfull))'\n\t\t\t\t\t) } {\n\t\t\t\t\t\tmax-width: ${ contentSize ?? wideSize };\n\t\t\t\t\t\tmargin-left: ${ marginLeft };\n\t\t\t\t\t\tmargin-right: ${ marginRight };\n\t\t\t\t\t}\n\t\t\t\t\t${ appendSelectors( selector, '> .alignwide' ) }  {\n\t\t\t\t\t\tmax-width: ${ wideSize ?? contentSize };\n\t\t\t\t\t}\n\t\t\t\t\t${ appendSelectors( selector, '> .alignfull' ) } {\n\t\t\t\t\t\tmax-width: none;\n\t\t\t\t\t}\n\t\t\t\t`\n\t\t\t\t: '';\n\n\t\tif ( justifyContent === 'left' ) {\n\t\t\toutput += `${ appendSelectors(\n\t\t\t\tselector,\n\t\t\t\t'> :where(:not(.alignleft):not(.alignright):not(.alignfull))'\n\t\t\t) }\n\t\t\t{ margin-left: ${ marginLeft }; }`;\n\t\t} else if ( justifyContent === 'right' ) {\n\t\t\toutput += `${ appendSelectors(\n\t\t\t\tselector,\n\t\t\t\t'> :where(:not(.alignleft):not(.alignright):not(.alignfull))'\n\t\t\t) }\n\t\t\t{ margin-right: ${ marginRight }; }`;\n\t\t}\n\n\t\t// If there is custom padding, add negative margins for alignfull blocks.\n\t\tif ( style?.spacing?.padding ) {\n\t\t\t// The style object might be storing a preset so we need to make sure we get a usable value.\n\t\t\tconst paddingValues = getCSSRules( style );\n\t\t\tpaddingValues.forEach( ( rule ) => {\n\t\t\t\tif ( rule.key === 'paddingRight' ) {\n\t\t\t\t\toutput += `\n\t\t\t\t\t${ appendSelectors( selector, '> .alignfull' ) } {\n\t\t\t\t\t\tmargin-right: calc(${ rule.value } * -1);\n\t\t\t\t\t}\n\t\t\t\t\t`;\n\t\t\t\t} else if ( rule.key === 'paddingLeft' ) {\n\t\t\t\t\toutput += `\n\t\t\t\t\t${ appendSelectors( selector, '> .alignfull' ) } {\n\t\t\t\t\t\tmargin-left: calc(${ rule.value } * -1);\n\t\t\t\t\t}\n\t\t\t\t\t`;\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\n\t\t// Output blockGap styles based on rules contained in layout definitions in theme.json.\n\t\tif ( hasBlockGapSupport && blockGapValue ) {\n\t\t\toutput += getBlockGapCSS(\n\t\t\t\tselector,\n\t\t\t\tlayoutDefinitions,\n\t\t\t\t'constrained',\n\t\t\t\tblockGapValue\n\t\t\t);\n\t\t}\n\t\treturn output;\n\t},\n\tgetOrientation() {\n\t\treturn 'vertical';\n\t},\n\tgetAlignments( layout ) {\n\t\tconst alignmentInfo = getAlignmentsInfo( layout );\n\t\tif ( layout.alignments !== undefined ) {\n\t\t\tif ( ! layout.alignments.includes( 'none' ) ) {\n\t\t\t\tlayout.alignments.unshift( 'none' );\n\t\t\t}\n\t\t\treturn layout.alignments.map( ( alignment ) => ( {\n\t\t\t\tname: alignment,\n\t\t\t\tinfo: alignmentInfo[ alignment ],\n\t\t\t} ) );\n\t\t}\n\t\tconst { contentSize, wideSize } = layout;\n\n\t\tconst alignments = [\n\t\t\t{ name: 'left' },\n\t\t\t{ name: 'center' },\n\t\t\t{ name: 'right' },\n\t\t];\n\n\t\tif ( contentSize ) {\n\t\t\talignments.unshift( { name: 'full' } );\n\t\t}\n\n\t\tif ( wideSize ) {\n\t\t\talignments.unshift( { name: 'wide', info: alignmentInfo.wide } );\n\t\t}\n\n\t\talignments.unshift( { name: 'none', info: alignmentInfo.none } );\n\n\t\treturn alignments;\n\t},\n};\n"],"mappings":"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","ignoreList":[]}

package/build/layouts/definitions.js

@@ -35,12 +35,12 @@ const LAYOUT_DEFINITIONS = exports.LAYOUT_DEFINITIONS = {
       }
     }],
     spacingStyles: [{
-      selector: ' > :first-child:first-child',
+      selector: ' > :first-child',
       rules: {
         'margin-block-start': '0'
       }
     }, {
-      selector: ' > :last-child:last-child',
+      selector: ' > :last-child',
       rules: {
         'margin-block-end': '0'
       }
@@ -90,12 +90,12 @@ const LAYOUT_DEFINITIONS = exports.LAYOUT_DEFINITIONS = {
       }
     }],
     spacingStyles: [{
-      selector: ' > :first-child:first-child',
+      selector: ' > :first-child',
       rules: {
         'margin-block-start': '0'
       }
     }, {
-      selector: ' > :last-child:last-child',
+      selector: ' > :last-child',
       rules: {
         'margin-block-end': '0'
       }
@@ -119,7 +119,8 @@ const LAYOUT_DEFINITIONS = exports.LAYOUT_DEFINITIONS = {
         'align-items': 'center'
       }
     }, {
-      selector: ' > *',
+      selector: ' > :is(*, div)',
+      // :is(*, div) instead of just * increases the specificity by 001.
       rules: {
         margin: '0'
       }
@@ -137,7 +138,8 @@ const LAYOUT_DEFINITIONS = exports.LAYOUT_DEFINITIONS = {
     className: 'is-layout-grid',
     displayMode: 'grid',
     baseStyles: [{
-      selector: ' > *',
+      selector: ' > :is(*, div)',
+      // :is(*, div) instead of just * increases the specificity by 001.
       rules: {
         margin: '0'
       }

package/build/layouts/definitions.js.map

@@ -1 +1 @@
-{"version":3,"names":["LAYOUT_DEFINITIONS","exports","default","name","slug","className","baseStyles","selector","rules","float","spacingStyles","constrained","flex","displayMode","margin","gap","grid"],"sources":["@wordpress/block-editor/src/layouts/definitions.js"],"sourcesContent":["// Layout definitions keyed by layout type.\n// Provides a common definition of slugs, classnames, base styles, and spacing styles for each layout type.\n// If making changes or additions to layout definitions, be sure to update the corresponding PHP definitions in\n// `block-supports/layout.php` so that the server-side and client-side definitions match.\nexport const LAYOUT_DEFINITIONS = {\n\tdefault: {\n\t\tname: 'default',\n\t\tslug: 'flow',\n\t\tclassName: 'is-layout-flow',\n\t\tbaseStyles: [\n\t\t\t{\n\t\t\t\tselector: ' > .alignleft',\n\t\t\t\trules: {\n\t\t\t\t\tfloat: 'left',\n\t\t\t\t\t'margin-inline-start': '0',\n\t\t\t\t\t'margin-inline-end': '2em',\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tselector: ' > .alignright',\n\t\t\t\trules: {\n\t\t\t\t\tfloat: 'right',\n\t\t\t\t\t'margin-inline-start': '2em',\n\t\t\t\t\t'margin-inline-end': '0',\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tselector: ' > .aligncenter',\n\t\t\t\trules: {\n\t\t\t\t\t'margin-left': 'auto !important',\n\t\t\t\t\t'margin-right': 'auto !important',\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t\tspacingStyles: [\n\t\t\t{\n\t\t\t\tselector: ' > :first-child:first-child',\n\t\t\t\trules: {\n\t\t\t\t\t'margin-block-start': '0',\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tselector: ' > :last-child:last-child',\n\t\t\t\trules: {\n\t\t\t\t\t'margin-block-end': '0',\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tselector: ' > *',\n\t\t\t\trules: {\n\t\t\t\t\t'margin-block-start': null,\n\t\t\t\t\t'margin-block-end': '0',\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t},\n\tconstrained: {\n\t\tname: 'constrained',\n\t\tslug: 'constrained',\n\t\tclassName: 'is-layout-constrained',\n\t\tbaseStyles: [\n\t\t\t{\n\t\t\t\tselector: ' > .alignleft',\n\t\t\t\trules: {\n\t\t\t\t\tfloat: 'left',\n\t\t\t\t\t'margin-inline-start': '0',\n\t\t\t\t\t'margin-inline-end': '2em',\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tselector: ' > .alignright',\n\t\t\t\trules: {\n\t\t\t\t\tfloat: 'right',\n\t\t\t\t\t'margin-inline-start': '2em',\n\t\t\t\t\t'margin-inline-end': '0',\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tselector: ' > .aligncenter',\n\t\t\t\trules: {\n\t\t\t\t\t'margin-left': 'auto !important',\n\t\t\t\t\t'margin-right': 'auto !important',\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tselector:\n\t\t\t\t\t' > :where(:not(.alignleft):not(.alignright):not(.alignfull))',\n\t\t\t\trules: {\n\t\t\t\t\t'max-width': 'var(--wp--style--global--content-size)',\n\t\t\t\t\t'margin-left': 'auto !important',\n\t\t\t\t\t'margin-right': 'auto !important',\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tselector: ' > .alignwide',\n\t\t\t\trules: {\n\t\t\t\t\t'max-width': 'var(--wp--style--global--wide-size)',\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t\tspacingStyles: [\n\t\t\t{\n\t\t\t\tselector: ' > :first-child:first-child',\n\t\t\t\trules: {\n\t\t\t\t\t'margin-block-start': '0',\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tselector: ' > :last-child:last-child',\n\t\t\t\trules: {\n\t\t\t\t\t'margin-block-end': '0',\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tselector: ' > *',\n\t\t\t\trules: {\n\t\t\t\t\t'margin-block-start': null,\n\t\t\t\t\t'margin-block-end': '0',\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t},\n\tflex: {\n\t\tname: 'flex',\n\t\tslug: 'flex',\n\t\tclassName: 'is-layout-flex',\n\t\tdisplayMode: 'flex',\n\t\tbaseStyles: [\n\t\t\t{\n\t\t\t\tselector: '',\n\t\t\t\trules: {\n\t\t\t\t\t'flex-wrap': 'wrap',\n\t\t\t\t\t'align-items': 'center',\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tselector: ' > *',\n\t\t\t\trules: {\n\t\t\t\t\tmargin: '0',\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t\tspacingStyles: [\n\t\t\t{\n\t\t\t\tselector: '',\n\t\t\t\trules: {\n\t\t\t\t\tgap: null,\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t},\n\tgrid: {\n\t\tname: 'grid',\n\t\tslug: 'grid',\n\t\tclassName: 'is-layout-grid',\n\t\tdisplayMode: 'grid',\n\t\tbaseStyles: [\n\t\t\t{\n\t\t\t\tselector: ' > *',\n\t\t\t\trules: {\n\t\t\t\t\tmargin: '0',\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t\tspacingStyles: [\n\t\t\t{\n\t\t\t\tselector: '',\n\t\t\t\trules: {\n\t\t\t\t\tgap: null,\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t},\n};\n"],"mappings":"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"}
+{"version":3,"names":["LAYOUT_DEFINITIONS","exports","default","name","slug","className","baseStyles","selector","rules","float","spacingStyles","constrained","flex","displayMode","margin","gap","grid"],"sources":["@wordpress/block-editor/src/layouts/definitions.js"],"sourcesContent":["// Layout definitions keyed by layout type.\n// Provides a common definition of slugs, classnames, base styles, and spacing styles for each layout type.\n// If making changes or additions to layout definitions, be sure to update the corresponding PHP definitions in\n// `block-supports/layout.php` so that the server-side and client-side definitions match.\nexport const LAYOUT_DEFINITIONS = {\n\tdefault: {\n\t\tname: 'default',\n\t\tslug: 'flow',\n\t\tclassName: 'is-layout-flow',\n\t\tbaseStyles: [\n\t\t\t{\n\t\t\t\tselector: ' > .alignleft',\n\t\t\t\trules: {\n\t\t\t\t\tfloat: 'left',\n\t\t\t\t\t'margin-inline-start': '0',\n\t\t\t\t\t'margin-inline-end': '2em',\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tselector: ' > .alignright',\n\t\t\t\trules: {\n\t\t\t\t\tfloat: 'right',\n\t\t\t\t\t'margin-inline-start': '2em',\n\t\t\t\t\t'margin-inline-end': '0',\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tselector: ' > .aligncenter',\n\t\t\t\trules: {\n\t\t\t\t\t'margin-left': 'auto !important',\n\t\t\t\t\t'margin-right': 'auto !important',\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t\tspacingStyles: [\n\t\t\t{\n\t\t\t\tselector: ' > :first-child',\n\t\t\t\trules: {\n\t\t\t\t\t'margin-block-start': '0',\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tselector: ' > :last-child',\n\t\t\t\trules: {\n\t\t\t\t\t'margin-block-end': '0',\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tselector: ' > *',\n\t\t\t\trules: {\n\t\t\t\t\t'margin-block-start': null,\n\t\t\t\t\t'margin-block-end': '0',\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t},\n\tconstrained: {\n\t\tname: 'constrained',\n\t\tslug: 'constrained',\n\t\tclassName: 'is-layout-constrained',\n\t\tbaseStyles: [\n\t\t\t{\n\t\t\t\tselector: ' > .alignleft',\n\t\t\t\trules: {\n\t\t\t\t\tfloat: 'left',\n\t\t\t\t\t'margin-inline-start': '0',\n\t\t\t\t\t'margin-inline-end': '2em',\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tselector: ' > .alignright',\n\t\t\t\trules: {\n\t\t\t\t\tfloat: 'right',\n\t\t\t\t\t'margin-inline-start': '2em',\n\t\t\t\t\t'margin-inline-end': '0',\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tselector: ' > .aligncenter',\n\t\t\t\trules: {\n\t\t\t\t\t'margin-left': 'auto !important',\n\t\t\t\t\t'margin-right': 'auto !important',\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tselector:\n\t\t\t\t\t' > :where(:not(.alignleft):not(.alignright):not(.alignfull))',\n\t\t\t\trules: {\n\t\t\t\t\t'max-width': 'var(--wp--style--global--content-size)',\n\t\t\t\t\t'margin-left': 'auto !important',\n\t\t\t\t\t'margin-right': 'auto !important',\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tselector: ' > .alignwide',\n\t\t\t\trules: {\n\t\t\t\t\t'max-width': 'var(--wp--style--global--wide-size)',\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t\tspacingStyles: [\n\t\t\t{\n\t\t\t\tselector: ' > :first-child',\n\t\t\t\trules: {\n\t\t\t\t\t'margin-block-start': '0',\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tselector: ' > :last-child',\n\t\t\t\trules: {\n\t\t\t\t\t'margin-block-end': '0',\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tselector: ' > *',\n\t\t\t\trules: {\n\t\t\t\t\t'margin-block-start': null,\n\t\t\t\t\t'margin-block-end': '0',\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t},\n\tflex: {\n\t\tname: 'flex',\n\t\tslug: 'flex',\n\t\tclassName: 'is-layout-flex',\n\t\tdisplayMode: 'flex',\n\t\tbaseStyles: [\n\t\t\t{\n\t\t\t\tselector: '',\n\t\t\t\trules: {\n\t\t\t\t\t'flex-wrap': 'wrap',\n\t\t\t\t\t'align-items': 'center',\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tselector: ' > :is(*, div)', // :is(*, div) instead of just * increases the specificity by 001.\n\t\t\t\trules: {\n\t\t\t\t\tmargin: '0',\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t\tspacingStyles: [\n\t\t\t{\n\t\t\t\tselector: '',\n\t\t\t\trules: {\n\t\t\t\t\tgap: null,\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t},\n\tgrid: {\n\t\tname: 'grid',\n\t\tslug: 'grid',\n\t\tclassName: 'is-layout-grid',\n\t\tdisplayMode: 'grid',\n\t\tbaseStyles: [\n\t\t\t{\n\t\t\t\tselector: ' > :is(*, div)', // :is(*, div) instead of just * increases the specificity by 001.\n\t\t\t\trules: {\n\t\t\t\t\tmargin: '0',\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t\tspacingStyles: [\n\t\t\t{\n\t\t\t\tselector: '',\n\t\t\t\trules: {\n\t\t\t\t\tgap: null,\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t},\n};\n"],"mappings":"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","ignoreList":[]}

package/build/layouts/flex.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_icons","_components","_utils","_gap","_components2","_utils2","_definitions","justifyContentMap","left","right","center","alignItemsMap","stretch","verticalAlignmentMap","top","bottom","flexWrapOptions","_default","exports","default","name","label","__","inspectorControls","FlexLayoutInspectorControls","layout","onChange","layoutBlockSupport","allowOrientation","_react","createElement","Fragment","Flex","FlexItem","FlexLayoutJustifyContentControl","OrientationControl","FlexWrapControl","toolBarControls","FlexLayoutToolbarControls","allowSwitching","allowVerticalAlignment","BlockControls","group","__experimentalShareWithChildBlocks","isToolbar","FlexLayoutVerticalAlignmentControl","getLayoutStyle","selector","style","blockName","hasBlockGapSupport","layoutDefinitions","LAYOUT_DEFINITIONS","orientation","blockGapValue","spacing","blockGap","shouldSkipSerialization","getGapCSSValue","undefined","justifyContent","flexWrap","includes","verticalAlignment","alignItems","output","rules","push","length","appendSelectors","join","getBlockGapCSS","getOrientation","getAlignments","defaultVerticalAlignment","onVerticalAlignmentChange","value","BlockVerticalAlignmentControl","controls","verticalAlignmentOptions","className","map","icon","Button","key","isPressed","onClick","POPOVER_PROPS","placement","onJustificationChange","allowedControls","JustifyContentControl","popoverProps","justificationOptions","justifyLeft","justifyCenter","justifyRight","justifySpaceBetween","justifyStretch","__experimentalToggleGroupControl","__nextHasNoMarginBottom","__experimentalToggleGroupControlOptionIcon","ToggleControl","checked","newVerticalAlignment","newJustification","arrowRight","arrowDown"],"sources":["@wordpress/block-editor/src/layouts/flex.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tjustifyLeft,\n\tjustifyCenter,\n\tjustifyRight,\n\tjustifySpaceBetween,\n\tjustifyStretch,\n\tarrowRight,\n\tarrowDown,\n} from '@wordpress/icons';\nimport {\n\tButton,\n\tToggleControl,\n\tFlex,\n\tFlexItem,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOptionIcon as ToggleGroupControlOptionIcon,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { appendSelectors, getBlockGapCSS } from './utils';\nimport { getGapCSSValue } from '../hooks/gap';\nimport {\n\tBlockControls,\n\tJustifyContentControl,\n\tBlockVerticalAlignmentControl,\n} from '../components';\nimport { shouldSkipSerialization } from '../hooks/utils';\nimport { LAYOUT_DEFINITIONS } from './definitions';\n\n// Used with the default, horizontal flex orientation.\nconst justifyContentMap = {\n\tleft: 'flex-start',\n\tright: 'flex-end',\n\tcenter: 'center',\n\t'space-between': 'space-between',\n};\n\n// Used with the vertical (column) flex orientation.\nconst alignItemsMap = {\n\tleft: 'flex-start',\n\tright: 'flex-end',\n\tcenter: 'center',\n\tstretch: 'stretch',\n};\n\nconst verticalAlignmentMap = {\n\ttop: 'flex-start',\n\tcenter: 'center',\n\tbottom: 'flex-end',\n\tstretch: 'stretch',\n\t'space-between': 'space-between',\n};\n\nconst flexWrapOptions = [ 'wrap', 'nowrap' ];\n\nexport default {\n\tname: 'flex',\n\tlabel: __( 'Flex' ),\n\tinspectorControls: function FlexLayoutInspectorControls( {\n\t\tlayout = {},\n\t\tonChange,\n\t\tlayoutBlockSupport = {},\n\t} ) {\n\t\tconst { allowOrientation = true } = layoutBlockSupport;\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<Flex>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<FlexLayoutJustifyContentControl\n\t\t\t\t\t\t\tlayout={ layout }\n\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t{ allowOrientation && (\n\t\t\t\t\t\t\t<OrientationControl\n\t\t\t\t\t\t\t\tlayout={ layout }\n\t\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</FlexItem>\n\t\t\t\t</Flex>\n\t\t\t\t<FlexWrapControl layout={ layout } onChange={ onChange } />\n\t\t\t</>\n\t\t);\n\t},\n\ttoolBarControls: function FlexLayoutToolbarControls( {\n\t\tlayout = {},\n\t\tonChange,\n\t\tlayoutBlockSupport,\n\t} ) {\n\t\tif ( layoutBlockSupport?.allowSwitching ) {\n\t\t\treturn null;\n\t\t}\n\t\tconst { allowVerticalAlignment = true } = layoutBlockSupport;\n\t\treturn (\n\t\t\t<BlockControls group=\"block\" __experimentalShareWithChildBlocks>\n\t\t\t\t<FlexLayoutJustifyContentControl\n\t\t\t\t\tlayout={ layout }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tisToolbar\n\t\t\t\t/>\n\t\t\t\t{ allowVerticalAlignment && (\n\t\t\t\t\t<FlexLayoutVerticalAlignmentControl\n\t\t\t\t\t\tlayout={ layout }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\tisToolbar\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</BlockControls>\n\t\t);\n\t},\n\tgetLayoutStyle: function getLayoutStyle( {\n\t\tselector,\n\t\tlayout,\n\t\tstyle,\n\t\tblockName,\n\t\thasBlockGapSupport,\n\t\tlayoutDefinitions = LAYOUT_DEFINITIONS,\n\t} ) {\n\t\tconst { orientation = 'horizontal' } = layout;\n\n\t\t// If a block's block.json skips serialization for spacing or spacing.blockGap,\n\t\t// don't apply the user-defined value to the styles.\n\t\tconst blockGapValue =\n\t\t\tstyle?.spacing?.blockGap &&\n\t\t\t! shouldSkipSerialization( blockName, 'spacing', 'blockGap' )\n\t\t\t\t? getGapCSSValue( style?.spacing?.blockGap, '0.5em' )\n\t\t\t\t: undefined;\n\t\tconst justifyContent = justifyContentMap[ layout.justifyContent ];\n\t\tconst flexWrap = flexWrapOptions.includes( layout.flexWrap )\n\t\t\t? layout.flexWrap\n\t\t\t: 'wrap';\n\t\tconst verticalAlignment =\n\t\t\tverticalAlignmentMap[ layout.verticalAlignment ];\n\t\tconst alignItems =\n\t\t\talignItemsMap[ layout.justifyContent ] || alignItemsMap.left;\n\n\t\tlet output = '';\n\t\tconst rules = [];\n\n\t\tif ( flexWrap && flexWrap !== 'wrap' ) {\n\t\t\trules.push( `flex-wrap: ${ flexWrap }` );\n\t\t}\n\n\t\tif ( orientation === 'horizontal' ) {\n\t\t\tif ( verticalAlignment ) {\n\t\t\t\trules.push( `align-items: ${ verticalAlignment }` );\n\t\t\t}\n\t\t\tif ( justifyContent ) {\n\t\t\t\trules.push( `justify-content: ${ justifyContent }` );\n\t\t\t}\n\t\t} else {\n\t\t\tif ( verticalAlignment ) {\n\t\t\t\trules.push( `justify-content: ${ verticalAlignment }` );\n\t\t\t}\n\t\t\trules.push( 'flex-direction: column' );\n\t\t\trules.push( `align-items: ${ alignItems }` );\n\t\t}\n\n\t\tif ( rules.length ) {\n\t\t\toutput = `${ appendSelectors( selector ) } {\n\t\t\t\t${ rules.join( '; ' ) };\n\t\t\t}`;\n\t\t}\n\n\t\t// Output blockGap styles based on rules contained in layout definitions in theme.json.\n\t\tif ( hasBlockGapSupport && blockGapValue ) {\n\t\t\toutput += getBlockGapCSS(\n\t\t\t\tselector,\n\t\t\t\tlayoutDefinitions,\n\t\t\t\t'flex',\n\t\t\t\tblockGapValue\n\t\t\t);\n\t\t}\n\t\treturn output;\n\t},\n\tgetOrientation( layout ) {\n\t\tconst { orientation = 'horizontal' } = layout;\n\t\treturn orientation;\n\t},\n\tgetAlignments() {\n\t\treturn [];\n\t},\n};\n\nfunction FlexLayoutVerticalAlignmentControl( {\n\tlayout,\n\tonChange,\n\tisToolbar = false,\n} ) {\n\tconst { orientation = 'horizontal' } = layout;\n\n\tconst defaultVerticalAlignment =\n\t\torientation === 'horizontal'\n\t\t\t? verticalAlignmentMap.center\n\t\t\t: verticalAlignmentMap.top;\n\n\tconst { verticalAlignment = defaultVerticalAlignment } = layout;\n\n\tconst onVerticalAlignmentChange = ( value ) => {\n\t\tonChange( {\n\t\t\t...layout,\n\t\t\tverticalAlignment: value,\n\t\t} );\n\t};\n\tif ( isToolbar ) {\n\t\treturn (\n\t\t\t<BlockVerticalAlignmentControl\n\t\t\t\tonChange={ onVerticalAlignmentChange }\n\t\t\t\tvalue={ verticalAlignment }\n\t\t\t\tcontrols={\n\t\t\t\t\torientation === 'horizontal'\n\t\t\t\t\t\t? [ 'top', 'center', 'bottom', 'stretch' ]\n\t\t\t\t\t\t: [ 'top', 'center', 'bottom', 'space-between' ]\n\t\t\t\t}\n\t\t\t/>\n\t\t);\n\t}\n\n\tconst verticalAlignmentOptions = [\n\t\t{\n\t\t\tvalue: 'flex-start',\n\t\t\tlabel: __( 'Align items top' ),\n\t\t},\n\t\t{\n\t\t\tvalue: 'center',\n\t\t\tlabel: __( 'Align items center' ),\n\t\t},\n\t\t{\n\t\t\tvalue: 'flex-end',\n\t\t\tlabel: __( 'Align items bottom' ),\n\t\t},\n\t];\n\n\treturn (\n\t\t<fieldset className=\"block-editor-hooks__flex-layout-vertical-alignment-control\">\n\t\t\t<legend>{ __( 'Vertical alignment' ) }</legend>\n\t\t\t<div>\n\t\t\t\t{ verticalAlignmentOptions.map( ( value, icon, label ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tkey={ value }\n\t\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\tisPressed={ verticalAlignment === value }\n\t\t\t\t\t\t\tonClick={ () => onVerticalAlignmentChange( value ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</div>\n\t\t</fieldset>\n\t);\n}\n\nconst POPOVER_PROPS = {\n\tplacement: 'bottom-start',\n};\n\nfunction FlexLayoutJustifyContentControl( {\n\tlayout,\n\tonChange,\n\tisToolbar = false,\n} ) {\n\tconst { justifyContent = 'left', orientation = 'horizontal' } = layout;\n\tconst onJustificationChange = ( value ) => {\n\t\tonChange( {\n\t\t\t...layout,\n\t\t\tjustifyContent: value,\n\t\t} );\n\t};\n\tconst allowedControls = [ 'left', 'center', 'right' ];\n\tif ( orientation === 'horizontal' ) {\n\t\tallowedControls.push( 'space-between' );\n\t} else {\n\t\tallowedControls.push( 'stretch' );\n\t}\n\tif ( isToolbar ) {\n\t\treturn (\n\t\t\t<JustifyContentControl\n\t\t\t\tallowedControls={ allowedControls }\n\t\t\t\tvalue={ justifyContent }\n\t\t\t\tonChange={ onJustificationChange }\n\t\t\t\tpopoverProps={ POPOVER_PROPS }\n\t\t\t/>\n\t\t);\n\t}\n\n\tconst justificationOptions = [\n\t\t{\n\t\t\tvalue: 'left',\n\t\t\ticon: justifyLeft,\n\t\t\tlabel: __( 'Justify items left' ),\n\t\t},\n\t\t{\n\t\t\tvalue: 'center',\n\t\t\ticon: justifyCenter,\n\t\t\tlabel: __( 'Justify items center' ),\n\t\t},\n\t\t{\n\t\t\tvalue: 'right',\n\t\t\ticon: justifyRight,\n\t\t\tlabel: __( 'Justify items right' ),\n\t\t},\n\t];\n\tif ( orientation === 'horizontal' ) {\n\t\tjustificationOptions.push( {\n\t\t\tvalue: 'space-between',\n\t\t\ticon: justifySpaceBetween,\n\t\t\tlabel: __( 'Space between items' ),\n\t\t} );\n\t} else {\n\t\tjustificationOptions.push( {\n\t\t\tvalue: 'stretch',\n\t\t\ticon: justifyStretch,\n\t\t\tlabel: __( 'Stretch items' ),\n\t\t} );\n\t}\n\n\treturn (\n\t\t<ToggleGroupControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tlabel={ __( 'Justification' ) }\n\t\t\tvalue={ justifyContent }\n\t\t\tonChange={ onJustificationChange }\n\t\t\tclassName=\"block-editor-hooks__flex-layout-justification-controls\"\n\t\t>\n\t\t\t{ justificationOptions.map( ( { value, icon, label } ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<ToggleGroupControlOptionIcon\n\t\t\t\t\t\tkey={ value }\n\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</ToggleGroupControl>\n\t);\n}\n\nfunction FlexWrapControl( { layout, onChange } ) {\n\tconst { flexWrap = 'wrap' } = layout;\n\treturn (\n\t\t<ToggleControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tlabel={ __( 'Allow to wrap to multiple lines' ) }\n\t\t\tonChange={ ( value ) => {\n\t\t\t\tonChange( {\n\t\t\t\t\t...layout,\n\t\t\t\t\tflexWrap: value ? 'wrap' : 'nowrap',\n\t\t\t\t} );\n\t\t\t} }\n\t\t\tchecked={ flexWrap === 'wrap' }\n\t\t/>\n\t);\n}\n\nfunction OrientationControl( { layout, onChange } ) {\n\tconst {\n\t\torientation = 'horizontal',\n\t\tverticalAlignment,\n\t\tjustifyContent,\n\t} = layout;\n\treturn (\n\t\t<ToggleGroupControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tclassName=\"block-editor-hooks__flex-layout-orientation-controls\"\n\t\t\tlabel={ __( 'Orientation' ) }\n\t\t\tvalue={ orientation }\n\t\t\tonChange={ ( value ) => {\n\t\t\t\t// Make sure the vertical alignment and justification are compatible with the new orientation.\n\t\t\t\tlet newVerticalAlignment = verticalAlignment;\n\t\t\t\tlet newJustification = justifyContent;\n\t\t\t\tif ( value === 'horizontal' ) {\n\t\t\t\t\tif ( verticalAlignment === 'space-between' ) {\n\t\t\t\t\t\tnewVerticalAlignment = 'center';\n\t\t\t\t\t}\n\t\t\t\t\tif ( justifyContent === 'stretch' ) {\n\t\t\t\t\t\tnewJustification = 'left';\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tif ( verticalAlignment === 'stretch' ) {\n\t\t\t\t\t\tnewVerticalAlignment = 'top';\n\t\t\t\t\t}\n\t\t\t\t\tif ( justifyContent === 'space-between' ) {\n\t\t\t\t\t\tnewJustification = 'left';\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\treturn onChange( {\n\t\t\t\t\t...layout,\n\t\t\t\t\torientation: value,\n\t\t\t\t\tverticalAlignment: newVerticalAlignment,\n\t\t\t\t\tjustifyContent: newJustification,\n\t\t\t\t} );\n\t\t\t} }\n\t\t>\n\t\t\t<ToggleGroupControlOptionIcon\n\t\t\t\ticon={ arrowRight }\n\t\t\t\tvalue={ 'horizontal' }\n\t\t\t\tlabel={ __( 'Horizontal' ) }\n\t\t\t/>\n\t\t\t<ToggleGroupControlOptionIcon\n\t\t\t\ticon={ arrowDown }\n\t\t\t\tvalue={ 'vertical' }\n\t\t\t\tlabel={ __( 'Vertical' ) }\n\t\t\t/>\n\t\t</ToggleGroupControl>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_i18n","require","_icons","_components","_utils","_gap","_components2","_utils2","_definitions","justifyContentMap","left","right","center","alignItemsMap","stretch","verticalAlignmentMap","top","bottom","flexWrapOptions","_default","exports","default","name","label","__","inspectorControls","FlexLayoutInspectorControls","layout","onChange","layoutBlockSupport","allowOrientation","_react","createElement","Fragment","Flex","FlexItem","FlexLayoutJustifyContentControl","OrientationControl","FlexWrapControl","toolBarControls","FlexLayoutToolbarControls","allowSwitching","allowVerticalAlignment","BlockControls","group","__experimentalShareWithChildBlocks","isToolbar","FlexLayoutVerticalAlignmentControl","getLayoutStyle","selector","style","blockName","hasBlockGapSupport","layoutDefinitions","LAYOUT_DEFINITIONS","orientation","blockGapValue","spacing","blockGap","shouldSkipSerialization","getGapCSSValue","undefined","justifyContent","flexWrap","includes","verticalAlignment","alignItems","output","rules","push","length","appendSelectors","join","getBlockGapCSS","getOrientation","getAlignments","defaultVerticalAlignment","onVerticalAlignmentChange","value","BlockVerticalAlignmentControl","controls","verticalAlignmentOptions","className","map","icon","Button","key","isPressed","onClick","POPOVER_PROPS","placement","onJustificationChange","allowedControls","JustifyContentControl","popoverProps","justificationOptions","justifyLeft","justifyCenter","justifyRight","justifySpaceBetween","justifyStretch","__experimentalToggleGroupControl","__nextHasNoMarginBottom","__experimentalToggleGroupControlOptionIcon","ToggleControl","checked","newVerticalAlignment","newJustification","arrowRight","arrowDown"],"sources":["@wordpress/block-editor/src/layouts/flex.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tjustifyLeft,\n\tjustifyCenter,\n\tjustifyRight,\n\tjustifySpaceBetween,\n\tjustifyStretch,\n\tarrowRight,\n\tarrowDown,\n} from '@wordpress/icons';\nimport {\n\tButton,\n\tToggleControl,\n\tFlex,\n\tFlexItem,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOptionIcon as ToggleGroupControlOptionIcon,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { appendSelectors, getBlockGapCSS } from './utils';\nimport { getGapCSSValue } from '../hooks/gap';\nimport {\n\tBlockControls,\n\tJustifyContentControl,\n\tBlockVerticalAlignmentControl,\n} from '../components';\nimport { shouldSkipSerialization } from '../hooks/utils';\nimport { LAYOUT_DEFINITIONS } from './definitions';\n\n// Used with the default, horizontal flex orientation.\nconst justifyContentMap = {\n\tleft: 'flex-start',\n\tright: 'flex-end',\n\tcenter: 'center',\n\t'space-between': 'space-between',\n};\n\n// Used with the vertical (column) flex orientation.\nconst alignItemsMap = {\n\tleft: 'flex-start',\n\tright: 'flex-end',\n\tcenter: 'center',\n\tstretch: 'stretch',\n};\n\nconst verticalAlignmentMap = {\n\ttop: 'flex-start',\n\tcenter: 'center',\n\tbottom: 'flex-end',\n\tstretch: 'stretch',\n\t'space-between': 'space-between',\n};\n\nconst flexWrapOptions = [ 'wrap', 'nowrap' ];\n\nexport default {\n\tname: 'flex',\n\tlabel: __( 'Flex' ),\n\tinspectorControls: function FlexLayoutInspectorControls( {\n\t\tlayout = {},\n\t\tonChange,\n\t\tlayoutBlockSupport = {},\n\t} ) {\n\t\tconst { allowOrientation = true } = layoutBlockSupport;\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<Flex>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<FlexLayoutJustifyContentControl\n\t\t\t\t\t\t\tlayout={ layout }\n\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t{ allowOrientation && (\n\t\t\t\t\t\t\t<OrientationControl\n\t\t\t\t\t\t\t\tlayout={ layout }\n\t\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</FlexItem>\n\t\t\t\t</Flex>\n\t\t\t\t<FlexWrapControl layout={ layout } onChange={ onChange } />\n\t\t\t</>\n\t\t);\n\t},\n\ttoolBarControls: function FlexLayoutToolbarControls( {\n\t\tlayout = {},\n\t\tonChange,\n\t\tlayoutBlockSupport,\n\t} ) {\n\t\tif ( layoutBlockSupport?.allowSwitching ) {\n\t\t\treturn null;\n\t\t}\n\t\tconst { allowVerticalAlignment = true } = layoutBlockSupport;\n\t\treturn (\n\t\t\t<BlockControls group=\"block\" __experimentalShareWithChildBlocks>\n\t\t\t\t<FlexLayoutJustifyContentControl\n\t\t\t\t\tlayout={ layout }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tisToolbar\n\t\t\t\t/>\n\t\t\t\t{ allowVerticalAlignment && (\n\t\t\t\t\t<FlexLayoutVerticalAlignmentControl\n\t\t\t\t\t\tlayout={ layout }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\tisToolbar\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</BlockControls>\n\t\t);\n\t},\n\tgetLayoutStyle: function getLayoutStyle( {\n\t\tselector,\n\t\tlayout,\n\t\tstyle,\n\t\tblockName,\n\t\thasBlockGapSupport,\n\t\tlayoutDefinitions = LAYOUT_DEFINITIONS,\n\t} ) {\n\t\tconst { orientation = 'horizontal' } = layout;\n\n\t\t// If a block's block.json skips serialization for spacing or spacing.blockGap,\n\t\t// don't apply the user-defined value to the styles.\n\t\tconst blockGapValue =\n\t\t\tstyle?.spacing?.blockGap &&\n\t\t\t! shouldSkipSerialization( blockName, 'spacing', 'blockGap' )\n\t\t\t\t? getGapCSSValue( style?.spacing?.blockGap, '0.5em' )\n\t\t\t\t: undefined;\n\t\tconst justifyContent = justifyContentMap[ layout.justifyContent ];\n\t\tconst flexWrap = flexWrapOptions.includes( layout.flexWrap )\n\t\t\t? layout.flexWrap\n\t\t\t: 'wrap';\n\t\tconst verticalAlignment =\n\t\t\tverticalAlignmentMap[ layout.verticalAlignment ];\n\t\tconst alignItems =\n\t\t\talignItemsMap[ layout.justifyContent ] || alignItemsMap.left;\n\n\t\tlet output = '';\n\t\tconst rules = [];\n\n\t\tif ( flexWrap && flexWrap !== 'wrap' ) {\n\t\t\trules.push( `flex-wrap: ${ flexWrap }` );\n\t\t}\n\n\t\tif ( orientation === 'horizontal' ) {\n\t\t\tif ( verticalAlignment ) {\n\t\t\t\trules.push( `align-items: ${ verticalAlignment }` );\n\t\t\t}\n\t\t\tif ( justifyContent ) {\n\t\t\t\trules.push( `justify-content: ${ justifyContent }` );\n\t\t\t}\n\t\t} else {\n\t\t\tif ( verticalAlignment ) {\n\t\t\t\trules.push( `justify-content: ${ verticalAlignment }` );\n\t\t\t}\n\t\t\trules.push( 'flex-direction: column' );\n\t\t\trules.push( `align-items: ${ alignItems }` );\n\t\t}\n\n\t\tif ( rules.length ) {\n\t\t\toutput = `${ appendSelectors( selector ) } {\n\t\t\t\t${ rules.join( '; ' ) };\n\t\t\t}`;\n\t\t}\n\n\t\t// Output blockGap styles based on rules contained in layout definitions in theme.json.\n\t\tif ( hasBlockGapSupport && blockGapValue ) {\n\t\t\toutput += getBlockGapCSS(\n\t\t\t\tselector,\n\t\t\t\tlayoutDefinitions,\n\t\t\t\t'flex',\n\t\t\t\tblockGapValue\n\t\t\t);\n\t\t}\n\t\treturn output;\n\t},\n\tgetOrientation( layout ) {\n\t\tconst { orientation = 'horizontal' } = layout;\n\t\treturn orientation;\n\t},\n\tgetAlignments() {\n\t\treturn [];\n\t},\n};\n\nfunction FlexLayoutVerticalAlignmentControl( {\n\tlayout,\n\tonChange,\n\tisToolbar = false,\n} ) {\n\tconst { orientation = 'horizontal' } = layout;\n\n\tconst defaultVerticalAlignment =\n\t\torientation === 'horizontal'\n\t\t\t? verticalAlignmentMap.center\n\t\t\t: verticalAlignmentMap.top;\n\n\tconst { verticalAlignment = defaultVerticalAlignment } = layout;\n\n\tconst onVerticalAlignmentChange = ( value ) => {\n\t\tonChange( {\n\t\t\t...layout,\n\t\t\tverticalAlignment: value,\n\t\t} );\n\t};\n\tif ( isToolbar ) {\n\t\treturn (\n\t\t\t<BlockVerticalAlignmentControl\n\t\t\t\tonChange={ onVerticalAlignmentChange }\n\t\t\t\tvalue={ verticalAlignment }\n\t\t\t\tcontrols={\n\t\t\t\t\torientation === 'horizontal'\n\t\t\t\t\t\t? [ 'top', 'center', 'bottom', 'stretch' ]\n\t\t\t\t\t\t: [ 'top', 'center', 'bottom', 'space-between' ]\n\t\t\t\t}\n\t\t\t/>\n\t\t);\n\t}\n\n\tconst verticalAlignmentOptions = [\n\t\t{\n\t\t\tvalue: 'flex-start',\n\t\t\tlabel: __( 'Align items top' ),\n\t\t},\n\t\t{\n\t\t\tvalue: 'center',\n\t\t\tlabel: __( 'Align items center' ),\n\t\t},\n\t\t{\n\t\t\tvalue: 'flex-end',\n\t\t\tlabel: __( 'Align items bottom' ),\n\t\t},\n\t];\n\n\treturn (\n\t\t<fieldset className=\"block-editor-hooks__flex-layout-vertical-alignment-control\">\n\t\t\t<legend>{ __( 'Vertical alignment' ) }</legend>\n\t\t\t<div>\n\t\t\t\t{ verticalAlignmentOptions.map( ( value, icon, label ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tkey={ value }\n\t\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\tisPressed={ verticalAlignment === value }\n\t\t\t\t\t\t\tonClick={ () => onVerticalAlignmentChange( value ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</div>\n\t\t</fieldset>\n\t);\n}\n\nconst POPOVER_PROPS = {\n\tplacement: 'bottom-start',\n};\n\nfunction FlexLayoutJustifyContentControl( {\n\tlayout,\n\tonChange,\n\tisToolbar = false,\n} ) {\n\tconst { justifyContent = 'left', orientation = 'horizontal' } = layout;\n\tconst onJustificationChange = ( value ) => {\n\t\tonChange( {\n\t\t\t...layout,\n\t\t\tjustifyContent: value,\n\t\t} );\n\t};\n\tconst allowedControls = [ 'left', 'center', 'right' ];\n\tif ( orientation === 'horizontal' ) {\n\t\tallowedControls.push( 'space-between' );\n\t} else {\n\t\tallowedControls.push( 'stretch' );\n\t}\n\tif ( isToolbar ) {\n\t\treturn (\n\t\t\t<JustifyContentControl\n\t\t\t\tallowedControls={ allowedControls }\n\t\t\t\tvalue={ justifyContent }\n\t\t\t\tonChange={ onJustificationChange }\n\t\t\t\tpopoverProps={ POPOVER_PROPS }\n\t\t\t/>\n\t\t);\n\t}\n\n\tconst justificationOptions = [\n\t\t{\n\t\t\tvalue: 'left',\n\t\t\ticon: justifyLeft,\n\t\t\tlabel: __( 'Justify items left' ),\n\t\t},\n\t\t{\n\t\t\tvalue: 'center',\n\t\t\ticon: justifyCenter,\n\t\t\tlabel: __( 'Justify items center' ),\n\t\t},\n\t\t{\n\t\t\tvalue: 'right',\n\t\t\ticon: justifyRight,\n\t\t\tlabel: __( 'Justify items right' ),\n\t\t},\n\t];\n\tif ( orientation === 'horizontal' ) {\n\t\tjustificationOptions.push( {\n\t\t\tvalue: 'space-between',\n\t\t\ticon: justifySpaceBetween,\n\t\t\tlabel: __( 'Space between items' ),\n\t\t} );\n\t} else {\n\t\tjustificationOptions.push( {\n\t\t\tvalue: 'stretch',\n\t\t\ticon: justifyStretch,\n\t\t\tlabel: __( 'Stretch items' ),\n\t\t} );\n\t}\n\n\treturn (\n\t\t<ToggleGroupControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tlabel={ __( 'Justification' ) }\n\t\t\tvalue={ justifyContent }\n\t\t\tonChange={ onJustificationChange }\n\t\t\tclassName=\"block-editor-hooks__flex-layout-justification-controls\"\n\t\t>\n\t\t\t{ justificationOptions.map( ( { value, icon, label } ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<ToggleGroupControlOptionIcon\n\t\t\t\t\t\tkey={ value }\n\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</ToggleGroupControl>\n\t);\n}\n\nfunction FlexWrapControl( { layout, onChange } ) {\n\tconst { flexWrap = 'wrap' } = layout;\n\treturn (\n\t\t<ToggleControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tlabel={ __( 'Allow to wrap to multiple lines' ) }\n\t\t\tonChange={ ( value ) => {\n\t\t\t\tonChange( {\n\t\t\t\t\t...layout,\n\t\t\t\t\tflexWrap: value ? 'wrap' : 'nowrap',\n\t\t\t\t} );\n\t\t\t} }\n\t\t\tchecked={ flexWrap === 'wrap' }\n\t\t/>\n\t);\n}\n\nfunction OrientationControl( { layout, onChange } ) {\n\tconst {\n\t\torientation = 'horizontal',\n\t\tverticalAlignment,\n\t\tjustifyContent,\n\t} = layout;\n\treturn (\n\t\t<ToggleGroupControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tclassName=\"block-editor-hooks__flex-layout-orientation-controls\"\n\t\t\tlabel={ __( 'Orientation' ) }\n\t\t\tvalue={ orientation }\n\t\t\tonChange={ ( value ) => {\n\t\t\t\t// Make sure the vertical alignment and justification are compatible with the new orientation.\n\t\t\t\tlet newVerticalAlignment = verticalAlignment;\n\t\t\t\tlet newJustification = justifyContent;\n\t\t\t\tif ( value === 'horizontal' ) {\n\t\t\t\t\tif ( verticalAlignment === 'space-between' ) {\n\t\t\t\t\t\tnewVerticalAlignment = 'center';\n\t\t\t\t\t}\n\t\t\t\t\tif ( justifyContent === 'stretch' ) {\n\t\t\t\t\t\tnewJustification = 'left';\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tif ( verticalAlignment === 'stretch' ) {\n\t\t\t\t\t\tnewVerticalAlignment = 'top';\n\t\t\t\t\t}\n\t\t\t\t\tif ( justifyContent === 'space-between' ) {\n\t\t\t\t\t\tnewJustification = 'left';\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\treturn onChange( {\n\t\t\t\t\t...layout,\n\t\t\t\t\torientation: value,\n\t\t\t\t\tverticalAlignment: newVerticalAlignment,\n\t\t\t\t\tjustifyContent: newJustification,\n\t\t\t\t} );\n\t\t\t} }\n\t\t>\n\t\t\t<ToggleGroupControlOptionIcon\n\t\t\t\ticon={ arrowRight }\n\t\t\t\tvalue={ 'horizontal' }\n\t\t\t\tlabel={ __( 'Horizontal' ) }\n\t\t\t/>\n\t\t\t<ToggleGroupControlOptionIcon\n\t\t\t\ticon={ arrowDown }\n\t\t\t\tvalue={ 'vertical' }\n\t\t\t\tlabel={ __( 'Vertical' ) }\n\t\t\t/>\n\t\t</ToggleGroupControl>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/layouts/flow.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_utils","_gap","_utils2","_definitions","_default","exports","default","name","label","__","inspectorControls","DefaultLayoutInspectorControls","toolBarControls","DefaultLayoutToolbarControls","getLayoutStyle","selector","style","blockName","hasBlockGapSupport","layoutDefinitions","LAYOUT_DEFINITIONS","blockGapStyleValue","getGapCSSValue","spacing","blockGap","blockGapValue","shouldSkipSerialization","top","output","getBlockGapCSS","getOrientation","getAlignments","layout","isBlockBasedTheme","alignmentInfo","getAlignmentsInfo","alignments","undefined","includes","unshift","map","alignment","info","contentSize","wideSize","wide","none"],"sources":["@wordpress/block-editor/src/layouts/flow.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { getBlockGapCSS, getAlignmentsInfo } from './utils';\nimport { getGapCSSValue } from '../hooks/gap';\nimport { shouldSkipSerialization } from '../hooks/utils';\nimport { LAYOUT_DEFINITIONS } from './definitions';\n\nexport default {\n\tname: 'default',\n\tlabel: __( 'Flow' ),\n\tinspectorControls: function DefaultLayoutInspectorControls() {\n\t\treturn null;\n\t},\n\ttoolBarControls: function DefaultLayoutToolbarControls() {\n\t\treturn null;\n\t},\n\tgetLayoutStyle: function getLayoutStyle( {\n\t\tselector,\n\t\tstyle,\n\t\tblockName,\n\t\thasBlockGapSupport,\n\t\tlayoutDefinitions = LAYOUT_DEFINITIONS,\n\t} ) {\n\t\tconst blockGapStyleValue = getGapCSSValue( style?.spacing?.blockGap );\n\n\t\t// If a block's block.json skips serialization for spacing or\n\t\t// spacing.blockGap, don't apply the user-defined value to the styles.\n\t\tlet blockGapValue = '';\n\t\tif ( ! shouldSkipSerialization( blockName, 'spacing', 'blockGap' ) ) {\n\t\t\t// If an object is provided only use the 'top' value for this kind of gap.\n\t\t\tif ( blockGapStyleValue?.top ) {\n\t\t\t\tblockGapValue = getGapCSSValue( blockGapStyleValue?.top );\n\t\t\t} else if ( typeof blockGapStyleValue === 'string' ) {\n\t\t\t\tblockGapValue = getGapCSSValue( blockGapStyleValue );\n\t\t\t}\n\t\t}\n\n\t\tlet output = '';\n\n\t\t// Output blockGap styles based on rules contained in layout definitions in theme.json.\n\t\tif ( hasBlockGapSupport && blockGapValue ) {\n\t\t\toutput += getBlockGapCSS(\n\t\t\t\tselector,\n\t\t\t\tlayoutDefinitions,\n\t\t\t\t'default',\n\t\t\t\tblockGapValue\n\t\t\t);\n\t\t}\n\t\treturn output;\n\t},\n\tgetOrientation() {\n\t\treturn 'vertical';\n\t},\n\tgetAlignments( layout, isBlockBasedTheme ) {\n\t\tconst alignmentInfo = getAlignmentsInfo( layout );\n\t\tif ( layout.alignments !== undefined ) {\n\t\t\tif ( ! layout.alignments.includes( 'none' ) ) {\n\t\t\t\tlayout.alignments.unshift( 'none' );\n\t\t\t}\n\t\t\treturn layout.alignments.map( ( alignment ) => ( {\n\t\t\t\tname: alignment,\n\t\t\t\tinfo: alignmentInfo[ alignment ],\n\t\t\t} ) );\n\t\t}\n\n\t\tconst alignments = [\n\t\t\t{ name: 'left' },\n\t\t\t{ name: 'center' },\n\t\t\t{ name: 'right' },\n\t\t];\n\n\t\t// This is for backwards compatibility with hybrid themes.\n\t\tif ( ! isBlockBasedTheme ) {\n\t\t\tconst { contentSize, wideSize } = layout;\n\t\t\tif ( contentSize ) {\n\t\t\t\talignments.unshift( { name: 'full' } );\n\t\t\t}\n\n\t\t\tif ( wideSize ) {\n\t\t\t\talignments.unshift( {\n\t\t\t\t\tname: 'wide',\n\t\t\t\t\tinfo: alignmentInfo.wide,\n\t\t\t\t} );\n\t\t\t}\n\t\t}\n\n\t\talignments.unshift( { name: 'none', info: alignmentInfo.none } );\n\n\t\treturn alignments;\n\t},\n};\n"],"mappings":"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"}
+{"version":3,"names":["_i18n","require","_utils","_gap","_utils2","_definitions","_default","exports","default","name","label","__","inspectorControls","DefaultLayoutInspectorControls","toolBarControls","DefaultLayoutToolbarControls","getLayoutStyle","selector","style","blockName","hasBlockGapSupport","layoutDefinitions","LAYOUT_DEFINITIONS","blockGapStyleValue","getGapCSSValue","spacing","blockGap","blockGapValue","shouldSkipSerialization","top","output","getBlockGapCSS","getOrientation","getAlignments","layout","isBlockBasedTheme","alignmentInfo","getAlignmentsInfo","alignments","undefined","includes","unshift","map","alignment","info","contentSize","wideSize","wide","none"],"sources":["@wordpress/block-editor/src/layouts/flow.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { getBlockGapCSS, getAlignmentsInfo } from './utils';\nimport { getGapCSSValue } from '../hooks/gap';\nimport { shouldSkipSerialization } from '../hooks/utils';\nimport { LAYOUT_DEFINITIONS } from './definitions';\n\nexport default {\n\tname: 'default',\n\tlabel: __( 'Flow' ),\n\tinspectorControls: function DefaultLayoutInspectorControls() {\n\t\treturn null;\n\t},\n\ttoolBarControls: function DefaultLayoutToolbarControls() {\n\t\treturn null;\n\t},\n\tgetLayoutStyle: function getLayoutStyle( {\n\t\tselector,\n\t\tstyle,\n\t\tblockName,\n\t\thasBlockGapSupport,\n\t\tlayoutDefinitions = LAYOUT_DEFINITIONS,\n\t} ) {\n\t\tconst blockGapStyleValue = getGapCSSValue( style?.spacing?.blockGap );\n\n\t\t// If a block's block.json skips serialization for spacing or\n\t\t// spacing.blockGap, don't apply the user-defined value to the styles.\n\t\tlet blockGapValue = '';\n\t\tif ( ! shouldSkipSerialization( blockName, 'spacing', 'blockGap' ) ) {\n\t\t\t// If an object is provided only use the 'top' value for this kind of gap.\n\t\t\tif ( blockGapStyleValue?.top ) {\n\t\t\t\tblockGapValue = getGapCSSValue( blockGapStyleValue?.top );\n\t\t\t} else if ( typeof blockGapStyleValue === 'string' ) {\n\t\t\t\tblockGapValue = getGapCSSValue( blockGapStyleValue );\n\t\t\t}\n\t\t}\n\n\t\tlet output = '';\n\n\t\t// Output blockGap styles based on rules contained in layout definitions in theme.json.\n\t\tif ( hasBlockGapSupport && blockGapValue ) {\n\t\t\toutput += getBlockGapCSS(\n\t\t\t\tselector,\n\t\t\t\tlayoutDefinitions,\n\t\t\t\t'default',\n\t\t\t\tblockGapValue\n\t\t\t);\n\t\t}\n\t\treturn output;\n\t},\n\tgetOrientation() {\n\t\treturn 'vertical';\n\t},\n\tgetAlignments( layout, isBlockBasedTheme ) {\n\t\tconst alignmentInfo = getAlignmentsInfo( layout );\n\t\tif ( layout.alignments !== undefined ) {\n\t\t\tif ( ! layout.alignments.includes( 'none' ) ) {\n\t\t\t\tlayout.alignments.unshift( 'none' );\n\t\t\t}\n\t\t\treturn layout.alignments.map( ( alignment ) => ( {\n\t\t\t\tname: alignment,\n\t\t\t\tinfo: alignmentInfo[ alignment ],\n\t\t\t} ) );\n\t\t}\n\n\t\tconst alignments = [\n\t\t\t{ name: 'left' },\n\t\t\t{ name: 'center' },\n\t\t\t{ name: 'right' },\n\t\t];\n\n\t\t// This is for backwards compatibility with hybrid themes.\n\t\tif ( ! isBlockBasedTheme ) {\n\t\t\tconst { contentSize, wideSize } = layout;\n\t\t\tif ( contentSize ) {\n\t\t\t\talignments.unshift( { name: 'full' } );\n\t\t\t}\n\n\t\t\tif ( wideSize ) {\n\t\t\t\talignments.unshift( {\n\t\t\t\t\tname: 'wide',\n\t\t\t\t\tinfo: alignmentInfo.wide,\n\t\t\t\t} );\n\t\t\t}\n\t\t}\n\n\t\talignments.unshift( { name: 'none', info: alignmentInfo.none } );\n\n\t\treturn alignments;\n\t},\n};\n"],"mappings":"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","ignoreList":[]}

package/build/layouts/grid.js

@@ -70,14 +70,19 @@ var _default = exports.default = {
   inspectorControls: function GridLayoutInspectorControls({
     layout = {},
     onChange,
-    clientId
+    clientId,
+    layoutBlockSupport = {}
   }) {
+    const {
+      allowSizingOnChildren = false
+    } = layoutBlockSupport;
     return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(GridLayoutTypeControl, {
       layout: layout,
       onChange: onChange
-    }), layout?.columnCount ? (0, _react.createElement)(GridLayoutColumnsControl, {
+    }), layout?.columnCount ? (0, _react.createElement)(GridLayoutColumnsAndRowsControl, {
       layout: layout,
-      onChange: onChange
+      onChange: onChange,
+      allowSizingOnChildren: allowSizingOnChildren
     }) : (0, _react.createElement)(GridLayoutMinimumWidthControl, {
       layout: layout,
       onChange: onChange
@@ -98,7 +103,8 @@ var _default = exports.default = {
   }) {
     const {
       minimumColumnWidth = '12rem',
-      columnCount = null
+      columnCount = null,
+      rowCount = null
     } = layout;
 
     // If a block's block.json skips serialization for spacing or spacing.blockGap,
@@ -108,6 +114,9 @@ var _default = exports.default = {
     const rules = [];
     if (columnCount) {
       rules.push(`grid-template-columns: repeat(${columnCount}, minmax(0, 1fr))`);
+      if (rowCount) {
+        rules.push(`grid-template-rows: repeat(${rowCount}, minmax(0, 1fr))`);
+      }
     } else if (minimumColumnWidth) {
       rules.push(`grid-template-columns: repeat(auto-fill, minmax(min(${minimumColumnWidth}, 100%), 1fr))`, `container-type: inline-size`);
     }
@@ -196,14 +205,16 @@ function GridLayoutMinimumWidthControl({
 }
 
 // Enables setting number of grid columns
-function GridLayoutColumnsControl({
+function GridLayoutColumnsAndRowsControl({
   layout,
-  onChange
+  onChange,
+  allowSizingOnChildren
 }) {
   const {
-    columnCount = 3
+    columnCount = 3,
+    rowCount
   } = layout;
-  return (0, _react.createElement)("fieldset", null, (0, _react.createElement)(_components.BaseControl.VisualLabel, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("fieldset", null, (0, _react.createElement)(_components.BaseControl.VisualLabel, {
     as: "legend"
   }, (0, _i18n.__)('Columns')), (0, _react.createElement)(_components.Flex, {
     gap: 4
@@ -240,7 +251,39 @@ function GridLayoutColumnsControl({
     withInputField: false,
     label: (0, _i18n.__)('Columns'),
     hideLabelFromVision: true
-  }))));
+  })))), allowSizingOnChildren && window.__experimentalEnableGridInteractivity && (0, _react.createElement)("fieldset", null, (0, _react.createElement)(_components.BaseControl.VisualLabel, {
+    as: "legend"
+  }, (0, _i18n.__)('Rows')), (0, _react.createElement)(_components.Flex, {
+    gap: 4
+  }, (0, _react.createElement)(_components.FlexItem, {
+    isBlock: true
+  }, (0, _react.createElement)(_components.__experimentalNumberControl, {
+    size: '__unstable-large',
+    onChange: value => {
+      onChange({
+        ...layout,
+        rowCount: value
+      });
+    },
+    value: rowCount,
+    min: 1,
+    label: (0, _i18n.__)('Rows'),
+    hideLabelFromVision: true
+  })), (0, _react.createElement)(_components.FlexItem, {
+    isBlock: true
+  }, (0, _react.createElement)(_components.RangeControl, {
+    value: parseInt(rowCount, 10) // RangeControl can't deal with strings.
+    ,
+    onChange: value => onChange({
+      ...layout,
+      rowCount: value
+    }),
+    min: 1,
+    max: 16,
+    withInputField: false,
+    label: (0, _i18n.__)('Rows'),
+    hideLabelFromVision: true
+  })))));
 }
 
 // Enables switching between grid types

package/build/layouts/grid.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_components","_element","_utils","_gap","_utils2","_definitions","_gridVisualizer","RANGE_CONTROL_MAX_VALUES","px","vw","vh","em","rem","svw","lvw","dvw","svh","lvh","dvh","vi","svi","lvi","dvi","vb","svb","lvb","dvb","vmin","svmin","lvmin","dvmin","vmax","svmax","lvmax","dvmax","units","value","label","default","_default","exports","name","__","inspectorControls","GridLayoutInspectorControls","layout","onChange","clientId","_react","createElement","Fragment","GridLayoutTypeControl","columnCount","GridLayoutColumnsControl","GridLayoutMinimumWidthControl","window","__experimentalEnableGridInteractivity","GridVisualizer","toolBarControls","GridLayoutToolbarControls","getLayoutStyle","selector","style","blockName","hasBlockGapSupport","layoutDefinitions","LAYOUT_DEFINITIONS","minimumColumnWidth","blockGapValue","spacing","blockGap","shouldSkipSerialization","getGapCSSValue","undefined","output","rules","push","length","appendSelectors","join","getBlockGapCSS","getOrientation","getAlignments","quantity","unit","parseQuantityAndUnitFromRawValue","handleSliderChange","next","handleUnitChange","newUnit","newValue","includes","toFixed","Math","round","BaseControl","VisualLabel","as","Flex","gap","FlexItem","isBlock","__experimentalUnitControl","size","onUnitChange","min","hideLabelFromVision","RangeControl","max","withInputField","__experimentalNumberControl","validValue","parseInt","tempColumnCount","setTempColumnCount","useState","tempMinimumColumnWidth","setTempMinimumColumnWidth","isManual","onChangeType","__experimentalToggleGroupControl","__nextHasNoMarginBottom","__experimentalToggleGroupControlOption","key"],"sources":["@wordpress/block-editor/src/layouts/grid.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\nimport {\n\tBaseControl,\n\tFlex,\n\tFlexItem,\n\tRangeControl,\n\t__experimentalNumberControl as NumberControl,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { appendSelectors, getBlockGapCSS } from './utils';\nimport { getGapCSSValue } from '../hooks/gap';\nimport { shouldSkipSerialization } from '../hooks/utils';\nimport { LAYOUT_DEFINITIONS } from './definitions';\nimport { GridVisualizer } from '../components/grid-visualizer';\n\nconst RANGE_CONTROL_MAX_VALUES = {\n\tpx: 600,\n\t'%': 100,\n\tvw: 100,\n\tvh: 100,\n\tem: 38,\n\trem: 38,\n\tsvw: 100,\n\tlvw: 100,\n\tdvw: 100,\n\tsvh: 100,\n\tlvh: 100,\n\tdvh: 100,\n\tvi: 100,\n\tsvi: 100,\n\tlvi: 100,\n\tdvi: 100,\n\tvb: 100,\n\tsvb: 100,\n\tlvb: 100,\n\tdvb: 100,\n\tvmin: 100,\n\tsvmin: 100,\n\tlvmin: 100,\n\tdvmin: 100,\n\tvmax: 100,\n\tsvmax: 100,\n\tlvmax: 100,\n\tdvmax: 100,\n};\n\nconst units = [\n\t{ value: 'px', label: 'px', default: 0 },\n\t{ value: 'rem', label: 'rem', default: 0 },\n\t{ value: 'em', label: 'em', default: 0 },\n];\n\nexport default {\n\tname: 'grid',\n\tlabel: __( 'Grid' ),\n\tinspectorControls: function GridLayoutInspectorControls( {\n\t\tlayout = {},\n\t\tonChange,\n\t\tclientId,\n\t} ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<GridLayoutTypeControl\n\t\t\t\t\tlayout={ layout }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t/>\n\t\t\t\t{ layout?.columnCount ? (\n\t\t\t\t\t<GridLayoutColumnsControl\n\t\t\t\t\t\tlayout={ layout }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<GridLayoutMinimumWidthControl\n\t\t\t\t\t\tlayout={ layout }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ window.__experimentalEnableGridInteractivity && (\n\t\t\t\t\t<GridVisualizer clientId={ clientId } />\n\t\t\t\t) }\n\t\t\t</>\n\t\t);\n\t},\n\ttoolBarControls: function GridLayoutToolbarControls() {\n\t\treturn null;\n\t},\n\tgetLayoutStyle: function getLayoutStyle( {\n\t\tselector,\n\t\tlayout,\n\t\tstyle,\n\t\tblockName,\n\t\thasBlockGapSupport,\n\t\tlayoutDefinitions = LAYOUT_DEFINITIONS,\n\t} ) {\n\t\tconst { minimumColumnWidth = '12rem', columnCount = null } = layout;\n\n\t\t// If a block's block.json skips serialization for spacing or spacing.blockGap,\n\t\t// don't apply the user-defined value to the styles.\n\t\tconst blockGapValue =\n\t\t\tstyle?.spacing?.blockGap &&\n\t\t\t! shouldSkipSerialization( blockName, 'spacing', 'blockGap' )\n\t\t\t\t? getGapCSSValue( style?.spacing?.blockGap, '0.5em' )\n\t\t\t\t: undefined;\n\n\t\tlet output = '';\n\t\tconst rules = [];\n\n\t\tif ( columnCount ) {\n\t\t\trules.push(\n\t\t\t\t`grid-template-columns: repeat(${ columnCount }, minmax(0, 1fr))`\n\t\t\t);\n\t\t} else if ( minimumColumnWidth ) {\n\t\t\trules.push(\n\t\t\t\t`grid-template-columns: repeat(auto-fill, minmax(min(${ minimumColumnWidth }, 100%), 1fr))`,\n\t\t\t\t`container-type: inline-size`\n\t\t\t);\n\t\t}\n\n\t\tif ( rules.length ) {\n\t\t\t// Reason to disable: the extra line breaks added by prettier mess with the unit tests.\n\t\t\t// eslint-disable-next-line prettier/prettier\n\t\t\toutput = `${ appendSelectors( selector ) } { ${ rules.join(\n\t\t\t\t'; '\n\t\t\t) }; }`;\n\t\t}\n\n\t\t// Output blockGap styles based on rules contained in layout definitions in theme.json.\n\t\tif ( hasBlockGapSupport && blockGapValue ) {\n\t\t\toutput += getBlockGapCSS(\n\t\t\t\tselector,\n\t\t\t\tlayoutDefinitions,\n\t\t\t\t'grid',\n\t\t\t\tblockGapValue\n\t\t\t);\n\t\t}\n\t\treturn output;\n\t},\n\tgetOrientation() {\n\t\treturn 'horizontal';\n\t},\n\tgetAlignments() {\n\t\treturn [];\n\t},\n};\n\n// Enables setting minimum width of grid items.\nfunction GridLayoutMinimumWidthControl( { layout, onChange } ) {\n\tconst { minimumColumnWidth: value = '12rem' } = layout;\n\tconst [ quantity, unit ] = parseQuantityAndUnitFromRawValue( value );\n\n\tconst handleSliderChange = ( next ) => {\n\t\tonChange( {\n\t\t\t...layout,\n\t\t\tminimumColumnWidth: [ next, unit ].join( '' ),\n\t\t} );\n\t};\n\n\t// Mostly copied from HeightControl.\n\tconst handleUnitChange = ( newUnit ) => {\n\t\t// Attempt to smooth over differences between currentUnit and newUnit.\n\t\t// This should slightly improve the experience of switching between unit types.\n\t\tlet newValue;\n\n\t\tif ( [ 'em', 'rem' ].includes( newUnit ) && unit === 'px' ) {\n\t\t\t// Convert pixel value to an approximate of the new unit, assuming a root size of 16px.\n\t\t\tnewValue = ( quantity / 16 ).toFixed( 2 ) + newUnit;\n\t\t} else if ( [ 'em', 'rem' ].includes( unit ) && newUnit === 'px' ) {\n\t\t\t// Convert to pixel value assuming a root size of 16px.\n\t\t\tnewValue = Math.round( quantity * 16 ) + newUnit;\n\t\t}\n\n\t\tonChange( {\n\t\t\t...layout,\n\t\t\tminimumColumnWidth: newValue,\n\t\t} );\n\t};\n\n\treturn (\n\t\t<fieldset>\n\t\t\t<BaseControl.VisualLabel as=\"legend\">\n\t\t\t\t{ __( 'Minimum column width' ) }\n\t\t\t</BaseControl.VisualLabel>\n\t\t\t<Flex gap={ 4 }>\n\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t<UnitControl\n\t\t\t\t\t\tsize={ '__unstable-large' }\n\t\t\t\t\t\tonChange={ ( newValue ) => {\n\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t...layout,\n\t\t\t\t\t\t\t\tminimumColumnWidth: newValue,\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonUnitChange={ handleUnitChange }\n\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\tlabel={ __( 'Minimum column width' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t/>\n\t\t\t\t</FlexItem>\n\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\tonChange={ handleSliderChange }\n\t\t\t\t\t\tvalue={ quantity }\n\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\tmax={ RANGE_CONTROL_MAX_VALUES[ unit ] || 600 }\n\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t\tlabel={ __( 'Minimum column width' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t/>\n\t\t\t\t</FlexItem>\n\t\t\t</Flex>\n\t\t</fieldset>\n\t);\n}\n\n// Enables setting number of grid columns\nfunction GridLayoutColumnsControl( { layout, onChange } ) {\n\tconst { columnCount = 3 } = layout;\n\n\treturn (\n\t\t<fieldset>\n\t\t\t<BaseControl.VisualLabel as=\"legend\">\n\t\t\t\t{ __( 'Columns' ) }\n\t\t\t</BaseControl.VisualLabel>\n\t\t\t<Flex gap={ 4 }>\n\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t<NumberControl\n\t\t\t\t\t\tsize={ '__unstable-large' }\n\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t/**\n\t\t\t\t\t\t\t * If the input is cleared, avoid switching\n\t\t\t\t\t\t\t * back to \"Auto\" by setting a value of \"1\".\n\t\t\t\t\t\t\t */\n\t\t\t\t\t\t\tconst validValue = value !== '' ? value : '1';\n\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t...layout,\n\t\t\t\t\t\t\t\tcolumnCount: validValue,\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tvalue={ columnCount }\n\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\tlabel={ __( 'Columns' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t/>\n\t\t\t\t</FlexItem>\n\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\tvalue={ parseInt( columnCount, 10 ) } // RangeControl can't deal with strings.\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t...layout,\n\t\t\t\t\t\t\t\tcolumnCount: value,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\tmax={ 16 }\n\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t\tlabel={ __( 'Columns' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t/>\n\t\t\t\t</FlexItem>\n\t\t\t</Flex>\n\t\t</fieldset>\n\t);\n}\n\n// Enables switching between grid types\nfunction GridLayoutTypeControl( { layout, onChange } ) {\n\tconst { columnCount, minimumColumnWidth } = layout;\n\n\t/**\n\t * When switching, temporarily save any custom values set on the\n\t * previous type so we can switch back without loss.\n\t */\n\tconst [ tempColumnCount, setTempColumnCount ] = useState(\n\t\tcolumnCount || 3\n\t);\n\tconst [ tempMinimumColumnWidth, setTempMinimumColumnWidth ] = useState(\n\t\tminimumColumnWidth || '12rem'\n\t);\n\n\tconst isManual = !! columnCount ? 'manual' : 'auto';\n\n\tconst onChangeType = ( value ) => {\n\t\tif ( value === 'manual' ) {\n\t\t\tsetTempMinimumColumnWidth( minimumColumnWidth || '12rem' );\n\t\t} else {\n\t\t\tsetTempColumnCount( columnCount || 3 );\n\t\t}\n\t\tonChange( {\n\t\t\t...layout,\n\t\t\tcolumnCount: value === 'manual' ? tempColumnCount : null,\n\t\t\tminimumColumnWidth:\n\t\t\t\tvalue === 'auto' ? tempMinimumColumnWidth : null,\n\t\t} );\n\t};\n\n\treturn (\n\t\t<ToggleGroupControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tlabel={ __( 'Type' ) }\n\t\t\tvalue={ isManual }\n\t\t\tonChange={ onChangeType }\n\t\t\tisBlock\n\t\t>\n\t\t\t<ToggleGroupControlOption\n\t\t\t\tkey={ 'auto' }\n\t\t\t\tvalue=\"auto\"\n\t\t\t\tlabel={ __( 'Auto' ) }\n\t\t\t/>\n\t\t\t<ToggleGroupControlOption\n\t\t\t\tkey={ 'manual' }\n\t\t\t\tvalue=\"manual\"\n\t\t\t\tlabel={ __( 'Manual' ) }\n\t\t\t/>\n\t\t</ToggleGroupControl>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_i18n","require","_components","_element","_utils","_gap","_utils2","_definitions","_gridVisualizer","RANGE_CONTROL_MAX_VALUES","px","vw","vh","em","rem","svw","lvw","dvw","svh","lvh","dvh","vi","svi","lvi","dvi","vb","svb","lvb","dvb","vmin","svmin","lvmin","dvmin","vmax","svmax","lvmax","dvmax","units","value","label","default","_default","exports","name","__","inspectorControls","GridLayoutInspectorControls","layout","onChange","clientId","layoutBlockSupport","allowSizingOnChildren","_react","createElement","Fragment","GridLayoutTypeControl","columnCount","GridLayoutColumnsAndRowsControl","GridLayoutMinimumWidthControl","window","__experimentalEnableGridInteractivity","GridVisualizer","toolBarControls","GridLayoutToolbarControls","getLayoutStyle","selector","style","blockName","hasBlockGapSupport","layoutDefinitions","LAYOUT_DEFINITIONS","minimumColumnWidth","rowCount","blockGapValue","spacing","blockGap","shouldSkipSerialization","getGapCSSValue","undefined","output","rules","push","length","appendSelectors","join","getBlockGapCSS","getOrientation","getAlignments","quantity","unit","parseQuantityAndUnitFromRawValue","handleSliderChange","next","handleUnitChange","newUnit","newValue","includes","toFixed","Math","round","BaseControl","VisualLabel","as","Flex","gap","FlexItem","isBlock","__experimentalUnitControl","size","onUnitChange","min","hideLabelFromVision","RangeControl","max","withInputField","__experimentalNumberControl","validValue","parseInt","tempColumnCount","setTempColumnCount","useState","tempMinimumColumnWidth","setTempMinimumColumnWidth","isManual","onChangeType","__experimentalToggleGroupControl","__nextHasNoMarginBottom","__experimentalToggleGroupControlOption","key"],"sources":["@wordpress/block-editor/src/layouts/grid.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\nimport {\n\tBaseControl,\n\tFlex,\n\tFlexItem,\n\tRangeControl,\n\t__experimentalNumberControl as NumberControl,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { appendSelectors, getBlockGapCSS } from './utils';\nimport { getGapCSSValue } from '../hooks/gap';\nimport { shouldSkipSerialization } from '../hooks/utils';\nimport { LAYOUT_DEFINITIONS } from './definitions';\nimport { GridVisualizer } from '../components/grid-visualizer';\n\nconst RANGE_CONTROL_MAX_VALUES = {\n\tpx: 600,\n\t'%': 100,\n\tvw: 100,\n\tvh: 100,\n\tem: 38,\n\trem: 38,\n\tsvw: 100,\n\tlvw: 100,\n\tdvw: 100,\n\tsvh: 100,\n\tlvh: 100,\n\tdvh: 100,\n\tvi: 100,\n\tsvi: 100,\n\tlvi: 100,\n\tdvi: 100,\n\tvb: 100,\n\tsvb: 100,\n\tlvb: 100,\n\tdvb: 100,\n\tvmin: 100,\n\tsvmin: 100,\n\tlvmin: 100,\n\tdvmin: 100,\n\tvmax: 100,\n\tsvmax: 100,\n\tlvmax: 100,\n\tdvmax: 100,\n};\n\nconst units = [\n\t{ value: 'px', label: 'px', default: 0 },\n\t{ value: 'rem', label: 'rem', default: 0 },\n\t{ value: 'em', label: 'em', default: 0 },\n];\n\nexport default {\n\tname: 'grid',\n\tlabel: __( 'Grid' ),\n\tinspectorControls: function GridLayoutInspectorControls( {\n\t\tlayout = {},\n\t\tonChange,\n\t\tclientId,\n\t\tlayoutBlockSupport = {},\n\t} ) {\n\t\tconst { allowSizingOnChildren = false } = layoutBlockSupport;\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<GridLayoutTypeControl\n\t\t\t\t\tlayout={ layout }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t/>\n\t\t\t\t{ layout?.columnCount ? (\n\t\t\t\t\t<GridLayoutColumnsAndRowsControl\n\t\t\t\t\t\tlayout={ layout }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\tallowSizingOnChildren={ allowSizingOnChildren }\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<GridLayoutMinimumWidthControl\n\t\t\t\t\t\tlayout={ layout }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ window.__experimentalEnableGridInteractivity && (\n\t\t\t\t\t<GridVisualizer clientId={ clientId } />\n\t\t\t\t) }\n\t\t\t</>\n\t\t);\n\t},\n\ttoolBarControls: function GridLayoutToolbarControls() {\n\t\treturn null;\n\t},\n\tgetLayoutStyle: function getLayoutStyle( {\n\t\tselector,\n\t\tlayout,\n\t\tstyle,\n\t\tblockName,\n\t\thasBlockGapSupport,\n\t\tlayoutDefinitions = LAYOUT_DEFINITIONS,\n\t} ) {\n\t\tconst {\n\t\t\tminimumColumnWidth = '12rem',\n\t\t\tcolumnCount = null,\n\t\t\trowCount = null,\n\t\t} = layout;\n\n\t\t// If a block's block.json skips serialization for spacing or spacing.blockGap,\n\t\t// don't apply the user-defined value to the styles.\n\t\tconst blockGapValue =\n\t\t\tstyle?.spacing?.blockGap &&\n\t\t\t! shouldSkipSerialization( blockName, 'spacing', 'blockGap' )\n\t\t\t\t? getGapCSSValue( style?.spacing?.blockGap, '0.5em' )\n\t\t\t\t: undefined;\n\n\t\tlet output = '';\n\t\tconst rules = [];\n\n\t\tif ( columnCount ) {\n\t\t\trules.push(\n\t\t\t\t`grid-template-columns: repeat(${ columnCount }, minmax(0, 1fr))`\n\t\t\t);\n\t\t\tif ( rowCount ) {\n\t\t\t\trules.push(\n\t\t\t\t\t`grid-template-rows: repeat(${ rowCount }, minmax(0, 1fr))`\n\t\t\t\t);\n\t\t\t}\n\t\t} else if ( minimumColumnWidth ) {\n\t\t\trules.push(\n\t\t\t\t`grid-template-columns: repeat(auto-fill, minmax(min(${ minimumColumnWidth }, 100%), 1fr))`,\n\t\t\t\t`container-type: inline-size`\n\t\t\t);\n\t\t}\n\n\t\tif ( rules.length ) {\n\t\t\t// Reason to disable: the extra line breaks added by prettier mess with the unit tests.\n\t\t\t// eslint-disable-next-line prettier/prettier\n\t\t\toutput = `${ appendSelectors( selector ) } { ${ rules.join(\n\t\t\t\t'; '\n\t\t\t) }; }`;\n\t\t}\n\n\t\t// Output blockGap styles based on rules contained in layout definitions in theme.json.\n\t\tif ( hasBlockGapSupport && blockGapValue ) {\n\t\t\toutput += getBlockGapCSS(\n\t\t\t\tselector,\n\t\t\t\tlayoutDefinitions,\n\t\t\t\t'grid',\n\t\t\t\tblockGapValue\n\t\t\t);\n\t\t}\n\t\treturn output;\n\t},\n\tgetOrientation() {\n\t\treturn 'horizontal';\n\t},\n\tgetAlignments() {\n\t\treturn [];\n\t},\n};\n\n// Enables setting minimum width of grid items.\nfunction GridLayoutMinimumWidthControl( { layout, onChange } ) {\n\tconst { minimumColumnWidth: value = '12rem' } = layout;\n\tconst [ quantity, unit ] = parseQuantityAndUnitFromRawValue( value );\n\n\tconst handleSliderChange = ( next ) => {\n\t\tonChange( {\n\t\t\t...layout,\n\t\t\tminimumColumnWidth: [ next, unit ].join( '' ),\n\t\t} );\n\t};\n\n\t// Mostly copied from HeightControl.\n\tconst handleUnitChange = ( newUnit ) => {\n\t\t// Attempt to smooth over differences between currentUnit and newUnit.\n\t\t// This should slightly improve the experience of switching between unit types.\n\t\tlet newValue;\n\n\t\tif ( [ 'em', 'rem' ].includes( newUnit ) && unit === 'px' ) {\n\t\t\t// Convert pixel value to an approximate of the new unit, assuming a root size of 16px.\n\t\t\tnewValue = ( quantity / 16 ).toFixed( 2 ) + newUnit;\n\t\t} else if ( [ 'em', 'rem' ].includes( unit ) && newUnit === 'px' ) {\n\t\t\t// Convert to pixel value assuming a root size of 16px.\n\t\t\tnewValue = Math.round( quantity * 16 ) + newUnit;\n\t\t}\n\n\t\tonChange( {\n\t\t\t...layout,\n\t\t\tminimumColumnWidth: newValue,\n\t\t} );\n\t};\n\n\treturn (\n\t\t<fieldset>\n\t\t\t<BaseControl.VisualLabel as=\"legend\">\n\t\t\t\t{ __( 'Minimum column width' ) }\n\t\t\t</BaseControl.VisualLabel>\n\t\t\t<Flex gap={ 4 }>\n\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t<UnitControl\n\t\t\t\t\t\tsize={ '__unstable-large' }\n\t\t\t\t\t\tonChange={ ( newValue ) => {\n\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t...layout,\n\t\t\t\t\t\t\t\tminimumColumnWidth: newValue,\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonUnitChange={ handleUnitChange }\n\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\tlabel={ __( 'Minimum column width' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t/>\n\t\t\t\t</FlexItem>\n\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\tonChange={ handleSliderChange }\n\t\t\t\t\t\tvalue={ quantity }\n\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\tmax={ RANGE_CONTROL_MAX_VALUES[ unit ] || 600 }\n\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t\tlabel={ __( 'Minimum column width' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t/>\n\t\t\t\t</FlexItem>\n\t\t\t</Flex>\n\t\t</fieldset>\n\t);\n}\n\n// Enables setting number of grid columns\nfunction GridLayoutColumnsAndRowsControl( {\n\tlayout,\n\tonChange,\n\tallowSizingOnChildren,\n} ) {\n\tconst { columnCount = 3, rowCount } = layout;\n\n\treturn (\n\t\t<>\n\t\t\t<fieldset>\n\t\t\t\t<BaseControl.VisualLabel as=\"legend\">\n\t\t\t\t\t{ __( 'Columns' ) }\n\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t<Flex gap={ 4 }>\n\t\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t\t<NumberControl\n\t\t\t\t\t\t\tsize={ '__unstable-large' }\n\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\t/**\n\t\t\t\t\t\t\t\t * If the input is cleared, avoid switching\n\t\t\t\t\t\t\t\t * back to \"Auto\" by setting a value of \"1\".\n\t\t\t\t\t\t\t\t */\n\t\t\t\t\t\t\t\tconst validValue = value !== '' ? value : '1';\n\t\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t\t...layout,\n\t\t\t\t\t\t\t\t\tcolumnCount: validValue,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tvalue={ columnCount }\n\t\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\t\tlabel={ __( 'Columns' ) }\n\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\tvalue={ parseInt( columnCount, 10 ) } // RangeControl can't deal with strings.\n\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t\t...layout,\n\t\t\t\t\t\t\t\t\tcolumnCount: value,\n\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\t\tmax={ 16 }\n\t\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t\t\tlabel={ __( 'Columns' ) }\n\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t</Flex>\n\t\t\t</fieldset>\n\t\t\t{ allowSizingOnChildren &&\n\t\t\t\twindow.__experimentalEnableGridInteractivity && (\n\t\t\t\t\t<fieldset>\n\t\t\t\t\t\t<BaseControl.VisualLabel as=\"legend\">\n\t\t\t\t\t\t\t{ __( 'Rows' ) }\n\t\t\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t\t\t<Flex gap={ 4 }>\n\t\t\t\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t\t\t\t<NumberControl\n\t\t\t\t\t\t\t\t\tsize={ '__unstable-large' }\n\t\t\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t\t\t\t...layout,\n\t\t\t\t\t\t\t\t\t\t\trowCount: value,\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\tvalue={ rowCount }\n\t\t\t\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Rows' ) }\n\t\t\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\t\t\tvalue={ parseInt( rowCount, 10 ) } // RangeControl can't deal with strings.\n\t\t\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t\t\t\t...layout,\n\t\t\t\t\t\t\t\t\t\t\trowCount: value,\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\tmin={ 1 }\n\t\t\t\t\t\t\t\t\tmax={ 16 }\n\t\t\t\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Rows' ) }\n\t\t\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t</Flex>\n\t\t\t\t\t</fieldset>\n\t\t\t\t) }\n\t\t</>\n\t);\n}\n\n// Enables switching between grid types\nfunction GridLayoutTypeControl( { layout, onChange } ) {\n\tconst { columnCount, minimumColumnWidth } = layout;\n\n\t/**\n\t * When switching, temporarily save any custom values set on the\n\t * previous type so we can switch back without loss.\n\t */\n\tconst [ tempColumnCount, setTempColumnCount ] = useState(\n\t\tcolumnCount || 3\n\t);\n\tconst [ tempMinimumColumnWidth, setTempMinimumColumnWidth ] = useState(\n\t\tminimumColumnWidth || '12rem'\n\t);\n\n\tconst isManual = !! columnCount ? 'manual' : 'auto';\n\n\tconst onChangeType = ( value ) => {\n\t\tif ( value === 'manual' ) {\n\t\t\tsetTempMinimumColumnWidth( minimumColumnWidth || '12rem' );\n\t\t} else {\n\t\t\tsetTempColumnCount( columnCount || 3 );\n\t\t}\n\t\tonChange( {\n\t\t\t...layout,\n\t\t\tcolumnCount: value === 'manual' ? tempColumnCount : null,\n\t\t\tminimumColumnWidth:\n\t\t\t\tvalue === 'auto' ? tempMinimumColumnWidth : null,\n\t\t} );\n\t};\n\n\treturn (\n\t\t<ToggleGroupControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tlabel={ __( 'Type' ) }\n\t\t\tvalue={ isManual }\n\t\t\tonChange={ onChangeType }\n\t\t\tisBlock\n\t\t>\n\t\t\t<ToggleGroupControlOption\n\t\t\t\tkey={ 'auto' }\n\t\t\t\tvalue=\"auto\"\n\t\t\t\tlabel={ __( 'Auto' ) }\n\t\t\t/>\n\t\t\t<ToggleGroupControlOption\n\t\t\t\tkey={ 'manual' }\n\t\t\t\tvalue=\"manual\"\n\t\t\t\tlabel={ __( 'Manual' ) }\n\t\t\t/>\n\t\t</ToggleGroupControl>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/layouts/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_flex","_interopRequireDefault","require","_flow","_constrained","_grid","layoutTypes","flow","flex","constrained","grid","getLayoutType","name","find","layoutType","getLayoutTypes"],"sources":["@wordpress/block-editor/src/layouts/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport flex from './flex';\nimport flow from './flow';\nimport constrained from './constrained';\nimport grid from './grid';\n\nconst layoutTypes = [ flow, flex, constrained, grid ];\n\n/**\n * Retrieves a layout type by name.\n *\n * @param {string} name - The name of the layout type.\n * @return {Object} Layout type.\n */\nexport function getLayoutType( name = 'default' ) {\n\treturn layoutTypes.find( ( layoutType ) => layoutType.name === name );\n}\n\n/**\n * Retrieves the available layout types.\n *\n * @return {Array} Layout types.\n */\nexport function getLayoutTypes() {\n\treturn layoutTypes;\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,KAAA,GAAAJ,sBAAA,CAAAC,OAAA;AANA;AACA;AACA;;AAMA,MAAMI,WAAW,GAAG,CAAEC,aAAI,EAAEC,aAAI,EAAEC,oBAAW,EAAEC,aAAI,CAAE;;AAErD;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,aAAaA,CAAEC,IAAI,GAAG,SAAS,EAAG;EACjD,OAAON,WAAW,CAACO,IAAI,CAAIC,UAAU,IAAMA,UAAU,CAACF,IAAI,KAAKA,IAAK,CAAC;AACtE;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASG,cAAcA,CAAA,EAAG;EAChC,OAAOT,WAAW;AACnB"}
+{"version":3,"names":["_flex","_interopRequireDefault","require","_flow","_constrained","_grid","layoutTypes","flow","flex","constrained","grid","getLayoutType","name","find","layoutType","getLayoutTypes"],"sources":["@wordpress/block-editor/src/layouts/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport flex from './flex';\nimport flow from './flow';\nimport constrained from './constrained';\nimport grid from './grid';\n\nconst layoutTypes = [ flow, flex, constrained, grid ];\n\n/**\n * Retrieves a layout type by name.\n *\n * @param {string} name - The name of the layout type.\n * @return {Object} Layout type.\n */\nexport function getLayoutType( name = 'default' ) {\n\treturn layoutTypes.find( ( layoutType ) => layoutType.name === name );\n}\n\n/**\n * Retrieves the available layout types.\n *\n * @return {Array} Layout types.\n */\nexport function getLayoutTypes() {\n\treturn layoutTypes;\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,KAAA,GAAAJ,sBAAA,CAAAC,OAAA;AANA;AACA;AACA;;AAMA,MAAMI,WAAW,GAAG,CAAEC,aAAI,EAAEC,aAAI,EAAEC,oBAAW,EAAEC,aAAI,CAAE;;AAErD;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,aAAaA,CAAEC,IAAI,GAAG,SAAS,EAAG;EACjD,OAAON,WAAW,CAACO,IAAI,CAAIC,UAAU,IAAMA,UAAU,CAACF,IAAI,KAAKA,IAAK,CAAC;AACtE;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASG,cAAcA,CAAA,EAAG;EAChC,OAAOT,WAAW;AACnB","ignoreList":[]}

package/build/layouts/utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_definitions","appendSelectors","selectors","append","split","map","subselector","join","getBlockGapCSS","selector","layoutDefinitions","LAYOUT_DEFINITIONS","layoutType","blockGapValue","output","spacingStyles","length","forEach","gapStyle","trim","Object","entries","rules","cssProperty","value","getAlignmentsInfo","layout","contentSize","wideSize","type","alignmentInfo","sizeRegex","test","none","sprintf","__","wide"],"sources":["@wordpress/block-editor/src/layouts/utils.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { LAYOUT_DEFINITIONS } from './definitions';\n\n/**\n * Utility to generate the proper CSS selector for layout styles.\n *\n * @param {string} selectors CSS selector, also supports multiple comma-separated selectors.\n * @param {string} append    The string to append.\n *\n * @return {string} - CSS selector.\n */\nexport function appendSelectors( selectors, append = '' ) {\n\t// Ideally we shouldn't need the `.editor-styles-wrapper` increased specificity here\n\t// The problem though is that we have a `.editor-styles-wrapper p { margin: reset; }` style\n\t// it's used to reset the default margin added by wp-admin to paragraphs\n\t// so we need this to be higher speficity otherwise, it won't be applied to paragraphs inside containers\n\t// When the post editor is fully iframed, this extra classname could be removed.\n\n\treturn selectors\n\t\t.split( ',' )\n\t\t.map(\n\t\t\t( subselector ) =>\n\t\t\t\t`.editor-styles-wrapper ${ subselector }${\n\t\t\t\t\tappend ? ` ${ append }` : ''\n\t\t\t\t}`\n\t\t)\n\t\t.join( ',' );\n}\n\n/**\n * Get generated blockGap CSS rules based on layout definitions provided in theme.json\n * Falsy values in the layout definition's spacingStyles rules will be swapped out\n * with the provided `blockGapValue`.\n *\n * @param {string} selector          The CSS selector to target for the generated rules.\n * @param {Object} layoutDefinitions Layout definitions object.\n * @param {string} layoutType        The layout type (e.g. `default` or `flex`).\n * @param {string} blockGapValue     The current blockGap value to be applied.\n * @return {string} The generated CSS rules.\n */\nexport function getBlockGapCSS(\n\tselector,\n\tlayoutDefinitions = LAYOUT_DEFINITIONS,\n\tlayoutType,\n\tblockGapValue\n) {\n\tlet output = '';\n\tif (\n\t\tlayoutDefinitions?.[ layoutType ]?.spacingStyles?.length &&\n\t\tblockGapValue\n\t) {\n\t\tlayoutDefinitions[ layoutType ].spacingStyles.forEach( ( gapStyle ) => {\n\t\t\toutput += `${ appendSelectors(\n\t\t\t\tselector,\n\t\t\t\tgapStyle.selector.trim()\n\t\t\t) } { `;\n\t\t\toutput += Object.entries( gapStyle.rules )\n\t\t\t\t.map(\n\t\t\t\t\t( [ cssProperty, value ] ) =>\n\t\t\t\t\t\t`${ cssProperty }: ${ value ? value : blockGapValue }`\n\t\t\t\t)\n\t\t\t\t.join( '; ' );\n\t\t\toutput += '; }';\n\t\t} );\n\t}\n\treturn output;\n}\n\n/**\n * Helper method to assign contextual info to clarify\n * alignment settings.\n *\n * Besides checking if `contentSize` and `wideSize` have a\n * value, we now show this information only if their values\n * are not a `css var`. This needs to change when parsing\n * css variables land.\n *\n * @see https://github.com/WordPress/gutenberg/pull/34710#issuecomment-918000752\n *\n * @param {Object} layout The layout object.\n * @return {Object} An object with contextual info per alignment.\n */\nexport function getAlignmentsInfo( layout ) {\n\tconst { contentSize, wideSize, type = 'default' } = layout;\n\tconst alignmentInfo = {};\n\tconst sizeRegex =\n\t\t/^(?!0)\\d+(px|em|rem|vw|vh|%|svw|lvw|dvw|svh|lvh|dvh|vi|svi|lvi|dvi|vb|svb|lvb|dvb|vmin|svmin|lvmin|dvmin|vmax|svmax|lvmax|dvmax)?$/i;\n\tif ( sizeRegex.test( contentSize ) && type === 'constrained' ) {\n\t\t// translators: %s: container size (i.e. 600px etc)\n\t\talignmentInfo.none = sprintf( __( 'Max %s wide' ), contentSize );\n\t}\n\tif ( sizeRegex.test( wideSize ) ) {\n\t\t// translators: %s: container size (i.e. 600px etc)\n\t\talignmentInfo.wide = sprintf( __( 'Max %s wide' ), wideSize );\n\t}\n\treturn alignmentInfo;\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,eAAeA,CAAEC,SAAS,EAAEC,MAAM,GAAG,EAAE,EAAG;EACzD;EACA;EACA;EACA;EACA;;EAEA,OAAOD,SAAS,CACdE,KAAK,CAAE,GAAI,CAAC,CACZC,GAAG,CACDC,WAAW,IACX,0BAA0BA,WAAa,GACvCH,MAAM,GAAI,IAAIA,MAAQ,EAAC,GAAG,EAC1B,EACH,CAAC,CACAI,IAAI,CAAE,GAAI,CAAC;AACd;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,cAAcA,CAC7BC,QAAQ,EACRC,iBAAiB,GAAGC,+BAAkB,EACtCC,UAAU,EACVC,aAAa,EACZ;EACD,IAAIC,MAAM,GAAG,EAAE;EACf,IACCJ,iBAAiB,GAAIE,UAAU,CAAE,EAAEG,aAAa,EAAEC,MAAM,IACxDH,aAAa,EACZ;IACDH,iBAAiB,CAAEE,UAAU,CAAE,CAACG,aAAa,CAACE,OAAO,CAAIC,QAAQ,IAAM;MACtEJ,MAAM,IAAK,GAAGb,eAAe,CAC5BQ,QAAQ,EACRS,QAAQ,CAACT,QAAQ,CAACU,IAAI,CAAC,CACxB,CAAG,KAAI;MACPL,MAAM,IAAIM,MAAM,CAACC,OAAO,CAAEH,QAAQ,CAACI,KAAM,CAAC,CACxCjB,GAAG,CACH,CAAE,CAAEkB,WAAW,EAAEC,KAAK,CAAE,KACtB,GAAGD,WAAa,KAAKC,KAAK,GAAGA,KAAK,GAAGX,aAAe,EACvD,CAAC,CACAN,IAAI,CAAE,IAAK,CAAC;MACdO,MAAM,IAAI,KAAK;IAChB,CAAE,CAAC;EACJ;EACA,OAAOA,MAAM;AACd;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASW,iBAAiBA,CAAEC,MAAM,EAAG;EAC3C,MAAM;IAAEC,WAAW;IAAEC,QAAQ;IAAEC,IAAI,GAAG;EAAU,CAAC,GAAGH,MAAM;EAC1D,MAAMI,aAAa,GAAG,CAAC,CAAC;EACxB,MAAMC,SAAS,GACd,qIAAqI;EACtI,IAAKA,SAAS,CAACC,IAAI,CAAEL,WAAY,CAAC,IAAIE,IAAI,KAAK,aAAa,EAAG;IAC9D;IACAC,aAAa,CAACG,IAAI,GAAG,IAAAC,aAAO,EAAE,IAAAC,QAAE,EAAE,aAAc,CAAC,EAAER,WAAY,CAAC;EACjE;EACA,IAAKI,SAAS,CAACC,IAAI,CAAEJ,QAAS,CAAC,EAAG;IACjC;IACAE,aAAa,CAACM,IAAI,GAAG,IAAAF,aAAO,EAAE,IAAAC,QAAE,EAAE,aAAc,CAAC,EAAEP,QAAS,CAAC;EAC9D;EACA,OAAOE,aAAa;AACrB"}
+{"version":3,"names":["_i18n","require","_definitions","appendSelectors","selectors","append","split","map","subselector","join","getBlockGapCSS","selector","layoutDefinitions","LAYOUT_DEFINITIONS","layoutType","blockGapValue","output","spacingStyles","length","forEach","gapStyle","trim","Object","entries","rules","cssProperty","value","getAlignmentsInfo","layout","contentSize","wideSize","type","alignmentInfo","sizeRegex","test","none","sprintf","__","wide"],"sources":["@wordpress/block-editor/src/layouts/utils.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { LAYOUT_DEFINITIONS } from './definitions';\n\n/**\n * Utility to generate the proper CSS selector for layout styles.\n *\n * @param {string} selectors CSS selector, also supports multiple comma-separated selectors.\n * @param {string} append    The string to append.\n *\n * @return {string} - CSS selector.\n */\nexport function appendSelectors( selectors, append = '' ) {\n\t// Ideally we shouldn't need the `.editor-styles-wrapper` increased specificity here\n\t// The problem though is that we have a `.editor-styles-wrapper p { margin: reset; }` style\n\t// it's used to reset the default margin added by wp-admin to paragraphs\n\t// so we need this to be higher speficity otherwise, it won't be applied to paragraphs inside containers\n\t// When the post editor is fully iframed, this extra classname could be removed.\n\n\treturn selectors\n\t\t.split( ',' )\n\t\t.map(\n\t\t\t( subselector ) =>\n\t\t\t\t`.editor-styles-wrapper ${ subselector }${\n\t\t\t\t\tappend ? ` ${ append }` : ''\n\t\t\t\t}`\n\t\t)\n\t\t.join( ',' );\n}\n\n/**\n * Get generated blockGap CSS rules based on layout definitions provided in theme.json\n * Falsy values in the layout definition's spacingStyles rules will be swapped out\n * with the provided `blockGapValue`.\n *\n * @param {string} selector          The CSS selector to target for the generated rules.\n * @param {Object} layoutDefinitions Layout definitions object.\n * @param {string} layoutType        The layout type (e.g. `default` or `flex`).\n * @param {string} blockGapValue     The current blockGap value to be applied.\n * @return {string} The generated CSS rules.\n */\nexport function getBlockGapCSS(\n\tselector,\n\tlayoutDefinitions = LAYOUT_DEFINITIONS,\n\tlayoutType,\n\tblockGapValue\n) {\n\tlet output = '';\n\tif (\n\t\tlayoutDefinitions?.[ layoutType ]?.spacingStyles?.length &&\n\t\tblockGapValue\n\t) {\n\t\tlayoutDefinitions[ layoutType ].spacingStyles.forEach( ( gapStyle ) => {\n\t\t\toutput += `${ appendSelectors(\n\t\t\t\tselector,\n\t\t\t\tgapStyle.selector.trim()\n\t\t\t) } { `;\n\t\t\toutput += Object.entries( gapStyle.rules )\n\t\t\t\t.map(\n\t\t\t\t\t( [ cssProperty, value ] ) =>\n\t\t\t\t\t\t`${ cssProperty }: ${ value ? value : blockGapValue }`\n\t\t\t\t)\n\t\t\t\t.join( '; ' );\n\t\t\toutput += '; }';\n\t\t} );\n\t}\n\treturn output;\n}\n\n/**\n * Helper method to assign contextual info to clarify\n * alignment settings.\n *\n * Besides checking if `contentSize` and `wideSize` have a\n * value, we now show this information only if their values\n * are not a `css var`. This needs to change when parsing\n * css variables land.\n *\n * @see https://github.com/WordPress/gutenberg/pull/34710#issuecomment-918000752\n *\n * @param {Object} layout The layout object.\n * @return {Object} An object with contextual info per alignment.\n */\nexport function getAlignmentsInfo( layout ) {\n\tconst { contentSize, wideSize, type = 'default' } = layout;\n\tconst alignmentInfo = {};\n\tconst sizeRegex =\n\t\t/^(?!0)\\d+(px|em|rem|vw|vh|%|svw|lvw|dvw|svh|lvh|dvh|vi|svi|lvi|dvi|vb|svb|lvb|dvb|vmin|svmin|lvmin|dvmin|vmax|svmax|lvmax|dvmax)?$/i;\n\tif ( sizeRegex.test( contentSize ) && type === 'constrained' ) {\n\t\t// translators: %s: container size (i.e. 600px etc)\n\t\talignmentInfo.none = sprintf( __( 'Max %s wide' ), contentSize );\n\t}\n\tif ( sizeRegex.test( wideSize ) ) {\n\t\t// translators: %s: container size (i.e. 600px etc)\n\t\talignmentInfo.wide = sprintf( __( 'Max %s wide' ), wideSize );\n\t}\n\treturn alignmentInfo;\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,eAAeA,CAAEC,SAAS,EAAEC,MAAM,GAAG,EAAE,EAAG;EACzD;EACA;EACA;EACA;EACA;;EAEA,OAAOD,SAAS,CACdE,KAAK,CAAE,GAAI,CAAC,CACZC,GAAG,CACDC,WAAW,IACX,0BAA0BA,WAAa,GACvCH,MAAM,GAAI,IAAIA,MAAQ,EAAC,GAAG,EAC1B,EACH,CAAC,CACAI,IAAI,CAAE,GAAI,CAAC;AACd;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,cAAcA,CAC7BC,QAAQ,EACRC,iBAAiB,GAAGC,+BAAkB,EACtCC,UAAU,EACVC,aAAa,EACZ;EACD,IAAIC,MAAM,GAAG,EAAE;EACf,IACCJ,iBAAiB,GAAIE,UAAU,CAAE,EAAEG,aAAa,EAAEC,MAAM,IACxDH,aAAa,EACZ;IACDH,iBAAiB,CAAEE,UAAU,CAAE,CAACG,aAAa,CAACE,OAAO,CAAIC,QAAQ,IAAM;MACtEJ,MAAM,IAAK,GAAGb,eAAe,CAC5BQ,QAAQ,EACRS,QAAQ,CAACT,QAAQ,CAACU,IAAI,CAAC,CACxB,CAAG,KAAI;MACPL,MAAM,IAAIM,MAAM,CAACC,OAAO,CAAEH,QAAQ,CAACI,KAAM,CAAC,CACxCjB,GAAG,CACH,CAAE,CAAEkB,WAAW,EAAEC,KAAK,CAAE,KACtB,GAAGD,WAAa,KAAKC,KAAK,GAAGA,KAAK,GAAGX,aAAe,EACvD,CAAC,CACAN,IAAI,CAAE,IAAK,CAAC;MACdO,MAAM,IAAI,KAAK;IAChB,CAAE,CAAC;EACJ;EACA,OAAOA,MAAM;AACd;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASW,iBAAiBA,CAAEC,MAAM,EAAG;EAC3C,MAAM;IAAEC,WAAW;IAAEC,QAAQ;IAAEC,IAAI,GAAG;EAAU,CAAC,GAAGH,MAAM;EAC1D,MAAMI,aAAa,GAAG,CAAC,CAAC;EACxB,MAAMC,SAAS,GACd,qIAAqI;EACtI,IAAKA,SAAS,CAACC,IAAI,CAAEL,WAAY,CAAC,IAAIE,IAAI,KAAK,aAAa,EAAG;IAC9D;IACAC,aAAa,CAACG,IAAI,GAAG,IAAAC,aAAO,EAAE,IAAAC,QAAE,EAAE,aAAc,CAAC,EAAER,WAAY,CAAC;EACjE;EACA,IAAKI,SAAS,CAACC,IAAI,CAAEJ,QAAS,CAAC,EAAG;IACjC;IACAE,aAAa,CAACM,IAAI,GAAG,IAAAF,aAAO,EAAE,IAAAC,QAAE,EAAE,aAAc,CAAC,EAAEP,QAAS,CAAC;EAC9D;EACA,OAAOE,aAAa;AACrB","ignoreList":[]}