react-motion-gallery 2.0.19 → 2.0.21
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/LICENSE.md +14 -4
- package/README.md +714 -295
- package/THIRD_PARTY_NOTICES.md +31 -0
- package/dist/FullscreenRuntime-DVRVGK5F.mjs +4 -0
- package/dist/FullscreenRuntime-QX6YELBN.css +1 -0
- package/dist/GridSkeleton-B5wWBN9L.d.mts +23 -0
- package/dist/MasonrySkeleton-D8aZRUiv.d.mts +29 -0
- package/dist/{chunk-NABNX5HB.mjs → chunk-4NT4UVB5.mjs} +1 -1
- package/dist/chunk-4VHNCVVB.mjs +0 -0
- package/dist/chunk-5ZLGEQ55.mjs +1 -0
- package/dist/chunk-6PUPWNGD.mjs +1 -0
- package/dist/chunk-6XG7U4FJ.mjs +1 -0
- package/dist/chunk-ADIHG7AT.mjs +1 -0
- package/dist/chunk-AX2FSVFD.mjs +2 -0
- package/dist/chunk-B4CC5AGE.mjs +1 -0
- package/dist/chunk-BJBHSWMF.mjs +1 -0
- package/dist/chunk-C6PKH3FH.mjs +1 -0
- package/dist/chunk-CKXN2H7S.mjs +1 -0
- package/dist/chunk-D3T6HIS2.mjs +1 -0
- package/dist/chunk-DCUCXQHE.mjs +3 -0
- package/dist/chunk-EFXHC36P.mjs +0 -0
- package/dist/chunk-G5G54AZD.mjs +4 -0
- package/dist/chunk-GNGOOOVY.mjs +1 -0
- package/dist/chunk-GTS3HDGY.mjs +1 -0
- package/dist/chunk-H6XFG3CJ.mjs +1 -0
- package/dist/chunk-HGY3QLCE.mjs +1 -0
- package/dist/chunk-HK2DPKES.mjs +1 -0
- package/dist/chunk-HMT6GZUO.mjs +4 -0
- package/dist/chunk-JJMFOLJZ.mjs +1 -0
- package/dist/chunk-L2HRIINV.mjs +1 -0
- package/dist/chunk-L4TRPKGX.mjs +4 -0
- package/dist/chunk-LVMYHM4T.mjs +1 -0
- package/dist/chunk-MKCNUQFD.mjs +1 -0
- package/dist/chunk-NHIKOJLU.mjs +1 -0
- package/dist/chunk-NQI246HG.mjs +1 -0
- package/dist/chunk-ONCDUVQT.mjs +5 -0
- package/dist/chunk-OZSG45IP.mjs +4 -0
- package/dist/chunk-PFEGIWQJ.mjs +1 -0
- package/dist/chunk-PPFUWP7C.mjs +3 -0
- package/dist/chunk-R6EGYRTJ.mjs +6 -0
- package/dist/chunk-RLT5FULN.mjs +0 -0
- package/dist/chunk-RNLUNA5L.mjs +2 -0
- package/dist/chunk-STRS7UNJ.mjs +1 -0
- package/dist/chunk-TIQVSK5S.mjs +1 -0
- package/dist/chunk-UML6FCOQ.mjs +1 -0
- package/dist/chunk-UP6P6CQS.mjs +2 -0
- package/dist/chunk-UUAWLGWO.mjs +1 -0
- package/dist/chunk-V25YIPLC.mjs +1 -0
- package/dist/chunk-V7DPXRZF.mjs +1 -0
- package/dist/chunk-VGXO2IAF.mjs +1 -0
- package/dist/chunk-VPFAU2TE.mjs +1 -0
- package/dist/chunk-VWEQRZ24.mjs +1 -0
- package/dist/chunk-WGVWASZM.mjs +1 -0
- package/dist/chunk-WMG2LTLR.mjs +1 -0
- package/dist/chunk-X4HEGEZV.mjs +1 -0
- package/dist/chunk-XUQO5F2F.mjs +1 -0
- package/dist/chunk-Y7NUGXTR.mjs +1 -0
- package/dist/chunk-YIUXD3CO.mjs +1 -0
- package/dist/chunk-Z34PSRMG.mjs +1 -0
- package/dist/chunk-ZCCYTID7.mjs +1 -0
- package/dist/chunk-ZFDPVAPM.mjs +6 -0
- package/dist/chunk-ZXW3RIAC.mjs +1 -0
- package/dist/core.d.mts +22 -22
- package/dist/core.mjs +1 -1
- package/dist/entries.css +1 -1
- package/dist/entries.d.mts +49 -17
- package/dist/entries.mjs +1 -1
- package/dist/force-C5m1QpdF.d.mts +7 -0
- package/dist/fullscreen-captions.css +1 -0
- package/dist/fullscreen-captions.d.mts +19 -0
- package/dist/fullscreen-captions.mjs +1 -0
- package/dist/fullscreen-controls.d.mts +19 -0
- package/dist/fullscreen-controls.mjs +1 -0
- package/dist/fullscreen-crossfade.d.mts +19 -0
- package/dist/fullscreen-crossfade.mjs +1 -0
- package/dist/fullscreen-lazy-load.css +1 -0
- package/dist/fullscreen-lazy-load.d.mts +19 -0
- package/dist/fullscreen-lazy-load.mjs +1 -0
- package/dist/fullscreen-slider.css +1 -0
- package/dist/fullscreen-slider.d.mts +19 -0
- package/dist/fullscreen-slider.mjs +1 -0
- package/dist/fullscreen-thumbnails.d.mts +19 -0
- package/dist/fullscreen-thumbnails.mjs +1 -0
- package/dist/fullscreen-video.css +1 -0
- package/dist/fullscreen-video.d.mts +19 -0
- package/dist/fullscreen-video.mjs +1 -0
- package/dist/fullscreen-zoom-pan.d.mts +19 -0
- package/dist/fullscreen-zoom-pan.mjs +1 -0
- package/dist/fullscreen.css +1 -1
- package/dist/fullscreen.d.mts +29 -67
- package/dist/fullscreen.mjs +1 -1
- package/dist/fullscreenThumbnails.css +1 -1
- package/dist/fullscreenThumbnails.d.mts +8 -8
- package/dist/fullscreenThumbnails.mjs +1 -1
- package/dist/grid-lazy-load.css +1 -0
- package/dist/grid-lazy-load.d.mts +9 -0
- package/dist/grid-lazy-load.mjs +1 -0
- package/dist/grid-ready.d.mts +12 -0
- package/dist/grid-ready.mjs +1 -0
- package/dist/grid.css +1 -1
- package/dist/grid.d.mts +8 -29
- package/dist/grid.mjs +1 -1
- package/dist/index-DG19CAvz.d.mts +21 -0
- package/dist/{index-CwwxTQKa.d.mts → index-lEnLoQv4.d.mts} +5 -6
- package/dist/index.css +1 -1
- package/dist/index.d.mts +25 -28
- package/dist/index.mjs +1 -1
- package/dist/layout-DoYnPD0I.d.mts +137 -0
- package/dist/lazy-dGoYpcRa.d.mts +14 -0
- package/dist/masonry-lazy-load.css +1 -0
- package/dist/masonry-lazy-load.d.mts +9 -0
- package/dist/masonry-lazy-load.mjs +1 -0
- package/dist/masonry-ready.d.mts +12 -0
- package/dist/masonry-ready.mjs +1 -0
- package/dist/masonry.css +1 -1
- package/dist/masonry.d.mts +14 -13
- package/dist/masonry.mjs +1 -1
- package/dist/{plyrTypes-Cq4C3ul5.d.mts → media.d.mts} +1 -8
- package/dist/media.mjs +1 -0
- package/dist/metafile-esm.json +1 -1
- package/dist/plyrTypes-DhzgHNfX.d.mts +9 -0
- package/dist/responsive-CrESIWcm.d.mts +530 -0
- package/dist/responsive.d.mts +15 -0
- package/dist/responsive.mjs +1 -0
- package/dist/responsiveNumber-CouEMJ9O.d.mts +5 -0
- package/dist/skeleton-base.css +1 -0
- package/dist/skeleton-base.d.mts +52 -0
- package/dist/skeleton-base.mjs +1 -0
- package/dist/skeleton-grid.css +1 -0
- package/dist/skeleton-grid.d.mts +63 -0
- package/dist/skeleton-grid.mjs +1 -0
- package/dist/skeleton-masonry.css +1 -0
- package/dist/skeleton-masonry.d.mts +62 -0
- package/dist/skeleton-masonry.mjs +1 -0
- package/dist/skeleton-slider.css +1 -0
- package/dist/skeleton-slider.d.mts +208 -0
- package/dist/skeleton-slider.mjs +40 -0
- package/dist/slider-arrows.d.mts +9 -0
- package/dist/slider-arrows.mjs +1 -0
- package/dist/slider-auto-height.d.mts +9 -0
- package/dist/slider-auto-height.mjs +1 -0
- package/dist/slider-auto-play.d.mts +9 -0
- package/dist/slider-auto-play.mjs +1 -0
- package/dist/slider-auto-scroll.d.mts +9 -0
- package/dist/slider-auto-scroll.mjs +1 -0
- package/dist/slider-crossfade.d.mts +9 -0
- package/dist/slider-crossfade.mjs +1 -0
- package/dist/slider-dots.css +1 -0
- package/dist/slider-dots.d.mts +9 -0
- package/dist/slider-dots.mjs +1 -0
- package/dist/slider-fade.d.mts +9 -0
- package/dist/slider-fade.mjs +1 -0
- package/dist/slider-fullscreen.d.mts +9 -0
- package/dist/slider-fullscreen.mjs +1 -0
- package/dist/slider-lazy-load.css +1 -0
- package/dist/slider-lazy-load.d.mts +9 -0
- package/dist/slider-lazy-load.mjs +1 -0
- package/dist/slider-loading.css +1 -0
- package/dist/slider-loading.d.mts +9 -0
- package/dist/slider-loading.mjs +1 -0
- package/dist/slider-parallax.d.mts +9 -0
- package/dist/slider-parallax.mjs +1 -0
- package/dist/slider-progress.d.mts +9 -0
- package/dist/slider-progress.mjs +1 -0
- package/dist/slider-ready.d.mts +14 -0
- package/dist/slider-ready.mjs +1 -0
- package/dist/slider-ripple.d.mts +9 -0
- package/dist/slider-ripple.mjs +1 -0
- package/dist/slider-scale.d.mts +9 -0
- package/dist/slider-scale.mjs +1 -0
- package/dist/slider-scrollbar.css +1 -0
- package/dist/slider-scrollbar.d.mts +9 -0
- package/dist/slider-scrollbar.mjs +1 -0
- package/dist/slider.css +1 -1
- package/dist/slider.d.mts +7 -81
- package/dist/slider.mjs +1 -1
- package/dist/styles.css +4 -0
- package/dist/text-BBcRGVzn.d.mts +10 -0
- package/dist/thumbnails.css +1 -1
- package/dist/thumbnails.d.mts +8 -11
- package/dist/thumbnails.mjs +1 -1
- package/dist/transitions-DU3ftmIq.d.mts +6 -0
- package/dist/types-BiXSaEk7.d.mts +451 -0
- package/dist/types-Br27DWP7.d.mts +61 -0
- package/dist/{types-ROPjU8Nl.d.mts → types-DNd5jSkS.d.mts} +3 -2
- package/dist/{types-CHUayqcj.d.mts → types-DXFoG8LC.d.mts} +5 -3
- package/dist/types-Do4Pq-Td.d.mts +57 -0
- package/dist/video.css +1 -1
- package/dist/video.d.mts +2 -1
- package/dist/video.mjs +1 -1
- package/dist/zoomPan.d.mts +2 -4
- package/dist/zoomPan.mjs +1 -1
- package/package.json +146 -9
- package/dist/chunk-5HIHJGIV.mjs +0 -45
- package/dist/chunk-6TPHLAUP.mjs +0 -1
- package/dist/chunk-BIDZ4WZB.mjs +0 -2
- package/dist/chunk-DBIFLX6Y.mjs +0 -6
- package/dist/chunk-ECQ74X24.mjs +0 -1
- package/dist/chunk-FJYYM5TH.mjs +0 -1
- package/dist/chunk-GSEIEFRW.mjs +0 -1
- package/dist/chunk-GT6IL37J.mjs +0 -1
- package/dist/chunk-J4E4PKE5.mjs +0 -1
- package/dist/chunk-JD3VAF3N.mjs +0 -4
- package/dist/chunk-JMFDRKTX.mjs +0 -2
- package/dist/chunk-K6PQU6HF.mjs +0 -1
- package/dist/chunk-KSOQWCCL.mjs +0 -6
- package/dist/chunk-NEJ27O2B.mjs +0 -2
- package/dist/chunk-Q2PY6ZMU.mjs +0 -2
- package/dist/chunk-TKPLWDPW.mjs +0 -7
- package/dist/chunk-UV2SUN5V.mjs +0 -1
- package/dist/chunk-VXSRNAH4.mjs +0 -1
- package/dist/chunk-WLWVKQPL.mjs +0 -4
- package/dist/chunk-WZWMG4ZT.mjs +0 -1
- package/dist/chunk-XOS5AXSR.mjs +0 -4
- package/dist/chunk-ZX5E327W.mjs +0 -1
- package/dist/controls-SpWg1Kgt.d.mts +0 -44
- package/dist/layout-CR6f2aPH.d.mts +0 -95
- package/dist/responsive-D_xhZmVI.d.mts +0 -186
- package/dist/sliderSub-Bo6Y8as_.d.mts +0 -45
- package/dist/text-Cl2tR8oO.d.mts +0 -4
- package/dist/types-DY058l5M.d.mts +0 -301
- package/dist/types-VULXzSa2.d.mts +0 -68
- package/dist/types-XEr8LRal.d.mts +0 -65
- package/dist/types-_1D0QtfD.d.mts +0 -174
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
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}}
|
|
1
|
+
.t{position:relative;min-height:var(--rmg-entry-min-height, 260px)}.e{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)}.e: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}.V{position:relative;z-index:1;display:block;min-height:100%;height:100%;border-radius:inherit;background:inherit;overflow:hidden}.c{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}.c>*{height:100%}.t[data-rmg-entry-ready="1"]:not([data-rmg-entry-compare="1"]) .e{opacity:0;transition-delay:var(--rmg-entry-intro-delay, 0ms)}.t[data-rmg-entry-ready="1"] .c{opacity:1;pointer-events:auto;transition-delay:var(--rmg-entry-intro-delay, 0ms)}.t[data-rmg-entry-compare="1"] .e{z-index:2}.e[data-rmg-entry-shimmer=off]{--rmg-skel-shimmer-enabled: 0;--rmg-skel-card-shimmer-enabled: 0}.e[data-rmg-entry-shimmer=off] .n:after{opacity:0;animation:none}.W{display:flex;flex-direction:column;gap:1.5rem}.ee{--rmg-skel-radius: 12px;width:100%}.re{display:flex;min-width:0}.ie{flex-direction:column;width:100%}.ae{flex-direction:row;width:100%}.te{flex-direction:column;width:100%}.ne{display:flex;flex-direction:column;width:100%;min-width:0;box-sizing:border-box;align-items:flex-start;align-content:flex-start}.oe{min-width:0;align-self:flex-start}.n{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}.n: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:A var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate(-100%);pointer-events:none}@keyframes A{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.n:after{animation:none}.e{transition:none}}.se{flex:0 0 auto;width:100%;height:16px}.de{width:48px;height:48px}.le{width:44px;height:44px;border-radius:999px}.ce{aspect-ratio:1 / 1}.ge{aspect-ratio:1 / 1;border-radius:999px}.pe{display:flex;min-width:0}.he{flex-direction:row;align-items:center}.fe,.be{flex-direction:column;align-items:stretch}.ve{display:flex;flex-direction:column;width:100%;min-width:0;box-sizing:border-box;align-items:flex-start;align-content:flex-start}.ue{min-width:0;align-self:flex-start}.ye{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}.g{position:relative;overflow:hidden;border-radius:var(--rmg-skel-radius, 12px);--rmg-skel-shimmer-enabled: 0}.g: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:p var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate(-100%);pointer-events:none}.B: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:p var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate(-100%);pointer-events:none}@keyframes p{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.g:after,.B:before{animation:none}}.P{position:relative;left:0}.O .P{left:auto;right:0}.hr{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}[data-rmg-fs-root=true][data-rmg-fs-closing=true],[data-rmg-fs-root=true][data-rmg-fs-closing=true] *{pointer-events:none!important}.fr{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}.X,.l,.m,._{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)}.X.r,.l.r,.m.r,._.r{opacity:1;pointer-events:auto}.X{top:12px;right:12px;background:transparent;border:none;padding:0;width:35px;height:35px;cursor:pointer}.l,.m{top:45.5%;width:50px;height:50px;cursor:pointer;background-color:transparent;border:none}.l{left:0;transform:rotate(180deg)}.m{right:0}._{top:15px;left:16px;color:#fff;font-size:14px;line-height:32px;user-select:none;text-shadow:1px 1px 3px #4f4f4f}.Q{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}.Q.r{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}.br{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:R 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 R{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.vr{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}.ur{position:relative}.yr{position:relative;z-index:2}.xr{pointer-events:none}.S{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}.kr{z-index:3}.wr{--rmg-thumb-loading-opacity: 0;--rmg-thumb-skel-shadow-opacity: 0}.j{position:absolute;inset:0;z-index:5;pointer-events:none;display:flex;align-items:center;justify-content:center}.j: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}.zr{position:relative;z-index:1;display:flex;width:100%;height:100%}.a{--rmg-thumb-skel-shadow-radius: var(--rmg-skel-radius, 6px);border-radius:6px;overflow:hidden;position:relative;background:var(--rmg-skel-bg, #e5e5e5)}.a: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}.a: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:T var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate(-100%);pointer-events:none}@keyframes T{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.a:after{animation:none}.S{transition:none}.a:before{transition:none}.j:before{transition:none}}.Y{position:relative;overflow:hidden;box-sizing:border-box}.Y: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}.Y[data-active=true]:after{opacity:1}.Xr{opacity:0}.Z{opacity:1;transition:opacity var(--rmg-intro-duration, .42s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1))}@media(prefers-reduced-motion:reduce){.Z{transition:none}}.U [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}.U.Z [data-rmg-thumb-index]>*{opacity:1}.q{position:absolute;border-radius:50%;transform:scale(0);animation:q .6s linear;background-color:#0000004d;pointer-events:none}@keyframes q{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}.C .o{left:auto;right:0}.xe{overflow:hidden;height:auto;width:100%;position:relative}:where(.ke){display:flex;justify-content:center;position:absolute;z-index:10;background:#00000080;border-radius:9999px;cursor:auto}:where(.we){left:50%;bottom:10px;transform:translate(-50%);flex-direction:row;padding:4px 8px}:where(.ze){top:50%;left:10px;transform:translateY(-50%);flex-direction:column;padding:8px 4px}.Xe{position:relative;z-index:2}._e{pointer-events:none}.D{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}.je{z-index:3}.Ye{--rmg-loading-opacity: 0;--rmg-slider-skel-wrap-shadow-opacity: 0}.Ze{opacity:0}.h{opacity:1;transition:opacity var(--rmg-intro-duration, .42s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1))}@media(prefers-reduced-motion:reduce){.h,.D{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.qe{background-color:#50a3ff;box-shadow:0 0 8px #50a3ff99}.s.Ae{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)}.Be{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)}.f{position:absolute;border-radius:50%;transform:scale(0);animation:f .6s linear;background-color:#0000004d;pointer-events:none}@keyframes f{to{transform:scale(4);opacity:0}}.E [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}.E.h [data-rmg-idx]>*{opacity:1}.Ce{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:F 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 F{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.De{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}.G{position:absolute;inset:0;z-index:5;pointer-events:none;display:flex;justify-content:center}.Ee{display:flex;flex-direction:column;width:100%;min-width:0;min-height:0}.Fe{position:absolute;inset:0;z-index:2;pointer-events:none}.Ge{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}.He{display:flex;flex-direction:column;width:100%;min-width:0;min-height:0}.Ie{position:relative;width:100%;container-type:inline-size}.Je{position:relative;overflow-anchor:none;width:100%;height:auto;max-height:none}.b{position:relative;flex:1 1 0;height:100%;min-width:0;display:flex;box-sizing:border-box}.b: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}.Ke{position:relative;z-index:1;display:flex;width:100%;height:100%;min-width:0;min-height:0;box-sizing:border-box}.G[data-rmg-skel-mode=peek] .b{flex:0 0 auto}.Le{display:flex;min-width:0;min-height:0;width:100%}.Me{display:flex;flex-direction:column;width:100%;min-width:0;box-sizing:border-box;align-items:flex-start;align-content:flex-start}.Ne{min-width:0;align-self:flex-start}.v{width:100%;height:auto;position:relative;overflow:hidden;border-radius:var(--rmg-skel-radius, 12px);background:var(--rmg-skel-bg, #e5e5e5)}.v: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:H var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate(-100%);pointer-events:none}@keyframes H{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.v:after{animation:none}}.Oe{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--rmg-grid-min, 160px),1fr));gap:var(--rmg-grid-gap, 8px)}.d{position:relative;display:block}.d img,.d video{display:block;width:100%;height:auto;object-fit:cover}.Pe{width:100%}.u{opacity:0}.I{opacity:1;transition:opacity var(--rmg-intro-duration, .42s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1))}.u [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}.u.I [data-rmg-idx]{opacity:1}.d:focus-visible{outline:2px solid #0066cc;outline-offset:2px;border-radius:4px}.ar{position:relative;width:100%}.tr{position:absolute;inset:0 auto 0 0;width:0;pointer-events:none}.k{position:absolute;display:block;min-width:0}.k img,.k video{display:block;width:100%;object-fit:cover}.nr{width:100%;container-type:inline-size}.w{opacity:0}.K{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;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}.w.K>[data-rmg-idx]{opacity:1}.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:L 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;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3}@keyframes L{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:M 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 M{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}.N .plyr__poster{pointer-events:none}.Ue{display:grid;position:relative;width:100%}.y,.x{grid-area:1 / 1;min-width:0}.y{position:relative;z-index:2;opacity:0;pointer-events:none;transition:opacity var(--rmg-loading-fade-duration, .6s) ease;will-change:opacity}.Ve{opacity:1;pointer-events:auto}.We{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}.er{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.rr{z-index:3}.ir{--rmg-standalone-skeleton-opacity: 0;--rmg-masonry-skel-wrap-shadow-opacity: 0}@media(prefers-reduced-motion:reduce){.y,.x{transition:none}}
|
package/dist/index.d.mts
CHANGED
|
@@ -1,36 +1,33 @@
|
|
|
1
1
|
export { CoreLayout, GalleryCore, GalleryCoreProps, useGalleryCore } from './core.mjs';
|
|
2
|
-
export {
|
|
3
|
-
export {
|
|
2
|
+
export { E as Entries, f as flattenEntries } from './index-lEnLoQv4.mjs';
|
|
3
|
+
export { 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-
|
|
6
|
-
export {
|
|
7
|
-
export {
|
|
8
|
-
export {
|
|
9
|
-
export {
|
|
5
|
+
export { F as FSItem, a as FullscreenThumbnailBridge, b as FullscreenThumbnailSliderProps, c as FullscreenThumbnailSlotLayout } from './types-DNd5jSkS.mjs';
|
|
6
|
+
export { Slider } from './slider.mjs';
|
|
7
|
+
export { SliderReadyController, useSliderReady } from './slider-ready.mjs';
|
|
8
|
+
export { G as Grid } from './index-DG19CAvz.mjs';
|
|
9
|
+
export { GridReadyController, useGridReady } from './grid-ready.mjs';
|
|
10
|
+
export { default as Masonry } from './masonry.mjs';
|
|
11
|
+
export { MasonryReadyController, useMasonryReady } from './masonry-ready.mjs';
|
|
12
|
+
export { ThumbnailSlider, ThumbnailSyncBridge, createThumbnailSyncBridge } from './thumbnails.mjs';
|
|
10
13
|
export { RmgPlyrOptionsResolver, RmgPlyrSourceBuilder, RmgVideoLazyLoadOptions, Video, VideoProps } from './video.mjs';
|
|
11
|
-
export {
|
|
14
|
+
export { ZoomPanImage } from './zoomPan.mjs';
|
|
12
15
|
export { Z as ZoomPanImageProps, a as ZoomPanOptions } from './types-Dhh8xfHo.mjs';
|
|
13
|
-
export {
|
|
14
|
-
export {
|
|
15
|
-
export {
|
|
16
|
-
export {
|
|
17
|
-
export { G as
|
|
18
|
-
export { a as
|
|
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-
|
|
20
|
-
export {
|
|
16
|
+
export { Skeleton, SkeletonForceOptions, SkeletonProps, SkeletonTimingOptions } from './skeleton-base.mjs';
|
|
17
|
+
export { C as CrossFade, d as CrossFadeWheel, e as CrossFadeWheelOptions, E as ElementStyle, G as GalleryApi, a as GalleryCoreApi, b as GalleryLayoutApi, I as IndexMode, R as ResponsiveHeightRule, k as SliderApi, S as SliderAutoHeight, f as SliderAutoPlayTimer, j as SliderHandle, q as SliderIndexChannel, l as SliderItemsApi, m as SliderNodeInput, i as SliderOptions, o as SliderPlugin, p as SliderPluginKind, n as SliderRemoveTarget, g as SliderSkipSnaps, h as SliderSkipSnapsOptions, c as createSliderIndexChannel } from './types-BiXSaEk7.mjs';
|
|
18
|
+
export { MediaItem, toMediaItems } from './media.mjs';
|
|
19
|
+
export { E as EntriesOptions, j as FsCaptionPlacement, k as FsIntroRequest, F as FullscreenCaptionOptions, a as FullscreenControlsOptions, b as FullscreenCrossfadeOptions, c as FullscreenLazyLoadOptions, d as FullscreenOptions, e as FullscreenPlugin, f as FullscreenPluginKind, g as FullscreenSliderOptions, h as FullscreenVideoOptions, i as FullscreenZoomPanOptions, M as MediaEntryLink, P as PanAxisType, R as ResponsiveCaptionPlacement, l as ResponsiveLength, m as ResponsiveLengthValue, S as SlideOwner } from './responsive-CrESIWcm.mjs';
|
|
20
|
+
export { G as GridHandle, a as GridItemProps, b as GridOptions, c as GridPlugin, d as GridPluginKind, e as GridSpan, R as ResponsiveGridSpan, f as ResponsiveGridTemplate } from './types-Do4Pq-Td.mjs';
|
|
21
|
+
export { M as MasonryHandle, a as MasonryItemProps, b as MasonryOptions, c as MasonryPlugin, d as MasonryPluginKind, e as MasonrySpan, R as ResponsiveMasonrySpan } from './types-Br27DWP7.mjs';
|
|
22
|
+
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-DXFoG8LC.mjs';
|
|
23
|
+
export { a as BREAKPOINT_MAP, B as BreakpointMap, R as ResponsiveNumber } from './responsiveNumber-CouEMJ9O.mjs';
|
|
24
|
+
export { S as SkeletonNode } from './layout-DoYnPD0I.mjs';
|
|
21
25
|
import 'react/jsx-runtime';
|
|
22
26
|
import 'react';
|
|
23
27
|
import 'plyr-react';
|
|
28
|
+
import './plyrTypes-DhzgHNfX.mjs';
|
|
24
29
|
import 'plyr';
|
|
25
|
-
import './
|
|
26
|
-
import './
|
|
27
|
-
import './
|
|
28
|
-
|
|
29
|
-
declare function PanAxis(): {
|
|
30
|
-
scroll: "x";
|
|
31
|
-
cross: "y";
|
|
32
|
-
direction(n: number): number;
|
|
33
|
-
};
|
|
34
|
-
type PanAxisType = ReturnType<typeof PanAxis>;
|
|
35
|
-
|
|
36
|
-
export type { PanAxisType };
|
|
30
|
+
import './force-C5m1QpdF.mjs';
|
|
31
|
+
import './transitions-DU3ftmIq.mjs';
|
|
32
|
+
import './text-BBcRGVzn.mjs';
|
|
33
|
+
import 'react-dom/client';
|
package/dist/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{a as Video}from'./chunk-
|
|
1
|
+
export{a as Video}from'./chunk-ZXW3RIAC.mjs';export{a as ZoomPanImage}from'./chunk-V25YIPLC.mjs';import'./chunk-4VHNCVVB.mjs';export{a as Masonry}from'./chunk-CKXN2H7S.mjs';import'./chunk-EFXHC36P.mjs';import'./chunk-C6PKH3FH.mjs';import'./chunk-PFEGIWQJ.mjs';import'./chunk-L4TRPKGX.mjs';import'./chunk-ADIHG7AT.mjs';export{a as useFullscreenController}from'./chunk-6PUPWNGD.mjs';import'./chunk-JJMFOLJZ.mjs';import'./chunk-XUQO5F2F.mjs';export{a as FullscreenThumbnailSlider}from'./chunk-OZSG45IP.mjs';export{b as ThumbnailSlider,a as createThumbnailSyncBridge}from'./chunk-ZFDPVAPM.mjs';import'./chunk-R6EGYRTJ.mjs';import'./chunk-P2GQPFSL.mjs';export{a as Grid}from'./chunk-YIUXD3CO.mjs';import'./chunk-RLT5FULN.mjs';export{i as Entries,h as flattenEntries}from'./chunk-RNLUNA5L.mjs';export{a as Slider}from'./chunk-ONCDUVQT.mjs';import'./chunk-LVMYHM4T.mjs';export{a as useSliderReady}from'./chunk-VWEQRZ24.mjs';import'./chunk-NQI246HG.mjs';import'./chunk-GTS3HDGY.mjs';export{a as useMasonryReady}from'./chunk-ZCCYTID7.mjs';import'./chunk-DCUCXQHE.mjs';export{b as Skeleton}from'./chunk-GNGOOOVY.mjs';import'./chunk-AX2FSVFD.mjs';export{c as createSliderIndexChannel}from'./chunk-VPFAU2TE.mjs';import'./chunk-4NT4UVB5.mjs';import'./chunk-Z34PSRMG.mjs';import'./chunk-HGY3QLCE.mjs';import'./chunk-HMT6GZUO.mjs';import'./chunk-A6MPGIEJ.mjs';import'./chunk-D3T6HIS2.mjs';import'./chunk-AKY343WN.mjs';import'./chunk-Y7NUGXTR.mjs';import'./chunk-X4HEGEZV.mjs';import'./chunk-UUAWLGWO.mjs';export{a as useGridReady}from'./chunk-STRS7UNJ.mjs';import'./chunk-6XG7U4FJ.mjs';import'./chunk-UAEPMZQY.mjs';import'./chunk-BJBHSWMF.mjs';import'./chunk-5ZLGEQ55.mjs';import'./chunk-UP6P6CQS.mjs';import'./chunk-NHIKOJLU.mjs';import'./chunk-LVYED5ZM.mjs';import'./chunk-UML6FCOQ.mjs';export{b as GalleryCore,c as useGalleryCore}from'./chunk-WMG2LTLR.mjs';export{a as toMediaItems}from'./chunk-L2HRIINV.mjs';import'./chunk-B4CC5AGE.mjs';export{a as BREAKPOINT_MAP}from'./chunk-HK2DPKES.mjs';
|
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { R as ResponsiveTextBarHeight, a as ResponsiveTextBarWidth, b as ResponsiveTextLineHeight, c as ResponsiveTextLineCount, d as ResponsiveTextLastBarWidth, T as TextSkeletonResponsiveBy } from './text-BBcRGVzn.mjs';
|
|
3
|
+
|
|
4
|
+
type SkeletonLength = number | string;
|
|
5
|
+
type SkeletonShimmer = {
|
|
6
|
+
enabled?: boolean;
|
|
7
|
+
durationMs?: number;
|
|
8
|
+
angleDeg?: number;
|
|
9
|
+
opacity?: number;
|
|
10
|
+
blurPx?: number;
|
|
11
|
+
timing?: string;
|
|
12
|
+
c1?: string;
|
|
13
|
+
c2?: string;
|
|
14
|
+
c3?: string;
|
|
15
|
+
};
|
|
16
|
+
type SkeletonBaseStyle = {
|
|
17
|
+
width?: SkeletonLength;
|
|
18
|
+
minWidth?: SkeletonLength;
|
|
19
|
+
maxWidth?: SkeletonLength;
|
|
20
|
+
height?: SkeletonLength;
|
|
21
|
+
minHeight?: SkeletonLength;
|
|
22
|
+
maxHeight?: SkeletonLength;
|
|
23
|
+
backgroundColor?: string;
|
|
24
|
+
borderRadius?: SkeletonLength;
|
|
25
|
+
overflow?: React.CSSProperties["overflow"];
|
|
26
|
+
margin?: SkeletonLength;
|
|
27
|
+
marginTop?: SkeletonLength;
|
|
28
|
+
marginRight?: SkeletonLength;
|
|
29
|
+
marginBottom?: SkeletonLength;
|
|
30
|
+
marginLeft?: SkeletonLength;
|
|
31
|
+
boxSizing?: React.CSSProperties["boxSizing"];
|
|
32
|
+
flex?: React.CSSProperties["flex"];
|
|
33
|
+
flexGrow?: React.CSSProperties["flexGrow"];
|
|
34
|
+
flexShrink?: React.CSSProperties["flexShrink"];
|
|
35
|
+
flexBasis?: SkeletonLength;
|
|
36
|
+
order?: React.CSSProperties["order"];
|
|
37
|
+
alignSelf?: React.CSSProperties["alignSelf"];
|
|
38
|
+
aspectRatio?: SkeletonLength;
|
|
39
|
+
scale?: number;
|
|
40
|
+
};
|
|
41
|
+
type SkeletonBaseStyleResponsive = SkeletonBaseStyle | Record<string, SkeletonBaseStyle>;
|
|
42
|
+
type SkeletonWrapStyle = SkeletonBaseStyle & {
|
|
43
|
+
padding?: SkeletonLength;
|
|
44
|
+
border?: React.CSSProperties["border"];
|
|
45
|
+
boxShadow?: React.CSSProperties["boxShadow"];
|
|
46
|
+
};
|
|
47
|
+
type SkeletonContainerStyle = {
|
|
48
|
+
position?: React.CSSProperties["position"];
|
|
49
|
+
inset?: SkeletonLength;
|
|
50
|
+
insetBlock?: SkeletonLength;
|
|
51
|
+
insetInline?: SkeletonLength;
|
|
52
|
+
top?: SkeletonLength;
|
|
53
|
+
right?: SkeletonLength;
|
|
54
|
+
bottom?: SkeletonLength;
|
|
55
|
+
left?: SkeletonLength;
|
|
56
|
+
zIndex?: React.CSSProperties["zIndex"];
|
|
57
|
+
display?: React.CSSProperties["display"];
|
|
58
|
+
flexDirection?: React.CSSProperties["flexDirection"];
|
|
59
|
+
aspectRatio?: SkeletonLength;
|
|
60
|
+
gap?: SkeletonLength;
|
|
61
|
+
rowGap?: SkeletonLength;
|
|
62
|
+
columnGap?: SkeletonLength;
|
|
63
|
+
padding?: SkeletonLength;
|
|
64
|
+
align?: React.CSSProperties["alignItems"];
|
|
65
|
+
alignItems?: React.CSSProperties["alignItems"];
|
|
66
|
+
alignContent?: React.CSSProperties["alignContent"];
|
|
67
|
+
justify?: React.CSSProperties["justifyContent"];
|
|
68
|
+
justifyContent?: React.CSSProperties["justifyContent"];
|
|
69
|
+
wrap?: boolean;
|
|
70
|
+
flexWrap?: React.CSSProperties["flexWrap"];
|
|
71
|
+
width?: SkeletonLength;
|
|
72
|
+
minWidth?: SkeletonLength;
|
|
73
|
+
maxWidth?: SkeletonLength;
|
|
74
|
+
height?: SkeletonLength;
|
|
75
|
+
minHeight?: SkeletonLength;
|
|
76
|
+
maxHeight?: SkeletonLength;
|
|
77
|
+
backgroundColor?: string;
|
|
78
|
+
borderRadius?: SkeletonLength;
|
|
79
|
+
border?: React.CSSProperties["border"];
|
|
80
|
+
boxShadow?: React.CSSProperties["boxShadow"];
|
|
81
|
+
margin?: SkeletonLength;
|
|
82
|
+
marginTop?: SkeletonLength;
|
|
83
|
+
marginRight?: SkeletonLength;
|
|
84
|
+
marginBottom?: SkeletonLength;
|
|
85
|
+
marginLeft?: SkeletonLength;
|
|
86
|
+
boxSizing?: React.CSSProperties["boxSizing"];
|
|
87
|
+
flex?: React.CSSProperties["flex"];
|
|
88
|
+
flexGrow?: React.CSSProperties["flexGrow"];
|
|
89
|
+
flexShrink?: React.CSSProperties["flexShrink"];
|
|
90
|
+
flexBasis?: SkeletonLength;
|
|
91
|
+
order?: React.CSSProperties["order"];
|
|
92
|
+
alignSelf?: React.CSSProperties["alignSelf"];
|
|
93
|
+
overflow?: React.CSSProperties["overflow"];
|
|
94
|
+
transform?: React.CSSProperties["transform"];
|
|
95
|
+
pointerEvents?: React.CSSProperties["pointerEvents"];
|
|
96
|
+
opacity?: React.CSSProperties["opacity"];
|
|
97
|
+
};
|
|
98
|
+
type SkeletonContainerStyleResponsive = SkeletonContainerStyle | Record<string, SkeletonContainerStyle>;
|
|
99
|
+
type SkeletonTextNode = {
|
|
100
|
+
kind: "text";
|
|
101
|
+
barHeight: ResponsiveTextBarHeight;
|
|
102
|
+
barWidth?: ResponsiveTextBarWidth;
|
|
103
|
+
lineHeight: ResponsiveTextLineHeight;
|
|
104
|
+
lines?: ResponsiveTextLineCount;
|
|
105
|
+
lastBarWidth?: ResponsiveTextLastBarWidth;
|
|
106
|
+
responsiveBy?: TextSkeletonResponsiveBy;
|
|
107
|
+
style?: SkeletonBaseStyleResponsive;
|
|
108
|
+
shimmer?: SkeletonShimmer;
|
|
109
|
+
};
|
|
110
|
+
type SkeletonNode = {
|
|
111
|
+
kind: "stack" | "row" | "col";
|
|
112
|
+
style?: SkeletonContainerStyleResponsive;
|
|
113
|
+
children: SkeletonNode[];
|
|
114
|
+
} | {
|
|
115
|
+
kind: "rect" | "square" | "circle";
|
|
116
|
+
style?: SkeletonBaseStyleResponsive;
|
|
117
|
+
shimmer?: SkeletonShimmer;
|
|
118
|
+
} | {
|
|
119
|
+
kind: "media";
|
|
120
|
+
count: number;
|
|
121
|
+
direction?: "row" | "col";
|
|
122
|
+
style?: SkeletonContainerStyleResponsive;
|
|
123
|
+
tile?: {
|
|
124
|
+
shape?: "rect" | "square" | "circle";
|
|
125
|
+
style?: SkeletonBaseStyleResponsive;
|
|
126
|
+
shimmer?: SkeletonShimmer;
|
|
127
|
+
};
|
|
128
|
+
} | SkeletonTextNode;
|
|
129
|
+
type SkeletonLayoutRoot<TKind extends string> = {
|
|
130
|
+
kind: TKind;
|
|
131
|
+
style?: SkeletonContainerStyleResponsive;
|
|
132
|
+
count?: number;
|
|
133
|
+
item: SkeletonNode;
|
|
134
|
+
itemWrapStyle?: SkeletonWrapStyle;
|
|
135
|
+
};
|
|
136
|
+
|
|
137
|
+
export type { SkeletonNode as S, SkeletonLength as a, SkeletonShimmer as b, SkeletonLayoutRoot as c, SkeletonWrapStyle as d, SkeletonBaseStyle as e, SkeletonBaseStyleResponsive as f, SkeletonContainerStyle as g, SkeletonContainerStyleResponsive as h };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
type GalleryLazyLoadRenderArgs = {
|
|
4
|
+
kind: "image" | "video";
|
|
5
|
+
isClone: boolean;
|
|
6
|
+
};
|
|
7
|
+
type GalleryLazyLoadOptions = {
|
|
8
|
+
enabled?: boolean;
|
|
9
|
+
spinner?: boolean | React.ReactNode | ((args: GalleryLazyLoadRenderArgs) => React.ReactNode);
|
|
10
|
+
spinnerClassName?: string;
|
|
11
|
+
spinnerStyle?: React.CSSProperties;
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
export type { GalleryLazyLoadOptions as G };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.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:L 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;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3}@keyframes L{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { c as MasonryPlugin } from './types-Br27DWP7.mjs';
|
|
2
|
+
import { G as GalleryLazyLoadOptions } from './lazy-dGoYpcRa.mjs';
|
|
3
|
+
import './responsiveNumber-CouEMJ9O.mjs';
|
|
4
|
+
import 'react';
|
|
5
|
+
|
|
6
|
+
type MasonryLazyLoadOptions = GalleryLazyLoadOptions;
|
|
7
|
+
declare function masonryLazyLoad(options?: MasonryLazyLoadOptions): MasonryPlugin;
|
|
8
|
+
|
|
9
|
+
export { type MasonryLazyLoadOptions, masonryLazyLoad };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import {c}from'./chunk-5ZLGEQ55.mjs';import'./chunk-UP6P6CQS.mjs';import'./chunk-NHIKOJLU.mjs';import {jsx}from'react/jsx-runtime';function a(n,e={}){return {__rmgMasonryPlugin:true,kind:n,...e}}function y(n){return {...n,enabled:n.enabled??true}}function t(n,e){let r=y(e??{});return jsx(c,{ref:n.itemRef,index:n.index,lazyLoad:r,revealedIndicesRef:n.revealedIndicesRef,...n.itemProps,children:n.children})}function i(n={}){let e=n.enabled!==false;return a("lazy-load",{options:n,blocksReady:e,renderItem:e?t:void 0})}export{i as masonryLazyLoad};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { M as MasonryHandle } from './types-Br27DWP7.mjs';
|
|
3
|
+
import './responsiveNumber-CouEMJ9O.mjs';
|
|
4
|
+
|
|
5
|
+
type MasonryReadyController = {
|
|
6
|
+
ref: React.RefCallback<MasonryHandle>;
|
|
7
|
+
ready: boolean;
|
|
8
|
+
handleRef: React.MutableRefObject<MasonryHandle | null>;
|
|
9
|
+
};
|
|
10
|
+
declare function useMasonryReady(): MasonryReadyController;
|
|
11
|
+
|
|
12
|
+
export { type MasonryReadyController, useMasonryReady };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import'./chunk-EFXHC36P.mjs';export{a as useMasonryReady}from'./chunk-ZCCYTID7.mjs';
|
package/dist/masonry.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
.ar{position:relative;width:100%}.tr{position:absolute;inset:0 auto 0 0;width:0;pointer-events:none}.k{position:absolute;display:block;min-width:0}.k img,.k video{display:block;width:100%;object-fit:cover}.nr{width:100%;container-type:inline-size}.w{opacity:0}.K{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;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}.w.K>[data-rmg-idx]{opacity:1}.ce{aspect-ratio:1 / 1}.ge{aspect-ratio:1 / 1;border-radius:999px}.pe{display:flex;min-width:0}.he{flex-direction:row;align-items:center}.fe,.be{flex-direction:column;align-items:stretch}.ve{display:flex;flex-direction:column;width:100%;min-width:0;box-sizing:border-box;align-items:flex-start;align-content:flex-start}.ue{min-width:0;align-self:flex-start}.ye{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}.g{position:relative;overflow:hidden;border-radius:var(--rmg-skel-radius, 12px);--rmg-skel-shimmer-enabled: 0}.g: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:p var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate(-100%);pointer-events:none}.B: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:p var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate(-100%);pointer-events:none}@keyframes p{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.g:after,.B:before{animation:none}}
|
package/dist/masonry.d.mts
CHANGED
|
@@ -1,20 +1,21 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
1
|
import * as React from 'react';
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
2
|
+
import { B as BreakpointMap } from './responsiveNumber-CouEMJ9O.mjs';
|
|
3
|
+
import { a as MasonryItemProps, b as MasonryOptions, M as MasonryHandle } from './types-Br27DWP7.mjs';
|
|
4
|
+
export { c as MasonryPlugin, d as MasonryPluginKind, e as MasonrySpan, R as ResponsiveMasonrySpan } from './types-Br27DWP7.mjs';
|
|
5
|
+
export { MasonryReadyController, useMasonryReady } from './masonry-ready.mjs';
|
|
6
|
+
|
|
7
|
+
type MasonryItemComponent = React.FC<MasonryItemProps> & {
|
|
8
|
+
__rmgMasonryItem: true;
|
|
9
|
+
};
|
|
10
|
+
declare const MasonryItem: MasonryItemComponent;
|
|
11
11
|
|
|
12
12
|
type Props = MasonryOptions & {
|
|
13
13
|
children?: React.ReactNode;
|
|
14
14
|
breakpoints?: BreakpointMap;
|
|
15
15
|
};
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
16
|
+
type MasonryComponent = React.ForwardRefExoticComponent<Props & React.RefAttributes<MasonryHandle>> & {
|
|
17
|
+
Item: typeof MasonryItem;
|
|
18
|
+
};
|
|
19
|
+
declare const Masonry: MasonryComponent;
|
|
19
20
|
|
|
20
|
-
export {
|
|
21
|
+
export { Masonry, MasonryHandle, MasonryItemProps, MasonryOptions, Masonry as default };
|
package/dist/masonry.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{a as
|
|
1
|
+
export{a as Masonry,a as default}from'./chunk-CKXN2H7S.mjs';import'./chunk-EFXHC36P.mjs';import'./chunk-GTS3HDGY.mjs';export{a as useMasonryReady}from'./chunk-ZCCYTID7.mjs';import'./chunk-DCUCXQHE.mjs';import'./chunk-AX2FSVFD.mjs';import'./chunk-A6MPGIEJ.mjs';import'./chunk-D3T6HIS2.mjs';import'./chunk-AKY343WN.mjs';import'./chunk-UML6FCOQ.mjs';import'./chunk-WMG2LTLR.mjs';import'./chunk-L2HRIINV.mjs';import'./chunk-B4CC5AGE.mjs';import'./chunk-HK2DPKES.mjs';
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import Plyr from 'plyr';
|
|
2
|
-
|
|
3
1
|
type MediaItem = {
|
|
4
2
|
kind: "image";
|
|
5
3
|
src: string;
|
|
@@ -35,9 +33,4 @@ type MediaInput = string | {
|
|
|
35
33
|
};
|
|
36
34
|
declare const toMediaItems: (inputs: string[] | MediaInput[]) => MediaItem[];
|
|
37
35
|
|
|
38
|
-
type
|
|
39
|
-
type PlyrOptions = Plyr.Options;
|
|
40
|
-
type PlyrSourceBuilder = (item: MediaItem, index: number) => PlyrSource;
|
|
41
|
-
type PlyrOptionsBuilder = PlyrOptions | ((item: MediaItem, index: number) => PlyrOptions);
|
|
42
|
-
|
|
43
|
-
export { type MediaItem as M, type PlyrSourceBuilder as P, type PlyrOptionsBuilder as a, type PlyrSource as b, type PlyrOptions as c, toMediaItems as t };
|
|
36
|
+
export { type MediaInput, type MediaItem, toMediaItems };
|
package/dist/media.mjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{a as toMediaItems}from'./chunk-L2HRIINV.mjs';
|