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

package/build/components/block-alignment-control/ui.js

@@ -1,28 +1,42 @@
 "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 ui_exports = {};
+__export(ui_exports, {
+  default: () => ui_default
 });
-exports.default = void 0;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _i18n = require("@wordpress/i18n");
-var _components = require("@wordpress/components");
-var _useAvailableAlignments = _interopRequireDefault(require("./use-available-alignments"));
-var _constants = require("./constants");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(ui_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var import_i18n = require("@wordpress/i18n");
+var import_components = require("@wordpress/components");
+var import_use_available_alignments = __toESM(require("./use-available-alignments"));
+var import_constants = require("./constants");
 function BlockAlignmentUI({
   value,
   onChange,
@@ -30,77 +44,67 @@ function BlockAlignmentUI({
   isToolbar,
   isCollapsed = true
 }) {
-  const enabledControls = (0, _useAvailableAlignments.default)(controls);
+  const enabledControls = (0, import_use_available_alignments.default)(controls);
   const hasEnabledControls = !!enabledControls.length;
   if (!hasEnabledControls) {
     return null;
   }
   function onChangeAlignment(align) {
-    onChange([value, 'none'].includes(align) ? undefined : align);
+    onChange([value, "none"].includes(align) ? void 0 : align);
   }
-  const activeAlignmentControl = _constants.BLOCK_ALIGNMENTS_CONTROLS[value];
-  const defaultAlignmentControl = _constants.BLOCK_ALIGNMENTS_CONTROLS[_constants.DEFAULT_CONTROL];
-  const UIComponent = isToolbar ? _components.ToolbarGroup : _components.ToolbarDropdownMenu;
+  const activeAlignmentControl = import_constants.BLOCK_ALIGNMENTS_CONTROLS[value];
+  const defaultAlignmentControl = import_constants.BLOCK_ALIGNMENTS_CONTROLS[import_constants.DEFAULT_CONTROL];
+  const UIComponent = isToolbar ? import_components.ToolbarGroup : import_components.ToolbarDropdownMenu;
   const commonProps = {
     icon: activeAlignmentControl ? activeAlignmentControl.icon : defaultAlignmentControl.icon,
-    label: (0, _i18n.__)('Align')
+    label: (0, import_i18n.__)("Align")
   };
   const extraProps = isToolbar ? {
     isCollapsed,
-    controls: enabledControls.map(({
-      name: controlName
-    }) => {
+    controls: enabledControls.map(({ name: controlName }) => {
       return {
-        ..._constants.BLOCK_ALIGNMENTS_CONTROLS[controlName],
-        isActive: value === controlName || !value && controlName === 'none',
-        role: isCollapsed ? 'menuitemradio' : undefined,
+        ...import_constants.BLOCK_ALIGNMENTS_CONTROLS[controlName],
+        isActive: value === controlName || !value && controlName === "none",
+        role: isCollapsed ? "menuitemradio" : void 0,
         onClick: () => onChangeAlignment(controlName)
       };
     })
   } : {
-    toggleProps: {
-      description: (0, _i18n.__)('Change alignment')
-    },
-    children: ({
-      onClose
-    }) => {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuGroup, {
-          className: "block-editor-block-alignment-control__menu-group",
-          children: enabledControls.map(({
-            name: controlName,
-            info
-          }) => {
-            const {
+    toggleProps: { description: (0, import_i18n.__)("Change alignment") },
+    children: ({ onClose }) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.MenuGroup, { className: "block-editor-block-alignment-control__menu-group", children: enabledControls.map(
+        ({ name: controlName, info }) => {
+          const { icon, title } = import_constants.BLOCK_ALIGNMENTS_CONTROLS[controlName];
+          const isSelected = controlName === value || !value && controlName === "none";
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components.MenuItem,
+            {
               icon,
-              title
-            } = _constants.BLOCK_ALIGNMENTS_CONTROLS[controlName];
-            // If no value is provided, mark as selected the `none` option.
-            const isSelected = controlName === value || !value && controlName === 'none';
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
-              icon: icon,
               iconPosition: "left",
-              className: (0, _clsx.default)('components-dropdown-menu__menu-item', {
-                'is-active': isSelected
-              }),
-              isSelected: isSelected,
+              className: (0, import_clsx.default)(
+                "components-dropdown-menu__menu-item",
+                {
+                  "is-active": isSelected
+                }
+              ),
+              isSelected,
               onClick: () => {
-                onChangeAlignment(controlName);
+                onChangeAlignment(
+                  controlName
+                );
                 onClose();
               },
               role: "menuitemradio",
-              info: info,
+              info,
               children: title
-            }, controlName);
-          })
-        })
-      });
+            },
+            controlName
+          );
+        }
+      ) }) });
     }
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(UIComponent, {
-    ...commonProps,
-    ...extraProps
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UIComponent, { ...commonProps, ...extraProps });
 }
-var _default = exports.default = BlockAlignmentUI;
-//# sourceMappingURL=ui.js.map
+var ui_default = BlockAlignmentUI;
+//# sourceMappingURL=ui.js.map

