@wordpress/block-library 8.11.0 → 8.12.1

package/build-module/cover/focal-point-settings-button.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/cover/focal-point-settings-button.native.js"],"names":["useNavigation","View","__","Icon","BottomSheet","blockSettingsScreens","chevronRight","styles","FocalPointSettingsButton","disabled","focalPoint","onFocalPointChange","url","navigation","dimmedActionButton","navigate"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,aAAT,QAA8B,0BAA9B;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA;AACA;AACA;;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,IAAT,EAAeC,WAAf,QAAkC,uBAAlC;AACA,SAASC,oBAAT,QAAqC,yBAArC;AACA,SAASC,YAAT,QAA6B,kBAA7B;AAEA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,cAAnB;;AAEA,SAASC,wBAAT,OAKI;AAAA,MAL+B;AAClCC,IAAAA,QADkC;AAElCC,IAAAA,UAFkC;AAGlCC,IAAAA,kBAHkC;AAIlCC,IAAAA;AAJkC,GAK/B;AACH,QAAMC,UAAU,GAAGb,aAAa,EAAhC;AACA,SACC,cAAC,WAAD,CAAa,IAAb;AACC,IAAA,kBAAkB,MADnB;AAEC,IAAA,QAAQ,EAAGS,QAFZ;AAGC,IAAA,UAAU,EAAGA,QAAQ,IAAIF,MAAM,CAACO,kBAHjC;AAIC,IAAA,SAAS,MAJV;AAKC,IAAA,KAAK,EAAGZ,EAAE,CAAE,kBAAF,CALX;AAMC,IAAA,OAAO,EAAG,MAAM;AACfW,MAAAA,UAAU,CAACE,QAAX,CAAqBV,oBAAoB,CAACK,UAA1C,EAAsD;AACrDA,QAAAA,UADqD;AAErDC,QAAAA,kBAFqD;AAGrDC,QAAAA;AAHqD,OAAtD;AAKA;AAZF,KAkBC,cAAC,IAAD;AAAM,IAAA,KAAK,EAAGH,QAAQ,IAAIF,MAAM,CAACO;AAAjC,KACC,cAAC,IAAD;AAAM,IAAA,IAAI,EAAGR;AAAb,IADD,CAlBD,CADD;AAwBA;;AAED,eAAeE,wBAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { useNavigation } from '@react-navigation/native';\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Icon, BottomSheet } from '@wordpress/components';\nimport { blockSettingsScreens } from '@wordpress/block-editor';\nimport { chevronRight } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nfunction FocalPointSettingsButton( {\n\tdisabled,\n\tfocalPoint,\n\tonFocalPointChange,\n\turl,\n} ) {\n\tconst navigation = useNavigation();\n\treturn (\n\t\t<BottomSheet.Cell\n\t\t\tcustomActionButton\n\t\t\tdisabled={ disabled }\n\t\t\tlabelStyle={ disabled && styles.dimmedActionButton }\n\t\t\tleftAlign\n\t\t\tlabel={ __( 'Edit focal point' ) }\n\t\t\tonPress={ () => {\n\t\t\t\tnavigation.navigate( blockSettingsScreens.focalPoint, {\n\t\t\t\t\tfocalPoint,\n\t\t\t\t\tonFocalPointChange,\n\t\t\t\t\turl,\n\t\t\t\t} );\n\t\t\t} }\n\t\t>\n\t\t\t{ /*\n\t\t\t * Wrapper View element used around Icon as workaround for SVG opacity\n\t\t\t * issue: https://github.com/react-native-svg/react-native-svg/issues/1345\n\t\t\t */ }\n\t\t\t<View style={ disabled && styles.dimmedActionButton }>\n\t\t\t\t<Icon icon={ chevronRight } />\n\t\t\t</View>\n\t\t</BottomSheet.Cell>\n\t);\n}\n\nexport default FocalPointSettingsButton;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/cover/focal-point-settings-button.native.js"],"names":["useNavigation","View","__","Icon","BottomSheet","blockSettingsScreens","chevronRight","styles","FocalPointSettingsButton","disabled","focalPoint","onFocalPointChange","url","navigation","dimmedActionButton","navigate"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,aAAT,QAA8B,0BAA9B;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA;AACA;AACA;;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,IAAT,EAAeC,WAAf,QAAkC,uBAAlC;AACA,SAASC,oBAAT,QAAqC,yBAArC;AACA,SAASC,YAAT,QAA6B,kBAA7B;AAEA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,cAAnB;;AAEA,SAASC,wBAAT,CAAmC;AAClCC,EAAAA,QADkC;AAElCC,EAAAA,UAFkC;AAGlCC,EAAAA,kBAHkC;AAIlCC,EAAAA;AAJkC,CAAnC,EAKI;AACH,QAAMC,UAAU,GAAGb,aAAa,EAAhC;AACA,SACC,cAAC,WAAD,CAAa,IAAb;AACC,IAAA,kBAAkB,MADnB;AAEC,IAAA,QAAQ,EAAGS,QAFZ;AAGC,IAAA,UAAU,EAAGA,QAAQ,IAAIF,MAAM,CAACO,kBAHjC;AAIC,IAAA,SAAS,MAJV;AAKC,IAAA,KAAK,EAAGZ,EAAE,CAAE,kBAAF,CALX;AAMC,IAAA,OAAO,EAAG,MAAM;AACfW,MAAAA,UAAU,CAACE,QAAX,CAAqBV,oBAAoB,CAACK,UAA1C,EAAsD;AACrDA,QAAAA,UADqD;AAErDC,QAAAA,kBAFqD;AAGrDC,QAAAA;AAHqD,OAAtD;AAKA;AAZF,KAkBC,cAAC,IAAD;AAAM,IAAA,KAAK,EAAGH,QAAQ,IAAIF,MAAM,CAACO;AAAjC,KACC,cAAC,IAAD;AAAM,IAAA,IAAI,EAAGR;AAAb,IADD,CAlBD,CADD;AAwBA;;AAED,eAAeE,wBAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { useNavigation } from '@react-navigation/native';\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Icon, BottomSheet } from '@wordpress/components';\nimport { blockSettingsScreens } from '@wordpress/block-editor';\nimport { chevronRight } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nfunction FocalPointSettingsButton( {\n\tdisabled,\n\tfocalPoint,\n\tonFocalPointChange,\n\turl,\n} ) {\n\tconst navigation = useNavigation();\n\treturn (\n\t\t<BottomSheet.Cell\n\t\t\tcustomActionButton\n\t\t\tdisabled={ disabled }\n\t\t\tlabelStyle={ disabled && styles.dimmedActionButton }\n\t\t\tleftAlign\n\t\t\tlabel={ __( 'Edit focal point' ) }\n\t\t\tonPress={ () => {\n\t\t\t\tnavigation.navigate( blockSettingsScreens.focalPoint, {\n\t\t\t\t\tfocalPoint,\n\t\t\t\t\tonFocalPointChange,\n\t\t\t\t\turl,\n\t\t\t\t} );\n\t\t\t} }\n\t\t>\n\t\t\t{ /*\n\t\t\t * Wrapper View element used around Icon as workaround for SVG opacity\n\t\t\t * issue: https://github.com/react-native-svg/react-native-svg/issues/1345\n\t\t\t */ }\n\t\t\t<View style={ disabled && styles.dimmedActionButton }>\n\t\t\t\t<Icon icon={ chevronRight } />\n\t\t\t</View>\n\t\t</BottomSheet.Cell>\n\t);\n}\n\nexport default FocalPointSettingsButton;\n"]}

package/build-module/cover/index.js

@@ -12,7 +12,7 @@ import deprecated from './deprecated';
 import edit from './edit';
 const metadata = {
   $schema: "https://schemas.wp.org/trunk/block.json",
-  apiVersion: 2,
+  apiVersion: 3,
   name: "core/cover",
   title: "Cover",
   category: "media",
@@ -137,7 +137,7 @@ const metadata = {
         fontSize: true
       }
     },
-    __experimentalLayout: {
+    layout: {
       allowJustification: false
     }
   },

package/build-module/cover/overlay-color-settings.native.js

