npm - @wordpress/edit-site - Versions diffs - 6.14.0 → 6.15.1 - Mend

@wordpress/edit-site 6.14.0 → 6.15.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (126) hide show

package/build/components/global-styles/font-sizes/font-sizes.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_blockEditor","require","_i18n","_components","_icons","_element","_lockUnlock","_subtitle","_interopRequireDefault","_navigationButton","_utils","_header","_confirmResetFontSizesDialog","_jsxRuntime","Menu","unlock","componentsPrivateApis","useGlobalSetting","blockEditorPrivateApis","FontSizeGroup","label","origin","sizes","handleAddFontSize","handleResetFontSizes","isResetDialogOpen","setIsResetDialogOpen","useState","toggleResetDialog","resetDialogText","__","jsxs","Fragment","children","jsx","default","text","confirmButtonText","isOpen","toggleOpen","onConfirm","__experimentalVStack","spacing","__experimentalHStack","justify","align","level","FlexItem","Button","icon","plus","size","onClick","trigger","moreVertical","Item","ItemLabel","length","__experimentalItemGroup","isBordered","isSeparated","map","NavigationButtonAsItem","path","slug","direction","className","name","FlexBlock","Icon","isRTL","chevronLeft","chevronRight","FontSizes","themeFontSizes","setThemeFontSizes","baseThemeFontSizes","defaultFontSizes","setDefaultFontSizes","baseDefaultFontSizes","customFontSizes","setCustomFontSizes","defaultFontSizesEnabled","index","getNewIndexFromPresets","newFontSize","sprintf","hasSameSizeValues","arr1","arr2","item","join","title","description","__experimentalView","__experimentalSpacer","paddingX","baseSizes","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/font-sizes/font-sizes.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { __, sprintf, isRTL } from '@wordpress/i18n';\nimport {\n\tprivateApis as componentsPrivateApis,\n\t__experimentalSpacer as Spacer,\n\t__experimentalView as View,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\tFlexItem,\n\tFlexBlock,\n\tButton,\n} from '@wordpress/components';\nimport {\n\tIcon,\n\tplus,\n\tmoreVertical,\n\tchevronLeft,\n\tchevronRight,\n} from '@wordpress/icons';\nimport { useState } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport { unlock } from '../../../lock-unlock';\nconst { Menu } = unlock( componentsPrivateApis );\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\nimport Subtitle from '../subtitle';\nimport { NavigationButtonAsItem } from '../navigation-button';\nimport { getNewIndexFromPresets } from '../utils';\nimport ScreenHeader from '../header';\nimport ConfirmResetFontSizesDialog from './confirm-reset-font-sizes-dialog';\n\nfunction FontSizeGroup( {\n\tlabel,\n\torigin,\n\tsizes,\n\thandleAddFontSize,\n\thandleResetFontSizes,\n} ) {\n\tconst [ isResetDialogOpen, setIsResetDialogOpen ] = useState( false );\n\n\tconst toggleResetDialog = () => setIsResetDialogOpen( ! isResetDialogOpen );\n\n\tconst resetDialogText =\n\t\torigin === 'custom'\n\t\t\t? __(\n\t\t\t\t\t'Are you sure you want to remove all custom font size presets?'\n\t\t\t )\n\t\t\t: __(\n\t\t\t\t\t'Are you sure you want to reset all font size presets to their default values?'\n\t\t\t );\n\n\treturn (\n\t\t<>\n\t\t\t{ isResetDialogOpen && (\n\t\t\t\t<ConfirmResetFontSizesDialog\n\t\t\t\t\ttext={ resetDialogText }\n\t\t\t\t\tconfirmButtonText={\n\t\t\t\t\t\torigin === 'custom' ? __( 'Remove' ) : __( 'Reset' )\n\t\t\t\t\t}\n\t\t\t\t\tisOpen={ isResetDialogOpen }\n\t\t\t\t\ttoggleOpen={ toggleResetDialog }\n\t\t\t\t\tonConfirm={ handleResetFontSizes }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t<HStack justify=\"space-between\" align=\"center\">\n\t\t\t\t\t<Subtitle level={ 3 }>{ label }</Subtitle>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t{ origin === 'custom' && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tlabel={ __( 'Add font size' ) }\n\t\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\tonClick={ handleAddFontSize }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ !! handleResetFontSizes && (\n\t\t\t\t\t\t\t<Menu\n\t\t\t\t\t\t\t\ttrigger={\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\t\t\tlabel={ __(\n\t\t\t\t\t\t\t\t\t\t\t'Font size presets options'\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Menu.Item onClick={ toggleResetDialog }>\n\t\t\t\t\t\t\t\t\t<Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t\t{ origin === 'custom'\n\t\t\t\t\t\t\t\t\t\t\t? __( 'Remove font size presets' )\n\t\t\t\t\t\t\t\t\t\t\t: __( 'Reset font size presets' ) }\n\t\t\t\t\t\t\t\t\t</Menu.ItemLabel>\n\t\t\t\t\t\t\t\t</Menu.Item>\n\t\t\t\t\t\t\t</Menu>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</FlexItem>\n\t\t\t\t</HStack>\n\n\t\t\t\t{ !! sizes.length && (\n\t\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t\t{ sizes.map( ( size ) => (\n\t\t\t\t\t\t\t<NavigationButtonAsItem\n\t\t\t\t\t\t\t\tkey={ size.slug }\n\t\t\t\t\t\t\t\tpath={ `/typography/font-sizes/${ origin }/${ size.slug }` }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<HStack direction=\"row\">\n\t\t\t\t\t\t\t\t\t<FlexItem className=\"edit-site-font-size__item\">\n\t\t\t\t\t\t\t\t\t\t{ size.name }\n\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t\t<HStack justify=\"flex-end\">\n\t\t\t\t\t\t\t\t\t\t\t<FlexBlock className=\"edit-site-font-size__item edit-site-font-size__item-value\">\n\t\t\t\t\t\t\t\t\t\t\t\t{ size.size }\n\t\t\t\t\t\t\t\t\t\t\t</FlexBlock>\n\t\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\t\t\tisRTL()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? chevronLeft\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: chevronRight\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</ItemGroup>\n\t\t\t\t) }\n\t\t\t</VStack>\n\t\t</>\n\t);\n}\n\nfunction FontSizes() {\n\tconst [ themeFontSizes, setThemeFontSizes ] = useGlobalSetting(\n\t\t'typography.fontSizes.theme'\n\t);\n\n\tconst [ baseThemeFontSizes ] = useGlobalSetting(\n\t\t'typography.fontSizes.theme',\n\t\tnull,\n\t\t'base'\n\t);\n\tconst [ defaultFontSizes, setDefaultFontSizes ] = useGlobalSetting(\n\t\t'typography.fontSizes.default'\n\t);\n\n\tconst [ baseDefaultFontSizes ] = useGlobalSetting(\n\t\t'typography.fontSizes.default',\n\t\tnull,\n\t\t'base'\n\t);\n\n\tconst [ customFontSizes = [], setCustomFontSizes ] = useGlobalSetting(\n\t\t'typography.fontSizes.custom'\n\t);\n\n\tconst [ defaultFontSizesEnabled ] = useGlobalSetting(\n\t\t'typography.defaultFontSizes'\n\t);\n\n\tconst handleAddFontSize = () => {\n\t\tconst index = getNewIndexFromPresets( customFontSizes, 'custom-' );\n\t\tconst newFontSize = {\n\t\t\t/ translators: %d: font size index */\n\t\t\tname: sprintf( __( 'New Font Size %d' ), index ),\n\t\t\tsize: '16px',\n\t\t\tslug: `custom-${ index }`,\n\t\t};\n\n\t\tsetCustomFontSizes( [ ...customFontSizes, newFontSize ] );\n\t};\n\n\tconst hasSameSizeValues = ( arr1, arr2 ) =>\n\t\tarr1.map( ( item ) => item.size ).join( '' ) ===\n\t\tarr2.map( ( item ) => item.size ).join( '' );\n\n\treturn (\n\t\t<VStack spacing={ 2 }>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Font size presets' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Create and edit the presets used for font sizes across the site.'\n\t\t\t\t) }\n\t\t\t/>\n\n\t\t\t<View>\n\t\t\t\t<Spacer paddingX={ 4 }>\n\t\t\t\t\t<VStack spacing={ 8 }>\n\t\t\t\t\t\t{ !! themeFontSizes?.length && (\n\t\t\t\t\t\t\t<FontSizeGroup\n\t\t\t\t\t\t\t\tlabel={ __( 'Theme' ) }\n\t\t\t\t\t\t\t\torigin=\"theme\"\n\t\t\t\t\t\t\t\tsizes={ themeFontSizes }\n\t\t\t\t\t\t\t\tbaseSizes={ baseThemeFontSizes }\n\t\t\t\t\t\t\t\thandleAddFontSize={ handleAddFontSize }\n\t\t\t\t\t\t\t\thandleResetFontSizes={\n\t\t\t\t\t\t\t\t\thasSameSizeValues(\n\t\t\t\t\t\t\t\t\t\tthemeFontSizes,\n\t\t\t\t\t\t\t\t\t\tbaseThemeFontSizes\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t? null\n\t\t\t\t\t\t\t\t\t\t: () =>\n\t\t\t\t\t\t\t\t\t\t\t\tsetThemeFontSizes(\n\t\t\t\t\t\t\t\t\t\t\t\t\tbaseThemeFontSizes\n\t\t\t\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\n\t\t\t\t\t\t{ defaultFontSizesEnabled &&\n\t\t\t\t\t\t\t!! defaultFontSizes?.length && (\n\t\t\t\t\t\t\t\t<FontSizeGroup\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Default' ) }\n\t\t\t\t\t\t\t\t\torigin=\"default\"\n\t\t\t\t\t\t\t\t\tsizes={ defaultFontSizes }\n\t\t\t\t\t\t\t\t\tbaseSizes={ baseDefaultFontSizes }\n\t\t\t\t\t\t\t\t\thandleAddFontSize={ handleAddFontSize }\n\t\t\t\t\t\t\t\t\thandleResetFontSizes={\n\t\t\t\t\t\t\t\t\t\thasSameSizeValues(\n\t\t\t\t\t\t\t\t\t\t\tdefaultFontSizes,\n\t\t\t\t\t\t\t\t\t\t\tbaseDefaultFontSizes\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t? null\n\t\t\t\t\t\t\t\t\t\t\t: () =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetDefaultFontSizes(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbaseDefaultFontSizes\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\n\t\t\t\t\t\t<FontSizeGroup\n\t\t\t\t\t\t\tlabel={ __( 'Custom' ) }\n\t\t\t\t\t\t\torigin=\"custom\"\n\t\t\t\t\t\t\tsizes={ customFontSizes }\n\t\t\t\t\t\t\thandleAddFontSize={ handleAddFontSize }\n\t\t\t\t\t\t\thandleResetFontSizes={\n\t\t\t\t\t\t\t\tcustomFontSizes.length > 0\n\t\t\t\t\t\t\t\t\t? () => setCustomFontSizes( [] )\n\t\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</VStack>\n\t\t\t\t</Spacer>\n\t\t\t</View>\n\t\t</VStack>\n\t);\n}\n\nexport default FontSizes;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_blockEditor","require","_i18n","_components","_icons","_element","_lockUnlock","_subtitle","_interopRequireDefault","_navigationButton","_utils","_header","_confirmResetFontSizesDialog","_jsxRuntime","Menu","unlock","componentsPrivateApis","useGlobalSetting","blockEditorPrivateApis","FontSizeGroup","label","origin","sizes","handleAddFontSize","handleResetFontSizes","isResetDialogOpen","setIsResetDialogOpen","useState","toggleResetDialog","resetDialogText","__","jsxs","Fragment","children","jsx","default","text","confirmButtonText","isOpen","toggleOpen","onConfirm","__experimentalVStack","spacing","__experimentalHStack","justify","align","level","FlexItem","Button","icon","plus","size","onClick","TriggerButton","render","moreVertical","Popover","Item","ItemLabel","length","__experimentalItemGroup","isBordered","isSeparated","map","NavigationButtonAsItem","path","slug","className","name","display","Icon","isRTL","chevronLeft","chevronRight","FontSizes","themeFontSizes","setThemeFontSizes","baseThemeFontSizes","defaultFontSizes","setDefaultFontSizes","baseDefaultFontSizes","customFontSizes","setCustomFontSizes","defaultFontSizesEnabled","index","getNewIndexFromPresets","newFontSize","sprintf","hasSameSizeValues","arr1","arr2","item","join","title","description","__experimentalView","__experimentalSpacer","paddingX","baseSizes","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/font-sizes/font-sizes.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { __, sprintf, isRTL } from '@wordpress/i18n';\nimport {\n\tprivateApis as componentsPrivateApis,\n\t__experimentalSpacer as Spacer,\n\t__experimentalView as View,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\tFlexItem,\n\tButton,\n} from '@wordpress/components';\nimport {\n\tIcon,\n\tplus,\n\tmoreVertical,\n\tchevronLeft,\n\tchevronRight,\n} from '@wordpress/icons';\nimport { useState } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport { unlock } from '../../../lock-unlock';\nimport Subtitle from '../subtitle';\nimport { NavigationButtonAsItem } from '../navigation-button';\nimport { getNewIndexFromPresets } from '../utils';\nimport ScreenHeader from '../header';\nimport ConfirmResetFontSizesDialog from './confirm-reset-font-sizes-dialog';\n\nconst { Menu } = unlock( componentsPrivateApis );\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\n\nfunction FontSizeGroup( {\n\tlabel,\n\torigin,\n\tsizes,\n\thandleAddFontSize,\n\thandleResetFontSizes,\n} ) {\n\tconst [ isResetDialogOpen, setIsResetDialogOpen ] = useState( false );\n\n\tconst toggleResetDialog = () => setIsResetDialogOpen( ! isResetDialogOpen );\n\n\tconst resetDialogText =\n\t\torigin === 'custom'\n\t\t\t? __(\n\t\t\t\t\t'Are you sure you want to remove all custom font size presets?'\n\t\t\t )\n\t\t\t: __(\n\t\t\t\t\t'Are you sure you want to reset all font size presets to their default values?'\n\t\t\t );\n\n\treturn (\n\t\t<>\n\t\t\t{ isResetDialogOpen && (\n\t\t\t\t<ConfirmResetFontSizesDialog\n\t\t\t\t\ttext={ resetDialogText }\n\t\t\t\t\tconfirmButtonText={\n\t\t\t\t\t\torigin === 'custom' ? __( 'Remove' ) : __( 'Reset' )\n\t\t\t\t\t}\n\t\t\t\t\tisOpen={ isResetDialogOpen }\n\t\t\t\t\ttoggleOpen={ toggleResetDialog }\n\t\t\t\t\tonConfirm={ handleResetFontSizes }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t<HStack justify=\"space-between\" align=\"center\">\n\t\t\t\t\t<Subtitle level={ 3 }>{ label }</Subtitle>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t{ origin === 'custom' && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tlabel={ __( 'Add font size' ) }\n\t\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\tonClick={ handleAddFontSize }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ !! handleResetFontSizes && (\n\t\t\t\t\t\t\t<Menu>\n\t\t\t\t\t\t\t\t<Menu.TriggerButton\n\t\t\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\t\t\t\tlabel={ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Font size presets options'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<Menu.Popover>\n\t\t\t\t\t\t\t\t\t<Menu.Item onClick={ toggleResetDialog }>\n\t\t\t\t\t\t\t\t\t\t<Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t\t\t{ origin === 'custom'\n\t\t\t\t\t\t\t\t\t\t\t\t? __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'Remove font size presets'\n\t\t\t\t\t\t\t\t\t\t\t\t )\n\t\t\t\t\t\t\t\t\t\t\t\t: __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'Reset font size presets'\n\t\t\t\t\t\t\t\t\t\t\t\t ) }\n\t\t\t\t\t\t\t\t\t\t</Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t</Menu.Item>\n\t\t\t\t\t\t\t\t</Menu.Popover>\n\t\t\t\t\t\t\t</Menu>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</FlexItem>\n\t\t\t\t</HStack>\n\n\t\t\t\t{ !! sizes.length && (\n\t\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t\t{ sizes.map( ( size ) => (\n\t\t\t\t\t\t\t<NavigationButtonAsItem\n\t\t\t\t\t\t\t\tkey={ size.slug }\n\t\t\t\t\t\t\t\tpath={ `/typography/font-sizes/${ origin }/${ size.slug }` }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<HStack>\n\t\t\t\t\t\t\t\t\t<FlexItem className=\"edit-site-font-size__item\">\n\t\t\t\t\t\t\t\t\t\t{ size.name }\n\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t<FlexItem display=\"flex\">\n\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\t\tisRTL()\n\t\t\t\t\t\t\t\t\t\t\t\t\t? chevronLeft\n\t\t\t\t\t\t\t\t\t\t\t\t\t: chevronRight\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</ItemGroup>\n\t\t\t\t) }\n\t\t\t</VStack>\n\t\t</>\n\t);\n}\n\nfunction FontSizes() {\n\tconst [ themeFontSizes, setThemeFontSizes ] = useGlobalSetting(\n\t\t'typography.fontSizes.theme'\n\t);\n\n\tconst [ baseThemeFontSizes ] = useGlobalSetting(\n\t\t'typography.fontSizes.theme',\n\t\tnull,\n\t\t'base'\n\t);\n\tconst [ defaultFontSizes, setDefaultFontSizes ] = useGlobalSetting(\n\t\t'typography.fontSizes.default'\n\t);\n\n\tconst [ baseDefaultFontSizes ] = useGlobalSetting(\n\t\t'typography.fontSizes.default',\n\t\tnull,\n\t\t'base'\n\t);\n\n\tconst [ customFontSizes = [], setCustomFontSizes ] = useGlobalSetting(\n\t\t'typography.fontSizes.custom'\n\t);\n\n\tconst [ defaultFontSizesEnabled ] = useGlobalSetting(\n\t\t'typography.defaultFontSizes'\n\t);\n\n\tconst handleAddFontSize = () => {\n\t\tconst index = getNewIndexFromPresets( customFontSizes, 'custom-' );\n\t\tconst newFontSize = {\n\t\t\t/ translators: %d: font size index */\n\t\t\tname: sprintf( __( 'New Font Size %d' ), index ),\n\t\t\tsize: '16px',\n\t\t\tslug: `custom-${ index }`,\n\t\t};\n\n\t\tsetCustomFontSizes( [ ...customFontSizes, newFontSize ] );\n\t};\n\n\tconst hasSameSizeValues = ( arr1, arr2 ) =>\n\t\tarr1.map( ( item ) => item.size ).join( '' ) ===\n\t\tarr2.map( ( item ) => item.size ).join( '' );\n\n\treturn (\n\t\t<VStack spacing={ 2 }>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Font size presets' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Create and edit the presets used for font sizes across the site.'\n\t\t\t\t) }\n\t\t\t/>\n\n\t\t\t<View>\n\t\t\t\t<Spacer paddingX={ 4 }>\n\t\t\t\t\t<VStack spacing={ 8 }>\n\t\t\t\t\t\t{ !! themeFontSizes?.length && (\n\t\t\t\t\t\t\t<FontSizeGroup\n\t\t\t\t\t\t\t\tlabel={ __( 'Theme' ) }\n\t\t\t\t\t\t\t\torigin=\"theme\"\n\t\t\t\t\t\t\t\tsizes={ themeFontSizes }\n\t\t\t\t\t\t\t\tbaseSizes={ baseThemeFontSizes }\n\t\t\t\t\t\t\t\thandleAddFontSize={ handleAddFontSize }\n\t\t\t\t\t\t\t\thandleResetFontSizes={\n\t\t\t\t\t\t\t\t\thasSameSizeValues(\n\t\t\t\t\t\t\t\t\t\tthemeFontSizes,\n\t\t\t\t\t\t\t\t\t\tbaseThemeFontSizes\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t? null\n\t\t\t\t\t\t\t\t\t\t: () =>\n\t\t\t\t\t\t\t\t\t\t\t\tsetThemeFontSizes(\n\t\t\t\t\t\t\t\t\t\t\t\t\tbaseThemeFontSizes\n\t\t\t\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\n\t\t\t\t\t\t{ defaultFontSizesEnabled &&\n\t\t\t\t\t\t\t!! defaultFontSizes?.length && (\n\t\t\t\t\t\t\t\t<FontSizeGroup\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Default' ) }\n\t\t\t\t\t\t\t\t\torigin=\"default\"\n\t\t\t\t\t\t\t\t\tsizes={ defaultFontSizes }\n\t\t\t\t\t\t\t\t\tbaseSizes={ baseDefaultFontSizes }\n\t\t\t\t\t\t\t\t\thandleAddFontSize={ handleAddFontSize }\n\t\t\t\t\t\t\t\t\thandleResetFontSizes={\n\t\t\t\t\t\t\t\t\t\thasSameSizeValues(\n\t\t\t\t\t\t\t\t\t\t\tdefaultFontSizes,\n\t\t\t\t\t\t\t\t\t\t\tbaseDefaultFontSizes\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t? null\n\t\t\t\t\t\t\t\t\t\t\t: () =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetDefaultFontSizes(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbaseDefaultFontSizes\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\n\t\t\t\t\t\t<FontSizeGroup\n\t\t\t\t\t\t\tlabel={ __( 'Custom' ) }\n\t\t\t\t\t\t\torigin=\"custom\"\n\t\t\t\t\t\t\tsizes={ customFontSizes }\n\t\t\t\t\t\t\thandleAddFontSize={ handleAddFontSize }\n\t\t\t\t\t\t\thandleResetFontSizes={\n\t\t\t\t\t\t\t\tcustomFontSizes.length > 0\n\t\t\t\t\t\t\t\t\t? () => setCustomFontSizes( [] )\n\t\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</VStack>\n\t\t\t\t</Spacer>\n\t\t\t</View>\n\t\t</VStack>\n\t);\n}\n\nexport default FontSizes;\n"],"mappings":"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","ignoreList":[]}

package/build/components/global-styles/screen-block.js CHANGED Viewed

@@ -104,7 +104,7 @@ function ScreenBlock({
   // Only allow `blockGap` support if serialization has not been skipped, to be sure global spacing can be applied.
   let disableBlockGap = false;
-  if (settingsForBlockElement?.spacing?.blockGap && blockType?.supports?.spacing?.blockGap && (blockType?.supports?.spacing?.skipSerialization === true || blockType?.supports?.spacing?.skipSerialization?.some?.(spacingType => spacingType === 'blockGap'))) {
+  if (settingsForBlockElement?.spacing?.blockGap && blockType?.supports?.spacing?.blockGap && (blockType?.supports?.spacing?.__experimentalSkipSerialization === true || blockType?.supports?.spacing?.__experimentalSkipSerialization?.some?.(spacingType => spacingType === 'blockGap'))) {
     disableBlockGap = true;
   }

package/build/components/global-styles/screen-block.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_blocks","require","_blockEditor","_element","_data","_coreData","_components","_i18n","_header","_interopRequireDefault","_blockPreviewPanel","_lockUnlock","_subtitle","_variationsPanel","_jsxRuntime","BACKGROUND_BLOCK_DEFAULT_VALUES","backgroundSize","backgroundPosition","applyFallbackStyle","border","hasColorOrWidth","color","width","style","undefined","applyAllFallbackStyles","hasSplitBorders","top","right","bottom","left","useHasDimensionsPanel","useHasTypographyPanel","useHasBorderPanel","useGlobalSetting","useSettingsForBlockElement","useHasColorPanel","useHasFiltersPanel","useHasImageSettingsPanel","useGlobalStyle","useHasBackgroundPanel","BackgroundPanel","StylesBackgroundPanel","BorderPanel","StylesBorderPanel","ColorPanel","StylesColorPanel","TypographyPanel","StylesTypographyPanel","DimensionsPanel","StylesDimensionsPanel","FiltersPanel","StylesFiltersPanel","ImageSettingsPanel","AdvancedPanel","StylesAdvancedPanel","unlock","blockEditorPrivateApis","ScreenBlock","name","variation","prefixParts","concat","prefix","join","shouldDecodeEncode","inheritedStyle","setStyle","userSettings","rawSettings","setSettings","settingsForBlockElement","blockType","getBlockType","disableBlockGap","spacing","blockGap","supports","skipSerialization","some","spacingType","disableAspectRatio","dimensions","aspectRatio","settings","useMemo","updatedSettings","structuredClone","blockVariations","useBlockVariations","hasBackgroundPanel","hasTypographyPanel","hasColorPanel","hasBorderPanel","hasDimensionsPanel","hasFiltersPanel","hasImageSettingsPanel","hasVariationsPanel","length","canEditCSS","useSelect","select","getEntityRecord","__experimentalGetCurrentGlobalStylesId","coreStore","globalStylesId","globalStyles","_links","currentBlockStyle","find","s","inheritedStyleWithLayout","layout","styleWithLayout","onChangeDimensions","newStyle","updatedStyle","onChangeLightbox","newSetting","lightbox","onChangeBorders","radius","newBorder","updatedBorder","jsxs","Fragment","children","jsx","default","title","label","className","__experimentalVStack","__","VariationsPanel","inheritedValue","value","onChange","defaultValues","includeLayoutControls","PanelBody","initialOpen","sprintf","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-block.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { getBlockType } from '@wordpress/blocks';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useMemo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport {\n\tPanelBody,\n\t__experimentalVStack as VStack,\n\t__experimentalHasSplitBorders as hasSplitBorders,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/\n Internal dependencies\n */\nimport ScreenHeader from './header';\nimport BlockPreviewPanel from './block-preview-panel';\nimport { unlock } from '../../lock-unlock';\nimport Subtitle from './subtitle';\nimport {\n\tuseBlockVariations,\n\tVariationsPanel,\n} from './variations/variations-panel';\n\n// Initial control values.\nconst BACKGROUND_BLOCK_DEFAULT_VALUES = {\n\tbackgroundSize: 'cover',\n\tbackgroundPosition: '50% 50%', // used only when backgroundSize is 'contain'.\n};\n\nfunction applyFallbackStyle( border ) {\n\tif ( ! border ) {\n\t\treturn border;\n\t}\n\n\tconst hasColorOrWidth = border.color \|\| border.width;\n\n\tif ( ! border.style && hasColorOrWidth ) {\n\t\treturn { ...border, style: 'solid' };\n\t}\n\n\tif ( border.style && ! hasColorOrWidth ) {\n\t\treturn undefined;\n\t}\n\n\treturn border;\n}\n\nfunction applyAllFallbackStyles( border ) {\n\tif ( ! border ) {\n\t\treturn border;\n\t}\n\n\tif ( hasSplitBorders( border ) ) {\n\t\treturn {\n\t\t\ttop: applyFallbackStyle( border.top ),\n\t\t\tright: applyFallbackStyle( border.right ),\n\t\t\tbottom: applyFallbackStyle( border.bottom ),\n\t\t\tleft: applyFallbackStyle( border.left ),\n\t\t};\n\t}\n\n\treturn applyFallbackStyle( border );\n}\n\nconst {\n\tuseHasDimensionsPanel,\n\tuseHasTypographyPanel,\n\tuseHasBorderPanel,\n\tuseGlobalSetting,\n\tuseSettingsForBlockElement,\n\tuseHasColorPanel,\n\tuseHasFiltersPanel,\n\tuseHasImageSettingsPanel,\n\tuseGlobalStyle,\n\tuseHasBackgroundPanel,\n\tBackgroundPanel: StylesBackgroundPanel,\n\tBorderPanel: StylesBorderPanel,\n\tColorPanel: StylesColorPanel,\n\tTypographyPanel: StylesTypographyPanel,\n\tDimensionsPanel: StylesDimensionsPanel,\n\tFiltersPanel: StylesFiltersPanel,\n\tImageSettingsPanel,\n\tAdvancedPanel: StylesAdvancedPanel,\n} = unlock( blockEditorPrivateApis );\n\nfunction ScreenBlock( { name, variation } ) {\n\tlet prefixParts = [];\n\tif ( variation ) {\n\t\tprefixParts = [ 'variations', variation ].concat( prefixParts );\n\t}\n\tconst prefix = prefixParts.join( '.' );\n\n\tconst [ style ] = useGlobalStyle( prefix, name, 'user', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ inheritedStyle, setStyle ] = useGlobalStyle( prefix, name, 'all', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ userSettings ] = useGlobalSetting( '', name, 'user' );\n\tconst [ rawSettings, setSettings ] = useGlobalSetting( '', name );\n\tconst settingsForBlockElement = useSettingsForBlockElement(\n\t\trawSettings,\n\t\tname\n\t);\n\tconst blockType = getBlockType( name );\n\n\t// Only allow `blockGap` support if serialization has not been skipped, to be sure global spacing can be applied.\n\tlet disableBlockGap = false;\n\tif (\n\t\tsettingsForBlockElement?.spacing?.blockGap &&\n\t\tblockType?.supports?.spacing?.blockGap &&\n\t\t( blockType?.supports?.spacing?.skipSerialization === true \|\|\n\t\t\tblockType?.supports?.spacing?.skipSerialization?.some?.(\n\t\t\t\t( spacingType ) => spacingType === 'blockGap'\n\t\t\t) )\n\t) {\n\t\tdisableBlockGap = true;\n\t}\n\n\t// Only allow `aspectRatio` support if the block is not the grouping block.\n\t// The grouping block allows the user to use Group, Row and Stack variations,\n\t// and it is highly likely that the user will not want to set an aspect ratio\n\t// for all three at once. Until there is the ability to set a different aspect\n\t// ratio for each variation, we disable the aspect ratio controls for the\n\t// grouping block in global styles.\n\tlet disableAspectRatio = false;\n\tif (\n\t\tsettingsForBlockElement?.dimensions?.aspectRatio &&\n\t\tname === 'core/group'\n\t) {\n\t\tdisableAspectRatio = true;\n\t}\n\n\tconst settings = useMemo( () => {\n\t\tconst updatedSettings = structuredClone( settingsForBlockElement );\n\t\tif ( disableBlockGap ) {\n\t\t\tupdatedSettings.spacing.blockGap = false;\n\t\t}\n\t\tif ( disableAspectRatio ) {\n\t\t\tupdatedSettings.dimensions.aspectRatio = false;\n\t\t}\n\t\treturn updatedSettings;\n\t}, [ settingsForBlockElement, disableBlockGap, disableAspectRatio ] );\n\n\tconst blockVariations = useBlockVariations( name );\n\tconst hasBackgroundPanel = useHasBackgroundPanel( settings );\n\tconst hasTypographyPanel = useHasTypographyPanel( settings );\n\tconst hasColorPanel = useHasColorPanel( settings );\n\tconst hasBorderPanel = useHasBorderPanel( settings );\n\tconst hasDimensionsPanel = useHasDimensionsPanel( settings );\n\tconst hasFiltersPanel = useHasFiltersPanel( settings );\n\tconst hasImageSettingsPanel = useHasImageSettingsPanel(\n\t\tname,\n\t\tuserSettings,\n\t\tsettings\n\t);\n\tconst hasVariationsPanel = !! blockVariations?.length && ! variation;\n\tconst { canEditCSS } = useSelect( ( select ) => {\n\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\tselect( coreStore );\n\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\n\t\treturn {\n\t\t\tcanEditCSS: !! globalStyles?._links?.[ 'wp:action-edit-css' ],\n\t\t};\n\t}, [] );\n\tconst currentBlockStyle = variation\n\t\t? blockVariations.find( ( s ) => s.name === variation )\n\t\t: null;\n\n\t// These intermediary objects are needed because the \"layout\" property is stored\n\t// in settings rather than styles.\n\tconst inheritedStyleWithLayout = useMemo( () => {\n\t\treturn {\n\t\t\t...inheritedStyle,\n\t\t\tlayout: settings.layout,\n\t\t};\n\t}, [ inheritedStyle, settings.layout ] );\n\tconst styleWithLayout = useMemo( () => {\n\t\treturn {\n\t\t\t...style,\n\t\t\tlayout: userSettings.layout,\n\t\t};\n\t}, [ style, userSettings.layout ] );\n\tconst onChangeDimensions = ( newStyle ) => {\n\t\tconst updatedStyle = { ...newStyle };\n\t\tdelete updatedStyle.layout;\n\t\tsetStyle( updatedStyle );\n\n\t\tif ( newStyle.layout !== userSettings.layout ) {\n\t\t\tsetSettings( {\n\t\t\t\t...userSettings,\n\t\t\t\tlayout: newStyle.layout,\n\t\t\t} );\n\t\t}\n\t};\n\tconst onChangeLightbox = ( newSetting ) => {\n\t\t// If the newSetting is undefined, this means that the user has deselected\n\t\t// (reset) the lightbox setting.\n\t\tif ( newSetting === undefined ) {\n\t\t\tsetSettings( {\n\t\t\t\t...rawSettings,\n\t\t\t\tlightbox: undefined,\n\t\t\t} );\n\n\t\t\t// Otherwise, we simply set the lightbox setting to the new value but\n\t\t\t// taking care of not overriding the other lightbox settings.\n\t\t} else {\n\t\t\tsetSettings( {\n\t\t\t\t...rawSettings,\n\t\t\t\tlightbox: {\n\t\t\t\t\t...rawSettings.lightbox,\n\t\t\t\t\t...newSetting,\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\t};\n\tconst onChangeBorders = ( newStyle ) => {\n\t\tif ( ! newStyle?.border ) {\n\t\t\tsetStyle( newStyle );\n\t\t\treturn;\n\t\t}\n\n\t\t// As Global Styles can't conditionally generate styles based on if\n\t\t// other style properties have been set, we need to force split\n\t\t// border definitions for user set global border styles. Border\n\t\t// radius is derived from the same property i.e. `border.radius` if\n\t\t// it is a string that is used. The longhand border radii styles are\n\t\t// only generated if that property is an object.\n\t\t//\n\t\t// For borders (color, style, and width) those are all properties on\n\t\t// the `border` style property. This means if the theme.json defined\n\t\t// split borders and the user condenses them into a flat border or\n\t\t// vice-versa we'd get both sets of styles which would conflict.\n\t\tconst { radius, ...newBorder } = newStyle.border;\n\t\tconst border = applyAllFallbackStyles( newBorder );\n\t\tconst updatedBorder = ! hasSplitBorders( border )\n\t\t\t? {\n\t\t\t\t\ttop: border,\n\t\t\t\t\tright: border,\n\t\t\t\t\tbottom: border,\n\t\t\t\t\tleft: border,\n\t\t\t }\n\t\t\t: {\n\t\t\t\t\tcolor: null,\n\t\t\t\t\tstyle: null,\n\t\t\t\t\twidth: null,\n\t\t\t\t\t...border,\n\t\t\t };\n\n\t\tsetStyle( { ...newStyle, border: { ...updatedBorder, radius } } );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ variation ? currentBlockStyle?.label : blockType.title }\n\t\t\t/>\n\t\t\t<BlockPreviewPanel name={ name } variation={ variation } />\n\t\t\t{ hasVariationsPanel && (\n\t\t\t\t<div className=\"edit-site-global-styles-screen-variations\">\n\t\t\t\t\t<VStack spacing={ 3 }>\n\t\t\t\t\t\t<Subtitle>{ __( 'Style Variations' ) }</Subtitle>\n\t\t\t\t\t\t<VariationsPanel name={ name } />\n\t\t\t\t\t</VStack>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t{ hasColorPanel && (\n\t\t\t\t<StylesColorPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasBackgroundPanel && (\n\t\t\t\t<StylesBackgroundPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t\tdefaultValues={ BACKGROUND_BLOCK_DEFAULT_VALUES }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasTypographyPanel && (\n\t\t\t\t<StylesTypographyPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasDimensionsPanel && (\n\t\t\t\t<StylesDimensionsPanel\n\t\t\t\t\tinheritedValue={ inheritedStyleWithLayout }\n\t\t\t\t\tvalue={ styleWithLayout }\n\t\t\t\t\tonChange={ onChangeDimensions }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t\tincludeLayoutControls\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasBorderPanel && (\n\t\t\t\t<StylesBorderPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ onChangeBorders }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasFiltersPanel && (\n\t\t\t\t<StylesFiltersPanel\n\t\t\t\t\tinheritedValue={ inheritedStyleWithLayout }\n\t\t\t\t\tvalue={ styleWithLayout }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t\tincludeLayoutControls\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasImageSettingsPanel && (\n\t\t\t\t<ImageSettingsPanel\n\t\t\t\t\tonChange={ onChangeLightbox }\n\t\t\t\t\tvalue={ userSettings }\n\t\t\t\t\tinheritedValue={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t{ canEditCSS && (\n\t\t\t\t<PanelBody title={ __( 'Advanced' ) } initialOpen={ false }>\n\t\t\t\t\t<p>\n\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t// translators: %s: is the name of a block e.g., 'Image' or 'Table'.\n\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t'Add your own CSS to customize the appearance of the %s block. You do not need to include a CSS selector, just add the property and value.'\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tblockType?.title\n\t\t\t\t\t\t) }\n\t\t\t\t\t</p>\n\t\t\t\t\t<StylesAdvancedPanel\n\t\t\t\t\t\tvalue={ style }\n\t\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default ScreenBlock;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_blocks","require","_blockEditor","_element","_data","_coreData","_components","_i18n","_header","_interopRequireDefault","_blockPreviewPanel","_lockUnlock","_subtitle","_variationsPanel","_jsxRuntime","BACKGROUND_BLOCK_DEFAULT_VALUES","backgroundSize","backgroundPosition","applyFallbackStyle","border","hasColorOrWidth","color","width","style","undefined","applyAllFallbackStyles","hasSplitBorders","top","right","bottom","left","useHasDimensionsPanel","useHasTypographyPanel","useHasBorderPanel","useGlobalSetting","useSettingsForBlockElement","useHasColorPanel","useHasFiltersPanel","useHasImageSettingsPanel","useGlobalStyle","useHasBackgroundPanel","BackgroundPanel","StylesBackgroundPanel","BorderPanel","StylesBorderPanel","ColorPanel","StylesColorPanel","TypographyPanel","StylesTypographyPanel","DimensionsPanel","StylesDimensionsPanel","FiltersPanel","StylesFiltersPanel","ImageSettingsPanel","AdvancedPanel","StylesAdvancedPanel","unlock","blockEditorPrivateApis","ScreenBlock","name","variation","prefixParts","concat","prefix","join","shouldDecodeEncode","inheritedStyle","setStyle","userSettings","rawSettings","setSettings","settingsForBlockElement","blockType","getBlockType","disableBlockGap","spacing","blockGap","supports","__experimentalSkipSerialization","some","spacingType","disableAspectRatio","dimensions","aspectRatio","settings","useMemo","updatedSettings","structuredClone","blockVariations","useBlockVariations","hasBackgroundPanel","hasTypographyPanel","hasColorPanel","hasBorderPanel","hasDimensionsPanel","hasFiltersPanel","hasImageSettingsPanel","hasVariationsPanel","length","canEditCSS","useSelect","select","getEntityRecord","__experimentalGetCurrentGlobalStylesId","coreStore","globalStylesId","globalStyles","_links","currentBlockStyle","find","s","inheritedStyleWithLayout","layout","styleWithLayout","onChangeDimensions","newStyle","updatedStyle","onChangeLightbox","newSetting","lightbox","onChangeBorders","radius","newBorder","updatedBorder","jsxs","Fragment","children","jsx","default","title","label","className","__experimentalVStack","__","VariationsPanel","inheritedValue","value","onChange","defaultValues","includeLayoutControls","PanelBody","initialOpen","sprintf","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-block.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { getBlockType } from '@wordpress/blocks';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useMemo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport {\n\tPanelBody,\n\t__experimentalVStack as VStack,\n\t__experimentalHasSplitBorders as hasSplitBorders,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/\n Internal dependencies\n */\nimport ScreenHeader from './header';\nimport BlockPreviewPanel from './block-preview-panel';\nimport { unlock } from '../../lock-unlock';\nimport Subtitle from './subtitle';\nimport {\n\tuseBlockVariations,\n\tVariationsPanel,\n} from './variations/variations-panel';\n\n// Initial control values.\nconst BACKGROUND_BLOCK_DEFAULT_VALUES = {\n\tbackgroundSize: 'cover',\n\tbackgroundPosition: '50% 50%', // used only when backgroundSize is 'contain'.\n};\n\nfunction applyFallbackStyle( border ) {\n\tif ( ! border ) {\n\t\treturn border;\n\t}\n\n\tconst hasColorOrWidth = border.color \|\| border.width;\n\n\tif ( ! border.style && hasColorOrWidth ) {\n\t\treturn { ...border, style: 'solid' };\n\t}\n\n\tif ( border.style && ! hasColorOrWidth ) {\n\t\treturn undefined;\n\t}\n\n\treturn border;\n}\n\nfunction applyAllFallbackStyles( border ) {\n\tif ( ! border ) {\n\t\treturn border;\n\t}\n\n\tif ( hasSplitBorders( border ) ) {\n\t\treturn {\n\t\t\ttop: applyFallbackStyle( border.top ),\n\t\t\tright: applyFallbackStyle( border.right ),\n\t\t\tbottom: applyFallbackStyle( border.bottom ),\n\t\t\tleft: applyFallbackStyle( border.left ),\n\t\t};\n\t}\n\n\treturn applyFallbackStyle( border );\n}\n\nconst {\n\tuseHasDimensionsPanel,\n\tuseHasTypographyPanel,\n\tuseHasBorderPanel,\n\tuseGlobalSetting,\n\tuseSettingsForBlockElement,\n\tuseHasColorPanel,\n\tuseHasFiltersPanel,\n\tuseHasImageSettingsPanel,\n\tuseGlobalStyle,\n\tuseHasBackgroundPanel,\n\tBackgroundPanel: StylesBackgroundPanel,\n\tBorderPanel: StylesBorderPanel,\n\tColorPanel: StylesColorPanel,\n\tTypographyPanel: StylesTypographyPanel,\n\tDimensionsPanel: StylesDimensionsPanel,\n\tFiltersPanel: StylesFiltersPanel,\n\tImageSettingsPanel,\n\tAdvancedPanel: StylesAdvancedPanel,\n} = unlock( blockEditorPrivateApis );\n\nfunction ScreenBlock( { name, variation } ) {\n\tlet prefixParts = [];\n\tif ( variation ) {\n\t\tprefixParts = [ 'variations', variation ].concat( prefixParts );\n\t}\n\tconst prefix = prefixParts.join( '.' );\n\n\tconst [ style ] = useGlobalStyle( prefix, name, 'user', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ inheritedStyle, setStyle ] = useGlobalStyle( prefix, name, 'all', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ userSettings ] = useGlobalSetting( '', name, 'user' );\n\tconst [ rawSettings, setSettings ] = useGlobalSetting( '', name );\n\tconst settingsForBlockElement = useSettingsForBlockElement(\n\t\trawSettings,\n\t\tname\n\t);\n\tconst blockType = getBlockType( name );\n\n\t// Only allow `blockGap` support if serialization has not been skipped, to be sure global spacing can be applied.\n\tlet disableBlockGap = false;\n\tif (\n\t\tsettingsForBlockElement?.spacing?.blockGap &&\n\t\tblockType?.supports?.spacing?.blockGap &&\n\t\t( blockType?.supports?.spacing?.__experimentalSkipSerialization ===\n\t\t\ttrue \|\|\n\t\t\tblockType?.supports?.spacing?.__experimentalSkipSerialization?.some?.(\n\t\t\t\t( spacingType ) => spacingType === 'blockGap'\n\t\t\t) )\n\t) {\n\t\tdisableBlockGap = true;\n\t}\n\n\t// Only allow `aspectRatio` support if the block is not the grouping block.\n\t// The grouping block allows the user to use Group, Row and Stack variations,\n\t// and it is highly likely that the user will not want to set an aspect ratio\n\t// for all three at once. Until there is the ability to set a different aspect\n\t// ratio for each variation, we disable the aspect ratio controls for the\n\t// grouping block in global styles.\n\tlet disableAspectRatio = false;\n\tif (\n\t\tsettingsForBlockElement?.dimensions?.aspectRatio &&\n\t\tname === 'core/group'\n\t) {\n\t\tdisableAspectRatio = true;\n\t}\n\n\tconst settings = useMemo( () => {\n\t\tconst updatedSettings = structuredClone( settingsForBlockElement );\n\t\tif ( disableBlockGap ) {\n\t\t\tupdatedSettings.spacing.blockGap = false;\n\t\t}\n\t\tif ( disableAspectRatio ) {\n\t\t\tupdatedSettings.dimensions.aspectRatio = false;\n\t\t}\n\t\treturn updatedSettings;\n\t}, [ settingsForBlockElement, disableBlockGap, disableAspectRatio ] );\n\n\tconst blockVariations = useBlockVariations( name );\n\tconst hasBackgroundPanel = useHasBackgroundPanel( settings );\n\tconst hasTypographyPanel = useHasTypographyPanel( settings );\n\tconst hasColorPanel = useHasColorPanel( settings );\n\tconst hasBorderPanel = useHasBorderPanel( settings );\n\tconst hasDimensionsPanel = useHasDimensionsPanel( settings );\n\tconst hasFiltersPanel = useHasFiltersPanel( settings );\n\tconst hasImageSettingsPanel = useHasImageSettingsPanel(\n\t\tname,\n\t\tuserSettings,\n\t\tsettings\n\t);\n\tconst hasVariationsPanel = !! blockVariations?.length && ! variation;\n\tconst { canEditCSS } = useSelect( ( select ) => {\n\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\tselect( coreStore );\n\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\n\t\treturn {\n\t\t\tcanEditCSS: !! globalStyles?._links?.[ 'wp:action-edit-css' ],\n\t\t};\n\t}, [] );\n\tconst currentBlockStyle = variation\n\t\t? blockVariations.find( ( s ) => s.name === variation )\n\t\t: null;\n\n\t// These intermediary objects are needed because the \"layout\" property is stored\n\t// in settings rather than styles.\n\tconst inheritedStyleWithLayout = useMemo( () => {\n\t\treturn {\n\t\t\t...inheritedStyle,\n\t\t\tlayout: settings.layout,\n\t\t};\n\t}, [ inheritedStyle, settings.layout ] );\n\tconst styleWithLayout = useMemo( () => {\n\t\treturn {\n\t\t\t...style,\n\t\t\tlayout: userSettings.layout,\n\t\t};\n\t}, [ style, userSettings.layout ] );\n\tconst onChangeDimensions = ( newStyle ) => {\n\t\tconst updatedStyle = { ...newStyle };\n\t\tdelete updatedStyle.layout;\n\t\tsetStyle( updatedStyle );\n\n\t\tif ( newStyle.layout !== userSettings.layout ) {\n\t\t\tsetSettings( {\n\t\t\t\t...userSettings,\n\t\t\t\tlayout: newStyle.layout,\n\t\t\t} );\n\t\t}\n\t};\n\tconst onChangeLightbox = ( newSetting ) => {\n\t\t// If the newSetting is undefined, this means that the user has deselected\n\t\t// (reset) the lightbox setting.\n\t\tif ( newSetting === undefined ) {\n\t\t\tsetSettings( {\n\t\t\t\t...rawSettings,\n\t\t\t\tlightbox: undefined,\n\t\t\t} );\n\n\t\t\t// Otherwise, we simply set the lightbox setting to the new value but\n\t\t\t// taking care of not overriding the other lightbox settings.\n\t\t} else {\n\t\t\tsetSettings( {\n\t\t\t\t...rawSettings,\n\t\t\t\tlightbox: {\n\t\t\t\t\t...rawSettings.lightbox,\n\t\t\t\t\t...newSetting,\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\t};\n\tconst onChangeBorders = ( newStyle ) => {\n\t\tif ( ! newStyle?.border ) {\n\t\t\tsetStyle( newStyle );\n\t\t\treturn;\n\t\t}\n\n\t\t// As Global Styles can't conditionally generate styles based on if\n\t\t// other style properties have been set, we need to force split\n\t\t// border definitions for user set global border styles. Border\n\t\t// radius is derived from the same property i.e. `border.radius` if\n\t\t// it is a string that is used. The longhand border radii styles are\n\t\t// only generated if that property is an object.\n\t\t//\n\t\t// For borders (color, style, and width) those are all properties on\n\t\t// the `border` style property. This means if the theme.json defined\n\t\t// split borders and the user condenses them into a flat border or\n\t\t// vice-versa we'd get both sets of styles which would conflict.\n\t\tconst { radius, ...newBorder } = newStyle.border;\n\t\tconst border = applyAllFallbackStyles( newBorder );\n\t\tconst updatedBorder = ! hasSplitBorders( border )\n\t\t\t? {\n\t\t\t\t\ttop: border,\n\t\t\t\t\tright: border,\n\t\t\t\t\tbottom: border,\n\t\t\t\t\tleft: border,\n\t\t\t }\n\t\t\t: {\n\t\t\t\t\tcolor: null,\n\t\t\t\t\tstyle: null,\n\t\t\t\t\twidth: null,\n\t\t\t\t\t...border,\n\t\t\t };\n\n\t\tsetStyle( { ...newStyle, border: { ...updatedBorder, radius } } );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ variation ? currentBlockStyle?.label : blockType.title }\n\t\t\t/>\n\t\t\t<BlockPreviewPanel name={ name } variation={ variation } />\n\t\t\t{ hasVariationsPanel && (\n\t\t\t\t<div className=\"edit-site-global-styles-screen-variations\">\n\t\t\t\t\t<VStack spacing={ 3 }>\n\t\t\t\t\t\t<Subtitle>{ __( 'Style Variations' ) }</Subtitle>\n\t\t\t\t\t\t<VariationsPanel name={ name } />\n\t\t\t\t\t</VStack>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t{ hasColorPanel && (\n\t\t\t\t<StylesColorPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasBackgroundPanel && (\n\t\t\t\t<StylesBackgroundPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t\tdefaultValues={ BACKGROUND_BLOCK_DEFAULT_VALUES }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasTypographyPanel && (\n\t\t\t\t<StylesTypographyPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasDimensionsPanel && (\n\t\t\t\t<StylesDimensionsPanel\n\t\t\t\t\tinheritedValue={ inheritedStyleWithLayout }\n\t\t\t\t\tvalue={ styleWithLayout }\n\t\t\t\t\tonChange={ onChangeDimensions }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t\tincludeLayoutControls\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasBorderPanel && (\n\t\t\t\t<StylesBorderPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ onChangeBorders }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasFiltersPanel && (\n\t\t\t\t<StylesFiltersPanel\n\t\t\t\t\tinheritedValue={ inheritedStyleWithLayout }\n\t\t\t\t\tvalue={ styleWithLayout }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t\tincludeLayoutControls\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasImageSettingsPanel && (\n\t\t\t\t<ImageSettingsPanel\n\t\t\t\t\tonChange={ onChangeLightbox }\n\t\t\t\t\tvalue={ userSettings }\n\t\t\t\t\tinheritedValue={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t{ canEditCSS && (\n\t\t\t\t<PanelBody title={ __( 'Advanced' ) } initialOpen={ false }>\n\t\t\t\t\t<p>\n\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t// translators: %s: is the name of a block e.g., 'Image' or 'Table'.\n\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t'Add your own CSS to customize the appearance of the %s block. You do not need to include a CSS selector, just add the property and value.'\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tblockType?.title\n\t\t\t\t\t\t) }\n\t\t\t\t\t</p>\n\t\t\t\t\t<StylesAdvancedPanel\n\t\t\t\t\t\tvalue={ style }\n\t\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default ScreenBlock;\n"],"mappings":"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","ignoreList":[]}

package/build/components/global-styles/shadows-edit-panel.js CHANGED Viewed

@@ -130,19 +130,22 @@ function ShadowsEditPanel() {
           marginTop: 2,
           marginBottom: 0,
           paddingX: 4,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Menu, {
-            trigger: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-              size: "small",
-              icon: _icons.moreVertical,
-              label: (0, _i18n.__)('Menu')
-            }),
-            children: (category === 'custom' ? customShadowMenuItems : presetShadowMenuItems).map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(Menu.Item, {
-              onClick: () => onMenuClick(item.action),
-              disabled: item.action === 'reset' && selectedShadow.shadow === baseSelectedShadow.shadow,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Menu.ItemLabel, {
-                children: item.label
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Menu, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Menu.TriggerButton, {
+              render: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+                size: "small",
+                icon: _icons.moreVertical,
+                label: (0, _i18n.__)('Menu')
               })
-            }, item.action))
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Menu.Popover, {
+              children: (category === 'custom' ? customShadowMenuItems : presetShadowMenuItems).map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(Menu.Item, {
+                onClick: () => onMenuClick(item.action),
+                disabled: item.action === 'reset' && selectedShadow.shadow === baseSelectedShadow.shadow,
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Menu.ItemLabel, {
+                  children: item.label
+                })
+              }, item.action))
+            })]
           })
         })
       })]
