react-motion-gallery 2.0.18 → 2.0.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (95) hide show
  1. package/README.md +194 -33
  2. package/dist/chunk-5HIHJGIV.mjs +45 -0
  3. package/dist/chunk-6TPHLAUP.mjs +1 -0
  4. package/dist/chunk-AKY343WN.mjs +1 -0
  5. package/dist/chunk-BIDZ4WZB.mjs +2 -0
  6. package/dist/chunk-DBIFLX6Y.mjs +6 -0
  7. package/dist/chunk-ECQ74X24.mjs +1 -0
  8. package/dist/chunk-FJYYM5TH.mjs +1 -0
  9. package/dist/chunk-GSEIEFRW.mjs +1 -0
  10. package/dist/chunk-GT6IL37J.mjs +1 -0
  11. package/dist/chunk-J4E4PKE5.mjs +1 -0
  12. package/dist/chunk-JD3VAF3N.mjs +4 -0
  13. package/dist/chunk-JMFDRKTX.mjs +2 -0
  14. package/dist/chunk-K6PQU6HF.mjs +1 -0
  15. package/dist/chunk-KSOQWCCL.mjs +6 -0
  16. package/dist/chunk-NABNX5HB.mjs +1 -0
  17. package/dist/chunk-NEJ27O2B.mjs +2 -0
  18. package/dist/chunk-Q2PY6ZMU.mjs +2 -0
  19. package/dist/chunk-TKPLWDPW.mjs +7 -0
  20. package/dist/chunk-UAEPMZQY.mjs +1 -0
  21. package/dist/chunk-UV2SUN5V.mjs +1 -0
  22. package/dist/chunk-VXSRNAH4.mjs +1 -0
  23. package/dist/chunk-WLWVKQPL.mjs +4 -0
  24. package/dist/chunk-WZWMG4ZT.mjs +1 -0
  25. package/dist/chunk-XOS5AXSR.mjs +4 -0
  26. package/dist/chunk-ZX5E327W.mjs +1 -0
  27. package/dist/{elements-24CTbRWj.d.mts → controls-SpWg1Kgt.d.mts} +1 -6
  28. package/dist/core.d.mts +20 -9
  29. package/dist/core.mjs +1 -1
  30. package/dist/entries.css +1 -1
  31. package/dist/entries.d.mts +41 -11
  32. package/dist/entries.mjs +1 -1
  33. package/dist/fullscreen.css +1 -1
  34. package/dist/fullscreen.d.mts +36 -135
  35. package/dist/fullscreen.mjs +1 -1
  36. package/dist/fullscreenThumbnails.css +1 -1
  37. package/dist/fullscreenThumbnails.d.mts +9 -6
  38. package/dist/fullscreenThumbnails.mjs +1 -1
  39. package/dist/grid.css +1 -1
  40. package/dist/grid.d.mts +18 -115
  41. package/dist/grid.mjs +1 -1
  42. package/dist/{index-DUP4I_sT.d.mts → index-CwwxTQKa.d.mts} +3 -3
  43. package/dist/index.css +1 -1
  44. package/dist/index.d.mts +19 -15
  45. package/dist/index.mjs +1 -1
  46. package/dist/layout-CR6f2aPH.d.mts +95 -0
  47. package/dist/masonry.css +1 -1
  48. package/dist/masonry.d.mts +12 -65
  49. package/dist/masonry.mjs +1 -1
  50. package/dist/metafile-esm.json +1 -1
  51. package/dist/{media-moIXOhT1.d.mts → plyrTypes-Cq4C3ul5.d.mts} +8 -1
  52. package/dist/responsive-D_xhZmVI.d.mts +186 -0
  53. package/dist/slider.css +1 -1
  54. package/dist/slider.d.mts +11 -7
  55. package/dist/slider.mjs +1 -1
  56. package/dist/{sliderSub-DDPjywVp.d.mts → sliderSub-Bo6Y8as_.d.mts} +13 -1
  57. package/dist/text-Cl2tR8oO.d.mts +4 -0
  58. package/dist/thumbnails.css +1 -1
  59. package/dist/thumbnails.d.mts +22 -8
  60. package/dist/thumbnails.mjs +1 -1
  61. package/dist/{types-9g3BgMxk.d.mts → types-CHUayqcj.d.mts} +14 -4
  62. package/dist/{types-fFyCx1KQ.d.mts → types-DY058l5M.d.mts} +34 -11
  63. package/dist/types-Dhh8xfHo.d.mts +18 -0
  64. package/dist/{types-CvTlITct.d.mts → types-ROPjU8Nl.d.mts} +24 -12
  65. package/dist/types-VULXzSa2.d.mts +68 -0
  66. package/dist/types-XEr8LRal.d.mts +65 -0
  67. package/dist/{types-D_6Ksp_r.d.mts → types-_1D0QtfD.d.mts} +24 -8
  68. package/dist/video.css +1 -1
  69. package/dist/video.d.mts +2 -2
  70. package/dist/video.mjs +1 -1
  71. package/dist/zoomPan.d.mts +16 -0
  72. package/dist/zoomPan.mjs +1 -0
  73. package/package.json +11 -22
  74. package/dist/chunk-2AHLR3V4.mjs +0 -1
  75. package/dist/chunk-5BVPDHQ4.mjs +0 -1
  76. package/dist/chunk-ESF6XBYF.mjs +0 -1
  77. package/dist/chunk-EV6ZK4QI.mjs +0 -1
  78. package/dist/chunk-IVNQO5UT.mjs +0 -2
  79. package/dist/chunk-KZUAS63N.mjs +0 -1
  80. package/dist/chunk-Q2WWO4HE.mjs +0 -10
  81. package/dist/chunk-QKPYVOTI.mjs +0 -1
  82. package/dist/chunk-RQXWOXAH.mjs +0 -6
  83. package/dist/chunk-TZGAHWM7.mjs +0 -1
  84. package/dist/chunk-U6H3YVAK.mjs +0 -2
  85. package/dist/chunk-UHXXMYPP.mjs +0 -6
  86. package/dist/chunk-VQ742FWN.mjs +0 -4
  87. package/dist/chunk-X4HEGEZV.mjs +0 -1
  88. package/dist/chunk-XBRTUB3S.mjs +0 -2
  89. package/dist/chunk-XVU6PJ7B.mjs +0 -59
  90. package/dist/chunk-YRQVG3MM.mjs +0 -1
  91. package/dist/chunk-ZZZZXO5U.mjs +0 -1
  92. package/dist/lazy-dGoYpcRa.d.mts +0 -14
  93. package/dist/plyrTypes-CmP9NWvX.d.mts +0 -8
  94. package/dist/responsive-CvE5dTnP.d.mts +0 -5
  95. package/dist/types-tb9Qf2Mj.d.mts +0 -46
