@wordpress/block-editor 15.4.1-next.f56bd8138.0 → 15.5.1-next.47f435fc9.0

package/build/layouts/constrained.js

@@ -1,151 +1,167 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var constrained_exports = {};
+__export(constrained_exports, {
+  default: () => constrained_default
 });
-exports.default = void 0;
-var _components = require("@wordpress/components");
-var _i18n = require("@wordpress/i18n");
-var _icons = require("@wordpress/icons");
-var _styleEngine = require("@wordpress/style-engine");
-var _useSettings = require("../components/use-settings");
-var _utils = require("./utils");
-var _gap = require("../hooks/gap");
-var _components2 = require("../components");
-var _utils2 = require("../hooks/utils");
-var _definitions = require("./definitions");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-/**
- * Internal dependencies
- */
-var _default = exports.default = {
-  name: 'constrained',
-  label: (0, _i18n.__)('Constrained'),
+module.exports = __toCommonJS(constrained_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_icons = require("@wordpress/icons");
+var import_style_engine = require("@wordpress/style-engine");
+var import_use_settings = require("../components/use-settings");
+var import_utils = require("./utils");
+var import_gap = require("../hooks/gap");
+var import_components2 = require("../components");
+var import_utils2 = require("../hooks/utils");
+var import_definitions = require("./definitions");
+var constrained_default = {
+  name: "constrained",
+  label: (0, import_i18n.__)("Constrained"),
   inspectorControls: function DefaultLayoutInspectorControls({
     layout,
     onChange,
     layoutBlockSupport = {}
   }) {
-    const {
-      wideSize,
-      contentSize,
-      justifyContent = 'center'
-    } = layout;
+    const { wideSize, contentSize, justifyContent = "center" } = layout;
     const {
       allowJustification = true,
       allowCustomContentAndWideSize = true
     } = layoutBlockSupport;
-    const onJustificationChange = value => {
+    const onJustificationChange = (value) => {
       onChange({
         ...layout,
         justifyContent: value
       });
     };
-    const justificationOptions = [{
-      value: 'left',
-      icon: _icons.justifyLeft,
-      label: (0, _i18n.__)('Justify items left')
-    }, {
-      value: 'center',
-      icon: _icons.justifyCenter,
-      label: (0, _i18n.__)('Justify items center')
-    }, {
-      value: 'right',
-      icon: _icons.justifyRight,
-      label: (0, _i18n.__)('Justify items right')
-    }];
-    const [availableUnits] = (0, _useSettings.useSettings)('spacing.units');
-    const units = (0, _components.__experimentalUseCustomUnits)({
-      availableUnits: availableUnits || ['%', 'px', 'em', 'rem', 'vw']
-    });
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
-      spacing: 4,
-      className: "block-editor-hooks__layout-constrained",
-      children: [allowCustomContentAndWideSize && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalUnitControl, {
-          __next40pxDefaultSize: true,
-          label: (0, _i18n.__)('Content width'),
-          labelPosition: "top",
-          value: contentSize || wideSize || '',
-          onChange: nextWidth => {
-            nextWidth = 0 > parseFloat(nextWidth) ? '0' : nextWidth;
-            onChange({
-              ...layout,
-              contentSize: nextWidth
-            });
-          },
-          units: units,
-          prefix: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalInputControlPrefixWrapper, {
-            variant: "icon",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
-              icon: _icons.alignNone
-            })
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalUnitControl, {
-          __next40pxDefaultSize: true,
-          label: (0, _i18n.__)('Wide width'),
-          labelPosition: "top",
-          value: wideSize || contentSize || '',
-          onChange: nextWidth => {
-            nextWidth = 0 > parseFloat(nextWidth) ? '0' : nextWidth;
-            onChange({
-              ...layout,
-              wideSize: nextWidth
-            });
-          },
-          units: units,
-          prefix: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalInputControlPrefixWrapper, {
-            variant: "icon",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
-              icon: _icons.stretchWide
-            })
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-          className: "block-editor-hooks__layout-constrained-helptext",
-          children: (0, _i18n.__)('Customize the width for all elements that are assigned to the center or wide columns.')
-        })]
-      }), allowJustification && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControl, {
-        __next40pxDefaultSize: true,
-        __nextHasNoMarginBottom: true,
-        label: (0, _i18n.__)('Justification'),
-        value: justifyContent,
-        onChange: onJustificationChange,
-        children: justificationOptions.map(({
-          value,
-          icon,
-          label
-        }) => {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControlOptionIcon, {
-            value: value,
-            icon: icon,
-            label: label
-          }, value);
-        })
-      })]
+    const justificationOptions = [
+      {
+        value: "left",
+        icon: import_icons.justifyLeft,
+        label: (0, import_i18n.__)("Justify items left")
+      },
+      {
+        value: "center",
+        icon: import_icons.justifyCenter,
+        label: (0, import_i18n.__)("Justify items center")
+      },
+      {
+        value: "right",
+        icon: import_icons.justifyRight,
+        label: (0, import_i18n.__)("Justify items right")
+      }
+    ];
+    const [availableUnits] = (0, import_use_settings.useSettings)("spacing.units");
+    const units = (0, import_components.__experimentalUseCustomUnits)({
+      availableUnits: availableUnits || ["%", "px", "em", "rem", "vw"]
     });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_components.__experimentalVStack,
