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

package/build-module/utils/dom.js

@@ -1,94 +1,51 @@
-const BLOCK_SELECTOR = '.block-editor-block-list__block';
-const APPENDER_SELECTOR = '.block-list-appender';
-const BLOCK_APPENDER_CLASS = '.block-editor-button-block-appender';
-
-/**
- * Returns true if two elements are contained within the same block.
- *
- * @param {Element} a First element.
- * @param {Element} b Second element.
- *
- * @return {boolean} Whether elements are in the same block.
- */
-export function isInSameBlock(a, b) {
+const BLOCK_SELECTOR = ".block-editor-block-list__block";
+const APPENDER_SELECTOR = ".block-list-appender";
+const BLOCK_APPENDER_CLASS = ".block-editor-button-block-appender";
+function isInSameBlock(a, b) {
   return a.closest(BLOCK_SELECTOR) === b.closest(BLOCK_SELECTOR);
 }
-
-/**
- * Returns true if an element is considered part of the block and not its inner
- * blocks or appender.
- *
- * @param {Element} blockElement Block container element.
- * @param {Element} element      Element.
- *
- * @return {boolean} Whether an element is considered part of the block and not
- *                   its inner blocks or appender.
- */
-export function isInsideRootBlock(blockElement, element) {
-  const parentBlock = element.closest([BLOCK_SELECTOR, APPENDER_SELECTOR, BLOCK_APPENDER_CLASS].join(','));
+function isInsideRootBlock(blockElement, element) {
+  const parentBlock = element.closest(
+    [BLOCK_SELECTOR, APPENDER_SELECTOR, BLOCK_APPENDER_CLASS].join(",")
+  );
   return parentBlock === blockElement;
 }
-
-/**
- * Finds the block client ID given any DOM node inside the block.
- *
- * @param {Node?} node DOM node.
- *
- * @return {string|undefined} Client ID or undefined if the node is not part of
- *                            a block.
- */
-export function getBlockClientId(node) {
+function getBlockClientId(node) {
   while (node && node.nodeType !== node.ELEMENT_NODE) {
     node = node.parentNode;
   }
   if (!node) {
     return;
   }
-  const elementNode = /** @type {Element} */node;
+  const elementNode = (
+    /** @type {Element} */
+    node
+  );
   const blockNode = elementNode.closest(BLOCK_SELECTOR);
   if (!blockNode) {
     return;
   }
-  return blockNode.id.slice('block-'.length);
+  return blockNode.id.slice("block-".length);
 }
-
-/**
- * Calculates the union of two rectangles.
- *
- * @param {DOMRect} rect1 First rectangle.
- * @param {DOMRect} rect2 Second rectangle.
- * @return {DOMRect} Union of the two rectangles.
- */
-export function rectUnion(rect1, rect2) {
+function rectUnion(rect1, rect2) {
   const left = Math.min(rect1.left, rect2.left);
   const right = Math.max(rect1.right, rect2.right);
   const bottom = Math.max(rect1.bottom, rect2.bottom);
   const top = Math.min(rect1.top, rect2.top);
   return new window.DOMRectReadOnly(left, top, right - left, bottom - top);
 }
-
-/**
- * Returns whether an element is visible.
- *
- * @param {Element} element Element.
- * @return {boolean} Whether the element is visible.
- */
 function isElementVisible(element) {
   const viewport = element.ownerDocument.defaultView;
   if (!viewport) {
     return false;
   }
-
-  // Check for <VisuallyHidden> component.
-  if (element.classList.contains('components-visually-hidden')) {
+  if (element.classList.contains("components-visually-hidden")) {
     return false;
   }
   const bounds = element.getBoundingClientRect();
   if (bounds.width === 0 || bounds.height === 0) {
     return false;
   }
-
-  // Older browsers, e.g. Safari < 17.4 may not support the `checkVisibility` method.
   if (element.checkVisibility) {
     return element.checkVisibility?.({
       opacityProperty: true,
@@ -97,53 +54,27 @@ function isElementVisible(element) {
     });
   }
   const style = viewport.getComputedStyle(element);
-  if (style.display === 'none' || style.visibility === 'hidden' || style.opacity === '0') {
+  if (style.display === "none" || style.visibility === "hidden" || style.opacity === "0") {
     return false;
   }
   return true;
 }
-
-/**
- * Checks if the element is scrollable.
- *
- * @param {Element} element Element.
- * @return {boolean} True if the element is scrollable.
- */
 function isScrollable(element) {
   const style = window.getComputedStyle(element);
-  return style.overflowX === 'auto' || style.overflowX === 'scroll' || style.overflowY === 'auto' || style.overflowY === 'scroll';
+  return style.overflowX === "auto" || style.overflowX === "scroll" || style.overflowY === "auto" || style.overflowY === "scroll";
 }
-export const WITH_OVERFLOW_ELEMENT_BLOCKS = ['core/navigation'];
-/**
- * Returns the bounding rectangle of an element, with special handling for blocks
- * that have visible overflowing children (defined in WITH_OVERFLOW_ELEMENT_BLOCKS).
- *
- * For blocks like Navigation that can have overflowing elements (e.g. submenus),
- * this function calculates the combined bounds of both the parent and its visible
- * children. The returned rect may extend beyond the viewport.
- * The returned rect represents the full extent of the element and its visible
- * children, which may extend beyond the viewport.
- *
- * @param {Element} element Element.
- * @return {DOMRect} Bounding client rect of the element and its visible children.
- */
-export function getElementBounds(element) {
+const WITH_OVERFLOW_ELEMENT_BLOCKS = ["core/navigation"];
+function getElementBounds(element) {
   const viewport = element.ownerDocument.defaultView;
   if (!viewport) {
     return new window.DOMRectReadOnly();
   }
   let bounds = element.getBoundingClientRect();
-  const dataType = element.getAttribute('data-type');
-
-  /*
-   * For blocks with overflowing elements (like Navigation), include the bounds
-   * of visible children that extend beyond the parent container.
-   */
+  const dataType = element.getAttribute("data-type");
   if (dataType && WITH_OVERFLOW_ELEMENT_BLOCKS.includes(dataType)) {
     const stack = [element];
     let currentElement;
     while (currentElement = stack.pop()) {
-      // Children won’t affect bounds unless the element is not scrollable.
       if (!isScrollable(currentElement)) {
         for (const child of currentElement.children) {
           if (isElementVisible(child)) {
@@ -155,18 +86,22 @@ export function getElementBounds(element) {
       }
     }
   }
-
-  /*
-   * Take into account the outer horizontal limits of the container in which
-   * an element is supposed to be "visible". For example, if an element is
-   * positioned -10px to the left of the window x value (0), this function
-   * discounts the negative overhang because it's not visible and therefore
-   * not to be counted in the visibility calculations. Top and bottom values
-   * are not accounted for to accommodate vertical scroll.
-   */
   const left = Math.max(bounds.left, 0);
   const right = Math.min(bounds.right, viewport.innerWidth);
-  bounds = new window.DOMRectReadOnly(left, bounds.top, right - left, bounds.height);
+  bounds = new window.DOMRectReadOnly(
+    left,
+    bounds.top,
+    right - left,
+    bounds.height
+  );
   return bounds;
 }
-//# sourceMappingURL=dom.js.map
+export {
+  WITH_OVERFLOW_ELEMENT_BLOCKS,
+  getBlockClientId,
+  getElementBounds,
+  isInSameBlock,
+  isInsideRootBlock,
+  rectUnion
+};
+//# sourceMappingURL=dom.js.map

package/build-module/utils/dom.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["BLOCK_SELECTOR","APPENDER_SELECTOR","BLOCK_APPENDER_CLASS","isInSameBlock","a","b","closest","isInsideRootBlock","blockElement","element","parentBlock","join","getBlockClientId","node","nodeType","ELEMENT_NODE","parentNode","elementNode","blockNode","id","slice","length","rectUnion","rect1","rect2","left","Math","min","right","max","bottom","top","window","DOMRectReadOnly","isElementVisible","viewport","ownerDocument","defaultView","classList","contains","bounds","getBoundingClientRect","width","height","checkVisibility","opacityProperty","contentVisibilityAuto","visibilityProperty","style","getComputedStyle","display","visibility","opacity","isScrollable","overflowX","overflowY","WITH_OVERFLOW_ELEMENT_BLOCKS","getElementBounds","dataType","getAttribute","includes","stack","currentElement","pop","child","children","childBounds","push","innerWidth"],"sources":["@wordpress/block-editor/src/utils/dom.js"],"sourcesContent":["const BLOCK_SELECTOR = '.block-editor-block-list__block';\nconst APPENDER_SELECTOR = '.block-list-appender';\nconst BLOCK_APPENDER_CLASS = '.block-editor-button-block-appender';\n\n/**\n * Returns true if two elements are contained within the same block.\n *\n * @param {Element} a First element.\n * @param {Element} b Second element.\n *\n * @return {boolean} Whether elements are in the same block.\n */\nexport function isInSameBlock( a, b ) {\n\treturn a.closest( BLOCK_SELECTOR ) === b.closest( BLOCK_SELECTOR );\n}\n\n/**\n * Returns true if an element is considered part of the block and not its inner\n * blocks or appender.\n *\n * @param {Element} blockElement Block container element.\n * @param {Element} element      Element.\n *\n * @return {boolean} Whether an element is considered part of the block and not\n *                   its inner blocks or appender.\n */\nexport function isInsideRootBlock( blockElement, element ) {\n\tconst parentBlock = element.closest(\n\t\t[ BLOCK_SELECTOR, APPENDER_SELECTOR, BLOCK_APPENDER_CLASS ].join( ',' )\n\t);\n\treturn parentBlock === blockElement;\n}\n\n/**\n * Finds the block client ID given any DOM node inside the block.\n *\n * @param {Node?} node DOM node.\n *\n * @return {string|undefined} Client ID or undefined if the node is not part of\n *                            a block.\n */\nexport function getBlockClientId( node ) {\n\twhile ( node && node.nodeType !== node.ELEMENT_NODE ) {\n\t\tnode = node.parentNode;\n\t}\n\n\tif ( ! node ) {\n\t\treturn;\n\t}\n\n\tconst elementNode = /** @type {Element} */ ( node );\n\tconst blockNode = elementNode.closest( BLOCK_SELECTOR );\n\n\tif ( ! blockNode ) {\n\t\treturn;\n\t}\n\n\treturn blockNode.id.slice( 'block-'.length );\n}\n\n/**\n * Calculates the union of two rectangles.\n *\n * @param {DOMRect} rect1 First rectangle.\n * @param {DOMRect} rect2 Second rectangle.\n * @return {DOMRect} Union of the two rectangles.\n */\nexport function rectUnion( rect1, rect2 ) {\n\tconst left = Math.min( rect1.left, rect2.left );\n\tconst right = Math.max( rect1.right, rect2.right );\n\tconst bottom = Math.max( rect1.bottom, rect2.bottom );\n\tconst top = Math.min( rect1.top, rect2.top );\n\n\treturn new window.DOMRectReadOnly( left, top, right - left, bottom - top );\n}\n\n/**\n * Returns whether an element is visible.\n *\n * @param {Element} element Element.\n * @return {boolean} Whether the element is visible.\n */\nfunction isElementVisible( element ) {\n\tconst viewport = element.ownerDocument.defaultView;\n\tif ( ! viewport ) {\n\t\treturn false;\n\t}\n\n\t// Check for <VisuallyHidden> component.\n\tif ( element.classList.contains( 'components-visually-hidden' ) ) {\n\t\treturn false;\n\t}\n\n\tconst bounds = element.getBoundingClientRect();\n\tif ( bounds.width === 0 || bounds.height === 0 ) {\n\t\treturn false;\n\t}\n\n\t// Older browsers, e.g. Safari < 17.4 may not support the `checkVisibility` method.\n\tif ( element.checkVisibility ) {\n\t\treturn element.checkVisibility?.( {\n\t\t\topacityProperty: true,\n\t\t\tcontentVisibilityAuto: true,\n\t\t\tvisibilityProperty: true,\n\t\t} );\n\t}\n\n\tconst style = viewport.getComputedStyle( element );\n\n\tif (\n\t\tstyle.display === 'none' ||\n\t\tstyle.visibility === 'hidden' ||\n\t\tstyle.opacity === '0'\n\t) {\n\t\treturn false;\n\t}\n\n\treturn true;\n}\n\n/**\n * Checks if the element is scrollable.\n *\n * @param {Element} element Element.\n * @return {boolean} True if the element is scrollable.\n */\nfunction isScrollable( element ) {\n\tconst style = window.getComputedStyle( element );\n\treturn (\n\t\tstyle.overflowX === 'auto' ||\n\t\tstyle.overflowX === 'scroll' ||\n\t\tstyle.overflowY === 'auto' ||\n\t\tstyle.overflowY === 'scroll'\n\t);\n}\n\nexport const WITH_OVERFLOW_ELEMENT_BLOCKS = [ 'core/navigation' ];\n/**\n * Returns the bounding rectangle of an element, with special handling for blocks\n * that have visible overflowing children (defined in WITH_OVERFLOW_ELEMENT_BLOCKS).\n *\n * For blocks like Navigation that can have overflowing elements (e.g. submenus),\n * this function calculates the combined bounds of both the parent and its visible\n * children. The returned rect may extend beyond the viewport.\n * The returned rect represents the full extent of the element and its visible\n * children, which may extend beyond the viewport.\n *\n * @param {Element} element Element.\n * @return {DOMRect} Bounding client rect of the element and its visible children.\n */\nexport function getElementBounds( element ) {\n\tconst viewport = element.ownerDocument.defaultView;\n\n\tif ( ! viewport ) {\n\t\treturn new window.DOMRectReadOnly();\n\t}\n\n\tlet bounds = element.getBoundingClientRect();\n\tconst dataType = element.getAttribute( 'data-type' );\n\n\t/*\n\t * For blocks with overflowing elements (like Navigation), include the bounds\n\t * of visible children that extend beyond the parent container.\n\t */\n\tif ( dataType && WITH_OVERFLOW_ELEMENT_BLOCKS.includes( dataType ) ) {\n\t\tconst stack = [ element ];\n\t\tlet currentElement;\n\n\t\twhile ( ( currentElement = stack.pop() ) ) {\n\t\t\t// Children won’t affect bounds unless the element is not scrollable.\n\t\t\tif ( ! isScrollable( currentElement ) ) {\n\t\t\t\tfor ( const child of currentElement.children ) {\n\t\t\t\t\tif ( isElementVisible( child ) ) {\n\t\t\t\t\t\tconst childBounds = child.getBoundingClientRect();\n\t\t\t\t\t\tbounds = rectUnion( bounds, childBounds );\n\t\t\t\t\t\tstack.push( child );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/*\n\t * Take into account the outer horizontal limits of the container in which\n\t * an element is supposed to be \"visible\". For example, if an element is\n\t * positioned -10px to the left of the window x value (0), this function\n\t * discounts the negative overhang because it's not visible and therefore\n\t * not to be counted in the visibility calculations. Top and bottom values\n\t * are not accounted for to accommodate vertical scroll.\n\t */\n\tconst left = Math.max( bounds.left, 0 );\n\tconst right = Math.min( bounds.right, viewport.innerWidth );\n\tbounds = new window.DOMRectReadOnly(\n\t\tleft,\n\t\tbounds.top,\n\t\tright - left,\n\t\tbounds.height\n\t);\n\n\treturn bounds;\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/utils/dom.js"],
+  "sourcesContent": ["const BLOCK_SELECTOR = '.block-editor-block-list__block';\nconst APPENDER_SELECTOR = '.block-list-appender';\nconst BLOCK_APPENDER_CLASS = '.block-editor-button-block-appender';\n\n/**\n * Returns true if two elements are contained within the same block.\n *\n * @param {Element} a First element.\n * @param {Element} b Second element.\n *\n * @return {boolean} Whether elements are in the same block.\n */\nexport function isInSameBlock( a, b ) {\n\treturn a.closest( BLOCK_SELECTOR ) === b.closest( BLOCK_SELECTOR );\n}\n\n/**\n * Returns true if an element is considered part of the block and not its inner\n * blocks or appender.\n *\n * @param {Element} blockElement Block container element.\n * @param {Element} element      Element.\n *\n * @return {boolean} Whether an element is considered part of the block and not\n *                   its inner blocks or appender.\n */\nexport function isInsideRootBlock( blockElement, element ) {\n\tconst parentBlock = element.closest(\n\t\t[ BLOCK_SELECTOR, APPENDER_SELECTOR, BLOCK_APPENDER_CLASS ].join( ',' )\n\t);\n\treturn parentBlock === blockElement;\n}\n\n/**\n * Finds the block client ID given any DOM node inside the block.\n *\n * @param {Node?} node DOM node.\n *\n * @return {string|undefined} Client ID or undefined if the node is not part of\n *                            a block.\n */\nexport function getBlockClientId( node ) {\n\twhile ( node && node.nodeType !== node.ELEMENT_NODE ) {\n\t\tnode = node.parentNode;\n\t}\n\n\tif ( ! node ) {\n\t\treturn;\n\t}\n\n\tconst elementNode = /** @type {Element} */ ( node );\n\tconst blockNode = elementNode.closest( BLOCK_SELECTOR );\n\n\tif ( ! blockNode ) {\n\t\treturn;\n\t}\n\n\treturn blockNode.id.slice( 'block-'.length );\n}\n\n/**\n * Calculates the union of two rectangles.\n *\n * @param {DOMRect} rect1 First rectangle.\n * @param {DOMRect} rect2 Second rectangle.\n * @return {DOMRect} Union of the two rectangles.\n */\nexport function rectUnion( rect1, rect2 ) {\n\tconst left = Math.min( rect1.left, rect2.left );\n\tconst right = Math.max( rect1.right, rect2.right );\n\tconst bottom = Math.max( rect1.bottom, rect2.bottom );\n\tconst top = Math.min( rect1.top, rect2.top );\n\n\treturn new window.DOMRectReadOnly( left, top, right - left, bottom - top );\n}\n\n/**\n * Returns whether an element is visible.\n *\n * @param {Element} element Element.\n * @return {boolean} Whether the element is visible.\n */\nfunction isElementVisible( element ) {\n\tconst viewport = element.ownerDocument.defaultView;\n\tif ( ! viewport ) {\n\t\treturn false;\n\t}\n\n\t// Check for <VisuallyHidden> component.\n\tif ( element.classList.contains( 'components-visually-hidden' ) ) {\n\t\treturn false;\n\t}\n\n\tconst bounds = element.getBoundingClientRect();\n\tif ( bounds.width === 0 || bounds.height === 0 ) {\n\t\treturn false;\n\t}\n\n\t// Older browsers, e.g. Safari < 17.4 may not support the `checkVisibility` method.\n\tif ( element.checkVisibility ) {\n\t\treturn element.checkVisibility?.( {\n\t\t\topacityProperty: true,\n\t\t\tcontentVisibilityAuto: true,\n\t\t\tvisibilityProperty: true,\n\t\t} );\n\t}\n\n\tconst style = viewport.getComputedStyle( element );\n\n\tif (\n\t\tstyle.display === 'none' ||\n\t\tstyle.visibility === 'hidden' ||\n\t\tstyle.opacity === '0'\n\t) {\n\t\treturn false;\n\t}\n\n\treturn true;\n}\n\n/**\n * Checks if the element is scrollable.\n *\n * @param {Element} element Element.\n * @return {boolean} True if the element is scrollable.\n */\nfunction isScrollable( element ) {\n\tconst style = window.getComputedStyle( element );\n\treturn (\n\t\tstyle.overflowX === 'auto' ||\n\t\tstyle.overflowX === 'scroll' ||\n\t\tstyle.overflowY === 'auto' ||\n\t\tstyle.overflowY === 'scroll'\n\t);\n}\n\nexport const WITH_OVERFLOW_ELEMENT_BLOCKS = [ 'core/navigation' ];\n/**\n * Returns the bounding rectangle of an element, with special handling for blocks\n * that have visible overflowing children (defined in WITH_OVERFLOW_ELEMENT_BLOCKS).\n *\n * For blocks like Navigation that can have overflowing elements (e.g. submenus),\n * this function calculates the combined bounds of both the parent and its visible\n * children. The returned rect may extend beyond the viewport.\n * The returned rect represents the full extent of the element and its visible\n * children, which may extend beyond the viewport.\n *\n * @param {Element} element Element.\n * @return {DOMRect} Bounding client rect of the element and its visible children.\n */\nexport function getElementBounds( element ) {\n\tconst viewport = element.ownerDocument.defaultView;\n\n\tif ( ! viewport ) {\n\t\treturn new window.DOMRectReadOnly();\n\t}\n\n\tlet bounds = element.getBoundingClientRect();\n\tconst dataType = element.getAttribute( 'data-type' );\n\n\t/*\n\t * For blocks with overflowing elements (like Navigation), include the bounds\n\t * of visible children that extend beyond the parent container.\n\t */\n\tif ( dataType && WITH_OVERFLOW_ELEMENT_BLOCKS.includes( dataType ) ) {\n\t\tconst stack = [ element ];\n\t\tlet currentElement;\n\n\t\twhile ( ( currentElement = stack.pop() ) ) {\n\t\t\t// Children won\u2019t affect bounds unless the element is not scrollable.\n\t\t\tif ( ! isScrollable( currentElement ) ) {\n\t\t\t\tfor ( const child of currentElement.children ) {\n\t\t\t\t\tif ( isElementVisible( child ) ) {\n\t\t\t\t\t\tconst childBounds = child.getBoundingClientRect();\n\t\t\t\t\t\tbounds = rectUnion( bounds, childBounds );\n\t\t\t\t\t\tstack.push( child );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/*\n\t * Take into account the outer horizontal limits of the container in which\n\t * an element is supposed to be \"visible\". For example, if an element is\n\t * positioned -10px to the left of the window x value (0), this function\n\t * discounts the negative overhang because it's not visible and therefore\n\t * not to be counted in the visibility calculations. Top and bottom values\n\t * are not accounted for to accommodate vertical scroll.\n\t */\n\tconst left = Math.max( bounds.left, 0 );\n\tconst right = Math.min( bounds.right, viewport.innerWidth );\n\tbounds = new window.DOMRectReadOnly(\n\t\tleft,\n\t\tbounds.top,\n\t\tright - left,\n\t\tbounds.height\n\t);\n\n\treturn bounds;\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/build-module/utils/fit-text-frontend.js

@@ -0,0 +1,40 @@
+import { optimizeFitText } from "./fit-text-utils";
+let idCounter = 0;
+function getOrCreateStyleElement(elementId) {
+  const styleId = `fit-text-${elementId}`;
+  let styleElement = document.getElementById(styleId);
+  if (!styleElement) {
+    styleElement = document.createElement("style");
+    styleElement.id = styleId;
+    document.head.appendChild(styleElement);
+  }
+  return styleElement;
+}
+function getElementIdentifier(element) {
+  if (!element.dataset.fitTextId) {
+    element.dataset.fitTextId = `fit-text-${++idCounter}`;
+  }
+  return element.dataset.fitTextId;
+}
+function initializeFitText(element) {
+  const elementId = getElementIdentifier(element);
+  const applyFitText = () => {
+    const styleElement = getOrCreateStyleElement(elementId);
+    const elementSelector = `[data-fit-text-id="${elementId}"]`;
+    const applyStylesFn = (css) => {
+      styleElement.textContent = css;
+    };
+    optimizeFitText(element, elementSelector, applyStylesFn);
+  };
+  applyFitText();
+  if (window.ResizeObserver && element.parentElement) {
+    const resizeObserver = new window.ResizeObserver(applyFitText);
+    resizeObserver.observe(element.parentElement);
+  }
+}
+function initializeAllFitText() {
+  const elements = document.querySelectorAll(".has-fit-text");
+  elements.forEach(initializeFitText);
+}
+window.addEventListener("load", initializeAllFitText);
+//# sourceMappingURL=fit-text-frontend.js.map

package/build-module/utils/fit-text-frontend.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/utils/fit-text-frontend.js"],
+  "sourcesContent": ["/**\n * Frontend fit text functionality.\n * Automatically detects and initializes fit text on blocks with the has-fit-text class.\n */\n\n/**\n * Internal dependencies\n */\nimport { optimizeFitText } from './fit-text-utils';\n\n/**\n * Counter for generating unique element IDs.\n */\nlet idCounter = 0;\n\n/**\n * Get or create a unique style element for a fit text element.\n *\n * @param {string} elementId Unique identifier for the element.\n * @return {HTMLElement} Style element.\n */\nfunction getOrCreateStyleElement( elementId ) {\n\tconst styleId = `fit-text-${ elementId }`;\n\tlet styleElement = document.getElementById( styleId );\n\tif ( ! styleElement ) {\n\t\tstyleElement = document.createElement( 'style' );\n\t\tstyleElement.id = styleId;\n\t\tdocument.head.appendChild( styleElement );\n\t}\n\treturn styleElement;\n}\n\n/**\n * Generate a unique identifier for a fit text element.\n *\n * @param {HTMLElement} element The element to identify.\n * @return {string} Unique identifier.\n */\nfunction getElementIdentifier( element ) {\n\tif ( ! element.dataset.fitTextId ) {\n\t\telement.dataset.fitTextId = `fit-text-${ ++idCounter }`;\n\t}\n\treturn element.dataset.fitTextId;\n}\n\n/**\n * Initialize fit text functionality for a single element.\n *\n * @param {HTMLElement} element Element with fit text enabled.\n */\nfunction initializeFitText( element ) {\n\tconst elementId = getElementIdentifier( element );\n\n\tconst applyFitText = () => {\n\t\tconst styleElement = getOrCreateStyleElement( elementId );\n\t\tconst elementSelector = `[data-fit-text-id=\\\"${ elementId }\\\"]`;\n\n\t\t// Style management callback\n\t\tconst applyStylesFn = ( css ) => {\n\t\t\tstyleElement.textContent = css;\n\t\t};\n\n\t\toptimizeFitText( element, elementSelector, applyStylesFn );\n\t};\n\n\t// Initial sizing\n\tapplyFitText();\n\n\t// Watch for parent container resize\n\tif ( window.ResizeObserver && element.parentElement ) {\n\t\tconst resizeObserver = new window.ResizeObserver( applyFitText );\n\t\tresizeObserver.observe( element.parentElement );\n\t}\n}\n\n/**\n * Initialize fit text on all elements with the has-fit-text class.\n */\nfunction initializeAllFitText() {\n\tconst elements = document.querySelectorAll( '.has-fit-text' );\n\telements.forEach( initializeFitText );\n}\n\nwindow.addEventListener( 'load', initializeAllFitText );\n"],
+  "mappings": "AAQA,SAAS,uBAAuB;AAKhC,IAAI,YAAY;AAQhB,SAAS,wBAAyB,WAAY;AAC7C,QAAM,UAAU,YAAa,SAAU;AACvC,MAAI,eAAe,SAAS,eAAgB,OAAQ;AACpD,MAAK,CAAE,cAAe;AACrB,mBAAe,SAAS,cAAe,OAAQ;AAC/C,iBAAa,KAAK;AAClB,aAAS,KAAK,YAAa,YAAa;AAAA,EACzC;AACA,SAAO;AACR;AAQA,SAAS,qBAAsB,SAAU;AACxC,MAAK,CAAE,QAAQ,QAAQ,WAAY;AAClC,YAAQ,QAAQ,YAAY,YAAa,EAAE,SAAU;AAAA,EACtD;AACA,SAAO,QAAQ,QAAQ;AACxB;AAOA,SAAS,kBAAmB,SAAU;AACrC,QAAM,YAAY,qBAAsB,OAAQ;AAEhD,QAAM,eAAe,MAAM;AAC1B,UAAM,eAAe,wBAAyB,SAAU;AACxD,UAAM,kBAAkB,sBAAwB,SAAU;AAG1D,UAAM,gBAAgB,CAAE,QAAS;AAChC,mBAAa,cAAc;AAAA,IAC5B;AAEA,oBAAiB,SAAS,iBAAiB,aAAc;AAAA,EAC1D;AAGA,eAAa;AAGb,MAAK,OAAO,kBAAkB,QAAQ,eAAgB;AACrD,UAAM,iBAAiB,IAAI,OAAO,eAAgB,YAAa;AAC/D,mBAAe,QAAS,QAAQ,aAAc;AAAA,EAC/C;AACD;AAKA,SAAS,uBAAuB;AAC/B,QAAM,WAAW,SAAS,iBAAkB,eAAgB;AAC5D,WAAS,QAAS,iBAAkB;AACrC;AAEA,OAAO,iBAAkB,QAAQ,oBAAqB;",
+  "names": []
+}

package/build-module/utils/fit-text-utils.js

@@ -0,0 +1,39 @@
+function generateCSSRule(elementSelector, fontSize) {
+  return `${elementSelector} { font-size: ${fontSize}px !important; }`;
+}
+function findOptimalFontSize(textElement, elementSelector, applyStylesFn) {
+  const alreadyHasScrollableHeight = textElement.scrollHeight > textElement.clientHeight;
+  let minSize = 5;
+  let maxSize = 600;
+  let bestSize = minSize;
+  while (minSize <= maxSize) {
+    const midSize = Math.floor((minSize + maxSize) / 2);
+    applyStylesFn(generateCSSRule(elementSelector, midSize));
+    const fitsWidth = textElement.scrollWidth <= textElement.clientWidth;
+    const fitsHeight = alreadyHasScrollableHeight || textElement.scrollHeight <= textElement.clientHeight;
+    if (fitsWidth && fitsHeight) {
+      bestSize = midSize;
+      minSize = midSize + 1;
+    } else {
+      maxSize = midSize - 1;
+    }
+  }
+  return bestSize;
+}
+function optimizeFitText(textElement, elementSelector, applyStylesFn) {
+  if (!textElement) {
+    return;
+  }
+  applyStylesFn("");
+  const optimalSize = findOptimalFontSize(
+    textElement,
+    elementSelector,
+    applyStylesFn
+  );
+  const cssRule = generateCSSRule(elementSelector, optimalSize);
+  applyStylesFn(cssRule);
+}
+export {
+  optimizeFitText
+};
+//# sourceMappingURL=fit-text-utils.js.map

package/build-module/utils/fit-text-utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/utils/fit-text-utils.js"],
+  "sourcesContent": ["/**\n * Shared utility functions for fit text functionality.\n * Uses callback-based approach for maximum code reuse between editor and frontend.\n */\n\n/**\n * Generate CSS rule for single text element.\n *\n * @param {string} elementSelector CSS selector for the text element\n * @param {number} fontSize        Font size in pixels\n * @return {string} CSS rule string\n */\nfunction generateCSSRule( elementSelector, fontSize ) {\n\treturn `${ elementSelector } { font-size: ${ fontSize }px !important; }`;\n}\n\n/**\n * Find optimal font size using simple binary search between 5-600px.\n *\n * @param {HTMLElement} textElement     The text element\n * @param {string}      elementSelector CSS selector for the text element\n * @param {Function}    applyStylesFn   Function to apply test styles\n * @return {number} Optimal font size\n */\nfunction findOptimalFontSize( textElement, elementSelector, applyStylesFn ) {\n\tconst alreadyHasScrollableHeight =\n\t\ttextElement.scrollHeight > textElement.clientHeight;\n\tlet minSize = 5;\n\tlet maxSize = 600;\n\tlet bestSize = minSize;\n\n\twhile ( minSize <= maxSize ) {\n\t\tconst midSize = Math.floor( ( minSize + maxSize ) / 2 );\n\t\tapplyStylesFn( generateCSSRule( elementSelector, midSize ) );\n\n\t\tconst fitsWidth = textElement.scrollWidth <= textElement.clientWidth;\n\t\tconst fitsHeight =\n\t\t\talreadyHasScrollableHeight ||\n\t\t\ttextElement.scrollHeight <= textElement.clientHeight;\n\n\t\tif ( fitsWidth && fitsHeight ) {\n\t\t\tbestSize = midSize;\n\t\t\tminSize = midSize + 1;\n\t\t} else {\n\t\t\tmaxSize = midSize - 1;\n\t\t}\n\t}\n\n\treturn bestSize;\n}\n\n/**\n * Complete fit text optimization for a single text element.\n * Handles the full flow using callbacks for style management.\n *\n * @param {HTMLElement} textElement     The text element (paragraph, heading, etc.)\n * @param {string}      elementSelector CSS selector for the text element\n * @param {Function}    applyStylesFn   Function to apply CSS styles (pass empty string to clear)\n */\nexport function optimizeFitText( textElement, elementSelector, applyStylesFn ) {\n\tif ( ! textElement ) {\n\t\treturn;\n\t}\n\n\tapplyStylesFn( '' );\n\n\tconst optimalSize = findOptimalFontSize(\n\t\ttextElement,\n\t\telementSelector,\n\t\tapplyStylesFn\n\t);\n\n\tconst cssRule = generateCSSRule( elementSelector, optimalSize );\n\tapplyStylesFn( cssRule );\n}\n"],
+  "mappings": "AAYA,SAAS,gBAAiB,iBAAiB,UAAW;AACrD,SAAO,GAAI,eAAgB,iBAAkB,QAAS;AACvD;AAUA,SAAS,oBAAqB,aAAa,iBAAiB,eAAgB;AAC3E,QAAM,6BACL,YAAY,eAAe,YAAY;AACxC,MAAI,UAAU;AACd,MAAI,UAAU;AACd,MAAI,WAAW;AAEf,SAAQ,WAAW,SAAU;AAC5B,UAAM,UAAU,KAAK,OAAS,UAAU,WAAY,CAAE;AACtD,kBAAe,gBAAiB,iBAAiB,OAAQ,CAAE;AAE3D,UAAM,YAAY,YAAY,eAAe,YAAY;AACzD,UAAM,aACL,8BACA,YAAY,gBAAgB,YAAY;AAEzC,QAAK,aAAa,YAAa;AAC9B,iBAAW;AACX,gBAAU,UAAU;AAAA,IACrB,OAAO;AACN,gBAAU,UAAU;AAAA,IACrB;AAAA,EACD;AAEA,SAAO;AACR;AAUO,SAAS,gBAAiB,aAAa,iBAAiB,eAAgB;AAC9E,MAAK,CAAE,aAAc;AACpB;AAAA,EACD;AAEA,gBAAe,EAAG;AAElB,QAAM,cAAc;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAEA,QAAM,UAAU,gBAAiB,iBAAiB,WAAY;AAC9D,gBAAe,OAAQ;AACxB;",
+  "names": []
+}

package/build-module/utils/format-font-style.js

@@ -1,39 +1,29 @@
-/**
- * WordPress dependencies
- */
-import { _x } from '@wordpress/i18n';
-
-/**
- * Formats font styles to human readable names.
- *
- * @param {string} fontStyle font style string
- * @return {Object} new object with formatted font style
- */
-export function formatFontStyle(fontStyle) {
+import { _x } from "@wordpress/i18n";
+function formatFontStyle(fontStyle) {
   if (!fontStyle) {
     return {};
   }
-  if (typeof fontStyle === 'object') {
+  if (typeof fontStyle === "object") {
     return fontStyle;
   }
   let name;
   switch (fontStyle) {
-    case 'normal':
-      name = _x('Regular', 'font style');
+    case "normal":
+      name = _x("Regular", "font style");
       break;
-    case 'italic':
-      name = _x('Italic', 'font style');
+    case "italic":
+      name = _x("Italic", "font style");
       break;
-    case 'oblique':
-      name = _x('Oblique', 'font style');
+    case "oblique":
+      name = _x("Oblique", "font style");
       break;
     default:
       name = fontStyle;
       break;
   }
-  return {
-    name,
-    value: fontStyle
-  };
+  return { name, value: fontStyle };
 }
-//# sourceMappingURL=format-font-style.js.map
+export {
+  formatFontStyle
+};
+//# sourceMappingURL=format-font-style.js.map

package/build-module/utils/format-font-style.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_x","formatFontStyle","fontStyle","name","value"],"sources":["@wordpress/block-editor/src/utils/format-font-style.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { _x } from '@wordpress/i18n';\n\n/**\n * Formats font styles to human readable names.\n *\n * @param {string} fontStyle font style string\n * @return {Object} new object with formatted font style\n */\nexport function formatFontStyle( fontStyle ) {\n\tif ( ! fontStyle ) {\n\t\treturn {};\n\t}\n\n\tif ( typeof fontStyle === 'object' ) {\n\t\treturn fontStyle;\n\t}\n\n\tlet name;\n\n\tswitch ( fontStyle ) {\n\t\tcase 'normal':\n\t\t\tname = _x( 'Regular', 'font style' );\n\t\t\tbreak;\n\t\tcase 'italic':\n\t\t\tname = _x( 'Italic', 'font style' );\n\t\t\tbreak;\n\t\tcase 'oblique':\n\t\t\tname = _x( 'Oblique', 'font style' );\n\t\t\tbreak;\n\n\t\tdefault:\n\t\t\tname = fontStyle;\n\t\t\tbreak;\n\t}\n\n\treturn { name, value: fontStyle };\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,eAAeA,CAAEC,SAAS,EAAG;EAC5C,IAAK,CAAEA,SAAS,EAAG;IAClB,OAAO,CAAC,CAAC;EACV;EAEA,IAAK,OAAOA,SAAS,KAAK,QAAQ,EAAG;IACpC,OAAOA,SAAS;EACjB;EAEA,IAAIC,IAAI;EAER,QAASD,SAAS;IACjB,KAAK,QAAQ;MACZC,IAAI,GAAGH,EAAE,CAAE,SAAS,EAAE,YAAa,CAAC;MACpC;IACD,KAAK,QAAQ;MACZG,IAAI,GAAGH,EAAE,CAAE,QAAQ,EAAE,YAAa,CAAC;MACnC;IACD,KAAK,SAAS;MACbG,IAAI,GAAGH,EAAE,CAAE,SAAS,EAAE,YAAa,CAAC;MACpC;IAED;MACCG,IAAI,GAAGD,SAAS;MAChB;EACF;EAEA,OAAO;IAAEC,IAAI;IAAEC,KAAK,EAAEF;EAAU,CAAC;AAClC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/utils/format-font-style.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { _x } from '@wordpress/i18n';\n\n/**\n * Formats font styles to human readable names.\n *\n * @param {string} fontStyle font style string\n * @return {Object} new object with formatted font style\n */\nexport function formatFontStyle( fontStyle ) {\n\tif ( ! fontStyle ) {\n\t\treturn {};\n\t}\n\n\tif ( typeof fontStyle === 'object' ) {\n\t\treturn fontStyle;\n\t}\n\n\tlet name;\n\n\tswitch ( fontStyle ) {\n\t\tcase 'normal':\n\t\t\tname = _x( 'Regular', 'font style' );\n\t\t\tbreak;\n\t\tcase 'italic':\n\t\t\tname = _x( 'Italic', 'font style' );\n\t\t\tbreak;\n\t\tcase 'oblique':\n\t\t\tname = _x( 'Oblique', 'font style' );\n\t\t\tbreak;\n\n\t\tdefault:\n\t\t\tname = fontStyle;\n\t\t\tbreak;\n\t}\n\n\treturn { name, value: fontStyle };\n}\n"],
+  "mappings": "AAGA,SAAS,UAAU;AAQZ,SAAS,gBAAiB,WAAY;AAC5C,MAAK,CAAE,WAAY;AAClB,WAAO,CAAC;AAAA,EACT;AAEA,MAAK,OAAO,cAAc,UAAW;AACpC,WAAO;AAAA,EACR;AAEA,MAAI;AAEJ,UAAS,WAAY;AAAA,IACpB,KAAK;AACJ,aAAO,GAAI,WAAW,YAAa;AACnC;AAAA,IACD,KAAK;AACJ,aAAO,GAAI,UAAU,YAAa;AAClC;AAAA,IACD,KAAK;AACJ,aAAO,GAAI,WAAW,YAAa;AACnC;AAAA,IAED;AACC,aAAO;AACP;AAAA,EACF;AAEA,SAAO,EAAE,MAAM,OAAO,UAAU;AACjC;",
+  "names": []
+}

package/build-module/utils/format-font-weight.js

@@ -1,62 +1,52 @@
-/**
- * WordPress dependencies
- */
-import { _x } from '@wordpress/i18n';
-
-/**
- * Formats font weights to human readable names.
- *
- * @param {string} fontWeight font weight string
- * @return {Object} new object with formatted font weight
- */
-export function formatFontWeight(fontWeight) {
+import { _x } from "@wordpress/i18n";
+function formatFontWeight(fontWeight) {
   if (!fontWeight) {
     return {};
   }
-  if (typeof fontWeight === 'object') {
+  if (typeof fontWeight === "object") {
     return fontWeight;
   }
   let name;
   switch (fontWeight) {
-    case 'normal':
-    case '400':
-      name = _x('Regular', 'font weight');
+    case "normal":
+    case "400":
+      name = _x("Regular", "font weight");
       break;
-    case 'bold':
-    case '700':
-      name = _x('Bold', 'font weight');
+    case "bold":
+    case "700":
+      name = _x("Bold", "font weight");
       break;
-    case '100':
-      name = _x('Thin', 'font weight');
+    case "100":
+      name = _x("Thin", "font weight");
       break;
-    case '200':
-      name = _x('Extra Light', 'font weight');
+    case "200":
+      name = _x("Extra Light", "font weight");
       break;
-    case '300':
-      name = _x('Light', 'font weight');
+    case "300":
+      name = _x("Light", "font weight");
       break;
-    case '500':
-      name = _x('Medium', 'font weight');
+    case "500":
+      name = _x("Medium", "font weight");
       break;
-    case '600':
-      name = _x('Semi Bold', 'font weight');
+    case "600":
+      name = _x("Semi Bold", "font weight");
       break;
-    case '800':
-      name = _x('Extra Bold', 'font weight');
+    case "800":
+      name = _x("Extra Bold", "font weight");
       break;
-    case '900':
-      name = _x('Black', 'font weight');
+    case "900":
+      name = _x("Black", "font weight");
       break;
-    case '1000':
-      name = _x('Extra Black', 'font weight');
+    case "1000":
+      name = _x("Extra Black", "font weight");
       break;
     default:
       name = fontWeight;
       break;
   }
-  return {
-    name,
-    value: fontWeight
-  };
+  return { name, value: fontWeight };
 }
-//# sourceMappingURL=format-font-weight.js.map
+export {
+  formatFontWeight
+};
+//# sourceMappingURL=format-font-weight.js.map

package/build-module/utils/format-font-weight.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_x","formatFontWeight","fontWeight","name","value"],"sources":["@wordpress/block-editor/src/utils/format-font-weight.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { _x } from '@wordpress/i18n';\n\n/**\n * Formats font weights to human readable names.\n *\n * @param {string} fontWeight font weight string\n * @return {Object} new object with formatted font weight\n */\nexport function formatFontWeight( fontWeight ) {\n\tif ( ! fontWeight ) {\n\t\treturn {};\n\t}\n\n\tif ( typeof fontWeight === 'object' ) {\n\t\treturn fontWeight;\n\t}\n\n\tlet name;\n\n\tswitch ( fontWeight ) {\n\t\tcase 'normal':\n\t\tcase '400':\n\t\t\tname = _x( 'Regular', 'font weight' );\n\t\t\tbreak;\n\t\tcase 'bold':\n\t\tcase '700':\n\t\t\tname = _x( 'Bold', 'font weight' );\n\t\t\tbreak;\n\t\tcase '100':\n\t\t\tname = _x( 'Thin', 'font weight' );\n\t\t\tbreak;\n\t\tcase '200':\n\t\t\tname = _x( 'Extra Light', 'font weight' );\n\t\t\tbreak;\n\t\tcase '300':\n\t\t\tname = _x( 'Light', 'font weight' );\n\t\t\tbreak;\n\t\tcase '500':\n\t\t\tname = _x( 'Medium', 'font weight' );\n\t\t\tbreak;\n\t\tcase '600':\n\t\t\tname = _x( 'Semi Bold', 'font weight' );\n\t\t\tbreak;\n\t\tcase '800':\n\t\t\tname = _x( 'Extra Bold', 'font weight' );\n\t\t\tbreak;\n\t\tcase '900':\n\t\t\tname = _x( 'Black', 'font weight' );\n\t\t\tbreak;\n\t\tcase '1000':\n\t\t\tname = _x( 'Extra Black', 'font weight' );\n\t\t\tbreak;\n\n\t\tdefault:\n\t\t\tname = fontWeight;\n\t\t\tbreak;\n\t}\n\n\treturn { name, value: fontWeight };\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAAEC,UAAU,EAAG;EAC9C,IAAK,CAAEA,UAAU,EAAG;IACnB,OAAO,CAAC,CAAC;EACV;EAEA,IAAK,OAAOA,UAAU,KAAK,QAAQ,EAAG;IACrC,OAAOA,UAAU;EAClB;EAEA,IAAIC,IAAI;EAER,QAASD,UAAU;IAClB,KAAK,QAAQ;IACb,KAAK,KAAK;MACTC,IAAI,GAAGH,EAAE,CAAE,SAAS,EAAE,aAAc,CAAC;MACrC;IACD,KAAK,MAAM;IACX,KAAK,KAAK;MACTG,IAAI,GAAGH,EAAE,CAAE,MAAM,EAAE,aAAc,CAAC;MAClC;IACD,KAAK,KAAK;MACTG,IAAI,GAAGH,EAAE,CAAE,MAAM,EAAE,aAAc,CAAC;MAClC;IACD,KAAK,KAAK;MACTG,IAAI,GAAGH,EAAE,CAAE,aAAa,EAAE,aAAc,CAAC;MACzC;IACD,KAAK,KAAK;MACTG,IAAI,GAAGH,EAAE,CAAE,OAAO,EAAE,aAAc,CAAC;MACnC;IACD,KAAK,KAAK;MACTG,IAAI,GAAGH,EAAE,CAAE,QAAQ,EAAE,aAAc,CAAC;MACpC;IACD,KAAK,KAAK;MACTG,IAAI,GAAGH,EAAE,CAAE,WAAW,EAAE,aAAc,CAAC;MACvC;IACD,KAAK,KAAK;MACTG,IAAI,GAAGH,EAAE,CAAE,YAAY,EAAE,aAAc,CAAC;MACxC;IACD,KAAK,KAAK;MACTG,IAAI,GAAGH,EAAE,CAAE,OAAO,EAAE,aAAc,CAAC;MACnC;IACD,KAAK,MAAM;MACVG,IAAI,GAAGH,EAAE,CAAE,aAAa,EAAE,aAAc,CAAC;MACzC;IAED;MACCG,IAAI,GAAGD,UAAU;MACjB;EACF;EAEA,OAAO;IAAEC,IAAI;IAAEC,KAAK,EAAEF;EAAW,CAAC;AACnC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/utils/format-font-weight.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { _x } from '@wordpress/i18n';\n\n/**\n * Formats font weights to human readable names.\n *\n * @param {string} fontWeight font weight string\n * @return {Object} new object with formatted font weight\n */\nexport function formatFontWeight( fontWeight ) {\n\tif ( ! fontWeight ) {\n\t\treturn {};\n\t}\n\n\tif ( typeof fontWeight === 'object' ) {\n\t\treturn fontWeight;\n\t}\n\n\tlet name;\n\n\tswitch ( fontWeight ) {\n\t\tcase 'normal':\n\t\tcase '400':\n\t\t\tname = _x( 'Regular', 'font weight' );\n\t\t\tbreak;\n\t\tcase 'bold':\n\t\tcase '700':\n\t\t\tname = _x( 'Bold', 'font weight' );\n\t\t\tbreak;\n\t\tcase '100':\n\t\t\tname = _x( 'Thin', 'font weight' );\n\t\t\tbreak;\n\t\tcase '200':\n\t\t\tname = _x( 'Extra Light', 'font weight' );\n\t\t\tbreak;\n\t\tcase '300':\n\t\t\tname = _x( 'Light', 'font weight' );\n\t\t\tbreak;\n\t\tcase '500':\n\t\t\tname = _x( 'Medium', 'font weight' );\n\t\t\tbreak;\n\t\tcase '600':\n\t\t\tname = _x( 'Semi Bold', 'font weight' );\n\t\t\tbreak;\n\t\tcase '800':\n\t\t\tname = _x( 'Extra Bold', 'font weight' );\n\t\t\tbreak;\n\t\tcase '900':\n\t\t\tname = _x( 'Black', 'font weight' );\n\t\t\tbreak;\n\t\tcase '1000':\n\t\t\tname = _x( 'Extra Black', 'font weight' );\n\t\t\tbreak;\n\n\t\tdefault:\n\t\t\tname = fontWeight;\n\t\t\tbreak;\n\t}\n\n\treturn { name, value: fontWeight };\n}\n"],
+  "mappings": "AAGA,SAAS,UAAU;AAQZ,SAAS,iBAAkB,YAAa;AAC9C,MAAK,CAAE,YAAa;AACnB,WAAO,CAAC;AAAA,EACT;AAEA,MAAK,OAAO,eAAe,UAAW;AACrC,WAAO;AAAA,EACR;AAEA,MAAI;AAEJ,UAAS,YAAa;AAAA,IACrB,KAAK;AAAA,IACL,KAAK;AACJ,aAAO,GAAI,WAAW,aAAc;AACpC;AAAA,IACD,KAAK;AAAA,IACL,KAAK;AACJ,aAAO,GAAI,QAAQ,aAAc;AACjC;AAAA,IACD,KAAK;AACJ,aAAO,GAAI,QAAQ,aAAc;AACjC;AAAA,IACD,KAAK;AACJ,aAAO,GAAI,eAAe,aAAc;AACxC;AAAA,IACD,KAAK;AACJ,aAAO,GAAI,SAAS,aAAc;AAClC;AAAA,IACD,KAAK;AACJ,aAAO,GAAI,UAAU,aAAc;AACnC;AAAA,IACD,KAAK;AACJ,aAAO,GAAI,aAAa,aAAc;AACtC;AAAA,IACD,KAAK;AACJ,aAAO,GAAI,cAAc,aAAc;AACvC;AAAA,IACD,KAAK;AACJ,aAAO,GAAI,SAAS,aAAc;AAClC;AAAA,IACD,KAAK;AACJ,aAAO,GAAI,eAAe,aAAc;AACxC;AAAA,IAED;AACC,aAAO;AACP;AAAA,EACF;AAEA,SAAO,EAAE,MAAM,OAAO,WAAW;AAClC;",
+  "names": []
+}

package/build-module/utils/get-editor-region.js

@@ -1,28 +1,16 @@
-/**
- * Gets the editor region for a given editor canvas element or
- * returns the passed element if no region is found
- *
- * @param { Object } editor The editor canvas element.
- * @return { Object } The editor region or given editor element
- */
-export default function getEditorRegion(editor) {
-  var _Array$from$find, _editorCanvas$closest;
+function getEditorRegion(editor) {
   if (!editor) {
     return null;
   }
-
-  // If there are multiple editors, we need to find the iframe that contains our contentRef to make sure
-  // we're focusing the region that contains this editor.
-  const editorCanvas = (_Array$from$find = Array.from(document.querySelectorAll('iframe[name="editor-canvas"]').values()).find(iframe => {
-    // Find the iframe that contains our contentRef
+  const editorCanvas = Array.from(
+    document.querySelectorAll('iframe[name="editor-canvas"]').values()
+  ).find((iframe) => {
     const iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
     return iframeDocument === editor.ownerDocument;
-  })) !== null && _Array$from$find !== void 0 ? _Array$from$find : editor;
-
-  // The region is provided by the editor, not the block-editor.
-  // We should send focus to the region if one is available to reuse the
-  // same interface for navigating landmarks. If no region is available,
-  // use the canvas instead.
-  return (_editorCanvas$closest = editorCanvas?.closest('[role="region"]')) !== null && _editorCanvas$closest !== void 0 ? _editorCanvas$closest : editorCanvas;
+  }) ?? editor;
+  return editorCanvas?.closest('[role="region"]') ?? editorCanvas;
 }
-//# sourceMappingURL=get-editor-region.js.map
+export {
+  getEditorRegion as default
+};
+//# sourceMappingURL=get-editor-region.js.map

package/build-module/utils/get-editor-region.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["getEditorRegion","editor","_Array$from$find","_editorCanvas$closest","editorCanvas","Array","from","document","querySelectorAll","values","find","iframe","iframeDocument","contentDocument","contentWindow","ownerDocument","closest"],"sources":["@wordpress/block-editor/src/utils/get-editor-region.js"],"sourcesContent":["/**\n * Gets the editor region for a given editor canvas element or\n * returns the passed element if no region is found\n *\n * @param { Object } editor The editor canvas element.\n * @return { Object } The editor region or given editor element\n */\nexport default function getEditorRegion( editor ) {\n\tif ( ! editor ) {\n\t\treturn null;\n\t}\n\n\t// If there are multiple editors, we need to find the iframe that contains our contentRef to make sure\n\t// we're focusing the region that contains this editor.\n\tconst editorCanvas =\n\t\tArray.from(\n\t\t\tdocument.querySelectorAll( 'iframe[name=\"editor-canvas\"]' ).values()\n\t\t).find( ( iframe ) => {\n\t\t\t// Find the iframe that contains our contentRef\n\t\t\tconst iframeDocument =\n\t\t\t\tiframe.contentDocument || iframe.contentWindow.document;\n\n\t\t\treturn iframeDocument === editor.ownerDocument;\n\t\t} ) ?? editor;\n\n\t// The region is provided by the editor, not the block-editor.\n\t// We should send focus to the region if one is available to reuse the\n\t// same interface for navigating landmarks. If no region is available,\n\t// use the canvas instead.\n\treturn editorCanvas?.closest( '[role=\"region\"]' ) ?? editorCanvas;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASA,eAAeA,CAAEC,MAAM,EAAG;EAAA,IAAAC,gBAAA,EAAAC,qBAAA;EACjD,IAAK,CAAEF,MAAM,EAAG;IACf,OAAO,IAAI;EACZ;;EAEA;EACA;EACA,MAAMG,YAAY,IAAAF,gBAAA,GACjBG,KAAK,CAACC,IAAI,CACTC,QAAQ,CAACC,gBAAgB,CAAE,8BAA+B,CAAC,CAACC,MAAM,CAAC,CACpE,CAAC,CAACC,IAAI,CAAIC,MAAM,IAAM;IACrB;IACA,MAAMC,cAAc,GACnBD,MAAM,CAACE,eAAe,IAAIF,MAAM,CAACG,aAAa,CAACP,QAAQ;IAExD,OAAOK,cAAc,KAAKX,MAAM,CAACc,aAAa;EAC/C,CAAE,CAAC,cAAAb,gBAAA,cAAAA,gBAAA,GAAID,MAAM;;EAEd;EACA;EACA;EACA;EACA,QAAAE,qBAAA,GAAOC,YAAY,EAAEY,OAAO,CAAE,iBAAkB,CAAC,cAAAb,qBAAA,cAAAA,qBAAA,GAAIC,YAAY;AAClE","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/utils/get-editor-region.js"],
+  "sourcesContent": ["/**\n * Gets the editor region for a given editor canvas element or\n * returns the passed element if no region is found\n *\n * @param { Object } editor The editor canvas element.\n * @return { Object } The editor region or given editor element\n */\nexport default function getEditorRegion( editor ) {\n\tif ( ! editor ) {\n\t\treturn null;\n\t}\n\n\t// If there are multiple editors, we need to find the iframe that contains our contentRef to make sure\n\t// we're focusing the region that contains this editor.\n\tconst editorCanvas =\n\t\tArray.from(\n\t\t\tdocument.querySelectorAll( 'iframe[name=\"editor-canvas\"]' ).values()\n\t\t).find( ( iframe ) => {\n\t\t\t// Find the iframe that contains our contentRef\n\t\t\tconst iframeDocument =\n\t\t\t\tiframe.contentDocument || iframe.contentWindow.document;\n\n\t\t\treturn iframeDocument === editor.ownerDocument;\n\t\t} ) ?? editor;\n\n\t// The region is provided by the editor, not the block-editor.\n\t// We should send focus to the region if one is available to reuse the\n\t// same interface for navigating landmarks. If no region is available,\n\t// use the canvas instead.\n\treturn editorCanvas?.closest( '[role=\"region\"]' ) ?? editorCanvas;\n}\n"],
+  "mappings": "AAOe,SAAR,gBAAkC,QAAS;AACjD,MAAK,CAAE,QAAS;AACf,WAAO;AAAA,EACR;AAIA,QAAM,eACL,MAAM;AAAA,IACL,SAAS,iBAAkB,8BAA+B,EAAE,OAAO;AAAA,EACpE,EAAE,KAAM,CAAE,WAAY;AAErB,UAAM,iBACL,OAAO,mBAAmB,OAAO,cAAc;AAEhD,WAAO,mBAAmB,OAAO;AAAA,EAClC,CAAE,KAAK;AAMR,SAAO,cAAc,QAAS,iBAAkB,KAAK;AACtD;",
+  "names": []
+}