@wordpress/block-library 8.34.0 → 9.0.0

package/build/post-excerpt/edit.js

@@ -5,8 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = PostExcerptEditor;
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _coreData = require("@wordpress/core-data");
 var _element = require("@wordpress/element");
 var _blockEditor = require("@wordpress/block-editor");
@@ -14,6 +13,7 @@ var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _data = require("@wordpress/data");
 var _hooks = require("../utils/hooks");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -73,7 +73,7 @@ function PostExcerptEditor({
    */
   const isEditable = userCanEdit && !isDescendentOfQueryLoop && postTypeSupportsExcerpts;
   const blockProps = (0, _blockEditor.useBlockProps)({
-    className: (0, _classnames.default)({
+    className: (0, _clsx.default)({
       [`has-text-align-${textAlign}`]: textAlign
     })
   });
@@ -98,21 +98,31 @@ function PostExcerptEditor({
     return document.body.textContent || document.body.innerText || '';
   }, [renderedExcerpt]);
   if (!postType || !postId) {
-    return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_blockEditor.BlockControls, null, (0, _react.createElement)(_blockEditor.AlignmentToolbar, {
-      value: textAlign,
-      onChange: newAlign => setAttributes({
-        textAlign: newAlign
-      })
-    })), (0, _react.createElement)("div", {
-      ...blockProps
-    }, (0, _react.createElement)("p", null, (0, _i18n.__)('This block will display the excerpt.'))));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockControls, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.AlignmentToolbar, {
+          value: textAlign,
+          onChange: newAlign => setAttributes({
+            textAlign: newAlign
+          })
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        ...blockProps,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+          children: (0, _i18n.__)('This block will display the excerpt.')
+        })
+      })]
+    });
   }
   if (isProtected && !userCanEdit) {
-    return (0, _react.createElement)("div", {
-      ...blockProps
-    }, (0, _react.createElement)(_blockEditor.Warning, null, (0, _i18n.__)('The content is currently protected and does not have the available excerpt.')));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      ...blockProps,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.Warning, {
+        children: (0, _i18n.__)('The content is currently protected and does not have the available excerpt.')
+      })
+    });
   }
-  const readMoreLink = (0, _react.createElement)(_blockEditor.RichText, {
+  const readMoreLink = /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText, {
     identifier: "moreText",
     className: "wp-block-post-excerpt__more-link",
     tagName: "a",
@@ -124,7 +134,7 @@ function PostExcerptEditor({
     }),
     withoutInteractiveFormatting: true
   });
-  const excerptClassName = (0, _classnames.default)('wp-block-post-excerpt__excerpt', {
+  const excerptClassName = (0, _clsx.default)('wp-block-post-excerpt__excerpt', {
     'is-inline': !showMoreOnNewLine
   });
 
@@ -152,43 +162,53 @@ function PostExcerptEditor({
     trimmedExcerpt = rawOrRenderedExcerpt.split('', excerptLength).join('');
   }
   const isTrimmed = trimmedExcerpt !== rawOrRenderedExcerpt;
-  const excerptContent = isEditable ? (0, _react.createElement)(_blockEditor.RichText, {
+  const excerptContent = isEditable ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText, {
     className: excerptClassName,
     "aria-label": (0, _i18n.__)('Excerpt text'),
     value: isSelected ? rawOrRenderedExcerpt : (!isTrimmed ? rawOrRenderedExcerpt : trimmedExcerpt + ELLIPSIS) || (0, _i18n.__)('No excerpt found'),
     onChange: setExcerpt,
     tagName: "p"
-  }) : (0, _react.createElement)("p", {
-    className: excerptClassName
-  }, !isTrimmed ? rawOrRenderedExcerpt || (0, _i18n.__)('No excerpt found') : trimmedExcerpt + ELLIPSIS);
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_blockEditor.BlockControls, null, (0, _react.createElement)(_blockEditor.AlignmentToolbar, {
-    value: textAlign,
-    onChange: newAlign => setAttributes({
-      textAlign: newAlign
-    })
-  })), (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_components.PanelBody, {
-    title: (0, _i18n.__)('Settings')
-  }, (0, _react.createElement)(_components.ToggleControl, {
-    __nextHasNoMarginBottom: true,
-    label: (0, _i18n.__)('Show link on new line'),
-    checked: showMoreOnNewLine,
-    onChange: newShowMoreOnNewLine => setAttributes({
-      showMoreOnNewLine: newShowMoreOnNewLine
-    })
-  }), (0, _react.createElement)(_components.RangeControl, {
-    label: (0, _i18n.__)('Max number of words'),
-    value: excerptLength,
-    onChange: value => {
-      setAttributes({
-        excerptLength: value
-      });
-    },
-    min: "10",
-    max: "100"
-  }))), (0, _react.createElement)("div", {
-    ...blockProps
-  }, excerptContent, !showMoreOnNewLine && ' ', showMoreOnNewLine ? (0, _react.createElement)("p", {
-    className: "wp-block-post-excerpt__more-text"
-  }, readMoreLink) : readMoreLink));
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+    className: excerptClassName,
+    children: !isTrimmed ? rawOrRenderedExcerpt || (0, _i18n.__)('No excerpt found') : trimmedExcerpt + ELLIPSIS
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockControls, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.AlignmentToolbar, {
+        value: textAlign,
+        onChange: newAlign => setAttributes({
+          textAlign: newAlign
+        })
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InspectorControls, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.PanelBody, {
+        title: (0, _i18n.__)('Settings'),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
+          __nextHasNoMarginBottom: true,
+          label: (0, _i18n.__)('Show link on new line'),
+          checked: showMoreOnNewLine,
+          onChange: newShowMoreOnNewLine => setAttributes({
+            showMoreOnNewLine: newShowMoreOnNewLine
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RangeControl, {
+          label: (0, _i18n.__)('Max number of words'),
+          value: excerptLength,
+          onChange: value => {
+            setAttributes({
+              excerptLength: value
+            });
+          },
+          min: "10",
+          max: "100"
+        })]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      ...blockProps,
+      children: [excerptContent, !showMoreOnNewLine && ' ', showMoreOnNewLine ? /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        className: "wp-block-post-excerpt__more-text",
+        children: readMoreLink
+      }) : readMoreLink]
+    })]
+  });
 }
 //# sourceMappingURL=edit.js.map