+      {
+        spacing: 4,
+        className: "block-editor-hooks__layout-constrained",
+        children: [
+          allowCustomContentAndWideSize && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_components.__experimentalUnitControl,
+              {
+                __next40pxDefaultSize: true,
+                label: (0, import_i18n.__)("Content width"),
+                labelPosition: "top",
+                value: contentSize || wideSize || "",
+                onChange: (nextWidth) => {
+                  nextWidth = 0 > parseFloat(nextWidth) ? "0" : nextWidth;
+                  onChange({
+                    ...layout,
+                    contentSize: nextWidth
+                  });
+                },
+                units,
+                prefix: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalInputControlPrefixWrapper, { variant: "icon", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.Icon, { icon: import_icons.alignNone }) })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_components.__experimentalUnitControl,
+              {
+                __next40pxDefaultSize: true,
+                label: (0, import_i18n.__)("Wide width"),
+                labelPosition: "top",
+                value: wideSize || contentSize || "",
+                onChange: (nextWidth) => {
+                  nextWidth = 0 > parseFloat(nextWidth) ? "0" : nextWidth;
+                  onChange({
+                    ...layout,
+                    wideSize: nextWidth
+                  });
+                },
+                units,
+                prefix: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalInputControlPrefixWrapper, { variant: "icon", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.Icon, { icon: import_icons.stretchWide }) })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "block-editor-hooks__layout-constrained-helptext", children: (0, import_i18n.__)(
+              "Customize the width for all elements that are assigned to the center or wide columns."
+            ) })
+          ] }),
+          allowJustification && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components.__experimentalToggleGroupControl,
+            {
+              __next40pxDefaultSize: true,
+              __nextHasNoMarginBottom: true,
+              label: (0, import_i18n.__)("Justification"),
+              value: justifyContent,
+              onChange: onJustificationChange,
+              children: justificationOptions.map(
+                ({ value, icon, label }) => {
+                  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_components.__experimentalToggleGroupControlOptionIcon,
+                    {
+                      value,
+                      icon,
+                      label
+                    },
+                    value
+                  );
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
   },
   toolBarControls: function DefaultLayoutToolbarControls({
     layout = {},
     onChange,
     layoutBlockSupport
   }) {
-    const {
-      allowJustification = true
-    } = layoutBlockSupport;
+    const { allowJustification = true } = layoutBlockSupport;
     if (!allowJustification) {
       return null;
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components2.BlockControls, {
-      group: "block",
-      __experimentalShareWithChildBlocks: true,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DefaultLayoutJustifyContentControl, {
-        layout: layout,
-        onChange: onChange
-      })
-    });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components2.BlockControls, { group: "block", __experimentalShareWithChildBlocks: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      DefaultLayoutJustifyContentControl,
+      {
+        layout,
+        onChange
+      }
+    ) });
   },
   getLayoutStyle: function getLayoutStyle({
     selector,
@@ -153,145 +169,129 @@ var _default = exports.default = {
     style,
     blockName,
     hasBlockGapSupport,
-    layoutDefinitions = _definitions.LAYOUT_DEFINITIONS
+    layoutDefinitions = import_definitions.LAYOUT_DEFINITIONS
   }) {
-    const {
-      contentSize,
-      wideSize,
-      justifyContent
-    } = layout;
-    const blockGapStyleValue = (0, _gap.getGapCSSValue)(style?.spacing?.blockGap);
-
-    // If a block's block.json skips serialization for spacing or
-    // spacing.blockGap, don't apply the user-defined value to the styles.
-    let blockGapValue = '';
-    if (!(0, _utils2.shouldSkipSerialization)(blockName, 'spacing', 'blockGap')) {
-      // If an object is provided only use the 'top' value for this kind of gap.
+    const { contentSize, wideSize, justifyContent } = layout;
+    const blockGapStyleValue = (0, import_gap.getGapCSSValue)(style?.spacing?.blockGap);
+    let blockGapValue = "";
+    if (!(0, import_utils2.shouldSkipSerialization)(blockName, "spacing", "blockGap")) {
       if (blockGapStyleValue?.top) {
-        blockGapValue = (0, _gap.getGapCSSValue)(blockGapStyleValue?.top);
-      } else if (typeof blockGapStyleValue === 'string') {
-        blockGapValue = (0, _gap.getGapCSSValue)(blockGapStyleValue);
+        blockGapValue = (0, import_gap.getGapCSSValue)(blockGapStyleValue?.top);
+      } else if (typeof blockGapStyleValue === "string") {
+        blockGapValue = (0, import_gap.getGapCSSValue)(blockGapStyleValue);
       }
     }
-    const marginLeft = justifyContent === 'left' ? '0 !important' : 'auto !important';
-    const marginRight = justifyContent === 'right' ? '0 !important' : 'auto !important';
+    const marginLeft = justifyContent === "left" ? "0 !important" : "auto !important";
+    const marginRight = justifyContent === "right" ? "0 !important" : "auto !important";
     let output = !!contentSize || !!wideSize ? `
-					${(0, _utils.appendSelectors)(selector, '> :where(:not(.alignleft):not(.alignright):not(.alignfull))')} {
-						max-width: ${contentSize !== null && contentSize !== void 0 ? contentSize : wideSize};
+					${(0, import_utils.appendSelectors)(
+      selector,
+      "> :where(:not(.alignleft):not(.alignright):not(.alignfull))"
+    )} {
+						max-width: ${contentSize ?? wideSize};
 						margin-left: ${marginLeft};
 						margin-right: ${marginRight};
 					}
-					${(0, _utils.appendSelectors)(selector, '> .alignwide')}  {
-						max-width: ${wideSize !== null && wideSize !== void 0 ? wideSize : contentSize};
+					${(0, import_utils.appendSelectors)(selector, "> .alignwide")}  {
+						max-width: ${wideSize ?? contentSize};
 					}
-					${(0, _utils.appendSelectors)(selector, '> .alignfull')} {
+					${(0, import_utils.appendSelectors)(selector, "> .alignfull")} {
 						max-width: none;
 					}
-				` : '';
-    if (justifyContent === 'left') {
-      output += `${(0, _utils.appendSelectors)(selector, '> :where(:not(.alignleft):not(.alignright):not(.alignfull))')}
+				` : "";
+    if (justifyContent === "left") {
+      output += `${(0, import_utils.appendSelectors)(
+        selector,
+        "> :where(:not(.alignleft):not(.alignright):not(.alignfull))"
+      )}
 			{ margin-left: ${marginLeft}; }`;
-    } else if (justifyContent === 'right') {
-      output += `${(0, _utils.appendSelectors)(selector, '> :where(:not(.alignleft):not(.alignright):not(.alignfull))')}
+    } else if (justifyContent === "right") {
+      output += `${(0, import_utils.appendSelectors)(
+        selector,
+        "> :where(:not(.alignleft):not(.alignright):not(.alignfull))"
+      )}
 			{ margin-right: ${marginRight}; }`;
     }
-
-    // If there is custom padding, add negative margins for alignfull blocks.
     if (style?.spacing?.padding) {
-      // The style object might be storing a preset so we need to make sure we get a usable value.
-      const paddingValues = (0, _styleEngine.getCSSRules)(style);
-      paddingValues.forEach(rule => {
-        if (rule.key === 'paddingRight') {
-          // Add unit if 0, to avoid calc(0 * -1) which is invalid.
-          const paddingRightValue = rule.value === '0' ? '0px' : rule.value;
+      const paddingValues = (0, import_style_engine.getCSSRules)(style);
+      paddingValues.forEach((rule) => {
+        if (rule.key === "paddingRight") {
+          const paddingRightValue = rule.value === "0" ? "0px" : rule.value;
           output += `
-					${(0, _utils.appendSelectors)(selector, '> .alignfull')} {
+					${(0, import_utils.appendSelectors)(selector, "> .alignfull")} {
 						margin-right: calc(${paddingRightValue} * -1);
 					}
 					`;
-        } else if (rule.key === 'paddingLeft') {
-          // Add unit if 0, to avoid calc(0 * -1) which is invalid.
-          const paddingLeftValue = rule.value === '0' ? '0px' : rule.value;
+        } else if (rule.key === "paddingLeft") {
+          const paddingLeftValue = rule.value === "0" ? "0px" : rule.value;
           output += `
-					${(0, _utils.appendSelectors)(selector, '> .alignfull')} {
+					${(0, import_utils.appendSelectors)(selector, "> .alignfull")} {
 						margin-left: calc(${paddingLeftValue} * -1);
 					}
 					`;
         }
       });
     }
-
-    // Output blockGap styles based on rules contained in layout definitions in theme.json.
     if (hasBlockGapSupport && blockGapValue) {
-      output += (0, _utils.getBlockGapCSS)(selector, layoutDefinitions, 'constrained', blockGapValue);
+      output += (0, import_utils.getBlockGapCSS)(
+        selector,
+        layoutDefinitions,
+        "constrained",
+        blockGapValue
+      );
     }
     return output;
   },
   getOrientation() {
-    return 'vertical';
+    return "vertical";
   },
   getAlignments(layout) {
-    const alignmentInfo = (0, _utils.getAlignmentsInfo)(layout);
-    if (layout.alignments !== undefined) {
-      if (!layout.alignments.includes('none')) {
-        layout.alignments.unshift('none');
+    const alignmentInfo = (0, import_utils.getAlignmentsInfo)(layout);
+    if (layout.alignments !== void 0) {
+      if (!layout.alignments.includes("none")) {
+        layout.alignments.unshift("none");
       }
-      return layout.alignments.map(alignment => ({
+      return layout.alignments.map((alignment) => ({
         name: alignment,
         info: alignmentInfo[alignment]
       }));
     }
-    const {
-      contentSize,
-      wideSize
-    } = layout;
-    const alignments = [{
-      name: 'left'
-    }, {
-      name: 'center'
-    }, {
-      name: 'right'
-    }];
+    const { contentSize, wideSize } = layout;
+    const alignments = [
+      { name: "left" },
+      { name: "center" },
+      { name: "right" }
+    ];
     if (contentSize) {
-      alignments.unshift({
-        name: 'full'
-      });
+      alignments.unshift({ name: "full" });
     }
     if (wideSize) {
-      alignments.unshift({
-        name: 'wide',
-        info: alignmentInfo.wide
-      });
+      alignments.unshift({ name: "wide", info: alignmentInfo.wide });
     }
-    alignments.unshift({
-      name: 'none',
-      info: alignmentInfo.none
-    });
+    alignments.unshift({ name: "none", info: alignmentInfo.none });
     return alignments;
   }
 };
 const POPOVER_PROPS = {
-  placement: 'bottom-start'
+  placement: "bottom-start"
 };
-function DefaultLayoutJustifyContentControl({
-  layout,
-  onChange
-}) {
-  const {
-    justifyContent = 'center'
-  } = layout;
-  const onJustificationChange = value => {
+function DefaultLayoutJustifyContentControl({ layout, onChange }) {
+  const { justifyContent = "center" } = layout;
+  const onJustificationChange = (value) => {
     onChange({
       ...layout,
       justifyContent: value
     });
   };
-  const allowedControls = ['left', 'center', 'right'];
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components2.JustifyContentControl, {
-    allowedControls: allowedControls,
-    value: justifyContent,
-    onChange: onJustificationChange,
-    popoverProps: POPOVER_PROPS
-  });
+  const allowedControls = ["left", "center", "right"];
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components2.JustifyContentControl,
+    {
+      allowedControls,
+      value: justifyContent,
+      onChange: onJustificationChange,
+      popoverProps: POPOVER_PROPS
+    }
+  );
 }
-//# sourceMappingURL=constrained.js.map
+//# sourceMappingURL=constrained.js.map

package/build/layouts/constrained.js.map

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