@@ -12,14 +12,13 @@ import { getColorObjectByColorValue, getColorObjectByAttributeValues, getGradien
 import { useMemo } from '@wordpress/element';
 import { useMobileGlobalStylesColors } from '@wordpress/components';
 
-function OverlayColorSettings(_ref) {
-  let {
-    overlayColor,
-    customOverlayColor,
-    gradient,
-    customGradient,
-    setAttributes
-  } = _ref;
+function OverlayColorSettings({
+  overlayColor,
+  customOverlayColor,
+  gradient,
+  customGradient,
+  setAttributes
+}) {
   const colors = useMobileGlobalStylesColors();
   const gradients = useMobileGlobalStylesColors('gradients');
   const gradientValue = customGradient || getGradientValueBySlug(gradients, gradient);
@@ -44,7 +43,7 @@ function OverlayColorSettings(_ref) {
 
       const colorObject = getColorObjectByColorValue(colors, value);
 
-      if (colorObject !== null && colorObject !== void 0 && colorObject.slug) {
+      if (colorObject?.slug) {
         setOverlayAttribute('overlayColor', colorObject.slug);
       } else {
         setOverlayAttribute('customOverlayColor', value);

package/build-module/cover/overlay-color-settings.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/cover/overlay-color-settings.native.js"],"names":["__","getColorObjectByColorValue","getColorObjectByAttributeValues","getGradientValueBySlug","getGradientSlugByValue","__experimentalPanelColorGradientSettings","PanelColorGradientSettings","useMemo","useMobileGlobalStylesColors","OverlayColorSettings","overlayColor","customOverlayColor","gradient","customGradient","setAttributes","colors","gradients","gradientValue","colorValue","color","settings","setOverlayAttribute","attributeName","value","undefined","onColorChange","colorObject","slug","onGradientChange","onColorCleared","label"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport {\n\tgetColorObjectByColorValue,\n\tgetColorObjectByAttributeValues,\n\tgetGradientValueBySlug,\n\tgetGradientSlugByValue,\n\t__experimentalPanelColorGradientSettings as PanelColorGradientSettings,\n} from '@wordpress/block-editor';\nimport { useMemo } from '@wordpress/element';\nimport { useMobileGlobalStylesColors } from '@wordpress/components';\n\nfunction OverlayColorSettings( {\n\toverlayColor,\n\tcustomOverlayColor,\n\tgradient,\n\tcustomGradient,\n\tsetAttributes,\n} ) {\n\tconst colors = useMobileGlobalStylesColors();\n\tconst gradients = useMobileGlobalStylesColors( 'gradients' );\n\n\tconst gradientValue =\n\t\tcustomGradient || getGradientValueBySlug( gradients, gradient );\n\n\tconst colorValue = getColorObjectByAttributeValues(\n\t\tcolors,\n\t\toverlayColor,\n\t\tcustomOverlayColor\n\t).color;\n\n\tconst settings = useMemo( () => {\n\t\tconst setOverlayAttribute = ( attributeName, value ) => {\n\t\t\tsetAttributes( {\n\t\t\t\t// Clear all related attributes (only one should be set)\n\t\t\t\toverlayColor: undefined,\n\t\t\t\tcustomOverlayColor: undefined,\n\t\t\t\tgradient: undefined,\n\t\t\t\tcustomGradient: undefined,\n\t\t\t\t[ attributeName ]: value,\n\t\t\t} );\n\t\t};\n\n\t\tconst onColorChange = ( value ) => {\n\t\t\t// Do nothing for falsy values.\n\t\t\tif ( ! value ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst colorObject = getColorObjectByColorValue( colors, value );\n\t\t\tif ( colorObject?.slug ) {\n\t\t\t\tsetOverlayAttribute( 'overlayColor', colorObject.slug );\n\t\t\t} else {\n\t\t\t\tsetOverlayAttribute( 'customOverlayColor', value );\n\t\t\t}\n\t\t};\n\n\t\tconst onGradientChange = ( value ) => {\n\t\t\t// Do nothing for falsy values.\n\t\t\tif ( ! value ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst slug = getGradientSlugByValue( gradients, value );\n\t\t\tif ( slug ) {\n\t\t\t\tsetOverlayAttribute( 'gradient', slug );\n\t\t\t} else {\n\t\t\t\tsetOverlayAttribute( 'customGradient', value );\n\t\t\t}\n\t\t};\n\n\t\tconst onColorCleared = () => {\n\t\t\tsetAttributes( {\n\t\t\t\toverlayColor: undefined,\n\t\t\t\tcustomOverlayColor: undefined,\n\t\t\t\tgradient: undefined,\n\t\t\t\tcustomGradient: undefined,\n\t\t\t} );\n\t\t};\n\n\t\treturn [\n\t\t\t{\n\t\t\t\tlabel: __( 'Color' ),\n\t\t\t\tonColorChange,\n\t\t\t\tcolorValue,\n\t\t\t\tgradientValue,\n\t\t\t\tonGradientChange,\n\t\t\t\tonColorCleared,\n\t\t\t},\n\t\t];\n\t}, [ colorValue, gradientValue, colors, gradients ] );\n\n\treturn (\n\t\t<PanelColorGradientSettings\n\t\t\ttitle={ __( 'Overlay' ) }\n\t\t\tinitialOpen={ false }\n\t\t\tsettings={ settings }\n\t\t/>\n\t);\n}\n\nexport default OverlayColorSettings;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/cover/overlay-color-settings.native.js"],"names":["__","getColorObjectByColorValue","getColorObjectByAttributeValues","getGradientValueBySlug","getGradientSlugByValue","__experimentalPanelColorGradientSettings","PanelColorGradientSettings","useMemo","useMobileGlobalStylesColors","OverlayColorSettings","overlayColor","customOverlayColor","gradient","customGradient","setAttributes","colors","gradients","gradientValue","colorValue","color","settings","setOverlayAttribute","attributeName","value","undefined","onColorChange","colorObject","slug","onGradientChange","onColorCleared","label"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport {\n\tgetColorObjectByColorValue,\n\tgetColorObjectByAttributeValues,\n\tgetGradientValueBySlug,\n\tgetGradientSlugByValue,\n\t__experimentalPanelColorGradientSettings as PanelColorGradientSettings,\n} from '@wordpress/block-editor';\nimport { useMemo } from '@wordpress/element';\nimport { useMobileGlobalStylesColors } from '@wordpress/components';\n\nfunction OverlayColorSettings( {\n\toverlayColor,\n\tcustomOverlayColor,\n\tgradient,\n\tcustomGradient,\n\tsetAttributes,\n} ) {\n\tconst colors = useMobileGlobalStylesColors();\n\tconst gradients = useMobileGlobalStylesColors( 'gradients' );\n\n\tconst gradientValue =\n\t\tcustomGradient || getGradientValueBySlug( gradients, gradient );\n\n\tconst colorValue = getColorObjectByAttributeValues(\n\t\tcolors,\n\t\toverlayColor,\n\t\tcustomOverlayColor\n\t).color;\n\n\tconst settings = useMemo( () => {\n\t\tconst setOverlayAttribute = ( attributeName, value ) => {\n\t\t\tsetAttributes( {\n\t\t\t\t// Clear all related attributes (only one should be set)\n\t\t\t\toverlayColor: undefined,\n\t\t\t\tcustomOverlayColor: undefined,\n\t\t\t\tgradient: undefined,\n\t\t\t\tcustomGradient: undefined,\n\t\t\t\t[ attributeName ]: value,\n\t\t\t} );\n\t\t};\n\n\t\tconst onColorChange = ( value ) => {\n\t\t\t// Do nothing for falsy values.\n\t\t\tif ( ! value ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst colorObject = getColorObjectByColorValue( colors, value );\n\t\t\tif ( colorObject?.slug ) {\n\t\t\t\tsetOverlayAttribute( 'overlayColor', colorObject.slug );\n\t\t\t} else {\n\t\t\t\tsetOverlayAttribute( 'customOverlayColor', value );\n\t\t\t}\n\t\t};\n\n\t\tconst onGradientChange = ( value ) => {\n\t\t\t// Do nothing for falsy values.\n\t\t\tif ( ! value ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst slug = getGradientSlugByValue( gradients, value );\n\t\t\tif ( slug ) {\n\t\t\t\tsetOverlayAttribute( 'gradient', slug );\n\t\t\t} else {\n\t\t\t\tsetOverlayAttribute( 'customGradient', value );\n\t\t\t}\n\t\t};\n\n\t\tconst onColorCleared = () => {\n\t\t\tsetAttributes( {\n\t\t\t\toverlayColor: undefined,\n\t\t\t\tcustomOverlayColor: undefined,\n\t\t\t\tgradient: undefined,\n\t\t\t\tcustomGradient: undefined,\n\t\t\t} );\n\t\t};\n\n\t\treturn [\n\t\t\t{\n\t\t\t\tlabel: __( 'Color' ),\n\t\t\t\tonColorChange,\n\t\t\t\tcolorValue,\n\t\t\t\tgradientValue,\n\t\t\t\tonGradientChange,\n\t\t\t\tonColorCleared,\n\t\t\t},\n\t\t];\n\t}, [ colorValue, gradientValue, colors, gradients ] );\n\n\treturn (\n\t\t<PanelColorGradientSettings\n\t\t\ttitle={ __( 'Overlay' ) }\n\t\t\tinitialOpen={ false }\n\t\t\tsettings={ settings }\n\t\t/>\n\t);\n}\n\nexport default OverlayColorSettings;\n"]}

package/build-module/cover/save.js

@@ -14,10 +14,9 @@ import { useInnerBlocksProps, getColorClassName, __experimentalGetGradientClass,
  */
 
 import { IMAGE_BACKGROUND_TYPE, VIDEO_BACKGROUND_TYPE, dimRatioToClass, isContentPositionCenter, getPositionClassName, mediaPosition } from './shared';
-export default function save(_ref) {
-  let {
-    attributes
-  } = _ref;
+export default function save({
+  attributes
+}) {
   const {
     backgroundType,
     gradient,
@@ -68,10 +67,11 @@ export default function save(_ref) {
     'is-repeated': isRepeated
   });
   const gradientValue = gradient || customGradient;
-  return createElement(Tag, useBlockProps.save({
-    className: classes,
-    style
-  }), createElement("span", {
+  return createElement(Tag, { ...useBlockProps.save({
+      className: classes,
+      style
+    })
+  }, createElement("span", {
     "aria-hidden": "true",
     className: classnames('wp-block-cover__background', overlayColorClass, dimRatioToClass(dimRatio), {
       'has-background-dim': dimRatio !== undefined,
@@ -111,8 +111,9 @@ export default function save(_ref) {
     },
     "data-object-fit": "cover",
     "data-object-position": objectPosition
-  }), createElement("div", useInnerBlocksProps.save({
-    className: 'wp-block-cover__inner-container'
-  })));
+  }), createElement("div", { ...useInnerBlocksProps.save({
+      className: 'wp-block-cover__inner-container'
+    })
+  }));
 }
 //# sourceMappingURL=save.js.map

package/build-module/cover/save.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/cover/save.js"],"names":["classnames","useInnerBlocksProps","getColorClassName","__experimentalGetGradientClass","useBlockProps","IMAGE_BACKGROUND_TYPE","VIDEO_BACKGROUND_TYPE","dimRatioToClass","isContentPositionCenter","getPositionClassName","mediaPosition","save","attributes","backgroundType","gradient","contentPosition","customGradient","customOverlayColor","dimRatio","focalPoint","useFeaturedImage","hasParallax","isDark","isRepeated","overlayColor","url","alt","id","minHeight","minHeightProp","minHeightUnit","tagName","Tag","overlayColorClass","gradientClass","isImageBackground","isVideoBackground","isImgElement","style","undefined","bgStyle","backgroundColor","background","objectPosition","backgroundImage","backgroundPosition","classes","imgClasses","gradientValue","className"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SACCC,mBADD,EAECC,iBAFD,EAGCC,8BAHD,EAICC,aAJD,QAKO,yBALP;AAOA;AACA;AACA;;AACA,SACCC,qBADD,EAECC,qBAFD,EAGCC,eAHD,EAICC,uBAJD,EAKCC,oBALD,EAMCC,aAND,QAOO,UAPP;AASA,eAAe,SAASC,IAAT,OAAgC;AAAA,MAAjB;AAAEC,IAAAA;AAAF,GAAiB;AAC9C,QAAM;AACLC,IAAAA,cADK;AAELC,IAAAA,QAFK;AAGLC,IAAAA,eAHK;AAILC,IAAAA,cAJK;AAKLC,IAAAA,kBALK;AAMLC,IAAAA,QANK;AAOLC,IAAAA,UAPK;AAQLC,IAAAA,gBARK;AASLC,IAAAA,WATK;AAULC,IAAAA,MAVK;AAWLC,IAAAA,UAXK;AAYLC,IAAAA,YAZK;AAaLC,IAAAA,GAbK;AAcLC,IAAAA,GAdK;AAeLC,IAAAA,EAfK;AAgBLC,IAAAA,SAAS,EAAEC,aAhBN;AAiBLC,IAAAA,aAjBK;AAkBLC,IAAAA,OAAO,EAAEC;AAlBJ,MAmBFpB,UAnBJ;AAoBA,QAAMqB,iBAAiB,GAAG/B,iBAAiB,CAC1C,kBAD0C,EAE1CsB,YAF0C,CAA3C;;AAIA,QAAMU,aAAa,GAAG/B,8BAA8B,CAAEW,QAAF,CAApD;;AACA,QAAMc,SAAS,GACdC,aAAa,IAAIC,aAAjB,GACI,GAAGD,aAAe,GAAGC,aAAe,EADxC,GAEGD,aAHJ;AAKA,QAAMM,iBAAiB,GAAG9B,qBAAqB,KAAKQ,cAApD;AACA,QAAMuB,iBAAiB,GAAG9B,qBAAqB,KAAKO,cAApD;AAEA,QAAMwB,YAAY,GAAG,EAAIhB,WAAW,IAAIE,UAAnB,CAArB;AAEA,QAAMe,KAAK,GAAG;AACbV,IAAAA,SAAS,EAAEA,SAAS,IAAIW;AADX,GAAd;AAIA,QAAMC,OAAO,GAAG;AACfC,IAAAA,eAAe,EAAE,CAAER,iBAAF,GAAsBhB,kBAAtB,GAA2CsB,SAD7C;AAEfG,IAAAA,UAAU,EAAE1B,cAAc,GAAGA,cAAH,GAAoBuB;AAF/B,GAAhB;AAKA,QAAMI,cAAc,GACnB;AACAxB,EAAAA,UAAU,IAAIkB,YAAd,GACK3B,aAAa,CAACS,UAAD,CADlB,GAEKoB,SAJN;AAMA,QAAMK,eAAe,GAAGnB,GAAG,GAAI,OAAOA,GAAK,GAAhB,GAAqBc,SAAhD;AAEA,QAAMM,kBAAkB,GAAGnC,aAAa,CAAES,UAAF,CAAxC;AAEA,QAAM2B,OAAO,GAAG9C,UAAU,CACzB;AACC,gBAAY,CAAEsB,MADf;AAEC,oBAAgBD,WAFjB;AAGC,mBAAeE,UAHhB;AAIC,mCACC,CAAEf,uBAAuB,CAAEO,eAAF;AAL3B,GADyB,EAQzBN,oBAAoB,CAAEM,eAAF,CARK,CAA1B;AAWA,QAAMgC,UAAU,GAAG/C,UAAU,CAC5B,kCAD4B,EAE5B2B,EAAE,GAAI,YAAYA,EAAI,EAApB,GAAwB,IAFE,EAG5B;AACC,oBAAgBN,WADjB;AAEC,mBAAeE;AAFhB,GAH4B,CAA7B;AASA,QAAMyB,aAAa,GAAGlC,QAAQ,IAAIE,cAAlC;AAEA,SACC,cAAC,GAAD,EAAUZ,aAAa,CAACO,IAAd,CAAoB;AAAEsC,IAAAA,SAAS,EAAEH,OAAb;AAAsBR,IAAAA;AAAtB,GAApB,CAAV,EACC;AACC,mBAAY,MADb;AAEC,IAAA,SAAS,EAAGtC,UAAU,CACrB,4BADqB,EAErBiC,iBAFqB,EAGrB1B,eAAe,CAAEW,QAAF,CAHM,EAIrB;AACC,4BAAsBA,QAAQ,KAAKqB,SADpC;AAEC;AACA;AACA;AACA,6CACCd,GAAG,IAAIuB,aAAP,IAAwB9B,QAAQ,KAAK,CANvC;AAOC,iCAA2B8B,aAP5B;AAQC,OAAEd,aAAF,GAAmBA;AARpB,KAJqB,CAFvB;AAiBC,IAAA,KAAK,EAAGM;AAjBT,IADD,EAqBG,CAAEpB,gBAAF,IACDe,iBADC,IAEDV,GAFC,KAGCY,YAAY,GACb;AACC,IAAA,SAAS,EAAGU,UADb;AAEC,IAAA,GAAG,EAAGrB,GAFP;AAGC,IAAA,GAAG,EAAGD,GAHP;AAIC,IAAA,KAAK,EAAG;AAAEkB,MAAAA;AAAF,KAJT;AAKC,uBAAgB,OALjB;AAMC,4BAAuBA;AANxB,IADa,GAUb;AACC,IAAA,IAAI,EAAC,KADN;AAEC,IAAA,SAAS,EAAGI,UAFb;AAGC,IAAA,KAAK,EAAG;AAAEF,MAAAA,kBAAF;AAAsBD,MAAAA;AAAtB;AAHT,IAbA,CArBH,EAwCGR,iBAAiB,IAAIX,GAArB,IACD;AACC,IAAA,SAAS,EAAGzB,UAAU,CACrB,kCADqB,EAErB,kBAFqB,CADvB;AAKC,IAAA,QAAQ,MALT;AAMC,IAAA,KAAK,MANN;AAOC,IAAA,IAAI,MAPL;AAQC,IAAA,WAAW,MARZ;AASC,IAAA,GAAG,EAAGyB,GATP;AAUC,IAAA,KAAK,EAAG;AAAEkB,MAAAA;AAAF,KAVT;AAWC,uBAAgB,OAXjB;AAYC,4BAAuBA;AAZxB,IAzCF,EAwDC,qBACM1C,mBAAmB,CAACU,IAApB,CAA0B;AAC9BsC,IAAAA,SAAS,EAAE;AADmB,GAA1B,CADN,CAxDD,CADD;AAgEA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseInnerBlocksProps,\n\tgetColorClassName,\n\t__experimentalGetGradientClass,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport {\n\tIMAGE_BACKGROUND_TYPE,\n\tVIDEO_BACKGROUND_TYPE,\n\tdimRatioToClass,\n\tisContentPositionCenter,\n\tgetPositionClassName,\n\tmediaPosition,\n} from './shared';\n\nexport default function save( { attributes } ) {\n\tconst {\n\t\tbackgroundType,\n\t\tgradient,\n\t\tcontentPosition,\n\t\tcustomGradient,\n\t\tcustomOverlayColor,\n\t\tdimRatio,\n\t\tfocalPoint,\n\t\tuseFeaturedImage,\n\t\thasParallax,\n\t\tisDark,\n\t\tisRepeated,\n\t\toverlayColor,\n\t\turl,\n\t\talt,\n\t\tid,\n\t\tminHeight: minHeightProp,\n\t\tminHeightUnit,\n\t\ttagName: Tag,\n\t} = attributes;\n\tconst overlayColorClass = getColorClassName(\n\t\t'background-color',\n\t\toverlayColor\n\t);\n\tconst gradientClass = __experimentalGetGradientClass( gradient );\n\tconst minHeight =\n\t\tminHeightProp && minHeightUnit\n\t\t\t? `${ minHeightProp }${ minHeightUnit }`\n\t\t\t: minHeightProp;\n\n\tconst isImageBackground = IMAGE_BACKGROUND_TYPE === backgroundType;\n\tconst isVideoBackground = VIDEO_BACKGROUND_TYPE === backgroundType;\n\n\tconst isImgElement = ! ( hasParallax || isRepeated );\n\n\tconst style = {\n\t\tminHeight: minHeight || undefined,\n\t};\n\n\tconst bgStyle = {\n\t\tbackgroundColor: ! overlayColorClass ? customOverlayColor : undefined,\n\t\tbackground: customGradient ? customGradient : undefined,\n\t};\n\n\tconst objectPosition =\n\t\t// prettier-ignore\n\t\tfocalPoint && isImgElement\n\t\t\t  ? mediaPosition(focalPoint)\n\t\t\t  : undefined;\n\n\tconst backgroundImage = url ? `url(${ url })` : undefined;\n\n\tconst backgroundPosition = mediaPosition( focalPoint );\n\n\tconst classes = classnames(\n\t\t{\n\t\t\t'is-light': ! isDark,\n\t\t\t'has-parallax': hasParallax,\n\t\t\t'is-repeated': isRepeated,\n\t\t\t'has-custom-content-position':\n\t\t\t\t! isContentPositionCenter( contentPosition ),\n\t\t},\n\t\tgetPositionClassName( contentPosition )\n\t);\n\n\tconst imgClasses = classnames(\n\t\t'wp-block-cover__image-background',\n\t\tid ? `wp-image-${ id }` : null,\n\t\t{\n\t\t\t'has-parallax': hasParallax,\n\t\t\t'is-repeated': isRepeated,\n\t\t}\n\t);\n\n\tconst gradientValue = gradient || customGradient;\n\n\treturn (\n\t\t<Tag { ...useBlockProps.save( { className: classes, style } ) }>\n\t\t\t<span\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName={ classnames(\n\t\t\t\t\t'wp-block-cover__background',\n\t\t\t\t\toverlayColorClass,\n\t\t\t\t\tdimRatioToClass( dimRatio ),\n\t\t\t\t\t{\n\t\t\t\t\t\t'has-background-dim': dimRatio !== undefined,\n\t\t\t\t\t\t// For backwards compatibility. Former versions of the Cover Block applied\n\t\t\t\t\t\t// `.wp-block-cover__gradient-background` in the presence of\n\t\t\t\t\t\t// media, a gradient and a dim.\n\t\t\t\t\t\t'wp-block-cover__gradient-background':\n\t\t\t\t\t\t\turl && gradientValue && dimRatio !== 0,\n\t\t\t\t\t\t'has-background-gradient': gradientValue,\n\t\t\t\t\t\t[ gradientClass ]: gradientClass,\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t\tstyle={ bgStyle }\n\t\t\t/>\n\n\t\t\t{ ! useFeaturedImage &&\n\t\t\t\tisImageBackground &&\n\t\t\t\turl &&\n\t\t\t\t( isImgElement ? (\n\t\t\t\t\t<img\n\t\t\t\t\t\tclassName={ imgClasses }\n\t\t\t\t\t\talt={ alt }\n\t\t\t\t\t\tsrc={ url }\n\t\t\t\t\t\tstyle={ { objectPosition } }\n\t\t\t\t\t\tdata-object-fit=\"cover\"\n\t\t\t\t\t\tdata-object-position={ objectPosition }\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<div\n\t\t\t\t\t\trole=\"img\"\n\t\t\t\t\t\tclassName={ imgClasses }\n\t\t\t\t\t\tstyle={ { backgroundPosition, backgroundImage } }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t{ isVideoBackground && url && (\n\t\t\t\t<video\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'wp-block-cover__video-background',\n\t\t\t\t\t\t'intrinsic-ignore'\n\t\t\t\t\t) }\n\t\t\t\t\tautoPlay\n\t\t\t\t\tmuted\n\t\t\t\t\tloop\n\t\t\t\t\tplaysInline\n\t\t\t\t\tsrc={ url }\n\t\t\t\t\tstyle={ { objectPosition } }\n\t\t\t\t\tdata-object-fit=\"cover\"\n\t\t\t\t\tdata-object-position={ objectPosition }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<div\n\t\t\t\t{ ...useInnerBlocksProps.save( {\n\t\t\t\t\tclassName: 'wp-block-cover__inner-container',\n\t\t\t\t} ) }\n\t\t\t/>\n\t\t</Tag>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/cover/save.js"],"names":["classnames","useInnerBlocksProps","getColorClassName","__experimentalGetGradientClass","useBlockProps","IMAGE_BACKGROUND_TYPE","VIDEO_BACKGROUND_TYPE","dimRatioToClass","isContentPositionCenter","getPositionClassName","mediaPosition","save","attributes","backgroundType","gradient","contentPosition","customGradient","customOverlayColor","dimRatio","focalPoint","useFeaturedImage","hasParallax","isDark","isRepeated","overlayColor","url","alt","id","minHeight","minHeightProp","minHeightUnit","tagName","Tag","overlayColorClass","gradientClass","isImageBackground","isVideoBackground","isImgElement","style","undefined","bgStyle","backgroundColor","background","objectPosition","backgroundImage","backgroundPosition","classes","imgClasses","gradientValue","className"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseInnerBlocksProps,\n\tgetColorClassName,\n\t__experimentalGetGradientClass,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport {\n\tIMAGE_BACKGROUND_TYPE,\n\tVIDEO_BACKGROUND_TYPE,\n\tdimRatioToClass,\n\tisContentPositionCenter,\n\tgetPositionClassName,\n\tmediaPosition,\n} from './shared';\n\nexport default function save( { attributes } ) {\n\tconst {\n\t\tbackgroundType,\n\t\tgradient,\n\t\tcontentPosition,\n\t\tcustomGradient,\n\t\tcustomOverlayColor,\n\t\tdimRatio,\n\t\tfocalPoint,\n\t\tuseFeaturedImage,\n\t\thasParallax,\n\t\tisDark,\n\t\tisRepeated,\n\t\toverlayColor,\n\t\turl,\n\t\talt,\n\t\tid,\n\t\tminHeight: minHeightProp,\n\t\tminHeightUnit,\n\t\ttagName: Tag,\n\t} = attributes;\n\tconst overlayColorClass = getColorClassName(\n\t\t'background-color',\n\t\toverlayColor\n\t);\n\tconst gradientClass = __experimentalGetGradientClass( gradient );\n\tconst minHeight =\n\t\tminHeightProp && minHeightUnit\n\t\t\t? `${ minHeightProp }${ minHeightUnit }`\n\t\t\t: minHeightProp;\n\n\tconst isImageBackground = IMAGE_BACKGROUND_TYPE === backgroundType;\n\tconst isVideoBackground = VIDEO_BACKGROUND_TYPE === backgroundType;\n\n\tconst isImgElement = ! ( hasParallax || isRepeated );\n\n\tconst style = {\n\t\tminHeight: minHeight || undefined,\n\t};\n\n\tconst bgStyle = {\n\t\tbackgroundColor: ! overlayColorClass ? customOverlayColor : undefined,\n\t\tbackground: customGradient ? customGradient : undefined,\n\t};\n\n\tconst objectPosition =\n\t\t// prettier-ignore\n\t\tfocalPoint && isImgElement\n\t\t\t  ? mediaPosition(focalPoint)\n\t\t\t  : undefined;\n\n\tconst backgroundImage = url ? `url(${ url })` : undefined;\n\n\tconst backgroundPosition = mediaPosition( focalPoint );\n\n\tconst classes = classnames(\n\t\t{\n\t\t\t'is-light': ! isDark,\n\t\t\t'has-parallax': hasParallax,\n\t\t\t'is-repeated': isRepeated,\n\t\t\t'has-custom-content-position':\n\t\t\t\t! isContentPositionCenter( contentPosition ),\n\t\t},\n\t\tgetPositionClassName( contentPosition )\n\t);\n\n\tconst imgClasses = classnames(\n\t\t'wp-block-cover__image-background',\n\t\tid ? `wp-image-${ id }` : null,\n\t\t{\n\t\t\t'has-parallax': hasParallax,\n\t\t\t'is-repeated': isRepeated,\n\t\t}\n\t);\n\n\tconst gradientValue = gradient || customGradient;\n\n\treturn (\n\t\t<Tag { ...useBlockProps.save( { className: classes, style } ) }>\n\t\t\t<span\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName={ classnames(\n\t\t\t\t\t'wp-block-cover__background',\n\t\t\t\t\toverlayColorClass,\n\t\t\t\t\tdimRatioToClass( dimRatio ),\n\t\t\t\t\t{\n\t\t\t\t\t\t'has-background-dim': dimRatio !== undefined,\n\t\t\t\t\t\t// For backwards compatibility. Former versions of the Cover Block applied\n\t\t\t\t\t\t// `.wp-block-cover__gradient-background` in the presence of\n\t\t\t\t\t\t// media, a gradient and a dim.\n\t\t\t\t\t\t'wp-block-cover__gradient-background':\n\t\t\t\t\t\t\turl && gradientValue && dimRatio !== 0,\n\t\t\t\t\t\t'has-background-gradient': gradientValue,\n\t\t\t\t\t\t[ gradientClass ]: gradientClass,\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t\tstyle={ bgStyle }\n\t\t\t/>\n\n\t\t\t{ ! useFeaturedImage &&\n\t\t\t\tisImageBackground &&\n\t\t\t\turl &&\n\t\t\t\t( isImgElement ? (\n\t\t\t\t\t<img\n\t\t\t\t\t\tclassName={ imgClasses }\n\t\t\t\t\t\talt={ alt }\n\t\t\t\t\t\tsrc={ url }\n\t\t\t\t\t\tstyle={ { objectPosition } }\n\t\t\t\t\t\tdata-object-fit=\"cover\"\n\t\t\t\t\t\tdata-object-position={ objectPosition }\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<div\n\t\t\t\t\t\trole=\"img\"\n\t\t\t\t\t\tclassName={ imgClasses }\n\t\t\t\t\t\tstyle={ { backgroundPosition, backgroundImage } }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t{ isVideoBackground && url && (\n\t\t\t\t<video\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'wp-block-cover__video-background',\n\t\t\t\t\t\t'intrinsic-ignore'\n\t\t\t\t\t) }\n\t\t\t\t\tautoPlay\n\t\t\t\t\tmuted\n\t\t\t\t\tloop\n\t\t\t\t\tplaysInline\n\t\t\t\t\tsrc={ url }\n\t\t\t\t\tstyle={ { objectPosition } }\n\t\t\t\t\tdata-object-fit=\"cover\"\n\t\t\t\t\tdata-object-position={ objectPosition }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<div\n\t\t\t\t{ ...useInnerBlocksProps.save( {\n\t\t\t\t\tclassName: 'wp-block-cover__inner-container',\n\t\t\t\t} ) }\n\t\t\t/>\n\t\t</Tag>\n\t);\n}\n"]}

package/build-module/cover/shared.js

@@ -24,11 +24,10 @@ export const DEFAULT_FOCAL_POINT = {
   y: 0.5
 };
 export const ALLOWED_MEDIA_TYPES = ['image', 'video'];
-export function mediaPosition() {
-  let {
-    x,
-    y
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_FOCAL_POINT;
+export function mediaPosition({
+  x,
+  y
+} = DEFAULT_FOCAL_POINT) {
   return `${Math.round(x * 100)}% ${Math.round(y * 100)}%`;
 }
 export function dimRatioToClass(ratio) {
@@ -71,7 +70,7 @@ export function attributesFromMedia(setAttributes, dimRatio) {
       dimRatio: dimRatio === 100 ? 50 : dimRatio,
       url: media.url,
       id: media.id,
-      alt: media === null || media === void 0 ? void 0 : media.alt,
+      alt: media?.alt,
       backgroundType: mediaType,
       focalPoint: undefined,
       ...(mediaType === VIDEO_BACKGROUND_TYPE ? {

package/build-module/cover/shared.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/cover/shared.js"],"names":["getBlobTypeByURL","isBlobURL","POSITION_CLASSNAMES","center","IMAGE_BACKGROUND_TYPE","VIDEO_BACKGROUND_TYPE","COVER_MIN_HEIGHT","COVER_MAX_HEIGHT","COVER_DEFAULT_HEIGHT","DEFAULT_FOCAL_POINT","x","y","ALLOWED_MEDIA_TYPES","mediaPosition","Math","round","dimRatioToClass","ratio","undefined","attributesFromMedia","setAttributes","dimRatio","media","url","id","type","mediaType","media_type","alt","backgroundType","focalPoint","hasParallax","isContentPositionCenter","contentPosition","getPositionClassName"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { getBlobTypeByURL, isBlobURL } from '@wordpress/blob';\n\nconst POSITION_CLASSNAMES = {\n\t'top left': 'is-position-top-left',\n\t'top center': 'is-position-top-center',\n\t'top right': 'is-position-top-right',\n\t'center left': 'is-position-center-left',\n\t'center center': 'is-position-center-center',\n\tcenter: 'is-position-center-center',\n\t'center right': 'is-position-center-right',\n\t'bottom left': 'is-position-bottom-left',\n\t'bottom center': 'is-position-bottom-center',\n\t'bottom right': 'is-position-bottom-right',\n};\n\nexport const IMAGE_BACKGROUND_TYPE = 'image';\nexport const VIDEO_BACKGROUND_TYPE = 'video';\nexport const COVER_MIN_HEIGHT = 50;\nexport const COVER_MAX_HEIGHT = 1000;\nexport const COVER_DEFAULT_HEIGHT = 300;\nexport const DEFAULT_FOCAL_POINT = { x: 0.5, y: 0.5 };\nexport const ALLOWED_MEDIA_TYPES = [ 'image', 'video' ];\n\nexport function mediaPosition( { x, y } = DEFAULT_FOCAL_POINT ) {\n\treturn `${ Math.round( x * 100 ) }% ${ Math.round( y * 100 ) }%`;\n}\n\nexport function dimRatioToClass( ratio ) {\n\treturn ratio === 50 || ! ratio === undefined\n\t\t? null\n\t\t: 'has-background-dim-' + 10 * Math.round( ratio / 10 );\n}\n\nexport function attributesFromMedia( setAttributes, dimRatio ) {\n\treturn ( media ) => {\n\t\tif ( ! media || ! media.url ) {\n\t\t\tsetAttributes( { url: undefined, id: undefined } );\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isBlobURL( media.url ) ) {\n\t\t\tmedia.type = getBlobTypeByURL( media.url );\n\t\t}\n\n\t\tlet mediaType;\n\t\t// For media selections originated from a file upload.\n\t\tif ( media.media_type ) {\n\t\t\tif ( media.media_type === IMAGE_BACKGROUND_TYPE ) {\n\t\t\t\tmediaType = IMAGE_BACKGROUND_TYPE;\n\t\t\t} else {\n\t\t\t\t// only images and videos are accepted so if the media_type is not an image we can assume it is a video.\n\t\t\t\t// Videos contain the media type of 'file' in the object returned from the rest api.\n\t\t\t\tmediaType = VIDEO_BACKGROUND_TYPE;\n\t\t\t}\n\t\t} else {\n\t\t\t// For media selections originated from existing files in the media library.\n\t\t\tif (\n\t\t\t\tmedia.type !== IMAGE_BACKGROUND_TYPE &&\n\t\t\t\tmedia.type !== VIDEO_BACKGROUND_TYPE\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tmediaType = media.type;\n\t\t}\n\n\t\tsetAttributes( {\n\t\t\tdimRatio: dimRatio === 100 ? 50 : dimRatio,\n\t\t\turl: media.url,\n\t\t\tid: media.id,\n\t\t\talt: media?.alt,\n\t\t\tbackgroundType: mediaType,\n\t\t\tfocalPoint: undefined,\n\t\t\t...( mediaType === VIDEO_BACKGROUND_TYPE\n\t\t\t\t? { hasParallax: undefined }\n\t\t\t\t: {} ),\n\t\t} );\n\t};\n}\n\n/**\n * Checks of the contentPosition is the center (default) position.\n *\n * @param {string} contentPosition The current content position.\n * @return {boolean} Whether the contentPosition is center.\n */\nexport function isContentPositionCenter( contentPosition ) {\n\treturn (\n\t\t! contentPosition ||\n\t\tcontentPosition === 'center center' ||\n\t\tcontentPosition === 'center'\n\t);\n}\n\n/**\n * Retrieves the className for the current contentPosition.\n * The default position (center) will not have a className.\n *\n * @param {string} contentPosition The current content position.\n * @return {string} The className assigned to the contentPosition.\n */\nexport function getPositionClassName( contentPosition ) {\n\t/*\n\t * Only render a className if the contentPosition is not center (the default).\n\t */\n\tif ( isContentPositionCenter( contentPosition ) ) return '';\n\n\treturn POSITION_CLASSNAMES[ contentPosition ];\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/cover/shared.js"],"names":["getBlobTypeByURL","isBlobURL","POSITION_CLASSNAMES","center","IMAGE_BACKGROUND_TYPE","VIDEO_BACKGROUND_TYPE","COVER_MIN_HEIGHT","COVER_MAX_HEIGHT","COVER_DEFAULT_HEIGHT","DEFAULT_FOCAL_POINT","x","y","ALLOWED_MEDIA_TYPES","mediaPosition","Math","round","dimRatioToClass","ratio","undefined","attributesFromMedia","setAttributes","dimRatio","media","url","id","type","mediaType","media_type","alt","backgroundType","focalPoint","hasParallax","isContentPositionCenter","contentPosition","getPositionClassName"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { getBlobTypeByURL, isBlobURL } from '@wordpress/blob';\n\nconst POSITION_CLASSNAMES = {\n\t'top left': 'is-position-top-left',\n\t'top center': 'is-position-top-center',\n\t'top right': 'is-position-top-right',\n\t'center left': 'is-position-center-left',\n\t'center center': 'is-position-center-center',\n\tcenter: 'is-position-center-center',\n\t'center right': 'is-position-center-right',\n\t'bottom left': 'is-position-bottom-left',\n\t'bottom center': 'is-position-bottom-center',\n\t'bottom right': 'is-position-bottom-right',\n};\n\nexport const IMAGE_BACKGROUND_TYPE = 'image';\nexport const VIDEO_BACKGROUND_TYPE = 'video';\nexport const COVER_MIN_HEIGHT = 50;\nexport const COVER_MAX_HEIGHT = 1000;\nexport const COVER_DEFAULT_HEIGHT = 300;\nexport const DEFAULT_FOCAL_POINT = { x: 0.5, y: 0.5 };\nexport const ALLOWED_MEDIA_TYPES = [ 'image', 'video' ];\n\nexport function mediaPosition( { x, y } = DEFAULT_FOCAL_POINT ) {\n\treturn `${ Math.round( x * 100 ) }% ${ Math.round( y * 100 ) }%`;\n}\n\nexport function dimRatioToClass( ratio ) {\n\treturn ratio === 50 || ! ratio === undefined\n\t\t? null\n\t\t: 'has-background-dim-' + 10 * Math.round( ratio / 10 );\n}\n\nexport function attributesFromMedia( setAttributes, dimRatio ) {\n\treturn ( media ) => {\n\t\tif ( ! media || ! media.url ) {\n\t\t\tsetAttributes( { url: undefined, id: undefined } );\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isBlobURL( media.url ) ) {\n\t\t\tmedia.type = getBlobTypeByURL( media.url );\n\t\t}\n\n\t\tlet mediaType;\n\t\t// For media selections originated from a file upload.\n\t\tif ( media.media_type ) {\n\t\t\tif ( media.media_type === IMAGE_BACKGROUND_TYPE ) {\n\t\t\t\tmediaType = IMAGE_BACKGROUND_TYPE;\n\t\t\t} else {\n\t\t\t\t// only images and videos are accepted so if the media_type is not an image we can assume it is a video.\n\t\t\t\t// Videos contain the media type of 'file' in the object returned from the rest api.\n\t\t\t\tmediaType = VIDEO_BACKGROUND_TYPE;\n\t\t\t}\n\t\t} else {\n\t\t\t// For media selections originated from existing files in the media library.\n\t\t\tif (\n\t\t\t\tmedia.type !== IMAGE_BACKGROUND_TYPE &&\n\t\t\t\tmedia.type !== VIDEO_BACKGROUND_TYPE\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tmediaType = media.type;\n\t\t}\n\n\t\tsetAttributes( {\n\t\t\tdimRatio: dimRatio === 100 ? 50 : dimRatio,\n\t\t\turl: media.url,\n\t\t\tid: media.id,\n\t\t\talt: media?.alt,\n\t\t\tbackgroundType: mediaType,\n\t\t\tfocalPoint: undefined,\n\t\t\t...( mediaType === VIDEO_BACKGROUND_TYPE\n\t\t\t\t? { hasParallax: undefined }\n\t\t\t\t: {} ),\n\t\t} );\n\t};\n}\n\n/**\n * Checks of the contentPosition is the center (default) position.\n *\n * @param {string} contentPosition The current content position.\n * @return {boolean} Whether the contentPosition is center.\n */\nexport function isContentPositionCenter( contentPosition ) {\n\treturn (\n\t\t! contentPosition ||\n\t\tcontentPosition === 'center center' ||\n\t\tcontentPosition === 'center'\n\t);\n}\n\n/**\n * Retrieves the className for the current contentPosition.\n * The default position (center) will not have a className.\n *\n * @param {string} contentPosition The current content position.\n * @return {string} The className assigned to the contentPosition.\n */\nexport function getPositionClassName( contentPosition ) {\n\t/*\n\t * Only render a className if the contentPosition is not center (the default).\n\t */\n\tif ( isContentPositionCenter( contentPosition ) ) return '';\n\n\treturn POSITION_CLASSNAMES[ contentPosition ];\n}\n"]}

package/build-module/cover/transforms.js

@@ -8,7 +8,7 @@ import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
  */
 
 import { IMAGE_BACKGROUND_TYPE, VIDEO_BACKGROUND_TYPE } from './shared';
-import { unlock } from '../private-apis';
+import { unlock } from '../lock-unlock';
 const {
   cleanEmptyObject
 } = unlock(blockEditorPrivateApis);
@@ -16,66 +16,56 @@ const transforms = {
   from: [{
     type: 'block',
     blocks: ['core/image'],
-    transform: _ref => {
-      var _style$color;
-
-      let {
-        caption,
-        url,
-        alt,
-        align,
-        id,
-        anchor,
-        style
-      } = _ref;
-      return createBlock('core/cover', {
-        dimRatio: 50,
-        url,
-        alt,
-        align,
-        id,
-        anchor,
-        style: {
-          color: {
-            duotone: style === null || style === void 0 ? void 0 : (_style$color = style.color) === null || _style$color === void 0 ? void 0 : _style$color.duotone
-          }
+    transform: ({
+      caption,
+      url,
+      alt,
+      align,
+      id,
+      anchor,
+      style
+    }) => createBlock('core/cover', {
+      dimRatio: 50,
+      url,
+      alt,
+      align,
+      id,
+      anchor,
+      style: {
+        color: {
+          duotone: style?.color?.duotone
         }
-      }, [createBlock('core/paragraph', {
-        content: caption,
-        fontSize: 'large',
-        align: 'center'
-      })]);
-    }
+      }
+    }, [createBlock('core/paragraph', {
+      content: caption,
+      fontSize: 'large',
+      align: 'center'
+    })])
   }, {
     type: 'block',
     blocks: ['core/video'],
-    transform: _ref2 => {
-      let {
-        caption,
-        src,
-        align,
-        id,
-        anchor
-      } = _ref2;
-      return createBlock('core/cover', {
-        dimRatio: 50,
-        url: src,
-        align,
-        id,
-        backgroundType: VIDEO_BACKGROUND_TYPE,
-        anchor
-      }, [createBlock('core/paragraph', {
-        content: caption,
-        fontSize: 'large',
-        align: 'center'
-      })]);
-    }
+    transform: ({
+      caption,
+      src,
+      align,
+      id,
+      anchor
+    }) => createBlock('core/cover', {
+      dimRatio: 50,
+      url: src,
+      align,
+      id,
+      backgroundType: VIDEO_BACKGROUND_TYPE,
+      anchor
+    }, [createBlock('core/paragraph', {
+      content: caption,
+      fontSize: 'large',
+      align: 'center'
+    })])
   }, {
     type: 'block',
     blocks: ['core/group'],
     transform: (attributes, innerBlocks) => {
-      var _innerBlocks$, _style$color2, _style$color3, _style$color4, _style$color5;
-
       const {
         align,
         anchor,
@@ -85,29 +75,29 @@ const transforms = {
       } = attributes; // If the Group block being transformed has a Cover block as its
       // only child return that Cover block.
 
-      if ((innerBlocks === null || innerBlocks === void 0 ? void 0 : innerBlocks.length) === 1 && ((_innerBlocks$ = innerBlocks[0]) === null || _innerBlocks$ === void 0 ? void 0 : _innerBlocks$.name) === 'core/cover') {
+      if (innerBlocks?.length === 1 && innerBlocks[0]?.name === 'core/cover') {
         return createBlock('core/cover', innerBlocks[0].attributes, innerBlocks[0].innerBlocks);
       } // If no background or gradient color is provided, default to 50% opacity.
       // This matches the styling of a Cover block with a background image,
       // in the state where a background image has been removed.
 
 
-      const dimRatio = backgroundColor || gradient || style !== null && style !== void 0 && (_style$color2 = style.color) !== null && _style$color2 !== void 0 && _style$color2.background || style !== null && style !== void 0 && (_style$color3 = style.color) !== null && _style$color3 !== void 0 && _style$color3.gradient ? undefined : 50; // Move the background or gradient color to the parent Cover block.
+      const dimRatio = backgroundColor || gradient || style?.color?.background || style?.color?.gradient ? undefined : 50; // Move the background or gradient color to the parent Cover block.
 
       const parentAttributes = {
         align,
         anchor,
         dimRatio,
         overlayColor: backgroundColor,
-        customOverlayColor: style === null || style === void 0 ? void 0 : (_style$color4 = style.color) === null || _style$color4 === void 0 ? void 0 : _style$color4.background,
+        customOverlayColor: style?.color?.background,
         gradient,
-        customGradient: style === null || style === void 0 ? void 0 : (_style$color5 = style.color) === null || _style$color5 === void 0 ? void 0 : _style$color5.gradient
+        customGradient: style?.color?.gradient
       };
       const attributesWithoutBackgroundColors = { ...attributes,
         backgroundColor: undefined,
         gradient: undefined,
-        style: cleanEmptyObject({ ...(attributes === null || attributes === void 0 ? void 0 : attributes.style),
-          color: style !== null && style !== void 0 && style.color ? { ...(style === null || style === void 0 ? void 0 : style.color),
+        style: cleanEmptyObject({ ...attributes?.style,
+          color: style?.color ? { ...style?.color,
             background: undefined,
             gradient: undefined
           } : undefined
@@ -121,16 +111,14 @@ const transforms = {
   to: [{
     type: 'block',
     blocks: ['core/image'],
-    isMatch: _ref3 => {
-      let {
-        backgroundType,
-        url,
-        overlayColor,
-        customOverlayColor,
-        gradient,
-        customGradient
-      } = _ref3;
-
+    isMatch: ({
+      backgroundType,
+      url,
+      overlayColor,
+      customOverlayColor,
+      gradient,
+      customGradient
+    }) => {
       if (url) {
         // If a url exists the transform could happen if that URL represents an image background.
         return backgroundType === IMAGE_BACKGROUND_TYPE;
@@ -139,45 +127,38 @@ const transforms = {
 
       return !overlayColor && !customOverlayColor && !gradient && !customGradient;
     },
-    transform: _ref4 => {
-      var _style$color6;
-
-      let {
-        title,
-        url,
-        alt,
-        align,
-        id,
-        anchor,
-        style
-      } = _ref4;
-      return createBlock('core/image', {
-        caption: title,
-        url,
-        alt,
-        align,
-        id,
-        anchor,
-        style: {
-          color: {
-            duotone: style === null || style === void 0 ? void 0 : (_style$color6 = style.color) === null || _style$color6 === void 0 ? void 0 : _style$color6.duotone
-          }
+    transform: ({
+      title,
+      url,
+      alt,
+      align,
+      id,
+      anchor,
+      style
+    }) => createBlock('core/image', {
+      caption: title,
+      url,
+      alt,
+      align,
+      id,
+      anchor,
+      style: {
+        color: {
+          duotone: style?.color?.duotone
         }
-      });
-    }
+      }
+    })
   }, {
     type: 'block',
     blocks: ['core/video'],
-    isMatch: _ref5 => {
-      let {
-        backgroundType,
-        url,
-        overlayColor,
-        customOverlayColor,
-        gradient,
-        customGradient
-      } = _ref5;
-
+    isMatch: ({
+      backgroundType,
+      url,
+      overlayColor,
+      customOverlayColor,
+      gradient,
+      customGradient
+    }) => {
       if (url) {
         // If a url exists the transform could happen if that URL represents a video background.
         return backgroundType === VIDEO_BACKGROUND_TYPE;
@@ -186,31 +167,26 @@ const transforms = {
 
       return !overlayColor && !customOverlayColor && !gradient && !customGradient;
     },
-    transform: _ref6 => {
-      let {
-        title,
-        url,
-        align,
-        id,
-        anchor
-      } = _ref6;
-      return createBlock('core/video', {
-        caption: title,
-        src: url,
-        id,
-        align,
-        anchor
-      });
-    }
+    transform: ({
+      title,
+      url,
+      align,
+      id,
+      anchor
+    }) => createBlock('core/video', {
+      caption: title,
+      src: url,
+      id,
+      align,
+      anchor
+    })
   }, {
     type: 'block',
     blocks: ['core/group'],
-    isMatch: _ref7 => {
-      let {
-        url,
-        useFeaturedImage
-      } = _ref7;
-
+    isMatch: ({
+      url,
+      useFeaturedImage
+    }) => {
       // If the Cover block uses background media, skip this transform,
       // and instead use the Group block's default transform.
       if (url || useFeaturedImage) {
@@ -220,43 +196,37 @@ const transforms = {
       return true;
     },
     transform: (attributes, innerBlocks) => {
-      var _attributes$style, _attributes$style2, _innerBlocks$2;
-
       // Convert Cover overlay colors to comparable Group background colors.
       const transformedColorAttributes = {
-        backgroundColor: attributes === null || attributes === void 0 ? void 0 : attributes.overlayColor,
-        gradient: attributes === null || attributes === void 0 ? void 0 : attributes.gradient,
-        style: cleanEmptyObject({ ...(attributes === null || attributes === void 0 ? void 0 : attributes.style),
-          color: attributes !== null && attributes !== void 0 && attributes.customOverlayColor || attributes !== null && attributes !== void 0 && attributes.customGradient || attributes !== null && attributes !== void 0 && (_attributes$style = attributes.style) !== null && _attributes$style !== void 0 && _attributes$style.color ? {
-            background: attributes === null || attributes === void 0 ? void 0 : attributes.customOverlayColor,
-            gradient: attributes === null || attributes === void 0 ? void 0 : attributes.customGradient,
-            ...(attributes === null || attributes === void 0 ? void 0 : (_attributes$style2 = attributes.style) === null || _attributes$style2 === void 0 ? void 0 : _attributes$style2.color)
+        backgroundColor: attributes?.overlayColor,
+        gradient: attributes?.gradient,
+        style: cleanEmptyObject({ ...attributes?.style,
+          color: attributes?.customOverlayColor || attributes?.customGradient || attributes?.style?.color ? {
+            background: attributes?.customOverlayColor,
+            gradient: attributes?.customGradient,
+            ...attributes?.style?.color
           } : undefined
         })
       }; // If the Cover block contains only a single Group block as a direct child,
       // then attempt to merge the Cover's background colors with the child Group block,
       // and remove the Cover block as the wrapper.
 
-      if ((innerBlocks === null || innerBlocks === void 0 ? void 0 : innerBlocks.length) === 1 && ((_innerBlocks$2 = innerBlocks[0]) === null || _innerBlocks$2 === void 0 ? void 0 : _innerBlocks$2.name) === 'core/group') {
-        var _groupAttributes$styl, _groupAttributes$styl2, _groupAttributes$styl3, _groupAttributes$styl4, _transformedColorAttr, _groupAttributes$styl5, _transformedColorAttr2, _groupAttributes$styl6, _innerBlocks$4;
-
+      if (innerBlocks?.length === 1 && innerBlocks[0]?.name === 'core/group') {
         const groupAttributes = cleanEmptyObject(innerBlocks[0].attributes || {}); // If the Group block contains any kind of background color or gradient,
         // skip merging Cover background colors, and preserve the Group block's colors.
 
-        if (groupAttributes !== null && groupAttributes !== void 0 && groupAttributes.backgroundColor || groupAttributes !== null && groupAttributes !== void 0 && groupAttributes.gradient || groupAttributes !== null && groupAttributes !== void 0 && (_groupAttributes$styl = groupAttributes.style) !== null && _groupAttributes$styl !== void 0 && (_groupAttributes$styl2 = _groupAttributes$styl.color) !== null && _groupAttributes$styl2 !== void 0 && _groupAttributes$styl2.background || groupAttributes !== null && groupAttributes !== void 0 && (_groupAttributes$styl3 = groupAttributes.style) !== null && _groupAttributes$styl3 !== void 0 && (_groupAttributes$styl4 = _groupAttributes$styl3.color) !== null && _groupAttributes$styl4 !== void 0 && _groupAttributes$styl4.gradient) {
-          var _innerBlocks$3;
-
-          return createBlock('core/group', groupAttributes, (_innerBlocks$3 = innerBlocks[0]) === null || _innerBlocks$3 === void 0 ? void 0 : _innerBlocks$3.innerBlocks);
+        if (groupAttributes?.backgroundColor || groupAttributes?.gradient || groupAttributes?.style?.color?.background || groupAttributes?.style?.color?.gradient) {
+          return createBlock('core/group', groupAttributes, innerBlocks[0]?.innerBlocks);
         }
 
         return createBlock('core/group', { ...transformedColorAttributes,
           ...groupAttributes,
-          style: cleanEmptyObject({ ...(groupAttributes === null || groupAttributes === void 0 ? void 0 : groupAttributes.style),
-            color: transformedColorAttributes !== null && transformedColorAttributes !== void 0 && (_transformedColorAttr = transformedColorAttributes.style) !== null && _transformedColorAttr !== void 0 && _transformedColorAttr.color || groupAttributes !== null && groupAttributes !== void 0 && (_groupAttributes$styl5 = groupAttributes.style) !== null && _groupAttributes$styl5 !== void 0 && _groupAttributes$styl5.color ? { ...(transformedColorAttributes === null || transformedColorAttributes === void 0 ? void 0 : (_transformedColorAttr2 = transformedColorAttributes.style) === null || _transformedColorAttr2 === void 0 ? void 0 : _transformedColorAttr2.color),
-              ...(groupAttributes === null || groupAttributes === void 0 ? void 0 : (_groupAttributes$styl6 = groupAttributes.style) === null || _groupAttributes$styl6 === void 0 ? void 0 : _groupAttributes$styl6.color)
+          style: cleanEmptyObject({ ...groupAttributes?.style,
+            color: transformedColorAttributes?.style?.color || groupAttributes?.style?.color ? { ...transformedColorAttributes?.style?.color,
+              ...groupAttributes?.style?.color
             } : undefined
           })
-        }, (_innerBlocks$4 = innerBlocks[0]) === null || _innerBlocks$4 === void 0 ? void 0 : _innerBlocks$4.innerBlocks);
+        }, innerBlocks[0]?.innerBlocks);
       } // In all other cases, transform the Cover block directly to a Group block.