pb-sxp-ui 1.0.19 → 1.0.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/dist/index.cjs +4 -5
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.js +4 -5
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.min.cjs +1 -2
  6. package/dist/index.min.cjs.map +1 -1
  7. package/dist/index.min.js +3 -4
  8. package/dist/index.min.js.map +1 -1
  9. package/dist/pb-ui.js +4 -5
  10. package/dist/pb-ui.js.map +1 -1
  11. package/dist/pb-ui.min.js +1 -2
  12. package/dist/pb-ui.min.js.map +1 -1
  13. package/es/core/components/SxpPageRender/PictureGroup/Picture.js +3 -3
  14. package/es/core/components/SxpPageRender/VideoWidget/index.js +1 -2
  15. package/lib/core/components/SxpPageRender/PictureGroup/Picture.js +3 -3
  16. package/lib/core/components/SxpPageRender/VideoWidget/index.js +1 -2
  17. package/package.json +1 -1
package/es/core/components/SxpPageRender/PictureGroup/Picture.js CHANGED
@@ -21,11 +21,11 @@ const Picture = (props) => {
21
21
  const getImg = useCallback((src, style) => {
22
22
  if (src === '' || !src)
23
23
  return;
24
- return (React.createElement("picture", null,
25
- React.createElement("source", { type: 'image/avif', srcSet: `${src}?imageMogr2/format/avif` }),
24
+ return (src === null || src === void 0 ? void 0 : src.indexOf('.avif')) !== -1 ? (React.createElement("picture", null,
25
+ React.createElement("source", { type: 'image/avif', srcSet: src }),
26
26
  React.createElement("source", { type: 'image/webp', srcSet: `${src}?imageMogr2/format/webp` }),
27
27
  React.createElement("source", { type: 'image/jpeg', srcSet: `${src}?imageMogr2/format/jpg` }),
28
- React.createElement("img", { loading: 'lazy', src: src, style: style })));
28
+ React.createElement("img", { loading: 'lazy', src: src, style: style }))) : (React.createElement("img", { loading: 'lazy', src: src, style: style }));
29
29
  }, []);
30
30
  return (React.createElement("div", { style: {
31
31
  overflow: 'hidden',
package/es/core/components/SxpPageRender/VideoWidget/index.js CHANGED
@@ -212,8 +212,7 @@ const VideoWidget = ({ rec, index, height, data, muted, activeIndex }) => {
212
212
  width: '100%',
213
213
  height
214
214
  } },
215
- React.createElement("video", { id: `pb-video-${index}`, className: 'clc-pb-video', ref: videoRef, poster: sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.placeholder_image, muted: true, controls: false, playsInline: true, preload: 'auto', onPause: onPause, onEnded: handleVideoStart }),
216
- renderPoster,
215
+ React.createElement("video", { id: `pb-video-${index}`, className: 'clc-pb-video', ref: videoRef, muted: true, controls: false, playsInline: true, preload: 'auto', onPause: onPause, onEnded: handleVideoStart }),
217
216
  React.createElement("img", { hidden: !isPauseVideo, className: 'clc-pb-video-pause', src: PAUSE_ICON })));
218
217
  };
219
218
  export default memo(VideoWidget);
package/lib/core/components/SxpPageRender/PictureGroup/Picture.js CHANGED
@@ -24,11 +24,11 @@ const Picture = (props) => {
24
24
  const getImg = (0, react_1.useCallback)((src, style) => {
25
25
  if (src === '' || !src)
26
26
  return;
27
- return (react_1.default.createElement("picture", null,
28
- react_1.default.createElement("source", { type: 'image/avif', srcSet: `${src}?imageMogr2/format/avif` }),
27
+ return (src === null || src === void 0 ? void 0 : src.indexOf('.avif')) !== -1 ? (react_1.default.createElement("picture", null,
28
+ react_1.default.createElement("source", { type: 'image/avif', srcSet: src }),
29
29
  react_1.default.createElement("source", { type: 'image/webp', srcSet: `${src}?imageMogr2/format/webp` }),
30
30
  react_1.default.createElement("source", { type: 'image/jpeg', srcSet: `${src}?imageMogr2/format/jpg` }),
31
- react_1.default.createElement("img", { loading: 'lazy', src: src, style: style })));
31
+ react_1.default.createElement("img", { loading: 'lazy', src: src, style: style }))) : (react_1.default.createElement("img", { loading: 'lazy', src: src, style: style }));
32
32
  }, []);
33
33
  return (react_1.default.createElement("div", { style: {
34
34
  overflow: 'hidden',
package/lib/core/components/SxpPageRender/VideoWidget/index.js CHANGED
@@ -215,8 +215,7 @@ const VideoWidget = ({ rec, index, height, data, muted, activeIndex }) => {
215
215
  width: '100%',
216
216
  height
217
217
  } },
218
- react_1.default.createElement("video", { id: `pb-video-${index}`, className: 'clc-pb-video', ref: videoRef, poster: sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.placeholder_image, muted: true, controls: false, playsInline: true, preload: 'auto', onPause: onPause, onEnded: handleVideoStart }),
219
- renderPoster,
218
+ react_1.default.createElement("video", { id: `pb-video-${index}`, className: 'clc-pb-video', ref: videoRef, muted: true, controls: false, playsInline: true, preload: 'auto', onPause: onPause, onEnded: handleVideoStart }),
220
219
  react_1.default.createElement("img", { hidden: !isPauseVideo, className: 'clc-pb-video-pause', src: PAUSE_ICON })));
221
220
  };
222
221
  exports.default = (0, react_1.memo)(VideoWidget);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pb-sxp-ui",
3
- "version": "1.0.19",
3
+ "version": "1.0.20",
4
4
  "description": "React enterprise-class UI components",
5
5
  "main": "dist/index.cjs",
6
6
  "module": "dist/index.js",