@wix/video 1.78.0 → 1.80.0

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.
@@ -1 +1 @@
1
- {"generatedAt":1764773959526,"builder":{"name":"webpack5"},"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"monorepo":"Turborepo","packageManager":{"type":"yarn","version":"4.12.0"},"typescriptOptions":{"check":false,"reactDocgen":false},"language":"typescript","storybookPackages":{"@wix/yoshi-storybook-dependencies":{"version":"6.163.0"}},"framework":{},"addons":{"@storybook/addon-controls":{"version":"6.5.16"},"@storybook/addon-docs":{"version":"6.5.16"}}}
1
+ {"generatedAt":1766352552165,"builder":{"name":"webpack5"},"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"monorepo":"Turborepo","packageManager":{"type":"yarn","version":"4.12.0"},"typescriptOptions":{"check":false,"reactDocgen":false},"language":"typescript","storybookPackages":{"@wix/yoshi-storybook-dependencies":{"version":"6.163.0"}},"framework":{},"addons":{"@storybook/addon-controls":{"version":"6.5.16"},"@storybook/addon-docs":{"version":"6.5.16"}}}
@@ -1,4 +1,4 @@
1
1
  {
2
- "video.css": "https://static.parastorage.com/services/video/533b4e4d7645ae27a26532c19c6bcf7876c533158e7e8c309b718b63/video.css",
3
- "video.js": "https://static.parastorage.com/services/video/533b4e4d7645ae27a26532c19c6bcf7876c533158e7e8c309b718b63/video.umd.js"
2
+ "video.css": "https://static.parastorage.com/services/video/20cd757a19bdb43e6ff071633210fe0cbbcb95b93340ab32ddffb62f/video.css",
3
+ "video.js": "https://static.parastorage.com/services/video/20cd757a19bdb43e6ff071633210fe0cbbcb95b93340ab32ddffb62f/video.umd.js"
4
4
  }
@@ -1,4 +1,4 @@
1
1
  {
2
- "video.css": "https://static.parastorage.com/services/video/533b4e4d7645ae27a26532c19c6bcf7876c533158e7e8c309b718b63/video.min.css",
3
- "video.js": "https://static.parastorage.com/services/video/533b4e4d7645ae27a26532c19c6bcf7876c533158e7e8c309b718b63/video.umd.min.js"
2
+ "video.css": "https://static.parastorage.com/services/video/20cd757a19bdb43e6ff071633210fe0cbbcb95b93340ab32ddffb62f/video.min.css",
3
+ "video.js": "https://static.parastorage.com/services/video/20cd757a19bdb43e6ff071633210fe0cbbcb95b93340ab32ddffb62f/video.umd.min.js"
4
4
  }
@@ -523,7 +523,7 @@ module.exports = _typeof, module.exports.__esModule = true, module.exports["defa
523
523
  /******/
524
524
  /******/ /* webpack/runtime/publicPath */
525
525
  /******/ (() => {
526
- /******/ __webpack_require__.p = "https://static.parastorage.com/services/video/533b4e4d7645ae27a26532c19c6bcf7876c533158e7e8c309b718b63/";
526
+ /******/ __webpack_require__.p = "https://static.parastorage.com/services/video/20cd757a19bdb43e6ff071633210fe0cbbcb95b93340ab32ddffb62f/";
527
527
  /******/ })();
528
528
  /******/
529
529
  /******/ /* webpack/runtime/jsonp chunk loading */
@@ -681,7 +681,7 @@ var defineProperty_default = /*#__PURE__*/__webpack_require__.n(defineProperty);
681
681
  * @param {(videoNode: HTMLVideoElement) => void} patchVideoSource
682
682
  * @param {Object[]} sources
683
683
  * @param {Object} focalPoint
684
- */mutate(poster,videoNode,autoplay,needsSrcUpdate,posterEffect,playbackRate,patchVideoSource,sources,focalPoint){videoNode.toggleAttribute('autoplay',autoplay);if(sources!=null&&sources[0]){const videoWidth=sources[0].width;const videoHeight=sources[0].height;const aspectRatio=videoWidth/videoHeight;videoNode.style.setProperty('--aspect-ratio',aspectRatio.toString());}if(focalPoint){setVideoFocalPoint(videoNode,focalPoint);}handlePosterVisibility(needsSrcUpdate,videoNode,poster,posterEffect,autoplay);if(needsSrcUpdate){patchVideoSource(videoNode);}videoNode.playbackRate=playbackRate;}});/**
684
+ */mutate(poster,videoNode,autoplay,needsSrcUpdate,posterEffect,playbackRate,patchVideoSource,focalPoint,sources){videoNode.toggleAttribute('autoplay',autoplay);if(sources!=null&&sources[0]){const videoWidth=sources[0].width;const videoHeight=sources[0].height;const aspectRatio=videoWidth/videoHeight;videoNode.style.setProperty('--aspect-ratio',aspectRatio.toString());}setVideoFocalPoint(videoNode,focalPoint);handlePosterVisibility(needsSrcUpdate,videoNode,poster,posterEffect,autoplay);if(needsSrcUpdate){patchVideoSource(videoNode);}videoNode.playbackRate=playbackRate;}});/**
685
685
  *
686
686
  * @param videoNode
687
687
  * @param newSrcUrl
@@ -707,7 +707,7 @@ function wowVideoFactory(services,contextWindow){return class WowVideo extends c
707
707
  * Check if the user prefers reduced motion
708
708
  *
709
709
  * @returns {boolean} True if reduced motion is preferred
710
- */isPrefersReducedMotion(){return contextWindow.matchMedia('(prefers-reduced-motion: reduce)').matches;}reLayout(){if(!this.dataset.videoInfo){return;}const{uri,sources,adaptiveSources,autoplay,playbackRate,posterEffect,qualityPolicy,focalPoint,duration}=JSON.parse(this.dataset.videoInfo);const prefersReducedMotion=this.isPrefersReducedMotion();const autoPlayAllowed=!prefersReducedMotion&&autoplay;const videoNode=this.querySelector('video');const poster=this.querySelector('img');services.mutationService.measure(async()=>{const measures=await videoLayout.measure(videoNode,this,qualityPolicy,uri,sources,adaptiveSources,duration,error=>this.dispatchVideoError(error));const{needsSrcUpdate,patchVideoSource}=measures;services.mutationService.mutate(()=>{videoLayout.mutate(poster,videoNode,autoPlayAllowed,needsSrcUpdate,posterEffect,playbackRate,patchVideoSource,sources,focalPoint);});});}static get observedAttributes(){return['data-video-info'];}};}/* harmony default export */ const custom_element_WowVideo = (wowVideoFactory);
710
+ */isPrefersReducedMotion(){return contextWindow.matchMedia('(prefers-reduced-motion: reduce)').matches;}reLayout(){if(!this.dataset.videoInfo){return;}const{uri,sources,adaptiveSources,autoplay,playbackRate,posterEffect,qualityPolicy,focalPoint,duration}=JSON.parse(this.dataset.videoInfo);const prefersReducedMotion=this.isPrefersReducedMotion();const autoPlayAllowed=!prefersReducedMotion&&autoplay;const videoNode=this.querySelector('video');const poster=this.querySelector('img');services.mutationService.measure(async()=>{const measures=await videoLayout.measure(videoNode,this,qualityPolicy,uri,sources,adaptiveSources,duration,error=>this.dispatchVideoError(error));const{needsSrcUpdate,patchVideoSource}=measures;services.mutationService.mutate(()=>{videoLayout.mutate(poster,videoNode,autoPlayAllowed,needsSrcUpdate,posterEffect,playbackRate,patchVideoSource,focalPoint,sources);});});}static get observedAttributes(){return['data-video-info'];}};}/* harmony default export */ const custom_element_WowVideo = (wowVideoFactory);
711
711
  // EXTERNAL MODULE: ../../../node_modules/fastdom/fastdom.js