package/build/components/block-alignment-control/ui.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_i18n","_components","_useAvailableAlignments","_constants","_jsxRuntime","BlockAlignmentUI","value","onChange","controls","isToolbar","isCollapsed","enabledControls","useAvailableAlignments","hasEnabledControls","length","onChangeAlignment","align","includes","undefined","activeAlignmentControl","BLOCK_ALIGNMENTS_CONTROLS","defaultAlignmentControl","DEFAULT_CONTROL","UIComponent","ToolbarGroup","ToolbarDropdownMenu","commonProps","icon","label","__","extraProps","map","name","controlName","isActive","role","onClick","toggleProps","description","children","onClose","jsx","Fragment","MenuGroup","className","info","title","isSelected","MenuItem","iconPosition","clsx","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-alignment-control/ui.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tToolbarDropdownMenu,\n\tToolbarGroup,\n\tMenuGroup,\n\tMenuItem,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport useAvailableAlignments from './use-available-alignments';\nimport { BLOCK_ALIGNMENTS_CONTROLS, DEFAULT_CONTROL } from './constants';\n\nfunction BlockAlignmentUI( {\n\tvalue,\n\tonChange,\n\tcontrols,\n\tisToolbar,\n\tisCollapsed = true,\n} ) {\n\tconst enabledControls = useAvailableAlignments( controls );\n\tconst hasEnabledControls = !! enabledControls.length;\n\n\tif ( ! hasEnabledControls ) {\n\t\treturn null;\n\t}\n\n\tfunction onChangeAlignment( align ) {\n\t\tonChange( [ value, 'none' ].includes( align ) ? undefined : align );\n\t}\n\n\tconst activeAlignmentControl = BLOCK_ALIGNMENTS_CONTROLS[ value ];\n\tconst defaultAlignmentControl =\n\t\tBLOCK_ALIGNMENTS_CONTROLS[ DEFAULT_CONTROL ];\n\n\tconst UIComponent = isToolbar ? ToolbarGroup : ToolbarDropdownMenu;\n\tconst commonProps = {\n\t\ticon: activeAlignmentControl\n\t\t\t? activeAlignmentControl.icon\n\t\t\t: defaultAlignmentControl.icon,\n\t\tlabel: __( 'Align' ),\n\t};\n\tconst extraProps = isToolbar\n\t\t? {\n\t\t\t\tisCollapsed,\n\t\t\t\tcontrols: enabledControls.map( ( { name: controlName } ) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...BLOCK_ALIGNMENTS_CONTROLS[ controlName ],\n\t\t\t\t\t\tisActive:\n\t\t\t\t\t\t\tvalue === controlName ||\n\t\t\t\t\t\t\t( ! value && controlName === 'none' ),\n\t\t\t\t\t\trole: isCollapsed ? 'menuitemradio' : undefined,\n\t\t\t\t\t\tonClick: () => onChangeAlignment( controlName ),\n\t\t\t\t\t};\n\t\t\t\t} ),\n\t\t  }\n\t\t: {\n\t\t\t\ttoggleProps: { description: __( 'Change alignment' ) },\n\t\t\t\tchildren: ( { onClose } ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<MenuGroup className=\"block-editor-block-alignment-control__menu-group\">\n\t\t\t\t\t\t\t\t{ enabledControls.map(\n\t\t\t\t\t\t\t\t\t( { name: controlName, info } ) => {\n\t\t\t\t\t\t\t\t\t\tconst { icon, title } =\n\t\t\t\t\t\t\t\t\t\t\tBLOCK_ALIGNMENTS_CONTROLS[\n\t\t\t\t\t\t\t\t\t\t\t\tcontrolName\n\t\t\t\t\t\t\t\t\t\t\t];\n\t\t\t\t\t\t\t\t\t\t// If no value is provided, mark as selected the `none` option.\n\t\t\t\t\t\t\t\t\t\tconst isSelected =\n\t\t\t\t\t\t\t\t\t\t\tcontrolName === value ||\n\t\t\t\t\t\t\t\t\t\t\t( ! value &&\n\t\t\t\t\t\t\t\t\t\t\t\tcontrolName === 'none' );\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\t\tkey={ controlName }\n\t\t\t\t\t\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\t\t\t\t\t\ticonPosition=\"left\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'components-dropdown-menu__menu-item',\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'is-active': isSelected,\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChangeAlignment(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcontrolName\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\trole=\"menuitemradio\"\n\t\t\t\t\t\t\t\t\t\t\t\tinfo={ info }\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{ title }\n\t\t\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t</>\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t  };\n\n\treturn <UIComponent { ...commonProps } { ...extraProps } />;\n}\n\nexport default BlockAlignmentUI;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-alignment-control/ui.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tToolbarDropdownMenu,\n\tToolbarGroup,\n\tMenuGroup,\n\tMenuItem,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport useAvailableAlignments from './use-available-alignments';\nimport { BLOCK_ALIGNMENTS_CONTROLS, DEFAULT_CONTROL } from './constants';\n\nfunction BlockAlignmentUI( {\n\tvalue,\n\tonChange,\n\tcontrols,\n\tisToolbar,\n\tisCollapsed = true,\n} ) {\n\tconst enabledControls = useAvailableAlignments( controls );\n\tconst hasEnabledControls = !! enabledControls.length;\n\n\tif ( ! hasEnabledControls ) {\n\t\treturn null;\n\t}\n\n\tfunction onChangeAlignment( align ) {\n\t\tonChange( [ value, 'none' ].includes( align ) ? undefined : align );\n\t}\n\n\tconst activeAlignmentControl = BLOCK_ALIGNMENTS_CONTROLS[ value ];\n\tconst defaultAlignmentControl =\n\t\tBLOCK_ALIGNMENTS_CONTROLS[ DEFAULT_CONTROL ];\n\n\tconst UIComponent = isToolbar ? ToolbarGroup : ToolbarDropdownMenu;\n\tconst commonProps = {\n\t\ticon: activeAlignmentControl\n\t\t\t? activeAlignmentControl.icon\n\t\t\t: defaultAlignmentControl.icon,\n\t\tlabel: __( 'Align' ),\n\t};\n\tconst extraProps = isToolbar\n\t\t? {\n\t\t\t\tisCollapsed,\n\t\t\t\tcontrols: enabledControls.map( ( { name: controlName } ) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...BLOCK_ALIGNMENTS_CONTROLS[ controlName ],\n\t\t\t\t\t\tisActive:\n\t\t\t\t\t\t\tvalue === controlName ||\n\t\t\t\t\t\t\t( ! value && controlName === 'none' ),\n\t\t\t\t\t\trole: isCollapsed ? 'menuitemradio' : undefined,\n\t\t\t\t\t\tonClick: () => onChangeAlignment( controlName ),\n\t\t\t\t\t};\n\t\t\t\t} ),\n\t\t  }\n\t\t: {\n\t\t\t\ttoggleProps: { description: __( 'Change alignment' ) },\n\t\t\t\tchildren: ( { onClose } ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<MenuGroup className=\"block-editor-block-alignment-control__menu-group\">\n\t\t\t\t\t\t\t\t{ enabledControls.map(\n\t\t\t\t\t\t\t\t\t( { name: controlName, info } ) => {\n\t\t\t\t\t\t\t\t\t\tconst { icon, title } =\n\t\t\t\t\t\t\t\t\t\t\tBLOCK_ALIGNMENTS_CONTROLS[\n\t\t\t\t\t\t\t\t\t\t\t\tcontrolName\n\t\t\t\t\t\t\t\t\t\t\t];\n\t\t\t\t\t\t\t\t\t\t// If no value is provided, mark as selected the `none` option.\n\t\t\t\t\t\t\t\t\t\tconst isSelected =\n\t\t\t\t\t\t\t\t\t\t\tcontrolName === value ||\n\t\t\t\t\t\t\t\t\t\t\t( ! value &&\n\t\t\t\t\t\t\t\t\t\t\t\tcontrolName === 'none' );\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\t\tkey={ controlName }\n\t\t\t\t\t\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\t\t\t\t\t\ticonPosition=\"left\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'components-dropdown-menu__menu-item',\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'is-active': isSelected,\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChangeAlignment(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcontrolName\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\trole=\"menuitemradio\"\n\t\t\t\t\t\t\t\t\t\t\t\tinfo={ info }\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{ title }\n\t\t\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t</>\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t  };\n\n\treturn <UIComponent { ...commonProps } { ...extraProps } />;\n}\n\nexport default BlockAlignmentUI;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqEM;AAlEN,kBAAiB;AAKjB,kBAAmB;AACnB,wBAKO;AAKP,sCAAmC;AACnC,uBAA2D;AAE3D,SAAS,iBAAkB;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AACf,GAAI;AACH,QAAM,sBAAkB,gCAAAA,SAAwB,QAAS;AACzD,QAAM,qBAAqB,CAAC,CAAE,gBAAgB;AAE9C,MAAK,CAAE,oBAAqB;AAC3B,WAAO;AAAA,EACR;AAEA,WAAS,kBAAmB,OAAQ;AACnC,aAAU,CAAE,OAAO,MAAO,EAAE,SAAU,KAAM,IAAI,SAAY,KAAM;AAAA,EACnE;AAEA,QAAM,yBAAyB,2CAA2B,KAAM;AAChE,QAAM,0BACL,2CAA2B,gCAAgB;AAE5C,QAAM,cAAc,YAAY,iCAAe;AAC/C,QAAM,cAAc;AAAA,IACnB,MAAM,yBACH,uBAAuB,OACvB,wBAAwB;AAAA,IAC3B,WAAO,gBAAI,OAAQ;AAAA,EACpB;AACA,QAAM,aAAa,YAChB;AAAA,IACA;AAAA,IACA,UAAU,gBAAgB,IAAK,CAAE,EAAE,MAAM,YAAY,MAAO;AAC3D,aAAO;AAAA,QACN,GAAG,2CAA2B,WAAY;AAAA,QAC1C,UACC,UAAU,eACR,CAAE,SAAS,gBAAgB;AAAA,QAC9B,MAAM,cAAc,kBAAkB;AAAA,QACtC,SAAS,MAAM,kBAAmB,WAAY;AAAA,MAC/C;AAAA,IACD,CAAE;AAAA,EACF,IACA;AAAA,IACA,aAAa,EAAE,iBAAa,gBAAI,kBAAmB,EAAE;AAAA,IACrD,UAAU,CAAE,EAAE,QAAQ,MAAO;AAC5B,aACC,2EACC,sDAAC,+BAAU,WAAU,oDAClB,0BAAgB;AAAA,QACjB,CAAE,EAAE,MAAM,aAAa,KAAK,MAAO;AAClC,gBAAM,EAAE,MAAM,MAAM,IACnB,2CACC,WACD;AAED,gBAAM,aACL,gBAAgB,SACd,CAAE,SACH,gBAAgB;AAClB,iBACC;AAAA,YAAC;AAAA;AAAA,cAEA;AAAA,cACA,cAAa;AAAA,cACb,eAAY,YAAAC;AAAA,gBACX;AAAA,gBACA;AAAA,kBACC,aAAa;AAAA,gBACd;AAAA,cACD;AAAA,cACA;AAAA,cACA,SAAU,MAAM;AACf;AAAA,kBACC;AAAA,gBACD;AACA,wBAAQ;AAAA,cACT;AAAA,cACA,MAAK;AAAA,cACL;AAAA,cAEE;AAAA;AAAA,YAnBI;AAAA,UAoBP;AAAA,QAEF;AAAA,MACD,GACD,GACD;AAAA,IAEF;AAAA,EACA;AAEH,SAAO,4CAAC,eAAc,GAAG,aAAgB,GAAG,YAAa;AAC1D;AAEA,IAAO,aAAQ;",
+  "names": ["useAvailableAlignments", "clsx"]
+}

package/build/components/block-alignment-control/use-available-alignments.js

@@ -1,63 +1,74 @@
 "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 use_available_alignments_exports = {};
+__export(use_available_alignments_exports, {
+  default: () => useAvailableAlignments
 });
-exports.default = useAvailableAlignments;
-var _data = require("@wordpress/data");
-var _layout = require("../block-list/layout");
-var _store = require("../../store");
-var _layouts = require("../../layouts");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(use_available_alignments_exports);
+var import_data = require("@wordpress/data");
+var import_layout = require("../block-list/layout");
+var import_store = require("../../store");
+var import_layouts = require("../../layouts");
 const EMPTY_ARRAY = [];
-const DEFAULT_CONTROLS = ['none', 'left', 'center', 'right', 'wide', 'full'];
-const WIDE_CONTROLS = ['wide', 'full'];
+const DEFAULT_CONTROLS = ["none", "left", "center", "right", "wide", "full"];
+const WIDE_CONTROLS = ["wide", "full"];
 function useAvailableAlignments(controls = DEFAULT_CONTROLS) {
-  // Always add the `none` option if not exists.
-  if (!controls.includes('none')) {
-    controls = ['none', ...controls];
+  if (!controls.includes("none")) {
+    controls = ["none", ...controls];
   }
-  const isNoneOnly = controls.length === 1 && controls[0] === 'none';
-  const [wideControlsEnabled, themeSupportsLayout, isBlockBasedTheme] = (0, _data.useSelect)(select => {
-    var _settings$alignWide;
-    // If `isNoneOnly` is true, we'll be returning early because there is
-    // nothing to filter on an empty array. We won't need the info from
-    // the `useSelect` but we must call it anyway because Rules of Hooks.
-    // So the callback returns early to avoid block editor subscription.
-    if (isNoneOnly) {
-      return [false, false, false];
-    }
-    const settings = select(_store.store).getSettings();
-    return [(_settings$alignWide = settings.alignWide) !== null && _settings$alignWide !== void 0 ? _settings$alignWide : false, settings.supportsLayout, settings.__unstableIsBlockBasedTheme];
-  }, [isNoneOnly]);
-  const layout = (0, _layout.useLayout)();
+  const isNoneOnly = controls.length === 1 && controls[0] === "none";
+  const [wideControlsEnabled, themeSupportsLayout, isBlockBasedTheme] = (0, import_data.useSelect)(
+    (select) => {
+      if (isNoneOnly) {
+        return [false, false, false];
+      }
+      const settings = select(import_store.store).getSettings();
+      return [
+        settings.alignWide ?? false,
+        settings.supportsLayout,
+        settings.__unstableIsBlockBasedTheme
+      ];
+    },
+    [isNoneOnly]
+  );
+  const layout = (0, import_layout.useLayout)();
   if (isNoneOnly) {
     return EMPTY_ARRAY;
   }
-  const layoutType = (0, _layouts.getLayoutType)(layout?.type);
+  const layoutType = (0, import_layouts.getLayoutType)(layout?.type);
   if (themeSupportsLayout) {
-    const layoutAlignments = layoutType.getAlignments(layout, isBlockBasedTheme);
-    const alignments = layoutAlignments.filter(alignment => controls.includes(alignment.name));
-    // While we treat `none` as an alignment, we shouldn't return it if no
-    // other alignments exist.
-    if (alignments.length === 1 && alignments[0].name === 'none') {
+    const layoutAlignments = layoutType.getAlignments(
+      layout,
+      isBlockBasedTheme
+    );
+    const alignments2 = layoutAlignments.filter(
+      (alignment) => controls.includes(alignment.name)
+    );
+    if (alignments2.length === 1 && alignments2[0].name === "none") {
       return EMPTY_ARRAY;
     }
-    return alignments;
+    return alignments2;
   }
-
-  // Starting here, it's the fallback for themes not supporting the layout config.
-  if (layoutType.name !== 'default' && layoutType.name !== 'constrained') {
+  if (layoutType.name !== "default" && layoutType.name !== "constrained") {
     return EMPTY_ARRAY;
   }
-  const alignments = controls.filter(control => {
+  const alignments = controls.filter((control) => {
     if (layout.alignments) {
       return layout.alignments.includes(control);
     }
@@ -65,15 +76,10 @@ function useAvailableAlignments(controls = DEFAULT_CONTROLS) {
       return false;
     }
     return DEFAULT_CONTROLS.includes(control);
-  }).map(name => ({
-    name
-  }));
-
-  // While we treat `none` as an alignment, we shouldn't return it if no
-  // other alignments exist.
-  if (alignments.length === 1 && alignments[0].name === 'none') {
+  }).map((name) => ({ name }));
+  if (alignments.length === 1 && alignments[0].name === "none") {
     return EMPTY_ARRAY;
   }
   return alignments;
 }
-//# sourceMappingURL=use-available-alignments.js.map
+//# sourceMappingURL=use-available-alignments.js.map

package/build/components/block-alignment-control/use-available-alignments.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_data","require","_layout","_store","_layouts","EMPTY_ARRAY","DEFAULT_CONTROLS","WIDE_CONTROLS","useAvailableAlignments","controls","includes","isNoneOnly","length","wideControlsEnabled","themeSupportsLayout","isBlockBasedTheme","useSelect","select","_settings$alignWide","settings","blockEditorStore","getSettings","alignWide","supportsLayout","__unstableIsBlockBasedTheme","layout","useLayout","layoutType","getLayoutType","type","layoutAlignments","getAlignments","alignments","filter","alignment","name","control","map"],"sources":["@wordpress/block-editor/src/components/block-alignment-control/use-available-alignments.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { useLayout } from '../block-list/layout';\nimport { store as blockEditorStore } from '../../store';\nimport { getLayoutType } from '../../layouts';\n\nconst EMPTY_ARRAY = [];\nconst DEFAULT_CONTROLS = [ 'none', 'left', 'center', 'right', 'wide', 'full' ];\nconst WIDE_CONTROLS = [ 'wide', 'full' ];\n\nexport default function useAvailableAlignments( controls = DEFAULT_CONTROLS ) {\n\t// Always add the `none` option if not exists.\n\tif ( ! controls.includes( 'none' ) ) {\n\t\tcontrols = [ 'none', ...controls ];\n\t}\n\tconst isNoneOnly = controls.length === 1 && controls[ 0 ] === 'none';\n\n\tconst [ wideControlsEnabled, themeSupportsLayout, isBlockBasedTheme ] =\n\t\tuseSelect(\n\t\t\t( select ) => {\n\t\t\t\t// If `isNoneOnly` is true, we'll be returning early because there is\n\t\t\t\t// nothing to filter on an empty array. We won't need the info from\n\t\t\t\t// the `useSelect` but we must call it anyway because Rules of Hooks.\n\t\t\t\t// So the callback returns early to avoid block editor subscription.\n\t\t\t\tif ( isNoneOnly ) {\n\t\t\t\t\treturn [ false, false, false ];\n\t\t\t\t}\n\n\t\t\t\tconst settings = select( blockEditorStore ).getSettings();\n\t\t\t\treturn [\n\t\t\t\t\tsettings.alignWide ?? false,\n\t\t\t\t\tsettings.supportsLayout,\n\t\t\t\t\tsettings.__unstableIsBlockBasedTheme,\n\t\t\t\t];\n\t\t\t},\n\t\t\t[ isNoneOnly ]\n\t\t);\n\tconst layout = useLayout();\n\n\tif ( isNoneOnly ) {\n\t\treturn EMPTY_ARRAY;\n\t}\n\n\tconst layoutType = getLayoutType( layout?.type );\n\n\tif ( themeSupportsLayout ) {\n\t\tconst layoutAlignments = layoutType.getAlignments(\n\t\t\tlayout,\n\t\t\tisBlockBasedTheme\n\t\t);\n\t\tconst alignments = layoutAlignments.filter( ( alignment ) =>\n\t\t\tcontrols.includes( alignment.name )\n\t\t);\n\t\t// While we treat `none` as an alignment, we shouldn't return it if no\n\t\t// other alignments exist.\n\t\tif ( alignments.length === 1 && alignments[ 0 ].name === 'none' ) {\n\t\t\treturn EMPTY_ARRAY;\n\t\t}\n\t\treturn alignments;\n\t}\n\n\t// Starting here, it's the fallback for themes not supporting the layout config.\n\tif ( layoutType.name !== 'default' && layoutType.name !== 'constrained' ) {\n\t\treturn EMPTY_ARRAY;\n\t}\n\n\tconst alignments = controls\n\t\t.filter( ( control ) => {\n\t\t\tif ( layout.alignments ) {\n\t\t\t\treturn layout.alignments.includes( control );\n\t\t\t}\n\n\t\t\tif ( ! wideControlsEnabled && WIDE_CONTROLS.includes( control ) ) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\treturn DEFAULT_CONTROLS.includes( control );\n\t\t} )\n\t\t.map( ( name ) => ( { name } ) );\n\n\t// While we treat `none` as an alignment, we shouldn't return it if no\n\t// other alignments exist.\n\tif ( alignments.length === 1 && alignments[ 0 ].name === 'none' ) {\n\t\treturn EMPTY_ARRAY;\n\t}\n\n\treturn alignments;\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-alignment-control/use-available-alignments.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { useLayout } from '../block-list/layout';\nimport { store as blockEditorStore } from '../../store';\nimport { getLayoutType } from '../../layouts';\n\nconst EMPTY_ARRAY = [];\nconst DEFAULT_CONTROLS = [ 'none', 'left', 'center', 'right', 'wide', 'full' ];\nconst WIDE_CONTROLS = [ 'wide', 'full' ];\n\nexport default function useAvailableAlignments( controls = DEFAULT_CONTROLS ) {\n\t// Always add the `none` option if not exists.\n\tif ( ! controls.includes( 'none' ) ) {\n\t\tcontrols = [ 'none', ...controls ];\n\t}\n\tconst isNoneOnly = controls.length === 1 && controls[ 0 ] === 'none';\n\n\tconst [ wideControlsEnabled, themeSupportsLayout, isBlockBasedTheme ] =\n\t\tuseSelect(\n\t\t\t( select ) => {\n\t\t\t\t// If `isNoneOnly` is true, we'll be returning early because there is\n\t\t\t\t// nothing to filter on an empty array. We won't need the info from\n\t\t\t\t// the `useSelect` but we must call it anyway because Rules of Hooks.\n\t\t\t\t// So the callback returns early to avoid block editor subscription.\n\t\t\t\tif ( isNoneOnly ) {\n\t\t\t\t\treturn [ false, false, false ];\n\t\t\t\t}\n\n\t\t\t\tconst settings = select( blockEditorStore ).getSettings();\n\t\t\t\treturn [\n\t\t\t\t\tsettings.alignWide ?? false,\n\t\t\t\t\tsettings.supportsLayout,\n\t\t\t\t\tsettings.__unstableIsBlockBasedTheme,\n\t\t\t\t];\n\t\t\t},\n\t\t\t[ isNoneOnly ]\n\t\t);\n\tconst layout = useLayout();\n\n\tif ( isNoneOnly ) {\n\t\treturn EMPTY_ARRAY;\n\t}\n\n\tconst layoutType = getLayoutType( layout?.type );\n\n\tif ( themeSupportsLayout ) {\n\t\tconst layoutAlignments = layoutType.getAlignments(\n\t\t\tlayout,\n\t\t\tisBlockBasedTheme\n\t\t);\n\t\tconst alignments = layoutAlignments.filter( ( alignment ) =>\n\t\t\tcontrols.includes( alignment.name )\n\t\t);\n\t\t// While we treat `none` as an alignment, we shouldn't return it if no\n\t\t// other alignments exist.\n\t\tif ( alignments.length === 1 && alignments[ 0 ].name === 'none' ) {\n\t\t\treturn EMPTY_ARRAY;\n\t\t}\n\t\treturn alignments;\n\t}\n\n\t// Starting here, it's the fallback for themes not supporting the layout config.\n\tif ( layoutType.name !== 'default' && layoutType.name !== 'constrained' ) {\n\t\treturn EMPTY_ARRAY;\n\t}\n\n\tconst alignments = controls\n\t\t.filter( ( control ) => {\n\t\t\tif ( layout.alignments ) {\n\t\t\t\treturn layout.alignments.includes( control );\n\t\t\t}\n\n\t\t\tif ( ! wideControlsEnabled && WIDE_CONTROLS.includes( control ) ) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\treturn DEFAULT_CONTROLS.includes( control );\n\t\t} )\n\t\t.map( ( name ) => ( { name } ) );\n\n\t// While we treat `none` as an alignment, we shouldn't return it if no\n\t// other alignments exist.\n\tif ( alignments.length === 1 && alignments[ 0 ].name === 'none' ) {\n\t\treturn EMPTY_ARRAY;\n\t}\n\n\treturn alignments;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAA0B;AAK1B,oBAA0B;AAC1B,mBAA0C;AAC1C,qBAA8B;AAE9B,MAAM,cAAc,CAAC;AACrB,MAAM,mBAAmB,CAAE,QAAQ,QAAQ,UAAU,SAAS,QAAQ,MAAO;AAC7E,MAAM,gBAAgB,CAAE,QAAQ,MAAO;AAExB,SAAR,uBAAyC,WAAW,kBAAmB;AAE7E,MAAK,CAAE,SAAS,SAAU,MAAO,GAAI;AACpC,eAAW,CAAE,QAAQ,GAAG,QAAS;AAAA,EAClC;AACA,QAAM,aAAa,SAAS,WAAW,KAAK,SAAU,CAAE,MAAM;AAE9D,QAAM,CAAE,qBAAqB,qBAAqB,iBAAkB,QACnE;AAAA,IACC,CAAE,WAAY;AAKb,UAAK,YAAa;AACjB,eAAO,CAAE,OAAO,OAAO,KAAM;AAAA,MAC9B;AAEA,YAAM,WAAW,OAAQ,aAAAA,KAAiB,EAAE,YAAY;AACxD,aAAO;AAAA,QACN,SAAS,aAAa;AAAA,QACtB,SAAS;AAAA,QACT,SAAS;AAAA,MACV;AAAA,IACD;AAAA,IACA,CAAE,UAAW;AAAA,EACd;AACD,QAAM,aAAS,yBAAU;AAEzB,MAAK,YAAa;AACjB,WAAO;AAAA,EACR;AAEA,QAAM,iBAAa,8BAAe,QAAQ,IAAK;AAE/C,MAAK,qBAAsB;AAC1B,UAAM,mBAAmB,WAAW;AAAA,MACnC;AAAA,MACA;AAAA,IACD;AACA,UAAMC,cAAa,iBAAiB;AAAA,MAAQ,CAAE,cAC7C,SAAS,SAAU,UAAU,IAAK;AAAA,IACnC;AAGA,QAAKA,YAAW,WAAW,KAAKA,YAAY,CAAE,EAAE,SAAS,QAAS;AACjE,aAAO;AAAA,IACR;AACA,WAAOA;AAAA,EACR;AAGA,MAAK,WAAW,SAAS,aAAa,WAAW,SAAS,eAAgB;AACzE,WAAO;AAAA,EACR;AAEA,QAAM,aAAa,SACjB,OAAQ,CAAE,YAAa;AACvB,QAAK,OAAO,YAAa;AACxB,aAAO,OAAO,WAAW,SAAU,OAAQ;AAAA,IAC5C;AAEA,QAAK,CAAE,uBAAuB,cAAc,SAAU,OAAQ,GAAI;AACjE,aAAO;AAAA,IACR;AAEA,WAAO,iBAAiB,SAAU,OAAQ;AAAA,EAC3C,CAAE,EACD,IAAK,CAAE,UAAY,EAAE,KAAK,EAAI;AAIhC,MAAK,WAAW,WAAW,KAAK,WAAY,CAAE,EAAE,SAAS,QAAS;AACjE,WAAO;AAAA,EACR;AAEA,SAAO;AACR;",
+  "names": ["blockEditorStore", "alignments"]
+}

package/build/components/block-alignment-matrix-control/index.js

@@ -1,91 +1,75 @@
 "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 block_alignment_matrix_control_exports = {};
+__export(block_alignment_matrix_control_exports, {
+  default: () => block_alignment_matrix_control_default
 });
-exports.default = void 0;
-var _i18n = require("@wordpress/i18n");
-var _keycodes = require("@wordpress/keycodes");
-var _components = require("@wordpress/components");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-const noop = () => {};
-
-/**
- * The alignment matrix control allows users to quickly adjust inner block alignment.
- *
- * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-alignment-matrix-control/README.md
- *
- * @example
- * ```jsx
- * function Example() {
- *   return (
- *     <BlockControls>
- *       <BlockAlignmentMatrixControl
- *         label={ __( 'Change content position' ) }
- *         value="center"
- *         onChange={ ( nextPosition ) =>
- *           setAttributes( { contentPosition: nextPosition } )
- *         }
- *       />
- *     </BlockControls>
- *   );
- * }
- * ```
- *
- * @param {Object}   props            Component props.
- * @param {string}   props.label      Label for the control. Defaults to 'Change matrix alignment'.
- * @param {Function} props.onChange   Function to execute upon change of matrix state.
- * @param {string}   props.value      Content alignment location. One of: 'center', 'center center',
- *                                    'center left', 'center right', 'top center', 'top left',
- *                                    'top right', 'bottom center', 'bottom left', 'bottom right'.
- * @param {boolean}  props.isDisabled Whether the control should be disabled.
- * @return {Element} The BlockAlignmentMatrixControl component.
- */
+module.exports = __toCommonJS(block_alignment_matrix_control_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_i18n = require("@wordpress/i18n");
+var import_keycodes = require("@wordpress/keycodes");
+var import_components = require("@wordpress/components");
+const noop = () => {
+};
 function BlockAlignmentMatrixControl(props) {
   const {
-    label = (0, _i18n.__)('Change matrix alignment'),
+    label = (0, import_i18n.__)("Change matrix alignment"),
     onChange = noop,
-    value = 'center',
+    value = "center",
     isDisabled
   } = props;
-  const icon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.AlignmentMatrixControl.Icon, {
-    value: value
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Dropdown, {
-    popoverProps: {
-      placement: 'bottom-start'
-    },
-    renderToggle: ({
-      onToggle,
-      isOpen
-    }) => {
-      const openOnArrowDown = event => {
-        if (!isOpen && event.keyCode === _keycodes.DOWN) {
-          event.preventDefault();
-          onToggle();
+  const icon = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.AlignmentMatrixControl.Icon, { value });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.Dropdown,
+    {
+      popoverProps: { placement: "bottom-start" },
+      renderToggle: ({ onToggle, isOpen }) => {
+        const openOnArrowDown = (event) => {
+          if (!isOpen && event.keyCode === import_keycodes.DOWN) {
+            event.preventDefault();
+            onToggle();
+          }
+        };
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_components.ToolbarButton,
+          {
+            onClick: onToggle,
+            "aria-haspopup": "true",
+            "aria-expanded": isOpen,
+            onKeyDown: openOnArrowDown,
+            label,
+            icon,
+            showTooltip: true,
+            disabled: isDisabled
+          }
+        );
+      },
+      renderContent: () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.AlignmentMatrixControl,
+        {
+          hasFocusBorder: false,
+          onChange,
+          value
         }
-      };
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarButton, {
-        onClick: onToggle,
-        "aria-haspopup": "true",
-        "aria-expanded": isOpen,
-        onKeyDown: openOnArrowDown,
-        label: label,
-        icon: icon,
-        showTooltip: true,
-        disabled: isDisabled
-      });
-    },
-    renderContent: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.AlignmentMatrixControl, {
-      hasFocusBorder: false,
-      onChange: onChange,
-      value: value
-    })
-  });
+      )
+    }
+  );
 }
-var _default = exports.default = BlockAlignmentMatrixControl;
-//# sourceMappingURL=index.js.map
+var block_alignment_matrix_control_default = BlockAlignmentMatrixControl;
+//# sourceMappingURL=index.js.map

package/build/components/block-alignment-matrix-control/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_i18n","require","_keycodes","_components","_jsxRuntime","noop","BlockAlignmentMatrixControl","props","label","__","onChange","value","isDisabled","icon","jsx","AlignmentMatrixControl","Icon","Dropdown","popoverProps","placement","renderToggle","onToggle","isOpen","openOnArrowDown","event","keyCode","DOWN","preventDefault","ToolbarButton","onClick","onKeyDown","showTooltip","disabled","renderContent","hasFocusBorder","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-alignment-matrix-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { DOWN } from '@wordpress/keycodes';\nimport {\n\tToolbarButton,\n\tDropdown,\n\tAlignmentMatrixControl,\n} from '@wordpress/components';\n\nconst noop = () => {};\n\n/**\n * The alignment matrix control allows users to quickly adjust inner block alignment.\n *\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-alignment-matrix-control/README.md\n *\n * @example\n * ```jsx\n * function Example() {\n *   return (\n *     <BlockControls>\n *       <BlockAlignmentMatrixControl\n *         label={ __( 'Change content position' ) }\n *         value=\"center\"\n *         onChange={ ( nextPosition ) =>\n *           setAttributes( { contentPosition: nextPosition } )\n *         }\n *       />\n *     </BlockControls>\n *   );\n * }\n * ```\n *\n * @param {Object}   props            Component props.\n * @param {string}   props.label      Label for the control. Defaults to 'Change matrix alignment'.\n * @param {Function} props.onChange   Function to execute upon change of matrix state.\n * @param {string}   props.value      Content alignment location. One of: 'center', 'center center',\n *                                    'center left', 'center right', 'top center', 'top left',\n *                                    'top right', 'bottom center', 'bottom left', 'bottom right'.\n * @param {boolean}  props.isDisabled Whether the control should be disabled.\n * @return {Element} The BlockAlignmentMatrixControl component.\n */\nfunction BlockAlignmentMatrixControl( props ) {\n\tconst {\n\t\tlabel = __( 'Change matrix alignment' ),\n\t\tonChange = noop,\n\t\tvalue = 'center',\n\t\tisDisabled,\n\t} = props;\n\n\tconst icon = <AlignmentMatrixControl.Icon value={ value } />;\n\n\treturn (\n\t\t<Dropdown\n\t\t\tpopoverProps={ { placement: 'bottom-start' } }\n\t\t\trenderToggle={ ( { onToggle, isOpen } ) => {\n\t\t\t\tconst openOnArrowDown = ( event ) => {\n\t\t\t\t\tif ( ! isOpen && event.keyCode === DOWN ) {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tonToggle();\n\t\t\t\t\t}\n\t\t\t\t};\n\n\t\t\t\treturn (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\tonKeyDown={ openOnArrowDown }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\tdisabled={ isDisabled }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} }\n\t\t\trenderContent={ () => (\n\t\t\t\t<AlignmentMatrixControl\n\t\t\t\t\thasFocusBorder={ false }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t/>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nexport default BlockAlignmentMatrixControl;\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAI+B,IAAAG,WAAA,GAAAH,OAAA;AAT/B;AACA;AACA;;AASA,MAAMI,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;;AAErB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,2BAA2BA,CAAEC,KAAK,EAAG;EAC7C,MAAM;IACLC,KAAK,GAAG,IAAAC,QAAE,EAAE,yBAA0B,CAAC;IACvCC,QAAQ,GAAGL,IAAI;IACfM,KAAK,GAAG,QAAQ;IAChBC;EACD,CAAC,GAAGL,KAAK;EAET,MAAMM,IAAI,gBAAG,IAAAT,WAAA,CAAAU,GAAA,EAACX,WAAA,CAAAY,sBAAsB,CAACC,IAAI;IAACL,KAAK,EAAGA;EAAO,CAAE,CAAC;EAE5D,oBACC,IAAAP,WAAA,CAAAU,GAAA,EAACX,WAAA,CAAAc,QAAQ;IACRC,YAAY,EAAG;MAAEC,SAAS,EAAE;IAAe,CAAG;IAC9CC,YAAY,EAAGA,CAAE;MAAEC,QAAQ;MAAEC;IAAO,CAAC,KAAM;MAC1C,MAAMC,eAAe,GAAKC,KAAK,IAAM;QACpC,IAAK,CAAEF,MAAM,IAAIE,KAAK,CAACC,OAAO,KAAKC,cAAI,EAAG;UACzCF,KAAK,CAACG,cAAc,CAAC,CAAC;UACtBN,QAAQ,CAAC,CAAC;QACX;MACD,CAAC;MAED,oBACC,IAAAjB,WAAA,CAAAU,GAAA,EAACX,WAAA,CAAAyB,aAAa;QACbC,OAAO,EAAGR,QAAU;QACpB,iBAAc,MAAM;QACpB,iBAAgBC,MAAQ;QACxBQ,SAAS,EAAGP,eAAiB;QAC7Bf,KAAK,EAAGA,KAAO;QACfK,IAAI,EAAGA,IAAM;QACbkB,WAAW;QACXC,QAAQ,EAAGpB;MAAY,CACvB,CAAC;IAEJ,CAAG;IACHqB,aAAa,EAAGA,CAAA,kBACf,IAAA7B,WAAA,CAAAU,GAAA,EAACX,WAAA,CAAAY,sBAAsB;MACtBmB,cAAc,EAAG,KAAO;MACxBxB,QAAQ,EAAGA,QAAU;MACrBC,KAAK,EAAGA;IAAO,CACf;EACC,CACH,CAAC;AAEJ;AAAC,IAAAwB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc/B,2BAA2B","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-alignment-matrix-control/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { DOWN } from '@wordpress/keycodes';\nimport {\n\tToolbarButton,\n\tDropdown,\n\tAlignmentMatrixControl,\n} from '@wordpress/components';\n\nconst noop = () => {};\n\n/**\n * The alignment matrix control allows users to quickly adjust inner block alignment.\n *\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-alignment-matrix-control/README.md\n *\n * @example\n * ```jsx\n * function Example() {\n *   return (\n *     <BlockControls>\n *       <BlockAlignmentMatrixControl\n *         label={ __( 'Change content position' ) }\n *         value=\"center\"\n *         onChange={ ( nextPosition ) =>\n *           setAttributes( { contentPosition: nextPosition } )\n *         }\n *       />\n *     </BlockControls>\n *   );\n * }\n * ```\n *\n * @param {Object}   props            Component props.\n * @param {string}   props.label      Label for the control. Defaults to 'Change matrix alignment'.\n * @param {Function} props.onChange   Function to execute upon change of matrix state.\n * @param {string}   props.value      Content alignment location. One of: 'center', 'center center',\n *                                    'center left', 'center right', 'top center', 'top left',\n *                                    'top right', 'bottom center', 'bottom left', 'bottom right'.\n * @param {boolean}  props.isDisabled Whether the control should be disabled.\n * @return {Element} The BlockAlignmentMatrixControl component.\n */\nfunction BlockAlignmentMatrixControl( props ) {\n\tconst {\n\t\tlabel = __( 'Change matrix alignment' ),\n\t\tonChange = noop,\n\t\tvalue = 'center',\n\t\tisDisabled,\n\t} = props;\n\n\tconst icon = <AlignmentMatrixControl.Icon value={ value } />;\n\n\treturn (\n\t\t<Dropdown\n\t\t\tpopoverProps={ { placement: 'bottom-start' } }\n\t\t\trenderToggle={ ( { onToggle, isOpen } ) => {\n\t\t\t\tconst openOnArrowDown = ( event ) => {\n\t\t\t\t\tif ( ! isOpen && event.keyCode === DOWN ) {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tonToggle();\n\t\t\t\t\t}\n\t\t\t\t};\n\n\t\t\t\treturn (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\tonKeyDown={ openOnArrowDown }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\tdisabled={ isDisabled }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} }\n\t\t\trenderContent={ () => (\n\t\t\t\t<AlignmentMatrixControl\n\t\t\t\t\thasFocusBorder={ false }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t/>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nexport default BlockAlignmentMatrixControl;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoDc;AAjDd,kBAAmB;AACnB,sBAAqB;AACrB,wBAIO;AAEP,MAAM,OAAO,MAAM;AAAC;AAiCpB,SAAS,4BAA6B,OAAQ;AAC7C,QAAM;AAAA,IACL,YAAQ,gBAAI,yBAA0B;AAAA,IACtC,WAAW;AAAA,IACX,QAAQ;AAAA,IACR;AAAA,EACD,IAAI;AAEJ,QAAM,OAAO,4CAAC,yCAAuB,MAAvB,EAA4B,OAAgB;AAE1D,SACC;AAAA,IAAC;AAAA;AAAA,MACA,cAAe,EAAE,WAAW,eAAe;AAAA,MAC3C,cAAe,CAAE,EAAE,UAAU,OAAO,MAAO;AAC1C,cAAM,kBAAkB,CAAE,UAAW;AACpC,cAAK,CAAE,UAAU,MAAM,YAAY,sBAAO;AACzC,kBAAM,eAAe;AACrB,qBAAS;AAAA,UACV;AAAA,QACD;AAEA,eACC;AAAA,UAAC;AAAA;AAAA,YACA,SAAU;AAAA,YACV,iBAAc;AAAA,YACd,iBAAgB;AAAA,YAChB,WAAY;AAAA,YACZ;AAAA,YACA;AAAA,YACA,aAAW;AAAA,YACX,UAAW;AAAA;AAAA,QACZ;AAAA,MAEF;AAAA,MACA,eAAgB,MACf;AAAA,QAAC;AAAA;AAAA,UACA,gBAAiB;AAAA,UACjB;AAAA,UACA;AAAA;AAAA,MACD;AAAA;AAAA,EAEF;AAEF;AAEA,IAAO,yCAAQ;",
+  "names": []
+}