@wordpress/block-library 9.22.0 → 9.23.0

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 ## Unreleased
 
+## 9.23.0 (2025-05-07)
+
 ## 9.22.0 (2025-04-11)
 
 ## 9.21.0 (2025-03-27)

package/build/calendar/index.js

@@ -34,6 +34,7 @@ const metadata = exports.metadata = {
   },
   supports: {
     align: true,
+    html: false,
     color: {
       link: true,
       __experimentalSkipSerialization: ["text", "background"],

package/build/calendar/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_icons","require","_initBlock","_interopRequireDefault","_edit","_transforms","metadata","exports","$schema","apiVersion","name","title","category","description","keywords","textdomain","attributes","month","type","year","supports","align","color","link","__experimentalSkipSerialization","__experimentalDefaultControls","background","text","__experimentalSelector","typography","fontSize","lineHeight","__experimentalFontFamily","__experimentalFontWeight","__experimentalFontStyle","__experimentalTextTransform","__experimentalLetterSpacing","interactivity","clientNavigation","style","settings","icon","example","edit","transforms","init","initBlock"],"sources":["@wordpress/block-library/src/calendar/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { calendar as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport metadata from './block.json';\nimport edit from './edit';\nimport transforms from './transforms';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {},\n\tedit,\n\ttransforms,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":";;;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AAKA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,KAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,WAAA,GAAAF,sBAAA,CAAAF,OAAA;AAXA;AACA;AACA;AAGA;AACA;AACA;AAFA,MAAAK,QAAA,GAAAC,OAAA,CAAAD,QAAA;EAAAE,OAAA;EAAAC,UAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,WAAA;EAAAC,QAAA;EAAAC,UAAA;EAAAC,UAAA;IAAAC,KAAA;MAAAC,IAAA;IAAA;IAAAC,IAAA;MAAAD,IAAA;IAAA;EAAA;EAAAE,QAAA;IAAAC,KAAA;IAAAC,KAAA;MAAAC,IAAA;MAAAC,+BAAA;MAAAC,6BAAA;QAAAC,UAAA;QAAAC,IAAA;MAAA;MAAAC,sBAAA;IAAA;IAAAC,UAAA;MAAAC,QAAA;MAAAC,UAAA;MAAAC,wBAAA;MAAAC,wBAAA;MAAAC,uBAAA;MAAAC,2BAAA;MAAAC,2BAAA;MAAAX,6BAAA;QAAAK,QAAA;MAAA;IAAA;IAAAO,aAAA;MAAAC,gBAAA;IAAA;EAAA;EAAAC,KAAA;AAAA;AAQA,MAAM;EAAE7B;AAAK,CAAC,GAAGJ,QAAQ;AAACC,OAAA,CAAAG,IAAA,GAAAA,IAAA;AAInB,MAAM8B,QAAQ,GAAAjC,OAAA,CAAAiC,QAAA,GAAG;EACvBC,IAAI,EAAJA,eAAI;EACJC,OAAO,EAAE,CAAC,CAAC;EACXC,IAAI,EAAJA,aAAI;EACJC,UAAU,EAAVA;AACD,CAAC;AAEM,MAAMC,IAAI,GAAGA,CAAA,KAAM,IAAAC,kBAAS,EAAE;EAAEpC,IAAI;EAAEJ,QAAQ;EAAEkC;AAAS,CAAE,CAAC;AAACjC,OAAA,CAAAsC,IAAA,GAAAA,IAAA","ignoreList":[]}
+{"version":3,"names":["_icons","require","_initBlock","_interopRequireDefault","_edit","_transforms","metadata","exports","$schema","apiVersion","name","title","category","description","keywords","textdomain","attributes","month","type","year","supports","align","html","color","link","__experimentalSkipSerialization","__experimentalDefaultControls","background","text","__experimentalSelector","typography","fontSize","lineHeight","__experimentalFontFamily","__experimentalFontWeight","__experimentalFontStyle","__experimentalTextTransform","__experimentalLetterSpacing","interactivity","clientNavigation","style","settings","icon","example","edit","transforms","init","initBlock"],"sources":["@wordpress/block-library/src/calendar/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { calendar as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport metadata from './block.json';\nimport edit from './edit';\nimport transforms from './transforms';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {},\n\tedit,\n\ttransforms,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":";;;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AAKA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,KAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,WAAA,GAAAF,sBAAA,CAAAF,OAAA;AAXA;AACA;AACA;AAGA;AACA;AACA;AAFA,MAAAK,QAAA,GAAAC,OAAA,CAAAD,QAAA;EAAAE,OAAA;EAAAC,UAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,WAAA;EAAAC,QAAA;EAAAC,UAAA;EAAAC,UAAA;IAAAC,KAAA;MAAAC,IAAA;IAAA;IAAAC,IAAA;MAAAD,IAAA;IAAA;EAAA;EAAAE,QAAA;IAAAC,KAAA;IAAAC,IAAA;IAAAC,KAAA;MAAAC,IAAA;MAAAC,+BAAA;MAAAC,6BAAA;QAAAC,UAAA;QAAAC,IAAA;MAAA;MAAAC,sBAAA;IAAA;IAAAC,UAAA;MAAAC,QAAA;MAAAC,UAAA;MAAAC,wBAAA;MAAAC,wBAAA;MAAAC,uBAAA;MAAAC,2BAAA;MAAAC,2BAAA;MAAAX,6BAAA;QAAAK,QAAA;MAAA;IAAA;IAAAO,aAAA;MAAAC,gBAAA;IAAA;EAAA;EAAAC,KAAA;AAAA;AAQA,MAAM;EAAE9B;AAAK,CAAC,GAAGJ,QAAQ;AAACC,OAAA,CAAAG,IAAA,GAAAA,IAAA;AAInB,MAAM+B,QAAQ,GAAAlC,OAAA,CAAAkC,QAAA,GAAG;EACvBC,IAAI,EAAJA,eAAI;EACJC,OAAO,EAAE,CAAC,CAAC;EACXC,IAAI,EAAJA,aAAI;EACJC,UAAU,EAAVA;AACD,CAAC;AAEM,MAAMC,IAAI,GAAGA,CAAA,KAAM,IAAAC,kBAAS,EAAE;EAAErC,IAAI;EAAEJ,QAAQ;EAAEmC;AAAS,CAAE,CAAC;AAAClC,OAAA,CAAAuC,IAAA,GAAAA,IAAA","ignoreList":[]}

package/build/comments/edit/comments-inspector-controls.js

@@ -4,10 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = CommentsInspectorControls;
-var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _blockEditor = require("@wordpress/block-editor");
-var _messages = require("../../utils/messages");
+var _lockUnlock = require("../../lock-unlock");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
@@ -17,19 +16,25 @@ var _jsxRuntime = require("react/jsx-runtime");
  * Internal dependencies
  */
 
+const {
+  HTMLElementControl
+} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
 function CommentsInspectorControls({
   attributes: {
     tagName
   },
-  setAttributes
+  setAttributes,
+  clientId
 }) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InspectorControls, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InspectorControls, {
       group: "advanced",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SelectControl, {
-        __nextHasNoMarginBottom: true,
-        __next40pxDefaultSize: true,
-        label: (0, _i18n.__)('HTML element'),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(HTMLElementControl, {
+        tagName: tagName,
+        onChange: value => setAttributes({
+          tagName: value
+        }),
+        clientId: clientId,
         options: [{
           label: (0, _i18n.__)('Default (<div>)'),
           value: 'div'
@@ -39,12 +44,7 @@ function CommentsInspectorControls({
         }, {
           label: '<aside>',
           value: 'aside'
-        }],
-        value: tagName,
-        onChange: value => setAttributes({
-          tagName: value
-        }),
-        help: _messages.htmlElementMessages[tagName]
+        }]
       })
     })
   });

package/build/comments/edit/comments-inspector-controls.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_blockEditor","_messages","_jsxRuntime","CommentsInspectorControls","attributes","tagName","setAttributes","jsx","InspectorControls","children","group","SelectControl","__nextHasNoMarginBottom","__next40pxDefaultSize","label","__","options","value","onChange","help","htmlElementMessages"],"sources":["@wordpress/block-library/src/comments/edit/comments-inspector-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SelectControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { InspectorControls } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { htmlElementMessages } from '../../utils/messages';\n\nexport default function CommentsInspectorControls( {\n\tattributes: { tagName },\n\tsetAttributes,\n} ) {\n\treturn (\n\t\t<InspectorControls>\n\t\t\t<InspectorControls group=\"advanced\">\n\t\t\t\t<SelectControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tlabel={ __( 'HTML element' ) }\n\t\t\t\t\toptions={ [\n\t\t\t\t\t\t{ label: __( 'Default (<div>)' ), value: 'div' },\n\t\t\t\t\t\t{ label: '<section>', value: 'section' },\n\t\t\t\t\t\t{ label: '<aside>', value: 'aside' },\n\t\t\t\t\t] }\n\t\t\t\t\tvalue={ tagName }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { tagName: value } )\n\t\t\t\t\t}\n\t\t\t\t\thelp={ htmlElementMessages[ tagName ] }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t</InspectorControls>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAKA,IAAAG,SAAA,GAAAH,OAAA;AAA2D,IAAAI,WAAA,GAAAJ,OAAA;AAV3D;AACA;AACA;;AAKA;AACA;AACA;;AAGe,SAASK,yBAAyBA,CAAE;EAClDC,UAAU,EAAE;IAAEC;EAAQ,CAAC;EACvBC;AACD,CAAC,EAAG;EACH,oBACC,IAAAJ,WAAA,CAAAK,GAAA,EAACP,YAAA,CAAAQ,iBAAiB;IAAAC,QAAA,eACjB,IAAAP,WAAA,CAAAK,GAAA,EAACP,YAAA,CAAAQ,iBAAiB;MAACE,KAAK,EAAC,UAAU;MAAAD,QAAA,eAClC,IAAAP,WAAA,CAAAK,GAAA,EAACV,WAAA,CAAAc,aAAa;QACbC,uBAAuB;QACvBC,qBAAqB;QACrBC,KAAK,EAAG,IAAAC,QAAE,EAAE,cAAe,CAAG;QAC9BC,OAAO,EAAG,CACT;UAAEF,KAAK,EAAE,IAAAC,QAAE,EAAE,iBAAkB,CAAC;UAAEE,KAAK,EAAE;QAAM,CAAC,EAChD;UAAEH,KAAK,EAAE,WAAW;UAAEG,KAAK,EAAE;QAAU,CAAC,EACxC;UAAEH,KAAK,EAAE,SAAS;UAAEG,KAAK,EAAE;QAAQ,CAAC,CAClC;QACHA,KAAK,EAAGZ,OAAS;QACjBa,QAAQ,EAAKD,KAAK,IACjBX,aAAa,CAAE;UAAED,OAAO,EAAEY;QAAM,CAAE,CAClC;QACDE,IAAI,EAAGC,6BAAmB,CAAEf,OAAO;MAAI,CACvC;IAAC,CACgB;EAAC,CACF,CAAC;AAEtB","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_blockEditor","_lockUnlock","_jsxRuntime","HTMLElementControl","unlock","blockEditorPrivateApis","CommentsInspectorControls","attributes","tagName","setAttributes","clientId","jsx","InspectorControls","children","group","onChange","value","options","label","__"],"sources":["@wordpress/block-library/src/comments/edit/comments-inspector-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tInspectorControls,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { HTMLElementControl } = unlock( blockEditorPrivateApis );\n\nexport default function CommentsInspectorControls( {\n\tattributes: { tagName },\n\tsetAttributes,\n\tclientId,\n} ) {\n\treturn (\n\t\t<InspectorControls>\n\t\t\t<InspectorControls group=\"advanced\">\n\t\t\t\t<HTMLElementControl\n\t\t\t\t\ttagName={ tagName }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { tagName: value } )\n\t\t\t\t\t}\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\toptions={ [\n\t\t\t\t\t\t{ label: __( 'Default (<div>)' ), value: 'div' },\n\t\t\t\t\t\t{ label: '<section>', value: 'section' },\n\t\t\t\t\t\t{ label: '<aside>', value: 'aside' },\n\t\t\t\t\t] }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t</InspectorControls>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAQA,IAAAE,WAAA,GAAAF,OAAA;AAA2C,IAAAG,WAAA,GAAAH,OAAA;AAZ3C;AACA;AACA;;AAOA;AACA;AACA;;AAGA,MAAM;EAAEI;AAAmB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAEhD,SAASC,yBAAyBA,CAAE;EAClDC,UAAU,EAAE;IAAEC;EAAQ,CAAC;EACvBC,aAAa;EACbC;AACD,CAAC,EAAG;EACH,oBACC,IAAAR,WAAA,CAAAS,GAAA,EAACX,YAAA,CAAAY,iBAAiB;IAAAC,QAAA,eACjB,IAAAX,WAAA,CAAAS,GAAA,EAACX,YAAA,CAAAY,iBAAiB;MAACE,KAAK,EAAC,UAAU;MAAAD,QAAA,eAClC,IAAAX,WAAA,CAAAS,GAAA,EAACR,kBAAkB;QAClBK,OAAO,EAAGA,OAAS;QACnBO,QAAQ,EAAKC,KAAK,IACjBP,aAAa,CAAE;UAAED,OAAO,EAAEQ;QAAM,CAAE,CAClC;QACDN,QAAQ,EAAGA,QAAU;QACrBO,OAAO,EAAG,CACT;UAAEC,KAAK,EAAE,IAAAC,QAAE,EAAE,iBAAkB,CAAC;UAAEH,KAAK,EAAE;QAAM,CAAC,EAChD;UAAEE,KAAK,EAAE,WAAW;UAAEF,KAAK,EAAE;QAAU,CAAC,EACxC;UAAEE,KAAK,EAAE,SAAS;UAAEF,KAAK,EAAE;QAAQ,CAAC;MAClC,CACH;IAAC,CACgB;EAAC,CACF,CAAC;AAEtB","ignoreList":[]}

package/build/comments/edit/index.js

@@ -21,7 +21,8 @@ var _jsxRuntime = require("react/jsx-runtime");
 function CommentsEdit(props) {
   const {
     attributes,
-    setAttributes
+    setAttributes,
+    clientId
   } = props;
   const {
     tagName: TagName,
@@ -39,7 +40,8 @@ function CommentsEdit(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_commentsInspectorControls.default, {
       attributes: attributes,
-      setAttributes: setAttributes
+      setAttributes: setAttributes,
+      clientId: clientId
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(TagName, {
       ...innerBlocksProps
     })]

package/build/comments/edit/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blockEditor","require","_commentsInspectorControls","_interopRequireDefault","_commentsLegacy","_template","_jsxRuntime","CommentsEdit","props","attributes","setAttributes","tagName","TagName","legacy","blockProps","useBlockProps","innerBlocksProps","useInnerBlocksProps","template","TEMPLATE","jsx","default","jsxs","Fragment","children"],"sources":["@wordpress/block-library/src/comments/edit/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport CommentsInspectorControls from './comments-inspector-controls';\nimport CommentsLegacy from './comments-legacy';\nimport TEMPLATE from './template';\n\nexport default function CommentsEdit( props ) {\n\tconst { attributes, setAttributes } = props;\n\tconst { tagName: TagName, legacy } = attributes;\n\n\tconst blockProps = useBlockProps();\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\ttemplate: TEMPLATE,\n\t} );\n\n\tif ( legacy ) {\n\t\treturn <CommentsLegacy { ...props } />;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<CommentsInspectorControls\n\t\t\t\tattributes={ attributes }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t/>\n\t\t\t<TagName { ...innerBlocksProps } />\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,0BAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,eAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,SAAA,GAAAF,sBAAA,CAAAF,OAAA;AAAkC,IAAAK,WAAA,GAAAL,OAAA;AAVlC;AACA;AACA;;AAGA;AACA;AACA;;AAKe,SAASM,YAAYA,CAAEC,KAAK,EAAG;EAC7C,MAAM;IAAEC,UAAU;IAAEC;EAAc,CAAC,GAAGF,KAAK;EAC3C,MAAM;IAAEG,OAAO,EAAEC,OAAO;IAAEC;EAAO,CAAC,GAAGJ,UAAU;EAE/C,MAAMK,UAAU,GAAG,IAAAC,0BAAa,EAAC,CAAC;EAClC,MAAMC,gBAAgB,GAAG,IAAAC,gCAAmB,EAAEH,UAAU,EAAE;IACzDI,QAAQ,EAAEC;EACX,CAAE,CAAC;EAEH,IAAKN,MAAM,EAAG;IACb,oBAAO,IAAAP,WAAA,CAAAc,GAAA,EAAChB,eAAA,CAAAiB,OAAc;MAAA,GAAMb;IAAK,CAAI,CAAC;EACvC;EAEA,oBACC,IAAAF,WAAA,CAAAgB,IAAA,EAAAhB,WAAA,CAAAiB,QAAA;IAAAC,QAAA,gBACC,IAAAlB,WAAA,CAAAc,GAAA,EAAClB,0BAAA,CAAAmB,OAAyB;MACzBZ,UAAU,EAAGA,UAAY;MACzBC,aAAa,EAAGA;IAAe,CAC/B,CAAC,eACF,IAAAJ,WAAA,CAAAc,GAAA,EAACR,OAAO;MAAA,GAAMI;IAAgB,CAAI,CAAC;EAAA,CAClC,CAAC;AAEL","ignoreList":[]}
+{"version":3,"names":["_blockEditor","require","_commentsInspectorControls","_interopRequireDefault","_commentsLegacy","_template","_jsxRuntime","CommentsEdit","props","attributes","setAttributes","clientId","tagName","TagName","legacy","blockProps","useBlockProps","innerBlocksProps","useInnerBlocksProps","template","TEMPLATE","jsx","default","jsxs","Fragment","children"],"sources":["@wordpress/block-library/src/comments/edit/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport CommentsInspectorControls from './comments-inspector-controls';\nimport CommentsLegacy from './comments-legacy';\nimport TEMPLATE from './template';\n\nexport default function CommentsEdit( props ) {\n\tconst { attributes, setAttributes, clientId } = props;\n\tconst { tagName: TagName, legacy } = attributes;\n\n\tconst blockProps = useBlockProps();\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\ttemplate: TEMPLATE,\n\t} );\n\n\tif ( legacy ) {\n\t\treturn <CommentsLegacy { ...props } />;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<CommentsInspectorControls\n\t\t\t\tattributes={ attributes }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\tclientId={ clientId }\n\t\t\t/>\n\t\t\t<TagName { ...innerBlocksProps } />\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,0BAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,eAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,SAAA,GAAAF,sBAAA,CAAAF,OAAA;AAAkC,IAAAK,WAAA,GAAAL,OAAA;AAVlC;AACA;AACA;;AAGA;AACA;AACA;;AAKe,SAASM,YAAYA,CAAEC,KAAK,EAAG;EAC7C,MAAM;IAAEC,UAAU;IAAEC,aAAa;IAAEC;EAAS,CAAC,GAAGH,KAAK;EACrD,MAAM;IAAEI,OAAO,EAAEC,OAAO;IAAEC;EAAO,CAAC,GAAGL,UAAU;EAE/C,MAAMM,UAAU,GAAG,IAAAC,0BAAa,EAAC,CAAC;EAClC,MAAMC,gBAAgB,GAAG,IAAAC,gCAAmB,EAAEH,UAAU,EAAE;IACzDI,QAAQ,EAAEC;EACX,CAAE,CAAC;EAEH,IAAKN,MAAM,EAAG;IACb,oBAAO,IAAAR,WAAA,CAAAe,GAAA,EAACjB,eAAA,CAAAkB,OAAc;MAAA,GAAMd;IAAK,CAAI,CAAC;EACvC;EAEA,oBACC,IAAAF,WAAA,CAAAiB,IAAA,EAAAjB,WAAA,CAAAkB,QAAA;IAAAC,QAAA,gBACC,IAAAnB,WAAA,CAAAe,GAAA,EAACnB,0BAAA,CAAAoB,OAAyB;MACzBb,UAAU,EAAGA,UAAY;MACzBC,aAAa,EAAGA,aAAe;MAC/BC,QAAQ,EAAGA;IAAU,CACrB,CAAC,eACF,IAAAL,WAAA,CAAAe,GAAA,EAACR,OAAO;MAAA,GAAMI;IAAgB,CAAI,CAAC;EAAA,CAClC,CAAC;AAEL","ignoreList":[]}

package/build/cover/edit/inspector-controls.js

@@ -15,7 +15,6 @@ var _shared = require("../shared");
 var _lockUnlock = require("../../lock-unlock");
 var _hooks = require("../../utils/hooks");
 var _constants = require("../constants");
-var _messages = require("../../utils/messages");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
@@ -27,7 +26,8 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 const {
   cleanEmptyObject,
-  ResolutionTool
+  ResolutionTool,
+  HTMLElementControl
 } = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
 function CoverHeightInput({
   onChange,
@@ -328,10 +328,12 @@ function CoverInspectorControls({
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InspectorControls, {
       group: "advanced",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SelectControl, {
-        __nextHasNoMarginBottom: true,
-        __next40pxDefaultSize: true,
-        label: (0, _i18n.__)('HTML element'),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(HTMLElementControl, {
+        tagName: tagName,
+        onChange: value => setAttributes({
+          tagName: value
+        }),
+        clientId: clientId,
         options: [{
           label: (0, _i18n.__)('Default (<div>)'),
           value: 'div'
@@ -353,12 +355,7 @@ function CoverInspectorControls({
         }, {
           label: '<footer>',
           value: 'footer'
-        }],
-        value: tagName,
-        onChange: value => setAttributes({
-          tagName: value
-        }),
-        help: _messages.htmlElementMessages[tagName]
+        }]
       })
     })]
   });

package/build/cover/edit/inspector-controls.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_components","_compose","_blockEditor","_i18n","_data","_coreData","_shared","_lockUnlock","_hooks","_constants","_messages","_jsxRuntime","cleanEmptyObject","ResolutionTool","unlock","blockEditorPrivateApis","CoverHeightInput","onChange","onUnitChange","unit","value","instanceId","useInstanceId","UnitControl","inputId","isPx","availableUnits","useSettings","units","useCustomUnits","defaultValues","px","em","rem","vw","vh","handleOnChange","unprocessedValue","inputValue","parseFloat","undefined","isNaN","computedValue","useMemo","parsedQuantity","parseQuantityAndUnitFromRawValue","join","min","COVER_MIN_HEIGHT","jsx","__experimentalUnitControl","__next40pxDefaultSize","label","__","id","isResetValueOnUnitChange","CoverInspectorControls","attributes","setAttributes","clientId","setOverlayColor","coverRef","currentSettings","updateDimRatio","featuredImage","useFeaturedImage","dimRatio","focalPoint","hasParallax","isRepeated","minHeight","minHeightUnit","alt","tagName","isVideoBackground","isImageBackground","mediaElement","url","overlayColor","sizeSlug","DEFAULT_MEDIA_SIZE_SLUG","gradientValue","setGradient","__experimentalUseGradient","getSettings","useSelect","blockEditorStore","imageSizes","image","select","coreStore","getMedia","context","currentBackgroundImage","updateImage","newSizeSlug","newUrl","media_details","sizes","source_url","imageSizeOptions","filter","slug","map","name","toggleParallax","toggleIsRepeated","showFocalPointPicker","imperativeFocalPointPreview","styleOfRef","property","current","style","mediaPosition","colorGradientSettings","useMultipleOriginColorsAndGradients","dropdownMenuProps","useToolsPanelDropdownMenuProps","jsxs","Fragment","children","InspectorControls","__experimentalToolsPanel","resetAll","__experimentalToolsPanelItem","isShownByDefault","hasValue","onDeselect","ToggleControl","__nextHasNoMarginBottom","checked","FocalPointPicker","onDragStart","onDrag","newFocalPoint","TextareaControl","newAlt","help","ExternalLink","href","length","options","defaultValue","hasColorsOrGradients","group","__experimentalColorGradientSettingsDropdown","__experimentalIsRenderedInSidebar","settings","colorValue","color","onColorChange","onGradientChange","resetAllFilter","customOverlayColor","gradient","customGradient","clearable","panelId","RangeControl","newDimRatio","max","step","required","className","dimensions","aspectRatio","newMinHeight","nextUnit","SelectControl","htmlElementMessages"],"sources":["@wordpress/block-library/src/cover/edit/inspector-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport {\n\tExternalLink,\n\tFocalPointPicker,\n\tRangeControl,\n\tTextareaControl,\n\tToggleControl,\n\tSelectControl,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n} from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport {\n\tInspectorControls,\n\tuseSettings,\n\tstore as blockEditorStore,\n\t__experimentalColorGradientSettingsDropdown as ColorGradientSettingsDropdown,\n\t__experimentalUseGradient,\n\t__experimentalUseMultipleOriginColorsAndGradients as useMultipleOriginColorsAndGradients,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { COVER_MIN_HEIGHT, mediaPosition } from '../shared';\nimport { unlock } from '../../lock-unlock';\nimport { useToolsPanelDropdownMenuProps } from '../../utils/hooks';\nimport { DEFAULT_MEDIA_SIZE_SLUG } from '../constants';\nimport { htmlElementMessages } from '../../utils/messages';\n\nconst { cleanEmptyObject, ResolutionTool } = unlock( blockEditorPrivateApis );\n\nfunction CoverHeightInput( {\n\tonChange,\n\tonUnitChange,\n\tunit = 'px',\n\tvalue = '',\n} ) {\n\tconst instanceId = useInstanceId( UnitControl );\n\tconst inputId = `block-cover-height-input-${ instanceId }`;\n\tconst isPx = unit === 'px';\n\n\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [ 'px', 'em', 'rem', 'vw', 'vh' ],\n\t\tdefaultValues: { px: 430, '%': 20, em: 20, rem: 20, vw: 20, vh: 50 },\n\t} );\n\n\tconst handleOnChange = ( unprocessedValue ) => {\n\t\tconst inputValue =\n\t\t\tunprocessedValue !== ''\n\t\t\t\t? parseFloat( unprocessedValue )\n\t\t\t\t: undefined;\n\n\t\tif ( isNaN( inputValue ) && inputValue !== undefined ) {\n\t\t\treturn;\n\t\t}\n\t\tonChange( inputValue );\n\t};\n\n\tconst computedValue = useMemo( () => {\n\t\tconst [ parsedQuantity ] = parseQuantityAndUnitFromRawValue( value );\n\t\treturn [ parsedQuantity, unit ].join( '' );\n\t}, [ unit, value ] );\n\n\tconst min = isPx ? COVER_MIN_HEIGHT : 0;\n\n\treturn (\n\t\t<UnitControl\n\t\t\t__next40pxDefaultSize\n\t\t\tlabel={ __( 'Minimum height' ) }\n\t\t\tid={ inputId }\n\t\t\tisResetValueOnUnitChange\n\t\t\tmin={ min }\n\t\t\tonChange={ handleOnChange }\n\t\t\tonUnitChange={ onUnitChange }\n\t\t\tunits={ units }\n\t\t\tvalue={ computedValue }\n\t\t/>\n\t);\n}\nexport default function CoverInspectorControls( {\n\tattributes,\n\tsetAttributes,\n\tclientId,\n\tsetOverlayColor,\n\tcoverRef,\n\tcurrentSettings,\n\tupdateDimRatio,\n\tfeaturedImage,\n} ) {\n\tconst {\n\t\tuseFeaturedImage,\n\t\tid,\n\t\tdimRatio,\n\t\tfocalPoint,\n\t\thasParallax,\n\t\tisRepeated,\n\t\tminHeight,\n\t\tminHeightUnit,\n\t\talt,\n\t\ttagName,\n\t} = attributes;\n\tconst {\n\t\tisVideoBackground,\n\t\tisImageBackground,\n\t\tmediaElement,\n\t\turl,\n\t\toverlayColor,\n\t} = currentSettings;\n\n\tconst sizeSlug = attributes.sizeSlug || DEFAULT_MEDIA_SIZE_SLUG;\n\n\tconst { gradientValue, setGradient } = __experimentalUseGradient();\n\tconst { getSettings } = useSelect( blockEditorStore );\n\n\tconst imageSizes = getSettings()?.imageSizes;\n\n\tconst image = useSelect(\n\t\t( select ) =>\n\t\t\tid && isImageBackground\n\t\t\t\t? select( coreStore ).getMedia( id, { context: 'view' } )\n\t\t\t\t: null,\n\t\t[ id, isImageBackground ]\n\t);\n\n\tconst currentBackgroundImage = useFeaturedImage ? featuredImage : image;\n\n\tfunction updateImage( newSizeSlug ) {\n\t\tconst newUrl =\n\t\t\tcurrentBackgroundImage?.media_details?.sizes?.[ newSizeSlug ]\n\t\t\t\t?.source_url;\n\t\tif ( ! newUrl ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tsetAttributes( {\n\t\t\turl: newUrl,\n\t\t\tsizeSlug: newSizeSlug,\n\t\t} );\n\t}\n\n\tconst imageSizeOptions = imageSizes\n\t\t?.filter(\n\t\t\t( { slug } ) =>\n\t\t\t\tcurrentBackgroundImage?.media_details?.sizes?.[ slug ]\n\t\t\t\t\t?.source_url\n\t\t)\n\t\t?.map( ( { name, slug } ) => ( { value: slug, label: name } ) );\n\n\tconst toggleParallax = () => {\n\t\tsetAttributes( {\n\t\t\thasParallax: ! hasParallax,\n\t\t\t...( ! hasParallax ? { focalPoint: undefined } : {} ),\n\t\t} );\n\t};\n\n\tconst toggleIsRepeated = () => {\n\t\tsetAttributes( {\n\t\t\tisRepeated: ! isRepeated,\n\t\t} );\n\t};\n\n\tconst showFocalPointPicker =\n\t\tisVideoBackground ||\n\t\t( isImageBackground && ( ! hasParallax || isRepeated ) );\n\n\tconst imperativeFocalPointPreview = ( value ) => {\n\t\tconst [ styleOfRef, property ] = mediaElement.current\n\t\t\t? [ mediaElement.current.style, 'objectPosition' ]\n\t\t\t: [ coverRef.current.style, 'backgroundPosition' ];\n\t\tstyleOfRef[ property ] = mediaPosition( value );\n\t};\n\n\tconst colorGradientSettings = useMultipleOriginColorsAndGradients();\n\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>\n\t\t\t\t{ !! url && (\n\t\t\t\t\t<ToolsPanel\n\t\t\t\t\t\tlabel={ __( 'Settings' ) }\n\t\t\t\t\t\tresetAll={ () => {\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\thasParallax: false,\n\t\t\t\t\t\t\t\tfocalPoint: undefined,\n\t\t\t\t\t\t\t\tisRepeated: false,\n\t\t\t\t\t\t\t\talt: '',\n\t\t\t\t\t\t\t\tsizeSlug: undefined,\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ isImageBackground && (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Fixed background' ) }\n\t\t\t\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\t\t\t\thasValue={ () => hasParallax }\n\t\t\t\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\t\thasParallax: false,\n\t\t\t\t\t\t\t\t\t\t\tfocalPoint: undefined,\n\t\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Fixed background' ) }\n\t\t\t\t\t\t\t\t\t\tchecked={ hasParallax }\n\t\t\t\t\t\t\t\t\t\tonChange={ toggleParallax }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</ToolsPanelItem>\n\n\t\t\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Repeated background' ) }\n\t\t\t\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\t\t\t\thasValue={ () => isRepeated }\n\t\t\t\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\t\tisRepeated: false,\n\t\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Repeated background' ) }\n\t\t\t\t\t\t\t\t\t\tchecked={ isRepeated }\n\t\t\t\t\t\t\t\t\t\tonChange={ toggleIsRepeated }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ showFocalPointPicker && (\n\t\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\t\tlabel={ __( 'Focal point' ) }\n\t\t\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\t\t\thasValue={ () => !! focalPoint }\n\t\t\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\tfocalPoint: undefined,\n\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<FocalPointPicker\n\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Focal point' ) }\n\t\t\t\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\t\t\t\tvalue={ focalPoint }\n\t\t\t\t\t\t\t\t\tonDragStart={ imperativeFocalPointPreview }\n\t\t\t\t\t\t\t\t\tonDrag={ imperativeFocalPointPreview }\n\t\t\t\t\t\t\t\t\tonChange={ ( newFocalPoint ) =>\n\t\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\t\tfocalPoint: newFocalPoint,\n\t\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ ! useFeaturedImage && url && ! isVideoBackground && (\n\t\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\t\t\thasValue={ () => !! alt }\n\t\t\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\t\t\tsetAttributes( { alt: '' } )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<TextareaControl\n\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\t\t\t\t\tvalue={ alt }\n\t\t\t\t\t\t\t\t\tonChange={ ( newAlt ) =>\n\t\t\t\t\t\t\t\t\t\tsetAttributes( { alt: newAlt } )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\t\t\t\thref={\n\t\t\t\t\t\t\t\t\t\t\t\t\t// translators: Localized tutorial, if one exists. W3C Web Accessibility Initiative link has list of existing translations.\n\t\t\t\t\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'https://www.w3.org/WAI/tutorials/images/decision-tree/'\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'Describe the purpose of the image.'\n\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Leave empty if decorative.'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ !! imageSizeOptions?.length && (\n\t\t\t\t\t\t\t<ResolutionTool\n\t\t\t\t\t\t\t\tvalue={ sizeSlug }\n\t\t\t\t\t\t\t\tonChange={ updateImage }\n\t\t\t\t\t\t\t\toptions={ imageSizeOptions }\n\t\t\t\t\t\t\t\tdefaultValue={ DEFAULT_MEDIA_SIZE_SLUG }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</ToolsPanel>\n\t\t\t\t) }\n\t\t\t</InspectorControls>\n\t\t\t{ colorGradientSettings.hasColorsOrGradients && (\n\t\t\t\t<InspectorControls group=\"color\">\n\t\t\t\t\t<ColorGradientSettingsDropdown\n\t\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t\t\tsettings={ [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tcolorValue: overlayColor.color,\n\t\t\t\t\t\t\t\tgradientValue,\n\t\t\t\t\t\t\t\tlabel: __( 'Overlay' ),\n\t\t\t\t\t\t\t\tonColorChange: setOverlayColor,\n\t\t\t\t\t\t\t\tonGradientChange: setGradient,\n\t\t\t\t\t\t\t\tisShownByDefault: true,\n\t\t\t\t\t\t\t\tresetAllFilter: () => ( {\n\t\t\t\t\t\t\t\t\toverlayColor: undefined,\n\t\t\t\t\t\t\t\t\tcustomOverlayColor: undefined,\n\t\t\t\t\t\t\t\t\tgradient: undefined,\n\t\t\t\t\t\t\t\t\tcustomGradient: undefined,\n\t\t\t\t\t\t\t\t} ),\n\t\t\t\t\t\t\t\tclearable: true,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t] }\n\t\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t\t\t{ ...colorGradientSettings }\n\t\t\t\t\t/>\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\thasValue={ () => {\n\t\t\t\t\t\t\t// If there's a media background the dimRatio will be\n\t\t\t\t\t\t\t// defaulted to 50 whereas it will be 100 for colors.\n\t\t\t\t\t\t\treturn dimRatio === undefined\n\t\t\t\t\t\t\t\t? false\n\t\t\t\t\t\t\t\t: dimRatio !== ( url ? 50 : 100 );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tlabel={ __( 'Overlay opacity' ) }\n\t\t\t\t\t\tonDeselect={ () => updateDimRatio( url ? 50 : 100 ) }\n\t\t\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\t\t\tdimRatio: url ? 50 : 100,\n\t\t\t\t\t\t} ) }\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t\t>\n\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Overlay opacity' ) }\n\t\t\t\t\t\t\tvalue={ dimRatio }\n\t\t\t\t\t\t\tonChange={ ( newDimRatio ) =>\n\t\t\t\t\t\t\t\tupdateDimRatio( newDimRatio )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\t\tmax={ 100 }\n\t\t\t\t\t\t\tstep={ 10 }\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t</InspectorControls>\n\t\t\t) }\n\t\t\t<InspectorControls group=\"dimensions\">\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tclassName=\"single-column\"\n\t\t\t\t\thasValue={ () => !! minHeight }\n\t\t\t\t\tlabel={ __( 'Minimum height' ) }\n\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tminHeight: undefined,\n\t\t\t\t\t\t\tminHeightUnit: undefined,\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\tminHeight: undefined,\n\t\t\t\t\t\tminHeightUnit: undefined,\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<CoverHeightInput\n\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\tattributes?.style?.dimensions?.aspectRatio\n\t\t\t\t\t\t\t\t? ''\n\t\t\t\t\t\t\t\t: minHeight\n\t\t\t\t\t\t}\n\t\t\t\t\t\tunit={ minHeightUnit }\n\t\t\t\t\t\tonChange={ ( newMinHeight ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tminHeight: newMinHeight,\n\t\t\t\t\t\t\t\tstyle: cleanEmptyObject( {\n\t\t\t\t\t\t\t\t\t...attributes?.style,\n\t\t\t\t\t\t\t\t\tdimensions: {\n\t\t\t\t\t\t\t\t\t\t...attributes?.style?.dimensions,\n\t\t\t\t\t\t\t\t\t\taspectRatio: undefined, // Reset aspect ratio when minHeight is set.\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t} ),\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonUnitChange={ ( nextUnit ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tminHeightUnit: nextUnit,\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</ToolsPanelItem>\n\t\t\t</InspectorControls>\n\t\t\t<InspectorControls group=\"advanced\">\n\t\t\t\t<SelectControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tlabel={ __( 'HTML element' ) }\n\t\t\t\t\toptions={ [\n\t\t\t\t\t\t{ label: __( 'Default (<div>)' ), value: 'div' },\n\t\t\t\t\t\t{ label: '<header>', value: 'header' },\n\t\t\t\t\t\t{ label: '<main>', value: 'main' },\n\t\t\t\t\t\t{ label: '<section>', value: 'section' },\n\t\t\t\t\t\t{ label: '<article>', value: 'article' },\n\t\t\t\t\t\t{ label: '<aside>', value: 'aside' },\n\t\t\t\t\t\t{ label: '<footer>', value: 'footer' },\n\t\t\t\t\t] }\n\t\t\t\t\tvalue={ tagName }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { tagName: value } )\n\t\t\t\t\t}\n\t\t\t\t\thelp={ htmlElementMessages[ tagName ] }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_element","require","_components","_compose","_blockEditor","_i18n","_data","_coreData","_shared","_lockUnlock","_hooks","_constants","_jsxRuntime","cleanEmptyObject","ResolutionTool","HTMLElementControl","unlock","blockEditorPrivateApis","CoverHeightInput","onChange","onUnitChange","unit","value","instanceId","useInstanceId","UnitControl","inputId","isPx","availableUnits","useSettings","units","useCustomUnits","defaultValues","px","em","rem","vw","vh","handleOnChange","unprocessedValue","inputValue","parseFloat","undefined","isNaN","computedValue","useMemo","parsedQuantity","parseQuantityAndUnitFromRawValue","join","min","COVER_MIN_HEIGHT","jsx","__experimentalUnitControl","__next40pxDefaultSize","label","__","id","isResetValueOnUnitChange","CoverInspectorControls","attributes","setAttributes","clientId","setOverlayColor","coverRef","currentSettings","updateDimRatio","featuredImage","useFeaturedImage","dimRatio","focalPoint","hasParallax","isRepeated","minHeight","minHeightUnit","alt","tagName","isVideoBackground","isImageBackground","mediaElement","url","overlayColor","sizeSlug","DEFAULT_MEDIA_SIZE_SLUG","gradientValue","setGradient","__experimentalUseGradient","getSettings","useSelect","blockEditorStore","imageSizes","image","select","coreStore","getMedia","context","currentBackgroundImage","updateImage","newSizeSlug","newUrl","media_details","sizes","source_url","imageSizeOptions","filter","slug","map","name","toggleParallax","toggleIsRepeated","showFocalPointPicker","imperativeFocalPointPreview","styleOfRef","property","current","style","mediaPosition","colorGradientSettings","useMultipleOriginColorsAndGradients","dropdownMenuProps","useToolsPanelDropdownMenuProps","jsxs","Fragment","children","InspectorControls","__experimentalToolsPanel","resetAll","__experimentalToolsPanelItem","isShownByDefault","hasValue","onDeselect","ToggleControl","__nextHasNoMarginBottom","checked","FocalPointPicker","onDragStart","onDrag","newFocalPoint","TextareaControl","newAlt","help","ExternalLink","href","length","options","defaultValue","hasColorsOrGradients","group","__experimentalColorGradientSettingsDropdown","__experimentalIsRenderedInSidebar","settings","colorValue","color","onColorChange","onGradientChange","resetAllFilter","customOverlayColor","gradient","customGradient","clearable","panelId","RangeControl","newDimRatio","max","step","required","className","dimensions","aspectRatio","newMinHeight","nextUnit"],"sources":["@wordpress/block-library/src/cover/edit/inspector-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport {\n\tExternalLink,\n\tFocalPointPicker,\n\tRangeControl,\n\tTextareaControl,\n\tToggleControl,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n} from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport {\n\tInspectorControls,\n\tuseSettings,\n\tstore as blockEditorStore,\n\t__experimentalColorGradientSettingsDropdown as ColorGradientSettingsDropdown,\n\t__experimentalUseGradient,\n\t__experimentalUseMultipleOriginColorsAndGradients as useMultipleOriginColorsAndGradients,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { COVER_MIN_HEIGHT, mediaPosition } from '../shared';\nimport { unlock } from '../../lock-unlock';\nimport { useToolsPanelDropdownMenuProps } from '../../utils/hooks';\nimport { DEFAULT_MEDIA_SIZE_SLUG } from '../constants';\n\nconst { cleanEmptyObject, ResolutionTool, HTMLElementControl } = unlock(\n\tblockEditorPrivateApis\n);\n\nfunction CoverHeightInput( {\n\tonChange,\n\tonUnitChange,\n\tunit = 'px',\n\tvalue = '',\n} ) {\n\tconst instanceId = useInstanceId( UnitControl );\n\tconst inputId = `block-cover-height-input-${ instanceId }`;\n\tconst isPx = unit === 'px';\n\n\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [ 'px', 'em', 'rem', 'vw', 'vh' ],\n\t\tdefaultValues: { px: 430, '%': 20, em: 20, rem: 20, vw: 20, vh: 50 },\n\t} );\n\n\tconst handleOnChange = ( unprocessedValue ) => {\n\t\tconst inputValue =\n\t\t\tunprocessedValue !== ''\n\t\t\t\t? parseFloat( unprocessedValue )\n\t\t\t\t: undefined;\n\n\t\tif ( isNaN( inputValue ) && inputValue !== undefined ) {\n\t\t\treturn;\n\t\t}\n\t\tonChange( inputValue );\n\t};\n\n\tconst computedValue = useMemo( () => {\n\t\tconst [ parsedQuantity ] = parseQuantityAndUnitFromRawValue( value );\n\t\treturn [ parsedQuantity, unit ].join( '' );\n\t}, [ unit, value ] );\n\n\tconst min = isPx ? COVER_MIN_HEIGHT : 0;\n\n\treturn (\n\t\t<UnitControl\n\t\t\t__next40pxDefaultSize\n\t\t\tlabel={ __( 'Minimum height' ) }\n\t\t\tid={ inputId }\n\t\t\tisResetValueOnUnitChange\n\t\t\tmin={ min }\n\t\t\tonChange={ handleOnChange }\n\t\t\tonUnitChange={ onUnitChange }\n\t\t\tunits={ units }\n\t\t\tvalue={ computedValue }\n\t\t/>\n\t);\n}\nexport default function CoverInspectorControls( {\n\tattributes,\n\tsetAttributes,\n\tclientId,\n\tsetOverlayColor,\n\tcoverRef,\n\tcurrentSettings,\n\tupdateDimRatio,\n\tfeaturedImage,\n} ) {\n\tconst {\n\t\tuseFeaturedImage,\n\t\tid,\n\t\tdimRatio,\n\t\tfocalPoint,\n\t\thasParallax,\n\t\tisRepeated,\n\t\tminHeight,\n\t\tminHeightUnit,\n\t\talt,\n\t\ttagName,\n\t} = attributes;\n\tconst {\n\t\tisVideoBackground,\n\t\tisImageBackground,\n\t\tmediaElement,\n\t\turl,\n\t\toverlayColor,\n\t} = currentSettings;\n\n\tconst sizeSlug = attributes.sizeSlug || DEFAULT_MEDIA_SIZE_SLUG;\n\n\tconst { gradientValue, setGradient } = __experimentalUseGradient();\n\tconst { getSettings } = useSelect( blockEditorStore );\n\n\tconst imageSizes = getSettings()?.imageSizes;\n\n\tconst image = useSelect(\n\t\t( select ) =>\n\t\t\tid && isImageBackground\n\t\t\t\t? select( coreStore ).getMedia( id, { context: 'view' } )\n\t\t\t\t: null,\n\t\t[ id, isImageBackground ]\n\t);\n\n\tconst currentBackgroundImage = useFeaturedImage ? featuredImage : image;\n\n\tfunction updateImage( newSizeSlug ) {\n\t\tconst newUrl =\n\t\t\tcurrentBackgroundImage?.media_details?.sizes?.[ newSizeSlug ]\n\t\t\t\t?.source_url;\n\t\tif ( ! newUrl ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tsetAttributes( {\n\t\t\turl: newUrl,\n\t\t\tsizeSlug: newSizeSlug,\n\t\t} );\n\t}\n\n\tconst imageSizeOptions = imageSizes\n\t\t?.filter(\n\t\t\t( { slug } ) =>\n\t\t\t\tcurrentBackgroundImage?.media_details?.sizes?.[ slug ]\n\t\t\t\t\t?.source_url\n\t\t)\n\t\t?.map( ( { name, slug } ) => ( { value: slug, label: name } ) );\n\n\tconst toggleParallax = () => {\n\t\tsetAttributes( {\n\t\t\thasParallax: ! hasParallax,\n\t\t\t...( ! hasParallax ? { focalPoint: undefined } : {} ),\n\t\t} );\n\t};\n\n\tconst toggleIsRepeated = () => {\n\t\tsetAttributes( {\n\t\t\tisRepeated: ! isRepeated,\n\t\t} );\n\t};\n\n\tconst showFocalPointPicker =\n\t\tisVideoBackground ||\n\t\t( isImageBackground && ( ! hasParallax || isRepeated ) );\n\n\tconst imperativeFocalPointPreview = ( value ) => {\n\t\tconst [ styleOfRef, property ] = mediaElement.current\n\t\t\t? [ mediaElement.current.style, 'objectPosition' ]\n\t\t\t: [ coverRef.current.style, 'backgroundPosition' ];\n\t\tstyleOfRef[ property ] = mediaPosition( value );\n\t};\n\n\tconst colorGradientSettings = useMultipleOriginColorsAndGradients();\n\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>\n\t\t\t\t{ !! url && (\n\t\t\t\t\t<ToolsPanel\n\t\t\t\t\t\tlabel={ __( 'Settings' ) }\n\t\t\t\t\t\tresetAll={ () => {\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\thasParallax: false,\n\t\t\t\t\t\t\t\tfocalPoint: undefined,\n\t\t\t\t\t\t\t\tisRepeated: false,\n\t\t\t\t\t\t\t\talt: '',\n\t\t\t\t\t\t\t\tsizeSlug: undefined,\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ isImageBackground && (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Fixed background' ) }\n\t\t\t\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\t\t\t\thasValue={ () => hasParallax }\n\t\t\t\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\t\thasParallax: false,\n\t\t\t\t\t\t\t\t\t\t\tfocalPoint: undefined,\n\t\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Fixed background' ) }\n\t\t\t\t\t\t\t\t\t\tchecked={ hasParallax }\n\t\t\t\t\t\t\t\t\t\tonChange={ toggleParallax }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</ToolsPanelItem>\n\n\t\t\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Repeated background' ) }\n\t\t\t\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\t\t\t\thasValue={ () => isRepeated }\n\t\t\t\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\t\tisRepeated: false,\n\t\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Repeated background' ) }\n\t\t\t\t\t\t\t\t\t\tchecked={ isRepeated }\n\t\t\t\t\t\t\t\t\t\tonChange={ toggleIsRepeated }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ showFocalPointPicker && (\n\t\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\t\tlabel={ __( 'Focal point' ) }\n\t\t\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\t\t\thasValue={ () => !! focalPoint }\n\t\t\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\tfocalPoint: undefined,\n\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<FocalPointPicker\n\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Focal point' ) }\n\t\t\t\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\t\t\t\tvalue={ focalPoint }\n\t\t\t\t\t\t\t\t\tonDragStart={ imperativeFocalPointPreview }\n\t\t\t\t\t\t\t\t\tonDrag={ imperativeFocalPointPreview }\n\t\t\t\t\t\t\t\t\tonChange={ ( newFocalPoint ) =>\n\t\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\t\tfocalPoint: newFocalPoint,\n\t\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ ! useFeaturedImage && url && ! isVideoBackground && (\n\t\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\t\t\thasValue={ () => !! alt }\n\t\t\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\t\t\tsetAttributes( { alt: '' } )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<TextareaControl\n\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\t\t\t\t\tvalue={ alt }\n\t\t\t\t\t\t\t\t\tonChange={ ( newAlt ) =>\n\t\t\t\t\t\t\t\t\t\tsetAttributes( { alt: newAlt } )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\t\t\t\thref={\n\t\t\t\t\t\t\t\t\t\t\t\t\t// translators: Localized tutorial, if one exists. W3C Web Accessibility Initiative link has list of existing translations.\n\t\t\t\t\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'https://www.w3.org/WAI/tutorials/images/decision-tree/'\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'Describe the purpose of the image.'\n\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Leave empty if decorative.'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ !! imageSizeOptions?.length && (\n\t\t\t\t\t\t\t<ResolutionTool\n\t\t\t\t\t\t\t\tvalue={ sizeSlug }\n\t\t\t\t\t\t\t\tonChange={ updateImage }\n\t\t\t\t\t\t\t\toptions={ imageSizeOptions }\n\t\t\t\t\t\t\t\tdefaultValue={ DEFAULT_MEDIA_SIZE_SLUG }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</ToolsPanel>\n\t\t\t\t) }\n\t\t\t</InspectorControls>\n\t\t\t{ colorGradientSettings.hasColorsOrGradients && (\n\t\t\t\t<InspectorControls group=\"color\">\n\t\t\t\t\t<ColorGradientSettingsDropdown\n\t\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t\t\tsettings={ [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tcolorValue: overlayColor.color,\n\t\t\t\t\t\t\t\tgradientValue,\n\t\t\t\t\t\t\t\tlabel: __( 'Overlay' ),\n\t\t\t\t\t\t\t\tonColorChange: setOverlayColor,\n\t\t\t\t\t\t\t\tonGradientChange: setGradient,\n\t\t\t\t\t\t\t\tisShownByDefault: true,\n\t\t\t\t\t\t\t\tresetAllFilter: () => ( {\n\t\t\t\t\t\t\t\t\toverlayColor: undefined,\n\t\t\t\t\t\t\t\t\tcustomOverlayColor: undefined,\n\t\t\t\t\t\t\t\t\tgradient: undefined,\n\t\t\t\t\t\t\t\t\tcustomGradient: undefined,\n\t\t\t\t\t\t\t\t} ),\n\t\t\t\t\t\t\t\tclearable: true,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t] }\n\t\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t\t\t{ ...colorGradientSettings }\n\t\t\t\t\t/>\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\thasValue={ () => {\n\t\t\t\t\t\t\t// If there's a media background the dimRatio will be\n\t\t\t\t\t\t\t// defaulted to 50 whereas it will be 100 for colors.\n\t\t\t\t\t\t\treturn dimRatio === undefined\n\t\t\t\t\t\t\t\t? false\n\t\t\t\t\t\t\t\t: dimRatio !== ( url ? 50 : 100 );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tlabel={ __( 'Overlay opacity' ) }\n\t\t\t\t\t\tonDeselect={ () => updateDimRatio( url ? 50 : 100 ) }\n\t\t\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\t\t\tdimRatio: url ? 50 : 100,\n\t\t\t\t\t\t} ) }\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t\t>\n\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Overlay opacity' ) }\n\t\t\t\t\t\t\tvalue={ dimRatio }\n\t\t\t\t\t\t\tonChange={ ( newDimRatio ) =>\n\t\t\t\t\t\t\t\tupdateDimRatio( newDimRatio )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\t\tmax={ 100 }\n\t\t\t\t\t\t\tstep={ 10 }\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t</InspectorControls>\n\t\t\t) }\n\t\t\t<InspectorControls group=\"dimensions\">\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tclassName=\"single-column\"\n\t\t\t\t\thasValue={ () => !! minHeight }\n\t\t\t\t\tlabel={ __( 'Minimum height' ) }\n\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tminHeight: undefined,\n\t\t\t\t\t\t\tminHeightUnit: undefined,\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\tminHeight: undefined,\n\t\t\t\t\t\tminHeightUnit: undefined,\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<CoverHeightInput\n\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\tattributes?.style?.dimensions?.aspectRatio\n\t\t\t\t\t\t\t\t? ''\n\t\t\t\t\t\t\t\t: minHeight\n\t\t\t\t\t\t}\n\t\t\t\t\t\tunit={ minHeightUnit }\n\t\t\t\t\t\tonChange={ ( newMinHeight ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tminHeight: newMinHeight,\n\t\t\t\t\t\t\t\tstyle: cleanEmptyObject( {\n\t\t\t\t\t\t\t\t\t...attributes?.style,\n\t\t\t\t\t\t\t\t\tdimensions: {\n\t\t\t\t\t\t\t\t\t\t...attributes?.style?.dimensions,\n\t\t\t\t\t\t\t\t\t\taspectRatio: undefined, // Reset aspect ratio when minHeight is set.\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t} ),\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonUnitChange={ ( nextUnit ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tminHeightUnit: nextUnit,\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</ToolsPanelItem>\n\t\t\t</InspectorControls>\n\t\t\t<InspectorControls group=\"advanced\">\n\t\t\t\t<HTMLElementControl\n\t\t\t\t\ttagName={ tagName }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { tagName: value } )\n\t\t\t\t\t}\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\toptions={ [\n\t\t\t\t\t\t{ label: __( 'Default (<div>)' ), value: 'div' },\n\t\t\t\t\t\t{ label: '<header>', value: 'header' },\n\t\t\t\t\t\t{ label: '<main>', value: 'main' },\n\t\t\t\t\t\t{ label: '<section>', value: 'section' },\n\t\t\t\t\t\t{ label: '<article>', value: 'article' },\n\t\t\t\t\t\t{ label: '<aside>', value: 'aside' },\n\t\t\t\t\t\t{ label: '<footer>', value: 'footer' },\n\t\t\t\t\t] }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/group/edit.js

@@ -6,12 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _data = require("@wordpress/data");
 var _blockEditor = require("@wordpress/block-editor");
-var _components = require("@wordpress/components");
 var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
 var _primitives = require("@wordpress/primitives");
 var _placeholder = _interopRequireWildcard(require("./placeholder"));
-var _messages = require("../utils/messages");
+var _lockUnlock = require("../lock-unlock");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -23,24 +22,31 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * Internal dependencies
  */
 
+const {
+  HTMLElementControl
+} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+
 /**
  * Render inspector controls for the Group block.
  *
  * @param {Object}   props                 Component props.
  * @param {string}   props.tagName         The HTML tag name.
  * @param {Function} props.onSelectTagName onChange function for the SelectControl.
+ * @param {string}   props.clientId        The client ID of the current block.
  *
  * @return {JSX.Element}                The control group.
- */function GroupEditControls({
+ */
+function GroupEditControls({
   tagName,
-  onSelectTagName
+  onSelectTagName,
+  clientId
 }) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InspectorControls, {
     group: "advanced",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SelectControl, {
-      __nextHasNoMarginBottom: true,
-      __next40pxDefaultSize: true,
-      label: (0, _i18n.__)('HTML element'),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(HTMLElementControl, {
+      tagName: tagName,
+      onChange: onSelectTagName,
+      clientId: clientId,
       options: [{
         label: (0, _i18n.__)('Default (<div>)'),
         value: 'div'
@@ -62,10 +68,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
       }, {
         label: '<footer>',
         value: 'footer'
-      }],
-      value: tagName,
-      onChange: onSelectTagName,
-      help: _messages.htmlElementMessages[tagName]
+      }]
     })
   });
 }
@@ -147,7 +150,8 @@ function GroupEdit({
       tagName: TagName,
       onSelectTagName: value => setAttributes({
         tagName: value
-      })
+      }),
+      clientId: clientId
     }), showPlaceholder && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.View, {
       children: [innerBlocksProps.children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_placeholder.default, {
         name: name,

package/build/group/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_blockEditor","_components","_element","_i18n","_primitives","_placeholder","_interopRequireWildcard","_messages","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","GroupEditControls","tagName","onSelectTagName","jsx","InspectorControls","group","children","SelectControl","__nextHasNoMarginBottom","__next40pxDefaultSize","label","__","options","value","onChange","help","htmlElementMessages","GroupEdit","attributes","name","setAttributes","clientId","hasInnerBlocks","themeSupportsLayout","useSelect","select","getBlock","getSettings","blockEditorStore","block","innerBlocks","length","supportsLayout","TagName","templateLock","allowedBlocks","layout","type","layoutSupportEnabled","ref","useRef","blockProps","useBlockProps","showPlaceholder","setShowPlaceholder","useShouldShowPlaceHolder","usedLayoutType","renderAppender","InnerBlocks","ButtonBlockAppender","innerBlocksProps","useInnerBlocksProps","className","dropZoneElement","current","selectBlock","useDispatch","selectVariation","nextVariation","jsxs","Fragment","View","onSelect","_default","exports"],"sources":["@wordpress/block-library/src/group/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport {\n\tInnerBlocks,\n\tuseBlockProps,\n\tInspectorControls,\n\tuseInnerBlocksProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { SelectControl } from '@wordpress/components';\nimport { useRef } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { View } from '@wordpress/primitives';\n\n/**\n * Internal dependencies\n */\nimport GroupPlaceHolder, { useShouldShowPlaceHolder } from './placeholder';\nimport { htmlElementMessages } from '../utils/messages';\n\n/**\n * Render inspector controls for the Group block.\n *\n * @param {Object}   props                 Component props.\n * @param {string}   props.tagName         The HTML tag name.\n * @param {Function} props.onSelectTagName onChange function for the SelectControl.\n *\n * @return {JSX.Element}                The control group.\n */\nfunction GroupEditControls( { tagName, onSelectTagName } ) {\n\treturn (\n\t\t<InspectorControls group=\"advanced\">\n\t\t\t<SelectControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t__next40pxDefaultSize\n\t\t\t\tlabel={ __( 'HTML element' ) }\n\t\t\t\toptions={ [\n\t\t\t\t\t{ label: __( 'Default (<div>)' ), value: 'div' },\n\t\t\t\t\t{ label: '<header>', value: 'header' },\n\t\t\t\t\t{ label: '<main>', value: 'main' },\n\t\t\t\t\t{ label: '<section>', value: 'section' },\n\t\t\t\t\t{ label: '<article>', value: 'article' },\n\t\t\t\t\t{ label: '<aside>', value: 'aside' },\n\t\t\t\t\t{ label: '<footer>', value: 'footer' },\n\t\t\t\t] }\n\t\t\t\tvalue={ tagName }\n\t\t\t\tonChange={ onSelectTagName }\n\t\t\t\thelp={ htmlElementMessages[ tagName ] }\n\t\t\t/>\n\t\t</InspectorControls>\n\t);\n}\n\nfunction GroupEdit( { attributes, name, setAttributes, clientId } ) {\n\tconst { hasInnerBlocks, themeSupportsLayout } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlock, getSettings } = select( blockEditorStore );\n\t\t\tconst block = getBlock( clientId );\n\t\t\treturn {\n\t\t\t\thasInnerBlocks: !! ( block && block.innerBlocks.length ),\n\t\t\t\tthemeSupportsLayout: getSettings()?.supportsLayout,\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst {\n\t\ttagName: TagName = 'div',\n\t\ttemplateLock,\n\t\tallowedBlocks,\n\t\tlayout = {},\n\t} = attributes;\n\n\t// Layout settings.\n\tconst { type = 'default' } = layout;\n\tconst layoutSupportEnabled =\n\t\tthemeSupportsLayout || type === 'flex' || type === 'grid';\n\n\t// Hooks.\n\tconst ref = useRef();\n\tconst blockProps = useBlockProps( { ref } );\n\n\tconst [ showPlaceholder, setShowPlaceholder ] = useShouldShowPlaceHolder( {\n\t\tattributes,\n\t\tusedLayoutType: type,\n\t\thasInnerBlocks,\n\t} );\n\n\t// Default to the regular appender being rendered.\n\tlet renderAppender;\n\tif ( showPlaceholder ) {\n\t\t// In the placeholder state, ensure the appender is not rendered.\n\t\t// This is needed because `...innerBlocksProps` is used in the placeholder\n\t\t// state so that blocks can dragged onto the placeholder area\n\t\t// from both the list view and in the editor canvas.\n\t\trenderAppender = false;\n\t} else if ( ! hasInnerBlocks ) {\n\t\t// When there is no placeholder, but the block is also empty,\n\t\t// use the larger button appender.\n\t\trenderAppender = InnerBlocks.ButtonBlockAppender;\n\t}\n\n\tconst innerBlocksProps = useInnerBlocksProps(\n\t\tlayoutSupportEnabled\n\t\t\t? blockProps\n\t\t\t: { className: 'wp-block-group__inner-container' },\n\t\t{\n\t\t\tdropZoneElement: ref.current,\n\t\t\ttemplateLock,\n\t\t\tallowedBlocks,\n\t\t\trenderAppender,\n\t\t}\n\t);\n\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\n\tconst selectVariation = ( nextVariation ) => {\n\t\tsetAttributes( nextVariation.attributes );\n\t\tselectBlock( clientId, -1 );\n\t\tsetShowPlaceholder( false );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<GroupEditControls\n\t\t\t\ttagName={ TagName }\n\t\t\t\tonSelectTagName={ ( value ) =>\n\t\t\t\t\tsetAttributes( { tagName: value } )\n\t\t\t\t}\n\t\t\t/>\n\t\t\t{ showPlaceholder && (\n\t\t\t\t<View>\n\t\t\t\t\t{ innerBlocksProps.children }\n\t\t\t\t\t<GroupPlaceHolder\n\t\t\t\t\t\tname={ name }\n\t\t\t\t\t\tonSelect={ selectVariation }\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t) }\n\t\t\t{ layoutSupportEnabled && ! showPlaceholder && (\n\t\t\t\t<TagName { ...innerBlocksProps } />\n\t\t\t) }\n\t\t\t{ /* Ideally this is not needed but it's there for backward compatibility reason\n\t\t\t\tto keep this div for themes that might rely on its presence */ }\n\t\t\t{ ! layoutSupportEnabled && ! showPlaceholder && (\n\t\t\t\t<TagName { ...blockProps }>\n\t\t\t\t\t<div { ...innerBlocksProps } />\n\t\t\t\t</TagName>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default GroupEdit;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_data","require","_blockEditor","_element","_i18n","_primitives","_placeholder","_interopRequireWildcard","_lockUnlock","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","HTMLElementControl","unlock","blockEditorPrivateApis","GroupEditControls","tagName","onSelectTagName","clientId","jsx","InspectorControls","group","children","onChange","options","label","__","value","GroupEdit","attributes","name","setAttributes","hasInnerBlocks","themeSupportsLayout","useSelect","select","getBlock","getSettings","blockEditorStore","block","innerBlocks","length","supportsLayout","TagName","templateLock","allowedBlocks","layout","type","layoutSupportEnabled","ref","useRef","blockProps","useBlockProps","showPlaceholder","setShowPlaceholder","useShouldShowPlaceHolder","usedLayoutType","renderAppender","InnerBlocks","ButtonBlockAppender","innerBlocksProps","useInnerBlocksProps","className","dropZoneElement","current","selectBlock","useDispatch","selectVariation","nextVariation","jsxs","Fragment","View","onSelect","_default","exports"],"sources":["@wordpress/block-library/src/group/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport {\n\tInnerBlocks,\n\tuseBlockProps,\n\tInspectorControls,\n\tuseInnerBlocksProps,\n\tstore as blockEditorStore,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { useRef } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { View } from '@wordpress/primitives';\n\n/**\n * Internal dependencies\n */\nimport GroupPlaceHolder, { useShouldShowPlaceHolder } from './placeholder';\nimport { unlock } from '../lock-unlock';\n\nconst { HTMLElementControl } = unlock( blockEditorPrivateApis );\n\n/**\n * Render inspector controls for the Group block.\n *\n * @param {Object}   props                 Component props.\n * @param {string}   props.tagName         The HTML tag name.\n * @param {Function} props.onSelectTagName onChange function for the SelectControl.\n * @param {string}   props.clientId        The client ID of the current block.\n *\n * @return {JSX.Element}                The control group.\n */\nfunction GroupEditControls( { tagName, onSelectTagName, clientId } ) {\n\treturn (\n\t\t<InspectorControls group=\"advanced\">\n\t\t\t<HTMLElementControl\n\t\t\t\ttagName={ tagName }\n\t\t\t\tonChange={ onSelectTagName }\n\t\t\t\tclientId={ clientId }\n\t\t\t\toptions={ [\n\t\t\t\t\t{ label: __( 'Default (<div>)' ), value: 'div' },\n\t\t\t\t\t{ label: '<header>', value: 'header' },\n\t\t\t\t\t{ label: '<main>', value: 'main' },\n\t\t\t\t\t{ label: '<section>', value: 'section' },\n\t\t\t\t\t{ label: '<article>', value: 'article' },\n\t\t\t\t\t{ label: '<aside>', value: 'aside' },\n\t\t\t\t\t{ label: '<footer>', value: 'footer' },\n\t\t\t\t] }\n\t\t\t/>\n\t\t</InspectorControls>\n\t);\n}\n\nfunction GroupEdit( { attributes, name, setAttributes, clientId } ) {\n\tconst { hasInnerBlocks, themeSupportsLayout } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlock, getSettings } = select( blockEditorStore );\n\t\t\tconst block = getBlock( clientId );\n\t\t\treturn {\n\t\t\t\thasInnerBlocks: !! ( block && block.innerBlocks.length ),\n\t\t\t\tthemeSupportsLayout: getSettings()?.supportsLayout,\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst {\n\t\ttagName: TagName = 'div',\n\t\ttemplateLock,\n\t\tallowedBlocks,\n\t\tlayout = {},\n\t} = attributes;\n\n\t// Layout settings.\n\tconst { type = 'default' } = layout;\n\tconst layoutSupportEnabled =\n\t\tthemeSupportsLayout || type === 'flex' || type === 'grid';\n\n\t// Hooks.\n\tconst ref = useRef();\n\tconst blockProps = useBlockProps( { ref } );\n\n\tconst [ showPlaceholder, setShowPlaceholder ] = useShouldShowPlaceHolder( {\n\t\tattributes,\n\t\tusedLayoutType: type,\n\t\thasInnerBlocks,\n\t} );\n\n\t// Default to the regular appender being rendered.\n\tlet renderAppender;\n\tif ( showPlaceholder ) {\n\t\t// In the placeholder state, ensure the appender is not rendered.\n\t\t// This is needed because `...innerBlocksProps` is used in the placeholder\n\t\t// state so that blocks can dragged onto the placeholder area\n\t\t// from both the list view and in the editor canvas.\n\t\trenderAppender = false;\n\t} else if ( ! hasInnerBlocks ) {\n\t\t// When there is no placeholder, but the block is also empty,\n\t\t// use the larger button appender.\n\t\trenderAppender = InnerBlocks.ButtonBlockAppender;\n\t}\n\n\tconst innerBlocksProps = useInnerBlocksProps(\n\t\tlayoutSupportEnabled\n\t\t\t? blockProps\n\t\t\t: { className: 'wp-block-group__inner-container' },\n\t\t{\n\t\t\tdropZoneElement: ref.current,\n\t\t\ttemplateLock,\n\t\t\tallowedBlocks,\n\t\t\trenderAppender,\n\t\t}\n\t);\n\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\n\tconst selectVariation = ( nextVariation ) => {\n\t\tsetAttributes( nextVariation.attributes );\n\t\tselectBlock( clientId, -1 );\n\t\tsetShowPlaceholder( false );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<GroupEditControls\n\t\t\t\ttagName={ TagName }\n\t\t\t\tonSelectTagName={ ( value ) =>\n\t\t\t\t\tsetAttributes( { tagName: value } )\n\t\t\t\t}\n\t\t\t\tclientId={ clientId }\n\t\t\t/>\n\t\t\t{ showPlaceholder && (\n\t\t\t\t<View>\n\t\t\t\t\t{ innerBlocksProps.children }\n\t\t\t\t\t<GroupPlaceHolder\n\t\t\t\t\t\tname={ name }\n\t\t\t\t\t\tonSelect={ selectVariation }\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t) }\n\t\t\t{ layoutSupportEnabled && ! showPlaceholder && (\n\t\t\t\t<TagName { ...innerBlocksProps } />\n\t\t\t) }\n\t\t\t{ /* Ideally this is not needed but it's there for backward compatibility reason\n\t\t\t\tto keep this div for themes that might rely on its presence */ }\n\t\t\t{ ! layoutSupportEnabled && ! showPlaceholder && (\n\t\t\t\t<TagName { ...blockProps }>\n\t\t\t\t\t<div { ...innerBlocksProps } />\n\t\t\t\t</TagName>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default GroupEdit;\n"],"mappings":"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","ignoreList":[]}

package/build/image/edit.js

@@ -225,12 +225,6 @@ function ImageEdit({
       additionalAttributes = {
         sizeSlug: newSize
       };
-    } else {
-      // Keep the same url when selecting the same file, so "Resolution"
-      // option is not changed.
-      additionalAttributes = {
-        url
-      };
     }
 
     // Check if default link setting should be used.