@@ -315,7 +318,12 @@ function ShadowItem({
         'aria-expanded': isOpen
       };
       const removeButtonProps = {
-        onClick: onRemove,
+        onClick: () => {
+          if (isOpen) {
+            onToggle();
+          }
+          onRemove();
+        },
         className: (0, _clsx.default)('edit-site-global-styles__shadow-editor__remove-button', {
           'is-open': isOpen
         }),

package/build/components/global-styles/shadows-edit-panel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_i18n","_blockEditor","_icons","_element","_lockUnlock","_subtitle","_header","_shadowsPanel","_shadowUtils","_jsxRuntime","useGlobalSetting","unlock","blockEditorPrivateApis","Menu","componentsPrivateApis","customShadowMenuItems","label","__","action","presetShadowMenuItems","ShadowsEditPanel","goBack","params","category","slug","useNavigator","shadows","setShadows","useEffect","hasCurrentShadow","some","shadow","baseShadows","undefined","selectedShadow","setSelectedShadow","useState","find","baseSelectedShadow","useMemo","b","isConfirmDialogVisible","setIsConfirmDialogVisible","isRenameModalVisible","setIsRenameModalVisible","shadowName","setShadowName","name","onShadowChange","updatedShadows","map","s","onMenuClick","handleShadowDelete","filter","handleShadowRename","newName","jsx","default","title","jsxs","Fragment","children","__experimentalHStack","justify","FlexItem","__experimentalSpacer","marginTop","marginBottom","paddingX","trigger","Button","size","icon","moreVertical","item","Item","onClick","disabled","ItemLabel","className","ShadowsPreview","ShadowEditor","onChange","__experimentalConfirmDialog","isOpen","onConfirm","onCancel","confirmButtonText","sprintf","Modal","onRequestClose","onSubmit","event","preventDefault","__experimentalInputControl","__next40pxDefaultSize","autoComplete","placeholder","value","Flex","expanded","variant","type","shadowStyle","boxShadow","align","style","addShadowButtonRef","useRef","shadowParts","getShadowParts","onChangeShadowPart","index","part","newShadowParts","join","onAddShadowPart","defaultShadow","onRemoveShadowPart","p","i","current","focus","__experimentalVStack","spacing","level","plus","ref","__experimentalItemGroup","isBordered","isSeparated","ShadowItem","canRemove","length","onRemove","popoverProps","placement","offset","shift","shadowObj","shadowStringToObject","newShadow","shadowObjectToString","Dropdown","renderToggle","onToggle","toggleProps","clsx","removeButtonProps","shadowIcon","inset","reset","renderContent","__experimentalDropdownContentWrapper","paddingSize","ShadowPopover","__experimentalIsRenderedInSidebar","enableAlpha","key","ColorPalette","clearable","color","__experimentalToggleGroupControl","__nextHasNoMarginBottom","isBlock","hideLabelFromVision","__experimentalToggleGroupControlOption","__experimentalGrid","columns","gap","ShadowInputControl","x","y","blur","spread","onValueChange","next","isNumeric","isNaN","parseFloat","nextValue","__experimentalUnitControl"],"sources":["@wordpress/edit-site/src/components/global-styles/shadows-edit-panel.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalSpacer as Spacer,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalInputControl as InputControl,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalGrid as Grid,\n\t__experimentalDropdownContentWrapper as DropdownContentWrapper,\n\tuseNavigator,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalConfirmDialog as ConfirmDialog,\n\tDropdown,\n\tButton,\n\tFlex,\n\tFlexItem,\n\tColorPalette,\n\tModal,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport {\n\tplus,\n\tshadow as shadowIcon,\n\treset,\n\tmoreVertical,\n} from '@wordpress/icons';\nimport { useState, useMemo, useEffect, useRef } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport { unlock } from '../../lock-unlock';\nimport Subtitle from './subtitle';\nimport ScreenHeader from './header';\nimport { defaultShadow } from './shadows-panel';\nimport {\n\tgetShadowParts,\n\tshadowStringToObject,\n\tshadowObjectToString,\n} from './shadow-utils';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\nconst { Menu } = unlock( componentsPrivateApis );\n\nconst customShadowMenuItems = [\n\t{\n\t\tlabel: __( 'Rename' ),\n\t\taction: 'rename',\n\t},\n\t{\n\t\tlabel: __( 'Delete' ),\n\t\taction: 'delete',\n\t},\n];\n\nconst presetShadowMenuItems = [\n\t{\n\t\tlabel: __( 'Reset' ),\n\t\taction: 'reset',\n\t},\n];\n\nexport default function ShadowsEditPanel() {\n\tconst {\n\t\tgoBack,\n\t\tparams: { category, slug },\n\t} = useNavigator();\n\tconst [ shadows, setShadows ] = useGlobalSetting(\n\t\t`shadow.presets.${ category }`\n\t);\n\n\tuseEffect( () => {\n\t\tconst hasCurrentShadow = shadows?.some(\n\t\t\t( shadow ) => shadow.slug === slug\n\t\t);\n\t\t// If the shadow being edited doesn't exist anymore in the global styles setting, navigate back\n\t\t// to prevent the user from editing a non-existent shadow entry.\n\t\t// This can happen, for example:\n\t\t// - when the user deletes the shadow\n\t\t// - when the user resets the styles while editing a custom shadow\n\t\t//\n\t\t// The check on the slug is necessary to prevent a double back navigation when the user triggers\n\t\t// a backward navigation by interacting with the screen's UI.\n\t\tif ( !! slug && ! hasCurrentShadow ) {\n\t\t\tgoBack();\n\t\t}\n\t}, [ shadows, slug, goBack ] );\n\n\tconst [ baseShadows ] = useGlobalSetting(\n\t\t`shadow.presets.${ category }`,\n\t\tundefined,\n\t\t'base'\n\t);\n\tconst [ selectedShadow, setSelectedShadow ] = useState( () =>\n\t\t( shadows \|\| [] ).find( ( shadow ) => shadow.slug === slug )\n\t);\n\tconst baseSelectedShadow = useMemo(\n\t\t() => ( baseShadows \|\| [] ).find( ( b ) => b.slug === slug ),\n\t\t[ baseShadows, slug ]\n\t);\n\tconst [ isConfirmDialogVisible, setIsConfirmDialogVisible ] =\n\t\tuseState( false );\n\tconst [ isRenameModalVisible, setIsRenameModalVisible ] = useState( false );\n\tconst [ shadowName, setShadowName ] = useState( selectedShadow.name );\n\n\tif ( ! category \|\| ! slug ) {\n\t\treturn null;\n\t}\n\n\tconst onShadowChange = ( shadow ) => {\n\t\tsetSelectedShadow( { ...selectedShadow, shadow } );\n\t\tconst updatedShadows = shadows.map( ( s ) =>\n\t\t\ts.slug === slug ? { ...selectedShadow, shadow } : s\n\t\t);\n\t\tsetShadows( updatedShadows );\n\t};\n\n\tconst onMenuClick = ( action ) => {\n\t\tif ( action === 'reset' ) {\n\t\t\tconst updatedShadows = shadows.map( ( s ) =>\n\t\t\t\ts.slug === slug ? baseSelectedShadow : s\n\t\t\t);\n\t\t\tsetSelectedShadow( baseSelectedShadow );\n\t\t\tsetShadows( updatedShadows );\n\t\t} else if ( action === 'delete' ) {\n\t\t\tsetIsConfirmDialogVisible( true );\n\t\t} else if ( action === 'rename' ) {\n\t\t\tsetIsRenameModalVisible( true );\n\t\t}\n\t};\n\n\tconst handleShadowDelete = () => {\n\t\tsetShadows( shadows.filter( ( s ) => s.slug !== slug ) );\n\t};\n\n\tconst handleShadowRename = ( newName ) => {\n\t\tif ( ! newName ) {\n\t\t\treturn;\n\t\t}\n\t\tconst updatedShadows = shadows.map( ( s ) =>\n\t\t\ts.slug === slug ? { ...selectedShadow, name: newName } : s\n\t\t);\n\t\tsetSelectedShadow( { ...selectedShadow, name: newName } );\n\t\tsetShadows( updatedShadows );\n\t};\n\n\treturn ! selectedShadow ? (\n\t\t<ScreenHeader title=\"\" />\n\t) : (\n\t\t<>\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<ScreenHeader title={ selectedShadow.name } />\n\t\t\t\t<FlexItem>\n\t\t\t\t\t<Spacer marginTop={ 2 } marginBottom={ 0 } paddingX={ 4 }>\n\t\t\t\t\t\t<Menu\n\t\t\t\t\t\t\ttrigger={\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Menu' ) }\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\t\t{ ( category === 'custom'\n\t\t\t\t\t\t\t\t? customShadowMenuItems\n\t\t\t\t\t\t\t\t: presetShadowMenuItems\n\t\t\t\t\t\t\t).map( ( item ) => (\n\t\t\t\t\t\t\t\t<Menu.Item\n\t\t\t\t\t\t\t\t\tkey={ item.action }\n\t\t\t\t\t\t\t\t\tonClick={ () => onMenuClick( item.action ) }\n\t\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t\titem.action === 'reset' &&\n\t\t\t\t\t\t\t\t\t\tselectedShadow.shadow ===\n\t\t\t\t\t\t\t\t\t\t\tbaseSelectedShadow.shadow\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t\t{ item.label }\n\t\t\t\t\t\t\t\t\t</Menu.ItemLabel>\n\t\t\t\t\t\t\t\t</Menu.Item>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t</Menu>\n\t\t\t\t\t</Spacer>\n\t\t\t\t</FlexItem>\n\t\t\t</HStack>\n\t\t\t<div className=\"edit-site-global-styles-screen\">\n\t\t\t\t<ShadowsPreview shadow={ selectedShadow.shadow } />\n\t\t\t\t<ShadowEditor\n\t\t\t\t\tshadow={ selectedShadow.shadow }\n\t\t\t\t\tonChange={ onShadowChange }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t{ isConfirmDialogVisible && (\n\t\t\t\t<ConfirmDialog\n\t\t\t\t\tisOpen\n\t\t\t\t\tonConfirm={ () => {\n\t\t\t\t\t\thandleShadowDelete();\n\t\t\t\t\t\tsetIsConfirmDialogVisible( false );\n\t\t\t\t\t} }\n\t\t\t\t\tonCancel={ () => {\n\t\t\t\t\t\tsetIsConfirmDialogVisible( false );\n\t\t\t\t\t} }\n\t\t\t\t\tconfirmButtonText={ __( 'Delete' ) }\n\t\t\t\t\tsize=\"medium\"\n\t\t\t\t>\n\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t/ translators: %s: Name of the shadow preset. */\n\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t'Are you sure you want to delete \"%s\" shadow preset?'\n\t\t\t\t\t\t),\n\t\t\t\t\t\tselectedShadow.name\n\t\t\t\t\t) }\n\t\t\t\t</ConfirmDialog>\n\t\t\t) }\n\t\t\t{ isRenameModalVisible && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={ __( 'Rename' ) }\n\t\t\t\t\tonRequestClose={ () => setIsRenameModalVisible( false ) }\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t>\n\t\t\t\t\t<form\n\t\t\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\thandleShadowRename( shadowName );\n\t\t\t\t\t\t\tsetIsRenameModalVisible( false );\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t<InputControl\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\t\tplaceholder={ __( 'Shadow name' ) }\n\t\t\t\t\t\t\tvalue={ shadowName }\n\t\t\t\t\t\t\tonChange={ ( value ) => setShadowName( value ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Spacer marginBottom={ 6 } />\n\t\t\t\t\t\t<Flex\n\t\t\t\t\t\t\tclassName=\"block-editor-shadow-edit-modal__actions\"\n\t\t\t\t\t\t\tjustify=\"flex-end\"\n\t\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\t\tsetIsRenameModalVisible( false )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Save' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t</Flex>\n\t\t\t\t\t</form>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction ShadowsPreview( { shadow } ) {\n\tconst shadowStyle = {\n\t\tboxShadow: shadow,\n\t};\n\n\treturn (\n\t\t<Spacer marginBottom={ 4 } marginTop={ -2 }>\n\t\t\t<HStack\n\t\t\t\talign=\"center\"\n\t\t\t\tjustify=\"center\"\n\t\t\t\tclassName=\"edit-site-global-styles__shadow-preview-panel\"\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadow-preview-block\"\n\t\t\t\t\tstyle={ shadowStyle }\n\t\t\t\t/>\n\t\t\t</HStack>\n\t\t</Spacer>\n\t);\n}\n\nfunction ShadowEditor( { shadow, onChange } ) {\n\tconst addShadowButtonRef = useRef();\n\tconst shadowParts = useMemo( () => getShadowParts( shadow ), [ shadow ] );\n\n\tconst onChangeShadowPart = ( index, part ) => {\n\t\tconst newShadowParts = [ ...shadowParts ];\n\t\tnewShadowParts[ index ] = part;\n\t\tonChange( newShadowParts.join( ', ' ) );\n\t};\n\n\tconst onAddShadowPart = () => {\n\t\tonChange( [ ...shadowParts, defaultShadow ].join( ', ' ) );\n\t};\n\n\tconst onRemoveShadowPart = ( index ) => {\n\t\tonChange( shadowParts.filter( ( p, i ) => i !== index ).join( ', ' ) );\n\t\taddShadowButtonRef.current.focus();\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<VStack spacing={ 2 }>\n\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t<Flex\n\t\t\t\t\t\talign=\"center\"\n\t\t\t\t\t\tclassName=\"edit-site-global-styles__shadows-panel__title\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Subtitle level={ 3 }>{ __( 'Shadows' ) }</Subtitle>\n\t\t\t\t\t</Flex>\n\t\t\t\t\t<FlexItem className=\"edit-site-global-styles__shadows-panel__options-container\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\tlabel={ __( 'Add shadow' ) }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonAddShadowPart();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tref={ addShadowButtonRef }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t</HStack>\n\t\t\t</VStack>\n\t\t\t<Spacer />\n\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t{ shadowParts.map( ( part, index ) => (\n\t\t\t\t\t<ShadowItem\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\tshadow={ part }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tonChangeShadowPart( index, value )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcanRemove={ shadowParts.length > 1 }\n\t\t\t\t\t\tonRemove={ () => onRemoveShadowPart( index ) }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</ItemGroup>\n\t\t</>\n\t);\n}\n\nfunction ShadowItem( { shadow, onChange, canRemove, onRemove } ) {\n\tconst popoverProps = {\n\t\tplacement: 'left-start',\n\t\toffset: 36,\n\t\tshift: true,\n\t};\n\tconst shadowObj = useMemo(\n\t\t() => shadowStringToObject( shadow ),\n\t\t[ shadow ]\n\t);\n\tconst onShadowChange = ( newShadow ) => {\n\t\tonChange( shadowObjectToString( newShadow ) );\n\t};\n\n\treturn (\n\t\t<Dropdown\n\t\t\tpopoverProps={ popoverProps }\n\t\t\tclassName=\"edit-site-global-styles__shadow-editor__dropdown\"\n\t\t\trenderToggle={ ( { onToggle, isOpen } ) => {\n\t\t\t\tconst toggleProps = {\n\t\t\t\t\tonClick: onToggle,\n\t\t\t\t\tclassName: clsx(\n\t\t\t\t\t\t'edit-site-global-styles__shadow-editor__dropdown-toggle',\n\t\t\t\t\t\t{ 'is-open': isOpen }\n\t\t\t\t\t),\n\t\t\t\t\t'aria-expanded': isOpen,\n\t\t\t\t};\n\t\t\t\tconst removeButtonProps = {\n\t\t\t\t\tonClick: onRemove,\n\t\t\t\t\tclassName: clsx(\n\t\t\t\t\t\t'edit-site-global-styles__shadow-editor__remove-button',\n\t\t\t\t\t\t{ 'is-open': isOpen }\n\t\t\t\t\t),\n\t\t\t\t\tlabel: __( 'Remove shadow' ),\n\t\t\t\t};\n\n\t\t\t\treturn (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\ticon={ shadowIcon }\n\t\t\t\t\t\t\t{ ...toggleProps }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ shadowObj.inset\n\t\t\t\t\t\t\t\t? __( 'Inner shadow' )\n\t\t\t\t\t\t\t\t: __( 'Drop shadow' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t{ canRemove && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\ticon={ reset }\n\t\t\t\t\t\t\t\t{ ...removeButtonProps }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</>\n\t\t\t\t);\n\t\t\t} }\n\t\t\trenderContent={ () => (\n\t\t\t\t<DropdownContentWrapper\n\t\t\t\t\tpaddingSize=\"medium\"\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadow-editor__dropdown-content\"\n\t\t\t\t>\n\t\t\t\t\t<ShadowPopover\n\t\t\t\t\t\tshadowObj={ shadowObj }\n\t\t\t\t\t\tonChange={ onShadowChange }\n\t\t\t\t\t/>\n\t\t\t\t</DropdownContentWrapper>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nfunction ShadowPopover( { shadowObj, onChange } ) {\n\tconst __experimentalIsRenderedInSidebar = true;\n\tconst enableAlpha = true;\n\n\tconst onShadowChange = ( key, value ) => {\n\t\tconst newShadow = {\n\t\t\t...shadowObj,\n\t\t\t[ key ]: value,\n\t\t};\n\t\tonChange( newShadow );\n\t};\n\n\treturn (\n\t\t<VStack\n\t\t\tspacing={ 4 }\n\t\t\tclassName=\"edit-site-global-styles__shadow-editor-panel\"\n\t\t>\n\t\t\t<ColorPalette\n\t\t\t\tclearable={ false }\n\t\t\t\tenableAlpha={ enableAlpha }\n\t\t\t\t__experimentalIsRenderedInSidebar={\n\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t}\n\t\t\t\tvalue={ shadowObj.color }\n\t\t\t\tonChange={ ( value ) => onShadowChange( 'color', value ) }\n\t\t\t/>\n\t\t\t<ToggleGroupControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tvalue={ shadowObj.inset ? 'inset' : 'outset' }\n\t\t\t\tisBlock\n\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\tonShadowChange( 'inset', value === 'inset' )\n\t\t\t\t}\n\t\t\t\thideLabelFromVision\n\t\t\t\t__next40pxDefaultSize\n\t\t\t>\n\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\tvalue=\"outset\"\n\t\t\t\t\tlabel={ __( 'Outset' ) }\n\t\t\t\t/>\n\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\tvalue=\"inset\"\n\t\t\t\t\tlabel={ __( 'Inset' ) }\n\t\t\t\t/>\n\t\t\t</ToggleGroupControl>\n\t\t\t<Grid columns={ 2 } gap={ 4 }>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'X Position' ) }\n\t\t\t\t\tvalue={ shadowObj.x }\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'x', value ) }\n\t\t\t\t/>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'Y Position' ) }\n\t\t\t\t\tvalue={ shadowObj.y }\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'y', value ) }\n\t\t\t\t/>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'Blur' ) }\n\t\t\t\t\tvalue={ shadowObj.blur }\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'blur', value ) }\n\t\t\t\t/>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'Spread' ) }\n\t\t\t\t\tvalue={ shadowObj.spread }\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'spread', value ) }\n\t\t\t\t/>\n\t\t\t</Grid>\n\t\t</VStack>\n\t);\n}\n\nfunction ShadowInputControl( { label, value, onChange } ) {\n\tconst onValueChange = ( next ) => {\n\t\tconst isNumeric = next !== undefined && ! isNaN( parseFloat( next ) );\n\t\tconst nextValue = isNumeric ? next : '0px';\n\t\tonChange( nextValue );\n\t};\n\n\treturn (\n\t\t<UnitControl\n\t\t\tlabel={ label }\n\t\t\t__next40pxDefaultSize\n\t\t\tvalue={ value }\n\t\t\tonChange={ onValueChange }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAqBA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAMA,IAAAK,QAAA,GAAAL,OAAA;AAKA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,SAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,OAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,aAAA,GAAAT,OAAA;AACA,IAAAU,YAAA,GAAAV,OAAA;AAIwB,IAAAW,WAAA,GAAAX,OAAA;AAlDxB;AACA;AACA;;AAGA;AACA;AACA;;AAgCA;AACA;AACA;;AAWA,MAAM;EAAEY;AAAiB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAC7D,MAAM;EAAEC;AAAK,CAAC,GAAG,IAAAF,kBAAM,EAAEG,uBAAsB,CAAC;AAEhD,MAAMC,qBAAqB,GAAG,CAC7B;EACCC,KAAK,EAAE,IAAAC,QAAE,EAAE,QAAS,CAAC;EACrBC,MAAM,EAAE;AACT,CAAC,EACD;EACCF,KAAK,EAAE,IAAAC,QAAE,EAAE,QAAS,CAAC;EACrBC,MAAM,EAAE;AACT,CAAC,CACD;AAED,MAAMC,qBAAqB,GAAG,CAC7B;EACCH,KAAK,EAAE,IAAAC,QAAE,EAAE,OAAQ,CAAC;EACpBC,MAAM,EAAE;AACT,CAAC,CACD;AAEc,SAASE,gBAAgBA,CAAA,EAAG;EAC1C,MAAM;IACLC,MAAM;IACNC,MAAM,EAAE;MAAEC,QAAQ;MAAEC;IAAK;EAC1B,CAAC,GAAG,IAAAC,wBAAY,EAAC,CAAC;EAClB,MAAM,CAAEC,OAAO,EAAEC,UAAU,CAAE,GAAGjB,gBAAgB,CAC/C,kBAAmBa,QAAQ,EAC5B,CAAC;EAED,IAAAK,kBAAS,EAAE,MAAM;IAChB,MAAMC,gBAAgB,GAAGH,OAAO,EAAEI,IAAI,CACnCC,MAAM,IAAMA,MAAM,CAACP,IAAI,KAAKA,IAC/B,CAAC;IACD;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA,IAAK,CAAC,CAAEA,IAAI,IAAI,CAAEK,gBAAgB,EAAG;MACpCR,MAAM,CAAC,CAAC;IACT;EACD,CAAC,EAAE,CAAEK,OAAO,EAAEF,IAAI,EAAEH,MAAM,CAAG,CAAC;EAE9B,MAAM,CAAEW,WAAW,CAAE,GAAGtB,gBAAgB,CACvC,kBAAmBa,QAAQ,EAAG,EAC9BU,SAAS,EACT,MACD,CAAC;EACD,MAAM,CAAEC,cAAc,EAAEC,iBAAiB,CAAE,GAAG,IAAAC,iBAAQ,EAAE,MACvD,CAAEV,OAAO,IAAI,EAAE,EAAGW,IAAI,CAAIN,MAAM,IAAMA,MAAM,CAACP,IAAI,KAAKA,IAAK,CAC5D,CAAC;EACD,MAAMc,kBAAkB,GAAG,IAAAC,gBAAO,EACjC,MAAM,CAAEP,WAAW,IAAI,EAAE,EAAGK,IAAI,CAAIG,CAAC,IAAMA,CAAC,CAAChB,IAAI,KAAKA,IAAK,CAAC,EAC5D,CAAEQ,WAAW,EAAER,IAAI,CACpB,CAAC;EACD,MAAM,CAAEiB,sBAAsB,EAAEC,yBAAyB,CAAE,GAC1D,IAAAN,iBAAQ,EAAE,KAAM,CAAC;EAClB,MAAM,CAAEO,oBAAoB,EAAEC,uBAAuB,CAAE,GAAG,IAAAR,iBAAQ,EAAE,KAAM,CAAC;EAC3E,MAAM,CAAES,UAAU,EAAEC,aAAa,CAAE,GAAG,IAAAV,iBAAQ,EAAEF,cAAc,CAACa,IAAK,CAAC;EAErE,IAAK,CAAExB,QAAQ,IAAI,CAAEC,IAAI,EAAG;IAC3B,OAAO,IAAI;EACZ;EAEA,MAAMwB,cAAc,GAAKjB,MAAM,IAAM;IACpCI,iBAAiB,CAAE;MAAE,GAAGD,cAAc;MAAEH;IAAO,CAAE,CAAC;IAClD,MAAMkB,cAAc,GAAGvB,OAAO,CAACwB,GAAG,CAAIC,CAAC,IACtCA,CAAC,CAAC3B,IAAI,KAAKA,IAAI,GAAG;MAAE,GAAGU,cAAc;MAAEH;IAAO,CAAC,GAAGoB,CACnD,CAAC;IACDxB,UAAU,CAAEsB,cAAe,CAAC;EAC7B,CAAC;EAED,MAAMG,WAAW,GAAKlC,MAAM,IAAM;IACjC,IAAKA,MAAM,KAAK,OAAO,EAAG;MACzB,MAAM+B,cAAc,GAAGvB,OAAO,CAACwB,GAAG,CAAIC,CAAC,IACtCA,CAAC,CAAC3B,IAAI,KAAKA,IAAI,GAAGc,kBAAkB,GAAGa,CACxC,CAAC;MACDhB,iBAAiB,CAAEG,kBAAmB,CAAC;MACvCX,UAAU,CAAEsB,cAAe,CAAC;IAC7B,CAAC,MAAM,IAAK/B,MAAM,KAAK,QAAQ,EAAG;MACjCwB,yBAAyB,CAAE,IAAK,CAAC;IAClC,CAAC,MAAM,IAAKxB,MAAM,KAAK,QAAQ,EAAG;MACjC0B,uBAAuB,CAAE,IAAK,CAAC;IAChC;EACD,CAAC;EAED,MAAMS,kBAAkB,GAAGA,CAAA,KAAM;IAChC1B,UAAU,CAAED,OAAO,CAAC4B,MAAM,CAAIH,CAAC,IAAMA,CAAC,CAAC3B,IAAI,KAAKA,IAAK,CAAE,CAAC;EACzD,CAAC;EAED,MAAM+B,kBAAkB,GAAKC,OAAO,IAAM;IACzC,IAAK,CAAEA,OAAO,EAAG;MAChB;IACD;IACA,MAAMP,cAAc,GAAGvB,OAAO,CAACwB,GAAG,CAAIC,CAAC,IACtCA,CAAC,CAAC3B,IAAI,KAAKA,IAAI,GAAG;MAAE,GAAGU,cAAc;MAAEa,IAAI,EAAES;IAAQ,CAAC,GAAGL,CAC1D,CAAC;IACDhB,iBAAiB,CAAE;MAAE,GAAGD,cAAc;MAAEa,IAAI,EAAES;IAAQ,CAAE,CAAC;IACzD7B,UAAU,CAAEsB,cAAe,CAAC;EAC7B,CAAC;EAED,OAAO,CAAEf,cAAc,gBACtB,IAAAzB,WAAA,CAAAgD,GAAA,EAACnD,OAAA,CAAAoD,OAAY;IAACC,KAAK,EAAC;EAAE,CAAE,CAAC,gBAEzB,IAAAlD,WAAA,CAAAmD,IAAA,EAAAnD,WAAA,CAAAoD,QAAA;IAAAC,QAAA,gBACC,IAAArD,WAAA,CAAAmD,IAAA,EAAC7D,WAAA,CAAAgE,oBAAM;MAACC,OAAO,EAAC,eAAe;MAAAF,QAAA,gBAC9B,IAAArD,WAAA,CAAAgD,GAAA,EAACnD,OAAA,CAAAoD,OAAY;QAACC,KAAK,EAAGzB,cAAc,CAACa;MAAM,CAAE,CAAC,eAC9C,IAAAtC,WAAA,CAAAgD,GAAA,EAAC1D,WAAA,CAAAkE,QAAQ;QAAAH,QAAA,eACR,IAAArD,WAAA,CAAAgD,GAAA,EAAC1D,WAAA,CAAAmE,oBAAM;UAACC,SAAS,EAAG,CAAG;UAACC,YAAY,EAAG,CAAG;UAACC,QAAQ,EAAG,CAAG;UAAAP,QAAA,eACxD,IAAArD,WAAA,CAAAgD,GAAA,EAAC5C,IAAI;YACJyD,OAAO,eACN,IAAA7D,WAAA,CAAAgD,GAAA,EAAC1D,WAAA,CAAAwE,MAAM;cACNC,IAAI,EAAC,OAAO;cACZC,IAAI,EAAGC,mBAAc;cACrB1D,KAAK,EAAG,IAAAC,QAAE,EAAE,MAAO;YAAG,CACtB,CACD;YAAA6C,QAAA,EAEC,CAAEvC,QAAQ,KAAK,QAAQ,GACtBR,qBAAqB,GACrBI,qBAAqB,EACtB+B,GAAG,CAAIyB,IAAI,iBACZ,IAAAlE,WAAA,CAAAgD,GAAA,EAAC5C,IAAI,CAAC+D,IAAI;cAETC,OAAO,EAAGA,CAAA,KAAMzB,WAAW,CAAEuB,IAAI,CAACzD,MAAO,CAAG;cAC5C4D,QAAQ,EACPH,IAAI,CAACzD,MAAM,KAAK,OAAO,IACvBgB,cAAc,CAACH,MAAM,KACpBO,kBAAkB,CAACP,MACpB;cAAA+B,QAAA,eAED,IAAArD,WAAA,CAAAgD,GAAA,EAAC5C,IAAI,CAACkE,SAAS;gBAAAjB,QAAA,EACZa,IAAI,CAAC3D;cAAK,CACG;YAAC,GAVX2D,IAAI,CAACzD,MAWD,CACV;UAAC,CACE;QAAC,CACA;MAAC,CACA,CAAC;IAAA,CACJ,CAAC,eACT,IAAAT,WAAA,CAAAmD,IAAA;MAAKoB,SAAS,EAAC,gCAAgC;MAAAlB,QAAA,gBAC9C,IAAArD,WAAA,CAAAgD,GAAA,EAACwB,cAAc;QAAClD,MAAM,EAAGG,cAAc,CAACH;MAAQ,CAAE,CAAC,eACnD,IAAAtB,WAAA,CAAAgD,GAAA,EAACyB,YAAY;QACZnD,MAAM,EAAGG,cAAc,CAACH,MAAQ;QAChCoD,QAAQ,EAAGnC;MAAgB,CAC3B,CAAC;IAAA,CACE,CAAC,EACJP,sBAAsB,iBACvB,IAAAhC,WAAA,CAAAgD,GAAA,EAAC1D,WAAA,CAAAqF,2BAAa;MACbC,MAAM;MACNC,SAAS,EAAGA,CAAA,KAAM;QACjBjC,kBAAkB,CAAC,CAAC;QACpBX,yBAAyB,CAAE,KAAM,CAAC;MACnC,CAAG;MACH6C,QAAQ,EAAGA,CAAA,KAAM;QAChB7C,yBAAyB,CAAE,KAAM,CAAC;MACnC,CAAG;MACH8C,iBAAiB,EAAG,IAAAvE,QAAE,EAAE,QAAS,CAAG;MACpCuD,IAAI,EAAC,QAAQ;MAAAV,QAAA,EAEX,IAAA2B,aAAO,EACR;MACA,IAAAxE,QAAE,EACD,qDACD,CAAC,EACDiB,cAAc,CAACa,IAChB;IAAC,CACa,CACf,EACCJ,oBAAoB,iBACrB,IAAAlC,WAAA,CAAAgD,GAAA,EAAC1D,WAAA,CAAA2F,KAAK;MACL/B,KAAK,EAAG,IAAA1C,QAAE,EAAE,QAAS,CAAG;MACxB0E,cAAc,EAAGA,CAAA,KAAM/C,uBAAuB,CAAE,KAAM,CAAG;MACzD4B,IAAI,EAAC,OAAO;MAAAV,QAAA,eAEZ,IAAArD,WAAA,CAAAmD,IAAA;QACCgC,QAAQ,EAAKC,KAAK,IAAM;UACvBA,KAAK,CAACC,cAAc,CAAC,CAAC;UACtBvC,kBAAkB,CAAEV,UAAW,CAAC;UAChCD,uBAAuB,CAAE,KAAM,CAAC;QACjC,CAAG;QAAAkB,QAAA,gBAEH,IAAArD,WAAA,CAAAgD,GAAA,EAAC1D,WAAA,CAAAgG,0BAAY;UACZC,qBAAqB;UACrBC,YAAY,EAAC,KAAK;UAClBjF,KAAK,EAAG,IAAAC,QAAE,EAAE,MAAO,CAAG;UACtBiF,WAAW,EAAG,IAAAjF,QAAE,EAAE,aAAc,CAAG;UACnCkF,KAAK,EAAGtD,UAAY;UACpBsC,QAAQ,EAAKgB,KAAK,IAAMrD,aAAa,CAAEqD,KAAM;QAAG,CAChD,CAAC,eACF,IAAA1F,WAAA,CAAAgD,GAAA,EAAC1D,WAAA,CAAAmE,oBAAM;UAACE,YAAY,EAAG;QAAG,CAAE,CAAC,eAC7B,IAAA3D,WAAA,CAAAmD,IAAA,EAAC7D,WAAA,CAAAqG,IAAI;UACJpB,SAAS,EAAC,yCAAyC;UACnDhB,OAAO,EAAC,UAAU;UAClBqC,QAAQ,EAAG,KAAO;UAAAvC,QAAA,gBAElB,IAAArD,WAAA,CAAAgD,GAAA,EAAC1D,WAAA,CAAAkE,QAAQ;YAAAH,QAAA,eACR,IAAArD,WAAA,CAAAgD,GAAA,EAAC1D,WAAA,CAAAwE,MAAM;cACNyB,qBAAqB;cACrBM,OAAO,EAAC,UAAU;cAClBzB,OAAO,EAAGA,CAAA,KACTjC,uBAAuB,CAAE,KAAM,CAC/B;cAAAkB,QAAA,EAEC,IAAA7C,QAAE,EAAE,QAAS;YAAC,CACT;UAAC,CACA,CAAC,eACX,IAAAR,WAAA,CAAAgD,GAAA,EAAC1D,WAAA,CAAAkE,QAAQ;YAAAH,QAAA,eACR,IAAArD,WAAA,CAAAgD,GAAA,EAAC1D,WAAA,CAAAwE,MAAM;cACNyB,qBAAqB;cACrBM,OAAO,EAAC,SAAS;cACjBC,IAAI,EAAC,QAAQ;cAAAzC,QAAA,EAEX,IAAA7C,QAAE,EAAE,MAAO;YAAC,CACP;UAAC,CACA,CAAC;QAAA,CACN,CAAC;MAAA,CACF;IAAC,CACD,CACP;EAAA,CACA,CACF;AACF;AAEA,SAASgE,cAAcA,CAAE;EAAElD;AAAO,CAAC,EAAG;EACrC,MAAMyE,WAAW,GAAG;IACnBC,SAAS,EAAE1E;EACZ,CAAC;EAED,oBACC,IAAAtB,WAAA,CAAAgD,GAAA,EAAC1D,WAAA,CAAAmE,oBAAM;IAACE,YAAY,EAAG,CAAG;IAACD,SAAS,EAAG,CAAC,CAAG;IAAAL,QAAA,eAC1C,IAAArD,WAAA,CAAAgD,GAAA,EAAC1D,WAAA,CAAAgE,oBAAM;MACN2C,KAAK,EAAC,QAAQ;MACd1C,OAAO,EAAC,QAAQ;MAChBgB,SAAS,EAAC,+CAA+C;MAAAlB,QAAA,eAEzD,IAAArD,WAAA,CAAAgD,GAAA;QACCuB,SAAS,EAAC,+CAA+C;QACzD2B,KAAK,EAAGH;MAAa,CACrB;IAAC,CACK;EAAC,CACF,CAAC;AAEX;AAEA,SAAStB,YAAYA,CAAE;EAAEnD,MAAM;EAAEoD;AAAS,CAAC,EAAG;EAC7C,MAAMyB,kBAAkB,GAAG,IAAAC,eAAM,EAAC,CAAC;EACnC,MAAMC,WAAW,GAAG,IAAAvE,gBAAO,EAAE,MAAM,IAAAwE,2BAAc,EAAEhF,MAAO,CAAC,EAAE,CAAEA,MAAM,CAAG,CAAC;EAEzE,MAAMiF,kBAAkB,GAAGA,CAAEC,KAAK,EAAEC,IAAI,KAAM;IAC7C,MAAMC,cAAc,GAAG,CAAE,GAAGL,WAAW,CAAE;IACzCK,cAAc,CAAEF,KAAK,CAAE,GAAGC,IAAI;IAC9B/B,QAAQ,CAAEgC,cAAc,CAACC,IAAI,CAAE,IAAK,CAAE,CAAC;EACxC,CAAC;EAED,MAAMC,eAAe,GAAGA,CAAA,KAAM;IAC7BlC,QAAQ,CAAE,CAAE,GAAG2B,WAAW,EAAEQ,2BAAa,CAAE,CAACF,IAAI,CAAE,IAAK,CAAE,CAAC;EAC3D,CAAC;EAED,MAAMG,kBAAkB,GAAKN,KAAK,IAAM;IACvC9B,QAAQ,CAAE2B,WAAW,CAACxD,MAAM,CAAE,CAAEkE,CAAC,EAAEC,CAAC,KAAMA,CAAC,KAAKR,KAAM,CAAC,CAACG,IAAI,CAAE,IAAK,CAAE,CAAC;IACtER,kBAAkB,CAACc,OAAO,CAACC,KAAK,CAAC,CAAC;EACnC,CAAC;EAED,oBACC,IAAAlH,WAAA,CAAAmD,IAAA,EAAAnD,WAAA,CAAAoD,QAAA;IAAAC,QAAA,gBACC,IAAArD,WAAA,CAAAgD,GAAA,EAAC1D,WAAA,CAAA6H,oBAAM;MAACC,OAAO,EAAG,CAAG;MAAA/D,QAAA,eACpB,IAAArD,WAAA,CAAAmD,IAAA,EAAC7D,WAAA,CAAAgE,oBAAM;QAACC,OAAO,EAAC,eAAe;QAAAF,QAAA,gBAC9B,IAAArD,WAAA,CAAAgD,GAAA,EAAC1D,WAAA,CAAAqG,IAAI;UACJM,KAAK,EAAC,QAAQ;UACd1B,SAAS,EAAC,+CAA+C;UAAAlB,QAAA,eAEzD,IAAArD,WAAA,CAAAgD,GAAA,EAACpD,SAAA,CAAAqD,OAAQ;YAACoE,KAAK,EAAG,CAAG;YAAAhE,QAAA,EAAG,IAAA7C,QAAE,EAAE,SAAU;UAAC,CAAY;QAAC,CAC/C,CAAC,eACP,IAAAR,WAAA,CAAAgD,GAAA,EAAC1D,WAAA,CAAAkE,QAAQ;UAACe,SAAS,EAAC,2DAA2D;UAAAlB,QAAA,eAC9E,IAAArD,WAAA,CAAAgD,GAAA,EAAC1D,WAAA,CAAAwE,MAAM;YACNC,IAAI,EAAC,OAAO;YACZC,IAAI,EAAGsD,WAAM;YACb/G,KAAK,EAAG,IAAAC,QAAE,EAAE,YAAa,CAAG;YAC5B4D,OAAO,EAAGA,CAAA,KAAM;cACfwC,eAAe,CAAC,CAAC;YAClB,CAAG;YACHW,GAAG,EAAGpB;UAAoB,CAC1B;QAAC,CACO,CAAC;MAAA,CACJ;IAAC,CACF,CAAC,eACT,IAAAnG,WAAA,CAAAgD,GAAA,EAAC1D,WAAA,CAAAmE,oBAAM,IAAE,CAAC,eACV,IAAAzD,WAAA,CAAAgD,GAAA,EAAC1D,WAAA,CAAAkI,uBAAS;MAACC,UAAU;MAACC,WAAW;MAAArE,QAAA,EAC9BgD,WAAW,CAAC5D,GAAG,CAAE,CAAEgE,IAAI,EAAED,KAAK,kBAC/B,IAAAxG,WAAA,CAAAgD,GAAA,EAAC2E,UAAU;QAEVrG,MAAM,EAAGmF,IAAM;QACf/B,QAAQ,EAAKgB,KAAK,IACjBa,kBAAkB,CAAEC,KAAK,EAAEd,KAAM,CACjC;QACDkC,SAAS,EAAGvB,WAAW,CAACwB,MAAM,GAAG,CAAG;QACpCC,QAAQ,EAAGA,CAAA,KAAMhB,kBAAkB,CAAEN,KAAM;MAAG,GANxCA,KAON,CACA;IAAC,CACO,CAAC;EAAA,CACX,CAAC;AAEL;AAEA,SAASmB,UAAUA,CAAE;EAAErG,MAAM;EAAEoD,QAAQ;EAAEkD,SAAS;EAAEE;AAAS,CAAC,EAAG;EAChE,MAAMC,YAAY,GAAG;IACpBC,SAAS,EAAE,YAAY;IACvBC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACR,CAAC;EACD,MAAMC,SAAS,GAAG,IAAArG,gBAAO,EACxB,MAAM,IAAAsG,iCAAoB,EAAE9G,MAAO,CAAC,EACpC,CAAEA,MAAM,CACT,CAAC;EACD,MAAMiB,cAAc,GAAK8F,SAAS,IAAM;IACvC3D,QAAQ,CAAE,IAAA4D,iCAAoB,EAAED,SAAU,CAAE,CAAC;EAC9C,CAAC;EAED,oBACC,IAAArI,WAAA,CAAAgD,GAAA,EAAC1D,WAAA,CAAAiJ,QAAQ;IACRR,YAAY,EAAGA,YAAc;IAC7BxD,SAAS,EAAC,kDAAkD;IAC5DiE,YAAY,EAAGA,CAAE;MAAEC,QAAQ;MAAE7D;IAAO,CAAC,KAAM;MAC1C,MAAM8D,WAAW,GAAG;QACnBtE,OAAO,EAAEqE,QAAQ;QACjBlE,SAAS,EAAE,IAAAoE,aAAI,EACd,yDAAyD,EACzD;UAAE,SAAS,EAAE/D;QAAO,CACrB,CAAC;QACD,eAAe,EAAEA;MAClB,CAAC;MACD,MAAMgE,iBAAiB,GAAG;QACzBxE,OAAO,EAAE0D,QAAQ;QACjBvD,SAAS,EAAE,IAAAoE,aAAI,EACd,uDAAuD,EACvD;UAAE,SAAS,EAAE/D;QAAO,CACrB,CAAC;QACDrE,KAAK,EAAE,IAAAC,QAAE,EAAE,eAAgB;MAC5B,CAAC;MAED,oBACC,IAAAR,WAAA,CAAAmD,IAAA,EAAAnD,WAAA,CAAAoD,QAAA;QAAAC,QAAA,gBACC,IAAArD,WAAA,CAAAgD,GAAA,EAAC1D,WAAA,CAAAwE,MAAM;UACNyB,qBAAqB;UACrBvB,IAAI,EAAG6E,aAAY;UAAA,GACdH,WAAW;UAAArF,QAAA,EAEd8E,SAAS,CAACW,KAAK,GACd,IAAAtI,QAAE,EAAE,cAAe,CAAC,GACpB,IAAAA,QAAE,EAAE,aAAc;QAAC,CACf,CAAC,EACPoH,SAAS,iBACV,IAAA5H,WAAA,CAAAgD,GAAA,EAAC1D,WAAA,CAAAwE,MAAM;UACNC,IAAI,EAAC,OAAO;UACZC,IAAI,EAAG+E,YAAO;UAAA,GACTH;QAAiB,CACtB,CACD;MAAA,CACA,CAAC;IAEL,CAAG;IACHI,aAAa,EAAGA,CAAA,kBACf,IAAAhJ,WAAA,CAAAgD,GAAA,EAAC1D,WAAA,CAAA2J,oCAAsB;MACtBC,WAAW,EAAC,QAAQ;MACpB3E,SAAS,EAAC,0DAA0D;MAAAlB,QAAA,eAEpE,IAAArD,WAAA,CAAAgD,GAAA,EAACmG,aAAa;QACbhB,SAAS,EAAGA,SAAW;QACvBzD,QAAQ,EAAGnC;MAAgB,CAC3B;IAAC,CACqB;EACtB,CACH,CAAC;AAEJ;AAEA,SAAS4G,aAAaA,CAAE;EAAEhB,SAAS;EAAEzD;AAAS,CAAC,EAAG;EACjD,MAAM0E,iCAAiC,GAAG,IAAI;EAC9C,MAAMC,WAAW,GAAG,IAAI;EAExB,MAAM9G,cAAc,GAAGA,CAAE+G,GAAG,EAAE5D,KAAK,KAAM;IACxC,MAAM2C,SAAS,GAAG;MACjB,GAAGF,SAAS;MACZ,CAAEmB,GAAG,GAAI5D;IACV,CAAC;IACDhB,QAAQ,CAAE2D,SAAU,CAAC;EACtB,CAAC;EAED,oBACC,IAAArI,WAAA,CAAAmD,IAAA,EAAC7D,WAAA,CAAA6H,oBAAM;IACNC,OAAO,EAAG,CAAG;IACb7C,SAAS,EAAC,8CAA8C;IAAAlB,QAAA,gBAExD,IAAArD,WAAA,CAAAgD,GAAA,EAAC1D,WAAA,CAAAiK,YAAY;MACZC,SAAS,EAAG,KAAO;MACnBH,WAAW,EAAGA,WAAa;MAC3BD,iCAAiC,EAChCA,iCACA;MACD1D,KAAK,EAAGyC,SAAS,CAACsB,KAAO;MACzB/E,QAAQ,EAAKgB,KAAK,IAAMnD,cAAc,CAAE,OAAO,EAAEmD,KAAM;IAAG,CAC1D,CAAC,eACF,IAAA1F,WAAA,CAAAmD,IAAA,EAAC7D,WAAA,CAAAoK,gCAAkB;MAClBC,uBAAuB;MACvBjE,KAAK,EAAGyC,SAAS,CAACW,KAAK,GAAG,OAAO,GAAG,QAAU;MAC9Cc,OAAO;MACPlF,QAAQ,EAAKgB,KAAK,IACjBnD,cAAc,CAAE,OAAO,EAAEmD,KAAK,KAAK,OAAQ,CAC3C;MACDmE,mBAAmB;MACnBtE,qBAAqB;MAAAlC,QAAA,gBAErB,IAAArD,WAAA,CAAAgD,GAAA,EAAC1D,WAAA,CAAAwK,sCAAwB;QACxBpE,KAAK,EAAC,QAAQ;QACdnF,KAAK,EAAG,IAAAC,QAAE,EAAE,QAAS;MAAG,CACxB,CAAC,eACF,IAAAR,WAAA,CAAAgD,GAAA,EAAC1D,WAAA,CAAAwK,sCAAwB;QACxBpE,KAAK,EAAC,OAAO;QACbnF,KAAK,EAAG,IAAAC,QAAE,EAAE,OAAQ;MAAG,CACvB,CAAC;IAAA,CACiB,CAAC,eACrB,IAAAR,WAAA,CAAAmD,IAAA,EAAC7D,WAAA,CAAAyK,kBAAI;MAACC,OAAO,EAAG,CAAG;MAACC,GAAG,EAAG,CAAG;MAAA5G,QAAA,gBAC5B,IAAArD,WAAA,CAAAgD,GAAA,EAACkH,kBAAkB;QAClB3J,KAAK,EAAG,IAAAC,QAAE,EAAE,YAAa,CAAG;QAC5BkF,KAAK,EAAGyC,SAAS,CAACgC,CAAG;QACrBzF,QAAQ,EAAKgB,KAAK,IAAMnD,cAAc,CAAE,GAAG,EAAEmD,KAAM;MAAG,CACtD,CAAC,eACF,IAAA1F,WAAA,CAAAgD,GAAA,EAACkH,kBAAkB;QAClB3J,KAAK,EAAG,IAAAC,QAAE,EAAE,YAAa,CAAG;QAC5BkF,KAAK,EAAGyC,SAAS,CAACiC,CAAG;QACrB1F,QAAQ,EAAKgB,KAAK,IAAMnD,cAAc,CAAE,GAAG,EAAEmD,KAAM;MAAG,CACtD,CAAC,eACF,IAAA1F,WAAA,CAAAgD,GAAA,EAACkH,kBAAkB;QAClB3J,KAAK,EAAG,IAAAC,QAAE,EAAE,MAAO,CAAG;QACtBkF,KAAK,EAAGyC,SAAS,CAACkC,IAAM;QACxB3F,QAAQ,EAAKgB,KAAK,IAAMnD,cAAc,CAAE,MAAM,EAAEmD,KAAM;MAAG,CACzD,CAAC,eACF,IAAA1F,WAAA,CAAAgD,GAAA,EAACkH,kBAAkB;QAClB3J,KAAK,EAAG,IAAAC,QAAE,EAAE,QAAS,CAAG;QACxBkF,KAAK,EAAGyC,SAAS,CAACmC,MAAQ;QAC1B5F,QAAQ,EAAKgB,KAAK,IAAMnD,cAAc,CAAE,QAAQ,EAAEmD,KAAM;MAAG,CAC3D,CAAC;IAAA,CACG,CAAC;EAAA,CACA,CAAC;AAEX;AAEA,SAASwE,kBAAkBA,CAAE;EAAE3J,KAAK;EAAEmF,KAAK;EAAEhB;AAAS,CAAC,EAAG;EACzD,MAAM6F,aAAa,GAAKC,IAAI,IAAM;IACjC,MAAMC,SAAS,GAAGD,IAAI,KAAKhJ,SAAS,IAAI,CAAEkJ,KAAK,CAAEC,UAAU,CAAEH,IAAK,CAAE,CAAC;IACrE,MAAMI,SAAS,GAAGH,SAAS,GAAGD,IAAI,GAAG,KAAK;IAC1C9F,QAAQ,CAAEkG,SAAU,CAAC;EACtB,CAAC;EAED,oBACC,IAAA5K,WAAA,CAAAgD,GAAA,EAAC1D,WAAA,CAAAuL,yBAAW;IACXtK,KAAK,EAAGA,KAAO;IACfgF,qBAAqB;IACrBG,KAAK,EAAGA,KAAO;IACfhB,QAAQ,EAAG6F;EAAe,CAC1B,CAAC;AAEJ","ignoreList":[]}
1	+ {"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_i18n","_blockEditor","_icons","_element","_lockUnlock","_subtitle","_header","_shadowsPanel","_shadowUtils","_jsxRuntime","useGlobalSetting","unlock","blockEditorPrivateApis","Menu","componentsPrivateApis","customShadowMenuItems","label","__","action","presetShadowMenuItems","ShadowsEditPanel","goBack","params","category","slug","useNavigator","shadows","setShadows","useEffect","hasCurrentShadow","some","shadow","baseShadows","undefined","selectedShadow","setSelectedShadow","useState","find","baseSelectedShadow","useMemo","b","isConfirmDialogVisible","setIsConfirmDialogVisible","isRenameModalVisible","setIsRenameModalVisible","shadowName","setShadowName","name","onShadowChange","updatedShadows","map","s","onMenuClick","handleShadowDelete","filter","handleShadowRename","newName","jsx","default","title","jsxs","Fragment","children","__experimentalHStack","justify","FlexItem","__experimentalSpacer","marginTop","marginBottom","paddingX","TriggerButton","render","Button","size","icon","moreVertical","Popover","item","Item","onClick","disabled","ItemLabel","className","ShadowsPreview","ShadowEditor","onChange","__experimentalConfirmDialog","isOpen","onConfirm","onCancel","confirmButtonText","sprintf","Modal","onRequestClose","onSubmit","event","preventDefault","__experimentalInputControl","__next40pxDefaultSize","autoComplete","placeholder","value","Flex","expanded","variant","type","shadowStyle","boxShadow","align","style","addShadowButtonRef","useRef","shadowParts","getShadowParts","onChangeShadowPart","index","part","newShadowParts","join","onAddShadowPart","defaultShadow","onRemoveShadowPart","p","i","current","focus","__experimentalVStack","spacing","level","plus","ref","__experimentalItemGroup","isBordered","isSeparated","ShadowItem","canRemove","length","onRemove","popoverProps","placement","offset","shift","shadowObj","shadowStringToObject","newShadow","shadowObjectToString","Dropdown","renderToggle","onToggle","toggleProps","clsx","removeButtonProps","shadowIcon","inset","reset","renderContent","__experimentalDropdownContentWrapper","paddingSize","ShadowPopover","__experimentalIsRenderedInSidebar","enableAlpha","key","ColorPalette","clearable","color","__experimentalToggleGroupControl","__nextHasNoMarginBottom","isBlock","hideLabelFromVision","__experimentalToggleGroupControlOption","__experimentalGrid","columns","gap","ShadowInputControl","x","y","blur","spread","onValueChange","next","isNumeric","isNaN","parseFloat","nextValue","__experimentalUnitControl"],"sources":["@wordpress/edit-site/src/components/global-styles/shadows-edit-panel.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalSpacer as Spacer,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalInputControl as InputControl,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalGrid as Grid,\n\t__experimentalDropdownContentWrapper as DropdownContentWrapper,\n\tuseNavigator,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalConfirmDialog as ConfirmDialog,\n\tDropdown,\n\tButton,\n\tFlex,\n\tFlexItem,\n\tColorPalette,\n\tModal,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport {\n\tplus,\n\tshadow as shadowIcon,\n\treset,\n\tmoreVertical,\n} from '@wordpress/icons';\nimport { useState, useMemo, useEffect, useRef } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport { unlock } from '../../lock-unlock';\nimport Subtitle from './subtitle';\nimport ScreenHeader from './header';\nimport { defaultShadow } from './shadows-panel';\nimport {\n\tgetShadowParts,\n\tshadowStringToObject,\n\tshadowObjectToString,\n} from './shadow-utils';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\nconst { Menu } = unlock( componentsPrivateApis );\n\nconst customShadowMenuItems = [\n\t{\n\t\tlabel: __( 'Rename' ),\n\t\taction: 'rename',\n\t},\n\t{\n\t\tlabel: __( 'Delete' ),\n\t\taction: 'delete',\n\t},\n];\n\nconst presetShadowMenuItems = [\n\t{\n\t\tlabel: __( 'Reset' ),\n\t\taction: 'reset',\n\t},\n];\n\nexport default function ShadowsEditPanel() {\n\tconst {\n\t\tgoBack,\n\t\tparams: { category, slug },\n\t} = useNavigator();\n\tconst [ shadows, setShadows ] = useGlobalSetting(\n\t\t`shadow.presets.${ category }`\n\t);\n\n\tuseEffect( () => {\n\t\tconst hasCurrentShadow = shadows?.some(\n\t\t\t( shadow ) => shadow.slug === slug\n\t\t);\n\t\t// If the shadow being edited doesn't exist anymore in the global styles setting, navigate back\n\t\t// to prevent the user from editing a non-existent shadow entry.\n\t\t// This can happen, for example:\n\t\t// - when the user deletes the shadow\n\t\t// - when the user resets the styles while editing a custom shadow\n\t\t//\n\t\t// The check on the slug is necessary to prevent a double back navigation when the user triggers\n\t\t// a backward navigation by interacting with the screen's UI.\n\t\tif ( !! slug && ! hasCurrentShadow ) {\n\t\t\tgoBack();\n\t\t}\n\t}, [ shadows, slug, goBack ] );\n\n\tconst [ baseShadows ] = useGlobalSetting(\n\t\t`shadow.presets.${ category }`,\n\t\tundefined,\n\t\t'base'\n\t);\n\tconst [ selectedShadow, setSelectedShadow ] = useState( () =>\n\t\t( shadows \|\| [] ).find( ( shadow ) => shadow.slug === slug )\n\t);\n\tconst baseSelectedShadow = useMemo(\n\t\t() => ( baseShadows \|\| [] ).find( ( b ) => b.slug === slug ),\n\t\t[ baseShadows, slug ]\n\t);\n\tconst [ isConfirmDialogVisible, setIsConfirmDialogVisible ] =\n\t\tuseState( false );\n\tconst [ isRenameModalVisible, setIsRenameModalVisible ] = useState( false );\n\tconst [ shadowName, setShadowName ] = useState( selectedShadow.name );\n\n\tif ( ! category \|\| ! slug ) {\n\t\treturn null;\n\t}\n\n\tconst onShadowChange = ( shadow ) => {\n\t\tsetSelectedShadow( { ...selectedShadow, shadow } );\n\t\tconst updatedShadows = shadows.map( ( s ) =>\n\t\t\ts.slug === slug ? { ...selectedShadow, shadow } : s\n\t\t);\n\t\tsetShadows( updatedShadows );\n\t};\n\n\tconst onMenuClick = ( action ) => {\n\t\tif ( action === 'reset' ) {\n\t\t\tconst updatedShadows = shadows.map( ( s ) =>\n\t\t\t\ts.slug === slug ? baseSelectedShadow : s\n\t\t\t);\n\t\t\tsetSelectedShadow( baseSelectedShadow );\n\t\t\tsetShadows( updatedShadows );\n\t\t} else if ( action === 'delete' ) {\n\t\t\tsetIsConfirmDialogVisible( true );\n\t\t} else if ( action === 'rename' ) {\n\t\t\tsetIsRenameModalVisible( true );\n\t\t}\n\t};\n\n\tconst handleShadowDelete = () => {\n\t\tsetShadows( shadows.filter( ( s ) => s.slug !== slug ) );\n\t};\n\n\tconst handleShadowRename = ( newName ) => {\n\t\tif ( ! newName ) {\n\t\t\treturn;\n\t\t}\n\t\tconst updatedShadows = shadows.map( ( s ) =>\n\t\t\ts.slug === slug ? { ...selectedShadow, name: newName } : s\n\t\t);\n\t\tsetSelectedShadow( { ...selectedShadow, name: newName } );\n\t\tsetShadows( updatedShadows );\n\t};\n\n\treturn ! selectedShadow ? (\n\t\t<ScreenHeader title=\"\" />\n\t) : (\n\t\t<>\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<ScreenHeader title={ selectedShadow.name } />\n\t\t\t\t<FlexItem>\n\t\t\t\t\t<Spacer marginTop={ 2 } marginBottom={ 0 } paddingX={ 4 }>\n\t\t\t\t\t\t<Menu>\n\t\t\t\t\t\t\t<Menu.TriggerButton\n\t\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Menu' ) }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Menu.Popover>\n\t\t\t\t\t\t\t\t{ ( category === 'custom'\n\t\t\t\t\t\t\t\t\t? customShadowMenuItems\n\t\t\t\t\t\t\t\t\t: presetShadowMenuItems\n\t\t\t\t\t\t\t\t).map( ( item ) => (\n\t\t\t\t\t\t\t\t\t<Menu.Item\n\t\t\t\t\t\t\t\t\t\tkey={ item.action }\n\t\t\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\t\t\tonMenuClick( item.action )\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t\t\titem.action === 'reset' &&\n\t\t\t\t\t\t\t\t\t\t\tselectedShadow.shadow ===\n\t\t\t\t\t\t\t\t\t\t\t\tbaseSelectedShadow.shadow\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\t\t<Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t\t\t{ item.label }\n\t\t\t\t\t\t\t\t\t\t</Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t</Menu.Item>\n\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t</Menu.Popover>\n\t\t\t\t\t\t</Menu>\n\t\t\t\t\t</Spacer>\n\t\t\t\t</FlexItem>\n\t\t\t</HStack>\n\t\t\t<div className=\"edit-site-global-styles-screen\">\n\t\t\t\t<ShadowsPreview shadow={ selectedShadow.shadow } />\n\t\t\t\t<ShadowEditor\n\t\t\t\t\tshadow={ selectedShadow.shadow }\n\t\t\t\t\tonChange={ onShadowChange }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t{ isConfirmDialogVisible && (\n\t\t\t\t<ConfirmDialog\n\t\t\t\t\tisOpen\n\t\t\t\t\tonConfirm={ () => {\n\t\t\t\t\t\thandleShadowDelete();\n\t\t\t\t\t\tsetIsConfirmDialogVisible( false );\n\t\t\t\t\t} }\n\t\t\t\t\tonCancel={ () => {\n\t\t\t\t\t\tsetIsConfirmDialogVisible( false );\n\t\t\t\t\t} }\n\t\t\t\t\tconfirmButtonText={ __( 'Delete' ) }\n\t\t\t\t\tsize=\"medium\"\n\t\t\t\t>\n\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t/ translators: %s: Name of the shadow preset. */\n\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t'Are you sure you want to delete \"%s\" shadow preset?'\n\t\t\t\t\t\t),\n\t\t\t\t\t\tselectedShadow.name\n\t\t\t\t\t) }\n\t\t\t\t</ConfirmDialog>\n\t\t\t) }\n\t\t\t{ isRenameModalVisible && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={ __( 'Rename' ) }\n\t\t\t\t\tonRequestClose={ () => setIsRenameModalVisible( false ) }\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t>\n\t\t\t\t\t<form\n\t\t\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\thandleShadowRename( shadowName );\n\t\t\t\t\t\t\tsetIsRenameModalVisible( false );\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t<InputControl\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\t\tplaceholder={ __( 'Shadow name' ) }\n\t\t\t\t\t\t\tvalue={ shadowName }\n\t\t\t\t\t\t\tonChange={ ( value ) => setShadowName( value ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Spacer marginBottom={ 6 } />\n\t\t\t\t\t\t<Flex\n\t\t\t\t\t\t\tclassName=\"block-editor-shadow-edit-modal__actions\"\n\t\t\t\t\t\t\tjustify=\"flex-end\"\n\t\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\t\tsetIsRenameModalVisible( false )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Save' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t</Flex>\n\t\t\t\t\t</form>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction ShadowsPreview( { shadow } ) {\n\tconst shadowStyle = {\n\t\tboxShadow: shadow,\n\t};\n\n\treturn (\n\t\t<Spacer marginBottom={ 4 } marginTop={ -2 }>\n\t\t\t<HStack\n\t\t\t\talign=\"center\"\n\t\t\t\tjustify=\"center\"\n\t\t\t\tclassName=\"edit-site-global-styles__shadow-preview-panel\"\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadow-preview-block\"\n\t\t\t\t\tstyle={ shadowStyle }\n\t\t\t\t/>\n\t\t\t</HStack>\n\t\t</Spacer>\n\t);\n}\n\nfunction ShadowEditor( { shadow, onChange } ) {\n\tconst addShadowButtonRef = useRef();\n\tconst shadowParts = useMemo( () => getShadowParts( shadow ), [ shadow ] );\n\n\tconst onChangeShadowPart = ( index, part ) => {\n\t\tconst newShadowParts = [ ...shadowParts ];\n\t\tnewShadowParts[ index ] = part;\n\t\tonChange( newShadowParts.join( ', ' ) );\n\t};\n\n\tconst onAddShadowPart = () => {\n\t\tonChange( [ ...shadowParts, defaultShadow ].join( ', ' ) );\n\t};\n\n\tconst onRemoveShadowPart = ( index ) => {\n\t\tonChange( shadowParts.filter( ( p, i ) => i !== index ).join( ', ' ) );\n\t\taddShadowButtonRef.current.focus();\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<VStack spacing={ 2 }>\n\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t<Flex\n\t\t\t\t\t\talign=\"center\"\n\t\t\t\t\t\tclassName=\"edit-site-global-styles__shadows-panel__title\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Subtitle level={ 3 }>{ __( 'Shadows' ) }</Subtitle>\n\t\t\t\t\t</Flex>\n\t\t\t\t\t<FlexItem className=\"edit-site-global-styles__shadows-panel__options-container\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\tlabel={ __( 'Add shadow' ) }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonAddShadowPart();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tref={ addShadowButtonRef }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t</HStack>\n\t\t\t</VStack>\n\t\t\t<Spacer />\n\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t{ shadowParts.map( ( part, index ) => (\n\t\t\t\t\t<ShadowItem\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\tshadow={ part }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tonChangeShadowPart( index, value )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcanRemove={ shadowParts.length > 1 }\n\t\t\t\t\t\tonRemove={ () => onRemoveShadowPart( index ) }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</ItemGroup>\n\t\t</>\n\t);\n}\n\nfunction ShadowItem( { shadow, onChange, canRemove, onRemove } ) {\n\tconst popoverProps = {\n\t\tplacement: 'left-start',\n\t\toffset: 36,\n\t\tshift: true,\n\t};\n\tconst shadowObj = useMemo(\n\t\t() => shadowStringToObject( shadow ),\n\t\t[ shadow ]\n\t);\n\tconst onShadowChange = ( newShadow ) => {\n\t\tonChange( shadowObjectToString( newShadow ) );\n\t};\n\n\treturn (\n\t\t<Dropdown\n\t\t\tpopoverProps={ popoverProps }\n\t\t\tclassName=\"edit-site-global-styles__shadow-editor__dropdown\"\n\t\t\trenderToggle={ ( { onToggle, isOpen } ) => {\n\t\t\t\tconst toggleProps = {\n\t\t\t\t\tonClick: onToggle,\n\t\t\t\t\tclassName: clsx(\n\t\t\t\t\t\t'edit-site-global-styles__shadow-editor__dropdown-toggle',\n\t\t\t\t\t\t{ 'is-open': isOpen }\n\t\t\t\t\t),\n\t\t\t\t\t'aria-expanded': isOpen,\n\t\t\t\t};\n\t\t\t\tconst removeButtonProps = {\n\t\t\t\t\tonClick: () => {\n\t\t\t\t\t\tif ( isOpen ) {\n\t\t\t\t\t\t\tonToggle();\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonRemove();\n\t\t\t\t\t},\n\t\t\t\t\tclassName: clsx(\n\t\t\t\t\t\t'edit-site-global-styles__shadow-editor__remove-button',\n\t\t\t\t\t\t{ 'is-open': isOpen }\n\t\t\t\t\t),\n\t\t\t\t\tlabel: __( 'Remove shadow' ),\n\t\t\t\t};\n\n\t\t\t\treturn (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\ticon={ shadowIcon }\n\t\t\t\t\t\t\t{ ...toggleProps }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ shadowObj.inset\n\t\t\t\t\t\t\t\t? __( 'Inner shadow' )\n\t\t\t\t\t\t\t\t: __( 'Drop shadow' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t{ canRemove && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\ticon={ reset }\n\t\t\t\t\t\t\t\t{ ...removeButtonProps }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</>\n\t\t\t\t);\n\t\t\t} }\n\t\t\trenderContent={ () => (\n\t\t\t\t<DropdownContentWrapper\n\t\t\t\t\tpaddingSize=\"medium\"\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadow-editor__dropdown-content\"\n\t\t\t\t>\n\t\t\t\t\t<ShadowPopover\n\t\t\t\t\t\tshadowObj={ shadowObj }\n\t\t\t\t\t\tonChange={ onShadowChange }\n\t\t\t\t\t/>\n\t\t\t\t</DropdownContentWrapper>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nfunction ShadowPopover( { shadowObj, onChange } ) {\n\tconst __experimentalIsRenderedInSidebar = true;\n\tconst enableAlpha = true;\n\n\tconst onShadowChange = ( key, value ) => {\n\t\tconst newShadow = {\n\t\t\t...shadowObj,\n\t\t\t[ key ]: value,\n\t\t};\n\t\tonChange( newShadow );\n\t};\n\n\treturn (\n\t\t<VStack\n\t\t\tspacing={ 4 }\n\t\t\tclassName=\"edit-site-global-styles__shadow-editor-panel\"\n\t\t>\n\t\t\t<ColorPalette\n\t\t\t\tclearable={ false }\n\t\t\t\tenableAlpha={ enableAlpha }\n\t\t\t\t__experimentalIsRenderedInSidebar={\n\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t}\n\t\t\t\tvalue={ shadowObj.color }\n\t\t\t\tonChange={ ( value ) => onShadowChange( 'color', value ) }\n\t\t\t/>\n\t\t\t<ToggleGroupControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tvalue={ shadowObj.inset ? 'inset' : 'outset' }\n\t\t\t\tisBlock\n\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\tonShadowChange( 'inset', value === 'inset' )\n\t\t\t\t}\n\t\t\t\thideLabelFromVision\n\t\t\t\t__next40pxDefaultSize\n\t\t\t>\n\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\tvalue=\"outset\"\n\t\t\t\t\tlabel={ __( 'Outset' ) }\n\t\t\t\t/>\n\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\tvalue=\"inset\"\n\t\t\t\t\tlabel={ __( 'Inset' ) }\n\t\t\t\t/>\n\t\t\t</ToggleGroupControl>\n\t\t\t<Grid columns={ 2 } gap={ 4 }>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'X Position' ) }\n\t\t\t\t\tvalue={ shadowObj.x }\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'x', value ) }\n\t\t\t\t/>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'Y Position' ) }\n\t\t\t\t\tvalue={ shadowObj.y }\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'y', value ) }\n\t\t\t\t/>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'Blur' ) }\n\t\t\t\t\tvalue={ shadowObj.blur }\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'blur', value ) }\n\t\t\t\t/>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'Spread' ) }\n\t\t\t\t\tvalue={ shadowObj.spread }\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'spread', value ) }\n\t\t\t\t/>\n\t\t\t</Grid>\n\t\t</VStack>\n\t);\n}\n\nfunction ShadowInputControl( { label, value, onChange } ) {\n\tconst onValueChange = ( next ) => {\n\t\tconst isNumeric = next !== undefined && ! isNaN( parseFloat( next ) );\n\t\tconst nextValue = isNumeric ? next : '0px';\n\t\tonChange( nextValue );\n\t};\n\n\treturn (\n\t\t<UnitControl\n\t\t\tlabel={ label }\n\t\t\t__next40pxDefaultSize\n\t\t\tvalue={ value }\n\t\t\tonChange={ onValueChange }\n\t\t/>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/global-styles/shadows-panel.js CHANGED Viewed

@@ -16,6 +16,8 @@ var _subtitle = _interopRequireDefault(require("./subtitle"));
 var _navigationButton = require("./navigation-button");
 var _header = _interopRequireDefault(require("./header"));
 var _utils = require("./utils");
+var _element = require("@wordpress/element");
+var _confirmResetShadowDialog = _interopRequireDefault(require("./confirm-reset-shadow-dialog"));
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
@@ -28,6 +30,9 @@ var _jsxRuntime = require("react/jsx-runtime");
 const {
   useGlobalSetting
 } = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+const {
+  Menu
+} = (0, _lockUnlock.unlock)(_components.privateApis);
 const defaultShadow = exports.defaultShadow = '6px 6px 9px rgba(0, 0, 0, 0.2)';
 function ShadowsPanel() {
   const [defaultShadows] = useGlobalSetting('shadow.presets.default');
@@ -37,8 +42,19 @@ function ShadowsPanel() {
   const onCreateShadow = shadow => {
     setCustomShadows([...(customShadows || []), shadow]);
   };
+  const handleResetShadows = () => {
+    setCustomShadows([]);
+  };
+  const [isResetDialogOpen, setIsResetDialogOpen] = (0, _element.useState)(false);
+  const toggleResetDialog = () => setIsResetDialogOpen(!isResetDialogOpen);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_header.default, {
+    children: [isResetDialogOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_confirmResetShadowDialog.default, {
+      text: (0, _i18n.__)('Are you sure you want to remove all custom shadows?'),
+      confirmButtonText: (0, _i18n.__)('Remove'),
+      isOpen: isResetDialogOpen,
+      toggleOpen: toggleResetDialog,
+      onConfirm: handleResetShadows
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_header.default, {
       title: (0, _i18n.__)('Shadows'),
       description: (0, _i18n.__)('Manage and create shadow styles for use across the site.')
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -59,7 +75,8 @@ function ShadowsPanel() {
           shadows: customShadows || [],
           category: "custom",
           canCreate: true,
-          onCreate: onCreateShadow
+          onCreate: onCreateShadow,
+          onReset: toggleResetDialog
         })]
       })
     })]
@@ -70,7 +87,8 @@ function ShadowList({
   shadows,
   category,
   canCreate,
-  onCreate
+  onCreate,
+  onReset
 }) {
   const handleAddShadow = () => {
     const newIndex = (0, _utils.getNewIndexFromPresets)(shadows, 'shadow-');
@@ -102,6 +120,21 @@ function ShadowList({
             handleAddShadow();
           }
         })
+      }), !!shadows?.length && category === 'custom' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(Menu, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Menu.TriggerButton, {
+          render: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+            size: "small",
+            icon: _icons.moreVertical,
+            label: (0, _i18n.__)('Shadow options')
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Menu.Popover, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Menu.Item, {
+            onClick: onReset,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Menu.ItemLabel, {
+              children: (0, _i18n.__)('Remove all custom shadows')
+            })
+          })
+        })]
       })]
     }), shadows.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalItemGroup, {
       isBordered: true,
@@ -119,8 +152,13 @@ function ShadowItem({
 }) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_navigationButton.NavigationButtonAsItem, {
     path: `/shadows/edit/${category}/${shadow.slug}`,
-    icon: _icons.shadow,
-    children: shadow.name
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
+        children: shadow.name
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
+        icon: (0, _i18n.isRTL)() ? _icons.chevronLeft : _icons.chevronRight
+      })]
+    })
   });
 }
 //# sourceMappingURL=shadows-panel.js.map

