react-motion-gallery 2.0.77 → 2.0.78
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 +1129 -776
- package/dist/FullscreenRuntime-N5ZHMS3K.mjs +4 -0
- package/dist/FullscreenRuntime-YZWI2HL2.css +1 -0
- package/dist/chunk-2AHQQNSJ.mjs +1 -0
- package/dist/chunk-2AM3S2QN.mjs +1 -0
- package/dist/{chunk-Y33KEQVI.mjs → chunk-3HVF63UG.mjs} +1 -1
- package/dist/chunk-3XLFID7Y.mjs +1 -0
- package/dist/{chunk-6G2EJHW6.mjs → chunk-3YNFTUKE.mjs} +1 -1
- package/dist/chunk-6POQO2IQ.mjs +1 -0
- package/dist/chunk-6W5FJX7R.mjs +1 -0
- package/dist/chunk-7QDG32H7.mjs +4 -0
- package/dist/chunk-A2YEDYJQ.mjs +1 -0
- package/dist/chunk-AEGJQGLQ.mjs +6 -0
- package/dist/chunk-AO4U6D24.mjs +1 -0
- package/dist/chunk-AZKAPHY5.mjs +1 -0
- package/dist/{chunk-7CUGPJMX.mjs → chunk-B73WDXEU.mjs} +1 -1
- package/dist/chunk-BNMFSBHJ.mjs +1 -0
- package/dist/chunk-C2BBODLN.mjs +1 -0
- package/dist/chunk-COVYZ7TI.mjs +1 -0
- package/dist/chunk-D2ERSLYS.mjs +1 -0
- package/dist/chunk-DCCJH5R3.mjs +1 -0
- package/dist/chunk-DECESBPG.mjs +1 -0
- package/dist/chunk-G2MIO7SA.mjs +2 -0
- package/dist/chunk-GKN6CVVQ.mjs +3 -0
- package/dist/{chunk-B3L6FFUP.mjs → chunk-GKR35A24.mjs} +1 -1
- package/dist/{chunk-IFU7FJFX.mjs → chunk-GWYW2V72.mjs} +1 -1
- package/dist/chunk-H3ALL5BC.mjs +1 -0
- package/dist/{chunk-7G5QBCV3.mjs → chunk-HVO7H4XB.mjs} +1 -1
- package/dist/chunk-JIVW5KRY.mjs +3 -0
- package/dist/chunk-L4NJDMCU.mjs +1 -0
- package/dist/{chunk-YTIARAWT.mjs → chunk-LZ53EONL.mjs} +1 -1
- package/dist/{chunk-JYIGG2JK.mjs → chunk-NE64XTCU.mjs} +1 -1
- package/dist/chunk-NJBA4372.mjs +1 -0
- package/dist/chunk-ODBPQRVS.mjs +1 -0
- package/dist/chunk-P55ODH2L.mjs +4 -0
- package/dist/chunk-PUQSKJHB.mjs +4 -0
- package/dist/{chunk-UBCYWKG3.mjs → chunk-Q67WUAF3.mjs} +2 -2
- package/dist/{chunk-PAX6EZMX.mjs → chunk-RA7HIQFJ.mjs} +1 -1
- package/dist/chunk-RD4L57DG.mjs +1 -0
- package/dist/chunk-ROSKTQWL.mjs +1 -0
- package/dist/chunk-SPCWUWPZ.mjs +1 -0
- package/dist/chunk-VKROQSDU.mjs +1 -0
- package/dist/chunk-WJKG7QRD.mjs +1 -0
- package/dist/chunk-X5T5MXVQ.mjs +1 -0
- package/dist/chunk-ZCVS5WHL.mjs +1 -0
- package/dist/core.d.mts +4 -4
- package/dist/dataPlugins-DzaWlM6f.d.mts +170 -0
- package/dist/entries-cache.css +1 -1
- package/dist/entries-cache.d.mts +22 -16
- package/dist/entries-cache.mjs +1 -1
- package/dist/entries-infinite-scroll.d.mts +19 -0
- package/dist/entries-infinite-scroll.mjs +1 -0
- package/dist/entries-load-more.d.mts +35 -0
- package/dist/entries-load-more.mjs +1 -0
- package/dist/entries-pagination.d.mts +34 -0
- package/dist/entries-pagination.mjs +1 -0
- package/dist/entries-ready.d.mts +25 -0
- package/dist/entries-ready.mjs +1 -0
- package/dist/entries-virtualization.d.mts +19 -0
- package/dist/entries-virtualization.mjs +1 -0
- package/dist/entries.css +1 -1
- package/dist/entries.d.mts +29 -16
- package/dist/entries.mjs +1 -1
- package/dist/fullscreen-captions.css +1 -1
- package/dist/fullscreen-captions.d.mts +4 -4
- package/dist/fullscreen-captions.mjs +1 -1
- package/dist/fullscreen-controls.d.mts +4 -4
- package/dist/fullscreen-crossfade.d.mts +4 -4
- package/dist/fullscreen-lazy-load.css +1 -1
- package/dist/fullscreen-lazy-load.d.mts +4 -4
- package/dist/fullscreen-lazy-load.mjs +1 -1
- package/dist/fullscreen-slider.css +1 -1
- package/dist/fullscreen-slider.d.mts +4 -4
- package/dist/fullscreen-slider.mjs +1 -1
- package/dist/fullscreen-thumbnails.d.mts +4 -4
- package/dist/fullscreen-video.css +1 -1
- package/dist/fullscreen-video.d.mts +4 -4
- package/dist/fullscreen-video.mjs +1 -1
- package/dist/fullscreen-zoom-pan.d.mts +4 -4
- package/dist/fullscreen-zoom-pan.mjs +1 -1
- package/dist/fullscreen.css +1 -1
- package/dist/fullscreen.d.mts +5 -5
- package/dist/fullscreen.mjs +1 -1
- package/dist/fullscreenThumbnails.css +1 -1
- package/dist/fullscreenThumbnails.d.mts +4 -4
- package/dist/fullscreenThumbnails.mjs +1 -1
- package/dist/grid-fullscreen.d.mts +6 -1
- package/dist/grid-fullscreen.mjs +1 -1
- package/dist/grid-infinite-scroll.d.mts +15 -0
- package/dist/grid-infinite-scroll.mjs +1 -0
- package/dist/grid-lazy-load.css +1 -1
- package/dist/grid-lazy-load.d.mts +5 -1
- package/dist/grid-lazy-load.mjs +1 -1
- package/dist/grid-load-more.d.mts +15 -0
- package/dist/grid-load-more.mjs +1 -0
- package/dist/grid-pagination.d.mts +28 -0
- package/dist/grid-pagination.mjs +1 -0
- package/dist/grid-ready.d.mts +5 -1
- package/dist/grid-virtualization.d.mts +15 -0
- package/dist/grid-virtualization.mjs +1 -0
- package/dist/grid.css +1 -1
- package/dist/grid.d.mts +29 -5
- package/dist/grid.mjs +1 -1
- package/dist/{index-C-bgM_aR.d.mts → index-CCmwUMAS.d.mts} +7 -4
- package/dist/index.css +1 -1
- package/dist/index.d.mts +23 -12
- package/dist/index.mjs +1 -1
- package/dist/{masonry-BHq_xi-F.d.mts → masonry-BOnLW8R5.d.mts} +6 -2
- package/dist/masonry-fullscreen.d.mts +1 -1
- package/dist/masonry-fullscreen.mjs +1 -1
- package/dist/masonry-infinite-scroll.d.mts +17 -0
- package/dist/masonry-infinite-scroll.mjs +1 -0
- package/dist/masonry-lazy-load.css +1 -1
- package/dist/masonry-lazy-load.d.mts +6 -2
- package/dist/masonry-lazy-load.mjs +1 -1
- package/dist/masonry-load-more.d.mts +17 -0
- package/dist/masonry-load-more.mjs +1 -0
- package/dist/masonry-measured-ready.d.mts +5 -1
- package/dist/masonry-measured-ready.mjs +1 -1
- package/dist/masonry-measured.css +1 -1
- package/dist/masonry-measured.d.mts +12 -2
- package/dist/masonry-measured.mjs +1 -1
- package/dist/{masonry-C7eQ6whX.d.mts → masonry-miqLvs3X.d.mts} +12 -5
- package/dist/masonry-pagination.d.mts +30 -0
- package/dist/masonry-pagination.mjs +1 -0
- package/dist/masonry-ready.d.mts +5 -1
- package/dist/masonry-ready.mjs +1 -1
- package/dist/masonry-virtualization.d.mts +17 -0
- package/dist/masonry-virtualization.mjs +1 -0
- package/dist/masonry.css +1 -1
- package/dist/masonry.d.mts +51 -6
- package/dist/masonry.mjs +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/rating-stars.d.mts +26 -0
- package/dist/rating-stars.mjs +1 -0
- package/dist/{responsive-DTXfqDUt.d.mts → responsive-Bw0ub6Hv.d.mts} +59 -3
- package/dist/responsive.d.mts +4 -4
- package/dist/skeleton-base.css +1 -1
- package/dist/skeleton-base.d.mts +4 -2
- package/dist/skeleton-base.mjs +1 -1
- package/dist/skeleton-cache-base.css +1 -1
- package/dist/skeleton-cache-base.d.mts +1 -1
- package/dist/skeleton-cache-base.mjs +1 -1
- package/dist/skeleton-cache-grid.css +1 -1
- package/dist/skeleton-cache-grid.d.mts +2 -3
- package/dist/skeleton-cache-grid.mjs +1 -1
- package/dist/skeleton-cache-masonry-structured.css +1 -1
- package/dist/skeleton-cache-masonry-structured.d.mts +2 -3
- package/dist/skeleton-cache-masonry-structured.mjs +1 -1
- package/dist/skeleton-cache-masonry.css +1 -1
- package/dist/skeleton-cache-masonry.d.mts +2 -3
- package/dist/skeleton-cache-masonry.mjs +1 -1
- package/dist/skeleton-cache-slider.css +1 -1
- package/dist/skeleton-cache-slider.d.mts +1 -1
- package/dist/skeleton-cache-slider.mjs +1 -1
- package/dist/skeleton-grid.css +1 -1
- package/dist/skeleton-grid.d.mts +4 -4
- package/dist/skeleton-grid.mjs +1 -1
- package/dist/skeleton-masonry-structured.css +1 -1
- package/dist/skeleton-masonry-structured.d.mts +4 -4
- package/dist/skeleton-masonry-structured.mjs +1 -1
- package/dist/skeleton-masonry.css +1 -1
- package/dist/skeleton-masonry.d.mts +2 -3
- package/dist/skeleton-masonry.mjs +1 -1
- package/dist/skeleton-slider-restore.css +1 -1
- package/dist/skeleton-slider-restore.d.mts +1 -1
- package/dist/skeleton-slider-restore.mjs +1 -1
- package/dist/skeleton-slider.css +1 -1
- package/dist/skeleton-slider.d.mts +1 -1
- package/dist/skeleton-slider.mjs +1 -1
- package/dist/slider-dots.css +1 -1
- package/dist/slider-dots.mjs +1 -1
- package/dist/slider-lazy-load.css +1 -1
- package/dist/slider-lazy-load.mjs +1 -1
- package/dist/slider-loading.css +1 -1
- package/dist/slider-loading.mjs +1 -1
- package/dist/slider-scrollbar.css +1 -1
- package/dist/slider-scrollbar.mjs +1 -1
- package/dist/slider.css +1 -1
- package/dist/slider.mjs +1 -1
- package/dist/styles.css +5 -5
- package/dist/thumbnails.css +1 -1
- package/dist/thumbnails.d.mts +3 -3
- package/dist/thumbnails.mjs +1 -1
- package/dist/{transitions-DU3ftmIq.d.mts → transitions-ChhEdSB6.d.mts} +1 -0
- package/dist/types-DcUQOXvS.d.mts +117 -0
- package/dist/types-L2pRy8k4.d.mts +136 -0
- package/dist/{types-Skhqh1RQ.d.mts → types-bZ-lDlKM.d.mts} +1 -1
- package/dist/{types-0ntfoMKP.d.mts → types-qMg7LB37.d.mts} +2 -1
- package/dist/{types-CYTSYIwL.d.mts → types-uhDRb0mo.d.mts} +1 -1
- package/dist/video.css +1 -1
- package/dist/video.mjs +1 -1
- package/dist/zoomPan.mjs +1 -1
- package/package.json +57 -1
- package/dist/FullscreenRuntime-GNSZ2OS3.mjs +0 -4
- package/dist/FullscreenRuntime-OE6CYK62.css +0 -1
- package/dist/GridSkeleton-DHuqcIFL.d.mts +0 -23
- package/dist/MasonrySkeleton-C7WkAbFh.d.mts +0 -29
- package/dist/chunk-2WM2A4RK.mjs +0 -4
- package/dist/chunk-2YTRLSWQ.mjs +0 -1
- package/dist/chunk-3GLW5FCD.mjs +0 -1
- package/dist/chunk-3TFKVS63.mjs +0 -6
- package/dist/chunk-5OYXAAEQ.mjs +0 -1
- package/dist/chunk-6BPMRW6K.mjs +0 -1
- package/dist/chunk-6MX5FBOB.mjs +0 -3
- package/dist/chunk-A5ERE5BW.mjs +0 -3
- package/dist/chunk-A6MPGIEJ.mjs +0 -1
- package/dist/chunk-EFXHC36P.mjs +0 -0
- package/dist/chunk-F443J6CZ.mjs +0 -4
- package/dist/chunk-GVW2FBCS.mjs +0 -1
- package/dist/chunk-HNMR7ZQY.mjs +0 -1
- package/dist/chunk-IGSEIMAQ.mjs +0 -1
- package/dist/chunk-KOI77DGH.mjs +0 -1
- package/dist/chunk-MUYJLDYM.mjs +0 -1
- package/dist/chunk-S23S23HP.mjs +0 -2
- package/dist/chunk-SMR2CHXT.mjs +0 -1
- package/dist/chunk-UUAWLGWO.mjs +0 -1
- package/dist/chunk-WUB37KRW.mjs +0 -4
- package/dist/chunk-Y7NUGXTR.mjs +0 -1
- package/dist/chunk-ZCCYTID7.mjs +0 -1
- package/dist/chunk-ZSA3W246.mjs +0 -1
- package/dist/chunk-ZVFKCJM2.mjs +0 -1
- package/dist/index-k9JcWxFa.d.mts +0 -21
- package/dist/placement-BWKxkHD8.d.mts +0 -5
- package/dist/types-CYB4fl6-.d.mts +0 -69
- package/dist/types-Cc37Drgz.d.mts +0 -62
|
@@ -1 +1 @@
|
|
|
1
|
-
import {l,h,j,a as a$2,i,g as g$1,q,f as f$1,e as e$1,m,n,o,p,d,c as c$3,b as b$2}from'./chunk-WUB37KRW.mjs';import {b,a as a$3,c as c$2,f as f$2,g as g$3}from'./chunk-ADIHG7AT.mjs';import {c}from'./chunk-P2GQPFSL.mjs';import {e,c as c$1,b as b$1}from'./chunk-HGY3QLCE.mjs';import {g as g$2}from'./chunk-UAEPMZQY.mjs';import {a as a$1}from'./chunk-B4CC5AGE.mjs';import {f,g}from'./chunk-HK2DPKES.mjs';import {a}from'./chunk-V7DPXRZF.mjs';import*as u from'react';var ft=300,dt="cubic-bezier(.4,0,.22,1)";function pt(i){return {enabled:i?.zoomFade!==false,durationMs:i?.zoomFadeDurationMs??ft,easing:i?.zoomFadeEasing??dt,zoomInTransform:i?.zoomInTransform??"",zoomOutTransform:i?.zoomOutTransform??""}}function Ke(i){if(!(!i.enabled||i.durationMs<=0))return `opacity ${i.durationMs}ms ${i.easing}, transform ${i.durationMs}ms ${i.easing}`}function Rt(i){let{phase:e,isZoomed:t,settings:r}=i;if(!r.enabled)return {phase:"visible",isZoomed:t,interactive:true,contentStyle:{}};let M=1,s="",b;switch(e){case "hiding":M=0,s=r.zoomInTransform,b=Ke(r);break;case "hidden":M=0,s=r.zoomInTransform;break;case "showingStart":M=0,s=r.zoomOutTransform;break;case "showing":M=1,s="",b=Ke(r);break;default:M=1,s="";break}return {phase:e,isZoomed:t,interactive:e==="visible",contentStyle:{opacity:M,transform:s,transition:b,willChange:"opacity, transform"}}}function we(i){let{caption:e,isZoomed:t}=i,r=u.useMemo(()=>pt(e),[e?.zoomFade,e?.zoomFadeDurationMs,e?.zoomFadeEasing,e?.zoomInTransform,e?.zoomOutTransform]),[M,s]=u.useState(()=>r.enabled&&t?"hidden":"visible"),b=u.useRef(false),R=u.useRef(t),f=u.useRef(r.enabled);return u.useEffect(()=>{let w=R.current,P=f.current;if(R.current=t,f.current=r.enabled,!b.current){b.current=true,s(r.enabled&&t?"hidden":"visible");return}let v=0,d=0,l=0;return r.enabled?P!==r.enabled?(s(t?"hidden":"visible"),()=>{v&&cancelAnimationFrame(v),d&&cancelAnimationFrame(d),l&&clearTimeout(l);}):w===t?()=>{v&&cancelAnimationFrame(v),d&&cancelAnimationFrame(d),l&&clearTimeout(l);}:(t?(s("hiding"),r.durationMs<=0?s("hidden"):l=window.setTimeout(()=>{s("hidden");},r.durationMs+20)):(s("showingStart"),v=requestAnimationFrame(()=>{d=requestAnimationFrame(()=>{if(s("showing"),r.durationMs<=0){s("visible");return}l=window.setTimeout(()=>{s("visible");},r.durationMs+20);});})),()=>{v&&cancelAnimationFrame(v),d&&cancelAnimationFrame(d),l&&clearTimeout(l);}):(s("visible"),()=>{v&&cancelAnimationFrame(v),d&&cancelAnimationFrame(d),l&&clearTimeout(l);})},[t,r.enabled,r.durationMs]),u.useMemo(()=>Rt({phase:M,isZoomed:t,settings:r}),[M,t,r])}function bt(i){if(i.ctrlKey)return true;let e=Math.abs(i.deltaX),t=Math.abs(i.deltaY);if(e<1&&t<1)return false;let r=e/t;return r>=.8&&r<=1.2}function qe(i){let{scaleRef:e,zoomCtx:t,zoomTo:r,isZoomed:M,currentImage:s,imageRefs:b,fullscreenSliderApi:R,rebuildPanBodies:f,baseFitSize:w,boundsForCurrent:P,ScrollBounds:v,boundsX:d,boundsY:l,offX:D,offY:p,tgtX:C,tgtY:Z,bodyX:O,bodyY:z,animRef:y,panDuration:g,syncWheelPanTarget:k,findImgAtPoint:L,readDataIndex:E,distance:x,midpoint:I}=i,W=u.useRef(false),$=u.useRef(false),K=u.useRef(false),ae=u.useRef(0),ie=u.useRef(1),q=u.useCallback((o,c)=>{if(!c.current||!o.ctrlKey)return;o.preventDefault(),R.current?.centerSlider(),e.current>1.01&&(W.current=true);let{ctrlKey:m,deltaMode:h}=o,{deltaY:F}=o;h===1&&(F*=15);let N=1-F/(m?100:300),X=e.current*N;r(t,{destZoomLevel:X,centerPoint:{x:o.clientX,y:o.clientY},imageRef:c});},[R,e,r,t]),B=u.useCallback(o=>{if(!M||bt(o)||o.ctrlKey||!s.current)return;o.preventDefault(),f();let c=s.current,m=c$2(c)?.getBoundingClientRect()??c.getBoundingClientRect(),h=m.width,F=m.height,j=a$3(c);if(!j)return;let{baseW:N,baseH:X}=w(j,h,F),{x:J,y:se,povX:ve,povY:S}=P(e.current,N,X,h,F);d.current=v(J,D.current,C.current,O.current,ve,g),l.current=v(se,p.current,Z.current,z.current,S,g);let Q={x:J.constrain((D.current?.get()??0)-o.deltaX),y:se.constrain((p.current?.get()??0)-o.deltaY)},ce=k?.(Q)??false;ce||(C.current?.set(Q.x),Z.current?.set(Q.y)),O.current?.useDuration(0).useFriction(1),z.current?.useDuration(0).useFriction(1),ce||y.current?.start();},[M,s,f,w,P,e,d,l,v,D,p,C,Z,O,z,y,g,k]);u.useEffect(()=>(window.addEventListener("wheel",B,{passive:false}),()=>window.removeEventListener("wheel",B)),[B]),u.useLayoutEffect(()=>{function o(c){let m=L(document,c.clientX,c.clientY);if(!m)return;let h=E(m);if(h==null)return;let F=b.current[h];F&&(s.current=F.current,q(c,F));}return window.addEventListener("wheel",o,{passive:false}),()=>window.removeEventListener("wheel",o)},[L,E,b,s,q]);let te=u.useCallback(o=>{if(o.touches.length!==2)return;o.preventDefault(),R.current?.centerSlider(),$.current=true;let[c,m]=[o.touches[0],o.touches[1]];ae.current=x(c,m),ie.current=e.current;},[x,R,e]),A=u.useCallback((o,c)=>{if(!$.current||o.touches.length!==2)return;o.preventDefault();let[m,h]=[o.touches[0],o.touches[1]],j=x(m,h)/ae.current,N=ie.current*j,X=I(m,h);r(t,{destZoomLevel:N,centerPoint:X,imageRef:c});},[x,I,r,t]),H=u.useCallback(()=>{$.current&&($.current=false,K.current=true);},[]);return u.useLayoutEffect(()=>{function o(c){if(c.touches.length<2)return;let m=I(c.touches[0],c.touches[1]),h=L(document,m.x,m.y);if(!h)return;let F=E(h);if(F==null)return;let j=b.current[F];j&&(s.current=j.current,A(c,j));}return window.addEventListener("touchstart",te,{passive:false}),window.addEventListener("touchmove",o,{passive:false}),window.addEventListener("touchend",H),window.addEventListener("touchcancel",H),()=>{window.removeEventListener("touchstart",te),window.removeEventListener("touchmove",o),window.removeEventListener("touchend",H),window.removeEventListener("touchcancel",H);}},[te,A,H,I,L,E,b,s]),{isPinching:W,isTouchPinching:$}}function Je(i){let{setScale:e,zoomState:t,imageRefs:r,resetPan:M,stopPanMotion:s}=i;if(t.scaleRef.current===1)return;t.changingSlides.current=true,t.suppressLoopRef.current=false,s?.(),e(1),t.previousZoom.current={x:0,y:0},t.panRef.current={x:0,y:0},t.scaleRef.current=1;let b=i.transition??"transform 0.2s cubic-bezier(.4,0,.22,1)",R="translate3d(0px, 0px, 0) scale(1)",f=b.trim()==="none",w=f?null:b.match(/([\d.]+)s/),P=w?parseFloat(w[1])*1e3:300;r.current.forEach(d=>{let l=d.current;if(!l)return;let D=l.children[0];if(g$2(D))return;let p=a$3(l);if(!p)return;let C=p.style.transition,Z=C==="none"?"":C;if(p.style.transition=b,p.offsetWidth,p.style.transform=R,f){requestAnimationFrame(()=>{p.style.transition===b&&(p.style.transition=Z);});return}window.setTimeout(()=>{p.style.transition===b&&(p.style.transition="");},P+50);}),M?.();let v=i.unlockDelayMs??(f?0:P+50);window.setTimeout(()=>{t.changingSlides.current=false;},v);}function Qe(i$1){let{fs:e$2,entriesObject:t,hasEntriesViewportOverlay:r,layout:M,resolveFsCaptionPlacement:s,windowSize:b$3,currentImage:R,scaleRef:f$3,setScale:w,previousZoom:P,suppressLoopRef:v,locX:d$1,prevX:l$1,offX:D,tgtX:p$1,locY:C,prevY:Z,offY:O,tgtY:z,bodyX:y,bodyY:g$2,boundsX:k,boundsY:L,animRef:E,panRef:x,imageRefs:I,changingSlides:W,fullscreenSliderApi:$,isZoomed:K,pointerDownRef:ae,interactionModeRef:ie,axisRef:q$1,suppressNextClickRef:B,closingModal:te}=i$1,A=u.useRef(false),H=u.useRef(null),o$1=u.useRef(null),c$2=u.useCallback(()=>{A.current=false,H.current=null,o$1.current=null;},[]),m$1=u.useMemo(()=>l(e$2.zoom),[e$2.zoom]),h$1=u.useCallback((n,a,V,ee,_,ue)=>{let U=f(b$3.width),Ce=g(b$3.height),ne=e$2.caption?.layout!=="overlay",st=e$2.caption?.layout==="overlay"&&(e$2.caption?.width!=null||e$2.caption?.height!=null),le=ne||st?s(e$2.caption?.placement,e$2.caption?.breakpoint,U):null,me=e$2.caption?.width==null?void 0:a$1(e$2.caption.width,280,U,U),fe=e$2.caption?.height==null?void 0:a$1(e$2.caption.height,200,U,Ce),de=r?s(t.overlay?.placement,t.overlay?.breakpoint,U):null,Ze=!r||t.overlay?.width==null?void 0:a$1(t.overlay.width,280,U,U),Se=!r||t.overlay?.height==null?void 0:a$1(t.overlay.height,200,U,Ce),ct=(le==="left"?ne?me??280:me??0:0)+(de==="left"?Ze??0:0),ut=(le==="right"?ne?me??280:me??0:0)+(de==="right"?Ze??0:0),lt=(le==="top"?ne?fe??200:fe??0:0)+(de==="top"?Se??0:0),mt=(le==="bottom"?ne?fe??200:fe??0:0)+(de==="bottom"?Se??0:0),pe=!ue?.ignoreReserved;return h({scale:n,imgW:a,imgH:V,currentImageEl:R.current,viewW:ee,viewH:_,reservedLeft:pe?ct:0,reservedRight:pe?ut:0,reservedTop:pe?lt:0,reservedBottom:pe?mt:0})},[R,t.overlay,t.render?.overlay,e$2.caption,r,M,s,b$3.height,b$3.width]);u.useEffect(()=>{q$1.current=c();},[q$1]);let F=u.useCallback((n,a)=>{if(W.current||!R.current)return;let V=b(R.current);if(!V.length)return;let ee=`translate3d(${n}px, ${a}px, 0) scale(${f$3.current})`;V.forEach(_=>{_.style.transition&&(_.style.transition=""),_.style.transform=ee;});},[W,R,f$3]),j$1=u.useCallback(()=>{E.current?.stop(),y.current?.useDuration(0).useFriction(1).sync(),g$2.current?.useDuration(0).useFriction(1).sync();let n=0,a=0;d$1.current?.set(n),l$1.current?.set(n),D.current?.set(n),p$1.current?.set(n),C.current?.set(a),Z.current?.set(a),O.current?.set(a),z.current?.set(a);},[E,y,g$2,d$1,C,D,O,l$1,Z,p$1,z]),N=u.useCallback(()=>{E.current?.stop(),W.current=false,v.current=false,y.current?.resetVelocity(),y.current?.useBaseDuration(),y.current?.useBaseFriction(),y.current?.sync(),g$2.current?.resetVelocity(),g$2.current?.useBaseDuration(),g$2.current?.useBaseFriction(),g$2.current?.sync();},[E,y,g$2,W,v]),X=u.useCallback(()=>{j({currentImage:R,locX:d$1,prevX:l$1,offX:D,tgtX:p$1,locY:C,prevY:Z,offY:O,tgtY:z,bodyX:y,bodyY:g$2,boundsX:k,boundsY:L,ScrollBody:c$1,ScrollBounds:e,baseFitSize:a$2,boundsForCurrent:h$1,panDuration:e$2.zoom?.panDuration,panFriction:e$2.zoom?.panFriction,animRef:E});},[E,y,g$2,h$1,k,L,R,e$2.zoom?.panDuration,e$2.zoom?.panFriction,d$1,C,D,O,l$1,Z,p$1,z]),J=u.useCallback(n=>{c$2();let a=!!n?.disableImageTransition;Je({setScale:w,zoomState:{previousZoom:P,panRef:x,scaleRef:f$3,suppressLoopRef:v,changingSlides:W},imageRefs:I,resetPan:X,stopPanMotion:j$1,transition:a?"none":void 0,unlockDelayMs:a?0:void 0});},[W,I,x,P,c$2,X,f$3,w,j$1,v]),se=u.useCallback(()=>{J({disableImageTransition:!!e$2.effects?.crossfade?.drag});},[e$2.effects?.crossfade?.drag,J]),ve=u.useCallback(()=>{c$2(),i({setScale:w,zoomState:{previousZoom:P,panRef:x,scaleRef:f$3},imageRefs:I,resetPan:X});},[I,x,P,c$2,X,f$3,w]),S=u.useMemo(()=>({fs:e$2,currentImage:R,scaleRef:f$3,setScale:w,previousZoom:P,suppressLoopRef:v,locX:d$1,prevX:l$1,offX:D,tgtX:p$1,locY:C,prevY:Z,offY:O,tgtY:z,bodyX:y,bodyY:g$2,boundsX:k,boundsY:L,Vector1D:b$1,ScrollBody:c$1,ScrollBounds:e,boundsForCurrent:h$1,renderPan:F,animRef:E,panRef:x,resetAllZoomDom:N}),[E,y,g$2,h$1,k,L,R,e$2,d$1,C,D,O,x,l$1,Z,P,N,F,f$3,w,v,p$1,z]),Q=u.useCallback(()=>{g$1({fs:e$2,currentImage:R,scaleRef:f$3,locX:d$1,prevX:l$1,offX:D,tgtX:p$1,locY:C,prevY:Z,offY:O,tgtY:z,bodyX:y,bodyY:g$2,boundsX:k,boundsY:L,Vector1D:b$1,ScrollBody:c$1,ScrollBounds:e,boundsForCurrent:h$1});},[h$1,y,g$2,k,L,R,e$2,d$1,C,D,O,l$1,Z,f$3,p$1,z]),ce=u.useCallback(n=>{if(!A.current)return false;let a=o$1.current;return a?.current?q(S,{imageRef:a,target:n,syncMode:"target"}):false},[S]),{isPinching:et,isTouchPinching:tt}=qe({scaleRef:f$3,zoomCtx:S,zoomTo:d,isZoomed:K,currentImage:R,imageRefs:I,fullscreenSliderApi:$,rebuildPanBodies:Q,baseFitSize:a$2,boundsForCurrent:h$1,ScrollBounds:e,boundsX:k,boundsY:L,offX:D,offY:O,tgtX:p$1,tgtY:z,bodyX:y,bodyY:g$2,animRef:E,panDuration:e$2.zoom?.panDuration,syncWheelPanTarget:ce,findImgAtPoint:f$2,readDataIndex:g$3,distance:c$3,midpoint:b$2}),nt=we({caption:{zoomFade:t.overlay?.zoomFade,zoomFadeDurationMs:t.overlay?.zoomFadeDurationMs,zoomFadeEasing:t.overlay?.zoomFadeEasing,zoomInTransform:t.overlay?.zoomInTransform,zoomOutTransform:t.overlay?.zoomOutTransform},isZoomed:K}),rt=we({caption:e$2.caption,isZoomed:K}),De=f$1({fs:e$2,isZoomed:K,zoomCtx:S,currentImage:R,rebuildPanBodies:Q,renderPan:F,handleZoomToggle:e$1,suppressNextClickRef:B,pointerDownRef:ae,interactionModeRef:ie,boundsX:k,boundsY:L,bodyX:y,bodyY:g$2,locX:d$1,locY:C,prevX:l$1,prevY:Z,offX:D,offY:O,tgtX:p$1,tgtY:z,axisRef:q$1,animRef:E}),ot=u.useCallback((n$1,a)=>!m$1||!m(n$1)||f$3.current>1.01||!n(S,{imageRef:a,clientX:n$1.clientX,clientY:n$1.clientY,hover:m$1})?false:(A.current=true,H.current=n$1.pointerId??null,o$1.current=a,true),[m$1,f$3,S]),he=u.useCallback((n$1,a)=>!m$1||!m(n$1)?false:A.current?H.current!=null&&n$1.pointerId!==H.current?false:o(S,{imageRef:a,clientX:n$1.clientX,clientY:n$1.clientY}):f$3.current>1.01||!n(S,{imageRef:a,clientX:n$1.clientX,clientY:n$1.clientY,hover:m$1})?false:(A.current=true,H.current=n$1.pointerId??null,o$1.current=a,true),[m$1,S]),ge=u.useCallback((n,a)=>!m$1||!A.current||!m(n)||H.current!=null&&n.pointerId!==H.current?false:(c$2(),p(S,{imageRef:a,durationMs:m$1.zoomOutDurationMs})),[m$1,c$2,S]);u.useEffect(()=>{if(!m$1)return;function n(a){if(!m(a))return;let V=f$2(document,a.clientX,a.clientY),ee=g$3(V),_=ee==null?null:I.current[ee];if(_?.current){o$1.current=_,he(a,_);return}if(!A.current)return;let ue=o$1.current;if(!ue?.current){c$2();return}ge(a,ue);}return window.addEventListener("pointermove",n,{passive:true}),()=>{window.removeEventListener("pointermove",n);}},[ge,he,m$1,I,c$2]);let at=u.useCallback((n,a)=>{if(A.current&&m(n)){B.current=true,n.preventDefault(),n.stopPropagation();return}De.handlePanPointerStart(n,a);},[De,B]),it=u.useCallback((n,a)=>{if(A.current&&m(n)){B.current=true,n.preventDefault(),n.stopPropagation();return}e$1(S,n,a);},[B,S]);return u.useEffect(()=>{E.current&&(c$2(),E.current.stop(),w(1),P.current.x=0,P.current.y=0,x.current={x:0,y:0},f$3.current=1);},[E,te,x,P,c$2,f$3,w]),{isPinching:et,isTouchPinching:tt,entryOverlayZoomMotion:nt,captionZoomMotion:rt,handlePanPointerStart:at,handleZoomToggle:it,resetAllZoomDom:J,resetForSlideNavigation:se,forceResetZoom:ve,handleHoverPointerEnter:ot,handleHoverPointerMove:he,handleHoverPointerLeave:ge}}function vt(i){return a("zoom-pan",{options:i?{zoom:i}:void 0,runtime:{useZoomPanRuntime:Qe}})}export{vt as fullscreenZoomPan};
|
|
1
|
+
import {l,h,j,a as a$2,i,g as g$1,q,f as f$1,e as e$1,m,n,o,p,d,c as c$3,b as b$2}from'./chunk-7QDG32H7.mjs';import {b,a as a$3,c as c$2,f as f$2,g as g$3}from'./chunk-ADIHG7AT.mjs';import {c}from'./chunk-P2GQPFSL.mjs';import {g as g$2}from'./chunk-UAEPMZQY.mjs';import {a}from'./chunk-V7DPXRZF.mjs';import {e,c as c$1,b as b$1}from'./chunk-HGY3QLCE.mjs';import {a as a$1}from'./chunk-B4CC5AGE.mjs';import {f,g}from'./chunk-HK2DPKES.mjs';import*as u from'react';var ft=300,dt="cubic-bezier(.4,0,.22,1)";function pt(i){return {enabled:i?.zoomFade!==false,durationMs:i?.zoomFadeDurationMs??ft,easing:i?.zoomFadeEasing??dt,zoomInTransform:i?.zoomInTransform??"",zoomOutTransform:i?.zoomOutTransform??""}}function Ke(i){if(!(!i.enabled||i.durationMs<=0))return `opacity ${i.durationMs}ms ${i.easing}, transform ${i.durationMs}ms ${i.easing}`}function Rt(i){let{phase:e,isZoomed:t,settings:r}=i;if(!r.enabled)return {phase:"visible",isZoomed:t,interactive:true,contentStyle:{}};let M=1,s="",b;switch(e){case "hiding":M=0,s=r.zoomInTransform,b=Ke(r);break;case "hidden":M=0,s=r.zoomInTransform;break;case "showingStart":M=0,s=r.zoomOutTransform;break;case "showing":M=1,s="",b=Ke(r);break;default:M=1,s="";break}return {phase:e,isZoomed:t,interactive:e==="visible",contentStyle:{opacity:M,transform:s,transition:b,willChange:"opacity, transform"}}}function we(i){let{caption:e,isZoomed:t}=i,r=u.useMemo(()=>pt(e),[e?.zoomFade,e?.zoomFadeDurationMs,e?.zoomFadeEasing,e?.zoomInTransform,e?.zoomOutTransform]),[M,s]=u.useState(()=>r.enabled&&t?"hidden":"visible"),b=u.useRef(false),R=u.useRef(t),f=u.useRef(r.enabled);return u.useEffect(()=>{let w=R.current,P=f.current;if(R.current=t,f.current=r.enabled,!b.current){b.current=true,s(r.enabled&&t?"hidden":"visible");return}let v=0,d=0,l=0;return r.enabled?P!==r.enabled?(s(t?"hidden":"visible"),()=>{v&&cancelAnimationFrame(v),d&&cancelAnimationFrame(d),l&&clearTimeout(l);}):w===t?()=>{v&&cancelAnimationFrame(v),d&&cancelAnimationFrame(d),l&&clearTimeout(l);}:(t?(s("hiding"),r.durationMs<=0?s("hidden"):l=window.setTimeout(()=>{s("hidden");},r.durationMs+20)):(s("showingStart"),v=requestAnimationFrame(()=>{d=requestAnimationFrame(()=>{if(s("showing"),r.durationMs<=0){s("visible");return}l=window.setTimeout(()=>{s("visible");},r.durationMs+20);});})),()=>{v&&cancelAnimationFrame(v),d&&cancelAnimationFrame(d),l&&clearTimeout(l);}):(s("visible"),()=>{v&&cancelAnimationFrame(v),d&&cancelAnimationFrame(d),l&&clearTimeout(l);})},[t,r.enabled,r.durationMs]),u.useMemo(()=>Rt({phase:M,isZoomed:t,settings:r}),[M,t,r])}function bt(i){if(i.ctrlKey)return true;let e=Math.abs(i.deltaX),t=Math.abs(i.deltaY);if(e<1&&t<1)return false;let r=e/t;return r>=.8&&r<=1.2}function qe(i){let{scaleRef:e,zoomCtx:t,zoomTo:r,isZoomed:M,currentImage:s,imageRefs:b,fullscreenSliderApi:R,rebuildPanBodies:f,baseFitSize:w,boundsForCurrent:P,ScrollBounds:v,boundsX:d,boundsY:l,offX:D,offY:p,tgtX:C,tgtY:Z,bodyX:O,bodyY:z,animRef:y,panDuration:g,syncWheelPanTarget:k,findImgAtPoint:L,readDataIndex:E,distance:x,midpoint:I}=i,W=u.useRef(false),$=u.useRef(false),K=u.useRef(false),ae=u.useRef(0),ie=u.useRef(1),q=u.useCallback((o,c)=>{if(!c.current||!o.ctrlKey)return;o.preventDefault(),R.current?.centerSlider(),e.current>1.01&&(W.current=true);let{ctrlKey:m,deltaMode:h}=o,{deltaY:F}=o;h===1&&(F*=15);let N=1-F/(m?100:300),X=e.current*N;r(t,{destZoomLevel:X,centerPoint:{x:o.clientX,y:o.clientY},imageRef:c});},[R,e,r,t]),B=u.useCallback(o=>{if(!M||bt(o)||o.ctrlKey||!s.current)return;o.preventDefault(),f();let c=s.current,m=c$2(c)?.getBoundingClientRect()??c.getBoundingClientRect(),h=m.width,F=m.height,j=a$3(c);if(!j)return;let{baseW:N,baseH:X}=w(j,h,F),{x:J,y:se,povX:ve,povY:S}=P(e.current,N,X,h,F);d.current=v(J,D.current,C.current,O.current,ve,g),l.current=v(se,p.current,Z.current,z.current,S,g);let Q={x:J.constrain((D.current?.get()??0)-o.deltaX),y:se.constrain((p.current?.get()??0)-o.deltaY)},ce=k?.(Q)??false;ce||(C.current?.set(Q.x),Z.current?.set(Q.y)),O.current?.useDuration(0).useFriction(1),z.current?.useDuration(0).useFriction(1),ce||y.current?.start();},[M,s,f,w,P,e,d,l,v,D,p,C,Z,O,z,y,g,k]);u.useEffect(()=>(window.addEventListener("wheel",B,{passive:false}),()=>window.removeEventListener("wheel",B)),[B]),u.useLayoutEffect(()=>{function o(c){let m=L(document,c.clientX,c.clientY);if(!m)return;let h=E(m);if(h==null)return;let F=b.current[h];F&&(s.current=F.current,q(c,F));}return window.addEventListener("wheel",o,{passive:false}),()=>window.removeEventListener("wheel",o)},[L,E,b,s,q]);let te=u.useCallback(o=>{if(o.touches.length!==2)return;o.preventDefault(),R.current?.centerSlider(),$.current=true;let[c,m]=[o.touches[0],o.touches[1]];ae.current=x(c,m),ie.current=e.current;},[x,R,e]),A=u.useCallback((o,c)=>{if(!$.current||o.touches.length!==2)return;o.preventDefault();let[m,h]=[o.touches[0],o.touches[1]],j=x(m,h)/ae.current,N=ie.current*j,X=I(m,h);r(t,{destZoomLevel:N,centerPoint:X,imageRef:c});},[x,I,r,t]),H=u.useCallback(()=>{$.current&&($.current=false,K.current=true);},[]);return u.useLayoutEffect(()=>{function o(c){if(c.touches.length<2)return;let m=I(c.touches[0],c.touches[1]),h=L(document,m.x,m.y);if(!h)return;let F=E(h);if(F==null)return;let j=b.current[F];j&&(s.current=j.current,A(c,j));}return window.addEventListener("touchstart",te,{passive:false}),window.addEventListener("touchmove",o,{passive:false}),window.addEventListener("touchend",H),window.addEventListener("touchcancel",H),()=>{window.removeEventListener("touchstart",te),window.removeEventListener("touchmove",o),window.removeEventListener("touchend",H),window.removeEventListener("touchcancel",H);}},[te,A,H,I,L,E,b,s]),{isPinching:W,isTouchPinching:$}}function Je(i){let{setScale:e,zoomState:t,imageRefs:r,resetPan:M,stopPanMotion:s}=i;if(t.scaleRef.current===1)return;t.changingSlides.current=true,t.suppressLoopRef.current=false,s?.(),e(1),t.previousZoom.current={x:0,y:0},t.panRef.current={x:0,y:0},t.scaleRef.current=1;let b=i.transition??"transform 0.2s cubic-bezier(.4,0,.22,1)",R="translate3d(0px, 0px, 0) scale(1)",f=b.trim()==="none",w=f?null:b.match(/([\d.]+)s/),P=w?parseFloat(w[1])*1e3:300;r.current.forEach(d=>{let l=d.current;if(!l)return;let D=l.children[0];if(g$2(D))return;let p=a$3(l);if(!p)return;let C=p.style.transition,Z=C==="none"?"":C;if(p.style.transition=b,p.offsetWidth,p.style.transform=R,f){requestAnimationFrame(()=>{p.style.transition===b&&(p.style.transition=Z);});return}window.setTimeout(()=>{p.style.transition===b&&(p.style.transition="");},P+50);}),M?.();let v=i.unlockDelayMs??(f?0:P+50);window.setTimeout(()=>{t.changingSlides.current=false;},v);}function Qe(i$1){let{fs:e$2,entriesObject:t,hasEntriesViewportOverlay:r,layout:M,resolveFsCaptionPlacement:s,windowSize:b$3,currentImage:R,scaleRef:f$3,setScale:w,previousZoom:P,suppressLoopRef:v,locX:d$1,prevX:l$1,offX:D,tgtX:p$1,locY:C,prevY:Z,offY:O,tgtY:z,bodyX:y,bodyY:g$2,boundsX:k,boundsY:L,animRef:E,panRef:x,imageRefs:I,changingSlides:W,fullscreenSliderApi:$,isZoomed:K,pointerDownRef:ae,interactionModeRef:ie,axisRef:q$1,suppressNextClickRef:B,closingModal:te}=i$1,A=u.useRef(false),H=u.useRef(null),o$1=u.useRef(null),c$2=u.useCallback(()=>{A.current=false,H.current=null,o$1.current=null;},[]),m$1=u.useMemo(()=>l(e$2.zoom),[e$2.zoom]),h$1=u.useCallback((n,a,V,ee,_,ue)=>{let U=f(b$3.width),Ce=g(b$3.height),ne=e$2.caption?.layout!=="overlay",st=e$2.caption?.layout==="overlay"&&(e$2.caption?.width!=null||e$2.caption?.height!=null),le=ne||st?s(e$2.caption?.placement,e$2.caption?.breakpoint,U):null,me=e$2.caption?.width==null?void 0:a$1(e$2.caption.width,280,U,U),fe=e$2.caption?.height==null?void 0:a$1(e$2.caption.height,200,U,Ce),de=r?s(t.overlay?.placement,t.overlay?.breakpoint,U):null,Ze=!r||t.overlay?.width==null?void 0:a$1(t.overlay.width,280,U,U),Se=!r||t.overlay?.height==null?void 0:a$1(t.overlay.height,200,U,Ce),ct=(le==="left"?ne?me??280:me??0:0)+(de==="left"?Ze??0:0),ut=(le==="right"?ne?me??280:me??0:0)+(de==="right"?Ze??0:0),lt=(le==="top"?ne?fe??200:fe??0:0)+(de==="top"?Se??0:0),mt=(le==="bottom"?ne?fe??200:fe??0:0)+(de==="bottom"?Se??0:0),pe=!ue?.ignoreReserved;return h({scale:n,imgW:a,imgH:V,currentImageEl:R.current,viewW:ee,viewH:_,reservedLeft:pe?ct:0,reservedRight:pe?ut:0,reservedTop:pe?lt:0,reservedBottom:pe?mt:0})},[R,t.overlay,t.render?.overlay,e$2.caption,r,M,s,b$3.height,b$3.width]);u.useEffect(()=>{q$1.current=c();},[q$1]);let F=u.useCallback((n,a)=>{if(W.current||!R.current)return;let V=b(R.current);if(!V.length)return;let ee=`translate3d(${n}px, ${a}px, 0) scale(${f$3.current})`;V.forEach(_=>{_.style.transition&&(_.style.transition=""),_.style.transform=ee;});},[W,R,f$3]),j$1=u.useCallback(()=>{E.current?.stop(),y.current?.useDuration(0).useFriction(1).sync(),g$2.current?.useDuration(0).useFriction(1).sync();let n=0,a=0;d$1.current?.set(n),l$1.current?.set(n),D.current?.set(n),p$1.current?.set(n),C.current?.set(a),Z.current?.set(a),O.current?.set(a),z.current?.set(a);},[E,y,g$2,d$1,C,D,O,l$1,Z,p$1,z]),N=u.useCallback(()=>{E.current?.stop(),W.current=false,v.current=false,y.current?.resetVelocity(),y.current?.useBaseDuration(),y.current?.useBaseFriction(),y.current?.sync(),g$2.current?.resetVelocity(),g$2.current?.useBaseDuration(),g$2.current?.useBaseFriction(),g$2.current?.sync();},[E,y,g$2,W,v]),X=u.useCallback(()=>{j({currentImage:R,locX:d$1,prevX:l$1,offX:D,tgtX:p$1,locY:C,prevY:Z,offY:O,tgtY:z,bodyX:y,bodyY:g$2,boundsX:k,boundsY:L,ScrollBody:c$1,ScrollBounds:e,baseFitSize:a$2,boundsForCurrent:h$1,panDuration:e$2.zoom?.panDuration,panFriction:e$2.zoom?.panFriction,animRef:E});},[E,y,g$2,h$1,k,L,R,e$2.zoom?.panDuration,e$2.zoom?.panFriction,d$1,C,D,O,l$1,Z,p$1,z]),J=u.useCallback(n=>{c$2();let a=!!n?.disableImageTransition;Je({setScale:w,zoomState:{previousZoom:P,panRef:x,scaleRef:f$3,suppressLoopRef:v,changingSlides:W},imageRefs:I,resetPan:X,stopPanMotion:j$1,transition:a?"none":void 0,unlockDelayMs:a?0:void 0});},[W,I,x,P,c$2,X,f$3,w,j$1,v]),se=u.useCallback(()=>{J({disableImageTransition:!!e$2.effects?.crossfade?.drag});},[e$2.effects?.crossfade?.drag,J]),ve=u.useCallback(()=>{c$2(),i({setScale:w,zoomState:{previousZoom:P,panRef:x,scaleRef:f$3},imageRefs:I,resetPan:X});},[I,x,P,c$2,X,f$3,w]),S=u.useMemo(()=>({fs:e$2,currentImage:R,scaleRef:f$3,setScale:w,previousZoom:P,suppressLoopRef:v,locX:d$1,prevX:l$1,offX:D,tgtX:p$1,locY:C,prevY:Z,offY:O,tgtY:z,bodyX:y,bodyY:g$2,boundsX:k,boundsY:L,Vector1D:b$1,ScrollBody:c$1,ScrollBounds:e,boundsForCurrent:h$1,renderPan:F,animRef:E,panRef:x,resetAllZoomDom:N}),[E,y,g$2,h$1,k,L,R,e$2,d$1,C,D,O,x,l$1,Z,P,N,F,f$3,w,v,p$1,z]),Q=u.useCallback(()=>{g$1({fs:e$2,currentImage:R,scaleRef:f$3,locX:d$1,prevX:l$1,offX:D,tgtX:p$1,locY:C,prevY:Z,offY:O,tgtY:z,bodyX:y,bodyY:g$2,boundsX:k,boundsY:L,Vector1D:b$1,ScrollBody:c$1,ScrollBounds:e,boundsForCurrent:h$1});},[h$1,y,g$2,k,L,R,e$2,d$1,C,D,O,l$1,Z,f$3,p$1,z]),ce=u.useCallback(n=>{if(!A.current)return false;let a=o$1.current;return a?.current?q(S,{imageRef:a,target:n,syncMode:"target"}):false},[S]),{isPinching:et,isTouchPinching:tt}=qe({scaleRef:f$3,zoomCtx:S,zoomTo:d,isZoomed:K,currentImage:R,imageRefs:I,fullscreenSliderApi:$,rebuildPanBodies:Q,baseFitSize:a$2,boundsForCurrent:h$1,ScrollBounds:e,boundsX:k,boundsY:L,offX:D,offY:O,tgtX:p$1,tgtY:z,bodyX:y,bodyY:g$2,animRef:E,panDuration:e$2.zoom?.panDuration,syncWheelPanTarget:ce,findImgAtPoint:f$2,readDataIndex:g$3,distance:c$3,midpoint:b$2}),nt=we({caption:{zoomFade:t.overlay?.zoomFade,zoomFadeDurationMs:t.overlay?.zoomFadeDurationMs,zoomFadeEasing:t.overlay?.zoomFadeEasing,zoomInTransform:t.overlay?.zoomInTransform,zoomOutTransform:t.overlay?.zoomOutTransform},isZoomed:K}),rt=we({caption:e$2.caption,isZoomed:K}),De=f$1({fs:e$2,isZoomed:K,zoomCtx:S,currentImage:R,rebuildPanBodies:Q,renderPan:F,handleZoomToggle:e$1,suppressNextClickRef:B,pointerDownRef:ae,interactionModeRef:ie,boundsX:k,boundsY:L,bodyX:y,bodyY:g$2,locX:d$1,locY:C,prevX:l$1,prevY:Z,offX:D,offY:O,tgtX:p$1,tgtY:z,axisRef:q$1,animRef:E}),ot=u.useCallback((n$1,a)=>!m$1||!m(n$1)||f$3.current>1.01||!n(S,{imageRef:a,clientX:n$1.clientX,clientY:n$1.clientY,hover:m$1})?false:(A.current=true,H.current=n$1.pointerId??null,o$1.current=a,true),[m$1,f$3,S]),he=u.useCallback((n$1,a)=>!m$1||!m(n$1)?false:A.current?H.current!=null&&n$1.pointerId!==H.current?false:o(S,{imageRef:a,clientX:n$1.clientX,clientY:n$1.clientY}):f$3.current>1.01||!n(S,{imageRef:a,clientX:n$1.clientX,clientY:n$1.clientY,hover:m$1})?false:(A.current=true,H.current=n$1.pointerId??null,o$1.current=a,true),[m$1,S]),ge=u.useCallback((n,a)=>!m$1||!A.current||!m(n)||H.current!=null&&n.pointerId!==H.current?false:(c$2(),p(S,{imageRef:a,durationMs:m$1.zoomOutDurationMs})),[m$1,c$2,S]);u.useEffect(()=>{if(!m$1)return;function n(a){if(!m(a))return;let V=f$2(document,a.clientX,a.clientY),ee=g$3(V),_=ee==null?null:I.current[ee];if(_?.current){o$1.current=_,he(a,_);return}if(!A.current)return;let ue=o$1.current;if(!ue?.current){c$2();return}ge(a,ue);}return window.addEventListener("pointermove",n,{passive:true}),()=>{window.removeEventListener("pointermove",n);}},[ge,he,m$1,I,c$2]);let at=u.useCallback((n,a)=>{if(A.current&&m(n)){B.current=true,n.preventDefault(),n.stopPropagation();return}De.handlePanPointerStart(n,a);},[De,B]),it=u.useCallback((n,a)=>{if(A.current&&m(n)){B.current=true,n.preventDefault(),n.stopPropagation();return}e$1(S,n,a);},[B,S]);return u.useEffect(()=>{E.current&&(c$2(),E.current.stop(),w(1),P.current.x=0,P.current.y=0,x.current={x:0,y:0},f$3.current=1);},[E,te,x,P,c$2,f$3,w]),{isPinching:et,isTouchPinching:tt,entryOverlayZoomMotion:nt,captionZoomMotion:rt,handlePanPointerStart:at,handleZoomToggle:it,resetAllZoomDom:J,resetForSlideNavigation:se,forceResetZoom:ve,handleHoverPointerEnter:ot,handleHoverPointerMove:he,handleHoverPointerLeave:ge}}function vt(i){return a("zoom-pan",{options:i?{zoom:i}:void 0,runtime:{useZoomPanRuntime:Qe}})}export{vt as fullscreenZoomPan};
|
package/dist/fullscreen.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
.se{position:relative;left:0}.oe .se{left:auto;right:0}.Cr{position:fixed;inset:0;opacity:0;pointer-events:none;background-color:#000c;transition:opacity .3s cubic-bezier(.4,0,.22,1);will-change:opacity;z-index:calc(var(--rmg-fs-z, 9999) - 1);transform:translateZ(0);backface-visibility:hidden;contain:paint}.o{opacity:1;pointer-events:auto}[data-rmg-fs-root=true][data-rmg-fs-closing=true],[data-rmg-fs-root=true][data-rmg-fs-closing=true] *{pointer-events:none!important}[data-rmg-fs-root=true],[data-rmg-fs-root=true] *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}[data-rmg-fs-root=true] img{-webkit-user-drag:none}.Dr{position:fixed;display:none;transform-origin:top left;transition:transform .3s cubic-bezier(.4,0,.22,1);z-index:calc(var(--rmg-fs-z, 9999) + 1);will-change:transform}.B,.x,.w,.C{position:fixed;opacity:0;pointer-events:none;transition:opacity .36s cubic-bezier(.4,0,.22,1);z-index:calc(var(--rmg-fs-z, 9999) + 2)}.B.o,.x.o,.w.o,.C.o{opacity:1;pointer-events:auto}.B{top:12px;right:12px;background:transparent;border:none;padding:0;width:35px;height:35px;cursor:pointer}.x,.w{top:45.5%;width:50px;height:50px;cursor:pointer;background-color:transparent;border:none}.x{left:0;transform:rotate(180deg)}.w{right:0}.C{top:15px;left:16px;color:#fff;font-size:14px;line-height:32px;user-select:none;text-shadow:1px 1px 3px #4f4f4f}.de{position:fixed;padding:1rem 1.5rem;color:#fff;font-size:.875rem;pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .3s cubic-bezier(.4,0,.22,1),transform .3s cubic-bezier(.4,0,.22,1);z-index:calc(var(--rmg-fs-z, 9999) + 1);will-change:opacity,transform}.de.o{opacity:1;transform:translateY(0)}.fullscreen_slider[data-rmg-fs-hide-track-captions=true] [data-rmg-fs-caption=true]{opacity:0;visibility:hidden;pointer-events:none}.Er{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3;animation:me 1s linear infinite;background:conic-gradient(from 0deg,#fff,#cfe6ff,#8ec5ff,#4ea1ff,#2f7fff,#1d4ed8);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0)}@keyframes me{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.Fr{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3}.rmg__player .plyr__poster{pointer-events:none}
|
package/dist/fullscreen.d.mts
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import {
|
|
3
|
-
export {
|
|
2
|
+
import { s as FullscreenOptions, t as FullscreenPlugin, p as FullscreenIntroPathTiming, U as FullscreenClose, V as FullscreenArrows, W as FullscreenCounter, A as ResponsiveLength, R as ResponsiveCaptionPlacement, X as FsCaptionRenderArgs, Y as FSImageRender, w as FullscreenVideoOptions, q as FullscreenLazyLoadOptions, k as FullscreenCloseScrollOptions } from './responsive-Bw0ub6Hv.mjs';
|
|
3
|
+
export { y as FsCaptionPlacement, z as FsIntroRequest, F as FullscreenCaptionOptions, i as FullscreenCloseScrollContext, j as FullscreenCloseScrollEnabled, l as FullscreenCloseScrollTiming, m as FullscreenControlsOptions, n as FullscreenCrossfadeOptions, o as FullscreenEffectsOptions, r as FullscreenMobileDetectionContext, u as FullscreenPluginKind, v as FullscreenSliderOptions, x as FullscreenZoomPanOptions } from './responsive-Bw0ub6Hv.mjs';
|
|
4
4
|
import { c as ZoomPanPlugin } from './types-CLMzNXt4.mjs';
|
|
5
5
|
import React__default from 'react';
|
|
6
6
|
import { MediaItem } from './media.mjs';
|
|
7
7
|
import { h as SliderSkipSnaps, d as CrossFadeWheel, J as FullscreenOpenRequest } from './types-D9WBOrx6.mjs';
|
|
8
8
|
export { G as GalleryApi, a as GalleryCoreApi, I as IndexMode } from './types-D9WBOrx6.mjs';
|
|
9
|
-
import { a as FullscreenThumbnailBridge } from './types-
|
|
9
|
+
import { a as FullscreenThumbnailBridge } from './types-bZ-lDlKM.mjs';
|
|
10
10
|
import { R as ResponsiveNumber } from './responsiveNumber-CouEMJ9O.mjs';
|
|
11
|
-
import './types-
|
|
11
|
+
import './types-uhDRb0mo.mjs';
|
|
12
12
|
import './force-C5m1QpdF.mjs';
|
|
13
|
-
import './transitions-
|
|
13
|
+
import './transitions-ChhEdSB6.mjs';
|
|
14
14
|
import './plyrTypes-B3vioQaS.mjs';
|
|
15
15
|
import './text-BBcRGVzn.mjs';
|
|
16
16
|
import 'react-dom/client';
|
package/dist/fullscreen.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{a as useFullscreenController}from'./chunk-
|
|
1
|
+
export{a as useFullscreenController}from'./chunk-3HVF63UG.mjs';import'./chunk-JJMFOLJZ.mjs';import'./chunk-PZAXFO2B.mjs';import'./chunk-DCCJH5R3.mjs';import'./chunk-UML6FCOQ.mjs';import'./chunk-WMG2LTLR.mjs';import'./chunk-L2HRIINV.mjs';import'./chunk-B4CC5AGE.mjs';import'./chunk-HK2DPKES.mjs';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
.Gr{position:relative}.Hr{position:relative;z-index:2}.Ir{pointer-events:none}.le{position:absolute;inset:0;z-index:1;opacity:var(--rmg-thumb-loading-opacity, 1);--rmg-thumb-skel-shadow-opacity: 1;pointer-events:none;transition:opacity var( --rmg-loading-fade-enter-duration, var(--rmg-loading-fade-duration, .6s) ) ease;will-change:opacity;overflow:hidden}.Jr{z-index:3}.Kr{--rmg-loading-fade-shadow-duration: var( --rmg-loading-fade-exit-duration, var(--rmg-loading-fade-duration, .6s) );--rmg-thumb-loading-opacity: 0;--rmg-thumb-skel-shadow-opacity: 0;transition-duration:var( --rmg-loading-fade-exit-duration, var(--rmg-loading-fade-duration, .6s) )}.D{position:absolute;inset:0;z-index:5;pointer-events:none;display:flex;align-items:center;justify-content:center}.D:before{content:"";position:absolute;inset:0;border-radius:var(--rmg-thumb-skel-shadow-radius, 6px);box-shadow:var(--rmg-thumb-skel-shadow, none);opacity:var(--rmg-thumb-skel-shadow-opacity, 1);transition:opacity calc(var( --rmg-loading-fade-shadow-duration, var( --rmg-loading-fade-enter-duration, var(--rmg-loading-fade-duration, .6s) ) ) * .45) ease-out;pointer-events:none}.Lr{position:relative;z-index:1;display:flex;width:100%;height:100%}.v{--rmg-thumb-skel-shadow-radius: var(--rmg-skel-radius, 6px);border-radius:6px;overflow:hidden;position:relative;background:var(--rmg-skel-bg, #e5e5e5)}.v:before{content:"";position:absolute;inset:0;border-radius:var(--rmg-thumb-skel-shadow-radius, var(--rmg-skel-radius, 6px));box-shadow:var(--rmg-thumb-skel-shadow, none);opacity:var(--rmg-thumb-skel-shadow-opacity, 1);transition:opacity calc(var( --rmg-loading-fade-shadow-duration, var( --rmg-loading-fade-enter-duration, var(--rmg-loading-fade-duration, .6s) ) ) * .45) ease-out;pointer-events:none}.v:after{content:"";position:absolute;inset:0;z-index:1;opacity:calc(var(--rmg-skel-shimmer-enabled, 1) * var(--rmg-skel-shimmer-opacity, 1));filter:var(--rmg-skel-shimmer-filter, none);background-image:linear-gradient(var(--rmg-skel-shimmer-angle, 90deg),transparent 0%,var(--rmg-skel-shimmer-c1, rgba(255, 255, 255, .25)) 22%,var(--rmg-skel-shimmer-c2, rgba(255, 255, 255, .45)) 50%,var(--rmg-skel-shimmer-c3, rgba(255, 255, 255, .25)) 78%,transparent 100%);animation:ge var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate3d(-100%,0,0);will-change:transform,opacity;backface-visibility:hidden;pointer-events:none}@keyframes ge{0%{transform:translate3d(-100%,0,0)}to{transform:translate3d(100%,0,0)}}@media(prefers-reduced-motion:reduce){.v:after{animation:none}.le{transition:none}.v:before{transition:none}.D:before{transition:none}}.E{position:relative;overflow:hidden;box-sizing:border-box}.E:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 0 2px #111 inset;opacity:0;transition:opacity .12s ease;z-index:1}.E[data-active=true]:after{opacity:1}.Mr{opacity:0}.F{opacity:1;transition:opacity var(--rmg-reveal-duration, .42s) var(--rmg-reveal-easing, cubic-bezier(.2,.7,.2,1))}@media(prefers-reduced-motion:reduce){.F{transition:none}}.ce [data-rmg-thumb-index]>*{opacity:0;transition:opacity var(--rmg-reveal-duration, .3s) var(--rmg-reveal-easing, cubic-bezier(.2,.7,.2,1));transition-delay:calc(var(--rmg-reveal-index, 0) * var(--rmg-reveal-stagger, 40ms));will-change:opacity}.ce.F [data-rmg-thumb-index]>*{opacity:1}.G{position:absolute;border-radius:50%;transform:scale(0);animation:G .6s linear;background-color:#0000004d;pointer-events:none}@keyframes G{to{transform:scale(4);opacity:0}}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
|
-
import { b as FullscreenThumbnailSliderProps } from './types-
|
|
3
|
-
export { F as FSItem, a as FullscreenThumbnailBridge, c as FullscreenThumbnailSlotLayout } from './types-
|
|
2
|
+
import { b as FullscreenThumbnailSliderProps } from './types-bZ-lDlKM.mjs';
|
|
3
|
+
export { F as FSItem, a as FullscreenThumbnailBridge, c as FullscreenThumbnailSlotLayout } from './types-bZ-lDlKM.mjs';
|
|
4
4
|
import './responsiveNumber-CouEMJ9O.mjs';
|
|
5
|
-
import './types-
|
|
5
|
+
import './types-uhDRb0mo.mjs';
|
|
6
6
|
import './force-C5m1QpdF.mjs';
|
|
7
7
|
import './types-D9WBOrx6.mjs';
|
|
8
8
|
import './media.mjs';
|
|
9
|
-
import './transitions-
|
|
9
|
+
import './transitions-ChhEdSB6.mjs';
|
|
10
10
|
|
|
11
11
|
declare function FullscreenThumbnailSlider({ bridge, items, position, containerClassName, containerStyle, thumbnailWidth, thumbnailHeight, thumbnailsCenter, thumbnailsContainerWidth, thumbnailsContainerHeight, fadeDurationMs, fadeEasing, thumbnailItemClassName, thumbnailItemStyle, gap, freeScroll, groupCells, loop, skipSnaps, centerActiveThumb, selectDuration, freeScrollDuration, sliderFriction, breakpointMap, rippleEnabled, rippleClassName, showArrows, arrowStyles, arrowClassName, prevArrowStyles, prevArrowClassName, nextArrowStyles, nextArrowClassName, renderArrows, renderPrevArrow, renderNextArrow, thumbnailCrossfade, }: FullscreenThumbnailSliderProps): React__default.ReactPortal | null;
|
|
12
12
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{a as FullscreenThumbnailSlider,a as default}from'./chunk-
|
|
1
|
+
export{a as FullscreenThumbnailSlider,a as default}from'./chunk-GKR35A24.mjs';import'./chunk-AEGJQGLQ.mjs';import'./chunk-R6EGYRTJ.mjs';import'./chunk-NHIKOJLU.mjs';import'./chunk-P2GQPFSL.mjs';import'./chunk-CEMJWOHJ.mjs';import'./chunk-4NT4UVB5.mjs';import'./chunk-BNMFSBHJ.mjs';import'./chunk-X4HEGEZV.mjs';import'./chunk-AO4U6D24.mjs';import'./chunk-LVYED5ZM.mjs';import'./chunk-UML6FCOQ.mjs';import'./chunk-HGY3QLCE.mjs';import'./chunk-B4CC5AGE.mjs';import'./chunk-HK2DPKES.mjs';
|
|
@@ -1,5 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { f as GridPlugin, G as GridFullscreenTrigger } from './types-DcUQOXvS.mjs';
|
|
2
|
+
import './force-C5m1QpdF.mjs';
|
|
2
3
|
import './responsiveNumber-CouEMJ9O.mjs';
|
|
4
|
+
import './skeleton-cache.mjs';
|
|
5
|
+
import 'react';
|
|
6
|
+
import './layout-BSjd7pwQ.mjs';
|
|
7
|
+
import './text-BBcRGVzn.mjs';
|
|
3
8
|
|
|
4
9
|
declare function resolveGridFullscreenClick(target: EventTarget | null, options?: {
|
|
5
10
|
fullscreenTrigger?: GridFullscreenTrigger;
|
package/dist/grid-fullscreen.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import {a}from'./chunk-QUY5FE75.mjs';import {d}from'./chunk-WMG2LTLR.mjs';import'./chunk-L2HRIINV.mjs';import'./chunk-B4CC5AGE.mjs';import'./chunk-HK2DPKES.mjs';import*as
|
|
1
|
+
import {a}from'./chunk-QUY5FE75.mjs';import {d as d$1}from'./chunk-WMG2LTLR.mjs';import'./chunk-L2HRIINV.mjs';import'./chunk-B4CC5AGE.mjs';import'./chunk-HK2DPKES.mjs';import*as g from'react';var F=6,w="[data-rmg-fullscreen-trigger]",L="[data-rmg-idx]",v="[data-rmg-plyr='true'],.plyr,video,iframe";function d(t){return t instanceof Element?t:null}function P(t){return d(t)?.closest(w)??null}function H(t,n){let l=d(t);return n?.closest(L)??l?.closest(L)??null}function S(t){return !!t.querySelector(v)}function C(t,n,l,u){if(l instanceof HTMLImageElement)return l;let i=l?.querySelector("img")??null;if(i)return i;let a=d(t);return a instanceof HTMLImageElement?a:u==="media"&&!l?null:n.querySelector("img")}function G(t){return !!d(t)?.closest(["a","button","input","select","textarea","summary","[role='button']",v,".plyr__controls"].join(","))}function N(t,n){if(!t)return false;let l=n.clientX-t.x,u=n.clientY-t.y;return Math.hypot(l,u)>F}function R(t,n={}){let l=n.fullscreenTrigger??"media",u=P(t);if(!u&&G(t))return null;let i=H(t,u);if(!i||S(i)&&!u)return null;let a=Number.parseInt(i.getAttribute("data-rmg-idx")??"",10);if(!Number.isFinite(a))return null;let s=C(t,i,u,l);return s?{index:a,image:s}:null}function k({host:t}){let n=d$1(),l=g.useRef(null),u=g.useRef(new Set);return g.useEffect(()=>{u.current.clear();},[t.itemCount]),g.useEffect(()=>{if(!n||n.layout!=="grid"||!t.handle||!n.fsEnabled)return;let i=t.handle.getRootNode();if(!i)return;n.registerFullscreenAdapter("grid",{closestSelector:".rmg__grid-item"});let a=new Map,s={current:new Set},m=()=>{t.handle?.getItemNodes().forEach(e=>{let r=Number.parseInt(e.getAttribute("data-rmg-idx")??"",10);Number.isFinite(r)&&(a.has(e)||a.set(e,{tabIndex:e.getAttribute("tabindex"),ariaLabel:e.getAttribute("aria-label")}),e.setAttribute("data-rmg-fullscreen-enabled","true"),e.setAttribute("data-rmg-fullscreen-trigger-mode",t.fullscreenTrigger),e.hasAttribute("tabindex")||e.setAttribute("tabindex","0"),e.hasAttribute("aria-label")||e.setAttribute("aria-label",`View image ${r+1}`),s.current.add(r),n.registerExpandableImage(r,e));});};m();let A=t.handle.onReady(m),b=e=>{e.button!==0&&e.pointerType==="mouse"||(l.current={x:e.clientX,y:e.clientY,id:e.pointerId});},E=(e,r)=>{let o=R(e,{fullscreenTrigger:t.fullscreenTrigger});return o?(n.requestFullscreenOpen({source:"grid",index:o.index,image:o.image,event:r}),true):false},p=e=>{if(e.defaultPrevented)return;let r=l.current;l.current=null,!N(r,e)&&E(e.target,e)&&e.preventDefault();},T=e=>{e.defaultPrevented||e.key!=="Enter"&&e.key!==" "||E(e.target,e)&&e.preventDefault();},M=i.closest('[data-rmg-viewport="true"]'),c=typeof IntersectionObserver>"u"?null:new IntersectionObserver(e=>{for(let r of e){if(!r.isIntersecting)continue;let o=r.target;if(!(o instanceof HTMLElement)){c?.unobserve(r.target);continue}let x=o.getAttribute("data-rmg-idx"),f=x!=null?parseInt(x,10):NaN;if(!Number.isFinite(f)){c?.unobserve(o);continue}u.current.has(f)||(u.current.add(f),n.notifyBaseVisibleIndex(f)),c?.unobserve(o);}},{root:M,rootMargin:"200px",threshold:.15});return c&&t.handle.getItemNodes().forEach((e,r)=>{u.current.has(r)||c.observe(e);}),i.addEventListener("pointerdown",b,true),i.addEventListener("click",p,true),i.addEventListener("keydown",T,true),()=>{i.removeEventListener("pointerdown",b,true),i.removeEventListener("click",p,true),i.removeEventListener("keydown",T,true),c?.disconnect(),A(),a.forEach((e,r)=>{r.removeAttribute("data-rmg-fullscreen-enabled"),r.removeAttribute("data-rmg-fullscreen-trigger-mode"),e.tabIndex==null?r.removeAttribute("tabindex"):r.setAttribute("tabindex",e.tabIndex),e.ariaLabel==null?r.removeAttribute("aria-label"):r.setAttribute("aria-label",e.ariaLabel);}),s.current.forEach(e=>{n.registerExpandableImage(e,null);}),s.current.clear();}},[n,n?.fsEnabled,t.fullscreenTrigger,t.handle,t.itemCount,t.ready]),null}function D(){return a("fullscreen",{Runtime:k})}export{D as gridFullscreen,R as resolveGridFullscreenClick};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { f as GridPlugin } from './types-DcUQOXvS.mjs';
|
|
2
|
+
import { k as DataInfiniteScrollOptions } from './dataPlugins-DzaWlM6f.mjs';
|
|
3
|
+
import './force-C5m1QpdF.mjs';
|
|
4
|
+
import './responsiveNumber-CouEMJ9O.mjs';
|
|
5
|
+
import './skeleton-cache.mjs';
|
|
6
|
+
import 'react';
|
|
7
|
+
import './layout-BSjd7pwQ.mjs';
|
|
8
|
+
import './text-BBcRGVzn.mjs';
|
|
9
|
+
|
|
10
|
+
type GridInfiniteScrollOptions = DataInfiniteScrollOptions;
|
|
11
|
+
type UseGridInfiniteScrollOptions = GridInfiniteScrollOptions;
|
|
12
|
+
declare function gridInfiniteScroll(options?: GridInfiniteScrollOptions): GridPlugin;
|
|
13
|
+
declare function useGridInfiniteScroll(options?: UseGridInfiniteScrollOptions): GridPlugin;
|
|
14
|
+
|
|
15
|
+
export { type GridInfiniteScrollOptions, type UseGridInfiniteScrollOptions, gridInfiniteScroll, useGridInfiniteScroll };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import {a}from'./chunk-QUY5FE75.mjs';import {c,l}from'./chunk-L4NJDMCU.mjs';import*as t from'react';import {jsx}from'react/jsx-runtime';function f({host:i,options:l$1}){return jsx(l,{scope:"grid",options:l$1??{},resetKey:i.visibleItemCount})}function o(i={}){return a("infinite-scroll",{options:c(i),blocksReady:false,Runtime:f})}function s(i={}){return t.useMemo(()=>o(i),[i.enabled,i.hasMore,i.loading,i.onLoadMore,i.rootMargin,i.sentinel,i.threshold])}export{o as gridInfiniteScroll,s as useGridInfiniteScroll};
|
package/dist/grid-lazy-load.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
.Zr{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3;animation:ie 1s linear infinite;background:conic-gradient(from 0deg,#fff,#cfe6ff,#8ec5ff,#4ea1ff,#2f7fff,#1d4ed8);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0)}.qr{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3}@keyframes ie{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
|
|
@@ -1,7 +1,11 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { f as GridPlugin } from './types-DcUQOXvS.mjs';
|
|
2
2
|
import { G as GalleryLazyLoadOptions } from './lazy-dGoYpcRa.mjs';
|
|
3
|
+
import './force-C5m1QpdF.mjs';
|
|
3
4
|
import './responsiveNumber-CouEMJ9O.mjs';
|
|
5
|
+
import './skeleton-cache.mjs';
|
|
4
6
|
import 'react';
|
|
7
|
+
import './layout-BSjd7pwQ.mjs';
|
|
8
|
+
import './text-BBcRGVzn.mjs';
|
|
5
9
|
|
|
6
10
|
type GridLazyLoadOptions = GalleryLazyLoadOptions;
|
|
7
11
|
declare function gridLazyLoad(options?: GridLazyLoadOptions): GridPlugin;
|
package/dist/grid-lazy-load.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import {a}from'./chunk-QUY5FE75.mjs';import {c}from'./chunk-
|
|
1
|
+
import {a}from'./chunk-QUY5FE75.mjs';import {c}from'./chunk-ROSKTQWL.mjs';import'./chunk-UP6P6CQS.mjs';import'./chunk-NHIKOJLU.mjs';import {jsx}from'react/jsx-runtime';function n(e){return {...e,enabled:e.enabled??true}}function i(e,r){let o=n(r??{});return jsx(c,{index:e.index,lazyLoad:o,registerExpandableImage:e.registerExpandableImage,revealedIndicesRef:e.revealedIndicesRef,...e.itemProps,children:e.children},e.key)}function t(e={}){let r=e.enabled!==false;return a("lazy-load",{options:e,blocksReady:r,renderItem:r?i:void 0})}export{t as gridLazyLoad};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { l as DataLoadMoreOptions, m as UseDataLoadMoreOptions, n as DataLoadMoreController } from './dataPlugins-DzaWlM6f.mjs';
|
|
2
|
+
import { f as GridPlugin } from './types-DcUQOXvS.mjs';
|
|
3
|
+
import 'react';
|
|
4
|
+
import './force-C5m1QpdF.mjs';
|
|
5
|
+
import './responsiveNumber-CouEMJ9O.mjs';
|
|
6
|
+
import './skeleton-cache.mjs';
|
|
7
|
+
import './layout-BSjd7pwQ.mjs';
|
|
8
|
+
import './text-BBcRGVzn.mjs';
|
|
9
|
+
|
|
10
|
+
type GridLoadMoreOptions = DataLoadMoreOptions;
|
|
11
|
+
type UseGridLoadMoreOptions = UseDataLoadMoreOptions;
|
|
12
|
+
declare function gridLoadMore(options: GridLoadMoreOptions): GridPlugin;
|
|
13
|
+
declare function useGridLoadMore(options: UseGridLoadMoreOptions): DataLoadMoreController<GridPlugin>;
|
|
14
|
+
|
|
15
|
+
export { type GridLoadMoreOptions, type UseGridLoadMoreOptions, gridLoadMore, useGridLoadMore };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import {a as a$1}from'./chunk-QUY5FE75.mjs';import {b,j}from'./chunk-L4NJDMCU.mjs';function a(o){return a$1("load-more",{options:b(o)})}function i(o){return j(o,a)}export{a as gridLoadMore,i as useGridLoadMore};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { f as DataPaginationControlsProps, c as DataPageItemsOptions, b as DataPageControlItem, e as DataPageRangeOptions, d as DataPageRangeItem, o as DataPaginationOptions, U as UseDataPaginationOptions, D as DataPaginationController, a as DataItemsPerPageOption, g as DataPaginationRippleOptions, h as DataPaginationRippleProp, i as DataPaginationSessionStorageOptions, j as DataPaginationUrlSyncOptions } from './dataPlugins-DzaWlM6f.mjs';
|
|
2
|
+
import { f as GridPlugin } from './types-DcUQOXvS.mjs';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import './force-C5m1QpdF.mjs';
|
|
5
|
+
import './responsiveNumber-CouEMJ9O.mjs';
|
|
6
|
+
import './skeleton-cache.mjs';
|
|
7
|
+
import './layout-BSjd7pwQ.mjs';
|
|
8
|
+
import './text-BBcRGVzn.mjs';
|
|
9
|
+
|
|
10
|
+
type GridPaginationOptions = DataPaginationOptions;
|
|
11
|
+
type UseGridPaginationOptions = UseDataPaginationOptions;
|
|
12
|
+
type GridPaginationUrlSyncOptions = DataPaginationUrlSyncOptions;
|
|
13
|
+
type GridPaginationSessionStorageOptions = DataPaginationSessionStorageOptions;
|
|
14
|
+
type GridItemsPerPageOption = DataItemsPerPageOption;
|
|
15
|
+
type GridPageRangeItem = DataPageRangeItem;
|
|
16
|
+
type GridPageControlItem = DataPageControlItem;
|
|
17
|
+
type GridPageRangeOptions = DataPageRangeOptions;
|
|
18
|
+
type GridPageItemsOptions = DataPageItemsOptions;
|
|
19
|
+
type GridPaginationControlsProps = DataPaginationControlsProps;
|
|
20
|
+
type GridPaginationRippleOptions = DataPaginationRippleOptions;
|
|
21
|
+
type GridPaginationRippleProp = DataPaginationRippleProp;
|
|
22
|
+
declare function getGridPageRange(options: GridPageRangeOptions): DataPageRangeItem[];
|
|
23
|
+
declare function getGridPageItems(options: GridPageItemsOptions): DataPageControlItem[];
|
|
24
|
+
declare function gridPagination(options: GridPaginationOptions): GridPlugin;
|
|
25
|
+
declare function useGridPagination(options: UseGridPaginationOptions): DataPaginationController<GridPlugin>;
|
|
26
|
+
declare const GridPaginationControls: React.FC<GridPaginationControlsProps>;
|
|
27
|
+
|
|
28
|
+
export { type GridItemsPerPageOption, type GridPageControlItem, type GridPageItemsOptions, type GridPageRangeItem, type GridPageRangeOptions, GridPaginationControls, type GridPaginationControlsProps, type GridPaginationOptions, type GridPaginationRippleOptions, type GridPaginationRippleProp, type GridPaginationSessionStorageOptions, type GridPaginationUrlSyncOptions, type UseGridPaginationOptions, getGridPageItems, getGridPageRange, gridPagination, useGridPagination };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import {a}from'./chunk-QUY5FE75.mjs';import {k,g as g$1,h,a as a$1,i}from'./chunk-L4NJDMCU.mjs';function g(t){return g$1(t)}function P(t){return h(t)}function r(t){return a("pagination",{options:a$1(t)})}function s(t){return i(t,r)}var d=k;export{d as GridPaginationControls,P as getGridPageItems,g as getGridPageRange,r as gridPagination,s as useGridPagination};
|
package/dist/grid-ready.d.mts
CHANGED
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { a as GridHandle } from './types-
|
|
2
|
+
import { a as GridHandle } from './types-DcUQOXvS.mjs';
|
|
3
|
+
import './force-C5m1QpdF.mjs';
|
|
3
4
|
import './responsiveNumber-CouEMJ9O.mjs';
|
|
5
|
+
import './skeleton-cache.mjs';
|
|
6
|
+
import './layout-BSjd7pwQ.mjs';
|
|
7
|
+
import './text-BBcRGVzn.mjs';
|
|
4
8
|
|
|
5
9
|
type GridReadyController = {
|
|
6
10
|
ref: React.RefCallback<GridHandle>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { f as GridPlugin } from './types-DcUQOXvS.mjs';
|
|
2
|
+
import { p as DataVirtualizationOptions } from './dataPlugins-DzaWlM6f.mjs';
|
|
3
|
+
import './force-C5m1QpdF.mjs';
|
|
4
|
+
import './responsiveNumber-CouEMJ9O.mjs';
|
|
5
|
+
import './skeleton-cache.mjs';
|
|
6
|
+
import 'react';
|
|
7
|
+
import './layout-BSjd7pwQ.mjs';
|
|
8
|
+
import './text-BBcRGVzn.mjs';
|
|
9
|
+
|
|
10
|
+
type GridVirtualizationOptions = DataVirtualizationOptions;
|
|
11
|
+
type UseGridVirtualizerOptions = GridVirtualizationOptions;
|
|
12
|
+
declare function gridVirtualization(options?: GridVirtualizationOptions): GridPlugin;
|
|
13
|
+
declare function useGridVirtualizer(options?: UseGridVirtualizerOptions): GridPlugin;
|
|
14
|
+
|
|
15
|
+
export { type GridVirtualizationOptions, type UseGridVirtualizerOptions, gridVirtualization, useGridVirtualizer };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import {a as a$1}from'./chunk-QUY5FE75.mjs';import {d}from'./chunk-L4NJDMCU.mjs';import*as a from'react';function e(i={}){return a$1("virtualization",{options:d(i)})}function o(i={}){return a.useMemo(()=>e(i),[i.enabled,i.estimateSize,i.gap,i.overscan])}export{e as gridVirtualization,o as useGridVirtualizer};
|
package/dist/grid.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
.ir{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--rmg-grid-min, 160px),1fr));gap:var(--rmg-grid-gap, 8px)}.r{position:relative;display:block;isolation:isolate}.r img,.r video{display:block;width:100%;height:auto;object-fit:cover}.r[data-rmg-fullscreen-enabled=true][data-rmg-fullscreen-trigger-mode=media] img,.r[data-rmg-fullscreen-enabled=true] [data-rmg-fullscreen-trigger]{cursor:zoom-in}.tr{width:100%}.m{display:contents}.r[data-rmg-grid-item-stage="1"]>.m{display:block;opacity:0;transition:opacity var(--rmg-reveal-duration, .6s) var(--rmg-reveal-easing, cubic-bezier(.2,.7,.2,1));will-change:opacity;transform:translateZ(0);backface-visibility:hidden}.r[data-rmg-grid-item-layered="1"]>.m{position:absolute;inset:0;z-index:1;pointer-events:none}.r[data-rmg-grid-item-layered="1"]>.m>*{height:100%}.r[data-rmg-grid-item-stage="1"][data-rmg-grid-item-reveal="1"]>.m{opacity:1;pointer-events:auto}.n{--rmg-grid-item-skeleton-transition-duration: var( --rmg-grid-item-skeleton-enter-duration, var(--rmg-grid-item-skeleton-exit-duration, .22s) );position:relative;z-index:0;display:flex;align-items:stretch;opacity:var(--rmg-grid-item-skeleton-opacity, 1);pointer-events:none;transition:opacity var(--rmg-grid-item-skeleton-transition-duration) ease;will-change:opacity;backface-visibility:hidden}.n>*{flex:1 1 auto;width:100%;min-width:0;min-height:0}.r[data-rmg-grid-item-reveal="1"]:not([data-rmg-grid-item-compare="1"])>.n{--rmg-grid-item-skeleton-transition-duration: var( --rmg-grid-item-skeleton-exit-duration, .22s );opacity:0}.r[data-rmg-grid-item-compare="1"]>.n{z-index:2;opacity:var(--rmg-grid-item-skeleton-opacity, 1)}.n[data-rmg-grid-item-shimmer=off]{--rmg-skel-shimmer-enabled: 0;--rmg-skel-card-shimmer-enabled: 0;will-change:auto}.n[data-rmg-grid-item-shimmer=off]:after,.n[data-rmg-grid-item-shimmer=off] *:after{opacity:0;animation:none;will-change:auto}.r:focus-visible{outline:2px solid #0066cc;outline-offset:2px;border-radius:4px}.je{aspect-ratio:1 / 1}.Ye{aspect-ratio:1 / 1;border-radius:999px}.Xe{display:flex;min-width:0}.Ze{flex-direction:row;align-items:center}.qe,.Ae{flex-direction:column;align-items:stretch}.L{display:flex;flex-direction:column;width:100%;min-width:0;min-height:0;box-sizing:border-box;align-items:flex-start;align-content:flex-start;overflow:hidden}@supports (font: -apple-system-body) and (-webkit-hyphens: none){.L{height:var(--rmg-skel-text-safari-height)!important;max-height:var(--rmg-skel-text-safari-height)!important;padding-block:var(--rmg-skel-text-safari-padding-block)!important;row-gap:var(--rmg-skel-text-safari-row-gap)!important}}.Be{min-width:0;align-self:flex-start;flex:0 0 auto}.Ce{position:relative;display:block;width:100%;min-width:0;height:auto;background:var(--rmg-skel-bg, #e5e5e5);border-radius:var(--rmg-skel-radius, 12px);overflow:hidden}.z{position:relative;overflow:hidden;border-radius:var(--rmg-skel-radius, 12px);--rmg-skel-shimmer-enabled: 0}.z:after{content:"";position:absolute;inset:0;opacity:calc(var(--rmg-skel-card-shimmer-enabled, 1) * var(--rmg-skel-shimmer-opacity, 1));filter:var(--rmg-skel-shimmer-filter, none);background-image:linear-gradient(var(--rmg-skel-shimmer-angle, 90deg),transparent 0%,var(--rmg-skel-shimmer-c1, rgba(255, 255, 255, .25)) 22%,var(--rmg-skel-shimmer-c2, rgba(255, 255, 255, .45)) 50%,var(--rmg-skel-shimmer-c3, rgba(255, 255, 255, .25)) 78%,transparent 100%);animation:_ var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate3d(-100%,0,0);will-change:transform,opacity;backface-visibility:hidden;pointer-events:none}.M:before{content:"";position:absolute;inset:0;opacity:calc(var(--rmg-skel-shimmer-enabled, 1) * var(--rmg-skel-shimmer-opacity, 1));filter:var(--rmg-skel-shimmer-filter, none);background-image:linear-gradient(var(--rmg-skel-shimmer-angle, 90deg),transparent 0%,var(--rmg-skel-shimmer-c1, rgba(255, 255, 255, .25)) 22%,var(--rmg-skel-shimmer-c2, rgba(255, 255, 255, .45)) 50%,var(--rmg-skel-shimmer-c3, rgba(255, 255, 255, .25)) 78%,transparent 100%);animation:_ var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate3d(-100%,0,0);will-change:transform,opacity;backface-visibility:hidden;pointer-events:none}@keyframes _{0%{transform:translate3d(-100%,0,0)}to{transform:translate3d(100%,0,0)}}@media(prefers-reduced-motion:reduce){.z:after,.M:before{animation:none}}.nr{position:relative;width:100%}.or{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--rmg-grid-min, 160px),1fr));gap:var(--rmg-grid-gap, 8px)}.U{position:relative;width:100%;min-height:0;height:100%;box-sizing:border-box}.U:before{content:"";position:absolute;inset:0;border-radius:var(--rmg-grid-skel-wrap-shadow-radius, var(--rmg-skel-radius, 12px));box-shadow:var(--rmg-grid-skel-wrap-shadow, none);opacity:var(--rmg-grid-skel-wrap-shadow-opacity, 1);transition:opacity calc(var( --rmg-loading-fade-shadow-duration, var( --rmg-loading-fade-enter-duration, var(--rmg-loading-fade-duration, .6s) ) ) * .45) ease-out;pointer-events:none}.sr{position:relative;z-index:1;width:100%;min-width:0;min-height:0;height:100%;box-sizing:border-box}
|
package/dist/grid.d.mts
CHANGED
|
@@ -1,8 +1,32 @@
|
|
|
1
|
-
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { B as BreakpointMap } from './responsiveNumber-CouEMJ9O.mjs';
|
|
3
|
+
import { b as GridItemProps, e as GridOptions, a as GridHandle } from './types-DcUQOXvS.mjs';
|
|
4
|
+
export { G as GridFullscreenTrigger, c as GridLoadingOptions, d as GridLoadingSkeletonArgs, f as GridPlugin, g as GridPluginHost, h as GridPluginKind, i as GridPluginRuntimeProps, l as GridSkeletonNode, m as GridSkeletonSlot, n as GridSkeletonSpec, j as GridSpan, R as ResponsiveGridSpan, k as ResponsiveGridTemplate, o as RevealOptions } from './types-DcUQOXvS.mjs';
|
|
2
5
|
export { GridReadyController, useGridReady } from './grid-ready.mjs';
|
|
3
|
-
export {
|
|
4
|
-
export {
|
|
5
|
-
|
|
6
|
-
|
|
6
|
+
export { GridItemsPerPageOption, GridPaginationControlsProps, GridPaginationOptions, GridPaginationRippleOptions, GridPaginationRippleProp, GridPaginationSessionStorageOptions, UseGridPaginationOptions } from './grid-pagination.mjs';
|
|
7
|
+
export { GridLoadMoreOptions, UseGridLoadMoreOptions } from './grid-load-more.mjs';
|
|
8
|
+
export { GridInfiniteScrollOptions, UseGridInfiniteScrollOptions } from './grid-infinite-scroll.mjs';
|
|
9
|
+
export { GridVirtualizationOptions, UseGridVirtualizerOptions } from './grid-virtualization.mjs';
|
|
10
|
+
import './force-C5m1QpdF.mjs';
|
|
11
|
+
import './skeleton-cache.mjs';
|
|
7
12
|
import './layout-BSjd7pwQ.mjs';
|
|
8
13
|
import './text-BBcRGVzn.mjs';
|
|
14
|
+
import './dataPlugins-DzaWlM6f.mjs';
|
|
15
|
+
|
|
16
|
+
type GridItemComponent = React.FC<GridItemProps> & {
|
|
17
|
+
__rmgGridItem: true;
|
|
18
|
+
};
|
|
19
|
+
declare const GridItem: GridItemComponent;
|
|
20
|
+
|
|
21
|
+
type Props = GridOptions & {
|
|
22
|
+
children?: React.ReactNode;
|
|
23
|
+
breakpoints?: BreakpointMap;
|
|
24
|
+
gridItemBaseClass?: string;
|
|
25
|
+
renderMode?: "wrap" | "passthrough";
|
|
26
|
+
};
|
|
27
|
+
type GridComponent = React.ForwardRefExoticComponent<Props & React.RefAttributes<GridHandle>> & {
|
|
28
|
+
Item: typeof GridItem;
|
|
29
|
+
};
|
|
30
|
+
declare const Grid: GridComponent;
|
|
31
|
+
|
|
32
|
+
export { Grid, GridHandle, GridItemProps, GridOptions, Grid as default };
|
package/dist/grid.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{a as Grid,a as default}from'./chunk-
|
|
1
|
+
export{a as Grid,a as default}from'./chunk-A2YEDYJQ.mjs';import'./chunk-RLT5FULN.mjs';import'./chunk-PUQSKJHB.mjs';import'./chunk-P55ODH2L.mjs';import'./chunk-D3T6HIS2.mjs';import'./chunk-T3TRJIQQ.mjs';import'./chunk-TL6MR4EC.mjs';import'./chunk-Q67WUAF3.mjs';import'./chunk-FPSEC6V4.mjs';import'./chunk-TLLL2WEG.mjs';import'./chunk-SPCWUWPZ.mjs';import'./chunk-QE3NYNL4.mjs';import'./chunk-AO4U6D24.mjs';export{a as useGridReady}from'./chunk-STRS7UNJ.mjs';import'./chunk-LVYED5ZM.mjs';import'./chunk-UML6FCOQ.mjs';import'./chunk-B4CC5AGE.mjs';import'./chunk-HK2DPKES.mjs';import'./chunk-L4NJDMCU.mjs';
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { E as EntriesOptions, M as MediaEntryLink, S as SlideOwner, v as EntryItem } from './responsive-DTXfqDUt.mjs';
|
|
1
|
+
import { d as EntriesOptions, M as MediaEntryLink, S as SlideOwner, D as EntryItem, E as EntriesHandle } from './responsive-Bw0ub6Hv.mjs';
|
|
3
2
|
import * as React from 'react';
|
|
4
3
|
import { MediaItem } from './media.mjs';
|
|
5
4
|
import { k as SliderHandle } from './types-D9WBOrx6.mjs';
|
|
@@ -38,7 +37,11 @@ type EntriesCoreProps = EntriesProps & {
|
|
|
38
37
|
entryListCacheScopeId?: string;
|
|
39
38
|
entryListRef?: React.RefObject<HTMLDivElement | null>;
|
|
40
39
|
};
|
|
41
|
-
declare
|
|
42
|
-
|
|
40
|
+
declare const EntriesCore: React.ForwardRefExoticComponent<EntriesProps & {
|
|
41
|
+
entryListCacheSnapshot?: SkeletonCacheSnapshot | null;
|
|
42
|
+
entryListCacheScopeId?: string;
|
|
43
|
+
entryListRef?: React.RefObject<HTMLDivElement | null>;
|
|
44
|
+
} & React.RefAttributes<EntriesHandle>>;
|
|
45
|
+
declare const Entries: React.ForwardRefExoticComponent<EntriesProps & React.RefAttributes<EntriesHandle>>;
|
|
43
46
|
|
|
44
47
|
export { Entries as E, type EntriesProps as a, type EntriesMediaContainerRender as b, type EntriesCoreProps as c, EntriesCore as d, flattenEntries as f, nodeFromMediaDefault as n };
|
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.l{position:relative;min-height:var(--rmg-entry-min-height, 260px)}.r{position:relative;display:block;opacity:var(--rmg-entry-skeleton-opacity, 1);transition:opacity .22s ease;transition-delay:0ms;pointer-events:none;z-index:0;height:var(--rmg-entry-min-height, 260px);border-radius:12px;background-color:var(--rmg-entry-skeleton-bg, transparent)}.r:before{content:"";position:absolute;inset:0;border-radius:var(--rmg-entry-skel-wrap-shadow-radius, 12px);box-shadow:var(--rmg-entry-skel-wrap-shadow, none);pointer-events:none}.le{position:relative;z-index:1;display:block;min-height:100%;height:100%;border-radius:inherit;background:inherit;overflow:hidden}.f{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity var(--rmg-entry-reveal-duration, .7s) var(--rmg-entry-reveal-easing, cubic-bezier(.4,0,.22,1));transition-delay:0ms;z-index:1}.f>*{height:100%}.l[data-rmg-entry-ready="1"]:not([data-rmg-entry-compare="1"]) .r{opacity:0;transition-delay:var(--rmg-entry-reveal-delay, 0ms)}.l[data-rmg-entry-ready="1"] .f{opacity:1;pointer-events:auto;transition-delay:var(--rmg-entry-reveal-delay, 0ms)}.l[data-rmg-entry-compare="1"] .r{z-index:2}.r[data-rmg-entry-shimmer=off]{--rmg-skel-shimmer-enabled: 0;--rmg-skel-card-shimmer-enabled: 0}.r[data-rmg-entry-shimmer=off] .d:after{opacity:0;animation:none}.de{display:flex;flex-direction:column;gap:1.5rem}.me[data-rmg-fullscreen-enabled=true][data-rmg-fullscreen-trigger-mode=media] img{cursor:zoom-in}.ge{--rmg-skel-radius: 12px;width:100%}.ce{display:flex;min-width:0}.pe{flex-direction:column;width:100%}.he{flex-direction:row;width:100%}.ve{flex-direction:column;width:100%}.fe{display:flex;flex-direction:column;width:100%;min-width:0;box-sizing:border-box;align-items:flex-start;align-content:flex-start}.be{min-width:0;align-self:flex-start}.d{flex:0 0 auto;width:100%;height:100%;position:relative;display:block;background:var(--rmg-skel-bg, #e5e5e5);border-radius:var(--rmg-skel-radius);overflow:hidden}.d:after{content:"";position:absolute;inset:0;opacity:calc(var(--rmg-skel-shimmer-enabled, 1) * var(--rmg-skel-shimmer-opacity, 1));filter:var(--rmg-skel-shimmer-filter, none);background-image:linear-gradient(var(--rmg-skel-shimmer-angle, 90deg),transparent 0%,var(--rmg-skel-shimmer-c1, rgba(255, 255, 255, .25)) 22%,var(--rmg-skel-shimmer-c2, rgba(255, 255, 255, .45)) 50%,var(--rmg-skel-shimmer-c3, rgba(255, 255, 255, .25)) 78%,transparent 100%);animation:E var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate(-100%);pointer-events:none}@keyframes E{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.d:after{animation:none}.r{transition:none}}.ue{flex:0 0 auto;width:100%;height:16px}.ye{width:48px;height:48px}.xe{width:44px;height:44px;border-radius:999px}.we{aspect-ratio:1 / 1}.ze{aspect-ratio:1 / 1;border-radius:999px}.Xe{display:flex;min-width:0}._e{flex-direction:row;align-items:center}.je,.Ye{flex-direction:column;align-items:stretch}.F{display:flex;flex-direction:column;width:100%;min-width:0;min-height:0;box-sizing:border-box;align-items:flex-start;align-content:flex-start;overflow:hidden}@supports (font: -apple-system-body) and (-webkit-hyphens: none){.F{height:var(--rmg-skel-text-safari-height)!important;max-height:var(--rmg-skel-text-safari-height)!important;padding-block:var(--rmg-skel-text-safari-padding-block)!important;row-gap:var(--rmg-skel-text-safari-row-gap)!important}}.Ze{min-width:0;align-self:flex-start;flex:0 0 auto}.qe{position:relative;display:block;width:100%;min-width:0;height:auto;background:var(--rmg-skel-bg, #e5e5e5);border-radius:var(--rmg-skel-radius, 12px);overflow:hidden}.b{position:relative;overflow:hidden;border-radius:var(--rmg-skel-radius, 12px);--rmg-skel-shimmer-enabled: 0}.b:after{content:"";position:absolute;inset:0;opacity:calc(var(--rmg-skel-card-shimmer-enabled, 1) * var(--rmg-skel-shimmer-opacity, 1));filter:var(--rmg-skel-shimmer-filter, none);background-image:linear-gradient(var(--rmg-skel-shimmer-angle, 90deg),transparent 0%,var(--rmg-skel-shimmer-c1, rgba(255, 255, 255, .25)) 22%,var(--rmg-skel-shimmer-c2, rgba(255, 255, 255, .45)) 50%,var(--rmg-skel-shimmer-c3, rgba(255, 255, 255, .25)) 78%,transparent 100%);animation:u var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate(-100%);pointer-events:none}.G:before{content:"";position:absolute;inset:0;opacity:calc(var(--rmg-skel-shimmer-enabled, 1) * var(--rmg-skel-shimmer-opacity, 1));filter:var(--rmg-skel-shimmer-filter, none);background-image:linear-gradient(var(--rmg-skel-shimmer-angle, 90deg),transparent 0%,var(--rmg-skel-shimmer-c1, rgba(255, 255, 255, .25)) 22%,var(--rmg-skel-shimmer-c2, rgba(255, 255, 255, .45)) 50%,var(--rmg-skel-shimmer-c3, rgba(255, 255, 255, .25)) 78%,transparent 100%);animation:u var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate(-100%);pointer-events:none}@keyframes u{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.b:after,.G:before{animation:none}}.W{position:relative;left:0}.V .W{left:auto;right:0}.zr{position:fixed;inset:0;opacity:0;pointer-events:none;background-color:#000c;transition:opacity .3s cubic-bezier(.4,0,.22,1);will-change:opacity;z-index:calc(var(--rmg-fs-z, 9999) - 1);transform:translateZ(0);backface-visibility:hidden;contain:paint}.i{opacity:1;pointer-events:auto}[data-rmg-fs-root=true][data-rmg-fs-closing=true],[data-rmg-fs-root=true][data-rmg-fs-closing=true] *{pointer-events:none!important}[data-rmg-fs-root=true],[data-rmg-fs-root=true] *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}[data-rmg-fs-root=true] img{-webkit-user-drag:none}.Xr{position:fixed;display:none;transform-origin:top left;transition:transform .3s cubic-bezier(.4,0,.22,1);z-index:calc(var(--rmg-fs-z, 9999) + 1);will-change:transform}.Z,.h,.v,.q{position:fixed;opacity:0;pointer-events:none;transition:opacity .36s cubic-bezier(.4,0,.22,1);z-index:calc(var(--rmg-fs-z, 9999) + 2)}.Z.i,.h.i,.v.i,.q.i{opacity:1;pointer-events:auto}.Z{top:12px;right:12px;background:transparent;border:none;padding:0;width:35px;height:35px;cursor:pointer}.h,.v{top:45.5%;width:50px;height:50px;cursor:pointer;background-color:transparent;border:none}.h{left:0;transform:rotate(180deg)}.v{right:0}.q{top:15px;left:16px;color:#fff;font-size:14px;line-height:32px;user-select:none;text-shadow:1px 1px 3px #4f4f4f}.ee{position:fixed;padding:1rem 1.5rem;color:#fff;font-size:.875rem;pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .3s cubic-bezier(.4,0,.22,1),transform .3s cubic-bezier(.4,0,.22,1);z-index:calc(var(--rmg-fs-z, 9999) + 1);will-change:opacity,transform}.ee.i{opacity:1;transform:translateY(0)}.fullscreen_slider[data-rmg-fs-hide-track-captions=true] [data-rmg-fs-caption=true]{opacity:0;visibility:hidden;pointer-events:none}._r{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3;animation:re 1s linear infinite;background:conic-gradient(from 0deg,#fff,#cfe6ff,#8ec5ff,#4ea1ff,#2f7fff,#1d4ed8);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0)}@keyframes re{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.jr{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3}.rmg__player .plyr__poster{pointer-events:none}.Yr{position:relative}.Zr{position:relative;z-index:2}.qr{pointer-events:none}.ae{position:absolute;inset:0;z-index:1;opacity:var(--rmg-thumb-loading-opacity, 1);--rmg-thumb-skel-shadow-opacity: 1;pointer-events:none;transition:opacity var(--rmg-loading-fade-duration, .6s) ease;will-change:opacity;overflow:hidden}.Ar{z-index:3}.Br{--rmg-thumb-loading-opacity: 0;--rmg-thumb-skel-shadow-opacity: 0}.A{position:absolute;inset:0;z-index:5;pointer-events:none;display:flex;align-items:center;justify-content:center}.A:before{content:"";position:absolute;inset:0;border-radius:var(--rmg-thumb-skel-shadow-radius, 6px);box-shadow:var(--rmg-thumb-skel-shadow, none);opacity:var(--rmg-thumb-skel-shadow-opacity, 1);transition:opacity calc(var(--rmg-loading-fade-duration, .6s) * .45) ease-out;pointer-events:none}.Cr{position:relative;z-index:1;display:flex;width:100%;height:100%}.s{--rmg-thumb-skel-shadow-radius: var(--rmg-skel-radius, 6px);border-radius:6px;overflow:hidden;position:relative;background:var(--rmg-skel-bg, #e5e5e5)}.s:before{content:"";position:absolute;inset:0;border-radius:var(--rmg-thumb-skel-shadow-radius, var(--rmg-skel-radius, 6px));box-shadow:var(--rmg-thumb-skel-shadow, none);opacity:var(--rmg-thumb-skel-shadow-opacity, 1);transition:opacity calc(var(--rmg-loading-fade-duration, .6s) * .45) ease-out;pointer-events:none}.s:after{content:"";position:absolute;inset:0;z-index:1;opacity:calc(var(--rmg-skel-shimmer-enabled, 1) * var(--rmg-skel-shimmer-opacity, 1));filter:var(--rmg-skel-shimmer-filter, none);background-image:linear-gradient(var(--rmg-skel-shimmer-angle, 90deg),transparent 0%,var(--rmg-skel-shimmer-c1, rgba(255, 255, 255, .25)) 22%,var(--rmg-skel-shimmer-c2, rgba(255, 255, 255, .45)) 50%,var(--rmg-skel-shimmer-c3, rgba(255, 255, 255, .25)) 78%,transparent 100%);animation:ie var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate(-100%);pointer-events:none}@keyframes ie{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.s:after{animation:none}.ae{transition:none}.s:before{transition:none}.A:before{transition:none}}.B{position:relative;overflow:hidden;box-sizing:border-box}.B:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 0 2px #111 inset;opacity:0;transition:opacity .12s ease;z-index:1}.B[data-active=true]:after{opacity:1}.Dr{opacity:0}.C{opacity:1;transition:opacity var(--rmg-reveal-duration, .42s) var(--rmg-reveal-easing, cubic-bezier(.2,.7,.2,1))}@media(prefers-reduced-motion:reduce){.C{transition:none}}.te [data-rmg-thumb-index]>*{opacity:0;transition:opacity var(--rmg-reveal-duration, .3s) var(--rmg-reveal-easing, cubic-bezier(.2,.7,.2,1));transition-delay:calc(var(--rmg-reveal-index, 0) * var(--rmg-reveal-stagger, 40ms));will-change:opacity}.te.C [data-rmg-thumb-index]>*{opacity:1}.D{position:absolute;border-radius:50%;transform:scale(0);animation:D .6s linear;background-color:#0000004d;pointer-events:none}@keyframes D{to{transform:scale(4);opacity:0}}.m{position:relative;left:0;display:flex;width:100%;align-items:stretch;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.m[data-rmg-axis=x]{flex-direction:row}.m[data-rmg-axis=y]{flex-direction:column}.H .m{left:auto;right:0}.Ae{overflow:hidden;height:auto;width:100%;position:relative}:where(.Be){display:flex;justify-content:center;position:absolute;z-index:10;background:#00000080;border-radius:9999px;cursor:auto}:where(.Ce){left:50%;bottom:10px;transform:translate(-50%);flex-direction:row;padding:4px 8px}:where(.De){top:50%;left:10px;transform:translateY(-50%);flex-direction:column;padding:8px 4px}.Ee{position:relative;z-index:2}.Fe{pointer-events:none}.I{position:absolute;inset:0;z-index:1;opacity:var(--rmg-loading-opacity, 1);--rmg-slider-skel-wrap-shadow-opacity: 1;pointer-events:none;transition:opacity var(--rmg-loading-fade-duration, .6s) ease;will-change:opacity;overflow:hidden}.Ge{z-index:3}.He{--rmg-loading-opacity: 0;--rmg-slider-skel-wrap-shadow-opacity: 0}.g{transition:opacity var(--rmg-reveal-duration, .42s) var(--rmg-reveal-easing, cubic-bezier(.2,.7,.2,1))}.Ie{opacity:0}.J{opacity:1}@media(prefers-reduced-motion:reduce){.g,.I{transition:none}}.c{position:relative;width:14px;height:14px;overflow:hidden;border-radius:50%;margin:5px;cursor:pointer;transition:transform .2s ease,background-color .3s ease,box-shadow .3s ease}.c:hover{transform:scale(1.2)}.c.Je{background-color:#50a3ff;box-shadow:0 0 8px #50a3ff99}.c.Ke{background-color:#d3d3d3}.t{-webkit-tap-highlight-color:rgba(0,0,0,.18);-webkit-appearance:none;appearance:none;background:transparent;touch-action:manipulation;display:flex;cursor:pointer;border:0;margin:0;padding:calc((var(--rmg-scrollbar-thumb-size, 1rem) - var(--rmg-scrollbar-track-size, .375rem)) / 2) 0;pointer-events:auto;--rmg-scrollbar-track: rgba(15, 23, 42, .16);--rmg-scrollbar-track-active: rgba(80, 163, 255, .28);--rmg-scrollbar-thumb: rgb(80, 163, 255);--rmg-scrollbar-thumb-shadow: 0 4px 14px rgba(80, 163, 255, .28)}.Le{transform-origin:center}.t::-webkit-slider-runnable-track{border-radius:9999px;background:linear-gradient(90deg,var(--rmg-scrollbar-track-active) 0%,var(--rmg-scrollbar-track-active) calc(var(--rmg-scrollbar-progress, 0) * 100%),var(--rmg-scrollbar-track) calc(var(--rmg-scrollbar-progress, 0) * 100%),var(--rmg-scrollbar-track) 100%);height:var(--rmg-scrollbar-track-size, .375rem)}.t::-moz-range-track{border-radius:9999px;background:var(--rmg-scrollbar-track);height:var(--rmg-scrollbar-track-size, .375rem)}.t::-webkit-slider-thumb{-webkit-appearance:none;width:var(--rmg-scrollbar-thumb-size, 1rem);height:var(--rmg-scrollbar-thumb-size, 1rem);border-radius:50%;border:0;background:var(--rmg-scrollbar-thumb);box-shadow:var(--rmg-scrollbar-thumb-shadow);margin-top:calc((var(--rmg-scrollbar-thumb-size, 1rem) - var(--rmg-scrollbar-track-size, .375rem)) / -2)}.t::-moz-range-thumb{width:var(--rmg-scrollbar-thumb-size, 1rem);height:var(--rmg-scrollbar-thumb-size, 1rem);border-radius:50%;border:0;background:var(--rmg-scrollbar-thumb);box-shadow:var(--rmg-scrollbar-thumb-shadow)}.y{position:absolute;border-radius:50%;transform:scale(0);animation:y .6s linear;background-color:#0000004d;pointer-events:none}@keyframes y{to{transform:scale(4);opacity:0}}.g [data-rmg-idx]>*{opacity:0;transition:opacity var(--rmg-reveal-duration, .6s) var(--rmg-reveal-easing, cubic-bezier(.2,.7,.2,1));transition-delay:calc(var(--rmg-reveal-index, 0) * var(--rmg-reveal-stagger, 60ms));will-change:opacity}.g.J [data-rmg-idx]>*{opacity:1}.Me{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3;animation:K 1s linear infinite;background:conic-gradient(from 0deg,#fff,#cfe6ff,#8ec5ff,#4ea1ff,#2f7fff,#1d4ed8);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0)}@keyframes K{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.Ne{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3}.L{position:absolute;inset:0;z-index:5;pointer-events:none;display:flex;justify-content:center}.Oe{display:flex;flex-direction:column;width:100%;min-width:0;min-height:0}.Pe{position:absolute;inset:0;z-index:2;pointer-events:none}.Qe{display:flex;width:100%;gap:.75rem;height:var(--rmg-slider-row-height, var(--rmg-slider-initial-height, var(--rmg-slider-height, 320px)));align-items:stretch}.Re{display:flex;flex-direction:column;width:100%;min-width:0;min-height:0}.Se{position:relative;width:100%;container-type:inline-size}.Te{position:relative;overflow-anchor:none;width:100%;height:auto;max-height:none}.x{position:relative;flex:1 1 0;height:100%;min-width:0;display:flex;box-sizing:border-box}.x:before{content:"";position:absolute;inset:0;border-radius:var(--rmg-slider-skel-wrap-shadow-radius, var(--rmg-skel-radius, 12px));box-shadow:var(--rmg-slider-skel-wrap-shadow, none);opacity:var(--rmg-slider-skel-wrap-shadow-opacity, 1);transition:opacity calc(var(--rmg-loading-fade-duration, .6s) * .45) ease-out;pointer-events:none}.Ue{position:relative;z-index:1;display:flex;width:100%;height:100%;min-width:0;min-height:0;box-sizing:border-box}.L[data-rmg-skel-mode=peek] .x{flex:0 0 auto}.Ve{display:flex;min-width:0;min-height:0;width:100%}.M{display:flex;flex-direction:column;width:100%;min-width:0;min-height:0;box-sizing:border-box;align-items:flex-start;align-content:flex-start;overflow:hidden}@supports (font: -apple-system-body) and (-webkit-hyphens: none){.M{height:var(--rmg-skel-text-safari-height)!important;max-height:var(--rmg-skel-text-safari-height)!important;padding-block:var(--rmg-skel-text-safari-padding-block)!important;row-gap:var(--rmg-skel-text-safari-row-gap)!important}}.We{min-width:0;align-self:flex-start;flex:0 0 auto}.k{width:100%;height:auto;position:relative;overflow:hidden;border-radius:var(--rmg-skel-radius, 12px);background:var(--rmg-skel-bg, #e5e5e5)}.k:after{content:"";position:absolute;inset:0;opacity:calc(var(--rmg-skel-shimmer-enabled, 1) * var(--rmg-skel-shimmer-opacity, 1));filter:var(--rmg-skel-shimmer-filter, none);background-image:linear-gradient(var(--rmg-skel-shimmer-angle, 90deg),transparent 0%,var(--rmg-skel-shimmer-c1, rgba(255, 255, 255, .25)) 22%,var(--rmg-skel-shimmer-c2, rgba(255, 255, 255, .45)) 50%,var(--rmg-skel-shimmer-c3, rgba(255, 255, 255, .25)) 78%,transparent 100%);animation:N var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate(-100%);pointer-events:none}@keyframes N{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.k:after{animation:none}}.er{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--rmg-grid-min, 160px),1fr));gap:var(--rmg-grid-gap, 8px)}.a{position:relative;display:block}.a img,.a video{display:block;width:100%;height:auto;object-fit:cover}.a[data-rmg-fullscreen-enabled=true][data-rmg-fullscreen-trigger-mode=media] img,.a[data-rmg-fullscreen-enabled=true] [data-rmg-fullscreen-trigger]{cursor:zoom-in}.rr{width:100%}.w{opacity:0;transition:opacity var(--rmg-reveal-duration, .42s) var(--rmg-reveal-easing, cubic-bezier(.2,.7,.2,1))}.O{opacity:1}.w [data-rmg-idx]{opacity:0;transition:opacity .6s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--rmg-reveal-index, 0) * var(--rmg-reveal-stagger, 60ms));will-change:opacity}.w.O [data-rmg-idx]{opacity:1}.a:focus-visible{outline:2px solid #0066cc;outline-offset:2px;border-radius:4px}._{position:relative;width:100%;container-type:inline-size}.p{position:absolute;display:block;min-width:0}.p img,.p video{display:block;width:100%;height:100%;object-fit:cover}._[data-rmg-fullscreen-enabled=true] .p img,._[data-rmg-fullscreen-enabled=true] [data-rmg-fullscreen-trigger]{cursor:zoom-in}.n{opacity:0;transition:opacity var(--rmg-reveal-duration, .6s) var(--rmg-reveal-easing, cubic-bezier(.2,.7,.2,1))}.Q{opacity:1}.n>[data-rmg-idx]{opacity:0;transition:opacity var(--rmg-reveal-duration, .6s) var(--rmg-reveal-easing, cubic-bezier(.2,.7,.2,1));transition-delay:calc(var(--rmg-reveal-index, 0) * var(--rmg-reveal-stagger, .16s));will-change:opacity}.n.Q>[data-rmg-idx]{opacity:1}@media(prefers-reduced-motion:reduce){.n,.n>[data-rmg-idx]{transition:none}}.yr{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3;animation:S 1s linear infinite;background:conic-gradient(from 0deg,#fff,#cfe6ff,#8ec5ff,#4ea1ff,#2f7fff,#1d4ed8);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0)}.xr{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3}@keyframes S{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.kr{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3;animation:T 1s linear infinite;animation-play-state:paused;background:conic-gradient(from 0deg,#fff,#cfe6ff,#8ec5ff,#4ea1ff,#2f7fff,#1d4ed8);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0)}@keyframes T{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.wr{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3}.U .plyr__poster{pointer-events:none}.or{display:grid;position:relative;width:100%}.z,.X{grid-area:1 / 1;min-width:0}.z{position:relative;z-index:2;opacity:0;pointer-events:none;transition:opacity var(--rmg-loading-fade-duration, .6s) ease;will-change:opacity}.sr{opacity:1;pointer-events:auto}.lr{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.X{position:relative;z-index:1;opacity:var(--rmg-standalone-skeleton-opacity, 1);--rmg-masonry-skel-wrap-shadow-opacity: 1;pointer-events:none;transition:opacity var(--rmg-loading-fade-duration, .6s) ease;will-change:opacity;overflow:hidden}.dr{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.mr{z-index:3}.gr{--rmg-standalone-skeleton-opacity: 0;--rmg-masonry-skel-wrap-shadow-opacity: 0}@media(prefers-reduced-motion:reduce){.z,.X{transition:none}}.e{--rmg-reveal-opacity-duration: .52s;--rmg-reveal-transform-duration: .52s;--rmg-reveal-delay: 0ms;--rmg-reveal-easing: cubic-bezier(.2, .7, .2, 1);--rmg-reveal-opacity-easing: var(--rmg-reveal-easing);--rmg-reveal-transform-easing: var(--rmg-reveal-easing);--rmg-reveal-from-transform: translate3d(0, 14px, 0);--rmg-reveal-to-transform: none;opacity:1;transform:var(--rmg-reveal-to-transform);transition:opacity var(--rmg-reveal-opacity-duration) var(--rmg-reveal-opacity-easing) var(--rmg-reveal-delay),transform var(--rmg-reveal-transform-duration) var(--rmg-reveal-transform-easing) var(--rmg-reveal-delay)}.e[data-rmg-reveal-owned=true]{will-change:opacity,transform}.e[data-rmg-reveal-initializing=true]{transition:none}.e[data-rmg-reveal-owned=true][data-rmg-reveal-state=hidden]{opacity:0}.e[data-rmg-reveal-owned=true][data-rmg-reveal-state=hidden][data-rmg-reveal-variant=transform]{transform:var(--rmg-reveal-from-transform)}.e[data-rmg-reveal-owned=true][data-rmg-reveal-state=revealed]{opacity:1;transform:var(--rmg-reveal-to-transform)}.e[data-rmg-reveal-variant=fade]{transform:var(--rmg-reveal-to-transform)}.e[data-rmg-reveal-reduced=true]{transition:none;will-change:auto}.e[data-rmg-reveal-disabled=true],.e[data-rmg-reveal-reduced=true][data-rmg-reveal-state=revealed]{opacity:1;transform:var(--rmg-reveal-to-transform);transition:none;will-change:auto}@media(prefers-reduced-motion:reduce){.e{transition:none;will-change:auto}.e[data-rmg-reveal-disabled=true],.e[data-rmg-reveal-owned=true][data-rmg-reveal-state=revealed]{opacity:1;transform:var(--rmg-reveal-to-transform)}}
|
|
1
|
+
.s{position:relative;min-height:var(--rmg-entry-min-height, 260px);isolation:isolate}.t{--rmg-entry-skeleton-transition-duration: var( --rmg-entry-skeleton-enter-duration, var(--rmg-entry-skeleton-exit-duration, .22s) );position:relative;display:block;opacity:var(--rmg-entry-skeleton-opacity, 1);transition:opacity var(--rmg-entry-skeleton-transition-duration) ease;transition-delay:0ms;pointer-events:none;z-index:0;height:var(--rmg-entry-min-height, 260px);border-radius:12px;background-color:var(--rmg-entry-skeleton-bg, transparent);will-change:opacity;backface-visibility:hidden}.t:before{content:"";position:absolute;inset:0;border-radius:var(--rmg-entry-skel-wrap-shadow-radius, 12px);box-shadow:var(--rmg-entry-skel-wrap-shadow, none);pointer-events:none}.pe{position:relative;z-index:1;display:block;min-height:100%;height:100%;border-radius:inherit;background:inherit;overflow:hidden}.h{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity var(--rmg-entry-intro-duration, .7s) var(--rmg-entry-intro-easing, cubic-bezier(.4,0,.22,1));transition-delay:0ms;z-index:1;will-change:opacity,transform;transform:translateZ(0);backface-visibility:hidden}.h>*{height:100%}.s[data-rmg-entry-ready="1"]:not([data-rmg-entry-compare="1"]) .t{--rmg-entry-skeleton-transition-duration: var( --rmg-entry-skeleton-exit-duration, var(--rmg-entry-skeleton-enter-duration, .22s) );opacity:0;transition-delay:var(--rmg-entry-intro-delay, 0ms)}.s[data-rmg-entry-ready="1"] .h{opacity:1;pointer-events:auto;transition-delay:var(--rmg-entry-intro-delay, 0ms)}.s[data-rmg-entry-reveal-settled="1"] .h{transform:none;will-change:auto}.s[data-rmg-entry-compare="1"] .t{z-index:2}.t[data-rmg-entry-shimmer=off]{--rmg-skel-shimmer-enabled: 0;--rmg-skel-card-shimmer-enabled: 0;will-change:auto}.t[data-rmg-entry-shimmer=off] .f:after{opacity:0;animation:none;will-change:auto}.u{display:flex;flex-direction:column;gap:1.5rem}.u[data-rmg-entries-layout=grid]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));align-items:start}.I{width:100%;flex:0 0 auto}.J{width:100%}.u[data-rmg-entries-layout=grid] .I,.u[data-rmg-entries-layout=grid] .J{grid-column:1 / -1}.f{--rmg-skel-radius: 12px;position:relative;width:100%;overflow:hidden}.ve{display:flex;min-width:0}.he{flex-direction:column;width:100%}.fe{flex-direction:row;width:100%}.ue{flex-direction:column;width:100%}.be{display:flex;flex-direction:column;width:100%;min-width:0;box-sizing:border-box;align-items:flex-start;align-content:flex-start}.ye{min-width:0;align-self:flex-start}.ke{flex:0 0 auto;width:100%;height:100%;position:relative;display:block;background:var(--rmg-skel-bg, #e5e5e5);border-radius:var(--rmg-skel-radius);overflow:hidden}.f:after{content:"";position:absolute;inset:0;opacity:calc(var(--rmg-skel-shimmer-enabled, 1) * var(--rmg-skel-shimmer-opacity, 1));filter:var(--rmg-skel-shimmer-filter, none);background-image:linear-gradient(var(--rmg-skel-shimmer-angle, 90deg),transparent 0%,var(--rmg-skel-shimmer-c1, rgba(255, 255, 255, .25)) 22%,var(--rmg-skel-shimmer-c2, rgba(255, 255, 255, .45)) 50%,var(--rmg-skel-shimmer-c3, rgba(255, 255, 255, .25)) 78%,transparent 100%);animation:K var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate3d(-100%,0,0);pointer-events:none;will-change:transform,opacity;backface-visibility:hidden}@keyframes K{0%{transform:translate3d(-100%,0,0)}to{transform:translate3d(100%,0,0)}}@media(prefers-reduced-motion:reduce){.f:after{animation:none}.t{transition:none}}.xe{flex:0 0 auto;width:100%;height:16px}.we{width:48px;height:48px}.ze{width:44px;height:44px;border-radius:999px}.je{aspect-ratio:1 / 1}.Ye{aspect-ratio:1 / 1;border-radius:999px}.Xe{display:flex;min-width:0}.Ze{flex-direction:row;align-items:center}.qe,.Ae{flex-direction:column;align-items:stretch}.L{display:flex;flex-direction:column;width:100%;min-width:0;min-height:0;box-sizing:border-box;align-items:flex-start;align-content:flex-start;overflow:hidden}@supports (font: -apple-system-body) and (-webkit-hyphens: none){.L{height:var(--rmg-skel-text-safari-height)!important;max-height:var(--rmg-skel-text-safari-height)!important;padding-block:var(--rmg-skel-text-safari-padding-block)!important;row-gap:var(--rmg-skel-text-safari-row-gap)!important}}.Be{min-width:0;align-self:flex-start;flex:0 0 auto}.Ce{position:relative;display:block;width:100%;min-width:0;height:auto;background:var(--rmg-skel-bg, #e5e5e5);border-radius:var(--rmg-skel-radius, 12px);overflow:hidden}.z{position:relative;overflow:hidden;border-radius:var(--rmg-skel-radius, 12px);--rmg-skel-shimmer-enabled: 0}.z:after{content:"";position:absolute;inset:0;opacity:calc(var(--rmg-skel-card-shimmer-enabled, 1) * var(--rmg-skel-shimmer-opacity, 1));filter:var(--rmg-skel-shimmer-filter, none);background-image:linear-gradient(var(--rmg-skel-shimmer-angle, 90deg),transparent 0%,var(--rmg-skel-shimmer-c1, rgba(255, 255, 255, .25)) 22%,var(--rmg-skel-shimmer-c2, rgba(255, 255, 255, .45)) 50%,var(--rmg-skel-shimmer-c3, rgba(255, 255, 255, .25)) 78%,transparent 100%);animation:_ var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate3d(-100%,0,0);will-change:transform,opacity;backface-visibility:hidden;pointer-events:none}.M:before{content:"";position:absolute;inset:0;opacity:calc(var(--rmg-skel-shimmer-enabled, 1) * var(--rmg-skel-shimmer-opacity, 1));filter:var(--rmg-skel-shimmer-filter, none);background-image:linear-gradient(var(--rmg-skel-shimmer-angle, 90deg),transparent 0%,var(--rmg-skel-shimmer-c1, rgba(255, 255, 255, .25)) 22%,var(--rmg-skel-shimmer-c2, rgba(255, 255, 255, .45)) 50%,var(--rmg-skel-shimmer-c3, rgba(255, 255, 255, .25)) 78%,transparent 100%);animation:_ var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate3d(-100%,0,0);will-change:transform,opacity;backface-visibility:hidden;pointer-events:none}@keyframes _{0%{transform:translate3d(-100%,0,0)}to{transform:translate3d(100%,0,0)}}@media(prefers-reduced-motion:reduce){.z:after,.M:before{animation:none}}.se{position:relative;left:0}.oe .se{left:auto;right:0}.Cr{position:fixed;inset:0;opacity:0;pointer-events:none;background-color:#000c;transition:opacity .3s cubic-bezier(.4,0,.22,1);will-change:opacity;z-index:calc(var(--rmg-fs-z, 9999) - 1);transform:translateZ(0);backface-visibility:hidden;contain:paint}.o{opacity:1;pointer-events:auto}[data-rmg-fs-root=true][data-rmg-fs-closing=true],[data-rmg-fs-root=true][data-rmg-fs-closing=true] *{pointer-events:none!important}[data-rmg-fs-root=true],[data-rmg-fs-root=true] *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}[data-rmg-fs-root=true] img{-webkit-user-drag:none}.Dr{position:fixed;display:none;transform-origin:top left;transition:transform .3s cubic-bezier(.4,0,.22,1);z-index:calc(var(--rmg-fs-z, 9999) + 1);will-change:transform}.B,.x,.w,.C{position:fixed;opacity:0;pointer-events:none;transition:opacity .36s cubic-bezier(.4,0,.22,1);z-index:calc(var(--rmg-fs-z, 9999) + 2)}.B.o,.x.o,.w.o,.C.o{opacity:1;pointer-events:auto}.B{top:12px;right:12px;background:transparent;border:none;padding:0;width:35px;height:35px;cursor:pointer}.x,.w{top:45.5%;width:50px;height:50px;cursor:pointer;background-color:transparent;border:none}.x{left:0;transform:rotate(180deg)}.w{right:0}.C{top:15px;left:16px;color:#fff;font-size:14px;line-height:32px;user-select:none;text-shadow:1px 1px 3px #4f4f4f}.de{position:fixed;padding:1rem 1.5rem;color:#fff;font-size:.875rem;pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .3s cubic-bezier(.4,0,.22,1),transform .3s cubic-bezier(.4,0,.22,1);z-index:calc(var(--rmg-fs-z, 9999) + 1);will-change:opacity,transform}.de.o{opacity:1;transform:translateY(0)}.fullscreen_slider[data-rmg-fs-hide-track-captions=true] [data-rmg-fs-caption=true]{opacity:0;visibility:hidden;pointer-events:none}.Er{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3;animation:me 1s linear infinite;background:conic-gradient(from 0deg,#fff,#cfe6ff,#8ec5ff,#4ea1ff,#2f7fff,#1d4ed8);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0)}@keyframes me{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.Fr{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3}.rmg__player .plyr__poster{pointer-events:none}.Gr{position:relative}.Hr{position:relative;z-index:2}.Ir{pointer-events:none}.le{position:absolute;inset:0;z-index:1;opacity:var(--rmg-thumb-loading-opacity, 1);--rmg-thumb-skel-shadow-opacity: 1;pointer-events:none;transition:opacity var( --rmg-loading-fade-enter-duration, var(--rmg-loading-fade-duration, .6s) ) ease;will-change:opacity;overflow:hidden}.Jr{z-index:3}.Kr{--rmg-loading-fade-shadow-duration: var( --rmg-loading-fade-exit-duration, var(--rmg-loading-fade-duration, .6s) );--rmg-thumb-loading-opacity: 0;--rmg-thumb-skel-shadow-opacity: 0;transition-duration:var( --rmg-loading-fade-exit-duration, var(--rmg-loading-fade-duration, .6s) )}.D{position:absolute;inset:0;z-index:5;pointer-events:none;display:flex;align-items:center;justify-content:center}.D:before{content:"";position:absolute;inset:0;border-radius:var(--rmg-thumb-skel-shadow-radius, 6px);box-shadow:var(--rmg-thumb-skel-shadow, none);opacity:var(--rmg-thumb-skel-shadow-opacity, 1);transition:opacity calc(var( --rmg-loading-fade-shadow-duration, var( --rmg-loading-fade-enter-duration, var(--rmg-loading-fade-duration, .6s) ) ) * .45) ease-out;pointer-events:none}.Lr{position:relative;z-index:1;display:flex;width:100%;height:100%}.v{--rmg-thumb-skel-shadow-radius: var(--rmg-skel-radius, 6px);border-radius:6px;overflow:hidden;position:relative;background:var(--rmg-skel-bg, #e5e5e5)}.v:before{content:"";position:absolute;inset:0;border-radius:var(--rmg-thumb-skel-shadow-radius, var(--rmg-skel-radius, 6px));box-shadow:var(--rmg-thumb-skel-shadow, none);opacity:var(--rmg-thumb-skel-shadow-opacity, 1);transition:opacity calc(var( --rmg-loading-fade-shadow-duration, var( --rmg-loading-fade-enter-duration, var(--rmg-loading-fade-duration, .6s) ) ) * .45) ease-out;pointer-events:none}.v:after{content:"";position:absolute;inset:0;z-index:1;opacity:calc(var(--rmg-skel-shimmer-enabled, 1) * var(--rmg-skel-shimmer-opacity, 1));filter:var(--rmg-skel-shimmer-filter, none);background-image:linear-gradient(var(--rmg-skel-shimmer-angle, 90deg),transparent 0%,var(--rmg-skel-shimmer-c1, rgba(255, 255, 255, .25)) 22%,var(--rmg-skel-shimmer-c2, rgba(255, 255, 255, .45)) 50%,var(--rmg-skel-shimmer-c3, rgba(255, 255, 255, .25)) 78%,transparent 100%);animation:ge var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate3d(-100%,0,0);will-change:transform,opacity;backface-visibility:hidden;pointer-events:none}@keyframes ge{0%{transform:translate3d(-100%,0,0)}to{transform:translate3d(100%,0,0)}}@media(prefers-reduced-motion:reduce){.v:after{animation:none}.le{transition:none}.v:before{transition:none}.D:before{transition:none}}.E{position:relative;overflow:hidden;box-sizing:border-box}.E:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 0 2px #111 inset;opacity:0;transition:opacity .12s ease;z-index:1}.E[data-active=true]:after{opacity:1}.Mr{opacity:0}.F{opacity:1;transition:opacity var(--rmg-reveal-duration, .42s) var(--rmg-reveal-easing, cubic-bezier(.2,.7,.2,1))}@media(prefers-reduced-motion:reduce){.F{transition:none}}.ce [data-rmg-thumb-index]>*{opacity:0;transition:opacity var(--rmg-reveal-duration, .3s) var(--rmg-reveal-easing, cubic-bezier(.2,.7,.2,1));transition-delay:calc(var(--rmg-reveal-index, 0) * var(--rmg-reveal-stagger, 40ms));will-change:opacity}.ce.F [data-rmg-thumb-index]>*{opacity:1}.G{position:absolute;border-radius:50%;transform:scale(0);animation:G .6s linear;background-color:#0000004d;pointer-events:none}@keyframes G{to{transform:scale(4);opacity:0}}.b{position:relative;left:0;display:flex;width:100%;align-items:stretch;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.b[data-rmg-axis=x]{flex-direction:row}.b[data-rmg-axis=y]{flex-direction:column}.N .b{left:auto;right:0}.De{overflow:hidden;height:auto;width:100%;position:relative}:where(.Ee){display:flex;justify-content:center;position:absolute;z-index:10;background:#00000080;border-radius:9999px;cursor:auto}:where(.Fe){left:50%;bottom:10px;transform:translate(-50%);flex-direction:row;padding:4px 8px}:where(.Ge){top:50%;left:10px;transform:translateY(-50%);flex-direction:column;padding:8px 4px}.He{position:relative;z-index:2}.Ie{pointer-events:none}.O{position:absolute;inset:0;z-index:1;opacity:var(--rmg-loading-opacity, 1);--rmg-slider-skel-wrap-shadow-opacity: 1;pointer-events:none;transition:opacity var( --rmg-loading-fade-enter-duration, var(--rmg-loading-fade-duration, .6s) ) ease;will-change:opacity;overflow:hidden}.Je{z-index:3}.Ke{--rmg-loading-fade-shadow-duration: var( --rmg-loading-fade-exit-duration, var(--rmg-loading-fade-duration, .6s) );--rmg-loading-opacity: 0;--rmg-slider-skel-wrap-shadow-opacity: 0;transition-duration:var( --rmg-loading-fade-exit-duration, var(--rmg-loading-fade-duration, .6s) )}.y{transition:opacity var(--rmg-reveal-duration, .42s) var(--rmg-reveal-easing, cubic-bezier(.2,.7,.2,1))}.Le{opacity:0}.P{opacity:1}@media(prefers-reduced-motion:reduce){.y,.O{transition:none}}.k{position:relative;width:14px;height:14px;overflow:hidden;border-radius:50%;margin:5px;cursor:pointer;transition:transform .2s ease,background-color .3s ease,box-shadow .3s ease}.k:hover{transform:scale(1.2)}.k.Me{background-color:#50a3ff;box-shadow:0 0 8px #50a3ff99}.k.Ne{background-color:#d3d3d3}.d{-webkit-tap-highlight-color:rgba(0,0,0,.18);-webkit-appearance:none;appearance:none;background:transparent;touch-action:manipulation;display:flex;cursor:pointer;border:0;margin:0;padding:calc((var(--rmg-scrollbar-thumb-size, 1rem) - var(--rmg-scrollbar-track-size, .375rem)) / 2) 0;pointer-events:auto;--rmg-scrollbar-track: rgba(15, 23, 42, .16);--rmg-scrollbar-track-active: rgba(80, 163, 255, .28);--rmg-scrollbar-thumb: rgb(80, 163, 255);--rmg-scrollbar-thumb-shadow: 0 4px 14px rgba(80, 163, 255, .28)}.Oe{transform-origin:center}.d::-webkit-slider-runnable-track{border-radius:9999px;background:linear-gradient(90deg,var(--rmg-scrollbar-track-active) 0%,var(--rmg-scrollbar-track-active) calc(var(--rmg-scrollbar-progress, 0) * 100%),var(--rmg-scrollbar-track) calc(var(--rmg-scrollbar-progress, 0) * 100%),var(--rmg-scrollbar-track) 100%);height:var(--rmg-scrollbar-track-size, .375rem)}.d::-moz-range-track{border-radius:9999px;background:var(--rmg-scrollbar-track);height:var(--rmg-scrollbar-track-size, .375rem)}.d::-webkit-slider-thumb{-webkit-appearance:none;width:var(--rmg-scrollbar-thumb-size, 1rem);height:var(--rmg-scrollbar-thumb-size, 1rem);border-radius:50%;border:0;background:var(--rmg-scrollbar-thumb);box-shadow:var(--rmg-scrollbar-thumb-shadow);margin-top:calc((var(--rmg-scrollbar-thumb-size, 1rem) - var(--rmg-scrollbar-track-size, .375rem)) / -2)}.d::-moz-range-thumb{width:var(--rmg-scrollbar-thumb-size, 1rem);height:var(--rmg-scrollbar-thumb-size, 1rem);border-radius:50%;border:0;background:var(--rmg-scrollbar-thumb);box-shadow:var(--rmg-scrollbar-thumb-shadow)}.j{position:absolute;border-radius:50%;transform:scale(0);animation:j .6s linear;background-color:#0000004d;pointer-events:none}@keyframes j{to{transform:scale(4);opacity:0}}.y [data-rmg-idx]>*{opacity:0;transition:opacity var(--rmg-reveal-duration, .6s) var(--rmg-reveal-easing, cubic-bezier(.2,.7,.2,1));transition-delay:calc(var(--rmg-reveal-index, 0) * var(--rmg-reveal-stagger, 60ms));will-change:opacity}.y.P [data-rmg-idx]>*{opacity:1}.Pe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3;animation:Q 1s linear infinite;background:conic-gradient(from 0deg,#fff,#cfe6ff,#8ec5ff,#4ea1ff,#2f7fff,#1d4ed8);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0)}@keyframes Q{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.Qe{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3}.R{position:absolute;inset:0;z-index:5;pointer-events:none;display:flex;justify-content:center}.Re{display:flex;flex-direction:column;width:100%;min-width:0;min-height:0}.Se{position:absolute;inset:0;z-index:2;pointer-events:none}.Te{display:flex;width:100%;gap:.75rem;height:var(--rmg-slider-row-height, var(--rmg-slider-initial-height, var(--rmg-slider-height, 320px)));align-items:stretch}.Ue{display:flex;flex-direction:column;width:100%;min-width:0;min-height:0}.Ve{position:relative;width:100%;container-type:inline-size}.We{position:relative;overflow-anchor:none;width:100%;height:auto;max-height:none}.Y{position:relative;flex:1 1 0;height:100%;min-width:0;display:flex;box-sizing:border-box}.Y:before{content:"";position:absolute;inset:0;border-radius:var(--rmg-slider-skel-wrap-shadow-radius, var(--rmg-skel-radius, 12px));box-shadow:var(--rmg-slider-skel-wrap-shadow, none);opacity:var(--rmg-slider-skel-wrap-shadow-opacity, 1);transition:opacity calc(var( --rmg-loading-fade-shadow-duration, var( --rmg-loading-fade-enter-duration, var(--rmg-loading-fade-duration, .6s) ) ) * .45) ease-out;pointer-events:none}.er{position:relative;z-index:1;display:flex;width:100%;height:100%;min-width:0;min-height:0;box-sizing:border-box}.R[data-rmg-skel-mode=peek] .Y{flex:0 0 auto}.rr{display:flex;min-width:0;min-height:0;width:100%}.S{display:flex;flex-direction:column;width:100%;min-width:0;min-height:0;box-sizing:border-box;align-items:flex-start;align-content:flex-start;overflow:hidden}@supports (font: -apple-system-body) and (-webkit-hyphens: none){.S{height:var(--rmg-skel-text-safari-height)!important;max-height:var(--rmg-skel-text-safari-height)!important;padding-block:var(--rmg-skel-text-safari-padding-block)!important;row-gap:var(--rmg-skel-text-safari-row-gap)!important}}.ar{min-width:0;align-self:flex-start;flex:0 0 auto}.X{width:100%;height:auto;position:relative;overflow:hidden;border-radius:var(--rmg-skel-radius, 12px);background:var(--rmg-skel-bg, #e5e5e5)}.X:after{content:"";position:absolute;inset:0;opacity:calc(var(--rmg-skel-shimmer-enabled, 1) * var(--rmg-skel-shimmer-opacity, 1));filter:var(--rmg-skel-shimmer-filter, none);background-image:linear-gradient(var(--rmg-skel-shimmer-angle, 90deg),transparent 0%,var(--rmg-skel-shimmer-c1, rgba(255, 255, 255, .25)) 22%,var(--rmg-skel-shimmer-c2, rgba(255, 255, 255, .45)) 50%,var(--rmg-skel-shimmer-c3, rgba(255, 255, 255, .25)) 78%,transparent 100%);animation:T var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate3d(-100%,0,0);will-change:transform,opacity;backface-visibility:hidden;pointer-events:none}@keyframes T{0%{transform:translate3d(-100%,0,0)}to{transform:translate3d(100%,0,0)}}@media(prefers-reduced-motion:reduce){.X:after{animation:none}}.ir{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--rmg-grid-min, 160px),1fr));gap:var(--rmg-grid-gap, 8px)}.r{position:relative;display:block;isolation:isolate}.r img,.r video{display:block;width:100%;height:auto;object-fit:cover}.r[data-rmg-fullscreen-enabled=true][data-rmg-fullscreen-trigger-mode=media] img,.r[data-rmg-fullscreen-enabled=true] [data-rmg-fullscreen-trigger]{cursor:zoom-in}.tr{width:100%}.m{display:contents}.r[data-rmg-grid-item-stage="1"]>.m{display:block;opacity:0;transition:opacity var(--rmg-reveal-duration, .6s) var(--rmg-reveal-easing, cubic-bezier(.2,.7,.2,1));will-change:opacity;transform:translateZ(0);backface-visibility:hidden}.r[data-rmg-grid-item-layered="1"]>.m{position:absolute;inset:0;z-index:1;pointer-events:none}.r[data-rmg-grid-item-layered="1"]>.m>*{height:100%}.r[data-rmg-grid-item-stage="1"][data-rmg-grid-item-reveal="1"]>.m{opacity:1;pointer-events:auto}.n{--rmg-grid-item-skeleton-transition-duration: var( --rmg-grid-item-skeleton-enter-duration, var(--rmg-grid-item-skeleton-exit-duration, .22s) );position:relative;z-index:0;display:flex;align-items:stretch;opacity:var(--rmg-grid-item-skeleton-opacity, 1);pointer-events:none;transition:opacity var(--rmg-grid-item-skeleton-transition-duration) ease;will-change:opacity;backface-visibility:hidden}.n>*{flex:1 1 auto;width:100%;min-width:0;min-height:0}.r[data-rmg-grid-item-reveal="1"]:not([data-rmg-grid-item-compare="1"])>.n{--rmg-grid-item-skeleton-transition-duration: var( --rmg-grid-item-skeleton-exit-duration, .22s );opacity:0}.r[data-rmg-grid-item-compare="1"]>.n{z-index:2;opacity:var(--rmg-grid-item-skeleton-opacity, 1)}.n[data-rmg-grid-item-shimmer=off]{--rmg-skel-shimmer-enabled: 0;--rmg-skel-card-shimmer-enabled: 0;will-change:auto}.n[data-rmg-grid-item-shimmer=off]:after,.n[data-rmg-grid-item-shimmer=off] *:after{opacity:0;animation:none;will-change:auto}.r:focus-visible{outline:2px solid #0066cc;outline-offset:2px;border-radius:4px}.nr{position:relative;width:100%}.or{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--rmg-grid-min, 160px),1fr));gap:var(--rmg-grid-gap, 8px)}.U{position:relative;width:100%;min-height:0;height:100%;box-sizing:border-box}.U:before{content:"";position:absolute;inset:0;border-radius:var(--rmg-grid-skel-wrap-shadow-radius, var(--rmg-skel-radius, 12px));box-shadow:var(--rmg-grid-skel-wrap-shadow, none);opacity:var(--rmg-grid-skel-wrap-shadow-opacity, 1);transition:opacity calc(var( --rmg-loading-fade-shadow-duration, var( --rmg-loading-fade-enter-duration, var(--rmg-loading-fade-duration, .6s) ) ) * .45) ease-out;pointer-events:none}.sr{position:relative;z-index:1;width:100%;min-width:0;min-height:0;height:100%;box-sizing:border-box}.A{position:relative;width:100%;container-type:inline-size}.i{position:absolute;display:block;min-width:0;isolation:isolate}.i img,.i video{display:block;width:100%;height:100%;object-fit:cover}.A[data-rmg-fullscreen-enabled=true] .i img,.A[data-rmg-fullscreen-enabled=true] [data-rmg-fullscreen-trigger]{cursor:zoom-in}.l{opacity:0;transition:opacity var(--rmg-reveal-duration, .6s) var(--rmg-reveal-easing, cubic-bezier(.2,.7,.2,1))}.V{opacity:1}.l>[data-rmg-idx]{opacity:0;transition:opacity var(--rmg-reveal-duration, .6s) var(--rmg-reveal-easing, cubic-bezier(.2,.7,.2,1));transition-delay:calc(var(--rmg-reveal-index, 0) * var(--rmg-reveal-stagger, .16s));will-change:opacity}.l.V>[data-rmg-idx]{opacity:1}.i[data-rmg-masonry-item-stage="1"]>:not([data-rmg-masonry-item-skeleton]){opacity:0;transition:opacity var(--rmg-reveal-duration, .6s) var(--rmg-reveal-easing, cubic-bezier(.2,.7,.2,1));will-change:opacity;backface-visibility:hidden}.i[data-rmg-masonry-item-stage="1"][data-rmg-masonry-item-reveal="1"]>:not([data-rmg-masonry-item-skeleton]){opacity:1}.g{--rmg-masonry-item-skeleton-transition-duration: var( --rmg-masonry-item-skeleton-enter-duration, var(--rmg-masonry-item-skeleton-exit-duration, .22s) );position:absolute;inset:0;z-index:2;display:flex;align-items:stretch;opacity:var(--rmg-masonry-item-skeleton-opacity, 1);pointer-events:none;transition:opacity var(--rmg-masonry-item-skeleton-transition-duration) ease;will-change:opacity;backface-visibility:hidden}.g>*{flex:1 1 auto;width:100%;min-width:0;min-height:0}.i[data-rmg-masonry-item-reveal="1"]>.g{--rmg-masonry-item-skeleton-transition-duration: var( --rmg-masonry-item-skeleton-exit-duration, .22s );opacity:0}.i[data-rmg-masonry-item-compare="1"]>.g{opacity:var(--rmg-masonry-item-skeleton-opacity, 1)}@media(prefers-reduced-motion:reduce){.l,.l>[data-rmg-idx],.i[data-rmg-masonry-item-stage="1"]>:not([data-rmg-masonry-item-skeleton]),.g{transition:none}}.fr{display:grid;position:relative;width:100%}.ur{grid-area:1 / 1;min-width:0}.W{position:relative;z-index:2;opacity:0;pointer-events:none;transition:opacity var(--rmg-light-mskel-exit-ms, .6s) ease;will-change:opacity}.br{opacity:1;pointer-events:auto}.yr{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.kr{position:relative;z-index:1;opacity:1;pointer-events:none;transition:opacity var( --rmg-light-mskel-enter-ms, var(--rmg-light-mskel-exit-ms, .6s) ) ease;will-change:opacity;overflow:hidden}.xr{--rmg-light-mskel-enter-ms: var(--rmg-light-mskel-exit-ms, .6s);opacity:0;transition-duration:var(--rmg-light-mskel-exit-ms, .6s)}.wr{width:100%;container-type:inline-size}.zr{position:relative;width:100%;container-type:inline-size}._r{position:absolute;display:block;min-width:0;overflow:hidden;background:var(--rmg-skel-bg, #e5e5e5);border-radius:var(--rmg-skel-radius, 12px)}.ee:after{content:"";position:absolute;inset:0;opacity:var(--rmg-skel-shimmer-opacity, 1);filter:var(--rmg-skel-shimmer-filter, none);background-image:linear-gradient(var(--rmg-skel-shimmer-angle, 90deg),transparent 0%,var(--rmg-skel-shimmer-c1, rgba(255, 255, 255, .25)) 22%,var(--rmg-skel-shimmer-c2, rgba(255, 255, 255, .45)) 50%,var(--rmg-skel-shimmer-c3, rgba(255, 255, 255, .25)) 78%,transparent 100%);animation:re var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate3d(-100%,0,0);will-change:transform,opacity;backface-visibility:hidden;pointer-events:none}@keyframes re{0%{transform:translate3d(-100%,0,0)}to{transform:translate3d(100%,0,0)}}@media(prefers-reduced-motion:reduce){.W{transition:none}.ee:after{animation:none}}.Zr{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3;animation:ie 1s linear infinite;background:conic-gradient(from 0deg,#fff,#cfe6ff,#8ec5ff,#4ea1ff,#2f7fff,#1d4ed8);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0)}.qr{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3}@keyframes ie{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.Ar{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3;animation:te 1s linear infinite;animation-play-state:paused;background:conic-gradient(from 0deg,#fff,#cfe6ff,#8ec5ff,#4ea1ff,#2f7fff,#1d4ed8);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0)}@keyframes te{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.Br{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3}.ne .plyr__poster{pointer-events:none}.dr{display:grid;position:relative;width:100%}.Z,.q{grid-area:1 / 1;min-width:0}.Z{position:relative;z-index:2;opacity:0;pointer-events:none;transition:opacity var( --rmg-loading-fade-exit-duration, var(--rmg-loading-fade-duration, .6s) ) ease;will-change:opacity}.mr{opacity:1;pointer-events:auto}.lr{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.gr{position:absolute;inset:0;width:100%;min-height:100%;pointer-events:none}.q{position:relative;z-index:1;opacity:var(--rmg-standalone-skeleton-opacity, 1);--rmg-masonry-skel-wrap-shadow-opacity: 1;pointer-events:none;transition:opacity var( --rmg-loading-fade-enter-duration, var(--rmg-loading-fade-duration, .6s) ) ease;will-change:opacity;overflow:hidden}.cr{overflow:visible}.pr{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.vr{z-index:3}.hr{--rmg-loading-fade-shadow-duration: var( --rmg-loading-fade-exit-duration, var(--rmg-loading-fade-duration, .6s) );--rmg-standalone-skeleton-opacity: 0;--rmg-masonry-skel-wrap-shadow-opacity: 0;transition-duration:var( --rmg-loading-fade-exit-duration, var(--rmg-loading-fade-duration, .6s) )}@media(prefers-reduced-motion:reduce){.Z,.q{transition:none}}.e{--rmg-reveal-opacity-duration: .52s;--rmg-reveal-transform-duration: .52s;--rmg-reveal-delay: 0ms;--rmg-reveal-easing: cubic-bezier(.2, .7, .2, 1);--rmg-reveal-opacity-easing: var(--rmg-reveal-easing);--rmg-reveal-transform-easing: var(--rmg-reveal-easing);--rmg-reveal-from-transform: translate3d(0, 14px, 0);--rmg-reveal-to-transform: none;opacity:1;transform:var(--rmg-reveal-to-transform);transition:opacity var(--rmg-reveal-opacity-duration) var(--rmg-reveal-opacity-easing) var(--rmg-reveal-delay),transform var(--rmg-reveal-transform-duration) var(--rmg-reveal-transform-easing) var(--rmg-reveal-delay)}.e[data-rmg-reveal-owned=true]{will-change:opacity,transform}.e[data-rmg-reveal-initializing=true]{transition:none}.e[data-rmg-reveal-owned=true][data-rmg-reveal-state=hidden]{opacity:0}.e[data-rmg-reveal-owned=true][data-rmg-reveal-state=hidden][data-rmg-reveal-variant=transform]{transform:var(--rmg-reveal-from-transform)}.e[data-rmg-reveal-owned=true][data-rmg-reveal-state=revealed]{opacity:1;transform:var(--rmg-reveal-to-transform)}.e[data-rmg-reveal-variant=fade]{transform:var(--rmg-reveal-to-transform)}.e[data-rmg-reveal-reduced=true]{transition:none;will-change:auto}.e[data-rmg-reveal-disabled=true],.e[data-rmg-reveal-reduced=true][data-rmg-reveal-state=revealed]{opacity:1;transform:var(--rmg-reveal-to-transform);transition:none;will-change:auto}@media(prefers-reduced-motion:reduce){.e{transition:none;will-change:auto}.e[data-rmg-reveal-disabled=true],.e[data-rmg-reveal-owned=true][data-rmg-reveal-state=revealed]{opacity:1;transform:var(--rmg-reveal-to-transform)}}
|