@wordpress/block-editor 12.6.0 → 12.8.0

package/build/components/global-styles/get-block-css-selector.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getBlockCSSSelector = getBlockCSSSelector;
-
 var _utils = require("./utils");
-
 var _object = require("../../utils/object");
-
 /**
  * Internal dependencies
  */
@@ -28,7 +25,6 @@ function getBlockCSSSelector(blockType, target = 'root', options = {}) {
   if (!target) {
     return null;
   }
-
   const {
     fallback = false
   } = options;
@@ -38,12 +34,13 @@ function getBlockCSSSelector(blockType, target = 'root', options = {}) {
     supports
   } = blockType;
   const hasSelectors = selectors && Object.keys(selectors).length > 0;
-  const path = Array.isArray(target) ? target.join('.') : target; // Root selector.
+  const path = Array.isArray(target) ? target.join('.') : target;
+
+  // Root selector.
+
   // Calculated before returning as it can be used as a fallback for feature
   // selectors later on.
-
   let rootSelector = null;
-
   if (hasSelectors && selectors.root) {
     // Use the selectors API if available.
     rootSelector = selectors?.root;
@@ -53,59 +50,64 @@ function getBlockCSSSelector(blockType, target = 'root', options = {}) {
   } else {
     // If no root selector found, generate default block class selector.
     rootSelector = '.wp-block-' + name.replace('core/', '').replace('/', '-');
-  } // Return selector if it's the root target we are looking for.
-
+  }
 
+  // Return selector if it's the root target we are looking for.
   if (path === 'root') {
     return rootSelector;
-  } // If target is not `root` or `duotone` we have a feature or subfeature
-  // as the target. If the target is a string convert to an array.
-
+  }
 
-  const pathArray = Array.isArray(target) ? target : target.split('.'); // Feature selectors ( may fallback to root selector );
+  // If target is not `root` or `duotone` we have a feature or subfeature
+  // as the target. If the target is a string convert to an array.
+  const pathArray = Array.isArray(target) ? target : target.split('.');
 
+  // Feature selectors ( may fallback to root selector );
   if (pathArray.length === 1) {
-    const fallbackSelector = fallback ? rootSelector : null; // Prefer the selectors API if available.
+    const fallbackSelector = fallback ? rootSelector : null;
 
+    // Prefer the selectors API if available.
     if (hasSelectors) {
       // Get selector from either `feature.root` or shorthand path.
-      const featureSelector = (0, _object.getValueFromObjectPath)(selectors, `${path}.root`, null) || (0, _object.getValueFromObjectPath)(selectors, path, null); // Return feature selector if found or any available fallback.
+      const featureSelector = (0, _object.getValueFromObjectPath)(selectors, `${path}.root`, null) || (0, _object.getValueFromObjectPath)(selectors, path, null);
 
+      // Return feature selector if found or any available fallback.
       return featureSelector || fallbackSelector;
-    } // Try getting old experimental supports selector value.
+    }
 
+    // Try getting old experimental supports selector value.
+    const featureSelector = (0, _object.getValueFromObjectPath)(supports, `${path}.__experimentalSelector`, null);
 
-    const featureSelector = (0, _object.getValueFromObjectPath)(supports, `${path}.__experimentalSelector`, null); // If nothing to work with, provide fallback selector if available.
-
+    // If nothing to work with, provide fallback selector if available.
     if (!featureSelector) {
       return fallbackSelector;
-    } // Scope the feature selector by the block's root selector.
-
+    }
 
+    // Scope the feature selector by the block's root selector.
     return (0, _utils.scopeSelector)(rootSelector, featureSelector);
-  } // Subfeature selector.
-  // This may fallback either to parent feature or root selector.
-
+  }
 
-  let subfeatureSelector; // Use selectors API if available.
+  // Subfeature selector.
+  // This may fallback either to parent feature or root selector.
+  let subfeatureSelector;
 
+  // Use selectors API if available.
   if (hasSelectors) {
     subfeatureSelector = (0, _object.getValueFromObjectPath)(selectors, path, null);
-  } // Only return if we have a subfeature selector.
-
+  }
 
+  // Only return if we have a subfeature selector.
   if (subfeatureSelector) {
     return subfeatureSelector;
-  } // To this point we don't have a subfeature selector. If a fallback has been
+  }
+
+  // To this point we don't have a subfeature selector. If a fallback has been
   // requested, remove subfeature from target path and return results of a
   // call for the parent feature's selector.
-
-
   if (fallback) {
     return getBlockCSSSelector(blockType, pathArray[0], options);
-  } // We tried.
-
+  }
 
+  // We tried.
   return null;
 }
 //# sourceMappingURL=get-block-css-selector.js.map

