@wordpress/edit-site 6.32.0 → 6.32.1-next.b8c8708f3.0

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

@@ -1,36 +1,53 @@
-/* wp:polyfill */
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var screen_block_exports = {};
+__export(screen_block_exports, {
+  default: () => screen_block_default
 });
-exports.default = void 0;
-var _blocks = require("@wordpress/blocks");
-var _blockEditor = require("@wordpress/block-editor");
-var _element = require("@wordpress/element");
-var _data = require("@wordpress/data");
-var _coreData = require("@wordpress/core-data");
-var _components = require("@wordpress/components");
-var _i18n = require("@wordpress/i18n");
-var _header = _interopRequireDefault(require("./header"));
-var _blockPreviewPanel = _interopRequireDefault(require("./block-preview-panel"));
-var _lockUnlock = require("../../lock-unlock");
-var _subtitle = _interopRequireDefault(require("./subtitle"));
-var _variationsPanel = require("./variations/variations-panel");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-// Initial control values.
+module.exports = __toCommonJS(screen_block_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_blocks = require("@wordpress/blocks");
+var import_block_editor = require("@wordpress/block-editor");
+var import_element = require("@wordpress/element");
+var import_data = require("@wordpress/data");
+var import_core_data = require("@wordpress/core-data");
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_header = __toESM(require("./header"));
+var import_block_preview_panel = __toESM(require("./block-preview-panel"));
+var import_lock_unlock = require("../../lock-unlock");
+var import_subtitle = __toESM(require("./subtitle"));
+var import_variations_panel = require("./variations/variations-panel");
 const BACKGROUND_BLOCK_DEFAULT_VALUES = {
-  backgroundSize: 'cover',
-  backgroundPosition: '50% 50%' // used only when backgroundSize is 'contain'.
+  backgroundSize: "cover",
+  backgroundPosition: "50% 50%"
+  // used only when backgroundSize is 'contain'.
 };
 function applyFallbackStyle(border) {
   if (!border) {
@@ -38,13 +55,10 @@ function applyFallbackStyle(border) {
   }
   const hasColorOrWidth = border.color || border.width;
   if (!border.style && hasColorOrWidth) {
-    return {
-      ...border,
-      style: 'solid'
-    };
+    return { ...border, style: "solid" };
   }
   if (border.style && !hasColorOrWidth) {
-    return undefined;
+    return void 0;
   }
   return border;
 }
@@ -52,7 +66,7 @@ function applyAllFallbackStyles(border) {
   if (!border) {
     return border;
   }
-  if ((0, _components.__experimentalHasSplitBorders)(border)) {
+  if ((0, import_components.__experimentalHasSplitBorders)(border)) {
     return {
       top: applyFallbackStyle(border.top),
       right: applyFallbackStyle(border.right),
@@ -81,44 +95,37 @@ const {
   FiltersPanel: StylesFiltersPanel,
   ImageSettingsPanel,
   AdvancedPanel: StylesAdvancedPanel
-} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
-function ScreenBlock({
-  name,
-  variation
-}) {
+} = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
+function ScreenBlock({ name, variation }) {
   let prefixParts = [];
   if (variation) {
-    prefixParts = ['variations', variation].concat(prefixParts);
+    prefixParts = ["variations", variation].concat(prefixParts);
   }
-  const prefix = prefixParts.join('.');
-  const [style] = useGlobalStyle(prefix, name, 'user', {
+  const prefix = prefixParts.join(".");
+  const [style] = useGlobalStyle(prefix, name, "user", {
     shouldDecodeEncode: false
   });
-  const [inheritedStyle, setStyle] = useGlobalStyle(prefix, name, 'all', {
+  const [inheritedStyle, setStyle] = useGlobalStyle(prefix, name, "all", {
     shouldDecodeEncode: false
   });
-  const [userSettings] = useGlobalSetting('', name, 'user');
-  const [rawSettings, setSettings] = useGlobalSetting('', name);
-  const settingsForBlockElement = useSettingsForBlockElement(rawSettings, name);
-  const blockType = (0, _blocks.getBlockType)(name);
-
-  // Only allow `blockGap` support if serialization has not been skipped, to be sure global spacing can be applied.
+  const [userSettings] = useGlobalSetting("", name, "user");
+  const [rawSettings, setSettings] = useGlobalSetting("", name);
+  const settingsForBlockElement = useSettingsForBlockElement(
+    rawSettings,
+    name
+  );
+  const blockType = (0, import_blocks.getBlockType)(name);
   let disableBlockGap = false;
-  if (settingsForBlockElement?.spacing?.blockGap && blockType?.supports?.spacing?.blockGap && (blockType?.supports?.spacing?.__experimentalSkipSerialization === true || blockType?.supports?.spacing?.__experimentalSkipSerialization?.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;
   }
-
-  // Only allow `aspectRatio` support if the block is not the grouping block.
-  // The grouping block allows the user to use Group, Row and Stack variations,
-  // and it is highly likely that the user will not want to set an aspect ratio
-  // for all three at once. Until there is the ability to set a different aspect
-  // ratio for each variation, we disable the aspect ratio controls for the
-  // grouping block in global styles.
   let disableAspectRatio = false;
-  if (settingsForBlockElement?.dimensions?.aspectRatio && name === 'core/group') {
+  if (settingsForBlockElement?.dimensions?.aspectRatio && name === "core/group") {
     disableAspectRatio = true;
   }
-  const settings = (0, _element.useMemo)(() => {
+  const settings = (0, import_element.useMemo)(() => {
     const updatedSettings = structuredClone(settingsForBlockElement);
     if (disableBlockGap) {
       updatedSettings.spacing.blockGap = false;
@@ -128,48 +135,42 @@ function ScreenBlock({
     }
     return updatedSettings;
   }, [settingsForBlockElement, disableBlockGap, disableAspectRatio]);
-  const blockVariations = (0, _variationsPanel.useBlockVariations)(name);
+  const blockVariations = (0, import_variations_panel.useBlockVariations)(name);
   const hasBackgroundPanel = useHasBackgroundPanel(settings);
   const hasTypographyPanel = useHasTypographyPanel(settings);
   const hasColorPanel = useHasColorPanel(settings);
   const hasBorderPanel = useHasBorderPanel(settings);
   const hasDimensionsPanel = useHasDimensionsPanel(settings);
   const hasFiltersPanel = useHasFiltersPanel(settings);
-  const hasImageSettingsPanel = useHasImageSettingsPanel(name, userSettings, settings);
+  const hasImageSettingsPanel = useHasImageSettingsPanel(
+    name,
+    userSettings,
+    settings
+  );
   const hasVariationsPanel = !!blockVariations?.length && !variation;
-  const {
-    canEditCSS
-  } = (0, _data.useSelect)(select => {
-    const {
-      getEntityRecord,
-      __experimentalGetCurrentGlobalStylesId
-    } = select(_coreData.store);
+  const { canEditCSS } = (0, import_data.useSelect)((select) => {
+    const { getEntityRecord, __experimentalGetCurrentGlobalStylesId } = select(import_core_data.store);
     const globalStylesId = __experimentalGetCurrentGlobalStylesId();
-    const globalStyles = globalStylesId ? getEntityRecord('root', 'globalStyles', globalStylesId) : undefined;
+    const globalStyles = globalStylesId ? getEntityRecord("root", "globalStyles", globalStylesId) : void 0;
     return {
-      canEditCSS: !!globalStyles?._links?.['wp:action-edit-css']
+      canEditCSS: !!globalStyles?._links?.["wp:action-edit-css"]
     };
   }, []);
-  const currentBlockStyle = variation ? blockVariations.find(s => s.name === variation) : null;
-
-  // These intermediary objects are needed because the "layout" property is stored
-  // in settings rather than styles.
-  const inheritedStyleWithLayout = (0, _element.useMemo)(() => {
+  const currentBlockStyle = variation ? blockVariations.find((s) => s.name === variation) : null;
+  const inheritedStyleWithLayout = (0, import_element.useMemo)(() => {
     return {
       ...inheritedStyle,
       layout: settings.layout
     };
   }, [inheritedStyle, settings.layout]);
-  const styleWithLayout = (0, _element.useMemo)(() => {
+  const styleWithLayout = (0, import_element.useMemo)(() => {
     return {
       ...style,
       layout: userSettings.layout
     };
   }, [style, userSettings.layout]);
-  const onChangeDimensions = newStyle => {
-    const updatedStyle = {
-      ...newStyle
-    };
+  const onChangeDimensions = (newStyle) => {
+    const updatedStyle = { ...newStyle };
     delete updatedStyle.layout;
     setStyle(updatedStyle);
     if (newStyle.layout !== userSettings.layout) {
@@ -179,17 +180,12 @@ function ScreenBlock({
       });
     }
   };
-  const onChangeLightbox = newSetting => {
-    // If the newSetting is undefined, this means that the user has deselected
-    // (reset) the lightbox setting.
-    if (newSetting === undefined) {
+  const onChangeLightbox = (newSetting) => {
+    if (newSetting === void 0) {
       setSettings({
         ...rawSettings,
-        lightbox: undefined
+        lightbox: void 0
       });
-
-      // Otherwise, we simply set the lightbox setting to the new value but
-      // taking care of not overriding the other lightbox settings.
     } else {
       setSettings({
         ...rawSettings,
@@ -200,29 +196,14 @@ function ScreenBlock({
       });
     }
   };
-  const onChangeBorders = newStyle => {
+  const onChangeBorders = (newStyle) => {
     if (!newStyle?.border) {
       setStyle(newStyle);
       return;
     }
-
-    // As Global Styles can't conditionally generate styles based on if
-    // other style properties have been set, we need to force split
-    // border definitions for user set global border styles. Border
-    // radius is derived from the same property i.e. `border.radius` if
-    // it is a string that is used. The longhand border radii styles are
-    // only generated if that property is an object.
-    //
-    // For borders (color, style, and width) those are all properties on
-    // the `border` style property. This means if the theme.json defined
-    // split borders and the user condenses them into a flat border or
-    // vice-versa we'd get both sets of styles which would conflict.
-    const {
-      radius,
-      ...newBorder
-    } = newStyle.border;
+    const { radius, ...newBorder } = newStyle.border;
     const border = applyAllFallbackStyles(newBorder);
-    const updatedBorder = !(0, _components.__experimentalHasSplitBorders)(border) ? {
+    const updatedBorder = !(0, import_components.__experimentalHasSplitBorders)(border) ? {
       top: border,
       right: border,
       bottom: border,
@@ -233,81 +214,103 @@ function ScreenBlock({
       width: null,
       ...border
     };
-    setStyle({
-      ...newStyle,
-      border: {
-        ...updatedBorder,
-        radius
-      }
-    });
+    setStyle({ ...newStyle, border: { ...updatedBorder, radius } });
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_header.default, {
-      title: variation ? currentBlockStyle?.label : blockType.title
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockPreviewPanel.default, {
-      name: name,
-      variation: variation
-    }), hasVariationsPanel && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "edit-site-global-styles-screen-variations",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
-        spacing: 3,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_subtitle.default, {
-          children: (0, _i18n.__)('Style Variations')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_variationsPanel.VariationsPanel, {
-          name: name
-        })]
-      })
-    }), hasColorPanel && /*#__PURE__*/(0, _jsxRuntime.jsx)(StylesColorPanel, {
-      inheritedValue: inheritedStyle,
-      value: style,
-      onChange: setStyle,
-      settings: settings
-    }), hasBackgroundPanel && /*#__PURE__*/(0, _jsxRuntime.jsx)(StylesBackgroundPanel, {
-      inheritedValue: inheritedStyle,
-      value: style,
-      onChange: setStyle,
-      settings: settings,
-      defaultValues: BACKGROUND_BLOCK_DEFAULT_VALUES
-    }), hasTypographyPanel && /*#__PURE__*/(0, _jsxRuntime.jsx)(StylesTypographyPanel, {
-      inheritedValue: inheritedStyle,
-      value: style,
-      onChange: setStyle,
-      settings: settings
-    }), hasDimensionsPanel && /*#__PURE__*/(0, _jsxRuntime.jsx)(StylesDimensionsPanel, {
-      inheritedValue: inheritedStyleWithLayout,
-      value: styleWithLayout,
-      onChange: onChangeDimensions,
-      settings: settings,
-      includeLayoutControls: true
-    }), hasBorderPanel && /*#__PURE__*/(0, _jsxRuntime.jsx)(StylesBorderPanel, {
-      inheritedValue: inheritedStyle,
-      value: style,
-      onChange: onChangeBorders,
-      settings: settings
-    }), hasFiltersPanel && /*#__PURE__*/(0, _jsxRuntime.jsx)(StylesFiltersPanel, {
-      inheritedValue: inheritedStyleWithLayout,
-      value: styleWithLayout,
-      onChange: setStyle,
-      settings: settings,
-      includeLayoutControls: true
-    }), hasImageSettingsPanel && /*#__PURE__*/(0, _jsxRuntime.jsx)(ImageSettingsPanel, {
-      onChange: onChangeLightbox,
-      value: userSettings,
-      inheritedValue: settings
-    }), canEditCSS && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.PanelBody, {
-      title: (0, _i18n.__)('Advanced'),
-      initialOpen: false,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-        children: (0, _i18n.sprintf)(
-        // translators: %s: is the name of a block e.g., 'Image' or 'Table'.
-        (0, _i18n.__)('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.'), blockType?.title)
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StylesAdvancedPanel, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_header.default,
+      {
+        title: variation ? currentBlockStyle?.label : blockType.title
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_preview_panel.default, { name, variation }),
+    hasVariationsPanel && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "edit-site-global-styles-screen-variations", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalVStack, { spacing: 3, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_subtitle.default, { children: (0, import_i18n.__)("Style Variations") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_variations_panel.VariationsPanel, { name })
+    ] }) }),
+    hasColorPanel && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      StylesColorPanel,
+      {
+        inheritedValue: inheritedStyle,
         value: style,
         onChange: setStyle,
-        inheritedValue: inheritedStyle
-      })]
-    })]
-  });
+        settings
+      }
+    ),
+    hasBackgroundPanel && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      StylesBackgroundPanel,
+      {
+        inheritedValue: inheritedStyle,
+        value: style,
+        onChange: setStyle,
+        settings,
+        defaultValues: BACKGROUND_BLOCK_DEFAULT_VALUES
+      }
+    ),
+    hasTypographyPanel && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      StylesTypographyPanel,
+      {
+        inheritedValue: inheritedStyle,
+        value: style,
+        onChange: setStyle,
+        settings
+      }
+    ),
+    hasDimensionsPanel && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      StylesDimensionsPanel,
+      {
+        inheritedValue: inheritedStyleWithLayout,
+        value: styleWithLayout,
+        onChange: onChangeDimensions,
+        settings,
+        includeLayoutControls: true
+      }
+    ),
+    hasBorderPanel && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      StylesBorderPanel,
+      {
+        inheritedValue: inheritedStyle,
+        value: style,
+        onChange: onChangeBorders,
+        settings
+      }
+    ),
+    hasFiltersPanel && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      StylesFiltersPanel,
+      {
+        inheritedValue: inheritedStyleWithLayout,
+        value: styleWithLayout,
+        onChange: setStyle,
+        settings,
+        includeLayoutControls: true
+      }
+    ),
+    hasImageSettingsPanel && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      ImageSettingsPanel,
+      {
+        onChange: onChangeLightbox,
+        value: userSettings,
+        inheritedValue: settings
+      }
+    ),
+    canEditCSS && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.PanelBody, { title: (0, import_i18n.__)("Advanced"), initialOpen: false, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: (0, import_i18n.sprintf)(
+        // translators: %s: is the name of a block e.g., 'Image' or 'Table'.
+        (0, import_i18n.__)(
+          "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."
+        ),
+        blockType?.title
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        StylesAdvancedPanel,
+        {
+          value: style,
+          onChange: setStyle,
+          inheritedValue: inheritedStyle
+        }
+      )
+    ] })
+  ] });
 }
-var _default = exports.default = ScreenBlock;
-//# sourceMappingURL=screen-block.js.map
+var screen_block_default = ScreenBlock;
+//# sourceMappingURL=screen-block.js.map

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

@@ -1 +1,7 @@
-{"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":[]}
+{
+  "version": 3,
+  "sources": ["../../../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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuQE;AApQF,oBAA6B;AAC7B,0BAAsD;AACtD,qBAAwB;AACxB,kBAA0B;AAC1B,uBAAmC;AACnC,wBAIO;AACP,kBAA4B;AAK5B,oBAAyB;AACzB,iCAA8B;AAC9B,yBAAuB;AACvB,sBAAqB;AACrB,8BAGO;AAGP,MAAM,kCAAkC;AAAA,EACvC,gBAAgB;AAAA,EAChB,oBAAoB;AAAA;AACrB;AAEA,SAAS,mBAAoB,QAAS;AACrC,MAAK,CAAE,QAAS;AACf,WAAO;AAAA,EACR;AAEA,QAAM,kBAAkB,OAAO,SAAS,OAAO;AAE/C,MAAK,CAAE,OAAO,SAAS,iBAAkB;AACxC,WAAO,EAAE,GAAG,QAAQ,OAAO,QAAQ;AAAA,EACpC;AAEA,MAAK,OAAO,SAAS,CAAE,iBAAkB;AACxC,WAAO;AAAA,EACR;AAEA,SAAO;AACR;AAEA,SAAS,uBAAwB,QAAS;AACzC,MAAK,CAAE,QAAS;AACf,WAAO;AAAA,EACR;AAEA,UAAK,kBAAAA,+BAAiB,MAAO,GAAI;AAChC,WAAO;AAAA,MACN,KAAK,mBAAoB,OAAO,GAAI;AAAA,MACpC,OAAO,mBAAoB,OAAO,KAAM;AAAA,MACxC,QAAQ,mBAAoB,OAAO,MAAO;AAAA,MAC1C,MAAM,mBAAoB,OAAO,IAAK;AAAA,IACvC;AAAA,EACD;AAEA,SAAO,mBAAoB,MAAO;AACnC;AAEA,MAAM;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd;AAAA,EACA,eAAe;AAChB,QAAI,2BAAQ,oBAAAC,WAAuB;AAEnC,SAAS,YAAa,EAAE,MAAM,UAAU,GAAI;AAC3C,MAAI,cAAc,CAAC;AACnB,MAAK,WAAY;AAChB,kBAAc,CAAE,cAAc,SAAU,EAAE,OAAQ,WAAY;AAAA,EAC/D;AACA,QAAM,SAAS,YAAY,KAAM,GAAI;AAErC,QAAM,CAAE,KAAM,IAAI,eAAgB,QAAQ,MAAM,QAAQ;AAAA,IACvD,oBAAoB;AAAA,EACrB,CAAE;AACF,QAAM,CAAE,gBAAgB,QAAS,IAAI,eAAgB,QAAQ,MAAM,OAAO;AAAA,IACzE,oBAAoB;AAAA,EACrB,CAAE;AACF,QAAM,CAAE,YAAa,IAAI,iBAAkB,IAAI,MAAM,MAAO;AAC5D,QAAM,CAAE,aAAa,WAAY,IAAI,iBAAkB,IAAI,IAAK;AAChE,QAAM,0BAA0B;AAAA,IAC/B;AAAA,IACA;AAAA,EACD;AACA,QAAM,gBAAY,4BAAc,IAAK;AAGrC,MAAI,kBAAkB;AACtB,MACC,yBAAyB,SAAS,YAClC,WAAW,UAAU,SAAS,aAC5B,WAAW,UAAU,SAAS,oCAC/B,QACA,WAAW,UAAU,SAAS,iCAAiC;AAAA,IAC9D,CAAE,gBAAiB,gBAAgB;AAAA,EACpC,IACA;AACD,sBAAkB;AAAA,EACnB;AAQA,MAAI,qBAAqB;AACzB,MACC,yBAAyB,YAAY,eACrC,SAAS,cACR;AACD,yBAAqB;AAAA,EACtB;AAEA,QAAM,eAAW,wBAAS,MAAM;AAC/B,UAAM,kBAAkB,gBAAiB,uBAAwB;AACjE,QAAK,iBAAkB;AACtB,sBAAgB,QAAQ,WAAW;AAAA,IACpC;AACA,QAAK,oBAAqB;AACzB,sBAAgB,WAAW,cAAc;AAAA,IAC1C;AACA,WAAO;AAAA,EACR,GAAG,CAAE,yBAAyB,iBAAiB,kBAAmB,CAAE;AAEpE,QAAM,sBAAkB,4CAAoB,IAAK;AACjD,QAAM,qBAAqB,sBAAuB,QAAS;AAC3D,QAAM,qBAAqB,sBAAuB,QAAS;AAC3D,QAAM,gBAAgB,iBAAkB,QAAS;AACjD,QAAM,iBAAiB,kBAAmB,QAAS;AACnD,QAAM,qBAAqB,sBAAuB,QAAS;AAC3D,QAAM,kBAAkB,mBAAoB,QAAS;AACrD,QAAM,wBAAwB;AAAA,IAC7B;AAAA,IACA;AAAA,IACA;AAAA,EACD;AACA,QAAM,qBAAqB,CAAC,CAAE,iBAAiB,UAAU,CAAE;AAC3D,QAAM,EAAE,WAAW,QAAI,uBAAW,CAAE,WAAY;AAC/C,UAAM,EAAE,iBAAiB,uCAAuC,IAC/D,OAAQ,iBAAAC,KAAU;AAEnB,UAAM,iBAAiB,uCAAuC;AAC9D,UAAM,eAAe,iBAClB,gBAAiB,QAAQ,gBAAgB,cAAe,IACxD;AAEH,WAAO;AAAA,MACN,YAAY,CAAC,CAAE,cAAc,SAAU,oBAAqB;AAAA,IAC7D;AAAA,EACD,GAAG,CAAC,CAAE;AACN,QAAM,oBAAoB,YACvB,gBAAgB,KAAM,CAAE,MAAO,EAAE,SAAS,SAAU,IACpD;AAIH,QAAM,+BAA2B,wBAAS,MAAM;AAC/C,WAAO;AAAA,MACN,GAAG;AAAA,MACH,QAAQ,SAAS;AAAA,IAClB;AAAA,EACD,GAAG,CAAE,gBAAgB,SAAS,MAAO,CAAE;AACvC,QAAM,sBAAkB,wBAAS,MAAM;AACtC,WAAO;AAAA,MACN,GAAG;AAAA,MACH,QAAQ,aAAa;AAAA,IACtB;AAAA,EACD,GAAG,CAAE,OAAO,aAAa,MAAO,CAAE;AAClC,QAAM,qBAAqB,CAAE,aAAc;AAC1C,UAAM,eAAe,EAAE,GAAG,SAAS;AACnC,WAAO,aAAa;AACpB,aAAU,YAAa;AAEvB,QAAK,SAAS,WAAW,aAAa,QAAS;AAC9C,kBAAa;AAAA,QACZ,GAAG;AAAA,QACH,QAAQ,SAAS;AAAA,MAClB,CAAE;AAAA,IACH;AAAA,EACD;AACA,QAAM,mBAAmB,CAAE,eAAgB;AAG1C,QAAK,eAAe,QAAY;AAC/B,kBAAa;AAAA,QACZ,GAAG;AAAA,QACH,UAAU;AAAA,MACX,CAAE;AAAA,IAIH,OAAO;AACN,kBAAa;AAAA,QACZ,GAAG;AAAA,QACH,UAAU;AAAA,UACT,GAAG,YAAY;AAAA,UACf,GAAG;AAAA,QACJ;AAAA,MACD,CAAE;AAAA,IACH;AAAA,EACD;AACA,QAAM,kBAAkB,CAAE,aAAc;AACvC,QAAK,CAAE,UAAU,QAAS;AACzB,eAAU,QAAS;AACnB;AAAA,IACD;AAaA,UAAM,EAAE,QAAQ,GAAG,UAAU,IAAI,SAAS;AAC1C,UAAM,SAAS,uBAAwB,SAAU;AACjD,UAAM,gBAAgB,KAAE,kBAAAF,+BAAiB,MAAO,IAC7C;AAAA,MACA,KAAK;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAM;AAAA,IACN,IACA;AAAA,MACA,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO;AAAA,MACP,GAAG;AAAA,IACH;AAEH,aAAU,EAAE,GAAG,UAAU,QAAQ,EAAE,GAAG,eAAe,OAAO,EAAE,CAAE;AAAA,EACjE;AAEA,SACC,4EACC;AAAA;AAAA,MAAC,cAAAG;AAAA,MAAA;AAAA,QACA,OAAQ,YAAY,mBAAmB,QAAQ,UAAU;AAAA;AAAA,IAC1D;AAAA,IACA,4CAAC,2BAAAC,SAAA,EAAkB,MAAc,WAAwB;AAAA,IACvD,sBACD,4CAAC,SAAI,WAAU,6CACd,uDAAC,kBAAAC,sBAAA,EAAO,SAAU,GACjB;AAAA,kDAAC,gBAAAC,SAAA,EAAW,8BAAI,kBAAmB,GAAG;AAAA,MACtC,4CAAC,2CAAgB,MAAc;AAAA,OAChC,GACD;AAAA,IAEC,iBACD;AAAA,MAAC;AAAA;AAAA,QACA,gBAAiB;AAAA,QACjB,OAAQ;AAAA,QACR,UAAW;AAAA,QACX;AAAA;AAAA,IACD;AAAA,IAEC,sBACD;AAAA,MAAC;AAAA;AAAA,QACA,gBAAiB;AAAA,QACjB,OAAQ;AAAA,QACR,UAAW;AAAA,QACX;AAAA,QACA,eAAgB;AAAA;AAAA,IACjB;AAAA,IAEC,sBACD;AAAA,MAAC;AAAA;AAAA,QACA,gBAAiB;AAAA,QACjB,OAAQ;AAAA,QACR,UAAW;AAAA,QACX;AAAA;AAAA,IACD;AAAA,IAEC,sBACD;AAAA,MAAC;AAAA;AAAA,QACA,gBAAiB;AAAA,QACjB,OAAQ;AAAA,QACR,UAAW;AAAA,QACX;AAAA,QACA,uBAAqB;AAAA;AAAA,IACtB;AAAA,IAEC,kBACD;AAAA,MAAC;AAAA;AAAA,QACA,gBAAiB;AAAA,QACjB,OAAQ;AAAA,QACR,UAAW;AAAA,QACX;AAAA;AAAA,IACD;AAAA,IAEC,mBACD;AAAA,MAAC;AAAA;AAAA,QACA,gBAAiB;AAAA,QACjB,OAAQ;AAAA,QACR,UAAW;AAAA,QACX;AAAA,QACA,uBAAqB;AAAA;AAAA,IACtB;AAAA,IAEC,yBACD;AAAA,MAAC;AAAA;AAAA,QACA,UAAW;AAAA,QACX,OAAQ;AAAA,QACR,gBAAiB;AAAA;AAAA,IAClB;AAAA,IAGC,cACD,6CAAC,+BAAU,WAAQ,gBAAI,UAAW,GAAI,aAAc,OACnD;AAAA,kDAAC,OACE;AAAA;AAAA,YAED;AAAA,UACC;AAAA,QACD;AAAA,QACA,WAAW;AAAA,MACZ,GACD;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACA,OAAQ;AAAA,UACR,UAAW;AAAA,UACX,gBAAiB;AAAA;AAAA,MAClB;AAAA,OACD;AAAA,KAEF;AAEF;AAEA,IAAO,uBAAQ;",
+  "names": ["hasSplitBorders", "blockEditorPrivateApis", "coreStore", "ScreenHeader", "BlockPreviewPanel", "VStack", "Subtitle"]
+}