react-motion-gallery 2.0.48 → 2.0.50
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.
- package/README.md +1 -1
- package/dist/{FullscreenRuntime-4DCRLPAJ.mjs → FullscreenRuntime-JCFOCAJ2.mjs} +2 -2
- package/dist/chunk-EKWGPS4D.mjs +1 -0
- package/dist/fullscreen-slider.mjs +1 -1
- package/dist/index.mjs +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/video.mjs +1 -1
- package/package.json +1 -1
- package/dist/chunk-UFX2HJMQ.mjs +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import {a}from'./chunk-C6PKH3FH.mjs';import {b as b$1}from'./chunk-AKY343WN.mjs';import {d as d$1,a as a$1,b as b$2,c}from'./chunk-EJ7I3UYI.mjs';import {e,f}from'./chunk-UAEPMZQY.mjs';import {d}from'./chunk-WMG2LTLR.mjs';import*as t from'react';import {jsx,jsxs}from'react/jsx-runtime';var He={width:"100%",height:"100%"},Ae=280,ze=180;function Be(){let e=t.useRef(null),[i,n]=t.useState(false);return t.useLayoutEffect(()=>{let o=e.current;if(!o)return;let c=o.closest('[data-rmg-slide="true"]');if(!c){n(true);return}if(!c.hasAttribute("data-rmg-lazyload")){n(true);return}let m=()=>n(c.getAttribute("data-rmg-lazyloaded")==="true");m();let u=new MutationObserver(m);return u.observe(c,{attributes:true,attributeFilter:["data-rmg-lazyloaded","data-rmg-lazyload"]}),()=>u.disconnect()},[]),{ref:e,revealed:i}}function qe(e){if(typeof e=="number"&&Number.isFinite(e)&&e>0)return e;if(typeof e=="string"){let i=e.trim(),n=i.match(/^(\d+(?:\.\d+)?)\s*:\s*(\d+(?:\.\d+)?)$/);if(n){let m=parseFloat(n[1]),u=parseFloat(n[2]);if(m>0&&u>0)return m/u}let o=i.match(/^(\d+(?:\.\d+)?)\s*\/\s*(\d+(?:\.\d+)?)$/);if(o){let m=parseFloat(o[1]),u=parseFloat(o[2]);if(m>0&&u>0)return m/u}let c=Number(i);if(Number.isFinite(c)&&c>0)return c}if(typeof e=="object"&&e){let i=e.w??e.width,n=e.h??e.height;if(typeof i=="number"&&typeof n=="number"&&i>0&&n>0)return i/n}return null}function _e(e){let i=t.useRef(null);return t.useLayoutEffect(()=>{let n=e.current;n&&(i.current=n.closest('[data-rmg-viewport="true"]'));},[e]),i}function je(e,i){let n=typeof e=="function"?e(i):e;if(!n)return i.forceCrossorigin?{crossorigin:true,autoplay:false,preload:"none"}:n;let o=n.autoplay??false,c={...n,autoplay:o,preload:n.preload??(o?"auto":"none")};return i.forceCrossorigin&&c.crossorigin==null&&(c.crossorigin=true),c}function Me(e){if(typeof window>"u")return false;try{return new URL(e,window.location.href).origin!==window.location.origin}catch{return false}}function De(e){return Me(e)?/\.(?:mp4|m4v|webm|ogv|ogg|mov)(?:[?#]|$)/i.test(e):false}function b(e,i){e&&(e.style.opacity=i?"1":"0");}function ee(e){e.current!=null&&(window.clearTimeout(e.current),e.current=null);}function We(e,i){e&&(ee(i),e.style.setProperty("animation-play-state","running","important"),e.style.setProperty("opacity","1","important"),e.style.setProperty("visibility","visible","important"),e.style.setProperty("pointer-events","none","important"));}function $e(e,i,n){if(!e){n?.();return}ee(i),e.style.setProperty("animation-play-state","paused","important"),e.style.setProperty("opacity","0","important"),e.style.setProperty("pointer-events","none","important"),i.current=window.setTimeout(()=>{i.current=null,e.style.setProperty("visibility","hidden","important"),n?.();},ze);}function ie(e){if(!e)return;try{e?.pause?.();}catch{}let i=e?.plyr??null;try{i?.pause?.();}catch{}try{i?.media?.pause?.();}catch{}}function Ue(e){let i=e?.plyr??e;if(!i)return false;try{let n=i?.media;if(!n)return !1;let o=Number(n.readyState??0),c=Number(n.videoWidth??0),m=Number(n.videoHeight??0);return o>=1||c>0&&m>0}catch{return false}}function Ge(e,i){return e===false?{render:false,node:null,isCustom:false}:typeof e=="function"?{render:true,node:e(i),isCustom:true}:e===true||e==null?{render:true,node:null,isCustom:false}:{render:true,node:e,isCustom:true}}function Ke(e$1){let i=b$1(),n=i?.isClone??false,o=i?.normIdx??0,c$1=i?.storeBag,m=e$1.registerApiByIndex??i?.registerApiByIndex,u=t.useMemo(()=>c$1?c$1.getOrCreate("rmg-video-snapshot-store",a,s=>{s.destroy();}):null,[c$1]),M=t.useRef(null),f$1=t.useRef(null),q=t.useRef(false),C=t.useRef(false),F=t.useRef(false),{ref:R,revealed:I}=Be(),oe=_e(R),[te,W]=t.useState(false),[ue,re]=t.useState(false),k=e$1.lazyLoad,v=k?.enabled!==false,$=t.useMemo(()=>Ge(k?.spinner,{kind:"video",isClone:n}),[k?.spinner,n]),N=v&&$.render,g=d(),L=g?.isFullscreenOpen??false,U=g?.isFullscreenOpenRef??null,h=!n&&L,G=t.useRef(null),le=t.useRef(false),ne=t.useRef(false);t.useLayoutEffect(()=>{let s=R.current;if(!s)return;let a=s.closest('[data-rmg-slide="true"]');if(!a)return;let r=a.getAttribute("data-rmg-idx"),y=r!=null?parseInt(r,10):NaN;Number.isFinite(y)&&(G.current=y);},[]);let ce=t.useCallback(()=>{if(!v)return;let s=R.current;if(!s)return;let a=s.closest('[data-rmg-slide="true"]');if(!a||!(a.getAttribute("data-rmg-kind")==="video"||!!a.querySelector('[data-rmg-plyr="true"]'))||!a.hasAttribute("data-rmg-lazyload")||a.getAttribute("data-rmg-lazyloaded")==="true")return;a.setAttribute("data-rmg-lazyloaded","true"),a.removeAttribute("aria-busy");let l=a.querySelector("[data-rmg-spinner]");l&&(l.style.display="none");},[R,v]);t.useEffect(()=>{ne.current=false,re(false);},[e$1.src,e$1.poster]);let de=t.useCallback(()=>{if(ne.current)return;ne.current=true;let s=e$1.poster??null;if(s)try{let r=new Image;r.decoding="async",r.fetchPriority="high",r.src=s,r.decode().catch(()=>{});}catch{}let a=e$1.src;if(!(typeof a!="string"||!a))try{let r=document.createElement("video");De(a)&&(r.crossOrigin="anonymous"),r.preload="auto",r.muted=!0,r.playsInline=!0,s&&(r.poster=s),r.src=a,r.load(),window.setTimeout(()=>{try{r.removeAttribute("src"),r.load();}catch{}},1500);}catch{}},[e$1.poster,e$1.src]);t.useEffect(()=>{if(n||!g)return;let s=g.fsVisibleSub.subscribe(a=>{let r=a?.index;typeof r!="number"||!Number.isFinite(r)||r===G.current&&(re(true),de());});return ()=>s?.()},[g,n,de]),t.useEffect(()=>{if(!g||!v)return;let s=g.baseVisibleSub.subscribe(a=>{let r=a?.index;typeof r!="number"||!Number.isFinite(r)||r===G.current&&(ce(),re(true));});return ()=>s?.()},[g,v,ce]);let E=t.useMemo(()=>e$1.source??e$1.sourceBuilder?.({src:e$1.src})??{type:"video",poster:e$1.poster,sources:[{src:e$1.src,type:"video/mp4"}]},[e$1.source,e$1.sourceBuilder,e$1.src,e$1.poster]),A=t.useMemo(()=>e(E),[E]),O=t.useMemo(()=>{let s=typeof e$1.poster=="string"&&e$1.poster.trim().length>0?e$1.poster:null,a=typeof E?.poster=="string"&&String(E.poster).trim().length>0?String(E.poster):null;return s??a},[e$1.poster,E]),Le=t.useCallback(s=>n||!u?()=>{}:u.subscribe(o,s),[o,n,u]),Te=t.useCallback(()=>n||!u?null:u.getSnapshot(o),[o,n,u]),xe=t.useCallback(()=>null,[]),Fe=t.useSyncExternalStore(Le,Te,xe),K=t.useMemo(()=>O?A==="youtube"||A==="vimeo":false,[O,A]),fe=t.useMemo(()=>n||!u||A!=="mp4"?false:Me(e$1.src),[n,e$1.src,A,u]),P=t.useMemo(()=>je(e$1.options,{src:e$1.src,index:o,forceCrossorigin:fe}),[o,e$1.options,e$1.src,fe]),ye=t.useMemo(()=>!!P?.autoplay,[P]),_=t.useMemo(()=>qe(P?.ratio??null),[P]),[me,pe]=t.useState(K),Ie=t.useRef(null),se=t.useRef(null),T=t.useCallback((s=M.current)=>F.current?true:Ue(s)?(F.current=true,true):false,[]),j=t.useCallback(s=>{if(!u||n)return;let a=R.current;if(!s||!a){u.unregisterOriginal(o);return}u.registerOriginal({canonicalIndex:o,api:s,hostEl:a,provider:A,src:e$1.src,poster:e$1.poster,ratio:_});},[R,o,n,e$1.poster,e$1.src,A,_,u]),V=t.useCallback(()=>{ee(Ie);},[]),Y=t.useCallback(()=>{ee(se);},[]);t.useLayoutEffect(()=>{V(),Y(),pe(K);},[V,Y,e$1.src,K]),t.useEffect(()=>()=>{V(),Y();},[V,Y]),t.useEffect(()=>(j(M.current),()=>{j(null);}),[j]);let be=t.useCallback(()=>N?R.current?.querySelector("[data-rmg-video-spinner]")??null:null,[R,N]),d$2=t.useCallback((s,a)=>{let r=s&&!h;if(!N){r||a?.();return}let y=be();if(!y){r||a?.();return}r?We(y,se):$e(y,se,a);},[be,N,h]),H=t.useCallback((s=M.current)=>{n||(U?.current??L)&&ie(s);},[n,L,U]),x=t.useCallback((s=M.current)=>{if(!ye||n||!q.current||(U?.current??L))return;let a=s?.plyr??s;if(a){try{let r=P?.muted;typeof r=="boolean"&&(a.muted=r);}catch{}try{let r=a?.media;r&&(r.autoplay=!0,r.setAttribute("autoplay",""),P?.muted&&(r.muted=!0,r.setAttribute("muted","")),P?.playsinline!==!1&&(r.playsInline=!0,r.setAttribute("playsinline",""),r.setAttribute("webkit-playsinline","")));}catch{}requestAnimationFrame(()=>{try{let r=a.play?.();r&&typeof r.catch=="function"&&r.catch(()=>{});}catch{}});}},[ye,n,L,U,P]),J=t.useCallback(()=>{F.current||(F.current=true,requestAnimationFrame(()=>{V(),d$2(false,()=>{requestAnimationFrame(()=>{b(f$1.current,true),pe(false),H(),x();});});}));},[V,H,d$2,x]);t.useEffect(()=>{L&&H();},[L,H]),t.useEffect(()=>{h&&(ie(M.current),b(f$1.current,false),d$2(false));},[h,d$2]),t.useEffect(()=>{n||h||!te||requestAnimationFrame(()=>{let s=T();b(f$1.current,s),d$2(!s),s&&x();});},[te,n,T,h,d$2,x]);let z=t.useRef(null),Q=t.useRef(null),D=t.useCallback(()=>{let s=Q.current;if(s){try{s.__rmgDragSwallowCleanup?.();}catch{}Q.current=null;}},[]),ke=t.useCallback(s=>{z.current?.(),z.current=null;let a=s??null;if(M.current=a,j(a),e$1.onApi?.(a),m?.(o,a),H(a),requestAnimationFrame(()=>{let l=T(a);b(f$1.current,l),d$2(!l);}),!s){D();return}let r=s?.plyr??s;Q.current!==r&&(D(),d$1(r),Q.current=r);let y=e(E);try{if(y==="youtube"||y==="vimeo"){z.current=f(r,J,{provider:y,posterSrc:O});return}let l=r?.media;if(l){let S=()=>J();l.addEventListener("loadedmetadata",S,{once:!0}),l.addEventListener("loadeddata",S,{once:!0}),l.addEventListener("canplay",S,{once:!0}),z.current=()=>{try{l.removeEventListener("loadedmetadata",S);}catch{}try{l.removeEventListener("loadeddata",S);}catch{}try{l.removeEventListener("canplay",S);}catch{}};try{let X=l.readyState??0,B=l.videoWidth??0,p=l.videoHeight??0;(X>=1||B>0&&p>0)&&J();}catch{}}}catch{}},[D,o,J,e$1.onApi,H,m,T,j,d$2,O,E]);t.useEffect(()=>()=>{z.current?.(),z.current=null,D();},[D]),t.useLayoutEffect(()=>{b(f$1.current,false),d$2(true);},[N,v]),t.useEffect(()=>{F.current=false,requestAnimationFrame(()=>{b(f$1.current,false),d$2(true);});},[e$1.src]),t.useEffect(()=>{if(n)return;let s=R.current;if(!s)return;let a=oe.current??null,r=0,y=.55,l=new IntersectionObserver(([S])=>{let X=S.intersectionRatio??0,B=q.current?!!(S.isIntersecting&&X>=y):!!(S.isIntersecting&&X>=r);if(B!==q.current){if(q.current=B,B){let p=G.current;typeof p=="number"&&Number.isFinite(p)&&g&&(v?g.notifyBaseVisibleIndex(p):!le.current&&!n&&(le.current=true,g.notifyBaseVisibleIndex(p)));}if(!B){ie(M.current),F.current||b(f$1.current,false);return}if(!v){if(!C.current&&I){C.current=true,b(f$1.current,false),d$2(false),W(true);return}requestAnimationFrame(()=>{let p=T();b(f$1.current,p),d$2(false),p&&x();});return}if(!C.current&&I){C.current=true,b(f$1.current,false),d$2(true),W(true);return}requestAnimationFrame(()=>{let p=T();b(f$1.current,p),d$2(!p),p&&x();});}},{root:a,threshold:[0,y,r,1],rootMargin:"0px"});return l.observe(s),()=>l.disconnect()},[R,oe,I,n,T,d$2,v,g,x]),t.useEffect(()=>{if(!n&&I){if(!v){if(C.current)return;C.current=true,b(f$1.current,false),d$2(false),W(true);return}!q.current&&!ue||C.current||(C.current=true,b(f$1.current,false),d$2(true),W(true));}},[I,v,d$2,ue]);let Re=[$.isCustom?a$1.spinnerWrap:a$1.spinner,k?.spinnerClassName].filter(Boolean).join(" "),Ne=N?$.isCustom?jsx("div",{"data-rmg-video-spinner":true,className:Re,style:k?.spinnerStyle,children:$.node}):jsx("div",{"data-rmg-video-spinner":true,className:Re,style:k?.spinnerStyle}):null,ge=Fe?.frameSrc??O??null,Oe=h,Ve=I&&te;return t.useLayoutEffect(()=>{let s=R.current;s&&_&&(s.setAttribute("data-rmg-wh",String(_)),s.dispatchEvent(new Event("loadedmetadata",{bubbles:true})));},[_]),n&&u?jsx(b$2,{canonicalIndex:o,store:u,src:e$1.src,poster:e$1.poster,source:e$1.source,sourceBuilder:e$1.sourceBuilder,options:e$1.options,className:e$1.className,style:e$1.style,lazyLoad:e$1.lazyLoad}):jsxs("div",{ref:R,className:["rmg__plyr__video",e$1.className].filter(Boolean).join(" "),style:{...He,...e$1.style||{},position:"relative",background:"transparent",overflow:"hidden"},"data-rmg-plyr":"true","data-rmg-plyr-index":String(o),"data-rmg-plyr-provider":A,children:[Ne,Oe?jsx("div",{"data-rmg-video-suspended":"true","aria-hidden":"true",style:{position:"absolute",inset:0,zIndex:2,width:"100%",height:"100%",overflow:"hidden",pointerEvents:"none",background:"#000"},children:ge?jsx("img",{src:ge,alt:"",draggable:false,decoding:"async",style:{display:"block",width:"100%",height:"100%",objectFit:"cover",objectPosition:"center",userSelect:"none",pointerEvents:"none"}}):null}):null,K?jsx("div",{"aria-hidden":"true",style:{position:"absolute",inset:0,zIndex:2,width:"100%",height:"100%",overflow:"hidden",pointerEvents:"none",visibility:me?"visible":"hidden",opacity:me?1:0,transition:`opacity ${Ae}ms ease`,willChange:"opacity",background:"transparent"},children:jsx("img",{src:O??"",alt:"",draggable:false,style:{display:"block",width:"100%",height:"100%",objectFit:"cover",userSelect:"none",pointerEvents:"none"}})}):null,jsx("div",{ref:f$1,className:a$1.playerWrap,style:{position:"absolute",inset:0,zIndex:1,width:"100%",height:"100%",opacity:0,transition:`opacity ${Ae}ms ease`,willChange:"opacity",background:"transparent",display:h?"none":void 0,visibility:h?"hidden":void 0,pointerEvents:h?"none":"auto"},children:Ve?jsx(c,{ref:ke,source:E,options:P}):null})]})}Ke.rmgMediaKind="video";export{Ke as a};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import {a}from'./chunk-V7DPXRZF.mjs';import*as l from'react';import {jsx}from'react/jsx-runtime';var t=()=>import('./FullscreenRuntime-
|
|
1
|
+
import {a}from'./chunk-V7DPXRZF.mjs';import*as l from'react';import {jsx}from'react/jsx-runtime';var t=()=>import('./FullscreenRuntime-JCFOCAJ2.mjs').then(e=>({default:e.default??e.FullscreenRuntime})),o=l.lazy(t);function u(){t();}function i(e){return jsx(l.Suspense,{fallback:null,children:jsx(o,{...e})})}function s(e,c){return a(e,{options:c,RuntimeHost:i,preload:u})}function p(e){return s("slider",e?{slider:e}:void 0)}export{p as fullscreenSlider};
|
package/dist/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{a as Video}from'./chunk-
|
|
1
|
+
export{a as Video}from'./chunk-EKWGPS4D.mjs';export{a as ZoomPanImage}from'./chunk-Z2R67ZEV.mjs';import'./chunk-4VHNCVVB.mjs';export{a as Masonry}from'./chunk-YU2WS3GJ.mjs';import'./chunk-EFXHC36P.mjs';import'./chunk-C6PKH3FH.mjs';import'./chunk-PFEGIWQJ.mjs';import'./chunk-L4TRPKGX.mjs';import'./chunk-ADIHG7AT.mjs';export{a as useFullscreenController}from'./chunk-2PYIDVGS.mjs';import'./chunk-JJMFOLJZ.mjs';import'./chunk-PZAXFO2B.mjs';export{a as FullscreenThumbnailSlider}from'./chunk-PA3ECBCE.mjs';export{b as ThumbnailSlider,a as createThumbnailSyncBridge}from'./chunk-3WAORSPA.mjs';import'./chunk-R6EGYRTJ.mjs';import'./chunk-P2GQPFSL.mjs';export{a as Grid}from'./chunk-5HGFS3S2.mjs';import'./chunk-RLT5FULN.mjs';export{i as Entries,h as flattenEntries}from'./chunk-QJ2YFMAT.mjs';export{a as Slider}from'./chunk-RFWZVERZ.mjs';import'./chunk-LVMYHM4T.mjs';export{a as useSliderReady}from'./chunk-VWEQRZ24.mjs';import'./chunk-KJZTKXTM.mjs';import'./chunk-AHMXEVKY.mjs';import'./chunk-4URHXPTV.mjs';export{a as useMasonryReady}from'./chunk-ZCCYTID7.mjs';export{c as Skeleton}from'./chunk-CXH7XALE.mjs';import'./chunk-45TZO7MN.mjs';import'./chunk-AU4O4KU4.mjs';import'./chunk-AOQIL2HW.mjs';export{c as createSliderIndexChannel}from'./chunk-VPFAU2TE.mjs';import'./chunk-4NT4UVB5.mjs';import'./chunk-Z34PSRMG.mjs';import'./chunk-HGY3QLCE.mjs';import'./chunk-MJAHN7TG.mjs';import'./chunk-Y7NUGXTR.mjs';import'./chunk-A6MPGIEJ.mjs';import'./chunk-D3T6HIS2.mjs';import'./chunk-AKY343WN.mjs';import'./chunk-X4HEGEZV.mjs';import'./chunk-UUAWLGWO.mjs';export{a as useGridReady}from'./chunk-STRS7UNJ.mjs';import'./chunk-EJ7I3UYI.mjs';import'./chunk-UAEPMZQY.mjs';import'./chunk-ULUKLQXS.mjs';import'./chunk-A5VUIE75.mjs';import'./chunk-UP6P6CQS.mjs';import'./chunk-NHIKOJLU.mjs';import'./chunk-LVYED5ZM.mjs';import'./chunk-UML6FCOQ.mjs';export{b as GalleryCore,c as useGalleryCore}from'./chunk-WMG2LTLR.mjs';export{a as toMediaItems}from'./chunk-L2HRIINV.mjs';import'./chunk-B4CC5AGE.mjs';export{a as BREAKPOINT_MAP}from'./chunk-HK2DPKES.mjs';
|