712
712
  var fastdom = __webpack_require__(709);
713
713
  var fastdom_default = /*#__PURE__*/__webpack_require__.n(fastdom);
@@ -4032,7 +4032,7 @@ const Image = (props) => {
4032
4032
 
4033
4033
  //# sourceMappingURL=Image.js.map
4034
4034
  ;// ./Video.tsx
4035
- if(typeof window!=='undefined'){if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',()=>{initCustomElement();customElementInit_initCustomElement();},{once:true});}else{initCustomElement();customElementInit_initCustomElement();}}const Video=props=>{const{motionPart,videoRef,videoMedia,muted,loop,autoplay,playbackRate=1,posterEffect,id,qualityPolicy='proportional',focalPoint,onError}=props;const wowVideoRef=external_React_.useRef(null);const videoInfoString=external_React_.useMemo(()=>{const sortedQualities=sortQualities(videoMedia.sources||[]);return JSON.stringify({...videoMedia,playbackRate,posterEffect,sources:sortedQualities,autoplay,qualityPolicy,focalPoint});},[videoMedia,playbackRate,posterEffect,autoplay,qualityPolicy,focalPoint]);const VideoPosterImage=videoMedia.poster&&/*#__PURE__*/external_React_.createElement(Image,extends_default()({},videoMedia.poster,{focalPoint:focalPoint,id:`videoPoster_${id}`,displayMode:"fill",alt:videoMedia.name||videoMedia.poster.alt||"",quality:videoMedia.poster.quality?{quality:videoMedia.poster.quality}:undefined}));const handleVideoElementError=external_React_.useCallback(event=>{if(onError){var _videoElement$error;const videoElement=event.currentTarget;const error=new Error(`Video playback error: ${((_videoElement$error=videoElement.error)==null?void 0:_videoElement$error.message)||"Unknown error"}`);onError(error);}},[onError]);const handleAdaptiveVideoError=external_React_.useCallback(event=>{var _event$detail;if(onError&&(_event$detail=event.detail)!=null&&_event$detail.error){onError(event.detail.error);}},[onError]);external_React_.useEffect(()=>{const element=wowVideoRef.current;element==null||element.addEventListener("videoerror",handleAdaptiveVideoError);return()=>{element==null||element.removeEventListener("videoerror",handleAdaptiveVideoError);};},[onError,handleAdaptiveVideoError]);return/*#__PURE__*/external_React_.createElement("wow-video",{ref:wowVideoRef,"data-video-info":videoInfoString,"data-motion-part":motionPart||'',class:Video_module.videoContainer},/*#__PURE__*/external_React_.createElement("video",{ref:videoRef,className:Video_module.video,crossOrigin:"anonymous",playsInline:true,muted:muted,loop:loop,preload:"none",onError:handleVideoElementError}),VideoPosterImage);};/* harmony default export */ const Video_0 = (Video);
4035
+ if(typeof window!=='undefined'){if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',()=>{initCustomElement();customElementInit_initCustomElement();},{once:true});}else{initCustomElement();customElementInit_initCustomElement();}}const Video=props=>{const{motionPart,videoRef,videoMedia,muted,loop,autoplay,playbackRate=1,posterEffect,id,qualityPolicy='proportional',focalPoint={x:50,y:50},onError}=props;const wowVideoRef=external_React_.useRef(null);const videoInfoString=external_React_.useMemo(()=>{const sortedQualities=sortQualities(videoMedia.sources||[]);return JSON.stringify({...videoMedia,playbackRate,posterEffect,sources:sortedQualities,autoplay,qualityPolicy,focalPoint});},[videoMedia,playbackRate,posterEffect,autoplay,qualityPolicy,focalPoint]);const VideoPosterImage=videoMedia.poster&&/*#__PURE__*/external_React_.createElement(Image,extends_default()({},videoMedia.poster,{focalPoint:focalPoint,id:`videoPoster_${id}`,displayMode:"fill",alt:videoMedia.name||videoMedia.poster.alt||"",quality:videoMedia.poster.quality?{quality:videoMedia.poster.quality}:undefined}));const handleVideoElementError=external_React_.useCallback(event=>{if(onError){var _videoElement$error;const videoElement=event.currentTarget;const error=new Error(`Video playback error: ${((_videoElement$error=videoElement.error)==null?void 0:_videoElement$error.message)||"Unknown error"}`);onError(error);}},[onError]);const handleAdaptiveVideoError=external_React_.useCallback(event=>{var _event$detail;if(onError&&(_event$detail=event.detail)!=null&&_event$detail.error){onError(event.detail.error);}},[onError]);external_React_.useEffect(()=>{const element=wowVideoRef.current;element==null||element.addEventListener("videoerror",handleAdaptiveVideoError);return()=>{element==null||element.removeEventListener("videoerror",handleAdaptiveVideoError);};},[onError,handleAdaptiveVideoError]);return/*#__PURE__*/external_React_.createElement("wow-video",{ref:wowVideoRef,"data-video-info":videoInfoString,"data-motion-part":motionPart||'',class:Video_module.videoContainer},/*#__PURE__*/external_React_.createElement("video",{ref:videoRef,className:Video_module.video,crossOrigin:"anonymous",playsInline:true,muted:muted,loop:loop,preload:"none",onError:handleVideoElementError}),VideoPosterImage);};/* harmony default export */ const Video_0 = (Video);
4036
4036
  ;// ../../../node_modules/@wix/component-protocol/dist/esm/chunk-EKFUKHAF.js
4037
4037
  var __create = Object.create;
4038
4038
  var __defProp = Object.defineProperty;