package/build/components/global-styles/get-block-css-selector.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/global-styles/get-block-css-selector.js"],"names":["getBlockCSSSelector","blockType","target","options","fallback","name","selectors","supports","hasSelectors","Object","keys","length","path","Array","isArray","join","rootSelector","root","__experimentalSelector","replace","pathArray","split","fallbackSelector","featureSelector","subfeatureSelector"],"mappings":";;;;;;;AAGA;;AACA;;AAJA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,mBAAT,CACNC,SADM,EAENC,MAAM,GAAG,MAFH,EAGNC,OAAO,GAAG,EAHJ,EAIL;AACD,MAAK,CAAED,MAAP,EAAgB;AACf,WAAO,IAAP;AACA;;AAED,QAAM;AAAEE,IAAAA,QAAQ,GAAG;AAAb,MAAuBD,OAA7B;AACA,QAAM;AAAEE,IAAAA,IAAF;AAAQC,IAAAA,SAAR;AAAmBC,IAAAA;AAAnB,MAAgCN,SAAtC;AAEA,QAAMO,YAAY,GAAGF,SAAS,IAAIG,MAAM,CAACC,IAAP,CAAaJ,SAAb,EAAyBK,MAAzB,GAAkC,CAApE;AACA,QAAMC,IAAI,GAAGC,KAAK,CAACC,OAAN,CAAeZ,MAAf,IAA0BA,MAAM,CAACa,IAAP,CAAa,GAAb,CAA1B,GAA+Cb,MAA5D,CATC,CAWD;AAEA;AACA;;AACA,MAAIc,YAAY,GAAG,IAAnB;;AAEA,MAAKR,YAAY,IAAIF,SAAS,CAACW,IAA/B,EAAsC;AACrC;AACAD,IAAAA,YAAY,GAAGV,SAAS,EAAEW,IAA1B;AACA,GAHD,MAGO,IAAKV,QAAQ,EAAEW,sBAAf,EAAwC;AAC9C;AACAF,IAAAA,YAAY,GAAGT,QAAQ,CAACW,sBAAxB;AACA,GAHM,MAGA;AACN;AACAF,IAAAA,YAAY,GACX,eAAeX,IAAI,CAACc,OAAL,CAAc,OAAd,EAAuB,EAAvB,EAA4BA,OAA5B,CAAqC,GAArC,EAA0C,GAA1C,CADhB;AAEA,GA3BA,CA6BD;;;AACA,MAAKP,IAAI,KAAK,MAAd,EAAuB;AACtB,WAAOI,YAAP;AACA,GAhCA,CAkCD;AACA;;;AACA,QAAMI,SAAS,GAAGP,KAAK,CAACC,OAAN,CAAeZ,MAAf,IAA0BA,MAA1B,GAAmCA,MAAM,CAACmB,KAAP,CAAc,GAAd,CAArD,CApCC,CAsCD;;AACA,MAAKD,SAAS,CAACT,MAAV,KAAqB,CAA1B,EAA8B;AAC7B,UAAMW,gBAAgB,GAAGlB,QAAQ,GAAGY,YAAH,GAAkB,IAAnD,CAD6B,CAG7B;;AACA,QAAKR,YAAL,EAAoB;AACnB;AACA,YAAMe,eAAe,GACpB,oCAAwBjB,SAAxB,EAAoC,GAAGM,IAAM,OAA7C,EAAqD,IAArD,KACA,oCAAwBN,SAAxB,EAAmCM,IAAnC,EAAyC,IAAzC,CAFD,CAFmB,CAMnB;;AACA,aAAOW,eAAe,IAAID,gBAA1B;AACA,KAZ4B,CAc7B;;;AACA,UAAMC,eAAe,GAAG,oCACvBhB,QADuB,EAEtB,GAAGK,IAAM,yBAFa,EAGvB,IAHuB,CAAxB,CAf6B,CAqB7B;;AACA,QAAK,CAAEW,eAAP,EAAyB;AACxB,aAAOD,gBAAP;AACA,KAxB4B,CA0B7B;;;AACA,WAAO,0BAAeN,YAAf,EAA6BO,eAA7B,CAAP;AACA,GAnEA,CAqED;AACA;;;AACA,MAAIC,kBAAJ,CAvEC,CAyED;;AACA,MAAKhB,YAAL,EAAoB;AACnBgB,IAAAA,kBAAkB,GAAG,oCAAwBlB,SAAxB,EAAmCM,IAAnC,EAAyC,IAAzC,CAArB;AACA,GA5EA,CA8ED;;;AACA,MAAKY,kBAAL,EAA0B;AACzB,WAAOA,kBAAP;AACA,GAjFA,CAmFD;AACA;AACA;;;AACA,MAAKpB,QAAL,EAAgB;AACf,WAAOJ,mBAAmB,CAAEC,SAAF,EAAamB,SAAS,CAAE,CAAF,CAAtB,EAA6BjB,OAA7B,CAA1B;AACA,GAxFA,CA0FD;;;AACA,SAAO,IAAP;AACA","sourcesContent":["/**\n * Internal dependencies\n */\nimport { scopeSelector } from './utils';\nimport { getValueFromObjectPath } from '../../utils/object';\n\n/**\n * Determine the CSS selector for the block type and target provided, returning\n * it if available.\n *\n * @param {import('@wordpress/blocks').Block} blockType        The block's type.\n * @param {string|string[]}                   target           The desired selector's target e.g. `root`, delimited string, or array path.\n * @param {Object}                            options          Options object.\n * @param {boolean}                           options.fallback Whether or not to fallback to broader selector.\n *\n * @return {?string} The CSS selector or `null` if no selector available.\n */\nexport function getBlockCSSSelector(\n\tblockType,\n\ttarget = 'root',\n\toptions = {}\n) {\n\tif ( ! target ) {\n\t\treturn null;\n\t}\n\n\tconst { fallback = false } = options;\n\tconst { name, selectors, supports } = blockType;\n\n\tconst hasSelectors = selectors && Object.keys( selectors ).length > 0;\n\tconst path = Array.isArray( target ) ? target.join( '.' ) : target;\n\n\t// Root selector.\n\n\t// Calculated before returning as it can be used as a fallback for feature\n\t// selectors later on.\n\tlet rootSelector = null;\n\n\tif ( hasSelectors && selectors.root ) {\n\t\t// Use the selectors API if available.\n\t\trootSelector = selectors?.root;\n\t} else if ( supports?.__experimentalSelector ) {\n\t\t// Use the old experimental selector supports property if set.\n\t\trootSelector = supports.__experimentalSelector;\n\t} else {\n\t\t// If no root selector found, generate default block class selector.\n\t\trootSelector =\n\t\t\t'.wp-block-' + name.replace( 'core/', '' ).replace( '/', '-' );\n\t}\n\n\t// Return selector if it's the root target we are looking for.\n\tif ( path === 'root' ) {\n\t\treturn rootSelector;\n\t}\n\n\t// If target is not `root` or `duotone` we have a feature or subfeature\n\t// as the target. If the target is a string convert to an array.\n\tconst pathArray = Array.isArray( target ) ? target : target.split( '.' );\n\n\t// Feature selectors ( may fallback to root selector );\n\tif ( pathArray.length === 1 ) {\n\t\tconst fallbackSelector = fallback ? rootSelector : null;\n\n\t\t// Prefer the selectors API if available.\n\t\tif ( hasSelectors ) {\n\t\t\t// Get selector from either `feature.root` or shorthand path.\n\t\t\tconst featureSelector =\n\t\t\t\tgetValueFromObjectPath( selectors, `${ path }.root`, null ) ||\n\t\t\t\tgetValueFromObjectPath( selectors, path, null );\n\n\t\t\t// Return feature selector if found or any available fallback.\n\t\t\treturn featureSelector || fallbackSelector;\n\t\t}\n\n\t\t// Try getting old experimental supports selector value.\n\t\tconst featureSelector = getValueFromObjectPath(\n\t\t\tsupports,\n\t\t\t`${ path }.__experimentalSelector`,\n\t\t\tnull\n\t\t);\n\n\t\t// If nothing to work with, provide fallback selector if available.\n\t\tif ( ! featureSelector ) {\n\t\t\treturn fallbackSelector;\n\t\t}\n\n\t\t// Scope the feature selector by the block's root selector.\n\t\treturn scopeSelector( rootSelector, featureSelector );\n\t}\n\n\t// Subfeature selector.\n\t// This may fallback either to parent feature or root selector.\n\tlet subfeatureSelector;\n\n\t// Use selectors API if available.\n\tif ( hasSelectors ) {\n\t\tsubfeatureSelector = getValueFromObjectPath( selectors, path, null );\n\t}\n\n\t// Only return if we have a subfeature selector.\n\tif ( subfeatureSelector ) {\n\t\treturn subfeatureSelector;\n\t}\n\n\t// To this point we don't have a subfeature selector. If a fallback has been\n\t// requested, remove subfeature from target path and return results of a\n\t// call for the parent feature's selector.\n\tif ( fallback ) {\n\t\treturn getBlockCSSSelector( blockType, pathArray[ 0 ], options );\n\t}\n\n\t// We tried.\n\treturn null;\n}\n"]}
+{"version":3,"names":["_utils","require","_object","getBlockCSSSelector","blockType","target","options","fallback","name","selectors","supports","hasSelectors","Object","keys","length","path","Array","isArray","join","rootSelector","root","__experimentalSelector","replace","pathArray","split","fallbackSelector","featureSelector","getValueFromObjectPath","scopeSelector","subfeatureSelector"],"sources":["@wordpress/block-editor/src/components/global-styles/get-block-css-selector.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { scopeSelector } from './utils';\nimport { getValueFromObjectPath } from '../../utils/object';\n\n/**\n * Determine the CSS selector for the block type and target provided, returning\n * it if available.\n *\n * @param {import('@wordpress/blocks').Block} blockType        The block's type.\n * @param {string|string[]}                   target           The desired selector's target e.g. `root`, delimited string, or array path.\n * @param {Object}                            options          Options object.\n * @param {boolean}                           options.fallback Whether or not to fallback to broader selector.\n *\n * @return {?string} The CSS selector or `null` if no selector available.\n */\nexport function getBlockCSSSelector(\n\tblockType,\n\ttarget = 'root',\n\toptions = {}\n) {\n\tif ( ! target ) {\n\t\treturn null;\n\t}\n\n\tconst { fallback = false } = options;\n\tconst { name, selectors, supports } = blockType;\n\n\tconst hasSelectors = selectors && Object.keys( selectors ).length > 0;\n\tconst path = Array.isArray( target ) ? target.join( '.' ) : target;\n\n\t// Root selector.\n\n\t// Calculated before returning as it can be used as a fallback for feature\n\t// selectors later on.\n\tlet rootSelector = null;\n\n\tif ( hasSelectors && selectors.root ) {\n\t\t// Use the selectors API if available.\n\t\trootSelector = selectors?.root;\n\t} else if ( supports?.__experimentalSelector ) {\n\t\t// Use the old experimental selector supports property if set.\n\t\trootSelector = supports.__experimentalSelector;\n\t} else {\n\t\t// If no root selector found, generate default block class selector.\n\t\trootSelector =\n\t\t\t'.wp-block-' + name.replace( 'core/', '' ).replace( '/', '-' );\n\t}\n\n\t// Return selector if it's the root target we are looking for.\n\tif ( path === 'root' ) {\n\t\treturn rootSelector;\n\t}\n\n\t// If target is not `root` or `duotone` we have a feature or subfeature\n\t// as the target. If the target is a string convert to an array.\n\tconst pathArray = Array.isArray( target ) ? target : target.split( '.' );\n\n\t// Feature selectors ( may fallback to root selector );\n\tif ( pathArray.length === 1 ) {\n\t\tconst fallbackSelector = fallback ? rootSelector : null;\n\n\t\t// Prefer the selectors API if available.\n\t\tif ( hasSelectors ) {\n\t\t\t// Get selector from either `feature.root` or shorthand path.\n\t\t\tconst featureSelector =\n\t\t\t\tgetValueFromObjectPath( selectors, `${ path }.root`, null ) ||\n\t\t\t\tgetValueFromObjectPath( selectors, path, null );\n\n\t\t\t// Return feature selector if found or any available fallback.\n\t\t\treturn featureSelector || fallbackSelector;\n\t\t}\n\n\t\t// Try getting old experimental supports selector value.\n\t\tconst featureSelector = getValueFromObjectPath(\n\t\t\tsupports,\n\t\t\t`${ path }.__experimentalSelector`,\n\t\t\tnull\n\t\t);\n\n\t\t// If nothing to work with, provide fallback selector if available.\n\t\tif ( ! featureSelector ) {\n\t\t\treturn fallbackSelector;\n\t\t}\n\n\t\t// Scope the feature selector by the block's root selector.\n\t\treturn scopeSelector( rootSelector, featureSelector );\n\t}\n\n\t// Subfeature selector.\n\t// This may fallback either to parent feature or root selector.\n\tlet subfeatureSelector;\n\n\t// Use selectors API if available.\n\tif ( hasSelectors ) {\n\t\tsubfeatureSelector = getValueFromObjectPath( selectors, path, null );\n\t}\n\n\t// Only return if we have a subfeature selector.\n\tif ( subfeatureSelector ) {\n\t\treturn subfeatureSelector;\n\t}\n\n\t// To this point we don't have a subfeature selector. If a fallback has been\n\t// requested, remove subfeature from target path and return results of a\n\t// call for the parent feature's selector.\n\tif ( fallback ) {\n\t\treturn getBlockCSSSelector( blockType, pathArray[ 0 ], options );\n\t}\n\n\t// We tried.\n\treturn null;\n}\n"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,mBAAmBA,CAClCC,SAAS,EACTC,MAAM,GAAG,MAAM,EACfC,OAAO,GAAG,CAAC,CAAC,EACX;EACD,IAAK,CAAED,MAAM,EAAG;IACf,OAAO,IAAI;EACZ;EAEA,MAAM;IAAEE,QAAQ,GAAG;EAAM,CAAC,GAAGD,OAAO;EACpC,MAAM;IAAEE,IAAI;IAAEC,SAAS;IAAEC;EAAS,CAAC,GAAGN,SAAS;EAE/C,MAAMO,YAAY,GAAGF,SAAS,IAAIG,MAAM,CAACC,IAAI,CAAEJ,SAAU,CAAC,CAACK,MAAM,GAAG,CAAC;EACrE,MAAMC,IAAI,GAAGC,KAAK,CAACC,OAAO,CAAEZ,MAAO,CAAC,GAAGA,MAAM,CAACa,IAAI,CAAE,GAAI,CAAC,GAAGb,MAAM;;EAElE;;EAEA;EACA;EACA,IAAIc,YAAY,GAAG,IAAI;EAEvB,IAAKR,YAAY,IAAIF,SAAS,CAACW,IAAI,EAAG;IACrC;IACAD,YAAY,GAAGV,SAAS,EAAEW,IAAI;EAC/B,CAAC,MAAM,IAAKV,QAAQ,EAAEW,sBAAsB,EAAG;IAC9C;IACAF,YAAY,GAAGT,QAAQ,CAACW,sBAAsB;EAC/C,CAAC,MAAM;IACN;IACAF,YAAY,GACX,YAAY,GAAGX,IAAI,CAACc,OAAO,CAAE,OAAO,EAAE,EAAG,CAAC,CAACA,OAAO,CAAE,GAAG,EAAE,GAAI,CAAC;EAChE;;EAEA;EACA,IAAKP,IAAI,KAAK,MAAM,EAAG;IACtB,OAAOI,YAAY;EACpB;;EAEA;EACA;EACA,MAAMI,SAAS,GAAGP,KAAK,CAACC,OAAO,CAAEZ,MAAO,CAAC,GAAGA,MAAM,GAAGA,MAAM,CAACmB,KAAK,CAAE,GAAI,CAAC;;EAExE;EACA,IAAKD,SAAS,CAACT,MAAM,KAAK,CAAC,EAAG;IAC7B,MAAMW,gBAAgB,GAAGlB,QAAQ,GAAGY,YAAY,GAAG,IAAI;;IAEvD;IACA,IAAKR,YAAY,EAAG;MACnB;MACA,MAAMe,eAAe,GACpB,IAAAC,8BAAsB,EAAElB,SAAS,EAAG,GAAGM,IAAM,OAAM,EAAE,IAAK,CAAC,IAC3D,IAAAY,8BAAsB,EAAElB,SAAS,EAAEM,IAAI,EAAE,IAAK,CAAC;;MAEhD;MACA,OAAOW,eAAe,IAAID,gBAAgB;IAC3C;;IAEA;IACA,MAAMC,eAAe,GAAG,IAAAC,8BAAsB,EAC7CjB,QAAQ,EACP,GAAGK,IAAM,yBAAwB,EAClC,IACD,CAAC;;IAED;IACA,IAAK,CAAEW,eAAe,EAAG;MACxB,OAAOD,gBAAgB;IACxB;;IAEA;IACA,OAAO,IAAAG,oBAAa,EAAET,YAAY,EAAEO,eAAgB,CAAC;EACtD;;EAEA;EACA;EACA,IAAIG,kBAAkB;;EAEtB;EACA,IAAKlB,YAAY,EAAG;IACnBkB,kBAAkB,GAAG,IAAAF,8BAAsB,EAAElB,SAAS,EAAEM,IAAI,EAAE,IAAK,CAAC;EACrE;;EAEA;EACA,IAAKc,kBAAkB,EAAG;IACzB,OAAOA,kBAAkB;EAC1B;;EAEA;EACA;EACA;EACA,IAAKtB,QAAQ,EAAG;IACf,OAAOJ,mBAAmB,CAAEC,SAAS,EAAEmB,SAAS,CAAE,CAAC,CAAE,EAAEjB,OAAQ,CAAC;EACjE;;EAEA;EACA,OAAO,IAAI;AACZ"}

package/build/components/global-styles/hooks.js

@@ -1,35 +1,26 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.__experimentalUseGlobalBehaviors = __experimentalUseGlobalBehaviors;
+exports.__experimentalUseHasBehaviorsPanel = __experimentalUseHasBehaviorsPanel;
 exports.useColorsPerOrigin = useColorsPerOrigin;
 exports.useGlobalSetting = useGlobalSetting;
 exports.useGlobalStyle = useGlobalStyle;
 exports.useGlobalStylesReset = void 0;
 exports.useGradientsPerOrigin = useGradientsPerOrigin;
 exports.useSettingsForBlockElement = useSettingsForBlockElement;
-
 var _es = _interopRequireDefault(require("fast-deep-equal/es6"));
-
 var _element = require("@wordpress/element");
-
 var _data = require("@wordpress/data");
-
 var _blocks = require("@wordpress/blocks");
-
 var _i18n = require("@wordpress/i18n");
-
 var _utils = require("./utils");
-
 var _object = require("../../utils/object");
-
 var _context = require("./context");
-
 var _lockUnlock = require("../../lock-unlock");
-
 /**
  * External dependencies
  */
@@ -41,12 +32,13 @@ var _lockUnlock = require("../../lock-unlock");
 /**
  * Internal dependencies
  */
+
 const EMPTY_CONFIG = {
   settings: {},
-  styles: {}
+  styles: {},
+  behaviors: {}
 };
-const VALID_SETTINGS = ['appearanceTools', 'useRootPaddingAwareAlignments', 'border.color', 'border.radius', 'border.style', 'border.width', 'shadow.presets', 'shadow.defaultPresets', 'color.background', 'color.button', 'color.caption', 'color.custom', 'color.customDuotone', 'color.customGradient', 'color.defaultDuotone', 'color.defaultGradients', 'color.defaultPalette', 'color.duotone', 'color.gradients', 'color.heading', 'color.link', 'color.palette', 'color.text', 'custom', 'dimensions.minHeight', 'layout.contentSize', 'layout.definitions', 'layout.wideSize', 'position.fixed', 'position.sticky', 'spacing.customSpacingSize', 'spacing.spacingSizes', 'spacing.spacingScale', 'spacing.blockGap', 'spacing.margin', 'spacing.padding', 'spacing.units', 'typography.fluid', 'typography.customFontSize', 'typography.dropCap', 'typography.fontFamilies', 'typography.fontSizes', 'typography.fontStyle', 'typography.fontWeight', 'typography.letterSpacing', 'typography.lineHeight', 'typography.textColumns', 'typography.textDecoration', 'typography.textTransform', 'typography.writingMode'];
-
+const VALID_SETTINGS = ['appearanceTools', 'behaviors', 'useRootPaddingAwareAlignments', 'border.color', 'border.radius', 'border.style', 'border.width', 'shadow.presets', 'shadow.defaultPresets', 'color.background', 'color.button', 'color.caption', 'color.custom', 'color.customDuotone', 'color.customGradient', 'color.defaultDuotone', 'color.defaultGradients', 'color.defaultPalette', 'color.duotone', 'color.gradients', 'color.heading', 'color.link', 'color.palette', 'color.text', 'custom', 'dimensions.minHeight', 'layout.contentSize', 'layout.definitions', 'layout.wideSize', 'position.fixed', 'position.sticky', 'spacing.customSpacingSize', 'spacing.spacingSizes', 'spacing.spacingScale', 'spacing.blockGap', 'spacing.margin', 'spacing.padding', 'spacing.units', 'typography.fluid', 'typography.customFontSize', 'typography.dropCap', 'typography.fontFamilies', 'typography.fontSizes', 'typography.fontStyle', 'typography.fontWeight', 'typography.letterSpacing', 'typography.lineHeight', 'typography.textColumns', 'typography.textDecoration', 'typography.textTransform', 'typography.writingMode'];
 const useGlobalStylesReset = () => {
   const {
     user: config,
@@ -55,9 +47,7 @@ const useGlobalStylesReset = () => {
   const canReset = !!config && !(0, _es.default)(config, EMPTY_CONFIG);
   return [canReset, (0, _element.useCallback)(() => setUserConfig(() => EMPTY_CONFIG), [setUserConfig])];
 };
-
 exports.useGlobalStylesReset = useGlobalStylesReset;
-
 function useGlobalSetting(propertyPath, blockName, source = 'all') {
   const {
     setUserConfig,
@@ -70,37 +60,28 @@ function useGlobalSetting(propertyPath, blockName, source = 'all') {
   const sourceKey = source === 'all' ? 'merged' : source;
   const settingValue = (0, _element.useMemo)(() => {
     const configToUse = configs[sourceKey];
-
     if (!configToUse) {
       throw 'Unsupported source';
     }
-
     if (propertyPath) {
       var _getValueFromObjectPa;
-
       return (_getValueFromObjectPa = (0, _object.getValueFromObjectPath)(configToUse, contextualPath)) !== null && _getValueFromObjectPa !== void 0 ? _getValueFromObjectPa : (0, _object.getValueFromObjectPath)(configToUse, globalPath);
     }
-
     let result = {};
     VALID_SETTINGS.forEach(setting => {
       var _getValueFromObjectPa2;
-
       const value = (_getValueFromObjectPa2 = (0, _object.getValueFromObjectPath)(configToUse, `settings${appendedBlockPath}.${setting}`)) !== null && _getValueFromObjectPa2 !== void 0 ? _getValueFromObjectPa2 : (0, _object.getValueFromObjectPath)(configToUse, `settings.${setting}`);
-
       if (value) {
         result = (0, _object.setImmutably)(result, setting.split('.'), value);
       }
     });
     return result;
   }, [configs, sourceKey, propertyPath, contextualPath, globalPath, appendedBlockPath]);
-
   const setSetting = newValue => {
     setUserConfig(currentConfig => (0, _object.setImmutably)(currentConfig, contextualPath.split('.'), newValue));
   };
-
   return [settingValue, setSetting];
 }
-
 function useGlobalStyle(path, blockName, source = 'all', {
   shouldDecodeEncode = true
 } = {}) {
@@ -112,35 +93,29 @@ function useGlobalStyle(path, blockName, source = 'all', {
   } = (0, _element.useContext)(_context.GlobalStylesContext);
   const appendedPath = path ? '.' + path : '';
   const finalPath = !blockName ? `styles${appendedPath}` : `styles.blocks.${blockName}${appendedPath}`;
-
   const setStyle = newValue => {
     setUserConfig(currentConfig => (0, _object.setImmutably)(currentConfig, finalPath.split('.'), shouldDecodeEncode ? (0, _utils.getPresetVariableFromValue)(mergedConfig.settings, blockName, path, newValue) : newValue));
   };
-
   let rawResult, result;
-
   switch (source) {
     case 'all':
       rawResult = (0, _object.getValueFromObjectPath)(mergedConfig, finalPath);
       result = shouldDecodeEncode ? (0, _utils.getValueFromVariable)(mergedConfig, blockName, rawResult) : rawResult;
       break;
-
     case 'user':
       rawResult = (0, _object.getValueFromObjectPath)(userConfig, finalPath);
       result = shouldDecodeEncode ? (0, _utils.getValueFromVariable)(mergedConfig, blockName, rawResult) : rawResult;
       break;
-
     case 'base':
       rawResult = (0, _object.getValueFromObjectPath)(baseConfig, finalPath);
       result = shouldDecodeEncode ? (0, _utils.getValueFromVariable)(baseConfig, blockName, rawResult) : rawResult;
       break;
-
     default:
       throw 'Unsupported source';
   }
-
   return [result, setStyle];
 }
+
 /**
  * React hook that overrides a global settings object with block and element specific settings.
  *
@@ -150,8 +125,6 @@ function useGlobalStyle(path, blockName, source = 'all', {
  *
  * @return {Object} Merge of settings and supports.
  */
-
-
 function useSettingsForBlockElement(parentSettings, blockName, element) {
   const {
     supportedStyles,
@@ -163,92 +136,98 @@ function useSettingsForBlockElement(parentSettings, blockName, element) {
     };
   }, [blockName, element]);
   return (0, _element.useMemo)(() => {
-    const updatedSettings = { ...parentSettings
+    const updatedSettings = {
+      ...parentSettings
     };
-
     if (!supportedStyles.includes('fontSize')) {
-      updatedSettings.typography = { ...updatedSettings.typography,
+      updatedSettings.typography = {
+        ...updatedSettings.typography,
         fontSizes: {},
         customFontSize: false
       };
     }
-
     if (!supportedStyles.includes('fontFamily')) {
-      updatedSettings.typography = { ...updatedSettings.typography,
+      updatedSettings.typography = {
+        ...updatedSettings.typography,
         fontFamilies: {}
       };
     }
-
-    updatedSettings.color = { ...updatedSettings.color,
+    updatedSettings.color = {
+      ...updatedSettings.color,
       text: updatedSettings.color?.text && supportedStyles.includes('color'),
       background: updatedSettings.color?.background && (supportedStyles.includes('background') || supportedStyles.includes('backgroundColor')),
       button: updatedSettings.color?.button && supportedStyles.includes('buttonColor'),
       heading: updatedSettings.color?.heading && supportedStyles.includes('headingColor'),
       link: updatedSettings.color?.link && supportedStyles.includes('linkColor'),
       caption: updatedSettings.color?.caption && supportedStyles.includes('captionColor')
-    }; // Some blocks can enable background colors but disable gradients.
+    };
 
+    // Some blocks can enable background colors but disable gradients.
     if (!supportedStyles.includes('background')) {
       updatedSettings.color.gradients = [];
       updatedSettings.color.customGradient = false;
-    } // If filters are not supported by the block/element, disable duotone.
-
+    }
 
+    // If filters are not supported by the block/element, disable duotone.
     if (!supportedStyles.includes('filter')) {
       updatedSettings.color.defaultDuotone = false;
       updatedSettings.color.customDuotone = false;
     }
-
     ['lineHeight', 'fontStyle', 'fontWeight', 'letterSpacing', 'textTransform', 'textDecoration', 'writingMode'].forEach(key => {
       if (!supportedStyles.includes(key)) {
-        updatedSettings.typography = { ...updatedSettings.typography,
+        updatedSettings.typography = {
+          ...updatedSettings.typography,
           [key]: false
         };
       }
-    }); // The column-count style is named text column to reduce confusion with
+    });
+
+    // The column-count style is named text column to reduce confusion with
     // the columns block and manage expectations from the support.
     // See: https://github.com/WordPress/gutenberg/pull/33587
-
     if (!supportedStyles.includes('columnCount')) {
-      updatedSettings.typography = { ...updatedSettings.typography,
+      updatedSettings.typography = {
+        ...updatedSettings.typography,
         textColumns: false
       };
     }
-
     ['contentSize', 'wideSize'].forEach(key => {
       if (!supportedStyles.includes(key)) {
-        updatedSettings.layout = { ...updatedSettings.layout,
+        updatedSettings.layout = {
+          ...updatedSettings.layout,
           [key]: false
         };
       }
     });
     ['padding', 'margin', 'blockGap'].forEach(key => {
       if (!supportedStyles.includes(key)) {
-        updatedSettings.spacing = { ...updatedSettings.spacing,
+        updatedSettings.spacing = {
+          ...updatedSettings.spacing,
           [key]: false
         };
       }
-
       const sides = Array.isArray(supports?.spacing?.[key]) ? supports?.spacing?.[key] : supports?.spacing?.[key]?.sides;
-
-      if (sides?.length) {
-        updatedSettings.spacing = { ...updatedSettings.spacing,
-          [key]: { ...updatedSettings.spacing?.[key],
+      // Check if spacing type is supported before adding sides.
+      if (sides?.length && updatedSettings.spacing?.[key]) {
+        updatedSettings.spacing = {
+          ...updatedSettings.spacing,
+          [key]: {
+            ...updatedSettings.spacing?.[key],
             sides
           }
         };
       }
     });
-
     if (!supportedStyles.includes('minHeight')) {
-      updatedSettings.dimensions = { ...updatedSettings.dimensions,
+      updatedSettings.dimensions = {
+        ...updatedSettings.dimensions,
         minHeight: false
       };
     }
-
     ['radius', 'color', 'style', 'width'].forEach(key => {
       if (!supportedStyles.includes('border' + key.charAt(0).toUpperCase() + key.slice(1))) {
-        updatedSettings.border = { ...updatedSettings.border,
+        updatedSettings.border = {
+          ...updatedSettings.border,
           [key]: false
         };
       }
@@ -257,7 +236,6 @@ function useSettingsForBlockElement(parentSettings, blockName, element) {
     return updatedSettings;
   }, [parentSettings, supportedStyles, supports]);
 }
-
 function useColorsPerOrigin(settings) {
   const customColors = settings?.color?.palette?.custom;
   const themeColors = settings?.color?.palette?.theme;
@@ -265,32 +243,27 @@ function useColorsPerOrigin(settings) {
   const shouldDisplayDefaultColors = settings?.color?.defaultPalette;
   return (0, _element.useMemo)(() => {
     const result = [];
-
     if (themeColors && themeColors.length) {
       result.push({
         name: (0, _i18n._x)('Theme', 'Indicates this palette comes from the theme.'),
         colors: themeColors
       });
     }
-
     if (shouldDisplayDefaultColors && defaultColors && defaultColors.length) {
       result.push({
         name: (0, _i18n._x)('Default', 'Indicates this palette comes from WordPress.'),
         colors: defaultColors
       });
     }
-
     if (customColors && customColors.length) {
       result.push({
         name: (0, _i18n._x)('Custom', 'Indicates this palette is created by the user.'),
         colors: customColors
       });
     }
-
     return result;
   }, [customColors, themeColors, defaultColors, shouldDisplayDefaultColors]);
 }
-
 function useGradientsPerOrigin(settings) {
   const customGradients = settings?.color?.gradients?.custom;
   const themeGradients = settings?.color?.gradients?.theme;
@@ -298,29 +271,121 @@ function useGradientsPerOrigin(settings) {
   const shouldDisplayDefaultGradients = settings?.color?.defaultGradients;
   return (0, _element.useMemo)(() => {
     const result = [];
-
     if (themeGradients && themeGradients.length) {
       result.push({
         name: (0, _i18n._x)('Theme', 'Indicates this palette comes from the theme.'),
         gradients: themeGradients
       });
     }
-
     if (shouldDisplayDefaultGradients && defaultGradients && defaultGradients.length) {
       result.push({
         name: (0, _i18n._x)('Default', 'Indicates this palette comes from WordPress.'),
         gradients: defaultGradients
       });
     }
-
     if (customGradients && customGradients.length) {
       result.push({
         name: (0, _i18n._x)('Custom', 'Indicates this palette is created by the user.'),
         gradients: customGradients
       });
     }
-
     return result;
   }, [customGradients, themeGradients, defaultGradients, shouldDisplayDefaultGradients]);
 }
+function __experimentalUseGlobalBehaviors(blockName, source = 'all') {
+  const {
+    merged: mergedConfig,
+    base: baseConfig,
+    user: userConfig,
+    setUserConfig
+  } = (0, _element.useContext)(_context.GlobalStylesContext);
+  const finalPath = !blockName ? `behaviors` : `behaviors.blocks.${blockName}`;
+  let rawResult, result;
+  switch (source) {
+    case 'all':
+      rawResult = (0, _object.getValueFromObjectPath)(mergedConfig, finalPath);
+      result = (0, _utils.getValueFromVariable)(mergedConfig, blockName, rawResult);
+      break;
+    case 'user':
+      rawResult = (0, _object.getValueFromObjectPath)(userConfig, finalPath);
+      result = (0, _utils.getValueFromVariable)(mergedConfig, blockName, rawResult);
+      break;
+    case 'base':
+      rawResult = (0, _object.getValueFromObjectPath)(baseConfig, finalPath);
+      result = (0, _utils.getValueFromVariable)(baseConfig, blockName, rawResult);
+      break;
+    default:
+      throw 'Unsupported source';
+  }
+  const animation = result?.lightbox?.animation || 'zoom';
+  const setBehavior = newValue => {
+    let newBehavior;
+    // The user saves with Apply Globally option.
+    if (typeof newValue === 'object') {
+      newBehavior = newValue;
+    } else {
+      switch (newValue) {
+        case 'lightbox':
+          newBehavior = {
+            lightbox: {
+              enabled: true,
+              animation
+            }
+          };
+          break;
+        case 'fade':
+          newBehavior = {
+            lightbox: {
+              enabled: true,
+              animation: 'fade'
+            }
+          };
+          break;
+        case 'zoom':
+          newBehavior = {
+            lightbox: {
+              enabled: true,
+              animation: 'zoom'
+            }
+          };
+          break;
+        case '':
+          newBehavior = {
+            lightbox: {
+              enabled: false,
+              animation
+            }
+          };
+          break;
+        default:
+          break;
+      }
+    }
+    setUserConfig(currentConfig => (0, _object.setImmutably)(currentConfig, finalPath.split('.'), newBehavior));
+  };
+  let behavior = '';
+  if (result === undefined) behavior = 'default';
+  if (result?.lightbox.enabled) behavior = 'lightbox';
+  return {
+    behavior,
+    inheritedBehaviors: result,
+    setBehavior
+  };
+}
+function __experimentalUseHasBehaviorsPanel(settings, name, {
+  blockSupportOnly = false
+} = {}) {
+  if (!settings?.behaviors) {
+    return false;
+  }
+
+  // If every behavior is disabled on block supports, do not show the behaviors inspector control.
+  const hasSomeBlockSupport = Object.keys(settings?.behaviors).some(key => (0, _blocks.hasBlockSupport)(name, `behaviors.${key}`));
+  if (blockSupportOnly) {
+    return hasSomeBlockSupport;
+  }
+
+  // If every behavior is disabled, do not show the behaviors inspector control.
+  return Object.values(settings?.behaviors).some(value => value === true && hasSomeBlockSupport);
+}
 //# sourceMappingURL=hooks.js.map