package/dist/entries.mjs CHANGED
@@ -1 +1 @@
1
- export{a as DEFAULT_ENTRIES,i as Entries,f as EntryList,i as default,h as flattenEntries,g as nodeFromMediaDefault,c as useEntryDecodeReady,b as useEntryInView,e as useNormalizedEntriesIntro,d as useNormalizedEntriesLoading}from'./chunk-U6H3YVAK.mjs';import'./chunk-EV6ZK4QI.mjs';import'./chunk-LVYED5ZM.mjs';import'./chunk-2AHLR3V4.mjs';
1
+ export{a as DEFAULT_ENTRIES,i as Entries,f as EntryList,i as default,h as flattenEntries,g as nodeFromMediaDefault,c as useEntryDecodeReady,b as useEntryInView,e as useNormalizedEntriesIntro,d as useNormalizedEntriesLoading}from'./chunk-NEJ27O2B.mjs';import {c as c$1}from'./chunk-WLWVKQPL.mjs';import {a as a$1}from'./chunk-Q2PY6ZMU.mjs';import'./chunk-A6MPGIEJ.mjs';import'./chunk-GT6IL37J.mjs';import {a as a$2,c as c$2}from'./chunk-5HIHJGIV.mjs';import'./chunk-ZX5E327W.mjs';import'./chunk-DBIFLX6Y.mjs';import'./chunk-NABNX5HB.mjs';import'./chunk-FJYYM5TH.mjs';import'./chunk-BIDZ4WZB.mjs';import'./chunk-AKY343WN.mjs';import'./chunk-JMFDRKTX.mjs';import {e}from'./chunk-J4E4PKE5.mjs';import {c}from'./chunk-ECQ74X24.mjs';import'./chunk-LVYED5ZM.mjs';import {a}from'./chunk-6TPHLAUP.mjs';import {jsx}from'react/jsx-runtime';import*as L from'react';var v={align:"start",direction:{dir:"ltr",axis:"x"},scroll:{loop:false,freeScroll:false,groupCells:false,skipSnaps:false},motion:{selectDuration:25,freeScrollDuration:43,friction:.68},controls:{arrows:{enabled:true,arrow:{style:void 0,className:""},prev:{style:void 0,className:""},next:{style:void 0,className:""},render:void 0,renderPrev:void 0,renderNext:void 0},dots:{enabled:true,root:{style:void 0,className:""},dot:{style:void 0,className:""},render:void 0},progress:{enabled:false,root:{style:void 0,className:""},bar:{style:void 0,className:""},render:void 0},ripple:{enabled:true,className:""}},auto:{play:{enabled:false,speedMs:3e3,pauseMs:1e3,pauseOnHover:true},scroll:{enabled:false,speedMs:.3,pauseMs:1e3,pauseOnHover:true}},effects:{parallax:{enabled:false,bleedPct:void 0,borderRadius:void 0,sideWidth:void 0},scale:{enabled:false,amount:void 0},fade:{enabled:false},crossfade:{controls:false,drag:false,durationMs:void 0,easing:void 0}},elements:{container:{},viewport:{}},transitions:{intro:{staggerMs:0,durationMs:0}},lazyLoad:{enabled:false,spinner:true,spinnerClassName:"",spinnerStyle:{}}};function z(o){let{entryIndex:n,mediaNodes:r,opts:a$1,entrySliderRefs:t}=o;if(!(Array.isArray(r)&&r.length>0))return t.current&&(t.current[n]=null),null;let f=e(),m=a$1?.sliderObject??v,p=f?.effectiveBreakpoints??{...a};return jsx("div",{className:a$2.sliderShell,style:{minHeight:"var(--rmg-slider-initial-height, var(--rmg-slider-height))"},children:jsx(c$2,{...m,breakpoints:p,expandableImageRefs:null,ref:e=>{t.current[n]=e??null;},children:r})})}function B(o={}){let n=o.entrySliderRefs??{current:[]};return ({entryIndex:r,mediaNodes:a,entrySliderRefs:t})=>jsx(z,{entryIndex:r,mediaNodes:a,opts:o,entrySliderRefs:t??n})}function H(o){let{gridObject:n,gridLoading:r,gridIntro:a$1}=o;function t(e){return {enabled:e?.enabled,force:e?.force,renderLoading:e?.renderLoading,skeleton:e?.skeleton,timing:e?.timing}}function l(e){return {renderIntro:e?.renderIntro,staggerMs:e?.staggerMs??40,durationMs:e?.durationMs??300,easing:e?.easing??"cubic-bezier(.2,.7,.2,1)",staggerLimit:e?.staggerLimit}}let f=t(r??n?.loading),m=l(a$1??n?.intro);function p(e$1){let{entryIndex:i,mediaNodes:u}=e$1;if(!Array.isArray(u)||u.length===0)return null;let c$2=e(),S=c(),x=c$2?.effectiveBreakpoints??{...a},h=L.useMemo(()=>u.map((k,A)=>({id:`entry-${i}-media-${A}`,node:k})),[i,u]);return jsx(c$1,{cells:h,grid:n,renderMode:"passthrough",gridItemBaseClass:"",breakpoints:x,viewportWidth:S,loading:f,intro:m,enableFullscreen:false,onOpen:()=>{},registerExpandableImage:()=>{}})}return ({entryIndex:e,mediaNodes:i})=>jsx(p,{entryIndex:e,mediaNodes:i})}function P(o){let{masonryObject:n,masonryLoading:r,masonryIntro:a$2}=o;function t(e){return {enabled:e?.enabled,force:e?.force,renderLoading:e?.renderLoading,skeleton:e?.skeleton,timing:e?.timing}}function l(e){return {renderIntro:e?.renderIntro,staggerMs:e?.staggerMs??40,durationMs:e?.durationMs??300,easing:e?.easing??"cubic-bezier(.2,.7,.2,1)",staggerLimit:e?.staggerLimit}}let f=t(r??n?.loading),m=l(a$2??n?.intro);function p(e$1){let{mediaNodes:i}=e$1;if(!Array.isArray(i)||i.length===0)return null;let c=e()?.effectiveBreakpoints??{...a};return jsx(a$1,{items:i,masonry:n,breakpoints:c,loading:f,intro:m,skeletonCount:i.length,contentLayerMode:"flow"})}return ({mediaNodes:e})=>jsx(p,{mediaNodes:e})}export{H as createEntriesGridMedia,P as createEntriesMasonryMedia,B as createEntriesSliderMedia};
@@ -1 +1 @@
1
- .j{position:relative;left:0}._ .j{left:auto;right:0}.or{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}.r{opacity:1;pointer-events:auto}.sr{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}.l,.a,.t,.d{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)}.l.r,.a.r,.t.r,.d.r{opacity:1;pointer-events:auto}.l{top:12px;right:12px;background:transparent;border:none;padding:0;width:35px;height:35px;cursor:pointer}.a,.t{top:45.5%;width:50px;height:50px;cursor:pointer;background-color:transparent;border:none}.a{left:0;transform:rotate(180deg)}.t{right:0}.d{top:15px;left:16px;color:#fff;font-size:14px;line-height:32px;user-select:none;text-shadow:1px 1px 3px #4f4f4f}.Z{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)}.Z.r{opacity:1;transform:translateY(0)}.mr{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)}}.lr{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}.dr{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;pointer-events:none;z-index:3;animation:A 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)}.cr{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:3}@keyframes A{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.gr{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:B 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 B{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.pr{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}.C .plyr__poster{pointer-events:none}
1
+ .M{position:relative;left:0}.L .M{left:auto;right:0}.si{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}.e{opacity:1;pointer-events:auto}.li{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}.y,.n,.o,.k{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)}.y.e,.n.e,.o.e,.k.e{opacity:1;pointer-events:auto}.y{top:12px;right:12px;background:transparent;border:none;padding:0;width:35px;height:35px;cursor:pointer}.n,.o{top:45.5%;width:50px;height:50px;cursor:pointer;background-color:transparent;border:none}.n{left:0;transform:rotate(180deg)}.o{right:0}.k{top:15px;left:16px;color:#fff;font-size:14px;line-height:32px;user-select:none;text-shadow:1px 1px 3px #4f4f4f}.N{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}.N.e{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}.di{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:O 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 O{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.mi{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}.Re{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:I 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)}.Se{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 I{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.ci{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:P 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 P{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.gi{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}.Q .plyr__poster{pointer-events:none}
@@ -1,129 +1,13 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as React from 'react';
2
+ import { F as FullscreenOptions, g as FullscreenClose, h as FullscreenArrows, i as FullscreenCounter, d as ResponsiveLength, e as ResponsiveCaptionPlacement, j as FsCaptionRenderArgs, k as FSImageRender, l as FullscreenVideoOptions, m as FullscreenLazyLoadOptions, f as FullscreenOpenRequest } from './responsive-D_xhZmVI.mjs';
3
+ export { a as FsCaptionPlacement, b as FsIntroRequest, G as GalleryApi, I as IndexMode } from './responsive-D_xhZmVI.mjs';
3
4
  import React__default from 'react';
4
- import { M as MediaItem } from './media-moIXOhT1.mjs';
5
- import { E as ElementStyle } from './elements-24CTbRWj.mjs';
6
- import { a as FullscreenOpenMethod$1, F as FullscreenOpenRequest } from './types-tb9Qf2Mj.mjs';
7
- export { G as GalleryApi, I as IndexMode } from './types-tb9Qf2Mj.mjs';
8
- import { P as PlyrSourceBuilder, a as PlyrOptionsBuilder } from './plyrTypes-CmP9NWvX.mjs';
9
- import { a as FullscreenThumbnailBridge } from './types-CvTlITct.mjs';
10
- import './responsive-CvE5dTnP.mjs';
11
- import './types-9g3BgMxk.mjs';
12
-
13
- type FsCounterArgs = {
14
- index: number;
15
- count: number;
16
- };
17
- type FsCaptionPlacement = "top" | "right" | "bottom" | "left";
18
- type FsIntroRequest = null | {
19
- originalImage: HTMLImageElement | null;
20
- index: number;
21
- method: FullscreenOpenMethod$1;
22
- closestSelector?: string;
23
- };
24
- type FSImageRender = (args: {
25
- item: Extract<MediaItem, {
26
- kind: "image";
27
- }>;
28
- index: number;
29
- isZoomed: boolean;
30
- className: string;
31
- baseStyle: React.CSSProperties;
32
- }) => React.ReactNode;
33
- type FullscreenArrows = {
34
- enabled?: boolean;
35
- arrow?: ElementStyle;
36
- prev?: ElementStyle;
37
- next?: ElementStyle;
38
- render?: (args: {
39
- dir: "prev" | "next";
40
- }) => React.ReactNode;
41
- renderPrev?: () => React.ReactNode;
42
- renderNext?: () => React.ReactNode;
43
- };
44
- type FullscreenClose = {
45
- enabled?: boolean;
46
- style?: React.CSSProperties;
47
- className?: string;
48
- render?: () => React.ReactNode;
49
- };
50
- type FullscreenCounter = {
51
- enabled?: boolean;
52
- style?: React.CSSProperties;
53
- className?: string;
54
- render?: (args: FsCounterArgs) => React.ReactNode;
55
- };
56
- type FullscreenControlsOptions = {
57
- close?: FullscreenClose;
58
- arrows?: FullscreenArrows;
59
- counter?: FullscreenCounter;
60
- };
61
- type FsCaptionRenderArgs = {
62
- item: MediaItem;
63
- index: number;
64
- isZoomed: boolean;
65
- };
66
- type FullscreenCaptionOptions = {
67
- className?: string;
68
- style?: React.CSSProperties;
69
- placement?: FsCaptionPlacement;
70
- width?: number;
71
- height?: number;
72
- breakpoint?: number;
73
- render?: (args: FsCaptionRenderArgs) => React.ReactNode;
74
- };
75
- type FullscreenEffectsOptions = {
76
- introDuration?: number;
77
- introEasing?: string;
78
- introFade?: boolean;
79
- slideFade?: boolean;
80
- slideFadeDuration?: number;
81
- slideFadeEasing?: string;
82
- };
83
- type FullscreenSliderOptions = {
84
- duration?: number;
85
- friction?: number;
86
- direction?: "ltr" | "rtl";
87
- };
88
- type FullscreenZoomPanOptions = {
89
- clickZoomLevel?: number;
90
- maxZoomLevel?: number;
91
- panDuration?: number;
92
- panFriction?: number;
93
- };
94
- type FullscreenVideoOptions = {
95
- source?: PlyrSourceBuilder;
96
- options?: PlyrOptionsBuilder;
97
- style?: React.CSSProperties;
98
- className?: string;
99
- };
100
- type FullscreenLazyLoadKind = "image" | "video";
101
- type FullscreenLazyLoadArgs = {
102
- kind: FullscreenLazyLoadKind;
103
- isClone?: boolean;
104
- };
105
- type FullscreenLazyLoadConfig = {
106
- enabled?: boolean;
107
- spinner?: boolean | React.ReactNode | ((args: FullscreenLazyLoadArgs) => React.ReactNode);
108
- spinnerClassName?: string;
109
- spinnerStyle?: React.CSSProperties;
110
- };
111
- type FullscreenLazyLoadOptions = {
112
- images?: FullscreenLazyLoadConfig;
113
- videos?: FullscreenLazyLoadConfig;
114
- };
115
- type FullscreenOptions = {
116
- enabled?: boolean;
117
- items?: MediaItem[] | string[];
118
- renderImage?: FSImageRender;
119
- video?: FullscreenVideoOptions;
120
- controls?: FullscreenControlsOptions;
121
- caption?: FullscreenCaptionOptions;
122
- slider?: FullscreenSliderOptions;
123
- zoom?: FullscreenZoomPanOptions;
124
- effects?: FullscreenEffectsOptions;
125
- lazyLoad?: FullscreenLazyLoadOptions;
126
- };
5
+ import { M as MediaItem } from './plyrTypes-Cq4C3ul5.mjs';
6
+ import { a as FullscreenThumbnailBridge } from './types-ROPjU8Nl.mjs';
7
+ import './types-Dhh8xfHo.mjs';
8
+ import 'plyr';
9
+ import './types-CHUayqcj.mjs';
10
+ import './controls-SpWg1Kgt.mjs';
127
11
 
128
12
  type FullscreenOpenMethod = "fade" | "scale";
129
13
  type UseFullscreenArgs = {
@@ -146,7 +30,9 @@ declare function useFullscreenController(args: UseFullscreenArgs): {
146
30
  introDuration: number;
147
31
  introEasing: string;
148
32
  introFade: boolean;
149
- slideFade: boolean;
33
+ introStickyNavSelector?: string;
34
+ controlsFade: boolean;
35
+ dragFade: boolean;
150
36
  slideFadeDuration: number;
151
37
  slideFadeEasing: string;
152
38
  thumbnailsFadeDuration?: number;
@@ -160,11 +46,18 @@ declare function useFullscreenController(args: UseFullscreenArgs): {
160
46
  caption: {
161
47
  className?: string;
162
48
  style?: React__default.CSSProperties;
163
- placement?: FsCaptionPlacement;
164
- width?: number;
165
- height?: number;
49
+ width?: ResponsiveLength;
50
+ height?: ResponsiveLength;
51
+ placement?: ResponsiveCaptionPlacement;
166
52
  breakpoint?: number;
167
53
  render?: (args: FsCaptionRenderArgs) => React__default.ReactNode;
54
+ layout?: "overlay" | "slide";
55
+ overlayCrossfadeTarget: "content" | "overlay";
56
+ zoomFade: boolean;
57
+ zoomFadeDurationMs: number;
58
+ zoomFadeEasing: string;
59
+ zoomInTransform: string;
60
+ zoomOutTransform: string;
168
61
  };
169
62
  enabled: boolean;
170
63
  items?: MediaItem[] | string[];
@@ -241,7 +134,8 @@ declare const DEFAULT_FULLSCREEN: {
241
134
  readonly introDuration: 300;
242
135
  readonly introEasing: "cubic-bezier(.4,0,.22,1)";
243
136
  readonly introFade: false;
244
- readonly slideFade: false;
137
+ readonly controlsFade: false;
138
+ readonly dragFade: false;
245
139
  readonly slideFadeDuration: 120;
246
140
  readonly slideFadeEasing: "cubic-bezier(.4,0,.22,1)";
247
141
  };
@@ -251,12 +145,19 @@ declare const DEFAULT_FULLSCREEN: {
251
145
  readonly direction: "ltr";
252
146
  };
253
147
  readonly zoom: {
254
- readonly clickZoomLevel: 2.5;
255
- readonly maxZoomLevel: 3;
256
- readonly panDuration: 43;
257
- readonly panFriction: 0.68;
148
+ readonly clickZoomLevel: number;
149
+ readonly maxZoomLevel: number;
150
+ readonly panDuration: number;
151
+ readonly panFriction: number;
152
+ };
153
+ readonly caption: {
154
+ readonly overlayCrossfadeTarget: "content";
155
+ readonly zoomFade: true;
156
+ readonly zoomFadeDurationMs: 300;
157
+ readonly zoomFadeEasing: "cubic-bezier(.4,0,.22,1)";
158
+ readonly zoomInTransform: "";
159
+ readonly zoomOutTransform: "";
258
160
  };
259
- readonly caption: {};
260
161
  };
261
162
 
262
- export { DEFAULT_FULLSCREEN, type FsCaptionPlacement, type FsIntroRequest, type FullscreenOptions, useFullscreenController };
163
+ export { DEFAULT_FULLSCREEN, FullscreenOptions, useFullscreenController };
@@ -1 +1 @@
1
- export{a as DEFAULT_FULLSCREEN,b as useFullscreenController}from'./chunk-Q2WWO4HE.mjs';import'./chunk-5BVPDHQ4.mjs';import'./chunk-P2GQPFSL.mjs';import'./chunk-ZZZZXO5U.mjs';import'./chunk-KZUAS63N.mjs';import'./chunk-TZGAHWM7.mjs';import'./chunk-EV6ZK4QI.mjs';import'./chunk-LVYED5ZM.mjs';import'./chunk-2AHLR3V4.mjs';
1
+ export{a as DEFAULT_FULLSCREEN,b as useFullscreenController}from'./chunk-XOS5AXSR.mjs';import'./chunk-WZWMG4ZT.mjs';import'./chunk-TKPLWDPW.mjs';import'./chunk-UAEPMZQY.mjs';import'./chunk-P2GQPFSL.mjs';import'./chunk-GT6IL37J.mjs';import'./chunk-ZX5E327W.mjs';import'./chunk-NABNX5HB.mjs';import'./chunk-FJYYM5TH.mjs';import'./chunk-JMFDRKTX.mjs';import'./chunk-J4E4PKE5.mjs';import'./chunk-LVYED5ZM.mjs';import'./chunk-6TPHLAUP.mjs';
@@ -1 +1 @@
1
- .fr{position:relative}.hr{position:relative;z-index:1}.br{pointer-events:none}.D{position:absolute;inset:0;z-index:5;opacity:1;pointer-events:none;transition:opacity .22s ease;will-change:opacity;overflow:hidden}.vr{opacity:0}.ur{position:absolute;inset:0;z-index:5;pointer-events:none;display:flex;align-items:center;justify-content:center}.yr{display:flex;width:100%;height:100%}.xr{border-radius:6px;overflow:hidden;position:relative;background:linear-gradient(90deg,var(--rmg-shimmer-c1, #f0f2f5) 25%,var(--rmg-shimmer-c2, #e6e9ef) 37%,var(--rmg-shimmer-c3, #f0f2f5) 63%);background-size:var(--rmg-shimmer-size, 400% 100%);animation:E var(--rmg-shimmer-duration, 1.2s) infinite var(--rmg-shimmer-timing, linear)}@keyframes E{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.D{transition:none}}.c{position:relative;overflow:hidden;box-sizing:border-box}.c: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}.c[data-active=true]:after{opacity:1}.kr{opacity:0}.g{opacity:1;transition:opacity var(--rmg-intro-duration, .42s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1))}@media(prefers-reduced-motion:reduce){.g{transition:none}}.F [data-rmg-thumb-index]>*{opacity:0;transform:translateY(var(--rmg-intro-transform, 10px));transition:opacity var(--rmg-intro-duration, .3s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1)),transform var(--rmg-intro-duration, .3s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1));transition-delay:calc(var(--rmg-intro-index, 0) * var(--rmg-intro-stagger, 40ms));will-change:opacity,transform}.F.g [data-rmg-thumb-index]>*{opacity:1;transform:translateY(0)}.p{position:absolute;border-radius:50%;transform:scale(0);animation:p .6s linear;background-color:#0000004d;pointer-events:none}@keyframes p{to{transform:scale(4);opacity:0}}
1
+ .pi{position:relative}.fi{position:relative;z-index:2}.hi{pointer-events:none}.R{position:absolute;inset:0;z-index:1;opacity:1;pointer-events:none;transition:opacity var(--rmg-loading-fade-duration, .6s) ease;will-change:opacity;overflow:hidden}.bi{opacity:0}.vi{position:absolute;inset:0;z-index:5;pointer-events:none;display:flex;align-items:center;justify-content:center}.ui{display:flex;width:100%;height:100%}.w{border-radius:6px;overflow:hidden;position:relative;background:var(--rmg-skel-bg, #e5e5e5)}.w: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:S var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate(-100%);pointer-events:none}@keyframes S{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.w:after{animation:none}.R{transition:none}}.z{position:relative;overflow:hidden;box-sizing:border-box}.z: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}.z[data-active=true]:after{opacity:1}.xi{opacity:0}.X{opacity:1;transition:opacity var(--rmg-intro-duration, .42s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1))}@media(prefers-reduced-motion:reduce){.X{transition:none}}.T [data-rmg-thumb-index]>*{opacity:0;transition:opacity var(--rmg-intro-duration, .3s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1));transition-delay:calc(var(--rmg-intro-index, 0) * var(--rmg-intro-stagger, 40ms));will-change:opacity}.T.X [data-rmg-thumb-index]>*{opacity:1}._{position:absolute;border-radius:50%;transform:scale(0);animation:_ .6s linear;background-color:#0000004d;pointer-events:none}@keyframes _{to{transform:scale(4);opacity:0}}
@@ -1,10 +1,13 @@
1
1
  import React__default from 'react';
2
- import { b as FullscreenThumbnailSliderProps } from './types-CvTlITct.mjs';
3
- export { F as FSItem, a as FullscreenThumbnailBridge, c as FullscreenThumbnailSlotLayout } from './types-CvTlITct.mjs';
4
- import './responsive-CvE5dTnP.mjs';
5
- import './types-9g3BgMxk.mjs';
6
- import './elements-24CTbRWj.mjs';
2
+ import { b as FullscreenThumbnailSliderProps } from './types-ROPjU8Nl.mjs';
3
+ export { F as FSItem, a as FullscreenThumbnailBridge, c as FullscreenThumbnailSlotLayout } from './types-ROPjU8Nl.mjs';
4
+ import './responsive-D_xhZmVI.mjs';
5
+ import './plyrTypes-Cq4C3ul5.mjs';
6
+ import 'plyr';
7
+ import './types-Dhh8xfHo.mjs';
8
+ import './types-CHUayqcj.mjs';
9
+ import './controls-SpWg1Kgt.mjs';
7
10
 
8
- 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 }: FullscreenThumbnailSliderProps): React__default.ReactPortal | null;
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;
9
12
 
10
13
  export { FullscreenThumbnailSlider, FullscreenThumbnailSliderProps, FullscreenThumbnailSlider as default };
@@ -1 +1 @@
1
- export{a as FullscreenThumbnailSlider,a as default}from'./chunk-VQ742FWN.mjs';import'./chunk-RQXWOXAH.mjs';import'./chunk-P2GQPFSL.mjs';import'./chunk-UHXXMYPP.mjs';import'./chunk-TZGAHWM7.mjs';import'./chunk-ESF6XBYF.mjs';import'./chunk-X4HEGEZV.mjs';import'./chunk-LVYED5ZM.mjs';import'./chunk-2AHLR3V4.mjs';
1
+ export{a as FullscreenThumbnailSlider,a as default}from'./chunk-JD3VAF3N.mjs';import'./chunk-KSOQWCCL.mjs';import'./chunk-P2GQPFSL.mjs';import'./chunk-DBIFLX6Y.mjs';import'./chunk-NABNX5HB.mjs';import'./chunk-FJYYM5TH.mjs';import'./chunk-ECQ74X24.mjs';import'./chunk-LVYED5ZM.mjs';import'./chunk-6TPHLAUP.mjs';
package/dist/grid.css CHANGED
@@ -1 +1 @@
1
- .wr,.zr{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--rmg-grid-min, 160px),1fr));gap:var(--rmg-grid-gap, 8px)}.n{position:relative;display:block}.n img,.n video{display:block;width:100%;height:auto;object-fit:cover}.Xr{display:grid;position:relative;width:100%}.G,.f{grid-area:1 / 1;min-width:0}.G{position:relative;z-index:1}.Yr{pointer-events:none}.f{position:relative;z-index:2;opacity:1;pointer-events:none;transition:opacity .22s ease;will-change:opacity}._r{opacity:0}.jr{position:relative;width:100%}.Zr{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--rmg-grid-min, 160px),1fr));gap:var(--rmg-grid-gap, 8px)}.H{position:relative;width:100%}@keyframes h{0%{background-position:-200% 0}to{background-position:200% 0}}@media(prefers-reduced-motion:reduce){.H{animation:none}.f{transition:none}}.Ar{aspect-ratio:1 / 1}.Br{aspect-ratio:1 / 1;border-radius:999px}.Cr{display:flex;min-width:0}.Dr{flex-direction:row;align-items:center}.Er,.Fr{flex-direction:column;align-items:stretch}.Gr{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}.Hr:before{content:"";position:absolute;inset:0;opacity:calc(var(--rmg-skel-shimmer-enabled, 1) * var(--rmg-skel-shimmer-opacity, 1));filter:blur(var(--rmg-skel-shimmer-blur, .2px));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:h var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, ease-in-out) infinite;will-change:transform}@keyframes h{0%{transform:translate(-100%)}to{transform:translate(100%)}}.b{opacity:0}.I{opacity:1;transition:opacity var(--rmg-intro-duration, .42s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1))}.b [data-rmg-idx]{opacity:0;transform:var(--rmg-intro-transform, translateY(10px) scale(.99));transition:opacity .3s cubic-bezier(.4,0,.22,1),transform .3s cubic-bezier(.4,0,.22,1);transition-delay:calc(var(--rmg-intro-index, 0) * var(--rmg-intro-stagger, 40ms));will-change:opacity,transform}.b.I [data-rmg-idx]{opacity:1;transform:none}.n:focus-visible{outline:2px solid #0066cc;outline-offset:2px;border-radius:4px}.dr{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;pointer-events:none;z-index:3;animation:A 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)}.cr{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:3}@keyframes A{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
1
+ .Je{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--rmg-grid-min, 160px),1fr));gap:var(--rmg-grid-gap, 8px)}.t{position:relative;display:block}.t img,.t video{display:block;width:100%;height:auto;object-fit:cover}.Ke{display:grid;position:relative;width:100%}.G,.h{grid-area:1 / 1;min-width:0}.G{position:relative;z-index:2}.Le{pointer-events:none}.h{position:relative;z-index:1;opacity:1;pointer-events:none;transition:opacity var(--rmg-loading-fade-duration, .6s) ease;will-change:opacity}.Me{opacity:0}.Ne{position:relative;width:100%}.Oe{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--rmg-grid-min, 160px),1fr));gap:var(--rmg-grid-gap, 8px)}.Pe{position:relative;width:100%}@media(prefers-reduced-motion:reduce){.h{transition:none}}.b{opacity:0}.H{opacity:1;transition:opacity var(--rmg-intro-duration, .42s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1))}.b [data-rmg-idx]{opacity:0;transition:opacity .6s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--rmg-intro-index, 0) * var(--rmg-intro-stagger, 60ms));will-change:opacity}.b.H [data-rmg-idx]{opacity:1}.t:focus-visible{outline:2px solid #0066cc;outline-offset:2px;border-radius:4px}.Re{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:I 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)}.Se{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 I{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.de{aspect-ratio:1 / 1}.me{aspect-ratio:1 / 1;border-radius:999px}.ce{display:flex;min-width:0}.ge{flex-direction:row;align-items:center}.pe,.fe{flex-direction:column;align-items:stretch}.he{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}.ve{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}.m{position:relative;overflow:hidden;border-radius:var(--rmg-skel-radius, 12px);--rmg-skel-shimmer-enabled: 0}.m: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:c var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate(-100%);pointer-events:none}.Z: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:c var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate(-100%);pointer-events:none}@keyframes c{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.m:after,.Z:before{animation:none}}
package/dist/grid.d.mts CHANGED
@@ -1,126 +1,29 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as React$1 from 'react';
3
- import { R as ResponsiveNumber, a as BreakpointMap } from './responsive-CvE5dTnP.mjs';
4
- import { G as GalleryLazyLoadOptions } from './lazy-dGoYpcRa.mjs';
1
+ import * as React from 'react';
2
+ import { c as BreakpointMap } from './responsive-D_xhZmVI.mjs';
3
+ import { G as GridItemProps, b as GridOptions } from './types-XEr8LRal.mjs';
4
+ export { a as GridLazyLoadOptions, c as GridSpan, R as ResponsiveGridSpan, d as ResponsiveGridTemplate } from './types-XEr8LRal.mjs';
5
+ import './plyrTypes-Cq4C3ul5.mjs';
6
+ import 'plyr';
7
+ import './types-Dhh8xfHo.mjs';
8
+ import './layout-CR6f2aPH.mjs';
9
+ import './text-Cl2tR8oO.mjs';
5
10
 
6
- type SkeletonLength = number | string;
7
- type SkeletonShimmer = {
8
- enabled?: boolean;
9
- durationMs?: number;
10
- angleDeg?: number;
11
- opacity?: number;
12
- blurPx?: number;
13
- timing?: string;
14
- c1?: string;
15
- c2?: string;
16
- c3?: string;
17
- };
18
- type SkeletonBaseStyle = {
19
- width?: SkeletonLength;
20
- maxWidth?: SkeletonLength;
21
- height?: SkeletonLength;
22
- maxHeight?: SkeletonLength;
23
- backgroundColor?: string;
24
- borderRadius?: SkeletonLength;
25
- marginTop?: SkeletonLength;
26
- marginRight?: SkeletonLength;
27
- marginBottom?: SkeletonLength;
28
- marginLeft?: SkeletonLength;
29
- alignSelf?: React$1.CSSProperties["alignSelf"];
30
- aspectRatio?: SkeletonLength;
31
- };
32
- type SkeletonContainerStyle = {
33
- gap?: SkeletonLength;
34
- padding?: SkeletonLength;
35
- align?: React$1.CSSProperties["alignItems"];
36
- justify?: React$1.CSSProperties["justifyContent"];
37
- wrap?: boolean;
38
- width?: SkeletonLength;
39
- maxWidth?: SkeletonLength;
40
- };
41
- type SkeletonContainerStyleResponsive = SkeletonContainerStyle | Record<string, SkeletonContainerStyle>;
42
- type GridSkeletonNode = {
43
- kind: "grid";
44
- style?: SkeletonContainerStyleResponsive;
45
- count?: number;
46
- item: SkeletonNode;
47
- itemWrapStyle?: SkeletonBaseStyle;
48
- } | SkeletonNode;
49
- type SkeletonNode = {
50
- kind: "stack" | "row" | "col";
51
- style?: SkeletonContainerStyleResponsive;
52
- children: SkeletonNode[];
53
- } | {
54
- kind: "rect" | "square" | "circle";
55
- style?: SkeletonBaseStyle;
56
- shimmer?: SkeletonShimmer;
57
- } | {
58
- kind: "media";
59
- count: number;
60
- direction?: "row" | "col";
61
- style?: SkeletonContainerStyleResponsive;
62
- tile?: {
63
- shape?: "rect" | "square" | "circle";
64
- style?: SkeletonBaseStyle;
65
- shimmer?: SkeletonShimmer;
66
- };
67
- } | {
68
- kind: "text";
69
- fontSize: number;
70
- lineHeight: number;
71
- lines?: number;
72
- style?: SkeletonBaseStyle;
73
- shimmer?: SkeletonShimmer;
74
- };
75
- type GridSkeletonSpec = {
76
- className?: string;
77
- layout?: GridSkeletonNode;
78
- backgroundColor?: string;
79
- radius?: SkeletonLength;
80
- shimmer?: SkeletonShimmer;
81
- };
82
-
83
- type LoadingOptions = {
84
- enabled?: boolean;
85
- force?: boolean;
86
- renderLoading?: (args: {
87
- count: number;
88
- }) => React.ReactNode;
89
- skeleton?: GridSkeletonSpec;
90
- };
91
- type IntroOptions = {
92
- renderIntro?: (args: {
93
- active: boolean;
94
- containerProps: React.HTMLAttributes<HTMLDivElement>;
95
- }, content: React.ReactNode) => React.ReactNode;
96
- staggerMs?: number;
97
- transform?: string;
98
- durationMs?: number;
99
- easing?: string;
100
- staggerLimit?: number;
101
- };
102
- type FullscreenTrigger = 'item' | 'media';
103
- type GridLazyLoadOptions = GalleryLazyLoadOptions;
104
- type GridOptions = {
105
- columns?: ResponsiveNumber;
106
- minColumnWidth?: number | string;
107
- gap?: ResponsiveNumber;
108
- rootClassName?: string;
109
- itemClassName?: string;
110
- fullscreenTrigger?: FullscreenTrigger;
111
- lazyLoad?: GridLazyLoadOptions;
112
- loading?: LoadingOptions;
113
- intro?: IntroOptions;
11
+ type GridItemComponent = React.FC<GridItemProps> & {
12
+ __rmgGridItem: true;
114
13
  };
14
+ declare const GridItem: GridItemComponent;
115
15
 
116
16
  type Props = GridOptions & {
117
- children?: React$1.ReactNode;
17
+ children?: React.ReactNode;
118
18
  breakpoints?: BreakpointMap;
119
19
  gridItemBaseClass?: string;
120
20
  renderMode?: "wrap" | "passthrough";
121
21
  };
122
- declare function GridLayoutRuntime(props: Props): react_jsx_runtime.JSX.Element;
22
+ type GridComponent = ((props: Props) => React.JSX.Element) & {
23
+ Item: typeof GridItem;
24
+ };
25
+ declare const Grid: GridComponent;
123
26
 
124
27
  declare const DEFAULT_GRID: Required<Pick<GridOptions, "minColumnWidth" | "gap">>;
125
28
 
126
- export { DEFAULT_GRID, GridLayoutRuntime as Grid, type GridLazyLoadOptions, type GridOptions, GridLayoutRuntime as default };
29
+ export { DEFAULT_GRID, Grid, GridItemProps, GridOptions, Grid as default };
package/dist/grid.mjs CHANGED
@@ -1 +1 @@
1
- export{a as DEFAULT_GRID,b as Grid,b as default}from'./chunk-IVNQO5UT.mjs';import'./chunk-A6MPGIEJ.mjs';import'./chunk-ZZZZXO5U.mjs';import'./chunk-ESF6XBYF.mjs';import'./chunk-EV6ZK4QI.mjs';import'./chunk-X4HEGEZV.mjs';import'./chunk-LVYED5ZM.mjs';import'./chunk-2AHLR3V4.mjs';
1
+ export{b as DEFAULT_GRID,a as Grid,a as default}from'./chunk-UV2SUN5V.mjs';import'./chunk-WLWVKQPL.mjs';import'./chunk-A6MPGIEJ.mjs';import'./chunk-GT6IL37J.mjs';import'./chunk-BIDZ4WZB.mjs';import'./chunk-AKY343WN.mjs';import'./chunk-JMFDRKTX.mjs';import'./chunk-J4E4PKE5.mjs';import'./chunk-ECQ74X24.mjs';import'./chunk-LVYED5ZM.mjs';import'./chunk-6TPHLAUP.mjs';
@@ -1,8 +1,8 @@
1
- import { E as EntriesOptions, M as MediaEntryLink, S as SlideOwner, a as EntryItem } from './types-D_6Ksp_r.mjs';
1
+ import { E as EntriesOptions, M as MediaEntryLink, S as SlideOwner, a as EntryItem } from './types-_1D0QtfD.mjs';
2
2
  import * as react_jsx_runtime from 'react/jsx-runtime';
3
3
  import * as React from 'react';
4
- import { M as MediaItem } from './media-moIXOhT1.mjs';
5
- import { a as SliderHandle } from './types-fFyCx1KQ.mjs';
4
+ import { M as MediaItem } from './plyrTypes-Cq4C3ul5.mjs';
5
+ import { a as SliderHandle } from './types-DY058l5M.mjs';
6
6
 
7
7
  declare const DEFAULT_ENTRIES: Required<Pick<EntriesOptions, "mediaLayout">>;
8
8
 
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- .e{position:relative;min-height:var(--rmg-entry-min-height, 260px)}.e[data-rmg-entry-mounted="1"] .m{position:absolute;inset:0;z-index:1;height:auto}.m{position:relative;display:block;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);overflow:hidden}.z{position:relative;opacity:0;pointer-events:none;min-height:var(--rmg-entry-min-height, 260px);transition:opacity var(--rmg-entry-intro-duration, .7s) var(--rmg-entry-intro-easing, cubic-bezier(.4,0,.22,1));transition-delay:0ms;z-index:0}.e[data-rmg-entry-ready="1"] .m{opacity:0;transition-delay:var(--rmg-entry-intro-delay, 0ms)}.e[data-rmg-entry-ready="1"] .z{opacity:1;pointer-events:auto;transition-delay:var(--rmg-entry-intro-delay, 0ms)}.U{display:flex;flex-direction:column;gap:1.5rem}.V{--rmg-skel-radius: 12px;width:100%}.W{display:flex;min-width:0}.rr{flex-direction:column;width:100%}.ir{flex-direction:row;width:100%}.er{flex-direction:column;width:100%}.X{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}.X:after{content:"";position:absolute;inset:0;opacity:calc(var(--rmg-skel-shimmer-enabled, 1) * var(--rmg-skel-shimmer-opacity, 1));filter:blur(var(--rmg-skel-shimmer-blur, .2px));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:Y var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, ease-in-out) infinite;will-change:transform}@keyframes Y{0%{transform:translate(-100%)}to{transform:translate(100%)}}.ar{flex:0 0 auto;width:100%;height:16px}.tr{width:48px;height:48px}.nr{width:44px;height:44px;border-radius:999px}.j{position:relative;left:0}._ .j{left:auto;right:0}.or{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}.r{opacity:1;pointer-events:auto}.sr{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}.l,.a,.t,.d{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)}.l.r,.a.r,.t.r,.d.r{opacity:1;pointer-events:auto}.l{top:12px;right:12px;background:transparent;border:none;padding:0;width:35px;height:35px;cursor:pointer}.a,.t{top:45.5%;width:50px;height:50px;cursor:pointer;background-color:transparent;border:none}.a{left:0;transform:rotate(180deg)}.t{right:0}.d{top:15px;left:16px;color:#fff;font-size:14px;line-height:32px;user-select:none;text-shadow:1px 1px 3px #4f4f4f}.Z{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)}.Z.r{opacity:1;transform:translateY(0)}.mr{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)}}.lr{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}.dr{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;pointer-events:none;z-index:3;animation:A 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)}.cr{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:3}@keyframes A{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.gr{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:B 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 B{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.pr{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}.C .plyr__poster{pointer-events:none}.fr{position:relative}.hr{position:relative;z-index:1}.br{pointer-events:none}.D{position:absolute;inset:0;z-index:5;opacity:1;pointer-events:none;transition:opacity .22s ease;will-change:opacity;overflow:hidden}.vr{opacity:0}.ur{position:absolute;inset:0;z-index:5;pointer-events:none;display:flex;align-items:center;justify-content:center}.yr{display:flex;width:100%;height:100%}.xr{border-radius:6px;overflow:hidden;position:relative;background:linear-gradient(90deg,var(--rmg-shimmer-c1, #f0f2f5) 25%,var(--rmg-shimmer-c2, #e6e9ef) 37%,var(--rmg-shimmer-c3, #f0f2f5) 63%);background-size:var(--rmg-shimmer-size, 400% 100%);animation:E var(--rmg-shimmer-duration, 1.2s) infinite var(--rmg-shimmer-timing, linear)}@keyframes E{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.D{transition:none}}.c{position:relative;overflow:hidden;box-sizing:border-box}.c: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}.c[data-active=true]:after{opacity:1}.kr{opacity:0}.g{opacity:1;transition:opacity var(--rmg-intro-duration, .42s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1))}@media(prefers-reduced-motion:reduce){.g{transition:none}}.F [data-rmg-thumb-index]>*{opacity:0;transform:translateY(var(--rmg-intro-transform, 10px));transition:opacity var(--rmg-intro-duration, .3s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1)),transform var(--rmg-intro-duration, .3s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1));transition-delay:calc(var(--rmg-intro-index, 0) * var(--rmg-intro-stagger, 40ms));will-change:opacity,transform}.F.g [data-rmg-thumb-index]>*{opacity:1;transform:translateY(0)}.p{position:absolute;border-radius:50%;transform:scale(0);animation:p .6s linear;background-color:#0000004d;pointer-events:none}@keyframes p{to{transform:scale(4);opacity:0}}.o{position:relative;left:0;display:flex;width:100%;align-items:stretch;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.o[data-rmg-axis=x]{flex-direction:row}.o[data-rmg-axis=y]{flex-direction:column}.J .o{left:auto;right:0}.Ir{overflow:hidden;height:auto;width:100%;position:relative}.Jr{position:relative;z-index:1;padding-bottom:var(--rmg-slider-extras-height, 0px)}.Kr{pointer-events:none}.K{position:absolute;inset:0;z-index:5;opacity:1;pointer-events:none;transition:opacity .22s ease;will-change:opacity;overflow:hidden}.Lr,.Mr{opacity:0}.v{opacity:1;transition:opacity var(--rmg-intro-duration, .42s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1))}@media(prefers-reduced-motion:reduce){.v,.K{transition:none}}.s{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}.s:hover{transform:scale(1.2)}.s.Nr{background-color:#50a3ff;box-shadow:0 0 8px #50a3ff99}.s.Or{background-color:#d3d3d3}.i{-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)}.Pr{transform-origin:center}.i::-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)}.i::-moz-range-track{border-radius:9999px;background:var(--rmg-scrollbar-track);height:var(--rmg-scrollbar-track-size, .375rem)}.i::-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)}.i::-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)}.u{position:absolute;border-radius:50%;transform:scale(0);animation:u .6s linear;background-color:#0000004d;pointer-events:none}@keyframes u{to{transform:scale(4);opacity:0}}.L [data-rmg-idx]>*{opacity:0;transform:translateY(var(--rmg-intro-offset, 10px));transition:opacity var(--rmg-intro-duration, 600) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1)),transform var(--rmg-intro-duration, 600) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1));transition-delay:calc(var(--rmg-intro-index, 0) * var(--rmg-intro-stagger, 60ms));will-change:opacity,transform}.L.v [data-rmg-idx]>*{opacity:1;transform:translateY(0)}.Qr{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:M 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 M{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.Rr{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}.N{position:absolute;inset:0;z-index:5;pointer-events:none;display:flex;justify-content:center}.Sr{display:flex;flex-direction:column;width:100%;min-width:0;min-height:0}.Tr{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}.Ur{display:flex;flex-direction:column;width:100%;min-width:0;min-height:0}.Vr{position:relative;width:100%;container-type:inline-size}.Wr{position:relative;overflow-anchor:none;width:100%;height:auto;min-height:var(--rmg-slider-initial-height, var(--rmg-slider-height));max-height:none}.O{flex:1 1 0;height:100%;min-width:0;display:flex}.N[data-rmg-skel-mode=peek] .O{flex:0 0 auto}.ri{display:flex;min-width:0;min-height:0;width:100%}.y{width:100%;height:auto;position:relative;overflow:hidden;border-radius:var(--rmg-skel-radius, 12px);background:var(--rmg-skel-bg, #e5e5e5)}.y:after{content:"";position:absolute;inset:0;opacity:calc(var(--rmg-skel-shimmer-enabled, 1) * var(--rmg-skel-shimmer-opacity, 1));filter:blur(var(--rmg-skel-shimmer-blur, .2px));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:P var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, ease-in-out) infinite;will-change:transform}@keyframes P{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.y:after{animation:none;opacity:0}}.wr,.zr{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--rmg-grid-min, 160px),1fr));gap:var(--rmg-grid-gap, 8px)}.n{position:relative;display:block}.n img,.n video{display:block;width:100%;height:auto;object-fit:cover}.Xr{display:grid;position:relative;width:100%}.G,.f{grid-area:1 / 1;min-width:0}.G{position:relative;z-index:1}.Yr{pointer-events:none}.f{position:relative;z-index:2;opacity:1;pointer-events:none;transition:opacity .22s ease;will-change:opacity}._r{opacity:0}.jr{position:relative;width:100%}.Zr{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--rmg-grid-min, 160px),1fr));gap:var(--rmg-grid-gap, 8px)}.H{position:relative;width:100%}@keyframes h{0%{background-position:-200% 0}to{background-position:200% 0}}@media(prefers-reduced-motion:reduce){.H{animation:none}.f{transition:none}}.Ar{aspect-ratio:1 / 1}.Br{aspect-ratio:1 / 1;border-radius:999px}.Cr{display:flex;min-width:0}.Dr{flex-direction:row;align-items:center}.Er,.Fr{flex-direction:column;align-items:stretch}.Gr{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}.Hr:before{content:"";position:absolute;inset:0;opacity:calc(var(--rmg-skel-shimmer-enabled, 1) * var(--rmg-skel-shimmer-opacity, 1));filter:blur(var(--rmg-skel-shimmer-blur, .2px));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:h var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, ease-in-out) infinite;will-change:transform}@keyframes h{0%{transform:translate(-100%)}to{transform:translate(100%)}}.b{opacity:0}.I{opacity:1;transition:opacity var(--rmg-intro-duration, .42s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1))}.b [data-rmg-idx]{opacity:0;transform:var(--rmg-intro-transform, translateY(10px) scale(.99));transition:opacity .3s cubic-bezier(.4,0,.22,1),transform .3s cubic-bezier(.4,0,.22,1);transition-delay:calc(var(--rmg-intro-index, 0) * var(--rmg-intro-stagger, 40ms));will-change:opacity,transform}.b.I [data-rmg-idx]{opacity:1;transform:none}.n:focus-visible{outline:2px solid #0066cc;outline-offset:2px;border-radius:4px}.ii{display:flex;align-items:flex-start;width:100%;column-gap:var(--rmg-masonry-gap, 8px)}.ei{flex:1;min-width:0;display:flex;flex-direction:column}.x{position:relative;display:block}.x img,.x video{display:block;width:100%;object-fit:cover}.ai{display:grid;position:relative;width:100%}.Q,.k{grid-area:1 / 1;min-width:0}.Q{position:relative;z-index:1}.ti{pointer-events:none}.k{position:relative;z-index:2;opacity:1;pointer-events:none;transition:opacity .22s ease;will-change:opacity}.ni,.w{opacity:0}.R{opacity:1;transition:opacity var(--rmg-intro-duration, .42s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1))}.w [data-rmg-idx]{opacity:0;transform:var(--rmg-intro-transform, translateY(10px) scale(.99));transition:opacity .3s cubic-bezier(.4,0,.22,1),transform .3s cubic-bezier(.4,0,.22,1);transition-delay:calc(var(--rmg-intro-index, 0) * var(--rmg-intro-stagger, 40ms));will-change:opacity,transform}.w.R [data-rmg-idx]{opacity:1;transform:none}.oi{display:block;width:100%;break-inside:avoid;page-break-inside:avoid;-webkit-column-break-inside:avoid;margin-bottom:var(--rmg-mskel-gap)}.si{position:relative;inset:0;z-index:5;pointer-events:none}.mi{width:100%}.li{flex:1;min-width:0;display:flex;flex-direction:column}.S{display:block;width:100%;break-inside:avoid;page-break-inside:avoid;-webkit-column-break-inside:avoid;margin-bottom:var(--rmg-mskel-gap);border-radius:var(--rmg-skel-radius, 12px);background:var(--rmg-skel-bg, #e5e5e5);overflow:hidden;position:relative}.S:after{content:"";position:absolute;inset:0;opacity:calc(var(--rmg-skel-shimmer-enabled, 1) * var(--rmg-skel-shimmer-opacity, 1));filter:blur(var(--rmg-skel-shimmer-blur, .2px));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, ease-in-out) infinite;will-change:transform}@keyframes T{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.k{transition:none}}
1
+ .s{position:relative;min-height:var(--rmg-entry-min-height, 260px)}.j{position:relative;display:block;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);overflow:hidden}.l{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}.l>*{height:100%}.s[data-rmg-entry-ready="1"] .j{opacity:0;transition-delay:var(--rmg-entry-intro-delay, 0ms)}.s[data-rmg-entry-ready="1"] .l{opacity:1;pointer-events:auto;transition-delay:var(--rmg-entry-intro-delay, 0ms)}.U{display:flex;flex-direction:column;gap:1.5rem}.V{--rmg-skel-radius: 12px;width:100%}.W{display:flex;min-width:0}.ee{flex-direction:column;width:100%}.ie{flex-direction:row;width:100%}.re{flex-direction:column;width:100%}.ae{display:flex;flex-direction:column;width:100%;min-width:0;box-sizing:border-box;align-items:flex-start;align-content:flex-start}.te{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:Y var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate(-100%);pointer-events:none}@keyframes Y{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.d:after{animation:none}}.ne{flex:0 0 auto;width:100%;height:16px}.oe{width:48px;height:48px}.se{width:44px;height:44px;border-radius:999px}.de{aspect-ratio:1 / 1}.me{aspect-ratio:1 / 1;border-radius:999px}.ce{display:flex;min-width:0}.ge{flex-direction:row;align-items:center}.pe,.fe{flex-direction:column;align-items:stretch}.he{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}.ve{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}.m{position:relative;overflow:hidden;border-radius:var(--rmg-skel-radius, 12px);--rmg-skel-shimmer-enabled: 0}.m: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:c var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate(-100%);pointer-events:none}.Z: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:c var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate(-100%);pointer-events:none}@keyframes c{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.m:after,.Z:before{animation:none}}.M{position:relative;left:0}.L .M{left:auto;right:0}.si{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}.e{opacity:1;pointer-events:auto}.li{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}.y,.n,.o,.k{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)}.y.e,.n.e,.o.e,.k.e{opacity:1;pointer-events:auto}.y{top:12px;right:12px;background:transparent;border:none;padding:0;width:35px;height:35px;cursor:pointer}.n,.o{top:45.5%;width:50px;height:50px;cursor:pointer;background-color:transparent;border:none}.n{left:0;transform:rotate(180deg)}.o{right:0}.k{top:15px;left:16px;color:#fff;font-size:14px;line-height:32px;user-select:none;text-shadow:1px 1px 3px #4f4f4f}.N{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}.N.e{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}.di{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:O 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 O{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.mi{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}.Re{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:I 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)}.Se{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 I{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.ci{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:P 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 P{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.gi{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}.Q .plyr__poster{pointer-events:none}.pi{position:relative}.fi{position:relative;z-index:2}.hi{pointer-events:none}.R{position:absolute;inset:0;z-index:1;opacity:1;pointer-events:none;transition:opacity var(--rmg-loading-fade-duration, .6s) ease;will-change:opacity;overflow:hidden}.bi{opacity:0}.vi{position:absolute;inset:0;z-index:5;pointer-events:none;display:flex;align-items:center;justify-content:center}.ui{display:flex;width:100%;height:100%}.w{border-radius:6px;overflow:hidden;position:relative;background:var(--rmg-skel-bg, #e5e5e5)}.w: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:S var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate(-100%);pointer-events:none}@keyframes S{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.w:after{animation:none}.R{transition:none}}.z{position:relative;overflow:hidden;box-sizing:border-box}.z: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}.z[data-active=true]:after{opacity:1}.xi{opacity:0}.X{opacity:1;transition:opacity var(--rmg-intro-duration, .42s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1))}@media(prefers-reduced-motion:reduce){.X{transition:none}}.T [data-rmg-thumb-index]>*{opacity:0;transition:opacity var(--rmg-intro-duration, .3s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1));transition-delay:calc(var(--rmg-intro-index, 0) * var(--rmg-intro-stagger, 40ms));will-change:opacity}.T.X [data-rmg-thumb-index]>*{opacity:1}._{position:absolute;border-radius:50%;transform:scale(0);animation:_ .6s linear;background-color:#0000004d;pointer-events:none}@keyframes _{to{transform:scale(4);opacity:0}}.r{position:relative;left:0;display:flex;width:100%;align-items:stretch;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.r[data-rmg-axis=x]{flex-direction:row}.r[data-rmg-axis=y]{flex-direction:column}.q .r{left:auto;right:0}.ue{overflow:hidden;height:auto;width:100%;position:relative}:where(.xe){display:flex;justify-content:center;position:absolute;z-index:10;background:#00000080;border-radius:9999px;cursor:auto}:where(.ye){left:50%;bottom:10px;transform:translate(-50%);flex-direction:row;padding:4px 8px}:where(.ke){top:50%;left:10px;transform:translateY(-50%);flex-direction:column;padding:8px 4px}.we{position:relative;z-index:2}.ze{pointer-events:none}.A{position:absolute;inset:0;z-index:1;opacity:1;pointer-events:none;transition:opacity var(--rmg-loading-fade-duration, .6s) ease;will-change:opacity;overflow:hidden}.Xe,._e{opacity:0}.g{opacity:1;transition:opacity var(--rmg-intro-duration, .42s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1))}@media(prefers-reduced-motion:reduce){.g,.A{transition:none}}.a{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}.a:hover{transform:scale(1.2)}.a.je{background-color:#50a3ff;box-shadow:0 0 8px #50a3ff99}.a.Ye{background-color:#d3d3d3}.i{-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)}.Ze{transform-origin:center}.i::-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)}.i::-moz-range-track{border-radius:9999px;background:var(--rmg-scrollbar-track);height:var(--rmg-scrollbar-track-size, .375rem)}.i::-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)}.i::-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)}.p{position:absolute;border-radius:50%;transform:scale(0);animation:p .6s linear;background-color:#0000004d;pointer-events:none}@keyframes p{to{transform:scale(4);opacity:0}}.B [data-rmg-idx]>*{opacity:0;transition:opacity var(--rmg-intro-duration, .6s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1));transition-delay:calc(var(--rmg-intro-index, 0) * var(--rmg-intro-stagger, 60ms));will-change:opacity}.B.g [data-rmg-idx]>*{opacity:1}.qe{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:C 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 C{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.Ae{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}.D{position:absolute;inset:0;z-index:5;pointer-events:none;display:flex;justify-content:center}.Be{display:flex;flex-direction:column;width:100%;min-width:0;min-height:0}.Ce{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}.De{display:flex;flex-direction:column;width:100%;min-width:0;min-height:0}.Ee{position:relative;width:100%;container-type:inline-size}.Fe{position:relative;overflow-anchor:none;width:100%;height:auto;max-height:none}.E{flex:1 1 0;height:100%;min-width:0;display:flex;box-sizing:border-box}.D[data-rmg-skel-mode=peek] .E{flex:0 0 auto}.Ge{display:flex;min-width:0;min-height:0;width:100%}.He{display:flex;flex-direction:column;width:100%;min-width:0;box-sizing:border-box;align-items:flex-start;align-content:flex-start}.Ie{min-width:0;align-self:flex-start}.f{width:100%;height:auto;position:relative;overflow:hidden;border-radius:var(--rmg-skel-radius, 12px);background:var(--rmg-skel-bg, #e5e5e5)}.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:F var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate(-100%);pointer-events:none}@keyframes F{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.f:after{animation:none}}.Je{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--rmg-grid-min, 160px),1fr));gap:var(--rmg-grid-gap, 8px)}.t{position:relative;display:block}.t img,.t video{display:block;width:100%;height:auto;object-fit:cover}.Ke{display:grid;position:relative;width:100%}.G,.h{grid-area:1 / 1;min-width:0}.G{position:relative;z-index:2}.Le{pointer-events:none}.h{position:relative;z-index:1;opacity:1;pointer-events:none;transition:opacity var(--rmg-loading-fade-duration, .6s) ease;will-change:opacity}.Me{opacity:0}.Ne{position:relative;width:100%}.Oe{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--rmg-grid-min, 160px),1fr));gap:var(--rmg-grid-gap, 8px)}.Pe{position:relative;width:100%}@media(prefers-reduced-motion:reduce){.h{transition:none}}.b{opacity:0}.H{opacity:1;transition:opacity var(--rmg-intro-duration, .42s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1))}.b [data-rmg-idx]{opacity:0;transition:opacity .6s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--rmg-intro-index, 0) * var(--rmg-intro-stagger, 60ms));will-change:opacity}.b.H [data-rmg-idx]{opacity:1}.t:focus-visible{outline:2px solid #0066cc;outline-offset:2px;border-radius:4px}.Te{display:flex;align-items:flex-start;width:100%;column-gap:var(--rmg-masonry-gap, 8px)}.Ue{flex:1;min-width:0;display:flex;flex-direction:column}.v{position:relative;display:block}.v img,.v video{display:block;width:100%;object-fit:cover}.Ve{display:grid;position:relative;width:100%}.We{width:100%;container-type:inline-size}.J,.u{grid-area:1 / 1;min-width:0}.J{position:relative;z-index:2}.ei{pointer-events:none}.u{position:relative;z-index:1;opacity:1;pointer-events:none;will-change:opacity}.ii,.x{opacity:0}.K{opacity:1;transition:opacity var(--rmg-intro-duration, .42s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1))}.x [data-rmg-idx]{opacity:0;transition:opacity .6s cubic-bezier(.4,0,.22,1);transition-delay:calc(var(--rmg-intro-index, 0) * var(--rmg-intro-stagger, .16s));will-change:opacity}.x.K [data-rmg-idx]{opacity:1}.ri{position:relative;inset:0;z-index:5;pointer-events:none}.ai{width:100%}.ti{flex:1;min-width:0;display:flex;flex-direction:column}.ni{display:block;width:100%;break-inside:avoid;page-break-inside:avoid;-webkit-column-break-inside:avoid;margin-bottom:var(--rmg-mskel-gap);border-radius:var(--rmg-skel-radius, 12px);background:var(--rmg-skel-bg, #e5e5e5);position:relative}.oi{display:block;width:100%;min-width:0;break-inside:avoid;page-break-inside:avoid;-webkit-column-break-inside:avoid;position:relative;box-sizing:border-box;border-radius:var(--rmg-skel-radius, 12px)}@media(prefers-reduced-motion:reduce){.u{transition:none}}
package/dist/index.d.mts CHANGED
@@ -1,26 +1,30 @@
1
1
  export { CoreLayout, GalleryCore, GalleryCoreProps, useGalleryCore } from './core.mjs';
2
- export { D as DEFAULT_ENTRIES, E as Entries, f as flattenEntries } from './index-DUP4I_sT.mjs';
3
- export { DEFAULT_FULLSCREEN, FsCaptionPlacement, FsIntroRequest, FullscreenOptions, useFullscreenController } from './fullscreen.mjs';
2
+ export { D as DEFAULT_ENTRIES, E as Entries, f as flattenEntries } from './index-CwwxTQKa.mjs';
3
+ export { DEFAULT_FULLSCREEN, useFullscreenController } from './fullscreen.mjs';
4
4
  export { FullscreenThumbnailSlider } from './fullscreenThumbnails.mjs';
5
- export { F as FSItem, a as FullscreenThumbnailBridge, b as FullscreenThumbnailSliderProps, c as FullscreenThumbnailSlotLayout } from './types-CvTlITct.mjs';
5
+ export { F as FSItem, a as FullscreenThumbnailBridge, b as FullscreenThumbnailSliderProps, c as FullscreenThumbnailSlotLayout } from './types-ROPjU8Nl.mjs';
6
6
  export { DEFAULT_SLIDER, Slider } from './slider.mjs';
7
- export { DEFAULT_GRID, default as Grid, GridLazyLoadOptions, GridOptions } from './grid.mjs';
8
- export { DEFAULT_MASONRY, default as Masonry, MasonryLazyLoadOptions, MasonryOptions } from './masonry.mjs';
7
+ export { DEFAULT_GRID, default as Grid } from './grid.mjs';
8
+ export { DEFAULT_MASONRY, default as Masonry } from './masonry.mjs';
9
9
  export { DEFAULT_THUMBNAILS, ThumbnailSlider, ThumbnailSyncBridge, createThumbnailSyncBridge } from './thumbnails.mjs';
10
10
  export { RmgPlyrOptionsResolver, RmgPlyrSourceBuilder, RmgVideoLazyLoadOptions, Video, VideoProps } from './video.mjs';
11
- export { S as SliderIndexChannel, c as createSliderIndexChannel } from './sliderSub-DDPjywVp.mjs';
12
- export { G as GalleryApi, I as IndexMode } from './types-tb9Qf2Mj.mjs';
13
- export { M as MediaItem, t as toMediaItems } from './media-moIXOhT1.mjs';
14
- export { E as ElementStyle } from './elements-24CTbRWj.mjs';
15
- export { R as ResponsiveHeightRule, a as SliderHandle, S as SliderOptions } from './types-fFyCx1KQ.mjs';
16
- export { R as ResponsivePosition, e as ThumbnailIntroOptions, a as ThumbnailLoadingElements, c as ThumbnailLoadingOptions, b as ThumbnailLoadingRenderArgs, T as ThumbnailPosition, d as ThumbnailSkeletonMode, f as ThumbnailsOptions } from './types-9g3BgMxk.mjs';
17
- export { B as BREAKPOINT_MAP } from './responsive-CvE5dTnP.mjs';
18
- export { E as EntriesOptions, M as MediaEntryLink, S as SlideOwner } from './types-D_6Ksp_r.mjs';
11
+ export { DEFAULT_ZOOM_PAN, ZoomPanImage } from './zoomPan.mjs';
12
+ export { Z as ZoomPanImageProps, a as ZoomPanOptions } from './types-Dhh8xfHo.mjs';
13
+ export { S as SliderIndexChannel, c as createSliderIndexChannel } from './sliderSub-Bo6Y8as_.mjs';
14
+ export { B as BREAKPOINT_MAP, E as ElementStyle, a as FsCaptionPlacement, b as FsIntroRequest, F as FullscreenOptions, G as GalleryApi, I as IndexMode } from './responsive-D_xhZmVI.mjs';
15
+ export { M as MediaItem, t as toMediaItems } from './plyrTypes-Cq4C3ul5.mjs';
16
+ export { R as ResponsiveHeightRule, a as SliderHandle, S as SliderOptions } from './types-DY058l5M.mjs';
17
+ export { G as GridItemProps, a as GridLazyLoadOptions, b as GridOptions, c as GridSpan, R as ResponsiveGridSpan, d as ResponsiveGridTemplate } from './types-XEr8LRal.mjs';
18
+ export { a as MasonryLazyLoadOptions, M as MasonryOptions } from './types-VULXzSa2.mjs';
19
+ export { R as ResponsivePosition, e as ThumbnailIntroOptions, a as ThumbnailLoadingElements, c as ThumbnailLoadingOptions, b as ThumbnailLoadingRenderArgs, T as ThumbnailPosition, d as ThumbnailSkeletonMode, f as ThumbnailsOptions } from './types-CHUayqcj.mjs';
20
+ export { E as EntriesOptions, M as MediaEntryLink, S as SlideOwner } from './types-_1D0QtfD.mjs';
19
21
  import 'react/jsx-runtime';
20
22
  import 'react';
21
- import './plyrTypes-CmP9NWvX.mjs';
22
- import './lazy-dGoYpcRa.mjs';
23
23
  import 'plyr-react';
24
+ import 'plyr';
25
+ import './controls-SpWg1Kgt.mjs';
26
+ import './text-Cl2tR8oO.mjs';
27
+ import './layout-CR6f2aPH.mjs';
24
28
 
25
29
  declare function PanAxis(): {
26
30
  scroll: "x";
package/dist/index.mjs CHANGED
@@ -1 +1 @@
1
- export{a as Video}from'./chunk-QKPYVOTI.mjs';export{a as DEFAULT_ENTRIES,i as Entries,h as flattenEntries}from'./chunk-U6H3YVAK.mjs';export{a as DEFAULT_FULLSCREEN,b as useFullscreenController}from'./chunk-Q2WWO4HE.mjs';import'./chunk-5BVPDHQ4.mjs';export{a as FullscreenThumbnailSlider}from'./chunk-VQ742FWN.mjs';export{a as DEFAULT_THUMBNAILS,c as ThumbnailSlider,b as createThumbnailSyncBridge}from'./chunk-RQXWOXAH.mjs';import'./chunk-P2GQPFSL.mjs';export{a as DEFAULT_GRID,b as Grid}from'./chunk-IVNQO5UT.mjs';export{a as DEFAULT_MASONRY,b as Masonry}from'./chunk-XBRTUB3S.mjs';import'./chunk-A6MPGIEJ.mjs';import'./chunk-ZZZZXO5U.mjs';export{a as DEFAULT_SLIDER,b as Slider}from'./chunk-XVU6PJ7B.mjs';import'./chunk-YRQVG3MM.mjs';import'./chunk-KZUAS63N.mjs';export{a as createSliderIndexChannel}from'./chunk-UHXXMYPP.mjs';import'./chunk-TZGAHWM7.mjs';import'./chunk-ESF6XBYF.mjs';export{c as GalleryCore,a as toMediaItems,d as useGalleryCore}from'./chunk-EV6ZK4QI.mjs';import'./chunk-X4HEGEZV.mjs';import'./chunk-LVYED5ZM.mjs';export{a as BREAKPOINT_MAP}from'./chunk-2AHLR3V4.mjs';
1
+ export{a as Video}from'./chunk-GSEIEFRW.mjs';export{a as ZoomPanImage}from'./chunk-VXSRNAH4.mjs';export{a as DEFAULT_ENTRIES,i as Entries,h as flattenEntries}from'./chunk-NEJ27O2B.mjs';export{a as DEFAULT_FULLSCREEN,b as useFullscreenController}from'./chunk-XOS5AXSR.mjs';import'./chunk-WZWMG4ZT.mjs';export{a as DEFAULT_ZOOM_PAN}from'./chunk-TKPLWDPW.mjs';import'./chunk-UAEPMZQY.mjs';export{a as FullscreenThumbnailSlider}from'./chunk-JD3VAF3N.mjs';export{a as DEFAULT_THUMBNAILS,c as ThumbnailSlider,b as createThumbnailSyncBridge}from'./chunk-KSOQWCCL.mjs';import'./chunk-P2GQPFSL.mjs';export{b as DEFAULT_GRID,a as Grid}from'./chunk-UV2SUN5V.mjs';import'./chunk-WLWVKQPL.mjs';export{a as DEFAULT_MASONRY,b as Masonry}from'./chunk-K6PQU6HF.mjs';import'./chunk-Q2PY6ZMU.mjs';import'./chunk-A6MPGIEJ.mjs';import'./chunk-GT6IL37J.mjs';export{b as DEFAULT_SLIDER,c as Slider}from'./chunk-5HIHJGIV.mjs';import'./chunk-ZX5E327W.mjs';export{a as createSliderIndexChannel}from'./chunk-DBIFLX6Y.mjs';import'./chunk-NABNX5HB.mjs';import'./chunk-FJYYM5TH.mjs';import'./chunk-BIDZ4WZB.mjs';import'./chunk-AKY343WN.mjs';import'./chunk-JMFDRKTX.mjs';export{c as GalleryCore,a as toMediaItems,d as useGalleryCore}from'./chunk-J4E4PKE5.mjs';import'./chunk-ECQ74X24.mjs';import'./chunk-LVYED5ZM.mjs';export{a as BREAKPOINT_MAP}from'./chunk-6TPHLAUP.mjs';