react-motion-gallery 2.0.18 → 2.0.20
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 +13 -3
- package/README.md +747 -195
- package/THIRD_PARTY_NOTICES.md +31 -0
- package/dist/FullscreenRuntime-GNH22QHC.mjs +4 -0
- package/dist/FullscreenRuntime-QX6YELBN.css +1 -0
- package/dist/GridSkeleton-Dn7N-TEh.d.mts +23 -0
- package/dist/MasonrySkeleton-ftJdtDLs.d.mts +29 -0
- package/dist/chunk-3YENO5LQ.mjs +1 -0
- package/dist/chunk-4NT4UVB5.mjs +1 -0
- package/dist/chunk-4VHNCVVB.mjs +0 -0
- package/dist/chunk-6CJ7JFOA.mjs +1 -0
- package/dist/chunk-6FFRWH2C.mjs +1 -0
- package/dist/chunk-6ZNRPJC2.mjs +6 -0
- package/dist/chunk-ADIHG7AT.mjs +1 -0
- package/dist/chunk-AKY343WN.mjs +1 -0
- package/dist/chunk-ASH5AOA4.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-CR2MZG3Q.mjs +1 -0
- package/dist/chunk-D3T6HIS2.mjs +1 -0
- package/dist/chunk-DCUCXQHE.mjs +3 -0
- package/dist/chunk-DCY4ZVYI.mjs +1 -0
- package/dist/chunk-EFXHC36P.mjs +0 -0
- package/dist/chunk-GUNIA4DZ.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-IT7HWE4G.mjs +1 -0
- package/dist/chunk-J2ZX5I7E.mjs +5 -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-NHIKOJLU.mjs +1 -0
- package/dist/chunk-NQI246HG.mjs +1 -0
- package/dist/chunk-OHD2HQP7.mjs +4 -0
- package/dist/chunk-OWKZOHPK.mjs +3 -0
- package/dist/chunk-PFEGIWQJ.mjs +1 -0
- package/dist/chunk-Q5WUKZ2J.mjs +4 -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-UAEPMZQY.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-VEXMXZJM.mjs +4 -0
- package/dist/chunk-VGXO2IAF.mjs +1 -0
- package/dist/chunk-VWEQRZ24.mjs +1 -0
- package/dist/chunk-VXMW2JT5.mjs +1 -0
- package/dist/chunk-WGVWASZM.mjs +1 -0
- package/dist/chunk-WMG2LTLR.mjs +1 -0
- package/dist/chunk-XUQO5F2F.mjs +1 -0
- package/dist/chunk-Y7NUGXTR.mjs +1 -0
- package/dist/chunk-Z34PSRMG.mjs +1 -0
- package/dist/chunk-ZCCYTID7.mjs +1 -0
- package/dist/chunk-ZOFTC6YV.mjs +1 -0
- package/dist/core.d.mts +32 -21
- package/dist/core.mjs +1 -1
- package/dist/entries.css +1 -1
- package/dist/entries.d.mts +74 -11
- 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 +39 -178
- package/dist/fullscreen.mjs +1 -1
- package/dist/fullscreenThumbnails.css +1 -1
- package/dist/fullscreenThumbnails.d.mts +9 -6
- package/dist/fullscreenThumbnails.mjs +1 -1
- package/dist/grid-ready.d.mts +13 -0
- package/dist/grid-ready.mjs +1 -0
- package/dist/grid.css +1 -1
- package/dist/grid.d.mts +9 -126
- package/dist/grid.mjs +1 -1
- package/dist/index-Cp40fdvU.d.mts +21 -0
- package/dist/{index-DUP4I_sT.d.mts → index-YphJztdR.d.mts} +5 -6
- package/dist/index.css +1 -1
- package/dist/index.d.mts +28 -26
- package/dist/index.mjs +1 -1
- package/dist/layout-DoYnPD0I.d.mts +137 -0
- package/dist/masonry-ready.d.mts +13 -0
- package/dist/masonry-ready.mjs +1 -0
- package/dist/masonry.css +1 -1
- package/dist/masonry.d.mts +15 -66
- package/dist/masonry.mjs +1 -1
- package/dist/{media-moIXOhT1.d.mts → media.d.mts} +1 -1
- package/dist/media.mjs +1 -0
- package/dist/metafile-esm.json +1 -1
- package/dist/{plyrTypes-CmP9NWvX.d.mts → plyrTypes-DhzgHNfX.d.mts} +2 -1
- package/dist/responsive-Ch5b4LC-.d.mts +526 -0
- package/dist/responsive.d.mts +15 -0
- package/dist/responsive.mjs +1 -0
- package/dist/{responsive-CvE5dTnP.d.mts → responsiveNumber-CouEMJ9O.d.mts} +1 -1
- 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 +64 -0
- package/dist/skeleton-grid.mjs +1 -0
- package/dist/skeleton-masonry.css +1 -0
- package/dist/skeleton-masonry.d.mts +63 -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 -77
- package/dist/slider.mjs +1 -1
- package/dist/text-BBcRGVzn.d.mts +10 -0
- package/dist/thumbnails.css +1 -1
- package/dist/thumbnails.d.mts +22 -11
- package/dist/thumbnails.mjs +1 -1
- package/dist/transitions-DU3ftmIq.d.mts +6 -0
- package/dist/{types-CvTlITct.d.mts → types-B7AiQJkM.d.mts} +25 -12
- package/dist/types-BlFwyRVQ.d.mts +43 -0
- package/dist/types-CfvTYIyd.d.mts +450 -0
- package/dist/{types-9g3BgMxk.d.mts → types-DP7ogmr4.d.mts} +17 -5
- package/dist/types-DWzjXjYR.d.mts +48 -0
- package/dist/types-Dhh8xfHo.d.mts +18 -0
- package/dist/video.css +1 -1
- package/dist/video.d.mts +3 -2
- package/dist/video.mjs +1 -1
- package/dist/zoomPan.d.mts +14 -0
- package/dist/zoomPan.mjs +1 -0
- package/package.json +142 -24
- package/dist/chunk-2AHLR3V4.mjs +0 -1
- package/dist/chunk-5BVPDHQ4.mjs +0 -1
- package/dist/chunk-ESF6XBYF.mjs +0 -1
- package/dist/chunk-EV6ZK4QI.mjs +0 -1
- package/dist/chunk-IVNQO5UT.mjs +0 -2
- package/dist/chunk-KZUAS63N.mjs +0 -1
- package/dist/chunk-Q2WWO4HE.mjs +0 -10
- package/dist/chunk-QKPYVOTI.mjs +0 -1
- package/dist/chunk-RQXWOXAH.mjs +0 -6
- package/dist/chunk-TZGAHWM7.mjs +0 -1
- package/dist/chunk-U6H3YVAK.mjs +0 -2
- package/dist/chunk-UHXXMYPP.mjs +0 -6
- package/dist/chunk-VQ742FWN.mjs +0 -4
- package/dist/chunk-XBRTUB3S.mjs +0 -2
- package/dist/chunk-XVU6PJ7B.mjs +0 -59
- package/dist/chunk-YRQVG3MM.mjs +0 -1
- package/dist/chunk-ZZZZXO5U.mjs +0 -1
- package/dist/elements-24CTbRWj.d.mts +0 -49
- package/dist/sliderSub-DDPjywVp.d.mts +0 -33
- package/dist/types-D_6Ksp_r.d.mts +0 -158
- package/dist/types-fFyCx1KQ.d.mts +0 -278
- package/dist/types-tb9Qf2Mj.d.mts +0 -46
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{a as sliderDots}from'./chunk-VGXO2IAF.mjs';import'./chunk-WGVWASZM.mjs';import'./chunk-NQI246HG.mjs';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { v as SliderFade, o as SliderPlugin } from './types-CfvTYIyd.mjs';
|
|
2
|
+
import './responsiveNumber-CouEMJ9O.mjs';
|
|
3
|
+
import 'react';
|
|
4
|
+
import './force-C5m1QpdF.mjs';
|
|
5
|
+
import './media.mjs';
|
|
6
|
+
|
|
7
|
+
declare function sliderFade(options?: SliderFade): SliderPlugin;
|
|
8
|
+
|
|
9
|
+
export { SliderFade, sliderFade };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import {a}from'./chunk-WGVWASZM.mjs';import*as u from'react';var N=.36;function A(e){return Math.max(0,Math.min(1,e))}function R(e,l){return (e%l+l)%l}function I(e,l,i){let s=Math.abs(e-l);return i>0&&(s=Math.min(s,Math.abs(e-(l-i)),Math.abs(e-(l+i)))),s}function S(e){return typeof e!="number"||!Number.isFinite(e)?N:A(e)}function O({host:e,options:l}){let i=l.enabled!==false,s=u.useCallback(()=>{let a=e.handle;if(!i||!a||a._usesLegacyEngine)return;let o=a.getInternals(),c=a.getContainerNode(),m=o.slides.current??[],f=o.sliderWidth.current||0;if(!c||!m.length)return;let y=S(l.minOpacity),x=e.loop&&f>0,b=-(o.offsetLocation.current?.get()??0),p=x?R(b,f):b,g=m.map((n,r)=>(n.target??0)-o.getCenterOffsetForIndex(r)),t=[];if(g.forEach((n,r)=>{x?(t.push({x:n-f,index:r}),t.push({x:n,index:r}),t.push({x:n+f,index:r})):t.push({x:n,index:r});}),t.sort((n,r)=>n.x-r.x),!t.length)return;let h=1;if(t.length>1)if(p<=t[0].x)h=Math.max(1,t[1].x-t[0].x);else if(p>=t[t.length-1].x)h=Math.max(1,t[t.length-1].x-t[t.length-2].x);else for(let n=0;n<t.length-1;n++){let r=t[n],d=t[n+1];if(p>=r.x&&p<=d.x){h=Math.max(1,d.x-r.x);break}}let F=new Array(m.length).fill(y);for(let n=0;n<g.length;n++){let r=x?I(p,g[n],f):Math.abs(p-g[n]),d=A(1-r/h);F[n]=y+(1-y)*d;}let E=Array.from(c.children);for(let n of E){let r=n.getAttribute("data-rmg-idx");if(r==null){n.style.opacity="1";continue}let d=Number.parseInt(r,10),C=Number.isFinite(d)?a.slideIndexForCell(d):0,L=F[C]??1;n.style.opacity=String(L),n.style.transition||(n.style.transition="opacity 120ms linear");}},[i,e.handle,e.loop,l.minOpacity]);return u.useLayoutEffect(()=>{if(!i||!e.handle||e.handle._usesLegacyEngine)return;let a=e.handle.getContainerNode();if(!a)return;let o=requestAnimationFrame(s),c=typeof MutationObserver>"u"?null:new MutationObserver(()=>{cancelAnimationFrame(o),o=requestAnimationFrame(s);});return c?.observe(a,{childList:true}),()=>{cancelAnimationFrame(o),c?.disconnect();}},[s,i,e.coreReady,e.handle,e.loop,e.slideCount]),u.useEffect(()=>{if(!i||!e.handle||e.handle._usesLegacyEngine)return;let a=0,o=false,c=()=>{o||(s(),a=requestAnimationFrame(c));};return a=requestAnimationFrame(c),()=>{o=true,cancelAnimationFrame(a);let m=e.handle?.getContainerNode();(m?Array.from(m.children):[]).forEach(y=>{y.style.removeProperty("opacity");});}},[s,i,e.handle]),u.useEffect(()=>{if(i||!e.handle)return;let a=e.handle.getContainerNode();(a?Array.from(a.children):[]).forEach(c=>{c.style.removeProperty("opacity");});},[i,e.handle]),null}function P(e={}){return a("fade",{options:e,Runtime:O})}export{P as sliderFade};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { o as SliderPlugin } from './types-CfvTYIyd.mjs';
|
|
2
|
+
import './responsiveNumber-CouEMJ9O.mjs';
|
|
3
|
+
import 'react';
|
|
4
|
+
import './force-C5m1QpdF.mjs';
|
|
5
|
+
import './media.mjs';
|
|
6
|
+
|
|
7
|
+
declare function sliderFullscreen(): SliderPlugin;
|
|
8
|
+
|
|
9
|
+
export { sliderFullscreen };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import {a}from'./chunk-WGVWASZM.mjs';import {d}from'./chunk-WMG2LTLR.mjs';import'./chunk-L2HRIINV.mjs';import'./chunk-B4CC5AGE.mjs';import'./chunk-HK2DPKES.mjs';import*as o from'react';var p=6,R="[data-rmg-fullscreen-trigger]",f="[data-rmg-plyr='true'],.plyr,video,iframe";function c(e){return e instanceof Element?e:null}function T(e){return c(e)?.closest(R)??null}function L(e){return !!e.querySelector(f)}function y(e,n,l){if(l instanceof HTMLImageElement)return l;let r=l?.querySelector("img")??null;if(r)return r;let u=c(e);return u instanceof HTMLImageElement?u:n.querySelector("img")}function S(e){return !!c(e)?.closest(["a","button","input","select","textarea","summary","[role='button']","[data-rmg-part='dots']",".rmgArrow",".rmgDot",f,".plyr__controls"].join(","))}function x(e){let n=T(e);if(!n&&S(e))return null;let l=c(e),r=n?.closest('[data-rmg-slide="true"]')??l?.closest('[data-rmg-slide="true"]')??null;if(!r||L(r)&&!n)return null;let u=Number.parseInt(r.getAttribute("data-rmg-idx")??"",10);if(!Number.isFinite(u))return null;let i=y(e,r,n);return i?{index:u,image:i}:null}function H({host:e}){let n=d(),l=o.useRef(null);return o.useEffect(()=>{if(!(!n||n.layout!=="slider"||!n.sliderApiRef))return n.sliderApiRef.current=e.handle,()=>{n.sliderApiRef.current===e.handle&&(n.sliderApiRef.current=null);}},[n,e.handle]),o.useEffect(()=>{if(!n||n.layout!=="slider"||!e.handle)return;let r=e.handle.getRootNode();if(!r)return;let u=t=>{t.button!==0&&t.pointerType==="mouse"||(l.current={x:t.clientX,y:t.clientY,id:t.pointerId});},i=t=>{if(t.defaultPrevented)return;let s=l.current;if(l.current=null,s){let g=t.clientX-s.x,E=t.clientY-s.y;if(Math.hypot(g,E)>p)return}let a=x(t.target);a&&n.requestFullscreenOpen({source:"slider",index:a.index,image:a.image,event:t});};return r.addEventListener("pointerdown",u,true),r.addEventListener("click",i,true),()=>{r.removeEventListener("pointerdown",u,true),r.removeEventListener("click",i,true);}},[n,e.handle]),null}function I(){return a("fullscreen",{Runtime:H})}export{I as sliderFullscreen};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.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}}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { w as SliderLazyLoadOptions, o as SliderPlugin } from './types-CfvTYIyd.mjs';
|
|
2
|
+
import './responsiveNumber-CouEMJ9O.mjs';
|
|
3
|
+
import 'react';
|
|
4
|
+
import './force-C5m1QpdF.mjs';
|
|
5
|
+
import './media.mjs';
|
|
6
|
+
|
|
7
|
+
declare function sliderLazyLoad(options?: SliderLazyLoadOptions): SliderPlugin;
|
|
8
|
+
|
|
9
|
+
export { SliderLazyLoadOptions, sliderLazyLoad };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import {a}from'./chunk-WGVWASZM.mjs';import {a as a$1}from'./chunk-NQI246HG.mjs';import {f,c,b,a as a$2,h,d,i,e}from'./chunk-UP6P6CQS.mjs';import'./chunk-NHIKOJLU.mjs';import*as o from'react';import {createPortal}from'react-dom';import {jsx,Fragment}from'react/jsx-runtime';var Z=4e3;function B(e){let t=e.getContainerNode();return t?Array.from(t.querySelectorAll('[data-rmg-slide="true"]')):e.getSlideNodes()}function G(e,t){return e.length===t.length&&e.every((n,r)=>n===t[r])}function q(e){return e.getAttribute("data-rmg-kind")==="video"||e.querySelector(".plyr")||e.querySelector('[data-rmg-video-snapshot="true"]')||e.querySelector("video, iframe")||e.querySelector("[data-plyr-provider], [data-plyr-embed-id]")?"video":"image"}function V(e,t){let n=e.spinner??true;return n===false?{render:false,node:null,isCustom:false}:typeof n=="function"?{render:true,node:n(t),isCustom:true}:n===true||n==null?{render:true,node:null,isCustom:false}:{render:true,node:n,isCustom:true}}function v(e){let t=e.getAttribute("data-rmg-idx"),n=t==null?NaN:Number.parseInt(t,10);return Number.isFinite(n)?n:null}function A(e){return e.getAttribute(d)==="true"}function z(e){return e.getAttribute(c)==="true"}function w(e,t){let n=v(e);n!=null&&t.add(n);}function P(e,t){return Array.from(e.children).filter(n=>n instanceof HTMLElement?n.getAttribute("data-rmg-slide")==="true"&&v(n)===t:false)}function K(e,t){return t.some(n=>P(e,n).some(r=>r.hasAttribute("data-rmg-lazyload")&&!A(r)))}function W(e,t,n){return new Promise(r=>{let i=typeof performance<"u"&&typeof performance.now=="function"?performance.now():Date.now(),l=null,f=null,s=()=>{l!=null&&typeof cancelAnimationFrame=="function"&&cancelAnimationFrame(l),f!=null&&clearTimeout(f),l=null,f=null;},m=()=>{if(typeof requestAnimationFrame=="function"){l=requestAnimationFrame(g);return}f=setTimeout(g,16);},g=()=>{if(l=null,f=null,n()){s(),r();return}let S=typeof performance<"u"&&typeof performance.now=="function"?performance.now():Date.now();if(!K(e,t)||S-i>=Z){s(),r();return}m();};g();})}function U(e,t){let n=new Set;try{e.cellsInView().forEach(r=>{Number.isFinite(r)&&n.add(r);});}catch{}if(n.size===0){let r=t.find(l=>l.getAttribute("data-rmg-clone")!=="true"),i=r?v(r):null;i!=null&&n.add(i);}return Array.from(n)}function $(e,t){h(e,{onRevealed:()=>w(e,t)});}async function M(e,t){await i(e,{shouldAbort:()=>!e.isConnected,onRevealed:()=>w(e,t)});}async function N(e,t,n){let r=P(e,t);if(!r.length)return;let i=r.filter(l=>l.hasAttribute("data-rmg-lazyload")&&!A(l));i.length&&await Promise.all(i.map(async l=>{if(!z(l)){l.setAttribute(c,"true");try{await M(l,n);}finally{l.removeAttribute(c);}}}));}function j(e){return {...e,opacity:e?.opacity??0,transition:e?.transition??"opacity 280ms ease"}}function J(e){return typeof e=="string"?e:e.displayName??e.name??""}function Q(e){if(typeof e.type=="string"||typeof e.props?.src!="string"||!e.props.src||e.props.src===a$2)return false;let t=J(e.type).toLowerCase();return !(t.includes("video")||t.includes("player")||t.includes("plyr"))}function D(e$1){if(!o.isValidElement(e$1))return e$1;let t=e$1;if(typeof t.type=="string"){let r=t.type.toLowerCase();if(r==="img"){let i=t.props.src,l=t.props[b]??i;return o.cloneElement(t,{src:l?a$2:i,[b]:l,loading:t.props.loading??"lazy",decoding:t.props.decoding??"async",style:j(t.props.style)})}if(r==="video")return o.cloneElement(t,{preload:t.props.preload??"metadata"})}if(Q(t)){let r=t.props.src,i={[b]:r,[e]:"true"};return jsx("span",{"data-rmg-lazy-custom-src-proxy":"true",...i,style:{display:"contents"},children:o.cloneElement(t,{src:a$2})})}let n=t.props?.children;return n==null?t:o.cloneElement(t,{children:o.Children.map(n,D)})}function X({host:e,options:t={}}){let n=t,r=o.useRef(new Set),[i,l]=o.useState([]),f$1=o.useRef(e.setPluginReady),s=e.handle,m=s?._usesLegacyEngine===true,g=e.coreReady;o.useEffect(()=>{f$1.current=e.setPluginReady;},[e.setPluginReady]);let S=o.useCallback(()=>{if(!s||m){l([]);return}let u=B(s);l(a=>G(a,u)?a:u);},[s,m]);return o.useLayoutEffect(()=>{if(S(),!s||m)return;let u=s.onSlidesBuilt(S),a=typeof requestAnimationFrame=="function"?requestAnimationFrame(S):null;return ()=>{u(),a!=null&&typeof cancelAnimationFrame=="function"&&cancelAnimationFrame(a);}},[s,m,e.slideCount,S]),o.useLayoutEffect(()=>{if(!i.length||m)return;let u=r.current;i.forEach(a=>{let p=q(a);a.getAttribute("data-rmg-kind")!==p&&a.setAttribute("data-rmg-kind",p);let c=v(a);if(c!=null&&u.has(c)){$(a,u);return}if(A(a)){w(a,u);return}f(a);});},[m,i]),o.useEffect(()=>{if(m){f$1.current(true);return}if(!s||!g){f$1.current(false);return}let u=s.getContainerNode();if(!u||!i.length){f$1.current(true);return}let a=false,p=r.current,c=U(s,i);if(!c.some(d=>P(u,d).some(y=>y.hasAttribute("data-rmg-lazyload")&&!A(y)))){f$1.current(true);return}return f$1.current(false),Promise.all(c.map(d=>N(u,d,p))).then(()=>W(u,c,()=>a)).finally(()=>{a||f$1.current(true);}),()=>{a=true;}},[s,m,e.slideCount,g,i]),o.useEffect(()=>{if(!s||m||!g||!i.length)return;let u=s.getViewportNode(),a=s.getContainerNode();if(!u||!a)return;let p=i.filter(d=>d.hasAttribute("data-rmg-lazyload"));if(!p.length)return;let c$1=r.current;if(typeof IntersectionObserver>"u"){p.forEach(d=>{let y=v(d);if(y!=null){N(a,y,c$1);return}z(d)||A(d)||(d.setAttribute(c,"true"),M(d,c$1).finally(()=>{d.removeAttribute(c);}));});return}let R=new IntersectionObserver(d=>{for(let y of d){let L=y.target;if(A(L)){R.unobserve(L);continue}if(!y.isIntersecting||y.intersectionRatio<.25)continue;let H=v(L);H!=null?N(a,H,c$1):z(L)||(L.setAttribute(c,"true"),M(L,c$1).finally(()=>{L.removeAttribute(c);})),R.unobserve(L);}},{root:u,rootMargin:"0px",threshold:[0,.25,.5,.6,.75,1]});return p.forEach(d=>R.observe(d)),()=>R.disconnect()},[s,m,e.slideCount,g,i]),!i.length||m?null:jsx(Fragment,{children:i.map((u,a)=>{let p=u.getAttribute("data-rmg-clone")==="true",c=V(n,{kind:q(u),isClone:p});if(!c.render)return null;let R=[c.isCustom?a$1.spinnerWrap:a$1.spinner,n.spinnerClassName].filter(Boolean).join(" ");return createPortal(c.isCustom?jsx("div",{"data-rmg-spinner":true,className:R,style:n.spinnerStyle,"aria-hidden":"true",children:c.node},"rmg-lazy-spinner"):jsx("div",{"data-rmg-spinner":true,className:R,style:n.spinnerStyle,"aria-hidden":"true"},"rmg-lazy-spinner"),u,`rmg-slider-lazy-spinner-${a}`)})})}function ee(e={}){return a("lazy-load",{options:e,blocksReady:e.enabled!==false,transformChildren:e.enabled===false?void 0:te,Runtime:e.enabled===false?void 0:X})}function te(e){return o.Children.map(e,D)}export{ee as sliderLazyLoad};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.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}}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { x as SliderLoadingOptions, o as SliderPlugin } from './types-CfvTYIyd.mjs';
|
|
2
|
+
import './responsiveNumber-CouEMJ9O.mjs';
|
|
3
|
+
import 'react';
|
|
4
|
+
import './force-C5m1QpdF.mjs';
|
|
5
|
+
import './media.mjs';
|
|
6
|
+
|
|
7
|
+
declare function sliderLoading(options?: SliderLoadingOptions): SliderPlugin;
|
|
8
|
+
|
|
9
|
+
export { SliderLoadingOptions, sliderLoading };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import {a}from'./chunk-WGVWASZM.mjs';import {a as a$1}from'./chunk-NQI246HG.mjs';import {jsx}from'react/jsx-runtime';function t(e){return e===true?true:typeof e=="object"&&e!=null?e.enabled===true:false}function d(e,o){let n=o??{};return n.enabled===false||!n.renderLoading||!(t(n.force)||!e.handle?.isReady())?null:jsx("div",{className:a$1.loadingLayer,"aria-hidden":"true",children:n.renderLoading({count:Math.max(1,e.cellsInView.length||1)})})}function l(e={}){return a("loading",{options:e,renderOverlay:d})}export{l as sliderLoading};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { y as SliderParallax, o as SliderPlugin } from './types-CfvTYIyd.mjs';
|
|
2
|
+
import './responsiveNumber-CouEMJ9O.mjs';
|
|
3
|
+
import 'react';
|
|
4
|
+
import './force-C5m1QpdF.mjs';
|
|
5
|
+
import './media.mjs';
|
|
6
|
+
|
|
7
|
+
declare function sliderParallax(options?: SliderParallax): SliderPlugin;
|
|
8
|
+
|
|
9
|
+
export { SliderParallax, sliderParallax };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import {a}from'./chunk-WGVWASZM.mjs';import*as l from'react';import {jsx}from'react/jsx-runtime';var S=.2;function N(e,a){return (e%a+a)%a}function A(e,a){let n=e-a;return n>.5&&(n-=1),n<-0.5&&(n+=1),n}function C(e,a){let n=e??"8%";if(n.trim().endsWith("%")){let s=Number.parseFloat(n);return Number.isFinite(s)?s>50?s/100:1+s/100:1.08}let c=Number.parseFloat(n);return Number.isFinite(c)?1+c/Math.max(1,a||1):1.08}function E(e,a){let n=a??{},c=n.borderRadius,s=C(n.bleedPct,0);return l.Children.map(e,p=>jsx("div",{className:"rmg__parallax",style:{overflow:"hidden",borderRadius:c,height:"100%",width:n.sideWidth??"100%"},children:jsx("div",{className:"rmg__parallax__layer",style:{height:"100%",width:"100%",willChange:"transform",transform:`scale(${s})`,transformOrigin:"center"},children:p})}))}function w({host:e,options:a}){let n=a.enabled!==false,c=l.useRef([]),s=l.useRef([]),p=l.useCallback(()=>{let t=e.handle;if(!n||!t||t._usesLegacyEngine)return;let r=t.getInternals(),i=t.getContainerNode(),u=r.sliderWidth.current||0,o=[],d=[];if(!i||u<=0){c.current=o,s.current=d;return}let m=Array.from(i.children);for(let x of m){let b=x.querySelector(".rmg__parallax__layer");if(!b)continue;let y=x.getAttribute("data-rmg-idx");if(y==null)continue;let R=Number.parseInt(y,10);if(!Number.isFinite(R))continue;let P=t.slideIndexForCell(R),h=r.slides.current?.[P];if(!h)continue;let f=r.getCenterOffsetForIndex(P);o.push(b),d.push(N((h.target??0)-f,u)/u);}c.current=o,s.current=d;},[n,e.handle]),g=l.useCallback(()=>{let t=e.handle;if(!n||!t||t._usesLegacyEngine)return;let r=t.getInternals(),i=t.getContainerNode(),u=t.getViewportNode(),o=r.sliderWidth.current||0,d=c.current,m=s.current;if(!i||!u||o<=0||!d.length||d.length!==m.length)return;let x=-(r.offsetLocation.current?.get()??0),b=e.loop?N(x,o)/o:Math.min(1,Math.max(0,x/Math.max(1,o-i.clientWidth))),y=Math.max(r.visibleImages.current||1,1),R=S*((m.length||1)/y),P=e.axis==="y"?u.clientHeight:u.clientWidth,h=C(a.bleedPct,P);for(let f=0;f<d.length;f++){let F=(e.loop?A(m[f],b):m[f]-b)*-R*100;d[f].style.transform=e.axis==="y"?`translateY(${F}%) scale(${h})`:`translateX(${F}%) scale(${h})`;}},[n,e.axis,e.handle,e.loop,a.bleedPct]);return l.useLayoutEffect(()=>{if(!n||!e.handle||e.handle._usesLegacyEngine)return;let t=e.handle.getContainerNode();if(!t)return;let r=requestAnimationFrame(()=>{p(),g();}),i=typeof MutationObserver>"u"?null:new MutationObserver(()=>{cancelAnimationFrame(r),r=requestAnimationFrame(()=>{p(),g();});});return i?.observe(t,{childList:true}),()=>{cancelAnimationFrame(r),i?.disconnect();}},[p,n,e.coreReady,e.handle,e.slideCount,e.loop,g]),l.useEffect(()=>{if(!n||!e.handle||e.handle._usesLegacyEngine)return;let t=0,r=false,i=()=>{r||(g(),t=requestAnimationFrame(i));};return t=requestAnimationFrame(i),()=>{r=true,cancelAnimationFrame(t);}},[n,e.handle,g]),null}function L(e={}){return a("parallax",{options:e,transformChildren:e.enabled===false?void 0:E,Runtime:e.enabled===false?void 0:w})}export{L as sliderParallax};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { z as SliderProgress, o as SliderPlugin } from './types-CfvTYIyd.mjs';
|
|
2
|
+
import './responsiveNumber-CouEMJ9O.mjs';
|
|
3
|
+
import 'react';
|
|
4
|
+
import './force-C5m1QpdF.mjs';
|
|
5
|
+
import './media.mjs';
|
|
6
|
+
|
|
7
|
+
declare function sliderProgress(options?: SliderProgress): SliderPlugin;
|
|
8
|
+
|
|
9
|
+
export { SliderProgress, sliderProgress };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import {a}from'./chunk-WGVWASZM.mjs';import*as l from'react';import {jsx}from'react/jsx-runtime';function m(e){return Math.max(0,Math.min(1,e))}function g(e,r,s,a){let n=m(s);e&&(e.style.setProperty("--rmg-progress",String(n)),e.setAttribute("data-rmg-progress",String(n)),e.setAttribute("aria-valuenow",String(Math.round(n*100)))),r&&(a==="y"?r.style.height=`${n*100}%`:r.style.width=`${n*100}%`);}function f({host:e,options:r}){let s=l.useRef(null),a=l.useRef(null);if(r.enabled===false||e.slideCount<=1)return null;let n=m(e.progress);return l.useEffect(()=>{if(r.enabled===false||e.slideCount<=1)return;let t=0,i=false,u=()=>{i||(g(s.current,a.current,e.handle?.scrollProgress()??n,e.axis),t=window.requestAnimationFrame(u));};return u(),()=>{i=true,window.cancelAnimationFrame(t);}},[e.axis,e.handle,e.slideCount,r.enabled,n]),r.render?r.render({ref:s,innerRef:a,hidden:false,progress:n,axis:e.axis,className:r.root?.className,style:r.root?.style,innerClassName:r.bar?.className,innerStyle:r.bar?.style}):jsx("div",{ref:s,className:["rmgProgress",r.root?.className].filter(Boolean).join(" "),style:{position:"absolute",zIndex:15,left:e.axis==="y"?6:"50%",top:e.axis==="y"?"50%":void 0,bottom:e.axis==="y"?void 0:6,transform:e.axis==="y"?"translateY(-50%)":"translateX(-50%)",width:e.axis==="y"?4:"60%",height:e.axis==="y"?"60%":4,borderRadius:999,background:"rgba(80,163,255,.22)",overflow:"hidden",pointerEvents:"none","--rmg-progress":n,...r.root?.style??{}},"aria-hidden":true,"data-rmg-progress":String(n),children:jsx("div",{ref:a,className:["rmgProgressBar",r.bar?.className].filter(Boolean).join(" "),style:{width:e.axis==="y"?"100%":`${n*100}%`,height:e.axis==="y"?`${n*100}%`:"100%",borderRadius:"inherit",background:"rgb(80,163,255)",transition:"none",...r.bar?.style??{}}})})}function c(e={}){return a("progress",{options:e,Runtime:f})}export{c as sliderProgress};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { j as SliderHandle } from './types-CfvTYIyd.mjs';
|
|
3
|
+
import './responsiveNumber-CouEMJ9O.mjs';
|
|
4
|
+
import './force-C5m1QpdF.mjs';
|
|
5
|
+
import './media.mjs';
|
|
6
|
+
|
|
7
|
+
type SliderReadyController = {
|
|
8
|
+
ref: React.RefCallback<SliderHandle>;
|
|
9
|
+
ready: boolean;
|
|
10
|
+
handleRef: React.MutableRefObject<SliderHandle | null>;
|
|
11
|
+
};
|
|
12
|
+
declare function useSliderReady(): SliderReadyController;
|
|
13
|
+
|
|
14
|
+
export { type SliderReadyController, useSliderReady };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import'./chunk-4VHNCVVB.mjs';export{a as useSliderReady}from'./chunk-VWEQRZ24.mjs';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { B as SliderRipple, o as SliderPlugin } from './types-CfvTYIyd.mjs';
|
|
2
|
+
import './responsiveNumber-CouEMJ9O.mjs';
|
|
3
|
+
import 'react';
|
|
4
|
+
import './force-C5m1QpdF.mjs';
|
|
5
|
+
import './media.mjs';
|
|
6
|
+
|
|
7
|
+
declare function sliderRipple(_options?: SliderRipple): SliderPlugin;
|
|
8
|
+
|
|
9
|
+
export { SliderRipple, sliderRipple };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import {a}from'./chunk-WGVWASZM.mjs';function r(p={}){return a("ripple",{options:p})}export{r as sliderRipple};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { D as SliderScale, o as SliderPlugin } from './types-CfvTYIyd.mjs';
|
|
2
|
+
import './responsiveNumber-CouEMJ9O.mjs';
|
|
3
|
+
import 'react';
|
|
4
|
+
import './force-C5m1QpdF.mjs';
|
|
5
|
+
import './media.mjs';
|
|
6
|
+
|
|
7
|
+
declare function sliderScale(options?: SliderScale): SliderPlugin;
|
|
8
|
+
|
|
9
|
+
export { SliderScale, sliderScale };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import {a}from'./chunk-WGVWASZM.mjs';import*as m from'react';function L(e){return Math.max(0,Math.min(1,e))}function M(e,l){return (e%l+l)%l}function N(e){let l=e??1.12;return Number.isFinite(l)?l>1?l:1+Math.max(0,l):1.12}function P({host:e,options:l}){let o=l.enabled!==false,f=m.useCallback(()=>{let r=e.handle;if(!o||!r||r._usesLegacyEngine)return;let a=r.getInternals(),i=r.getContainerNode(),x=a.slides.current??[],p=a.sliderWidth.current||0;if(!i||!x.length)return;let h=N(l.amount),b=e.loop&&p>0,S=-(a.offsetLocation.current?.get()??0),g=b?M(S,p):S,t=[];for(let n=0;n<x.length;n++){let s=(x[n].target??0)-a.getCenterOffsetForIndex(n);b?(t.push({x:s-p,index:n}),t.push({x:s,index:n}),t.push({x:s+p,index:n})):t.push({x:s,index:n});}if(t.sort((n,d)=>n.x-d.x),!t.length)return;let c=t[0],u=t[t.length-1]??c;if(t.length===1)u=c;else if(g<=t[0].x)c=t[0],u=t[1];else if(g>=t[t.length-1].x)c=t[t.length-2],u=t[t.length-1];else for(let n=0;n<t.length-1;n++){let d=t[n],s=t[n+1];if(g>=d.x&&g<=s.x){c=d,u=s;break}}let R=Math.max(1,u.x-c.x),A=c===u?0:L((g-c.x)/R),y=new Array(x.length).fill(1);y[c.index]=1+(h-1)*(1-A),y[u.index]=Math.max(y[u.index]??1,1+(h-1)*A);let I=Array.from(i.children);for(let n of I){let d=n.getAttribute("data-rmg-idx");if(d==null){n.style.setProperty("--rmg-scale","1"),n.style.zIndex="0";continue}let s=Number.parseInt(d,10),E=Number.isFinite(s)?r.slideIndexForCell(s):0,C=y[E]??1;n.style.setProperty("--rmg-scale",String(C)),n.style.zIndex=C>1.0001?"1":"0",n.style.transformOrigin||(n.style.transformOrigin="center"),n.style.transition||(n.style.transition="transform 120ms linear");}},[o,e.handle,e.loop,l.amount]);return m.useLayoutEffect(()=>{if(!o||!e.handle||e.handle._usesLegacyEngine)return;let r=e.handle.getContainerNode();if(!r)return;let a=requestAnimationFrame(f),i=typeof MutationObserver>"u"?null:new MutationObserver(()=>{cancelAnimationFrame(a),a=requestAnimationFrame(f);});return i?.observe(r,{childList:true}),()=>{cancelAnimationFrame(a),i?.disconnect();}},[f,o,e.coreReady,e.handle,e.loop,e.slideCount]),m.useEffect(()=>{if(!o||!e.handle||e.handle._usesLegacyEngine)return;let r=0,a=false,i=()=>{a||(f(),r=requestAnimationFrame(i));};return r=requestAnimationFrame(i),()=>{a=true,cancelAnimationFrame(r);}},[f,o,e.handle]),m.useEffect(()=>{if(o||!e.handle)return;let r=e.handle.getContainerNode();(r?Array.from(r.children):[]).forEach(i=>{i.style.setProperty("--rmg-scale","1"),i.style.zIndex="0";});},[o,e.handle]),null}function k(e={}){return a("scale",{options:e,Runtime:P})}export{k as sliderScale};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.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}}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { F as SliderScrollbar, o as SliderPlugin } from './types-CfvTYIyd.mjs';
|
|
2
|
+
import './responsiveNumber-CouEMJ9O.mjs';
|
|
3
|
+
import 'react';
|
|
4
|
+
import './force-C5m1QpdF.mjs';
|
|
5
|
+
import './media.mjs';
|
|
6
|
+
|
|
7
|
+
declare function sliderScrollbar(options?: SliderScrollbar): SliderPlugin;
|
|
8
|
+
|
|
9
|
+
export { SliderScrollbar, sliderScrollbar };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import {a}from'./chunk-WGVWASZM.mjs';import {a as a$1}from'./chunk-NQI246HG.mjs';import*as o from'react';import {jsx}from'react/jsx-runtime';var d=0,f=1,b=.001;function g(e){return Math.max(0,Math.min(1,e))}function p(e,r){if(!e)return;let l=String(g(r));e.value=l,e.style.setProperty("--rmg-scrollbar-progress",l),e.setAttribute("data-rmg-scrollbar-progress",l),e.setAttribute("aria-valuenow",String(Math.round(Number(l)*100)));}function y({host:e,options:r}){let l=o.useRef(null),i=r.enabled===false||e.slideCount<=1,a=g(e.progress);if(o.useEffect(()=>{if(i)return;let t=0,n=false,s=()=>{n||(p(l.current,e.handle?.scrollProgress()??a),t=window.requestAnimationFrame(s));};return s(),()=>{n=true,window.cancelAnimationFrame(t);}},[i,e.handle,a]),i)return null;let u=t=>{let n=Number.parseFloat(t.currentTarget.value);if(!Number.isFinite(n)||(p(l.current,n),e.handle?._scrollToProgressFromUi?.(n)))return;let s=Math.round(n*Math.max(0,e.slideCount-1));e.handle?.setIndex(s);};return r.render?r.render({ref:l,hidden:false,value:a,axis:e.axis,min:d,max:f,step:b,onChange:u,className:r.root?.className,style:r.root?.style}):jsx("input",{ref:l,"aria-label":"Slider position",type:"range",min:d,max:f,step:b,defaultValue:a,className:[a$1.scrollbar,e.axis==="y"?a$1.scrollbarY:"",r.root?.className].filter(Boolean).join(" "),style:{position:"absolute",zIndex:16,left:e.axis==="y"?10:"50%",top:e.axis==="y"?"50%":void 0,bottom:e.axis==="y"?void 0:10,transform:e.axis==="y"?"translateY(-50%) rotate(-90deg)":"translateX(-50%)",width:e.axis==="y"?"60%":"min(60%, 28rem)","--rmg-scrollbar-progress":a,...r.root?.style??{}},onChange:u,onInput:t=>u(t)})}function S(e={}){return a("scrollbar",{options:e,Runtime:y})}export{S as sliderScrollbar};
|
package/dist/slider.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.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}.
|
|
1
|
+
.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}}
|
package/dist/slider.d.mts
CHANGED
|
@@ -1,85 +1,15 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
export { R as ResponsiveHeightRule } from './types-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
import './elements-24CTbRWj.mjs';
|
|
2
|
+
import { B as BreakpointMap } from './responsiveNumber-CouEMJ9O.mjs';
|
|
3
|
+
import { i as SliderOptions, q as SliderIndexChannel, j as SliderHandle } from './types-CfvTYIyd.mjs';
|
|
4
|
+
export { C as CrossFade, d as CrossFadeWheel, e as CrossFadeWheelOptions, I as IndexMode, R as ResponsiveHeightRule, k as SliderApi, S as SliderAutoHeight, f as SliderAutoPlayTimer, l as SliderItemsApi, m as SliderNodeInput, o as SliderPlugin, p as SliderPluginKind, n as SliderRemoveTarget, g as SliderSkipSnaps, h as SliderSkipSnapsOptions, c as createSliderIndexChannel } from './types-CfvTYIyd.mjs';
|
|
5
|
+
export { SliderReadyController, useSliderReady } from './slider-ready.mjs';
|
|
6
|
+
import './force-C5m1QpdF.mjs';
|
|
7
|
+
import './media.mjs';
|
|
9
8
|
|
|
10
9
|
declare const Slider: React.ForwardRefExoticComponent<SliderOptions & {
|
|
11
10
|
children?: React.ReactNode;
|
|
12
11
|
breakpoints?: BreakpointMap;
|
|
13
|
-
expandableImageRefs?: React.RefObject<Array<HTMLImageElement | null>>;
|
|
14
12
|
indexChannel?: SliderIndexChannel;
|
|
15
13
|
} & React.RefAttributes<SliderHandle>>;
|
|
16
14
|
|
|
17
|
-
|
|
18
|
-
readonly layout: {
|
|
19
|
-
readonly gap: 20;
|
|
20
|
-
};
|
|
21
|
-
readonly direction: {
|
|
22
|
-
readonly dir: "ltr";
|
|
23
|
-
readonly axis: "x";
|
|
24
|
-
};
|
|
25
|
-
readonly align: "start";
|
|
26
|
-
readonly scroll: {
|
|
27
|
-
readonly groupCells: false;
|
|
28
|
-
readonly skipSnaps: false;
|
|
29
|
-
readonly freeScroll: false;
|
|
30
|
-
readonly loop: false;
|
|
31
|
-
};
|
|
32
|
-
readonly lazyLoad: {
|
|
33
|
-
readonly enabled: false;
|
|
34
|
-
readonly spinner: true;
|
|
35
|
-
readonly spinnerClassName: "";
|
|
36
|
-
readonly spinnerStyle: {};
|
|
37
|
-
};
|
|
38
|
-
readonly controls: {
|
|
39
|
-
readonly arrows: {
|
|
40
|
-
readonly enabled: true;
|
|
41
|
-
readonly arrow: {};
|
|
42
|
-
readonly prev: {};
|
|
43
|
-
readonly next: {};
|
|
44
|
-
};
|
|
45
|
-
readonly dots: {
|
|
46
|
-
readonly enabled: true;
|
|
47
|
-
readonly root: {};
|
|
48
|
-
readonly dot: {};
|
|
49
|
-
};
|
|
50
|
-
readonly progress: {
|
|
51
|
-
readonly enabled: false;
|
|
52
|
-
readonly root: {};
|
|
53
|
-
readonly bar: {};
|
|
54
|
-
};
|
|
55
|
-
readonly scrollbar: {
|
|
56
|
-
readonly enabled: false;
|
|
57
|
-
readonly root: {};
|
|
58
|
-
};
|
|
59
|
-
readonly ripple: {
|
|
60
|
-
readonly enabled: true;
|
|
61
|
-
readonly className: "";
|
|
62
|
-
};
|
|
63
|
-
};
|
|
64
|
-
readonly auto: {
|
|
65
|
-
readonly play: {
|
|
66
|
-
readonly enabled: false;
|
|
67
|
-
readonly speedMs: 3000;
|
|
68
|
-
readonly pauseMs: 1000;
|
|
69
|
-
readonly pauseOnHover: true;
|
|
70
|
-
};
|
|
71
|
-
readonly scroll: {
|
|
72
|
-
readonly enabled: false;
|
|
73
|
-
readonly speedMs: 0.3;
|
|
74
|
-
readonly pauseMs: 1000;
|
|
75
|
-
readonly pauseOnHover: true;
|
|
76
|
-
};
|
|
77
|
-
};
|
|
78
|
-
readonly motion: {
|
|
79
|
-
readonly selectDuration: 25;
|
|
80
|
-
readonly freeScrollDuration: 43;
|
|
81
|
-
readonly friction: 0.68;
|
|
82
|
-
};
|
|
83
|
-
};
|
|
84
|
-
|
|
85
|
-
export { DEFAULT_SLIDER, Slider, SliderHandle, SliderIndexChannel, SliderOptions, Slider as default };
|
|
15
|
+
export { Slider, SliderHandle, SliderIndexChannel, SliderOptions, Slider as default };
|
package/dist/slider.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{a as
|
|
1
|
+
import'./chunk-4VHNCVVB.mjs';export{a as Slider,a as default}from'./chunk-J2ZX5I7E.mjs';export{a as useSliderReady}from'./chunk-VWEQRZ24.mjs';import'./chunk-NQI246HG.mjs';export{c as createSliderIndexChannel}from'./chunk-GUNIA4DZ.mjs';import'./chunk-4NT4UVB5.mjs';import'./chunk-HGY3QLCE.mjs';import'./chunk-D3T6HIS2.mjs';import'./chunk-AKY343WN.mjs';import'./chunk-UML6FCOQ.mjs';import'./chunk-HK2DPKES.mjs';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
type ResponsiveTextLineCount = number | Record<string, number>;
|
|
2
|
+
type ResponsiveTextBarHeight = number | Record<string, number>;
|
|
3
|
+
type ResponsiveTextLineHeight = number | Record<string, number>;
|
|
4
|
+
type TextBarWidth = number | string;
|
|
5
|
+
type TextBarWidths = TextBarWidth | TextBarWidth[];
|
|
6
|
+
type ResponsiveTextBarWidth = TextBarWidths | Record<string, TextBarWidths>;
|
|
7
|
+
type ResponsiveTextLastBarWidth = number | string | Record<string, number | string>;
|
|
8
|
+
type TextSkeletonResponsiveBy = "viewport" | "container";
|
|
9
|
+
|
|
10
|
+
export type { ResponsiveTextBarHeight as R, TextSkeletonResponsiveBy as T, ResponsiveTextBarWidth as a, ResponsiveTextLineHeight as b, ResponsiveTextLineCount as c, ResponsiveTextLastBarWidth as d };
|
package/dist/thumbnails.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
.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}}
|
package/dist/thumbnails.d.mts
CHANGED
|
@@ -1,30 +1,41 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { f as ThumbnailsOptions } from './types-
|
|
5
|
-
export { R as ResponsivePosition,
|
|
6
|
-
import
|
|
7
|
-
import './
|
|
2
|
+
import { q as SliderIndexChannel, I as IndexMode } from './types-CfvTYIyd.mjs';
|
|
3
|
+
import { B as BreakpointMap } from './responsiveNumber-CouEMJ9O.mjs';
|
|
4
|
+
import { f as ThumbnailsOptions, h as ThumbnailSelectMeta } from './types-DP7ogmr4.mjs';
|
|
5
|
+
export { R as ResponsivePosition, j as ThumbnailContainerLayout, e as ThumbnailIntroOptions, i as ThumbnailLayout, a as ThumbnailLoadingElements, c as ThumbnailLoadingOptions, b as ThumbnailLoadingRenderArgs, T as ThumbnailPosition, d as ThumbnailSkeletonMode, p as ThumbnailsControls, l as ThumbnailsElements, k as ThumbnailsLayout, n as ThumbnailsMotion, o as ThumbnailsRipple, m as ThumbnailsScroll, q as ThumbnailsTransitions } from './types-DP7ogmr4.mjs';
|
|
6
|
+
import './force-C5m1QpdF.mjs';
|
|
7
|
+
import './media.mjs';
|
|
8
|
+
import './transitions-DU3ftmIq.mjs';
|
|
8
9
|
|
|
9
10
|
type Props = {
|
|
10
11
|
options?: ThumbnailsOptions;
|
|
11
12
|
children?: React.ReactNode;
|
|
12
13
|
indexChannel?: SliderIndexChannel;
|
|
13
14
|
breakpoints?: BreakpointMap;
|
|
14
|
-
onThumbnailClick?: (index: number) => void;
|
|
15
|
+
onThumbnailClick?: (index: number, meta?: ThumbnailSelectMeta) => void;
|
|
15
16
|
onReadyChange?: (ready: boolean) => void;
|
|
16
17
|
direction?: "ltr" | "rtl";
|
|
17
18
|
};
|
|
18
19
|
declare const ThumbnailSlider: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
|
|
19
20
|
|
|
21
|
+
type SliderIndexEventMeta = {
|
|
22
|
+
source?: "thumbnail" | "external";
|
|
23
|
+
transition?: "scroll" | "crossfade";
|
|
24
|
+
crossfade?: {
|
|
25
|
+
durationMs?: number;
|
|
26
|
+
easing?: string;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
20
29
|
type SliderIndexEvent = {
|
|
21
30
|
type: "set";
|
|
22
31
|
index: number;
|
|
23
32
|
mode: IndexMode;
|
|
33
|
+
meta?: SliderIndexEventMeta;
|
|
24
34
|
} | {
|
|
25
35
|
type: "bump";
|
|
26
36
|
delta: number;
|
|
27
37
|
mode: IndexMode;
|
|
38
|
+
meta?: SliderIndexEventMeta;
|
|
28
39
|
};
|
|
29
40
|
type SliderIndexChannelLike = {
|
|
30
41
|
get: () => {
|
|
@@ -33,9 +44,11 @@ type SliderIndexChannelLike = {
|
|
|
33
44
|
};
|
|
34
45
|
set: (index: number, mode?: IndexMode, opts?: {
|
|
35
46
|
silent?: boolean;
|
|
47
|
+
meta?: SliderIndexEventMeta;
|
|
36
48
|
}) => void;
|
|
37
49
|
bump: (delta: number, mode?: IndexMode, opts?: {
|
|
38
50
|
silent?: boolean;
|
|
51
|
+
meta?: SliderIndexEventMeta;
|
|
39
52
|
}) => void;
|
|
40
53
|
onEvent?: (fn: (event: SliderIndexEvent) => void) => () => void;
|
|
41
54
|
subscribe?: (fn: () => void) => () => void;
|
|
@@ -50,10 +63,8 @@ type CreateThumbnailSyncBridgeArgs = {
|
|
|
50
63
|
type ThumbnailSyncBridge = {
|
|
51
64
|
start: () => () => void;
|
|
52
65
|
stop: () => void;
|
|
53
|
-
publishThumbnailClick: (index: number, mode?: IndexMode) => void;
|
|
66
|
+
publishThumbnailClick: (index: number, mode?: IndexMode, meta?: SliderIndexEventMeta) => void;
|
|
54
67
|
};
|
|
55
68
|
declare function createThumbnailSyncBridge(args: CreateThumbnailSyncBridgeArgs): ThumbnailSyncBridge;
|
|
56
69
|
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
export { DEFAULT_THUMBNAILS, ThumbnailSlider, type ThumbnailSyncBridge, ThumbnailsOptions, createThumbnailSyncBridge, ThumbnailSlider as default };
|
|
70
|
+
export { ThumbnailSlider, type ThumbnailSyncBridge, ThumbnailsOptions, createThumbnailSyncBridge, ThumbnailSlider as default };
|
package/dist/thumbnails.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{
|
|
1
|
+
export{b as ThumbnailSlider,a as createThumbnailSyncBridge,b as default}from'./chunk-6ZNRPJC2.mjs';import'./chunk-R6EGYRTJ.mjs';import'./chunk-P2GQPFSL.mjs';import'./chunk-GUNIA4DZ.mjs';import'./chunk-4NT4UVB5.mjs';import'./chunk-Z34PSRMG.mjs';import'./chunk-HGY3QLCE.mjs';import'./chunk-X4HEGEZV.mjs';import'./chunk-UUAWLGWO.mjs';import'./chunk-LVYED5ZM.mjs';import'./chunk-NHIKOJLU.mjs';import'./chunk-UML6FCOQ.mjs';import'./chunk-B4CC5AGE.mjs';import'./chunk-HK2DPKES.mjs';
|
|
@@ -1,30 +1,42 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import { T as ThumbnailPosition } from './types-
|
|
2
|
+
import { B as BreakpointMap } from './responsiveNumber-CouEMJ9O.mjs';
|
|
3
|
+
import { T as ThumbnailPosition, g as ThumbnailCrossfadeOptions } from './types-DP7ogmr4.mjs';
|
|
4
|
+
import { I as IndexMode } from './types-CfvTYIyd.mjs';
|
|
4
5
|
|
|
5
|
-
type JumpMode =
|
|
6
|
+
type JumpMode = "instant" | "animated";
|
|
7
|
+
type FullscreenRequestMeta = {
|
|
8
|
+
source?: "thumbnail" | "external";
|
|
9
|
+
transition?: "scroll" | "crossfade";
|
|
10
|
+
crossfade?: {
|
|
11
|
+
durationMs?: number;
|
|
12
|
+
easing?: string;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
6
15
|
type FSRequest = {
|
|
7
|
-
type:
|
|
16
|
+
type: "requestSet";
|
|
8
17
|
index: number;
|
|
9
|
-
mode?:
|
|
18
|
+
mode?: IndexMode;
|
|
19
|
+
meta?: FullscreenRequestMeta;
|
|
10
20
|
} | {
|
|
11
|
-
type:
|
|
21
|
+
type: "requestPrev";
|
|
12
22
|
} | {
|
|
13
|
-
type:
|
|
23
|
+
type: "requestNext";
|
|
14
24
|
} | {
|
|
15
|
-
type:
|
|
25
|
+
type: "center";
|
|
16
26
|
};
|
|
17
27
|
type FSEvent = {
|
|
18
|
-
type:
|
|
28
|
+
type: "internalIndex";
|
|
19
29
|
index: number;
|
|
20
30
|
} | {
|
|
21
|
-
type:
|
|
31
|
+
type: "mounted";
|
|
22
32
|
} | {
|
|
23
|
-
type:
|
|
33
|
+
type: "unmounted";
|
|
24
34
|
};
|
|
25
35
|
type FullscreenSliderSub = {
|
|
26
36
|
get: () => number;
|
|
27
|
-
requestSet: (index: number, mode?: JumpMode
|
|
37
|
+
requestSet: (index: number, mode?: JumpMode, opts?: {
|
|
38
|
+
meta?: FullscreenRequestMeta;
|
|
39
|
+
}) => void;
|
|
28
40
|
requestPrev: () => void;
|
|
29
41
|
requestNext: () => void;
|
|
30
42
|
requestCenter: () => void;
|
|
@@ -104,6 +116,7 @@ type FullscreenThumbnailSliderProps = {
|
|
|
104
116
|
}) => React.ReactNode;
|
|
105
117
|
renderPrevArrow?: (args: ArrowRenderArgs) => React.ReactNode;
|
|
106
118
|
renderNextArrow?: (args: ArrowRenderArgs) => React.ReactNode;
|
|
119
|
+
thumbnailCrossfade?: ThumbnailCrossfadeOptions;
|
|
107
120
|
};
|
|
108
121
|
|
|
109
122
|
export type { FSItem as F, FullscreenThumbnailBridge as a, FullscreenThumbnailSliderProps as b, FullscreenThumbnailSlotLayout as c };
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { R as ResponsiveNumber } from './responsiveNumber-CouEMJ9O.mjs';
|
|
2
|
+
import { G as GalleryLazyLoadOptions } from './lazy-dGoYpcRa.mjs';
|
|
3
|
+
|
|
4
|
+
type IntroOptions = {
|
|
5
|
+
renderIntro?: (args: {
|
|
6
|
+
active: boolean;
|
|
7
|
+
containerProps: React.HTMLAttributes<HTMLDivElement>;
|
|
8
|
+
}, content: React.ReactNode) => React.ReactNode;
|
|
9
|
+
staggerMs?: number;
|
|
10
|
+
durationMs?: number;
|
|
11
|
+
easing?: string;
|
|
12
|
+
staggerLimit?: number;
|
|
13
|
+
};
|
|
14
|
+
type FullscreenTrigger = 'item' | 'media';
|
|
15
|
+
type GridLazyLoadOptions = GalleryLazyLoadOptions;
|
|
16
|
+
type GridSpan = number | "full";
|
|
17
|
+
type ResponsiveGridSpan = GridSpan | Record<string, GridSpan>;
|
|
18
|
+
type ResponsiveGridTemplate = string | Record<string, string>;
|
|
19
|
+
type GridItemProps = {
|
|
20
|
+
span?: ResponsiveGridSpan;
|
|
21
|
+
className?: string;
|
|
22
|
+
style?: React.CSSProperties;
|
|
23
|
+
children?: React.ReactNode;
|
|
24
|
+
};
|
|
25
|
+
type GridHandle = {
|
|
26
|
+
getRootNode: () => HTMLElement | null;
|
|
27
|
+
getItemNodes: () => HTMLElement[];
|
|
28
|
+
isReady: () => boolean;
|
|
29
|
+
onReady: (callback: (nodes: HTMLElement[]) => void) => () => void;
|
|
30
|
+
};
|
|
31
|
+
type GridOptions = {
|
|
32
|
+
columns?: ResponsiveNumber;
|
|
33
|
+
templateColumns?: ResponsiveGridTemplate;
|
|
34
|
+
minColumnWidth?: number | string;
|
|
35
|
+
gap?: ResponsiveNumber;
|
|
36
|
+
rootClassName?: string;
|
|
37
|
+
itemClassName?: string;
|
|
38
|
+
fullscreenTrigger?: FullscreenTrigger;
|
|
39
|
+
lazyLoad?: GridLazyLoadOptions;
|
|
40
|
+
intro?: IntroOptions;
|
|
41
|
+
};
|
|
42
|
+
|
|
43
|
+
export type { GridHandle as G, IntroOptions as I, ResponsiveGridSpan as R, GridItemProps as a, GridLazyLoadOptions as b, GridOptions as c, GridSpan as d, ResponsiveGridTemplate as e };
|