package/build/post-excerpt/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_coreData","_element","_blockEditor","_components","_i18n","_data","_hooks","ELLIPSIS","PostExcerptEditor","attributes","textAlign","moreText","showMoreOnNewLine","excerptLength","setAttributes","isSelected","context","postId","postType","queryId","isDescendentOfQueryLoop","Number","isFinite","userCanEdit","useCanEditEntity","rawExcerpt","setExcerpt","rendered","renderedExcerpt","protected","isProtected","useEntityProp","postTypeSupportsExcerpts","useSelect","select","coreStore","getPostType","supports","excerpt","isEditable","blockProps","useBlockProps","className","classnames","wordCountType","_x","strippedRenderedExcerpt","useMemo","document","window","DOMParser","parseFromString","body","textContent","innerText","_react","createElement","Fragment","BlockControls","AlignmentToolbar","value","onChange","newAlign","__","Warning","readMoreLink","RichText","identifier","tagName","placeholder","newMoreText","withoutInteractiveFormatting","excerptClassName","rawOrRenderedExcerpt","trim","trimmedExcerpt","split","join","excerptWithSpaces","numberOfSpaces","length","replaceAll","isTrimmed","excerptContent","InspectorControls","PanelBody","title","ToggleControl","__nextHasNoMarginBottom","label","checked","newShowMoreOnNewLine","RangeControl","min","max"],"sources":["@wordpress/block-library/src/post-excerpt/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useEntityProp, store as coreStore } from '@wordpress/core-data';\nimport { useMemo } from '@wordpress/element';\nimport {\n\tAlignmentToolbar,\n\tBlockControls,\n\tInspectorControls,\n\tRichText,\n\tWarning,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport { PanelBody, ToggleControl, RangeControl } from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { useCanEditEntity } from '../utils/hooks';\n\nconst ELLIPSIS = '…';\n\nexport default function PostExcerptEditor( {\n\tattributes: { textAlign, moreText, showMoreOnNewLine, excerptLength },\n\tsetAttributes,\n\tisSelected,\n\tcontext: { postId, postType, queryId },\n} ) {\n\tconst isDescendentOfQueryLoop = Number.isFinite( queryId );\n\tconst userCanEdit = useCanEditEntity( 'postType', postType, postId );\n\tconst [\n\t\trawExcerpt,\n\t\tsetExcerpt,\n\t\t{ rendered: renderedExcerpt, protected: isProtected } = {},\n\t] = useEntityProp( 'postType', postType, 'excerpt', postId );\n\n\t/**\n\t * Check if the post type supports excerpts.\n\t * Add an exception and return early for the \"page\" post type,\n\t * which is registered without support for the excerpt UI,\n\t * but supports saving the excerpt to the database.\n\t * See: https://core.trac.wordpress.org/browser/branches/6.1/src/wp-includes/post.php#L65\n\t * Without this exception, users that have excerpts saved to the database will\n\t * not be able to edit the excerpts.\n\t */\n\tconst postTypeSupportsExcerpts = useSelect(\n\t\t( select ) => {\n\t\t\tif ( postType === 'page' ) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t\treturn !! select( coreStore ).getPostType( postType )?.supports\n\t\t\t\t?.excerpt;\n\t\t},\n\t\t[ postType ]\n\t);\n\n\t/**\n\t * The excerpt is editable if:\n\t * - The user can edit the post\n\t * - It is not a descendent of a Query Loop block\n\t * - The post type supports excerpts\n\t */\n\tconst isEditable =\n\t\tuserCanEdit && ! isDescendentOfQueryLoop && postTypeSupportsExcerpts;\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classnames( {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t} ),\n\t} );\n\n\t/**\n\t * translators: If your word count is based on single characters (e.g. East Asian characters),\n\t * enter 'characters_excluding_spaces' or 'characters_including_spaces'. Otherwise, enter 'words'.\n\t * Do not translate into your own language.\n\t */\n\tconst wordCountType = _x( 'words', 'Word count type. Do not translate!' );\n\n\t/**\n\t * When excerpt is editable, strip the html tags from\n\t * rendered excerpt. This will be used if the entity's\n\t * excerpt has been produced from the content.\n\t */\n\tconst strippedRenderedExcerpt = useMemo( () => {\n\t\tif ( ! renderedExcerpt ) {\n\t\t\treturn '';\n\t\t}\n\t\tconst document = new window.DOMParser().parseFromString(\n\t\t\trenderedExcerpt,\n\t\t\t'text/html'\n\t\t);\n\t\treturn document.body.textContent || document.body.innerText || '';\n\t}, [ renderedExcerpt ] );\n\n\tif ( ! postType || ! postId ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<BlockControls>\n\t\t\t\t\t<AlignmentToolbar\n\t\t\t\t\t\tvalue={ textAlign }\n\t\t\t\t\t\tonChange={ ( newAlign ) =>\n\t\t\t\t\t\t\tsetAttributes( { textAlign: newAlign } )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</BlockControls>\n\t\t\t\t<div { ...blockProps }>\n\t\t\t\t\t<p>{ __( 'This block will display the excerpt.' ) }</p>\n\t\t\t\t</div>\n\t\t\t</>\n\t\t);\n\t}\n\tif ( isProtected && ! userCanEdit ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Warning>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'The content is currently protected and does not have the available excerpt.'\n\t\t\t\t\t) }\n\t\t\t\t</Warning>\n\t\t\t</div>\n\t\t);\n\t}\n\tconst readMoreLink = (\n\t\t<RichText\n\t\t\tidentifier=\"moreText\"\n\t\t\tclassName=\"wp-block-post-excerpt__more-link\"\n\t\t\ttagName=\"a\"\n\t\t\taria-label={ __( '“Read more” link text' ) }\n\t\t\tplaceholder={ __( 'Add \"read more\" link text' ) }\n\t\t\tvalue={ moreText }\n\t\t\tonChange={ ( newMoreText ) =>\n\t\t\t\tsetAttributes( { moreText: newMoreText } )\n\t\t\t}\n\t\t\twithoutInteractiveFormatting\n\t\t/>\n\t);\n\tconst excerptClassName = classnames( 'wp-block-post-excerpt__excerpt', {\n\t\t'is-inline': ! showMoreOnNewLine,\n\t} );\n\n\t/**\n\t * The excerpt length setting needs to be applied to both\n\t * the raw and the rendered excerpt depending on which is being used.\n\t */\n\tconst rawOrRenderedExcerpt = (\n\t\trawExcerpt || strippedRenderedExcerpt\n\t).trim();\n\n\tlet trimmedExcerpt = '';\n\tif ( wordCountType === 'words' ) {\n\t\ttrimmedExcerpt = rawOrRenderedExcerpt\n\t\t\t.split( ' ', excerptLength )\n\t\t\t.join( ' ' );\n\t} else if ( wordCountType === 'characters_excluding_spaces' ) {\n\t\t/*\n\t\t * 1. Split the excerpt at the character limit,\n\t\t * then join the substrings back into one string.\n\t\t * 2. Count the number of spaces in the excerpt\n\t\t * by comparing the lengths of the string with and without spaces.\n\t\t * 3. Add the number to the length of the visible excerpt,\n\t\t * so that the spaces are excluded from the word count.\n\t\t */\n\t\tconst excerptWithSpaces = rawOrRenderedExcerpt\n\t\t\t.split( '', excerptLength )\n\t\t\t.join( '' );\n\n\t\tconst numberOfSpaces =\n\t\t\texcerptWithSpaces.length -\n\t\t\texcerptWithSpaces.replaceAll( ' ', '' ).length;\n\n\t\ttrimmedExcerpt = rawOrRenderedExcerpt\n\t\t\t.split( '', excerptLength + numberOfSpaces )\n\t\t\t.join( '' );\n\t} else if ( wordCountType === 'characters_including_spaces' ) {\n\t\ttrimmedExcerpt = rawOrRenderedExcerpt\n\t\t\t.split( '', excerptLength )\n\t\t\t.join( '' );\n\t}\n\n\tconst isTrimmed = trimmedExcerpt !== rawOrRenderedExcerpt;\n\n\tconst excerptContent = isEditable ? (\n\t\t<RichText\n\t\t\tclassName={ excerptClassName }\n\t\t\taria-label={ __( 'Excerpt text' ) }\n\t\t\tvalue={\n\t\t\t\tisSelected\n\t\t\t\t\t? rawOrRenderedExcerpt\n\t\t\t\t\t: ( ! isTrimmed\n\t\t\t\t\t\t\t? rawOrRenderedExcerpt\n\t\t\t\t\t\t\t: trimmedExcerpt + ELLIPSIS ) ||\n\t\t\t\t\t  __( 'No excerpt found' )\n\t\t\t}\n\t\t\tonChange={ setExcerpt }\n\t\t\ttagName=\"p\"\n\t\t/>\n\t) : (\n\t\t<p className={ excerptClassName }>\n\t\t\t{ ! isTrimmed\n\t\t\t\t? rawOrRenderedExcerpt || __( 'No excerpt found' )\n\t\t\t\t: trimmedExcerpt + ELLIPSIS }\n\t\t</p>\n\t);\n\treturn (\n\t\t<>\n\t\t\t<BlockControls>\n\t\t\t\t<AlignmentToolbar\n\t\t\t\t\tvalue={ textAlign }\n\t\t\t\t\tonChange={ ( newAlign ) =>\n\t\t\t\t\t\tsetAttributes( { textAlign: newAlign } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Show link on new line' ) }\n\t\t\t\t\t\tchecked={ showMoreOnNewLine }\n\t\t\t\t\t\tonChange={ ( newShowMoreOnNewLine ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tshowMoreOnNewLine: newShowMoreOnNewLine,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\tlabel={ __( 'Max number of words' ) }\n\t\t\t\t\t\tvalue={ excerptLength }\n\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\tsetAttributes( { excerptLength: value } );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tmin=\"10\"\n\t\t\t\t\t\tmax=\"100\"\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t<div { ...blockProps }>\n\t\t\t\t{ excerptContent }\n\t\t\t\t{ ! showMoreOnNewLine && ' ' }\n\t\t\t\t{ showMoreOnNewLine ? (\n\t\t\t\t\t<p className=\"wp-block-post-excerpt__more-text\">\n\t\t\t\t\t\t{ readMoreLink }\n\t\t\t\t\t</p>\n\t\t\t\t) : (\n\t\t\t\t\treadMoreLink\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_coreData","_element","_blockEditor","_components","_i18n","_data","_hooks","_jsxRuntime","ELLIPSIS","PostExcerptEditor","attributes","textAlign","moreText","showMoreOnNewLine","excerptLength","setAttributes","isSelected","context","postId","postType","queryId","isDescendentOfQueryLoop","Number","isFinite","userCanEdit","useCanEditEntity","rawExcerpt","setExcerpt","rendered","renderedExcerpt","protected","isProtected","useEntityProp","postTypeSupportsExcerpts","useSelect","select","coreStore","getPostType","supports","excerpt","isEditable","blockProps","useBlockProps","className","clsx","wordCountType","_x","strippedRenderedExcerpt","useMemo","document","window","DOMParser","parseFromString","body","textContent","innerText","jsxs","Fragment","children","jsx","BlockControls","AlignmentToolbar","value","onChange","newAlign","__","Warning","readMoreLink","RichText","identifier","tagName","placeholder","newMoreText","withoutInteractiveFormatting","excerptClassName","rawOrRenderedExcerpt","trim","trimmedExcerpt","split","join","excerptWithSpaces","numberOfSpaces","length","replaceAll","isTrimmed","excerptContent","InspectorControls","PanelBody","title","ToggleControl","__nextHasNoMarginBottom","label","checked","newShowMoreOnNewLine","RangeControl","min","max"],"sources":["@wordpress/block-library/src/post-excerpt/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useEntityProp, store as coreStore } from '@wordpress/core-data';\nimport { useMemo } from '@wordpress/element';\nimport {\n\tAlignmentToolbar,\n\tBlockControls,\n\tInspectorControls,\n\tRichText,\n\tWarning,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport { PanelBody, ToggleControl, RangeControl } from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { useCanEditEntity } from '../utils/hooks';\n\nconst ELLIPSIS = '…';\n\nexport default function PostExcerptEditor( {\n\tattributes: { textAlign, moreText, showMoreOnNewLine, excerptLength },\n\tsetAttributes,\n\tisSelected,\n\tcontext: { postId, postType, queryId },\n} ) {\n\tconst isDescendentOfQueryLoop = Number.isFinite( queryId );\n\tconst userCanEdit = useCanEditEntity( 'postType', postType, postId );\n\tconst [\n\t\trawExcerpt,\n\t\tsetExcerpt,\n\t\t{ rendered: renderedExcerpt, protected: isProtected } = {},\n\t] = useEntityProp( 'postType', postType, 'excerpt', postId );\n\n\t/**\n\t * Check if the post type supports excerpts.\n\t * Add an exception and return early for the \"page\" post type,\n\t * which is registered without support for the excerpt UI,\n\t * but supports saving the excerpt to the database.\n\t * See: https://core.trac.wordpress.org/browser/branches/6.1/src/wp-includes/post.php#L65\n\t * Without this exception, users that have excerpts saved to the database will\n\t * not be able to edit the excerpts.\n\t */\n\tconst postTypeSupportsExcerpts = useSelect(\n\t\t( select ) => {\n\t\t\tif ( postType === 'page' ) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t\treturn !! select( coreStore ).getPostType( postType )?.supports\n\t\t\t\t?.excerpt;\n\t\t},\n\t\t[ postType ]\n\t);\n\n\t/**\n\t * The excerpt is editable if:\n\t * - The user can edit the post\n\t * - It is not a descendent of a Query Loop block\n\t * - The post type supports excerpts\n\t */\n\tconst isEditable =\n\t\tuserCanEdit && ! isDescendentOfQueryLoop && postTypeSupportsExcerpts;\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: clsx( {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t} ),\n\t} );\n\n\t/**\n\t * translators: If your word count is based on single characters (e.g. East Asian characters),\n\t * enter 'characters_excluding_spaces' or 'characters_including_spaces'. Otherwise, enter 'words'.\n\t * Do not translate into your own language.\n\t */\n\tconst wordCountType = _x( 'words', 'Word count type. Do not translate!' );\n\n\t/**\n\t * When excerpt is editable, strip the html tags from\n\t * rendered excerpt. This will be used if the entity's\n\t * excerpt has been produced from the content.\n\t */\n\tconst strippedRenderedExcerpt = useMemo( () => {\n\t\tif ( ! renderedExcerpt ) {\n\t\t\treturn '';\n\t\t}\n\t\tconst document = new window.DOMParser().parseFromString(\n\t\t\trenderedExcerpt,\n\t\t\t'text/html'\n\t\t);\n\t\treturn document.body.textContent || document.body.innerText || '';\n\t}, [ renderedExcerpt ] );\n\n\tif ( ! postType || ! postId ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<BlockControls>\n\t\t\t\t\t<AlignmentToolbar\n\t\t\t\t\t\tvalue={ textAlign }\n\t\t\t\t\t\tonChange={ ( newAlign ) =>\n\t\t\t\t\t\t\tsetAttributes( { textAlign: newAlign } )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</BlockControls>\n\t\t\t\t<div { ...blockProps }>\n\t\t\t\t\t<p>{ __( 'This block will display the excerpt.' ) }</p>\n\t\t\t\t</div>\n\t\t\t</>\n\t\t);\n\t}\n\tif ( isProtected && ! userCanEdit ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Warning>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'The content is currently protected and does not have the available excerpt.'\n\t\t\t\t\t) }\n\t\t\t\t</Warning>\n\t\t\t</div>\n\t\t);\n\t}\n\tconst readMoreLink = (\n\t\t<RichText\n\t\t\tidentifier=\"moreText\"\n\t\t\tclassName=\"wp-block-post-excerpt__more-link\"\n\t\t\ttagName=\"a\"\n\t\t\taria-label={ __( '“Read more” link text' ) }\n\t\t\tplaceholder={ __( 'Add \"read more\" link text' ) }\n\t\t\tvalue={ moreText }\n\t\t\tonChange={ ( newMoreText ) =>\n\t\t\t\tsetAttributes( { moreText: newMoreText } )\n\t\t\t}\n\t\t\twithoutInteractiveFormatting\n\t\t/>\n\t);\n\tconst excerptClassName = clsx( 'wp-block-post-excerpt__excerpt', {\n\t\t'is-inline': ! showMoreOnNewLine,\n\t} );\n\n\t/**\n\t * The excerpt length setting needs to be applied to both\n\t * the raw and the rendered excerpt depending on which is being used.\n\t */\n\tconst rawOrRenderedExcerpt = (\n\t\trawExcerpt || strippedRenderedExcerpt\n\t).trim();\n\n\tlet trimmedExcerpt = '';\n\tif ( wordCountType === 'words' ) {\n\t\ttrimmedExcerpt = rawOrRenderedExcerpt\n\t\t\t.split( ' ', excerptLength )\n\t\t\t.join( ' ' );\n\t} else if ( wordCountType === 'characters_excluding_spaces' ) {\n\t\t/*\n\t\t * 1. Split the excerpt at the character limit,\n\t\t * then join the substrings back into one string.\n\t\t * 2. Count the number of spaces in the excerpt\n\t\t * by comparing the lengths of the string with and without spaces.\n\t\t * 3. Add the number to the length of the visible excerpt,\n\t\t * so that the spaces are excluded from the word count.\n\t\t */\n\t\tconst excerptWithSpaces = rawOrRenderedExcerpt\n\t\t\t.split( '', excerptLength )\n\t\t\t.join( '' );\n\n\t\tconst numberOfSpaces =\n\t\t\texcerptWithSpaces.length -\n\t\t\texcerptWithSpaces.replaceAll( ' ', '' ).length;\n\n\t\ttrimmedExcerpt = rawOrRenderedExcerpt\n\t\t\t.split( '', excerptLength + numberOfSpaces )\n\t\t\t.join( '' );\n\t} else if ( wordCountType === 'characters_including_spaces' ) {\n\t\ttrimmedExcerpt = rawOrRenderedExcerpt\n\t\t\t.split( '', excerptLength )\n\t\t\t.join( '' );\n\t}\n\n\tconst isTrimmed = trimmedExcerpt !== rawOrRenderedExcerpt;\n\n\tconst excerptContent = isEditable ? (\n\t\t<RichText\n\t\t\tclassName={ excerptClassName }\n\t\t\taria-label={ __( 'Excerpt text' ) }\n\t\t\tvalue={\n\t\t\t\tisSelected\n\t\t\t\t\t? rawOrRenderedExcerpt\n\t\t\t\t\t: ( ! isTrimmed\n\t\t\t\t\t\t\t? rawOrRenderedExcerpt\n\t\t\t\t\t\t\t: trimmedExcerpt + ELLIPSIS ) ||\n\t\t\t\t\t  __( 'No excerpt found' )\n\t\t\t}\n\t\t\tonChange={ setExcerpt }\n\t\t\ttagName=\"p\"\n\t\t/>\n\t) : (\n\t\t<p className={ excerptClassName }>\n\t\t\t{ ! isTrimmed\n\t\t\t\t? rawOrRenderedExcerpt || __( 'No excerpt found' )\n\t\t\t\t: trimmedExcerpt + ELLIPSIS }\n\t\t</p>\n\t);\n\treturn (\n\t\t<>\n\t\t\t<BlockControls>\n\t\t\t\t<AlignmentToolbar\n\t\t\t\t\tvalue={ textAlign }\n\t\t\t\t\tonChange={ ( newAlign ) =>\n\t\t\t\t\t\tsetAttributes( { textAlign: newAlign } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Show link on new line' ) }\n\t\t\t\t\t\tchecked={ showMoreOnNewLine }\n\t\t\t\t\t\tonChange={ ( newShowMoreOnNewLine ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tshowMoreOnNewLine: newShowMoreOnNewLine,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\tlabel={ __( 'Max number of words' ) }\n\t\t\t\t\t\tvalue={ excerptLength }\n\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\tsetAttributes( { excerptLength: value } );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tmin=\"10\"\n\t\t\t\t\t\tmax=\"100\"\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t<div { ...blockProps }>\n\t\t\t\t{ excerptContent }\n\t\t\t\t{ ! showMoreOnNewLine && ' ' }\n\t\t\t\t{ showMoreOnNewLine ? (\n\t\t\t\t\t<p className=\"wp-block-post-excerpt__more-text\">\n\t\t\t\t\t\t{ readMoreLink }\n\t\t\t\t\t</p>\n\t\t\t\t) : (\n\t\t\t\t\treadMoreLink\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/post-featured-image/dimension-controls.js

@@ -4,25 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _blockEditor = require("@wordpress/block-editor");
 var _data = require("@wordpress/data");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
 
-const SCALE_OPTIONS = (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.__experimentalToggleGroupControlOption, {
-  value: "cover",
-  label: (0, _i18n._x)('Cover', 'Scale option for Image dimension control')
-}), (0, _react.createElement)(_components.__experimentalToggleGroupControlOption, {
-  value: "contain",
-  label: (0, _i18n._x)('Contain', 'Scale option for Image dimension control')
-}), (0, _react.createElement)(_components.__experimentalToggleGroupControlOption, {
-  value: "fill",
-  label: (0, _i18n._x)('Fill', 'Scale option for Image dimension control')
-}));
+const SCALE_OPTIONS = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControlOption, {
+    value: "cover",
+    label: (0, _i18n._x)('Cover', 'Scale option for Image dimension control')
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControlOption, {
+    value: "contain",
+    label: (0, _i18n._x)('Contain', 'Scale option for Image dimension control')
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControlOption, {
+    value: "fill",
+    label: (0, _i18n._x)('Fill', 'Scale option for Image dimension control')
+  })]
+});
 const DEFAULT_SCALE = 'cover';
 const DEFAULT_SIZE = 'full';
 const scaleHelp = {
@@ -42,7 +44,7 @@ const DimensionControls = ({
   setAttributes,
   media
 }) => {
-  const [availableUnits] = (0, _blockEditor.useSettings)('spacing.units');
+  const [availableUnits, defaultRatios, themeRatios, showDefaultRatios] = (0, _blockEditor.useSettings)('spacing.units', 'dimensions.aspectRatios.default', 'dimensions.aspectRatios.theme', 'dimensions.defaultAspectRatios');
   const units = (0, _components.__experimentalUseCustomUnits)({
     availableUnits: availableUnits || ['px', '%', 'vw', 'em', 'rem']
   });
@@ -74,130 +76,130 @@ const DimensionControls = ({
   };
   const scaleLabel = (0, _i18n._x)('Scale', 'Image scaling options');
   const showScaleControl = height || aspectRatio && aspectRatio !== 'auto';
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.__experimentalToolsPanelItem, {
-    hasValue: () => !!aspectRatio,
-    label: (0, _i18n.__)('Aspect ratio'),
-    onDeselect: () => setAttributes({
-      aspectRatio: undefined
-    }),
-    resetAllFilter: () => ({
-      aspectRatio: undefined
-    }),
-    isShownByDefault: true,
-    panelId: clientId
-  }, (0, _react.createElement)(_components.SelectControl, {
-    __nextHasNoMarginBottom: true,
-    label: (0, _i18n.__)('Aspect ratio'),
-    value: aspectRatio,
-    options: [
-    // These should use the same values as AspectRatioDropdown in @wordpress/block-editor
-    {
-      label: (0, _i18n.__)('Original'),
-      value: 'auto'
-    }, {
-      label: (0, _i18n.__)('Square'),
-      value: '1'
-    }, {
-      label: (0, _i18n.__)('16:9'),
-      value: '16/9'
-    }, {
-      label: (0, _i18n.__)('4:3'),
-      value: '4/3'
-    }, {
-      label: (0, _i18n.__)('3:2'),
-      value: '3/2'
-    }, {
-      label: (0, _i18n.__)('9:16'),
-      value: '9/16'
-    }, {
-      label: (0, _i18n.__)('3:4'),
-      value: '3/4'
-    }, {
-      label: (0, _i18n.__)('2:3'),
-      value: '2/3'
-    }],
-    onChange: nextAspectRatio => setAttributes({
-      aspectRatio: nextAspectRatio
-    })
-  })), (0, _react.createElement)(_components.__experimentalToolsPanelItem, {
-    className: "single-column",
-    hasValue: () => !!height,
-    label: (0, _i18n.__)('Height'),
-    onDeselect: () => setAttributes({
-      height: undefined
-    }),
-    resetAllFilter: () => ({
-      height: undefined
-    }),
-    isShownByDefault: true,
-    panelId: clientId
-  }, (0, _react.createElement)(_components.__experimentalUnitControl, {
-    label: (0, _i18n.__)('Height'),
-    labelPosition: "top",
-    value: height || '',
-    min: 0,
-    onChange: nextHeight => onDimensionChange('height', nextHeight),
-    units: units
-  })), (0, _react.createElement)(_components.__experimentalToolsPanelItem, {
-    className: "single-column",
-    hasValue: () => !!width,
-    label: (0, _i18n.__)('Width'),
-    onDeselect: () => setAttributes({
-      width: undefined
-    }),
-    resetAllFilter: () => ({
-      width: undefined
-    }),
-    isShownByDefault: true,
-    panelId: clientId
-  }, (0, _react.createElement)(_components.__experimentalUnitControl, {
-    label: (0, _i18n.__)('Width'),
-    labelPosition: "top",
-    value: width || '',
-    min: 0,
-    onChange: nextWidth => onDimensionChange('width', nextWidth),
-    units: units
-  })), showScaleControl && (0, _react.createElement)(_components.__experimentalToolsPanelItem, {
-    hasValue: () => !!scale && scale !== DEFAULT_SCALE,
-    label: scaleLabel,
-    onDeselect: () => setAttributes({
-      scale: DEFAULT_SCALE
-    }),
-    resetAllFilter: () => ({
-      scale: DEFAULT_SCALE
-    }),
-    isShownByDefault: true,
-    panelId: clientId
-  }, (0, _react.createElement)(_components.__experimentalToggleGroupControl, {
-    __nextHasNoMarginBottom: true,
-    label: scaleLabel,
-    value: scale,
-    help: scaleHelp[scale],
-    onChange: value => setAttributes({
-      scale: value
-    }),
-    isBlock: true
-  }, SCALE_OPTIONS)), !!imageSizeOptions.length && (0, _react.createElement)(_components.__experimentalToolsPanelItem, {
-    hasValue: () => !!sizeSlug,
-    label: (0, _i18n.__)('Resolution'),
-    onDeselect: () => setAttributes({
-      sizeSlug: undefined
-    }),
-    resetAllFilter: () => ({
-      sizeSlug: undefined
-    }),
-    isShownByDefault: false,
-    panelId: clientId
-  }, (0, _react.createElement)(_components.SelectControl, {
-    __nextHasNoMarginBottom: true,
-    label: (0, _i18n.__)('Resolution'),
-    value: sizeSlug || DEFAULT_SIZE,
-    options: imageSizeOptions,
-    onChange: nextSizeSlug => setAttributes({
-      sizeSlug: nextSizeSlug
-    }),
-    help: (0, _i18n.__)('Select the size of the source image.')
-  })));
+  const themeOptions = themeRatios?.map(({
+    name,
+    ratio
+  }) => ({
+    label: name,
+    value: ratio
+  }));
+  const defaultOptions = defaultRatios?.map(({
+    name,
+    ratio
+  }) => ({
+    label: name,
+    value: ratio
+  }));
+  const aspectRatioOptions = [{
+    label: (0, _i18n._x)('Original', 'Aspect ratio option for dimensions control'),
+    value: 'auto'
+  }, ...(showDefaultRatios ? defaultOptions : []), ...(themeOptions ? themeOptions : [])];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
+      hasValue: () => !!aspectRatio,
+      label: (0, _i18n.__)('Aspect ratio'),
+      onDeselect: () => setAttributes({
+        aspectRatio: undefined
+      }),
+      resetAllFilter: () => ({
+        aspectRatio: undefined
+      }),
+      isShownByDefault: true,
+      panelId: clientId,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SelectControl, {
+        __nextHasNoMarginBottom: true,
+        label: (0, _i18n.__)('Aspect ratio'),
+        value: aspectRatio,
+        options: aspectRatioOptions,
+        onChange: nextAspectRatio => setAttributes({
+          aspectRatio: nextAspectRatio
+        })
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
+      className: "single-column",
+      hasValue: () => !!height,
+      label: (0, _i18n.__)('Height'),
+      onDeselect: () => setAttributes({
+        height: undefined
+      }),
+      resetAllFilter: () => ({
+        height: undefined
+      }),
+      isShownByDefault: true,
+      panelId: clientId,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalUnitControl, {
+        label: (0, _i18n.__)('Height'),
+        labelPosition: "top",
+        value: height || '',
+        min: 0,
+        onChange: nextHeight => onDimensionChange('height', nextHeight),
+        units: units
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
+      className: "single-column",
+      hasValue: () => !!width,
+      label: (0, _i18n.__)('Width'),
+      onDeselect: () => setAttributes({
+        width: undefined
+      }),
+      resetAllFilter: () => ({
+        width: undefined
+      }),
+      isShownByDefault: true,
+      panelId: clientId,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalUnitControl, {
+        label: (0, _i18n.__)('Width'),
+        labelPosition: "top",
+        value: width || '',
+        min: 0,
+        onChange: nextWidth => onDimensionChange('width', nextWidth),
+        units: units
+      })
+    }), showScaleControl && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
+      hasValue: () => !!scale && scale !== DEFAULT_SCALE,
+      label: scaleLabel,
+      onDeselect: () => setAttributes({
+        scale: DEFAULT_SCALE
+      }),
+      resetAllFilter: () => ({
+        scale: DEFAULT_SCALE
+      }),
+      isShownByDefault: true,
+      panelId: clientId,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControl, {
+        __nextHasNoMarginBottom: true,
+        label: scaleLabel,
+        value: scale,
+        help: scaleHelp[scale],
+        onChange: value => setAttributes({
+          scale: value
+        }),
+        isBlock: true,
+        children: SCALE_OPTIONS
+      })
+    }), !!imageSizeOptions.length && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
+      hasValue: () => !!sizeSlug,
+      label: (0, _i18n.__)('Resolution'),
+      onDeselect: () => setAttributes({
+        sizeSlug: undefined
+      }),
+      resetAllFilter: () => ({
+        sizeSlug: undefined
+      }),
+      isShownByDefault: false,
+      panelId: clientId,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SelectControl, {
+        __nextHasNoMarginBottom: true,
+        label: (0, _i18n.__)('Resolution'),
+        value: sizeSlug || DEFAULT_SIZE,
+        options: imageSizeOptions,
+        onChange: nextSizeSlug => setAttributes({
+          sizeSlug: nextSizeSlug
+        }),
+        help: (0, _i18n.__)('Select the size of the source image.')
+      })
+    })]
+  });
 };
 var _default = exports.default = DimensionControls;
 //# sourceMappingURL=dimension-controls.js.map