package/build/components/global-styles/shadows-panel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_components","require","_i18n","_blockEditor","_icons","_lockUnlock","_subtitle","_interopRequireDefault","_navigationButton","_header","_utils","_jsxRuntime","useGlobalSetting","unlock","blockEditorPrivateApis","defaultShadow","exports","ShadowsPanel","defaultShadows","defaultShadowsEnabled","themeShadows","customShadows","setCustomShadows","onCreateShadow","shadow","jsxs","Fragment","children","jsx","default","title","__","description","className","__experimentalVStack","spacing","ShadowList","label","shadows","category","length","canCreate","onCreate","handleAddShadow","newIndex","getNewIndexFromPresets","name","sprintf","slug","__experimentalHStack","justify","Flex","align","level","FlexItem","Button","size","icon","plus","onClick","__experimentalItemGroup","isBordered","isSeparated","map","ShadowItem","NavigationButtonAsItem","path","shadowIcon"],"sources":["@wordpress/edit-site/src/components/global-styles/shadows-panel.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalItemGroup as ItemGroup,\n\tButton,\n\tFlex,\n\tFlexItem,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { plus, shadow as shadowIcon } from '@wordpress/icons';\n\n/\n Internal dependencies\n /\nimport { unlock } from '../../lock-unlock';\nimport Subtitle from './subtitle';\nimport { NavigationButtonAsItem } from './navigation-button';\nimport ScreenHeader from './header';\nimport { getNewIndexFromPresets } from './utils';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\n\nexport const defaultShadow = '6px 6px 9px rgba(0, 0, 0, 0.2)';\n\nexport default function ShadowsPanel() {\n\tconst [ defaultShadows ] = useGlobalSetting( 'shadow.presets.default' );\n\tconst [ defaultShadowsEnabled ] = useGlobalSetting(\n\t\t'shadow.defaultPresets'\n\t);\n\tconst [ themeShadows ] = useGlobalSetting( 'shadow.presets.theme' );\n\tconst [ customShadows, setCustomShadows ] = useGlobalSetting(\n\t\t'shadow.presets.custom'\n\t);\n\n\tconst onCreateShadow = ( shadow ) => {\n\t\tsetCustomShadows( [ ...( customShadows \|\| [] ), shadow ] );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Shadows' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Manage and create shadow styles for use across the site.'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<div className=\"edit-site-global-styles-screen\">\n\t\t\t\t<VStack\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadows-panel\"\n\t\t\t\t\tspacing={ 7 }\n\t\t\t\t>\n\t\t\t\t\t{ defaultShadowsEnabled && (\n\t\t\t\t\t\t<ShadowList\n\t\t\t\t\t\t\tlabel={ __( 'Default' ) }\n\t\t\t\t\t\t\tshadows={ defaultShadows \|\| [] }\n\t\t\t\t\t\t\tcategory=\"default\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ themeShadows && themeShadows.length > 0 && (\n\t\t\t\t\t\t<ShadowList\n\t\t\t\t\t\t\tlabel={ __( 'Theme' ) }\n\t\t\t\t\t\t\tshadows={ themeShadows \|\| [] }\n\t\t\t\t\t\t\tcategory=\"theme\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t<ShadowList\n\t\t\t\t\t\tlabel={ __( 'Custom' ) }\n\t\t\t\t\t\tshadows={ customShadows \|\| [] }\n\t\t\t\t\t\tcategory=\"custom\"\n\t\t\t\t\t\tcanCreate\n\t\t\t\t\t\tonCreate={ onCreateShadow }\n\t\t\t\t\t/>\n\t\t\t\t</VStack>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nfunction ShadowList( { label, shadows, category, canCreate, onCreate } ) {\n\tconst handleAddShadow = () => {\n\t\tconst newIndex = getNewIndexFromPresets( shadows, 'shadow-' );\n\t\tonCreate( {\n\t\t\tname: sprintf(\n\t\t\t\t/ translators: %s: is an index for a preset */\n\t\t\t\t__( 'Shadow %s' ),\n\t\t\t\tnewIndex\n\t\t\t),\n\t\t\tshadow: defaultShadow,\n\t\t\tslug: `shadow-${ newIndex }`,\n\t\t} );\n\t};\n\n\treturn (\n\t\t<VStack spacing={ 2 }>\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<Flex\n\t\t\t\t\talign=\"center\"\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadows-panel__title\"\n\t\t\t\t>\n\t\t\t\t\t<Subtitle level={ 3 }>{ label }</Subtitle>\n\t\t\t\t</Flex>\n\t\t\t\t{ canCreate && (\n\t\t\t\t\t<FlexItem className=\"edit-site-global-styles__shadows-panel__options-container\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\tlabel={ __( 'Add shadow' ) }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\thandleAddShadow();\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) }\n\t\t\t</HStack>\n\t\t\t{ shadows.length > 0 && (\n\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t{ shadows.map( ( shadow ) => (\n\t\t\t\t\t\t<ShadowItem\n\t\t\t\t\t\t\tkey={ shadow.slug }\n\t\t\t\t\t\t\tshadow={ shadow }\n\t\t\t\t\t\t\tcategory={ category }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t</ItemGroup>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n\nfunction ShadowItem( { shadow, category } ) {\n\treturn (\n\t\t<NavigationButtonAsItem\n\t\t\tpath={ `/shadows/edit/${ category }/${ shadow.slug }` }\n\t\t\ticon={ shadowIcon }\n\t\t>\n\t\t\t{ shadow.name }\n\t\t</NavigationButtonAsItem>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_components","require","_i18n","_blockEditor","_icons","_lockUnlock","_subtitle","_interopRequireDefault","_navigationButton","_header","_utils","_element","_confirmResetShadowDialog","_jsxRuntime","useGlobalSetting","unlock","blockEditorPrivateApis","Menu","componentsPrivateApis","defaultShadow","exports","ShadowsPanel","defaultShadows","defaultShadowsEnabled","themeShadows","customShadows","setCustomShadows","onCreateShadow","shadow","handleResetShadows","isResetDialogOpen","setIsResetDialogOpen","useState","toggleResetDialog","jsxs","Fragment","children","jsx","default","text","__","confirmButtonText","isOpen","toggleOpen","onConfirm","title","description","className","__experimentalVStack","spacing","ShadowList","label","shadows","category","length","canCreate","onCreate","onReset","handleAddShadow","newIndex","getNewIndexFromPresets","name","sprintf","slug","__experimentalHStack","justify","Flex","align","level","FlexItem","Button","size","icon","plus","onClick","TriggerButton","render","moreVertical","Popover","Item","ItemLabel","__experimentalItemGroup","isBordered","isSeparated","map","ShadowItem","NavigationButtonAsItem","path","Icon","isRTL","chevronLeft","chevronRight"],"sources":["@wordpress/edit-site/src/components/global-styles/shadows-panel.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalItemGroup as ItemGroup,\n\tButton,\n\tFlex,\n\tFlexItem,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __, sprintf, isRTL } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport {\n\tplus,\n\tIcon,\n\tchevronLeft,\n\tchevronRight,\n\tmoreVertical,\n} from '@wordpress/icons';\n\n/\n Internal dependencies\n /\nimport { unlock } from '../../lock-unlock';\nimport Subtitle from './subtitle';\nimport { NavigationButtonAsItem } from './navigation-button';\nimport ScreenHeader from './header';\nimport { getNewIndexFromPresets } from './utils';\nimport { useState } from '@wordpress/element';\nimport ConfirmResetShadowDialog from './confirm-reset-shadow-dialog';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\nconst { Menu } = unlock( componentsPrivateApis );\n\nexport const defaultShadow = '6px 6px 9px rgba(0, 0, 0, 0.2)';\n\nexport default function ShadowsPanel() {\n\tconst [ defaultShadows ] = useGlobalSetting( 'shadow.presets.default' );\n\tconst [ defaultShadowsEnabled ] = useGlobalSetting(\n\t\t'shadow.defaultPresets'\n\t);\n\tconst [ themeShadows ] = useGlobalSetting( 'shadow.presets.theme' );\n\tconst [ customShadows, setCustomShadows ] = useGlobalSetting(\n\t\t'shadow.presets.custom'\n\t);\n\n\tconst onCreateShadow = ( shadow ) => {\n\t\tsetCustomShadows( [ ...( customShadows \|\| [] ), shadow ] );\n\t};\n\n\tconst handleResetShadows = () => {\n\t\tsetCustomShadows( [] );\n\t};\n\n\tconst [ isResetDialogOpen, setIsResetDialogOpen ] = useState( false );\n\n\tconst toggleResetDialog = () => setIsResetDialogOpen( ! isResetDialogOpen );\n\n\treturn (\n\t\t<>\n\t\t\t{ isResetDialogOpen && (\n\t\t\t\t<ConfirmResetShadowDialog\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Are you sure you want to remove all custom shadows?'\n\t\t\t\t\t) }\n\t\t\t\t\tconfirmButtonText={ __( 'Remove' ) }\n\t\t\t\t\tisOpen={ isResetDialogOpen }\n\t\t\t\t\ttoggleOpen={ toggleResetDialog }\n\t\t\t\t\tonConfirm={ handleResetShadows }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Shadows' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Manage and create shadow styles for use across the site.'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<div className=\"edit-site-global-styles-screen\">\n\t\t\t\t<VStack\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadows-panel\"\n\t\t\t\t\tspacing={ 7 }\n\t\t\t\t>\n\t\t\t\t\t{ defaultShadowsEnabled && (\n\t\t\t\t\t\t<ShadowList\n\t\t\t\t\t\t\tlabel={ __( 'Default' ) }\n\t\t\t\t\t\t\tshadows={ defaultShadows \|\| [] }\n\t\t\t\t\t\t\tcategory=\"default\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ themeShadows && themeShadows.length > 0 && (\n\t\t\t\t\t\t<ShadowList\n\t\t\t\t\t\t\tlabel={ __( 'Theme' ) }\n\t\t\t\t\t\t\tshadows={ themeShadows \|\| [] }\n\t\t\t\t\t\t\tcategory=\"theme\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t<ShadowList\n\t\t\t\t\t\tlabel={ __( 'Custom' ) }\n\t\t\t\t\t\tshadows={ customShadows \|\| [] }\n\t\t\t\t\t\tcategory=\"custom\"\n\t\t\t\t\t\tcanCreate\n\t\t\t\t\t\tonCreate={ onCreateShadow }\n\t\t\t\t\t\tonReset={ toggleResetDialog }\n\t\t\t\t\t/>\n\t\t\t\t</VStack>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nfunction ShadowList( {\n\tlabel,\n\tshadows,\n\tcategory,\n\tcanCreate,\n\tonCreate,\n\tonReset,\n} ) {\n\tconst handleAddShadow = () => {\n\t\tconst newIndex = getNewIndexFromPresets( shadows, 'shadow-' );\n\t\tonCreate( {\n\t\t\tname: sprintf(\n\t\t\t\t/ translators: %s: is an index for a preset */\n\t\t\t\t__( 'Shadow %s' ),\n\t\t\t\tnewIndex\n\t\t\t),\n\t\t\tshadow: defaultShadow,\n\t\t\tslug: `shadow-${ newIndex }`,\n\t\t} );\n\t};\n\n\treturn (\n\t\t<VStack spacing={ 2 }>\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<Flex\n\t\t\t\t\talign=\"center\"\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadows-panel__title\"\n\t\t\t\t>\n\t\t\t\t\t<Subtitle level={ 3 }>{ label }</Subtitle>\n\t\t\t\t</Flex>\n\t\t\t\t{ canCreate && (\n\t\t\t\t\t<FlexItem className=\"edit-site-global-styles__shadows-panel__options-container\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\tlabel={ __( 'Add shadow' ) }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\thandleAddShadow();\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) }\n\t\t\t\t{ !! shadows?.length && category === 'custom' && (\n\t\t\t\t\t<Menu>\n\t\t\t\t\t\t<Menu.TriggerButton\n\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Shadow options' ) }\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\t<Menu.Popover>\n\t\t\t\t\t\t\t<Menu.Item onClick={ onReset }>\n\t\t\t\t\t\t\t\t<Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t{ __( 'Remove all custom shadows' ) }\n\t\t\t\t\t\t\t\t</Menu.ItemLabel>\n\t\t\t\t\t\t\t</Menu.Item>\n\t\t\t\t\t\t</Menu.Popover>\n\t\t\t\t\t</Menu>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t\t{ shadows.length > 0 && (\n\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t{ shadows.map( ( shadow ) => (\n\t\t\t\t\t\t<ShadowItem\n\t\t\t\t\t\t\tkey={ shadow.slug }\n\t\t\t\t\t\t\tshadow={ shadow }\n\t\t\t\t\t\t\tcategory={ category }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t</ItemGroup>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n\nfunction ShadowItem( { shadow, category } ) {\n\treturn (\n\t\t<NavigationButtonAsItem\n\t\t\tpath={ `/shadows/edit/${ category }/${ shadow.slug }` }\n\t\t>\n\t\t\t<HStack>\n\t\t\t\t<FlexItem>{ shadow.name }</FlexItem>\n\t\t\t\t<Icon icon={ isRTL() ? chevronLeft : chevronRight } />\n\t\t\t</HStack>\n\t\t</NavigationButtonAsItem>\n\t);\n}\n"],"mappings":";;;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AASA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAWA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,iBAAA,GAAAP,OAAA;AACA,IAAAQ,OAAA,GAAAF,sBAAA,CAAAN,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AACA,IAAAU,QAAA,GAAAV,OAAA;AACA,IAAAW,yBAAA,GAAAL,sBAAA,CAAAN,OAAA;AAAqE,IAAAY,WAAA,GAAAZ,OAAA;AA/BrE;AACA;AACA;;AAoBA;AACA;AACA;;AASA,MAAM;EAAEa;AAAiB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAC7D,MAAM;EAAEC;AAAK,CAAC,GAAG,IAAAF,kBAAM,EAAEG,uBAAsB,CAAC;AAEzC,MAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,gCAAgC;AAE9C,SAASE,YAAYA,CAAA,EAAG;EACtC,MAAM,CAAEC,cAAc,CAAE,GAAGR,gBAAgB,CAAE,wBAAyB,CAAC;EACvE,MAAM,CAAES,qBAAqB,CAAE,GAAGT,gBAAgB,CACjD,uBACD,CAAC;EACD,MAAM,CAAEU,YAAY,CAAE,GAAGV,gBAAgB,CAAE,sBAAuB,CAAC;EACnE,MAAM,CAAEW,aAAa,EAAEC,gBAAgB,CAAE,GAAGZ,gBAAgB,CAC3D,uBACD,CAAC;EAED,MAAMa,cAAc,GAAKC,MAAM,IAAM;IACpCF,gBAAgB,CAAE,CAAE,IAAKD,aAAa,IAAI,EAAE,CAAE,EAAEG,MAAM,CAAG,CAAC;EAC3D,CAAC;EAED,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;IAChCH,gBAAgB,CAAE,EAAG,CAAC;EACvB,CAAC;EAED,MAAM,CAAEI,iBAAiB,EAAEC,oBAAoB,CAAE,GAAG,IAAAC,iBAAQ,EAAE,KAAM,CAAC;EAErE,MAAMC,iBAAiB,GAAGA,CAAA,KAAMF,oBAAoB,CAAE,CAAED,iBAAkB,CAAC;EAE3E,oBACC,IAAAjB,WAAA,CAAAqB,IAAA,EAAArB,WAAA,CAAAsB,QAAA;IAAAC,QAAA,GACGN,iBAAiB,iBAClB,IAAAjB,WAAA,CAAAwB,GAAA,EAACzB,yBAAA,CAAA0B,OAAwB;MACxBC,IAAI,EAAG,IAAAC,QAAE,EACR,qDACD,CAAG;MACHC,iBAAiB,EAAG,IAAAD,QAAE,EAAE,QAAS,CAAG;MACpCE,MAAM,EAAGZ,iBAAmB;MAC5Ba,UAAU,EAAGV,iBAAmB;MAChCW,SAAS,EAAGf;IAAoB,CAChC,CACD,eACD,IAAAhB,WAAA,CAAAwB,GAAA,EAAC5B,OAAA,CAAA6B,OAAY;MACZO,KAAK,EAAG,IAAAL,QAAE,EAAE,SAAU,CAAG;MACzBM,WAAW,EAAG,IAAAN,QAAE,EACf,0DACD;IAAG,CACH,CAAC,eACF,IAAA3B,WAAA,CAAAwB,GAAA;MAAKU,SAAS,EAAC,gCAAgC;MAAAX,QAAA,eAC9C,IAAAvB,WAAA,CAAAqB,IAAA,EAAClC,WAAA,CAAAgD,oBAAM;QACND,SAAS,EAAC,wCAAwC;QAClDE,OAAO,EAAG,CAAG;QAAAb,QAAA,GAEXb,qBAAqB,iBACtB,IAAAV,WAAA,CAAAwB,GAAA,EAACa,UAAU;UACVC,KAAK,EAAG,IAAAX,QAAE,EAAE,SAAU,CAAG;UACzBY,OAAO,EAAG9B,cAAc,IAAI,EAAI;UAChC+B,QAAQ,EAAC;QAAS,CAClB,CACD,EACC7B,YAAY,IAAIA,YAAY,CAAC8B,MAAM,GAAG,CAAC,iBACxC,IAAAzC,WAAA,CAAAwB,GAAA,EAACa,UAAU;UACVC,KAAK,EAAG,IAAAX,QAAE,EAAE,OAAQ,CAAG;UACvBY,OAAO,EAAG5B,YAAY,IAAI,EAAI;UAC9B6B,QAAQ,EAAC;QAAO,CAChB,CACD,eACD,IAAAxC,WAAA,CAAAwB,GAAA,EAACa,UAAU;UACVC,KAAK,EAAG,IAAAX,QAAE,EAAE,QAAS,CAAG;UACxBY,OAAO,EAAG3B,aAAa,IAAI,EAAI;UAC/B4B,QAAQ,EAAC,QAAQ;UACjBE,SAAS;UACTC,QAAQ,EAAG7B,cAAgB;UAC3B8B,OAAO,EAAGxB;QAAmB,CAC7B,CAAC;MAAA,CACK;IAAC,CACL,CAAC;EAAA,CACL,CAAC;AAEL;AAEA,SAASiB,UAAUA,CAAE;EACpBC,KAAK;EACLC,OAAO;EACPC,QAAQ;EACRE,SAAS;EACTC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,MAAMC,eAAe,GAAGA,CAAA,KAAM;IAC7B,MAAMC,QAAQ,GAAG,IAAAC,6BAAsB,EAAER,OAAO,EAAE,SAAU,CAAC;IAC7DI,QAAQ,CAAE;MACTK,IAAI,EAAE,IAAAC,aAAO,EACZ;MACA,IAAAtB,QAAE,EAAE,WAAY,CAAC,EACjBmB,QACD,CAAC;MACD/B,MAAM,EAAET,aAAa;MACrB4C,IAAI,EAAE,UAAWJ,QAAQ;IAC1B,CAAE,CAAC;EACJ,CAAC;EAED,oBACC,IAAA9C,WAAA,CAAAqB,IAAA,EAAClC,WAAA,CAAAgD,oBAAM;IAACC,OAAO,EAAG,CAAG;IAAAb,QAAA,gBACpB,IAAAvB,WAAA,CAAAqB,IAAA,EAAClC,WAAA,CAAAgE,oBAAM;MAACC,OAAO,EAAC,eAAe;MAAA7B,QAAA,gBAC9B,IAAAvB,WAAA,CAAAwB,GAAA,EAACrC,WAAA,CAAAkE,IAAI;QACJC,KAAK,EAAC,QAAQ;QACdpB,SAAS,EAAC,+CAA+C;QAAAX,QAAA,eAEzD,IAAAvB,WAAA,CAAAwB,GAAA,EAAC/B,SAAA,CAAAgC,OAAQ;UAAC8B,KAAK,EAAG,CAAG;UAAAhC,QAAA,EAAGe;QAAK,CAAY;MAAC,CACrC,CAAC,EACLI,SAAS,iBACV,IAAA1C,WAAA,CAAAwB,GAAA,EAACrC,WAAA,CAAAqE,QAAQ;QAACtB,SAAS,EAAC,2DAA2D;QAAAX,QAAA,eAC9E,IAAAvB,WAAA,CAAAwB,GAAA,EAACrC,WAAA,CAAAsE,MAAM;UACNC,IAAI,EAAC,OAAO;UACZC,IAAI,EAAGC,WAAM;UACbtB,KAAK,EAAG,IAAAX,QAAE,EAAE,YAAa,CAAG;UAC5BkC,OAAO,EAAGA,CAAA,KAAM;YACfhB,eAAe,CAAC,CAAC;UAClB;QAAG,CACH;MAAC,CACO,CACV,EACC,CAAC,CAAEN,OAAO,EAAEE,MAAM,IAAID,QAAQ,KAAK,QAAQ,iBAC5C,IAAAxC,WAAA,CAAAqB,IAAA,EAACjB,IAAI;QAAAmB,QAAA,gBACJ,IAAAvB,WAAA,CAAAwB,GAAA,EAACpB,IAAI,CAAC0D,aAAa;UAClBC,MAAM,eACL,IAAA/D,WAAA,CAAAwB,GAAA,EAACrC,WAAA,CAAAsE,MAAM;YACNC,IAAI,EAAC,OAAO;YACZC,IAAI,EAAGK,mBAAc;YACrB1B,KAAK,EAAG,IAAAX,QAAE,EAAE,gBAAiB;UAAG,CAChC;QACD,CACD,CAAC,eACF,IAAA3B,WAAA,CAAAwB,GAAA,EAACpB,IAAI,CAAC6D,OAAO;UAAA1C,QAAA,eACZ,IAAAvB,WAAA,CAAAwB,GAAA,EAACpB,IAAI,CAAC8D,IAAI;YAACL,OAAO,EAAGjB,OAAS;YAAArB,QAAA,eAC7B,IAAAvB,WAAA,CAAAwB,GAAA,EAACpB,IAAI,CAAC+D,SAAS;cAAA5C,QAAA,EACZ,IAAAI,QAAE,EAAE,2BAA4B;YAAC,CACpB;UAAC,CACP;QAAC,CACC,CAAC;MAAA,CACV,CACN;IAAA,CACM,CAAC,EACPY,OAAO,CAACE,MAAM,GAAG,CAAC,iBACnB,IAAAzC,WAAA,CAAAwB,GAAA,EAACrC,WAAA,CAAAiF,uBAAS;MAACC,UAAU;MAACC,WAAW;MAAA/C,QAAA,EAC9BgB,OAAO,CAACgC,GAAG,CAAIxD,MAAM,iBACtB,IAAAf,WAAA,CAAAwB,GAAA,EAACgD,UAAU;QAEVzD,MAAM,EAAGA,MAAQ;QACjByB,QAAQ,EAAGA;MAAU,GAFfzB,MAAM,CAACmC,IAGb,CACA;IAAC,CACO,CACX;EAAA,CACM,CAAC;AAEX;AAEA,SAASsB,UAAUA,CAAE;EAAEzD,MAAM;EAAEyB;AAAS,CAAC,EAAG;EAC3C,oBACC,IAAAxC,WAAA,CAAAwB,GAAA,EAAC7B,iBAAA,CAAA8E,sBAAsB;IACtBC,IAAI,EAAG,iBAAkBlC,QAAQ,IAAMzB,MAAM,CAACmC,IAAI,EAAK;IAAA3B,QAAA,eAEvD,IAAAvB,WAAA,CAAAqB,IAAA,EAAClC,WAAA,CAAAgE,oBAAM;MAAA5B,QAAA,gBACN,IAAAvB,WAAA,CAAAwB,GAAA,EAACrC,WAAA,CAAAqE,QAAQ;QAAAjC,QAAA,EAAGR,MAAM,CAACiC;MAAI,CAAY,CAAC,eACpC,IAAAhD,WAAA,CAAAwB,GAAA,EAACjC,MAAA,CAAAoF,IAAI;QAAChB,IAAI,EAAG,IAAAiB,WAAK,EAAC,CAAC,GAAGC,kBAAW,GAAGC;MAAc,CAAE,CAAC;IAAA,CAC/C;EAAC,CACc,CAAC;AAE3B","ignoreList":[]}

