@wordpress/block-library 9.32.0 → 9.33.1-next.b8c8708f3.0

package/build-module/cover/save.js

@@ -1,21 +1,20 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { useInnerBlocksProps, getColorClassName, __experimentalGetGradientClass, useBlockProps } from '@wordpress/block-editor';
-
-/**
- * Internal dependencies
- */
-import { IMAGE_BACKGROUND_TYPE, VIDEO_BACKGROUND_TYPE, dimRatioToClass, isContentPositionCenter, getPositionClassName, mediaPosition } from './shared';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function save({
-  attributes
-}) {
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import {
+  useInnerBlocksProps,
+  getColorClassName,
+  __experimentalGetGradientClass,
+  useBlockProps
+} from "@wordpress/block-editor";
+import {
+  IMAGE_BACKGROUND_TYPE,
+  VIDEO_BACKGROUND_TYPE,
+  dimRatioToClass,
+  isContentPositionCenter,
+  getPositionClassName,
+  mediaPosition
+} from "./shared";
+function save({ attributes }) {
   const {
     backgroundType,
     gradient,
@@ -38,88 +37,117 @@ export default function save({
     sizeSlug,
     poster
   } = attributes;
-  const overlayColorClass = getColorClassName('background-color', overlayColor);
+  const overlayColorClass = getColorClassName(
+    "background-color",
+    overlayColor
+  );
   const gradientClass = __experimentalGetGradientClass(gradient);
   const minHeight = minHeightProp && minHeightUnit ? `${minHeightProp}${minHeightUnit}` : minHeightProp;
   const isImageBackground = IMAGE_BACKGROUND_TYPE === backgroundType;
   const isVideoBackground = VIDEO_BACKGROUND_TYPE === backgroundType;
   const isImgElement = !(hasParallax || isRepeated);
   const style = {
-    minHeight: minHeight || undefined
+    minHeight: minHeight || void 0
   };
   const bgStyle = {
-    backgroundColor: !overlayColorClass ? customOverlayColor : undefined,
-    background: customGradient ? customGradient : undefined
+    backgroundColor: !overlayColorClass ? customOverlayColor : void 0,
+    background: customGradient ? customGradient : void 0
   };
-  const objectPosition =
-  // prettier-ignore
-  focalPoint && isImgElement ? mediaPosition(focalPoint) : undefined;
-  const backgroundImage = url ? `url(${url})` : undefined;
+  const objectPosition = (
+    // prettier-ignore
+    focalPoint && isImgElement ? mediaPosition(focalPoint) : void 0
+  );
+  const backgroundImage = url ? `url(${url})` : void 0;
   const backgroundPosition = mediaPosition(focalPoint);
-  const classes = clsx({
-    'is-light': !isDark,
-    'has-parallax': hasParallax,
-    'is-repeated': isRepeated,
-    'has-custom-content-position': !isContentPositionCenter(contentPosition)
-  }, getPositionClassName(contentPosition));
-  const imgClasses = clsx('wp-block-cover__image-background', id ? `wp-image-${id}` : null, {
-    [`size-${sizeSlug}`]: sizeSlug,
-    'has-parallax': hasParallax,
-    'is-repeated': isRepeated
-  });
+  const classes = clsx(
+    {
+      "is-light": !isDark,
+      "has-parallax": hasParallax,
+      "is-repeated": isRepeated,
+      "has-custom-content-position": !isContentPositionCenter(contentPosition)
+    },
+    getPositionClassName(contentPosition)
+  );
+  const imgClasses = clsx(
+    "wp-block-cover__image-background",
+    id ? `wp-image-${id}` : null,
+    {
+      [`size-${sizeSlug}`]: sizeSlug,
+      "has-parallax": hasParallax,
+      "is-repeated": isRepeated
+    }
+  );
   const gradientValue = gradient || customGradient;
-  return /*#__PURE__*/_jsxs(Tag, {
-    ...useBlockProps.save({
-      className: classes,
-      style
-    }),
-    children: [!useFeaturedImage && isImageBackground && url && (isImgElement ? /*#__PURE__*/_jsx("img", {
-      className: imgClasses,
-      alt: alt,
-      src: url,
-      style: {
-        objectPosition
-      },
-      "data-object-fit": "cover",
-      "data-object-position": objectPosition
-    }) : /*#__PURE__*/_jsx("div", {
-      role: alt ? 'img' : undefined,
-      "aria-label": alt ? alt : undefined,
-      className: imgClasses,
-      style: {
-        backgroundPosition,
-        backgroundImage
+  return /* @__PURE__ */ jsxs(Tag, { ...useBlockProps.save({ className: classes, style }), children: [
+    !useFeaturedImage && isImageBackground && url && (isImgElement ? /* @__PURE__ */ jsx(
+      "img",
+      {
+        className: imgClasses,
+        alt,
+        src: url,
+        style: { objectPosition },
+        "data-object-fit": "cover",
+        "data-object-position": objectPosition
       }
-    })), isVideoBackground && url && /*#__PURE__*/_jsx("video", {
-      className: clsx('wp-block-cover__video-background', 'intrinsic-ignore'),
-      autoPlay: true,
-      muted: true,
-      loop: true,
-      playsInline: true,
-      src: url,
-      poster: poster,
-      style: {
-        objectPosition
-      },
-      "data-object-fit": "cover",
-      "data-object-position": objectPosition
-    }), /*#__PURE__*/_jsx("span", {
-      "aria-hidden": "true",
-      className: clsx('wp-block-cover__background', overlayColorClass, dimRatioToClass(dimRatio), {
-        'has-background-dim': dimRatio !== undefined,
-        // For backwards compatibility. Former versions of the Cover Block applied
-        // `.wp-block-cover__gradient-background` in the presence of
-        // media, a gradient and a dim.
-        'wp-block-cover__gradient-background': url && gradientValue && dimRatio !== 0,
-        'has-background-gradient': gradientValue,
-        [gradientClass]: gradientClass
-      }),
-      style: bgStyle
-    }), /*#__PURE__*/_jsx("div", {
-      ...useInnerBlocksProps.save({
-        className: 'wp-block-cover__inner-container'
-      })
-    })]
-  });
+    ) : /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: alt ? "img" : void 0,
+        "aria-label": alt ? alt : void 0,
+        className: imgClasses,
+        style: { backgroundPosition, backgroundImage }
+      }
+    )),
+    isVideoBackground && url && /* @__PURE__ */ jsx(
+      "video",
+      {
+        className: clsx(
+          "wp-block-cover__video-background",
+          "intrinsic-ignore"
+        ),
+        autoPlay: true,
+        muted: true,
+        loop: true,
+        playsInline: true,
+        src: url,
+        poster,
+        style: { objectPosition },
+        "data-object-fit": "cover",
+        "data-object-position": objectPosition
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: clsx(
+          "wp-block-cover__background",
+          overlayColorClass,
+          dimRatioToClass(dimRatio),
+          {
+            "has-background-dim": dimRatio !== void 0,
+            // For backwards compatibility. Former versions of the Cover Block applied
+            // `.wp-block-cover__gradient-background` in the presence of
+            // media, a gradient and a dim.
+            "wp-block-cover__gradient-background": url && gradientValue && dimRatio !== 0,
+            "has-background-gradient": gradientValue,
+            [gradientClass]: gradientClass
+          }
+        ),
+        style: bgStyle
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ...useInnerBlocksProps.save({
+          className: "wp-block-cover__inner-container"
+        })
+      }
+    )
+  ] });
 }
-//# sourceMappingURL=save.js.map
+export {
+  save as default
+};
+//# sourceMappingURL=save.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","useInnerBlocksProps","getColorClassName","__experimentalGetGradientClass","useBlockProps","IMAGE_BACKGROUND_TYPE","VIDEO_BACKGROUND_TYPE","dimRatioToClass","isContentPositionCenter","getPositionClassName","mediaPosition","jsx","_jsx","jsxs","_jsxs","save","attributes","backgroundType","gradient","contentPosition","customGradient","customOverlayColor","dimRatio","focalPoint","useFeaturedImage","hasParallax","isDark","isRepeated","overlayColor","url","alt","id","minHeight","minHeightProp","minHeightUnit","tagName","Tag","sizeSlug","poster","overlayColorClass","gradientClass","isImageBackground","isVideoBackground","isImgElement","style","undefined","bgStyle","backgroundColor","background","objectPosition","backgroundImage","backgroundPosition","classes","imgClasses","gradientValue","className","children","src","role","autoPlay","muted","loop","playsInline"],"sources":["@wordpress/block-library/src/cover/save.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\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\tsizeSlug,\n\t\tposter,\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 = clsx(\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 = clsx(\n\t\t'wp-block-cover__image-background',\n\t\tid ? `wp-image-${ id }` : null,\n\t\t{\n\t\t\t[ `size-${ sizeSlug }` ]: sizeSlug,\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{ ! 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={ alt ? 'img' : undefined }\n\t\t\t\t\t\taria-label={ alt ? alt : undefined }\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={ clsx(\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\tposter={ poster }\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\n\t\t\t{ /* The `wp-block-cover__background` needs to be immediately before\n\t\t\tthe `wp-block-cover__inner-container`, so the exclusion CSS selector\n\t\t\t`.wp-block-cover__background + .wp-block-cover__inner-container`\n\t\t\tworks properly. If it needs to be changed in the future, the\n\t\t\tselector for the backward compatibility for v14 deprecation also\n\t\t\tneeds change. */ }\n\t\t\t<span\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName={ clsx(\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<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"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SACCC,mBAAmB,EACnBC,iBAAiB,EACjBC,8BAA8B,EAC9BC,aAAa,QACP,yBAAyB;;AAEhC;AACA;AACA;AACA,SACCC,qBAAqB,EACrBC,qBAAqB,EACrBC,eAAe,EACfC,uBAAuB,EACvBC,oBAAoB,EACpBC,aAAa,QACP,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAElB,eAAe,SAASC,IAAIA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAC9C,MAAM;IACLC,cAAc;IACdC,QAAQ;IACRC,eAAe;IACfC,cAAc;IACdC,kBAAkB;IAClBC,QAAQ;IACRC,UAAU;IACVC,gBAAgB;IAChBC,WAAW;IACXC,MAAM;IACNC,UAAU;IACVC,YAAY;IACZC,GAAG;IACHC,GAAG;IACHC,EAAE;IACFC,SAAS,EAAEC,aAAa;IACxBC,aAAa;IACbC,OAAO,EAAEC,GAAG;IACZC,QAAQ;IACRC;EACD,CAAC,GAAGtB,UAAU;EACd,MAAMuB,iBAAiB,GAAGrC,iBAAiB,CAC1C,kBAAkB,EAClB0B,YACD,CAAC;EACD,MAAMY,aAAa,GAAGrC,8BAA8B,CAAEe,QAAS,CAAC;EAChE,MAAMc,SAAS,GACdC,aAAa,IAAIC,aAAa,GAC3B,GAAID,aAAa,GAAKC,aAAa,EAAG,GACtCD,aAAa;EAEjB,MAAMQ,iBAAiB,GAAGpC,qBAAqB,KAAKY,cAAc;EAClE,MAAMyB,iBAAiB,GAAGpC,qBAAqB,KAAKW,cAAc;EAElE,MAAM0B,YAAY,GAAG,EAAIlB,WAAW,IAAIE,UAAU,CAAE;EAEpD,MAAMiB,KAAK,GAAG;IACbZ,SAAS,EAAEA,SAAS,IAAIa;EACzB,CAAC;EAED,MAAMC,OAAO,GAAG;IACfC,eAAe,EAAE,CAAER,iBAAiB,GAAGlB,kBAAkB,GAAGwB,SAAS;IACrEG,UAAU,EAAE5B,cAAc,GAAGA,cAAc,GAAGyB;EAC/C,CAAC;EAED,MAAMI,cAAc;EACnB;EACA1B,UAAU,IAAIoB,YAAY,GACrBjC,aAAa,CAACa,UAAU,CAAC,GACzBsB,SAAS;EAEf,MAAMK,eAAe,GAAGrB,GAAG,GAAG,OAAQA,GAAG,GAAI,GAAGgB,SAAS;EAEzD,MAAMM,kBAAkB,GAAGzC,aAAa,CAAEa,UAAW,CAAC;EAEtD,MAAM6B,OAAO,GAAGpD,IAAI,CACnB;IACC,UAAU,EAAE,CAAE0B,MAAM;IACpB,cAAc,EAAED,WAAW;IAC3B,aAAa,EAAEE,UAAU;IACzB,6BAA6B,EAC5B,CAAEnB,uBAAuB,CAAEW,eAAgB;EAC7C,CAAC,EACDV,oBAAoB,CAAEU,eAAgB,CACvC,CAAC;EAED,MAAMkC,UAAU,GAAGrD,IAAI,CACtB,kCAAkC,EAClC+B,EAAE,GAAG,YAAaA,EAAE,EAAG,GAAG,IAAI,EAC9B;IACC,CAAE,QAASM,QAAQ,EAAG,GAAIA,QAAQ;IAClC,cAAc,EAAEZ,WAAW;IAC3B,aAAa,EAAEE;EAChB,CACD,CAAC;EAED,MAAM2B,aAAa,GAAGpC,QAAQ,IAAIE,cAAc;EAEhD,oBACCN,KAAA,CAACsB,GAAG;IAAA,GAAMhC,aAAa,CAACW,IAAI,CAAE;MAAEwC,SAAS,EAAEH,OAAO;MAAER;IAAM,CAAE,CAAC;IAAAY,QAAA,GAC1D,CAAEhC,gBAAgB,IACnBiB,iBAAiB,IACjBZ,GAAG,KACDc,YAAY,gBACb/B,IAAA;MACC2C,SAAS,EAAGF,UAAY;MACxBvB,GAAG,EAAGA,GAAK;MACX2B,GAAG,EAAG5B,GAAK;MACXe,KAAK,EAAG;QAAEK;MAAe,CAAG;MAC5B,mBAAgB,OAAO;MACvB,wBAAuBA;IAAgB,CACvC,CAAC,gBAEFrC,IAAA;MACC8C,IAAI,EAAG5B,GAAG,GAAG,KAAK,GAAGe,SAAW;MAChC,cAAaf,GAAG,GAAGA,GAAG,GAAGe,SAAW;MACpCU,SAAS,EAAGF,UAAY;MACxBT,KAAK,EAAG;QAAEO,kBAAkB;QAAED;MAAgB;IAAG,CACjD,CACD,CAAE,EACFR,iBAAiB,IAAIb,GAAG,iBACzBjB,IAAA;MACC2C,SAAS,EAAGvD,IAAI,CACf,kCAAkC,EAClC,kBACD,CAAG;MACH2D,QAAQ;MACRC,KAAK;MACLC,IAAI;MACJC,WAAW;MACXL,GAAG,EAAG5B,GAAK;MACXS,MAAM,EAAGA,MAAQ;MACjBM,KAAK,EAAG;QAAEK;MAAe,CAAG;MAC5B,mBAAgB,OAAO;MACvB,wBAAuBA;IAAgB,CACvC,CACD,eAQDrC,IAAA;MACC,eAAY,MAAM;MAClB2C,SAAS,EAAGvD,IAAI,CACf,4BAA4B,EAC5BuC,iBAAiB,EACjBhC,eAAe,CAAEe,QAAS,CAAC,EAC3B;QACC,oBAAoB,EAAEA,QAAQ,KAAKuB,SAAS;QAC5C;QACA;QACA;QACA,qCAAqC,EACpChB,GAAG,IAAIyB,aAAa,IAAIhC,QAAQ,KAAK,CAAC;QACvC,yBAAyB,EAAEgC,aAAa;QACxC,CAAEd,aAAa,GAAIA;MACpB,CACD,CAAG;MACHI,KAAK,EAAGE;IAAS,CACjB,CAAC,eAEFlC,IAAA;MAAA,GACMX,mBAAmB,CAACc,IAAI,CAAE;QAC9BwC,SAAS,EAAE;MACZ,CAAE;IAAC,CACH,CAAC;EAAA,CACE,CAAC;AAER","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/cover/save.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\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\tsizeSlug,\n\t\tposter,\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 = clsx(\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 = clsx(\n\t\t'wp-block-cover__image-background',\n\t\tid ? `wp-image-${ id }` : null,\n\t\t{\n\t\t\t[ `size-${ sizeSlug }` ]: sizeSlug,\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{ ! 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={ alt ? 'img' : undefined }\n\t\t\t\t\t\taria-label={ alt ? alt : undefined }\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={ clsx(\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\tposter={ poster }\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\n\t\t\t{ /* The `wp-block-cover__background` needs to be immediately before\n\t\t\tthe `wp-block-cover__inner-container`, so the exclusion CSS selector\n\t\t\t`.wp-block-cover__background + .wp-block-cover__inner-container`\n\t\t\tworks properly. If it needs to be changed in the future, the\n\t\t\tselector for the backward compatibility for v14 deprecation also\n\t\t\tneeds change. */ }\n\t\t\t<span\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName={ clsx(\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<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"],
+  "mappings": "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",
+  "names": []
+}

package/build-module/cover/shared.js

@@ -1,59 +1,46 @@
-/**
- * WordPress dependencies
- */
-import { getBlobTypeByURL, isBlobURL } from '@wordpress/blob';
+import { getBlobTypeByURL, isBlobURL } from "@wordpress/blob";
 const POSITION_CLASSNAMES = {
-  'top left': 'is-position-top-left',
-  'top center': 'is-position-top-center',
-  'top right': 'is-position-top-right',
-  'center left': 'is-position-center-left',
-  'center center': 'is-position-center-center',
-  center: 'is-position-center-center',
-  'center right': 'is-position-center-right',
-  'bottom left': 'is-position-bottom-left',
-  'bottom center': 'is-position-bottom-center',
-  'bottom right': 'is-position-bottom-right'
+  "top left": "is-position-top-left",
+  "top center": "is-position-top-center",
+  "top right": "is-position-top-right",
+  "center left": "is-position-center-left",
+  "center center": "is-position-center-center",
+  center: "is-position-center-center",
+  "center right": "is-position-center-right",
+  "bottom left": "is-position-bottom-left",
+  "bottom center": "is-position-bottom-center",
+  "bottom right": "is-position-bottom-right"
 };
-export const IMAGE_BACKGROUND_TYPE = 'image';
-export const VIDEO_BACKGROUND_TYPE = 'video';
-export const COVER_MIN_HEIGHT = 50;
-export const COVER_MAX_HEIGHT = 1000;
-export const COVER_DEFAULT_HEIGHT = 300;
-export const DEFAULT_FOCAL_POINT = {
-  x: 0.5,
-  y: 0.5
-};
-export const ALLOWED_MEDIA_TYPES = ['image', 'video'];
-export function mediaPosition({
-  x,
-  y
-} = DEFAULT_FOCAL_POINT) {
+const IMAGE_BACKGROUND_TYPE = "image";
+const VIDEO_BACKGROUND_TYPE = "video";
+const COVER_MIN_HEIGHT = 50;
+const COVER_MAX_HEIGHT = 1e3;
+const COVER_DEFAULT_HEIGHT = 300;
+const DEFAULT_FOCAL_POINT = { x: 0.5, y: 0.5 };
+const ALLOWED_MEDIA_TYPES = ["image", "video"];
+function mediaPosition({ x, y } = DEFAULT_FOCAL_POINT) {
   return `${Math.round(x * 100)}% ${Math.round(y * 100)}%`;
 }
-export function dimRatioToClass(ratio) {
-  return ratio === 50 || ratio === undefined ? null : 'has-background-dim-' + 10 * Math.round(ratio / 10);
+function dimRatioToClass(ratio) {
+  return ratio === 50 || ratio === void 0 ? null : "has-background-dim-" + 10 * Math.round(ratio / 10);
 }
-export function attributesFromMedia(media) {
+function attributesFromMedia(media) {
   if (!media || !media.url && !media.src) {
     return {
-      url: undefined,
-      id: undefined
+      url: void 0,
+      id: void 0
     };
   }
   if (isBlobURL(media.url)) {
     media.type = getBlobTypeByURL(media.url);
   }
   let mediaType;
-  // For media selections originated from a file upload.
   if (media.media_type) {
     if (media.media_type === IMAGE_BACKGROUND_TYPE) {
       mediaType = IMAGE_BACKGROUND_TYPE;
     } else {
-      // Only images and videos are accepted so if the media_type is not an image we can assume it is a video.
-      // Videos contain the media type of 'file' in the object returned from the rest api.
       mediaType = VIDEO_BACKGROUND_TYPE;
     }
-    // For media selections originated from existing files in the media library.
   } else if (media.type && (media.type === IMAGE_BACKGROUND_TYPE || media.type === VIDEO_BACKGROUND_TYPE)) {
     mediaType = media.type;
   } else {
@@ -64,36 +51,30 @@ export function attributesFromMedia(media) {
     id: media.id,
     alt: media?.alt,
     backgroundType: mediaType,
-    ...(mediaType === VIDEO_BACKGROUND_TYPE ? {
-      hasParallax: undefined
-    } : {})
+    ...mediaType === VIDEO_BACKGROUND_TYPE ? { hasParallax: void 0 } : {}
   };
 }
-
-/**
- * Checks of the contentPosition is the center (default) position.
- *
- * @param {string} contentPosition The current content position.
- * @return {boolean} Whether the contentPosition is center.
- */
-export function isContentPositionCenter(contentPosition) {
-  return !contentPosition || contentPosition === 'center center' || contentPosition === 'center';
+function isContentPositionCenter(contentPosition) {
+  return !contentPosition || contentPosition === "center center" || contentPosition === "center";
 }
-
-/**
- * Retrieves the className for the current contentPosition.
- * The default position (center) will not have a className.
- *
- * @param {string} contentPosition The current content position.
- * @return {string} The className assigned to the contentPosition.
- */
-export function getPositionClassName(contentPosition) {
-  /*
-   * Only render a className if the contentPosition is not center (the default).
-   */
+function getPositionClassName(contentPosition) {
   if (isContentPositionCenter(contentPosition)) {
-    return '';
+    return "";
   }
   return POSITION_CLASSNAMES[contentPosition];
 }
-//# sourceMappingURL=shared.js.map
+export {
+  ALLOWED_MEDIA_TYPES,
+  COVER_DEFAULT_HEIGHT,
+  COVER_MAX_HEIGHT,
+  COVER_MIN_HEIGHT,
+  DEFAULT_FOCAL_POINT,
+  IMAGE_BACKGROUND_TYPE,
+  VIDEO_BACKGROUND_TYPE,
+  attributesFromMedia,
+  dimRatioToClass,
+  getPositionClassName,
+  isContentPositionCenter,
+  mediaPosition
+};
+//# sourceMappingURL=shared.js.map

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

@@ -1 +1,7 @@
-{"version":3,"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","media","url","src","id","type","mediaType","media_type","alt","backgroundType","hasParallax","isContentPositionCenter","contentPosition","getPositionClassName"],"sources":["@wordpress/block-library/src/cover/shared.js"],"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( media ) {\n\tif ( ! media || ( ! media.url && ! media.src ) ) {\n\t\treturn {\n\t\t\turl: undefined,\n\t\t\tid: undefined,\n\t\t};\n\t}\n\n\tif ( isBlobURL( media.url ) ) {\n\t\tmedia.type = getBlobTypeByURL( media.url );\n\t}\n\n\tlet mediaType;\n\t// For media selections originated from a file upload.\n\tif ( media.media_type ) {\n\t\tif ( media.media_type === IMAGE_BACKGROUND_TYPE ) {\n\t\t\tmediaType = IMAGE_BACKGROUND_TYPE;\n\t\t} else {\n\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// Videos contain the media type of 'file' in the object returned from the rest api.\n\t\t\tmediaType = VIDEO_BACKGROUND_TYPE;\n\t\t}\n\t\t// For media selections originated from existing files in the media library.\n\t} else if (\n\t\tmedia.type &&\n\t\t( media.type === IMAGE_BACKGROUND_TYPE ||\n\t\t\tmedia.type === VIDEO_BACKGROUND_TYPE )\n\t) {\n\t\tmediaType = media.type;\n\t} else {\n\t\treturn;\n\t}\n\n\treturn {\n\t\turl: media.url || media.src,\n\t\tid: media.id,\n\t\talt: media?.alt,\n\t\tbackgroundType: mediaType,\n\t\t...( mediaType === VIDEO_BACKGROUND_TYPE\n\t\t\t? { hasParallax: undefined }\n\t\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 ) ) {\n\t\treturn '';\n\t}\n\n\treturn POSITION_CLASSNAMES[ contentPosition ];\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/cover/shared.js"],
+  "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( media ) {\n\tif ( ! media || ( ! media.url && ! media.src ) ) {\n\t\treturn {\n\t\t\turl: undefined,\n\t\t\tid: undefined,\n\t\t};\n\t}\n\n\tif ( isBlobURL( media.url ) ) {\n\t\tmedia.type = getBlobTypeByURL( media.url );\n\t}\n\n\tlet mediaType;\n\t// For media selections originated from a file upload.\n\tif ( media.media_type ) {\n\t\tif ( media.media_type === IMAGE_BACKGROUND_TYPE ) {\n\t\t\tmediaType = IMAGE_BACKGROUND_TYPE;\n\t\t} else {\n\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// Videos contain the media type of 'file' in the object returned from the rest api.\n\t\t\tmediaType = VIDEO_BACKGROUND_TYPE;\n\t\t}\n\t\t// For media selections originated from existing files in the media library.\n\t} else if (\n\t\tmedia.type &&\n\t\t( media.type === IMAGE_BACKGROUND_TYPE ||\n\t\t\tmedia.type === VIDEO_BACKGROUND_TYPE )\n\t) {\n\t\tmediaType = media.type;\n\t} else {\n\t\treturn;\n\t}\n\n\treturn {\n\t\turl: media.url || media.src,\n\t\tid: media.id,\n\t\talt: media?.alt,\n\t\tbackgroundType: mediaType,\n\t\t...( mediaType === VIDEO_BACKGROUND_TYPE\n\t\t\t? { hasParallax: undefined }\n\t\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 ) ) {\n\t\treturn '';\n\t}\n\n\treturn POSITION_CLASSNAMES[ contentPosition ];\n}\n"],
+  "mappings": "AAGA,SAAS,kBAAkB,iBAAiB;AAE5C,MAAM,sBAAsB;AAAA,EAC3B,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,aAAa;AAAA,EACb,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,gBAAgB;AACjB;AAEO,MAAM,wBAAwB;AAC9B,MAAM,wBAAwB;AAC9B,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,uBAAuB;AAC7B,MAAM,sBAAsB,EAAE,GAAG,KAAK,GAAG,IAAI;AAC7C,MAAM,sBAAsB,CAAE,SAAS,OAAQ;AAE/C,SAAS,cAAe,EAAE,GAAG,EAAE,IAAI,qBAAsB;AAC/D,SAAO,GAAI,KAAK,MAAO,IAAI,GAAI,CAAE,KAAM,KAAK,MAAO,IAAI,GAAI,CAAE;AAC9D;AAEO,SAAS,gBAAiB,OAAQ;AACxC,SAAO,UAAU,MAAM,UAAU,SAC9B,OACA,wBAAwB,KAAK,KAAK,MAAO,QAAQ,EAAG;AACxD;AAEO,SAAS,oBAAqB,OAAQ;AAC5C,MAAK,CAAE,SAAW,CAAE,MAAM,OAAO,CAAE,MAAM,KAAQ;AAChD,WAAO;AAAA,MACN,KAAK;AAAA,MACL,IAAI;AAAA,IACL;AAAA,EACD;AAEA,MAAK,UAAW,MAAM,GAAI,GAAI;AAC7B,UAAM,OAAO,iBAAkB,MAAM,GAAI;AAAA,EAC1C;AAEA,MAAI;AAEJ,MAAK,MAAM,YAAa;AACvB,QAAK,MAAM,eAAe,uBAAwB;AACjD,kBAAY;AAAA,IACb,OAAO;AAGN,kBAAY;AAAA,IACb;AAAA,EAED,WACC,MAAM,SACJ,MAAM,SAAS,yBAChB,MAAM,SAAS,wBACf;AACD,gBAAY,MAAM;AAAA,EACnB,OAAO;AACN;AAAA,EACD;AAEA,SAAO;AAAA,IACN,KAAK,MAAM,OAAO,MAAM;AAAA,IACxB,IAAI,MAAM;AAAA,IACV,KAAK,OAAO;AAAA,IACZ,gBAAgB;AAAA,IAChB,GAAK,cAAc,wBAChB,EAAE,aAAa,OAAU,IACzB,CAAC;AAAA,EACL;AACD;AAQO,SAAS,wBAAyB,iBAAkB;AAC1D,SACC,CAAE,mBACF,oBAAoB,mBACpB,oBAAoB;AAEtB;AASO,SAAS,qBAAsB,iBAAkB;AAIvD,MAAK,wBAAyB,eAAgB,GAAI;AACjD,WAAO;AAAA,EACR;AAEA,SAAO,oBAAqB,eAAgB;AAC7C;",
+  "names": []
+}