@wordpress/block-editor 15.6.3 → 15.7.1-next.2f1c7c01b.0

package/src/utils/fit-text-utils.js

@@ -3,26 +3,14 @@
  * Uses callback-based approach for maximum code reuse between editor and frontend.
  */
 
-/**
- * Generate CSS rule for single text element.
- *
- * @param {string} elementSelector CSS selector for the text element
- * @param {number} fontSize        Font size in pixels
- * @return {string} CSS rule string
- */
-function generateCSSRule( elementSelector, fontSize ) {
-	return `${ elementSelector } { font-size: ${ fontSize }px !important; }`;
-}
-
 /**
  * Find optimal font size using simple binary search between 5-600px.
  *
- * @param {HTMLElement} textElement     The text element
- * @param {string}      elementSelector CSS selector for the text element
- * @param {Function}    applyStylesFn   Function to apply test styles
+ * @param {HTMLElement} textElement   The text element
+ * @param {Function}    applyFontSize Function that receives font size in pixels
  * @return {number} Optimal font size
  */
-function findOptimalFontSize( textElement, elementSelector, applyStylesFn ) {
+function findOptimalFontSize( textElement, applyFontSize ) {
 	const alreadyHasScrollableHeight =
 		textElement.scrollHeight > textElement.clientHeight;
 	let minSize = 5;
@@ -31,7 +19,7 @@ function findOptimalFontSize( textElement, elementSelector, applyStylesFn ) {
 
 	while ( minSize <= maxSize ) {
 		const midSize = Math.floor( ( minSize + maxSize ) / 2 );
-		applyStylesFn( generateCSSRule( elementSelector, midSize ) );
+		applyFontSize( midSize );
 
 		const fitsWidth = textElement.scrollWidth <= textElement.clientWidth;
 		const fitsHeight =
@@ -51,25 +39,20 @@ function findOptimalFontSize( textElement, elementSelector, applyStylesFn ) {
 
 /**
  * Complete fit text optimization for a single text element.
- * Handles the full flow using callbacks for style management.
+ * Handles the full flow using callbacks for font size application.
  *
- * @param {HTMLElement} textElement     The text element (paragraph, heading, etc.)
- * @param {string}      elementSelector CSS selector for the text element
- * @param {Function}    applyStylesFn   Function to apply CSS styles (pass empty string to clear)
+ * @param {HTMLElement} textElement   The text element (paragraph, heading, etc.)
+ * @param {Function}    applyFontSize Function that receives font size in pixels (0 to clear, >0 to apply)
  */
-export function optimizeFitText( textElement, elementSelector, applyStylesFn ) {
+export function optimizeFitText( textElement, applyFontSize ) {
 	if ( ! textElement ) {
 		return;
 	}
 
-	applyStylesFn( '' );
+	applyFontSize( 0 );
 
-	const optimalSize = findOptimalFontSize(
-		textElement,
-		elementSelector,
-		applyStylesFn
-	);
+	const optimalSize = findOptimalFontSize( textElement, applyFontSize );
 
-	const cssRule = generateCSSRule( elementSelector, optimalSize );
-	applyStylesFn( cssRule );
+	applyFontSize( optimalSize );
+	return optimalSize;
 }

package/tsconfig.json

@@ -14,12 +14,15 @@
 		{ "path": "../dom" },
 		{ "path": "../element" },
 		{ "path": "../escape-html" },
+		{ "path": "../preferences" },
+		{ "path": "../global-styles-engine" },
 		{ "path": "../priority-queue" },
 		{ "path": "../private-apis" },
 		{ "path": "../hooks" },
 		{ "path": "../html-entities" },
 		{ "path": "../i18n" },
 		{ "path": "../icons" },
+		{ "path": "../interactivity" },
 		{ "path": "../is-shallow-equal" },
 		{ "path": "../keycodes" },
 		{ "path": "../notices" },

package/build/components/global-styles/context.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/global-styles/context.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\n\nexport const DEFAULT_GLOBAL_STYLES_CONTEXT = {\n\tuser: {},\n\tbase: {},\n\tmerged: {},\n\tsetUserConfig: () => {},\n};\n\nexport const GlobalStylesContext = createContext(\n\tDEFAULT_GLOBAL_STYLES_CONTEXT\n);\nGlobalStylesContext.displayName = 'GlobalStylesContext';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA8B;AAEvB,MAAM,gCAAgC;AAAA,EAC5C,MAAM,CAAC;AAAA,EACP,MAAM,CAAC;AAAA,EACP,QAAQ,CAAC;AAAA,EACT,eAAe,MAAM;AAAA,EAAC;AACvB;AAEO,MAAM,0BAAsB;AAAA,EAClC;AACD;AACA,oBAAoB,cAAc;",
-  "names": []
-}

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

@@ -1,78 +0,0 @@
-"use strict";
-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 get_block_css_selector_exports = {};
-__export(get_block_css_selector_exports, {
-  getBlockCSSSelector: () => getBlockCSSSelector
-});
-module.exports = __toCommonJS(get_block_css_selector_exports);
-var import_utils = require("./utils");
-var import_object = require("../../utils/object");
-function getBlockCSSSelector(blockType, target = "root", options = {}) {
-  if (!target) {
-    return null;
-  }
-  const { fallback = false } = options;
-  const { name, selectors, supports } = blockType;
-  const hasSelectors = selectors && Object.keys(selectors).length > 0;
-  const path = Array.isArray(target) ? target.join(".") : target;
-  let rootSelector = null;
-  if (hasSelectors && selectors.root) {
-    rootSelector = selectors?.root;
-  } else if (supports?.__experimentalSelector) {
-    rootSelector = supports.__experimentalSelector;
-  } else {
-    rootSelector = ".wp-block-" + name.replace("core/", "").replace("/", "-");
-  }
-  if (path === "root") {
-    return rootSelector;
-  }
-  const pathArray = Array.isArray(target) ? target : target.split(".");
-  if (pathArray.length === 1) {
-    const fallbackSelector = fallback ? rootSelector : null;
-    if (hasSelectors) {
-      const featureSelector2 = (0, import_object.getValueFromObjectPath)(selectors, `${path}.root`, null) || (0, import_object.getValueFromObjectPath)(selectors, path, null);
-      return featureSelector2 || fallbackSelector;
-    }
-    const featureSelector = (0, import_object.getValueFromObjectPath)(
-      supports,
-      `${path}.__experimentalSelector`,
-      null
-    );
-    if (!featureSelector) {
-      return fallbackSelector;
-    }
-    return (0, import_utils.scopeSelector)(rootSelector, featureSelector);
-  }
-  let subfeatureSelector;
-  if (hasSelectors) {
-    subfeatureSelector = (0, import_object.getValueFromObjectPath)(selectors, path, null);
-  }
-  if (subfeatureSelector) {
-    return subfeatureSelector;
-  }
-  if (fallback) {
-    return getBlockCSSSelector(blockType, pathArray[0], options);
-  }
-  return null;
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  getBlockCSSSelector
-});
-//# sourceMappingURL=get-block-css-selector.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../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": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAA8B;AAC9B,oBAAuC;AAahC,SAAS,oBACf,WACA,SAAS,QACT,UAAU,CAAC,GACV;AACD,MAAK,CAAE,QAAS;AACf,WAAO;AAAA,EACR;AAEA,QAAM,EAAE,WAAW,MAAM,IAAI;AAC7B,QAAM,EAAE,MAAM,WAAW,SAAS,IAAI;AAEtC,QAAM,eAAe,aAAa,OAAO,KAAM,SAAU,EAAE,SAAS;AACpE,QAAM,OAAO,MAAM,QAAS,MAAO,IAAI,OAAO,KAAM,GAAI,IAAI;AAM5D,MAAI,eAAe;AAEnB,MAAK,gBAAgB,UAAU,MAAO;AAErC,mBAAe,WAAW;AAAA,EAC3B,WAAY,UAAU,wBAAyB;AAE9C,mBAAe,SAAS;AAAA,EACzB,OAAO;AAEN,mBACC,eAAe,KAAK,QAAS,SAAS,EAAG,EAAE,QAAS,KAAK,GAAI;AAAA,EAC/D;AAGA,MAAK,SAAS,QAAS;AACtB,WAAO;AAAA,EACR;AAIA,QAAM,YAAY,MAAM,QAAS,MAAO,IAAI,SAAS,OAAO,MAAO,GAAI;AAGvE,MAAK,UAAU,WAAW,GAAI;AAC7B,UAAM,mBAAmB,WAAW,eAAe;AAGnD,QAAK,cAAe;AAEnB,YAAMA,uBACL,sCAAwB,WAAW,GAAI,IAAK,SAAS,IAAK,SAC1D,sCAAwB,WAAW,MAAM,IAAK;AAG/C,aAAOA,oBAAmB;AAAA,IAC3B;AAGA,UAAM,sBAAkB;AAAA,MACvB;AAAA,MACA,GAAI,IAAK;AAAA,MACT;AAAA,IACD;AAGA,QAAK,CAAE,iBAAkB;AACxB,aAAO;AAAA,IACR;AAGA,eAAO,4BAAe,cAAc,eAAgB;AAAA,EACrD;AAIA,MAAI;AAGJ,MAAK,cAAe;AACnB,6BAAqB,sCAAwB,WAAW,MAAM,IAAK;AAAA,EACpE;AAGA,MAAK,oBAAqB;AACzB,WAAO;AAAA,EACR;AAKA,MAAK,UAAW;AACf,WAAO,oBAAqB,WAAW,UAAW,CAAE,GAAG,OAAQ;AAAA,EAChE;AAGA,SAAO;AACR;",
-  "names": ["featureSelector"]
-}

package/build/components/global-styles/get-global-styles-changes.js

@@ -1,216 +0,0 @@
-"use strict";
-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 get_global_styles_changes_exports = {};
-__export(get_global_styles_changes_exports, {
-  default: () => getGlobalStylesChanges,
-  getGlobalStylesChangelist: () => getGlobalStylesChangelist
-});
-module.exports = __toCommonJS(get_global_styles_changes_exports);
-var import_memize = __toESM(require("memize"));
-var import_i18n = require("@wordpress/i18n");
-var import_blocks = require("@wordpress/blocks");
-const globalStylesChangesCache = /* @__PURE__ */ new Map();
-const EMPTY_ARRAY = [];
-const translationMap = {
-  caption: (0, import_i18n.__)("Caption"),
-  link: (0, import_i18n.__)("Link"),
-  button: (0, import_i18n.__)("Button"),
-  heading: (0, import_i18n.__)("Heading"),
-  h1: (0, import_i18n.__)("H1"),
-  h2: (0, import_i18n.__)("H2"),
-  h3: (0, import_i18n.__)("H3"),
-  h4: (0, import_i18n.__)("H4"),
-  h5: (0, import_i18n.__)("H5"),
-  h6: (0, import_i18n.__)("H6"),
-  "settings.color": (0, import_i18n.__)("Color"),
-  "settings.typography": (0, import_i18n.__)("Typography"),
-  "settings.shadow": (0, import_i18n.__)("Shadow"),
-  "settings.layout": (0, import_i18n.__)("Layout"),
-  "styles.color": (0, import_i18n.__)("Colors"),
-  "styles.spacing": (0, import_i18n.__)("Spacing"),
-  "styles.background": (0, import_i18n.__)("Background"),
-  "styles.typography": (0, import_i18n.__)("Typography")
-};
-const getBlockNames = (0, import_memize.default)(
-  () => (0, import_blocks.getBlockTypes)().reduce((accumulator, { name, title }) => {
-    accumulator[name] = title;
-    return accumulator;
-  }, {})
-);
-const isObject = (obj) => obj !== null && typeof obj === "object";
-function getTranslation(key) {
-  if (translationMap[key]) {
-    return translationMap[key];
-  }
-  const keyArray = key.split(".");
-  if (keyArray?.[0] === "blocks") {
-    const blockName = getBlockNames()?.[keyArray[1]];
-    return blockName || keyArray[1];
-  }
-  if (keyArray?.[0] === "elements") {
-    return translationMap[keyArray[1]] || keyArray[1];
-  }
-  return void 0;
-}
-function deepCompare(changedObject, originalObject, parentPath = "") {
-  if (!isObject(changedObject) && !isObject(originalObject)) {
-    return changedObject !== originalObject ? parentPath.split(".").slice(0, 2).join(".") : void 0;
-  }
-  changedObject = isObject(changedObject) ? changedObject : {};
-  originalObject = isObject(originalObject) ? originalObject : {};
-  const allKeys = /* @__PURE__ */ new Set([
-    ...Object.keys(changedObject),
-    ...Object.keys(originalObject)
-  ]);
-  let diffs = [];
-  for (const key of allKeys) {
-    const path = parentPath ? parentPath + "." + key : key;
-    const changedPath = deepCompare(
-      changedObject[key],
-      originalObject[key],
-      path
-    );
-    if (changedPath) {
-      diffs = diffs.concat(changedPath);
-    }
-  }
-  return diffs;
-}
-function getGlobalStylesChangelist(next, previous) {
-  const cacheKey = JSON.stringify({ next, previous });
-  if (globalStylesChangesCache.has(cacheKey)) {
-    return globalStylesChangesCache.get(cacheKey);
-  }
-  const changedValueTree = deepCompare(
-    {
-      styles: {
-        background: next?.styles?.background,
-        color: next?.styles?.color,
-        typography: next?.styles?.typography,
-        spacing: next?.styles?.spacing
-      },
-      blocks: next?.styles?.blocks,
-      elements: next?.styles?.elements,
-      settings: next?.settings
-    },
-    {
-      styles: {
-        background: previous?.styles?.background,
-        color: previous?.styles?.color,
-        typography: previous?.styles?.typography,
-        spacing: previous?.styles?.spacing
-      },
-      blocks: previous?.styles?.blocks,
-      elements: previous?.styles?.elements,
-      settings: previous?.settings
-    }
-  );
-  if (!changedValueTree.length) {
-    globalStylesChangesCache.set(cacheKey, EMPTY_ARRAY);
-    return EMPTY_ARRAY;
-  }
-  const result = [...new Set(changedValueTree)].reduce((acc, curr) => {
-    const translation = getTranslation(curr);
-    if (translation) {
-      acc.push([curr.split(".")[0], translation]);
-    }
-    return acc;
-  }, []);
-  globalStylesChangesCache.set(cacheKey, result);
-  return result;
-}
-function getGlobalStylesChanges(next, previous, options = {}) {
-  let changeList = getGlobalStylesChangelist(next, previous);
-  const changesLength = changeList.length;
-  const { maxResults } = options;
-  if (changesLength) {
-    if (!!maxResults && changesLength > maxResults) {
-      changeList = changeList.slice(0, maxResults);
-    }
-    return Object.entries(
-      changeList.reduce((acc, curr) => {
-        const group = acc[curr[0]] || [];
-        if (!group.includes(curr[1])) {
-          acc[curr[0]] = [...group, curr[1]];
-        }
-        return acc;
-      }, {})
-    ).map(([key, changeValues]) => {
-      const changeValuesLength = changeValues.length;
-      const joinedChangesValue = changeValues.join(
-        /* translators: Used between list items, there is a space after the comma. */
-        (0, import_i18n.__)(", ")
-        // eslint-disable-line @wordpress/i18n-no-flanking-whitespace
-      );
-      switch (key) {
-        case "blocks": {
-          return (0, import_i18n.sprintf)(
-            // translators: %s: a list of block names separated by a comma.
-            (0, import_i18n._n)("%s block.", "%s blocks.", changeValuesLength),
-            joinedChangesValue
-          );
-        }
-        case "elements": {
-          return (0, import_i18n.sprintf)(
-            // translators: %s: a list of element names separated by a comma.
-            (0, import_i18n._n)("%s element.", "%s elements.", changeValuesLength),
-            joinedChangesValue
-          );
-        }
-        case "settings": {
-          return (0, import_i18n.sprintf)(
-            // translators: %s: a list of theme.json setting labels separated by a comma.
-            (0, import_i18n.__)("%s settings."),
-            joinedChangesValue
-          );
-        }
-        case "styles": {
-          return (0, import_i18n.sprintf)(
-            // translators: %s: a list of theme.json top-level styles labels separated by a comma.
-            (0, import_i18n.__)("%s styles."),
-            joinedChangesValue
-          );
-        }
-        default: {
-          return (0, import_i18n.sprintf)(
-            // translators: %s: a list of global styles changes separated by a comma.
-            (0, import_i18n.__)("%s."),
-            joinedChangesValue
-          );
-        }
-      }
-    });
-  }
-  return EMPTY_ARRAY;
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  getGlobalStylesChangelist
-});
-//# sourceMappingURL=get-global-styles-changes.js.map

package/build/components/global-styles/get-global-styles-changes.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/global-styles/get-global-styles-changes.js"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport memoize from 'memize';\n\n/**\n * WordPress dependencies\n */\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport { getBlockTypes } from '@wordpress/blocks';\n\nconst globalStylesChangesCache = new Map();\nconst EMPTY_ARRAY = [];\nconst translationMap = {\n\tcaption: __( 'Caption' ),\n\tlink: __( 'Link' ),\n\tbutton: __( 'Button' ),\n\theading: __( 'Heading' ),\n\th1: __( 'H1' ),\n\th2: __( 'H2' ),\n\th3: __( 'H3' ),\n\th4: __( 'H4' ),\n\th5: __( 'H5' ),\n\th6: __( 'H6' ),\n\t'settings.color': __( 'Color' ),\n\t'settings.typography': __( 'Typography' ),\n\t'settings.shadow': __( 'Shadow' ),\n\t'settings.layout': __( 'Layout' ),\n\t'styles.color': __( 'Colors' ),\n\t'styles.spacing': __( 'Spacing' ),\n\t'styles.background': __( 'Background' ),\n\t'styles.typography': __( 'Typography' ),\n};\nconst getBlockNames = memoize( () =>\n\tgetBlockTypes().reduce( ( accumulator, { name, title } ) => {\n\t\taccumulator[ name ] = title;\n\t\treturn accumulator;\n\t}, {} )\n);\nconst isObject = ( obj ) => obj !== null && typeof obj === 'object';\n\n/**\n * Get the translation for a given global styles key.\n * @param {string} key A key representing a path to a global style property or setting.\n * @return {string|undefined}                A translated key or undefined if no translation exists.\n */\nfunction getTranslation( key ) {\n\tif ( translationMap[ key ] ) {\n\t\treturn translationMap[ key ];\n\t}\n\n\tconst keyArray = key.split( '.' );\n\n\tif ( keyArray?.[ 0 ] === 'blocks' ) {\n\t\tconst blockName = getBlockNames()?.[ keyArray[ 1 ] ];\n\t\treturn blockName || keyArray[ 1 ];\n\t}\n\n\tif ( keyArray?.[ 0 ] === 'elements' ) {\n\t\treturn translationMap[ keyArray[ 1 ] ] || keyArray[ 1 ];\n\t}\n\n\treturn undefined;\n}\n\n/**\n * A deep comparison of two objects, optimized for comparing global styles.\n * @param {Object} changedObject  The changed object to compare.\n * @param {Object} originalObject The original object to compare against.\n * @param {string} parentPath     A key/value pair object of block names and their rendered titles.\n * @return {string[]}             An array of paths whose values have changed.\n */\nfunction deepCompare( changedObject, originalObject, parentPath = '' ) {\n\t// We have two non-object values to compare.\n\tif ( ! isObject( changedObject ) && ! isObject( originalObject ) ) {\n\t\t/*\n\t\t * Only return a path if the value has changed.\n\t\t * And then only the path name up to 2 levels deep.\n\t\t */\n\t\treturn changedObject !== originalObject\n\t\t\t? parentPath.split( '.' ).slice( 0, 2 ).join( '.' )\n\t\t\t: undefined;\n\t}\n\n\t// Enable comparison when an object doesn't have a corresponding property to compare.\n\tchangedObject = isObject( changedObject ) ? changedObject : {};\n\toriginalObject = isObject( originalObject ) ? originalObject : {};\n\n\tconst allKeys = new Set( [\n\t\t...Object.keys( changedObject ),\n\t\t...Object.keys( originalObject ),\n\t] );\n\n\tlet diffs = [];\n\tfor ( const key of allKeys ) {\n\t\tconst path = parentPath ? parentPath + '.' + key : key;\n\t\tconst changedPath = deepCompare(\n\t\t\tchangedObject[ key ],\n\t\t\toriginalObject[ key ],\n\t\t\tpath\n\t\t);\n\t\tif ( changedPath ) {\n\t\t\tdiffs = diffs.concat( changedPath );\n\t\t}\n\t}\n\treturn diffs;\n}\n\n/**\n * Returns an array of translated summarized global styles changes.\n * Results are cached using a Map() key of `JSON.stringify( { next, previous } )`.\n *\n * @param {Object} next     The changed object to compare.\n * @param {Object} previous The original object to compare against.\n * @return {Array[]}        A 2-dimensional array of tuples: [ \"group\", \"translated change\" ].\n */\nexport function getGlobalStylesChangelist( next, previous ) {\n\tconst cacheKey = JSON.stringify( { next, previous } );\n\n\tif ( globalStylesChangesCache.has( cacheKey ) ) {\n\t\treturn globalStylesChangesCache.get( cacheKey );\n\t}\n\n\t/*\n\t * Compare the two changesets with normalized keys.\n\t * The order of these keys determines the order in which\n\t * they'll appear in the results.\n\t */\n\tconst changedValueTree = deepCompare(\n\t\t{\n\t\t\tstyles: {\n\t\t\t\tbackground: next?.styles?.background,\n\t\t\t\tcolor: next?.styles?.color,\n\t\t\t\ttypography: next?.styles?.typography,\n\t\t\t\tspacing: next?.styles?.spacing,\n\t\t\t},\n\t\t\tblocks: next?.styles?.blocks,\n\t\t\telements: next?.styles?.elements,\n\t\t\tsettings: next?.settings,\n\t\t},\n\t\t{\n\t\t\tstyles: {\n\t\t\t\tbackground: previous?.styles?.background,\n\t\t\t\tcolor: previous?.styles?.color,\n\t\t\t\ttypography: previous?.styles?.typography,\n\t\t\t\tspacing: previous?.styles?.spacing,\n\t\t\t},\n\t\t\tblocks: previous?.styles?.blocks,\n\t\t\telements: previous?.styles?.elements,\n\t\t\tsettings: previous?.settings,\n\t\t}\n\t);\n\n\tif ( ! changedValueTree.length ) {\n\t\tglobalStylesChangesCache.set( cacheKey, EMPTY_ARRAY );\n\t\treturn EMPTY_ARRAY;\n\t}\n\n\t// Remove duplicate results.\n\tconst result = [ ...new Set( changedValueTree ) ]\n\t\t/*\n\t\t * Translate the keys.\n\t\t * Remove empty translations.\n\t\t */\n\t\t.reduce( ( acc, curr ) => {\n\t\t\tconst translation = getTranslation( curr );\n\t\t\tif ( translation ) {\n\t\t\t\tacc.push( [ curr.split( '.' )[ 0 ], translation ] );\n\t\t\t}\n\t\t\treturn acc;\n\t\t}, [] );\n\n\tglobalStylesChangesCache.set( cacheKey, result );\n\n\treturn result;\n}\n\n/**\n * From a getGlobalStylesChangelist() result, returns an array of translated global styles changes, grouped by type.\n * The types are 'blocks', 'elements', 'settings', and 'styles'.\n *\n * @param {Object}              next     The changed object to compare.\n * @param {Object}              previous The original object to compare against.\n * @param {{maxResults:number}} options  Options. maxResults: results to return before truncating.\n * @return {string[]}                    An array of translated changes.\n */\nexport default function getGlobalStylesChanges( next, previous, options = {} ) {\n\tlet changeList = getGlobalStylesChangelist( next, previous );\n\tconst changesLength = changeList.length;\n\tconst { maxResults } = options;\n\n\tif ( changesLength ) {\n\t\t// Truncate to `n` results if necessary.\n\t\tif ( !! maxResults && changesLength > maxResults ) {\n\t\t\tchangeList = changeList.slice( 0, maxResults );\n\t\t}\n\t\treturn Object.entries(\n\t\t\tchangeList.reduce( ( acc, curr ) => {\n\t\t\t\tconst group = acc[ curr[ 0 ] ] || [];\n\t\t\t\tif ( ! group.includes( curr[ 1 ] ) ) {\n\t\t\t\t\tacc[ curr[ 0 ] ] = [ ...group, curr[ 1 ] ];\n\t\t\t\t}\n\t\t\t\treturn acc;\n\t\t\t}, {} )\n\t\t).map( ( [ key, changeValues ] ) => {\n\t\t\tconst changeValuesLength = changeValues.length;\n\t\t\tconst joinedChangesValue = changeValues.join(\n\t\t\t\t/* translators: Used between list items, there is a space after the comma. */\n\t\t\t\t__( ', ' ) // eslint-disable-line @wordpress/i18n-no-flanking-whitespace\n\t\t\t);\n\t\t\tswitch ( key ) {\n\t\t\t\tcase 'blocks': {\n\t\t\t\t\treturn sprintf(\n\t\t\t\t\t\t// translators: %s: a list of block names separated by a comma.\n\t\t\t\t\t\t_n( '%s block.', '%s blocks.', changeValuesLength ),\n\t\t\t\t\t\tjoinedChangesValue\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tcase 'elements': {\n\t\t\t\t\treturn sprintf(\n\t\t\t\t\t\t// translators: %s: a list of element names separated by a comma.\n\t\t\t\t\t\t_n( '%s element.', '%s elements.', changeValuesLength ),\n\t\t\t\t\t\tjoinedChangesValue\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tcase 'settings': {\n\t\t\t\t\treturn sprintf(\n\t\t\t\t\t\t// translators: %s: a list of theme.json setting labels separated by a comma.\n\t\t\t\t\t\t__( '%s settings.' ),\n\t\t\t\t\t\tjoinedChangesValue\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tcase 'styles': {\n\t\t\t\t\treturn sprintf(\n\t\t\t\t\t\t// translators: %s: a list of theme.json top-level styles labels separated by a comma.\n\t\t\t\t\t\t__( '%s styles.' ),\n\t\t\t\t\t\tjoinedChangesValue\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tdefault: {\n\t\t\t\t\treturn sprintf(\n\t\t\t\t\t\t// translators: %s: a list of global styles changes separated by a comma.\n\t\t\t\t\t\t__( '%s.' ),\n\t\t\t\t\t\tjoinedChangesValue\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n\n\treturn EMPTY_ARRAY;\n}\n"],
-  "mappings": "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",
-  "names": ["memoize"]
-}