package/build/components/layout/index.js CHANGED Viewed

@@ -18,6 +18,7 @@ var _router = require("@wordpress/router");
 var _plugins = require("@wordpress/plugins");
 var _notices = require("@wordpress/notices");
 var _data = require("@wordpress/data");
+var _preferences = require("@wordpress/preferences");
 var _siteHub = _interopRequireWildcard(require("../site-hub"));
 var _resizableFrame = _interopRequireDefault(require("../resizable-frame"));
 var _lockUnlock = require("../../lock-unlock");
@@ -77,6 +78,13 @@ function Layout() {
   const animationRef = (0, _animation.default)({
     triggerAnimationOnChange: routeKey + '-' + canvas
   });
+  const {
+    showIconLabels
+  } = (0, _data.useSelect)(select => {
+    return {
+      showIconLabels: select(_preferences.store).get('core', 'showIconLabels')
+    };
+  });
   const [backgroundColor] = useGlobalStyle('color.background');
   const [gradientValue] = useGlobalStyle('color.gradient');
   const previousCanvaMode = (0, _compose.usePrevious)(canvas);
@@ -91,7 +99,8 @@ function Layout() {
       ...navigateRegionsProps,
       ref: navigateRegionsProps.ref,
       className: (0, _clsx.default)('edit-site-layout', navigateRegionsProps.className, {
-        'is-full-canvas': canvas === 'edit'
+        'is-full-canvas': canvas === 'edit',
+        'show-icon-labels': showIconLabels
       }),
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "edit-site-layout__content",