package/build/post-featured-image/dimension-controls.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_components","_blockEditor","_data","SCALE_OPTIONS","_react","createElement","Fragment","__experimentalToggleGroupControlOption","value","label","_x","DEFAULT_SCALE","DEFAULT_SIZE","scaleHelp","cover","__","contain","fill","DimensionControls","clientId","attributes","aspectRatio","width","height","scale","sizeSlug","setAttributes","media","availableUnits","useSettings","units","useCustomUnits","imageSizes","useSelect","select","blockEditorStore","getSettings","imageSizeOptions","filter","slug","media_details","sizes","source_url","map","name","onDimensionChange","dimension","nextValue","parsedValue","parseFloat","isNaN","scaleLabel","showScaleControl","__experimentalToolsPanelItem","hasValue","onDeselect","undefined","resetAllFilter","isShownByDefault","panelId","SelectControl","__nextHasNoMarginBottom","options","onChange","nextAspectRatio","className","__experimentalUnitControl","labelPosition","min","nextHeight","nextWidth","__experimentalToggleGroupControl","help","isBlock","length","nextSizeSlug","_default","exports","default"],"sources":["@wordpress/block-library/src/post-featured-image/dimension-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\tSelectControl,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport {\n\tuseSettings,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\n\nconst SCALE_OPTIONS = (\n\t<>\n\t\t<ToggleGroupControlOption\n\t\t\tvalue=\"cover\"\n\t\t\tlabel={ _x( 'Cover', 'Scale option for Image dimension control' ) }\n\t\t/>\n\t\t<ToggleGroupControlOption\n\t\t\tvalue=\"contain\"\n\t\t\tlabel={ _x(\n\t\t\t\t'Contain',\n\t\t\t\t'Scale option for Image dimension control'\n\t\t\t) }\n\t\t/>\n\t\t<ToggleGroupControlOption\n\t\t\tvalue=\"fill\"\n\t\t\tlabel={ _x( 'Fill', 'Scale option for Image dimension control' ) }\n\t\t/>\n\t</>\n);\n\nconst DEFAULT_SCALE = 'cover';\nconst DEFAULT_SIZE = 'full';\n\nconst scaleHelp = {\n\tcover: __(\n\t\t'Image is scaled and cropped to fill the entire space without being distorted.'\n\t),\n\tcontain: __(\n\t\t'Image is scaled to fill the space without clipping nor distorting.'\n\t),\n\tfill: __(\n\t\t'Image will be stretched and distorted to completely fill the space.'\n\t),\n};\n\nconst DimensionControls = ( {\n\tclientId,\n\tattributes: { aspectRatio, width, height, scale, sizeSlug },\n\tsetAttributes,\n\tmedia,\n} ) => {\n\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [ 'px', '%', 'vw', 'em', 'rem' ],\n\t} );\n\tconst imageSizes = useSelect(\n\t\t( select ) => select( blockEditorStore ).getSettings().imageSizes,\n\t\t[]\n\t);\n\tconst imageSizeOptions = imageSizes\n\t\t.filter( ( { slug } ) => {\n\t\t\treturn media?.media_details?.sizes?.[ slug ]?.source_url;\n\t\t} )\n\t\t.map( ( { name, slug } ) => ( {\n\t\t\tvalue: slug,\n\t\t\tlabel: name,\n\t\t} ) );\n\n\tconst onDimensionChange = ( dimension, nextValue ) => {\n\t\tconst parsedValue = parseFloat( nextValue );\n\t\t/**\n\t\t * If we have no value set and we change the unit,\n\t\t * we don't want to set the attribute, as it would\n\t\t * end up having the unit as value without any number.\n\t\t */\n\t\tif ( isNaN( parsedValue ) && nextValue ) {\n\t\t\treturn;\n\t\t}\n\t\tsetAttributes( {\n\t\t\t[ dimension ]: parsedValue < 0 ? '0' : nextValue,\n\t\t} );\n\t};\n\tconst scaleLabel = _x( 'Scale', 'Image scaling options' );\n\n\tconst showScaleControl =\n\t\theight || ( aspectRatio && aspectRatio !== 'auto' );\n\n\treturn (\n\t\t<>\n\t\t\t<ToolsPanelItem\n\t\t\t\thasValue={ () => !! aspectRatio }\n\t\t\t\tlabel={ __( 'Aspect ratio' ) }\n\t\t\t\tonDeselect={ () => setAttributes( { aspectRatio: undefined } ) }\n\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\taspectRatio: undefined,\n\t\t\t\t} ) }\n\t\t\t\tisShownByDefault\n\t\t\t\tpanelId={ clientId }\n\t\t\t>\n\t\t\t\t<SelectControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Aspect ratio' ) }\n\t\t\t\t\tvalue={ aspectRatio }\n\t\t\t\t\toptions={ [\n\t\t\t\t\t\t// These should use the same values as AspectRatioDropdown in @wordpress/block-editor\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( 'Original' ),\n\t\t\t\t\t\t\tvalue: 'auto',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( 'Square' ),\n\t\t\t\t\t\t\tvalue: '1',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( '16:9' ),\n\t\t\t\t\t\t\tvalue: '16/9',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( '4:3' ),\n\t\t\t\t\t\t\tvalue: '4/3',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( '3:2' ),\n\t\t\t\t\t\t\tvalue: '3/2',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( '9:16' ),\n\t\t\t\t\t\t\tvalue: '9/16',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( '3:4' ),\n\t\t\t\t\t\t\tvalue: '3/4',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( '2:3' ),\n\t\t\t\t\t\t\tvalue: '2/3',\n\t\t\t\t\t\t},\n\t\t\t\t\t] }\n\t\t\t\t\tonChange={ ( nextAspectRatio ) =>\n\t\t\t\t\t\tsetAttributes( { aspectRatio: nextAspectRatio } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tclassName=\"single-column\"\n\t\t\t\thasValue={ () => !! height }\n\t\t\t\tlabel={ __( 'Height' ) }\n\t\t\t\tonDeselect={ () => setAttributes( { height: undefined } ) }\n\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\theight: undefined,\n\t\t\t\t} ) }\n\t\t\t\tisShownByDefault\n\t\t\t\tpanelId={ clientId }\n\t\t\t>\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ __( 'Height' ) }\n\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\tvalue={ height || '' }\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tonChange={ ( nextHeight ) =>\n\t\t\t\t\t\tonDimensionChange( 'height', nextHeight )\n\t\t\t\t\t}\n\t\t\t\t\tunits={ units }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tclassName=\"single-column\"\n\t\t\t\thasValue={ () => !! width }\n\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\tonDeselect={ () => setAttributes( { width: undefined } ) }\n\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\twidth: undefined,\n\t\t\t\t} ) }\n\t\t\t\tisShownByDefault\n\t\t\t\tpanelId={ clientId }\n\t\t\t>\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\tvalue={ width || '' }\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tonChange={ ( nextWidth ) =>\n\t\t\t\t\t\tonDimensionChange( 'width', nextWidth )\n\t\t\t\t\t}\n\t\t\t\t\tunits={ units }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t{ showScaleControl && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\thasValue={ () => !! scale && scale !== DEFAULT_SCALE }\n\t\t\t\t\tlabel={ scaleLabel }\n\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tscale: DEFAULT_SCALE,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\t\tscale: DEFAULT_SCALE,\n\t\t\t\t\t} ) }\n\t\t\t\t\tisShownByDefault\n\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t>\n\t\t\t\t\t<ToggleGroupControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ scaleLabel }\n\t\t\t\t\t\tvalue={ scale }\n\t\t\t\t\t\thelp={ scaleHelp[ scale ] }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tscale: value,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisBlock\n\t\t\t\t\t>\n\t\t\t\t\t\t{ SCALE_OPTIONS }\n\t\t\t\t\t</ToggleGroupControl>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ !! imageSizeOptions.length && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\thasValue={ () => !! sizeSlug }\n\t\t\t\t\tlabel={ __( 'Resolution' ) }\n\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\tsetAttributes( { sizeSlug: undefined } )\n\t\t\t\t\t}\n\t\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\t\tsizeSlug: undefined,\n\t\t\t\t\t} ) }\n\t\t\t\t\tisShownByDefault={ false }\n\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t>\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Resolution' ) }\n\t\t\t\t\t\tvalue={ sizeSlug || DEFAULT_SIZE }\n\t\t\t\t\t\toptions={ imageSizeOptions }\n\t\t\t\t\t\tonChange={ ( nextSizeSlug ) =>\n\t\t\t\t\t\t\tsetAttributes( { sizeSlug: nextSizeSlug } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\thelp={ __( 'Select the size of the source image.' ) }\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t</>\n\t);\n};\n\nexport default DimensionControls;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAQA,IAAAE,YAAA,GAAAF,OAAA;AAIA,IAAAG,KAAA,GAAAH,OAAA;AAhBA;AACA;AACA;;AAgBA,MAAMI,aAAa,GAClB,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAO,sCAAwB;EACxBC,KAAK,EAAC,OAAO;EACbC,KAAK,EAAG,IAAAC,QAAE,EAAE,OAAO,EAAE,0CAA2C;AAAG,CACnE,CAAC,EACF,IAAAN,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAO,sCAAwB;EACxBC,KAAK,EAAC,SAAS;EACfC,KAAK,EAAG,IAAAC,QAAE,EACT,SAAS,EACT,0CACD;AAAG,CACH,CAAC,EACF,IAAAN,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAO,sCAAwB;EACxBC,KAAK,EAAC,MAAM;EACZC,KAAK,EAAG,IAAAC,QAAE,EAAE,MAAM,EAAE,0CAA2C;AAAG,CAClE,CACA,CACF;AAED,MAAMC,aAAa,GAAG,OAAO;AAC7B,MAAMC,YAAY,GAAG,MAAM;AAE3B,MAAMC,SAAS,GAAG;EACjBC,KAAK,EAAE,IAAAC,QAAE,EACR,+EACD,CAAC;EACDC,OAAO,EAAE,IAAAD,QAAE,EACV,oEACD,CAAC;EACDE,IAAI,EAAE,IAAAF,QAAE,EACP,qEACD;AACD,CAAC;AAED,MAAMG,iBAAiB,GAAGA,CAAE;EAC3BC,QAAQ;EACRC,UAAU,EAAE;IAAEC,WAAW;IAAEC,KAAK;IAAEC,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC;EAC3DC,aAAa;EACbC;AACD,CAAC,KAAM;EACN,MAAM,CAAEC,cAAc,CAAE,GAAG,IAAAC,wBAAW,EAAE,eAAgB,CAAC;EACzD,MAAMC,KAAK,GAAG,IAAAC,wCAAc,EAAE;IAC7BH,cAAc,EAAEA,cAAc,IAAI,CAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK;EACjE,CAAE,CAAC;EACH,MAAMI,UAAU,GAAG,IAAAC,eAAS,EACzBC,MAAM,IAAMA,MAAM,CAAEC,kBAAiB,CAAC,CAACC,WAAW,CAAC,CAAC,CAACJ,UAAU,EACjE,EACD,CAAC;EACD,MAAMK,gBAAgB,GAAGL,UAAU,CACjCM,MAAM,CAAE,CAAE;IAAEC;EAAK,CAAC,KAAM;IACxB,OAAOZ,KAAK,EAAEa,aAAa,EAAEC,KAAK,GAAIF,IAAI,CAAE,EAAEG,UAAU;EACzD,CAAE,CAAC,CACFC,GAAG,CAAE,CAAE;IAAEC,IAAI;IAAEL;EAAK,CAAC,MAAQ;IAC7B/B,KAAK,EAAE+B,IAAI;IACX9B,KAAK,EAAEmC;EACR,CAAC,CAAG,CAAC;EAEN,MAAMC,iBAAiB,GAAGA,CAAEC,SAAS,EAAEC,SAAS,KAAM;IACrD,MAAMC,WAAW,GAAGC,UAAU,CAAEF,SAAU,CAAC;IAC3C;AACF;AACA;AACA;AACA;IACE,IAAKG,KAAK,CAAEF,WAAY,CAAC,IAAID,SAAS,EAAG;MACxC;IACD;IACArB,aAAa,CAAE;MACd,CAAEoB,SAAS,GAAIE,WAAW,GAAG,CAAC,GAAG,GAAG,GAAGD;IACxC,CAAE,CAAC;EACJ,CAAC;EACD,MAAMI,UAAU,GAAG,IAAAzC,QAAE,EAAE,OAAO,EAAE,uBAAwB,CAAC;EAEzD,MAAM0C,gBAAgB,GACrB7B,MAAM,IAAMF,WAAW,IAAIA,WAAW,KAAK,MAAQ;EAEpD,OACC,IAAAjB,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAqD,4BAAc;IACdC,QAAQ,EAAGA,CAAA,KAAM,CAAC,CAAEjC,WAAa;IACjCZ,KAAK,EAAG,IAAAM,QAAE,EAAE,cAAe,CAAG;IAC9BwC,UAAU,EAAGA,CAAA,KAAM7B,aAAa,CAAE;MAAEL,WAAW,EAAEmC;IAAU,CAAE,CAAG;IAChEC,cAAc,EAAGA,CAAA,MAAQ;MACxBpC,WAAW,EAAEmC;IACd,CAAC,CAAI;IACLE,gBAAgB;IAChBC,OAAO,EAAGxC;EAAU,GAEpB,IAAAf,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAA4D,aAAa;IACbC,uBAAuB;IACvBpD,KAAK,EAAG,IAAAM,QAAE,EAAE,cAAe,CAAG;IAC9BP,KAAK,EAAGa,WAAa;IACrByC,OAAO,EAAG;IACT;IACA;MACCrD,KAAK,EAAE,IAAAM,QAAE,EAAE,UAAW,CAAC;MACvBP,KAAK,EAAE;IACR,CAAC,EACD;MACCC,KAAK,EAAE,IAAAM,QAAE,EAAE,QAAS,CAAC;MACrBP,KAAK,EAAE;IACR,CAAC,EACD;MACCC,KAAK,EAAE,IAAAM,QAAE,EAAE,MAAO,CAAC;MACnBP,KAAK,EAAE;IACR,CAAC,EACD;MACCC,KAAK,EAAE,IAAAM,QAAE,EAAE,KAAM,CAAC;MAClBP,KAAK,EAAE;IACR,CAAC,EACD;MACCC,KAAK,EAAE,IAAAM,QAAE,EAAE,KAAM,CAAC;MAClBP,KAAK,EAAE;IACR,CAAC,EACD;MACCC,KAAK,EAAE,IAAAM,QAAE,EAAE,MAAO,CAAC;MACnBP,KAAK,EAAE;IACR,CAAC,EACD;MACCC,KAAK,EAAE,IAAAM,QAAE,EAAE,KAAM,CAAC;MAClBP,KAAK,EAAE;IACR,CAAC,EACD;MACCC,KAAK,EAAE,IAAAM,QAAE,EAAE,KAAM,CAAC;MAClBP,KAAK,EAAE;IACR,CAAC,CACC;IACHuD,QAAQ,EAAKC,eAAe,IAC3BtC,aAAa,CAAE;MAAEL,WAAW,EAAE2C;IAAgB,CAAE;EAChD,CACD,CACc,CAAC,EACjB,IAAA5D,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAqD,4BAAc;IACdY,SAAS,EAAC,eAAe;IACzBX,QAAQ,EAAGA,CAAA,KAAM,CAAC,CAAE/B,MAAQ;IAC5Bd,KAAK,EAAG,IAAAM,QAAE,EAAE,QAAS,CAAG;IACxBwC,UAAU,EAAGA,CAAA,KAAM7B,aAAa,CAAE;MAAEH,MAAM,EAAEiC;IAAU,CAAE,CAAG;IAC3DC,cAAc,EAAGA,CAAA,MAAQ;MACxBlC,MAAM,EAAEiC;IACT,CAAC,CAAI;IACLE,gBAAgB;IAChBC,OAAO,EAAGxC;EAAU,GAEpB,IAAAf,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAkE,yBAAW;IACXzD,KAAK,EAAG,IAAAM,QAAE,EAAE,QAAS,CAAG;IACxBoD,aAAa,EAAC,KAAK;IACnB3D,KAAK,EAAGe,MAAM,IAAI,EAAI;IACtB6C,GAAG,EAAG,CAAG;IACTL,QAAQ,EAAKM,UAAU,IACtBxB,iBAAiB,CAAE,QAAQ,EAAEwB,UAAW,CACxC;IACDvC,KAAK,EAAGA;EAAO,CACf,CACc,CAAC,EACjB,IAAA1B,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAqD,4BAAc;IACdY,SAAS,EAAC,eAAe;IACzBX,QAAQ,EAAGA,CAAA,KAAM,CAAC,CAAEhC,KAAO;IAC3Bb,KAAK,EAAG,IAAAM,QAAE,EAAE,OAAQ,CAAG;IACvBwC,UAAU,EAAGA,CAAA,KAAM7B,aAAa,CAAE;MAAEJ,KAAK,EAAEkC;IAAU,CAAE,CAAG;IAC1DC,cAAc,EAAGA,CAAA,MAAQ;MACxBnC,KAAK,EAAEkC;IACR,CAAC,CAAI;IACLE,gBAAgB;IAChBC,OAAO,EAAGxC;EAAU,GAEpB,IAAAf,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAkE,yBAAW;IACXzD,KAAK,EAAG,IAAAM,QAAE,EAAE,OAAQ,CAAG;IACvBoD,aAAa,EAAC,KAAK;IACnB3D,KAAK,EAAGc,KAAK,IAAI,EAAI;IACrB8C,GAAG,EAAG,CAAG;IACTL,QAAQ,EAAKO,SAAS,IACrBzB,iBAAiB,CAAE,OAAO,EAAEyB,SAAU,CACtC;IACDxC,KAAK,EAAGA;EAAO,CACf,CACc,CAAC,EACfsB,gBAAgB,IACjB,IAAAhD,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAqD,4BAAc;IACdC,QAAQ,EAAGA,CAAA,KAAM,CAAC,CAAE9B,KAAK,IAAIA,KAAK,KAAKb,aAAe;IACtDF,KAAK,EAAG0C,UAAY;IACpBI,UAAU,EAAGA,CAAA,KACZ7B,aAAa,CAAE;MACdF,KAAK,EAAEb;IACR,CAAE,CACF;IACD8C,cAAc,EAAGA,CAAA,MAAQ;MACxBjC,KAAK,EAAEb;IACR,CAAC,CAAI;IACL+C,gBAAgB;IAChBC,OAAO,EAAGxC;EAAU,GAEpB,IAAAf,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAuE,gCAAkB;IAClBV,uBAAuB;IACvBpD,KAAK,EAAG0C,UAAY;IACpB3C,KAAK,EAAGgB,KAAO;IACfgD,IAAI,EAAG3D,SAAS,CAAEW,KAAK,CAAI;IAC3BuC,QAAQ,EAAKvD,KAAK,IACjBkB,aAAa,CAAE;MACdF,KAAK,EAAEhB;IACR,CAAE,CACF;IACDiE,OAAO;EAAA,GAELtE,aACiB,CACL,CAChB,EACC,CAAC,CAAEkC,gBAAgB,CAACqC,MAAM,IAC3B,IAAAtE,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAqD,4BAAc;IACdC,QAAQ,EAAGA,CAAA,KAAM,CAAC,CAAE7B,QAAU;IAC9BhB,KAAK,EAAG,IAAAM,QAAE,EAAE,YAAa,CAAG;IAC5BwC,UAAU,EAAGA,CAAA,KACZ7B,aAAa,CAAE;MAAED,QAAQ,EAAE+B;IAAU,CAAE,CACvC;IACDC,cAAc,EAAGA,CAAA,MAAQ;MACxBhC,QAAQ,EAAE+B;IACX,CAAC,CAAI;IACLE,gBAAgB,EAAG,KAAO;IAC1BC,OAAO,EAAGxC;EAAU,GAEpB,IAAAf,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAA4D,aAAa;IACbC,uBAAuB;IACvBpD,KAAK,EAAG,IAAAM,QAAE,EAAE,YAAa,CAAG;IAC5BP,KAAK,EAAGiB,QAAQ,IAAIb,YAAc;IAClCkD,OAAO,EAAGzB,gBAAkB;IAC5B0B,QAAQ,EAAKY,YAAY,IACxBjD,aAAa,CAAE;MAAED,QAAQ,EAAEkD;IAAa,CAAE,CAC1C;IACDH,IAAI,EAAG,IAAAzD,QAAE,EAAE,sCAAuC;EAAG,CACrD,CACc,CAEhB,CAAC;AAEL,CAAC;AAAC,IAAA6D,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEa5D,iBAAiB","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_components","_blockEditor","_data","_jsxRuntime","SCALE_OPTIONS","jsxs","Fragment","children","jsx","__experimentalToggleGroupControlOption","value","label","_x","DEFAULT_SCALE","DEFAULT_SIZE","scaleHelp","cover","__","contain","fill","DimensionControls","clientId","attributes","aspectRatio","width","height","scale","sizeSlug","setAttributes","media","availableUnits","defaultRatios","themeRatios","showDefaultRatios","useSettings","units","useCustomUnits","imageSizes","useSelect","select","blockEditorStore","getSettings","imageSizeOptions","filter","slug","media_details","sizes","source_url","map","name","onDimensionChange","dimension","nextValue","parsedValue","parseFloat","isNaN","scaleLabel","showScaleControl","themeOptions","ratio","defaultOptions","aspectRatioOptions","__experimentalToolsPanelItem","hasValue","onDeselect","undefined","resetAllFilter","isShownByDefault","panelId","SelectControl","__nextHasNoMarginBottom","options","onChange","nextAspectRatio","className","__experimentalUnitControl","labelPosition","min","nextHeight","nextWidth","__experimentalToggleGroupControl","help","isBlock","length","nextSizeSlug","_default","exports","default"],"sources":["@wordpress/block-library/src/post-featured-image/dimension-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\tSelectControl,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport {\n\tuseSettings,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\n\nconst SCALE_OPTIONS = (\n\t<>\n\t\t<ToggleGroupControlOption\n\t\t\tvalue=\"cover\"\n\t\t\tlabel={ _x( 'Cover', 'Scale option for Image dimension control' ) }\n\t\t/>\n\t\t<ToggleGroupControlOption\n\t\t\tvalue=\"contain\"\n\t\t\tlabel={ _x(\n\t\t\t\t'Contain',\n\t\t\t\t'Scale option for Image dimension control'\n\t\t\t) }\n\t\t/>\n\t\t<ToggleGroupControlOption\n\t\t\tvalue=\"fill\"\n\t\t\tlabel={ _x( 'Fill', 'Scale option for Image dimension control' ) }\n\t\t/>\n\t</>\n);\n\nconst DEFAULT_SCALE = 'cover';\nconst DEFAULT_SIZE = 'full';\n\nconst scaleHelp = {\n\tcover: __(\n\t\t'Image is scaled and cropped to fill the entire space without being distorted.'\n\t),\n\tcontain: __(\n\t\t'Image is scaled to fill the space without clipping nor distorting.'\n\t),\n\tfill: __(\n\t\t'Image will be stretched and distorted to completely fill the space.'\n\t),\n};\n\nconst DimensionControls = ( {\n\tclientId,\n\tattributes: { aspectRatio, width, height, scale, sizeSlug },\n\tsetAttributes,\n\tmedia,\n} ) => {\n\tconst [ availableUnits, defaultRatios, themeRatios, showDefaultRatios ] =\n\t\tuseSettings(\n\t\t\t'spacing.units',\n\t\t\t'dimensions.aspectRatios.default',\n\t\t\t'dimensions.aspectRatios.theme',\n\t\t\t'dimensions.defaultAspectRatios'\n\t\t);\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [ 'px', '%', 'vw', 'em', 'rem' ],\n\t} );\n\tconst imageSizes = useSelect(\n\t\t( select ) => select( blockEditorStore ).getSettings().imageSizes,\n\t\t[]\n\t);\n\tconst imageSizeOptions = imageSizes\n\t\t.filter( ( { slug } ) => {\n\t\t\treturn media?.media_details?.sizes?.[ slug ]?.source_url;\n\t\t} )\n\t\t.map( ( { name, slug } ) => ( {\n\t\t\tvalue: slug,\n\t\t\tlabel: name,\n\t\t} ) );\n\n\tconst onDimensionChange = ( dimension, nextValue ) => {\n\t\tconst parsedValue = parseFloat( nextValue );\n\t\t/**\n\t\t * If we have no value set and we change the unit,\n\t\t * we don't want to set the attribute, as it would\n\t\t * end up having the unit as value without any number.\n\t\t */\n\t\tif ( isNaN( parsedValue ) && nextValue ) {\n\t\t\treturn;\n\t\t}\n\t\tsetAttributes( {\n\t\t\t[ dimension ]: parsedValue < 0 ? '0' : nextValue,\n\t\t} );\n\t};\n\tconst scaleLabel = _x( 'Scale', 'Image scaling options' );\n\n\tconst showScaleControl =\n\t\theight || ( aspectRatio && aspectRatio !== 'auto' );\n\n\tconst themeOptions = themeRatios?.map( ( { name, ratio } ) => ( {\n\t\tlabel: name,\n\t\tvalue: ratio,\n\t} ) );\n\n\tconst defaultOptions = defaultRatios?.map( ( { name, ratio } ) => ( {\n\t\tlabel: name,\n\t\tvalue: ratio,\n\t} ) );\n\n\tconst aspectRatioOptions = [\n\t\t{\n\t\t\tlabel: _x(\n\t\t\t\t'Original',\n\t\t\t\t'Aspect ratio option for dimensions control'\n\t\t\t),\n\t\t\tvalue: 'auto',\n\t\t},\n\t\t...( showDefaultRatios ? defaultOptions : [] ),\n\t\t...( themeOptions ? themeOptions : [] ),\n\t];\n\n\treturn (\n\t\t<>\n\t\t\t<ToolsPanelItem\n\t\t\t\thasValue={ () => !! aspectRatio }\n\t\t\t\tlabel={ __( 'Aspect ratio' ) }\n\t\t\t\tonDeselect={ () => setAttributes( { aspectRatio: undefined } ) }\n\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\taspectRatio: undefined,\n\t\t\t\t} ) }\n\t\t\t\tisShownByDefault\n\t\t\t\tpanelId={ clientId }\n\t\t\t>\n\t\t\t\t<SelectControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Aspect ratio' ) }\n\t\t\t\t\tvalue={ aspectRatio }\n\t\t\t\t\toptions={ aspectRatioOptions }\n\t\t\t\t\tonChange={ ( nextAspectRatio ) =>\n\t\t\t\t\t\tsetAttributes( { aspectRatio: nextAspectRatio } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tclassName=\"single-column\"\n\t\t\t\thasValue={ () => !! height }\n\t\t\t\tlabel={ __( 'Height' ) }\n\t\t\t\tonDeselect={ () => setAttributes( { height: undefined } ) }\n\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\theight: undefined,\n\t\t\t\t} ) }\n\t\t\t\tisShownByDefault\n\t\t\t\tpanelId={ clientId }\n\t\t\t>\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ __( 'Height' ) }\n\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\tvalue={ height || '' }\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tonChange={ ( nextHeight ) =>\n\t\t\t\t\t\tonDimensionChange( 'height', nextHeight )\n\t\t\t\t\t}\n\t\t\t\t\tunits={ units }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tclassName=\"single-column\"\n\t\t\t\thasValue={ () => !! width }\n\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\tonDeselect={ () => setAttributes( { width: undefined } ) }\n\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\twidth: undefined,\n\t\t\t\t} ) }\n\t\t\t\tisShownByDefault\n\t\t\t\tpanelId={ clientId }\n\t\t\t>\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\tvalue={ width || '' }\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tonChange={ ( nextWidth ) =>\n\t\t\t\t\t\tonDimensionChange( 'width', nextWidth )\n\t\t\t\t\t}\n\t\t\t\t\tunits={ units }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t{ showScaleControl && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\thasValue={ () => !! scale && scale !== DEFAULT_SCALE }\n\t\t\t\t\tlabel={ scaleLabel }\n\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tscale: DEFAULT_SCALE,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\t\tscale: DEFAULT_SCALE,\n\t\t\t\t\t} ) }\n\t\t\t\t\tisShownByDefault\n\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t>\n\t\t\t\t\t<ToggleGroupControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ scaleLabel }\n\t\t\t\t\t\tvalue={ scale }\n\t\t\t\t\t\thelp={ scaleHelp[ scale ] }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tscale: value,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisBlock\n\t\t\t\t\t>\n\t\t\t\t\t\t{ SCALE_OPTIONS }\n\t\t\t\t\t</ToggleGroupControl>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ !! imageSizeOptions.length && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\thasValue={ () => !! sizeSlug }\n\t\t\t\t\tlabel={ __( 'Resolution' ) }\n\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\tsetAttributes( { sizeSlug: undefined } )\n\t\t\t\t\t}\n\t\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\t\tsizeSlug: undefined,\n\t\t\t\t\t} ) }\n\t\t\t\t\tisShownByDefault={ false }\n\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t>\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Resolution' ) }\n\t\t\t\t\t\tvalue={ sizeSlug || DEFAULT_SIZE }\n\t\t\t\t\t\toptions={ imageSizeOptions }\n\t\t\t\t\t\tonChange={ ( nextSizeSlug ) =>\n\t\t\t\t\t\t\tsetAttributes( { sizeSlug: nextSizeSlug } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\thelp={ __( 'Select the size of the source image.' ) }\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t</>\n\t);\n};\n\nexport default DimensionControls;\n"],"mappings":"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","ignoreList":[]}