react-motion-gallery 2.0.37 → 2.0.38
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/dist/{GridSkeleton-B5wWBN9L.d.mts → GridSkeleton-Dpsi5tXc.d.mts} +1 -1
- package/dist/{MasonrySkeleton-D8aZRUiv.d.mts → MasonrySkeleton-Cs0x-4yL.d.mts} +1 -1
- package/dist/chunk-45TZO7MN.mjs +2 -0
- package/dist/chunk-4RPAI2F7.mjs +4 -0
- package/dist/chunk-4URHXPTV.mjs +4 -0
- package/dist/{chunk-7PF7OJT2.mjs → chunk-5HGFS3S2.mjs} +1 -1
- package/dist/{chunk-MFTASEWB.mjs → chunk-AHMXEVKY.mjs} +1 -1
- package/dist/chunk-AU4O4KU4.mjs +1 -0
- package/dist/chunk-EWWWD475.mjs +1 -0
- package/dist/{chunk-J3UHEYNG.mjs → chunk-MJAHN7TG.mjs} +1 -1
- package/dist/{chunk-63CVVCOL.mjs → chunk-MLE7BKAD.mjs} +1 -1
- package/dist/chunk-P6NLW2QN.mjs +1 -0
- package/dist/chunk-YNQPSE2N.mjs +3 -0
- package/dist/{chunk-3RVITFUD.mjs → chunk-YU2WS3GJ.mjs} +1 -1
- package/dist/entries.d.mts +4 -3
- package/dist/entries.mjs +1 -1
- package/dist/grid.d.mts +2 -2
- package/dist/grid.mjs +1 -1
- package/dist/index.d.mts +2 -1
- package/dist/index.mjs +1 -1
- package/dist/{layout-DoYnPD0I.d.mts → layout-BOy4geKv.d.mts} +1 -0
- package/dist/masonry.mjs +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/skeleton-base.d.mts +8 -5
- package/dist/skeleton-base.mjs +1 -1
- package/dist/skeleton-cache-provider.d.mts +7 -0
- package/dist/skeleton-cache-provider.mjs +1 -0
- package/dist/skeleton-cache.d.mts +70 -0
- package/dist/skeleton-cache.mjs +1 -0
- package/dist/skeleton-grid.d.mts +5 -4
- package/dist/skeleton-grid.mjs +1 -1
- package/dist/skeleton-masonry.d.mts +8 -6
- package/dist/skeleton-masonry.mjs +1 -1
- package/dist/skeleton-slider.d.mts +2 -1
- package/dist/skeleton-slider.mjs +5 -5
- package/package.json +9 -1
- package/dist/chunk-4BTS6IIA.mjs +0 -2
- package/dist/chunk-4ZOW533S.mjs +0 -1
- package/dist/chunk-LSHR3FZM.mjs +0 -4
- package/dist/chunk-RGS2QTPJ.mjs +0 -3
- package/dist/chunk-X3W6JPNH.mjs +0 -4
package/dist/chunk-RGS2QTPJ.mjs
DELETED
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import {i,j,m,l,k,n as n$1,d}from'./chunk-LSHR3FZM.mjs';import {a as a$2}from'./chunk-4ZOW533S.mjs';import {n,l as l$1,a as a$3,m as m$1,B,v,c,o}from'./chunk-4BTS6IIA.mjs';import {a as a$1}from'./chunk-UUAWLGWO.mjs';import {a,b}from'./chunk-HK2DPKES.mjs';import*as I from'react';import {jsx,jsxs}from'react/jsx-runtime';var O={masonrySkeletonRoot:"or",masonrySkeletonCol:"sr",masonrySkeletonItem:"lr",masonrySkeletonLayoutItem:"z",masonrySkeletonLayoutItemInner:"dr"};function fe(e,a){let l=`[data-rmg-mskel-scope="${v(e)}"]`,m=[];m.push(`${l} [data-rmg-mskel-variant]{display:none !important;}`);let i=a[0];i&&m.push(`${l} [data-rmg-mskel-variant="${i.key}"]{display:block !important;}`);for(let c of a)c.minWidth<=0||m.push(`@media (min-width:${c.minWidth}px){${l} [data-rmg-mskel-variant]{display:none !important;}${l} [data-rmg-mskel-variant="${c.key}"]{display:block !important;}}`);return m.join(`
|
|
2
|
-
`)}function P(e,a){return `${e}:${a} !important;`}function xe(e,a){let l=`[data-rmg-mskel-scope="${v(e)}"]`,m=[];for(let i of a){let c=i.items.some(f=>f.span>1),g=`${l} [data-rmg-mskel-variant="${v(i.state.key)}"]`;for(let f of i.containerCssRules??[]){let p=`${g}{`+Object.entries(f.rootDecls).map(([u,b])=>P(u,b)).join("")+"}",x=c?f.items.map(u=>`${`${g} > [data-rmg-mskel-index="${u.index}"]`}{`+[P("top",u.topCssExpr??"0px"),P("left",u.leftCssExpr),P("width",u.widthCssExpr)].join("")+"}").join(""):"";m.push(`@container (min-width:${f.minWidth}px){${p}${x}}`);}}return m.join(`
|
|
3
|
-
`)}function be(e,a){let l=`[data-rmg-mskel-scope="${v(e)}"]`,m=[];for(let i of a){let c=i.items.some(s=>s.span>1),g=`${l} [data-rmg-mskel-variant="${v(i.state.key)}"]`,f=i.items.length?Math.max(0,...i.items.map(s=>s.safariTop+s.safariHeight)):0,p=[["height",i.safariShellHeightCssExpr??i.shellHeightCssExpr??`${f}px`],["--rmg-cols",i.state.columns],["--rmg-gap",`${i.state.gapPx}px`],...Object.entries(i.safariPositionedCssVars??{})],x=c?p:p.filter(([s])=>s!=="height"),u=`${g}{`+x.map(([s,S])=>P(s,S)).join("")+"}",b=i.items.map(s=>{let S=`${g} [data-rmg-mskel-index="${s.index}"]`,h=c?[P("height",s.safariHeightCssExpr),P("top",s.safariTopCssExpr??`${s.safariTop}px`)]:[P("height",s.safariHeightCssExpr)];return `${S}{`+h.join("")+"}"}).join(""),N=(i.safariContainerCssRules??[]).map(s=>{let S=Object.entries(s.rootDecls).filter(([r])=>c||r!=="height"),h=`${g}{`+S.map(([r,d])=>P(r,d)).join("")+"}",D=c?s.items.map(r=>`${`${g} [data-rmg-mskel-index="${r.index}"]`}{`+[P("top",r.topCssExpr??"0px"),P("left",r.leftCssExpr),P("width",r.widthCssExpr)].join("")+"}").join(""):"";return `@container (min-width:${s.minWidth}px){${h}${D}}`}).join("");m.push(`${u}${b}${N}`);}return m.length?`@supports ${c}{${m.join("")}}`:""}function ue(e){if(!e)return {outerStyle:void 0,innerStyle:void 0};let a=o(e),l={};return a.boxShadow!=null&&(l["--rmg-masonry-skel-wrap-shadow"]=a.boxShadow,delete a.boxShadow),a.borderRadius!=null&&(l["--rmg-masonry-skel-wrap-shadow-radius"]=a.borderRadius),{outerStyle:Object.keys(l).length?l:void 0,innerStyle:a}}function Se(e){let{count:a$2,columns:l,gap:m,breakpoints:i$1,classNames:c,ratios:g,placement:f,spec:p,viewportWidth:x,layoutWidthPx:u,disableShimmer:b}=e,N=I.useRef(u),s=N.current!==void 0?N.current:u,S=I.useMemo(()=>({...a,...i$1??{}}),[i$1]),h=I.useMemo(()=>a$1("mskel_",{count:a$2,columns:l,gap:m,breakpoints:S,ratios:g,heightsPx:e.heightsPx,spans:e.spans,placement:f,spec:p}),[a$2,l,m,S,g,e.heightsPx,e.spans,f,p]),D={...p?.backgroundColor?{"--rmg-skel-bg":p.backgroundColor}:null,...p?.radius!=null?{"--rmg-skel-radius":l$1(p.radius)}:null,...b?null:n(p?.shimmer,{enabledVarName:"--rmg-skel-card-shimmer-enabled"}),...!b&&(p?.shimmer?.c2??p?.highlightColor)!=null?{"--rmg-skel-shimmer-c2":p?.shimmer?.c2??p?.highlightColor}:null},r=I.useMemo(()=>i({count:a$2,columns:l,gap:m,breakpoints:S,ratios:g,heightsPx:e.heightsPx,spans:e.spans,placement:f,spec:p,scopeId:h,viewportWidth:x,layoutWidthPx:s}),[a$2,l,m,S,g,e.heightsPx,f,p,h,x,s]),d$1=x!==void 0,$=d$1?d(r.states,x):null,B$1=I.useMemo(()=>d$1?null:fe(h,r.states),[d$1,h,r.variants]),R=I.useMemo(()=>xe(h,r.variants),[h,r.variants]),z=I.useMemo(()=>be(h,r.variants),[h,r.variants]),k=r.structuredLayout,X=c?.root??O.masonrySkeletonRoot,A=c?.column??O.masonrySkeletonCol,_=c?.item??(k?O.masonrySkeletonLayoutItem:O.masonrySkeletonItem),E=d$1&&s!==void 0&&Number.isFinite(Number(s))&&Number(s)>0,Z=I.useMemo(()=>{let o=b?null:a$3.skelCardShimmer;return r.variants.map(t=>{let ee=t.items.some(n=>n.span>1),K=Math.max(0,...t.items.map(n=>n.top+n.height));if(!ee){let n=Array.from({length:t.state.columns},()=>[]);for(let L of t.items)n[L.columnIndex].push(L);return jsx("div",{"data-rmg-mskel-variant":t.state.key,style:{width:"100%","--rmg-cols":t.state.columns,"--rmg-gap":`${t.state.gapPx}px`,...t.positionedCssVars??{},display:d$1?t.state.key===$?"block":"none":t.state.key===r.states[0]?.key?"block":"none"},children:jsx("div",{style:{width:"100%",display:"flex",alignItems:"flex-start",columnGap:`${t.state.gapPx}px`},children:n.map((L,T)=>jsx("div",{className:A,style:{flex:1,minWidth:0,display:"flex",flexDirection:"column"},children:L.map((M,v)=>{let W=v===L.length-1?"0px":`${t.state.gapPx}px`;if(!k)return jsx("div",{"data-rmg-mskel-index":M.index,className:[_,o].filter(Boolean).join(" "),style:{height:`${M.height}px`,marginBottom:W}},`rmg-mskel-${t.state.key}-${M.index}`);let{outerStyle:j,innerStyle:w}=ue(M.slot?.itemWrapStyle);return jsx("div",{"data-rmg-mskel-index":M.index,className:_,style:{...M.slot?.itemWrapStyle?m$1(M.slot.itemWrapStyle):null,...j??null,width:"100%",height:M.heightCssExpr,marginBottom:W},children:jsx("div",{className:[O.masonrySkeletonLayoutItemInner,o].filter(Boolean).join(" "),style:w,children:jsx("div",{style:{width:"100%"},children:jsx(B,{node:M.slot?.item??k.item,disableShimmer:true,breakpointMap:S})})})},`rmg-mskel-${t.state.key}-${M.index}`)})},T))})},t.state.key)}return jsx("div",{"data-rmg-mskel-variant":t.state.key,style:{position:"relative",width:"100%",height:k&&!E?t.shellHeightCssExpr??`${K}px`:`${K}px`,display:d$1?t.state.key===$?"block":"none":t.state.key===r.states[0]?.key?"block":"none","--rmg-cols":t.state.columns,"--rmg-gap":`${t.state.gapPx}px`,...t.positionedCssVars??{}},children:t.items.map(n=>{if(!k)return jsx("div",{"data-rmg-mskel-index":n.index,className:[_,o].filter(Boolean).join(" "),style:{position:"absolute",top:`${n.top}px`,left:n.leftCssExpr,width:n.widthCssExpr,height:`${n.height}px`}},`rmg-mskel-${t.state.key}-${n.index}`);let{outerStyle:L,innerStyle:T}=ue(n.slot?.itemWrapStyle);return jsx("div",{"data-rmg-mskel-index":n.index,className:_,style:{...n.slot?.itemWrapStyle?m$1(n.slot.itemWrapStyle):null,...L??null,position:"absolute",top:E?`${n.top}px`:n.topCssExpr??`${n.top}px`,left:E?`${n.leftPx}px`:n.leftCssExpr,width:E?`${n.widthPx}px`:n.widthCssExpr,height:E?`${n.height}px`:n.heightCssExpr,minWidth:0},children:jsx("div",{className:[O.masonrySkeletonLayoutItemInner,o].filter(Boolean).join(" "),style:T,children:jsx("div",{style:{width:"100%"},children:jsx(B,{node:n.slot?.item??k.item,disableShimmer:true,breakpointMap:S})})})},`rmg-mskel-${t.state.key}-${n.index}`)})},t.state.key)})},[_,A,r.variants,r.states,k,S,d$1,E,$,b]);return jsxs("div",{"data-rmg-mskel-scope":h,"data-rmg-skel-node":r.structuredNodeId,className:[X,p?.className].filter(Boolean).join(" "),style:{...D,...r.plainStructuredStyle||{},containerType:"inline-size",width:"100%"},children:[B$1?jsx("style",{dangerouslySetInnerHTML:{__html:B$1}}):null,r.responsiveCss?jsx("style",{dangerouslySetInnerHTML:{__html:r.responsiveCss}}):null,R?jsx("style",{dangerouslySetInnerHTML:{__html:R}}):null,Z,z?jsx("style",{dangerouslySetInnerHTML:{__html:z}}):null]})}function ke(e){return !!e&&typeof e=="object"&&!("kind"in e)&&"layout"in e&&e.layout?.kind==="masonry"}function he(e){return !!e&&typeof e=="object"&&"kind"in e&&e.kind==="masonry"}function Me(e){if(ke(e))return e;let{className:a,backgroundColor:l,radius:m,shimmer:i,columns:c,gap:g,ratios:f,heightsPx:p,spans:x,placement:u,viewportWidth:b,layoutWidthPx:N,...s}=e;return {className:a,backgroundColor:l,radius:m,shimmer:i,layout:s}}function Fe({layout:e,children:a$3,breakpoints:l$2,className:m$1,style:i$1,shellClassName:c,shellStyle:g,contentClassName:f,contentStyle:p,backgroundColor:x,radius:u,shimmer:b$1,disableShimmer:N,ariaLabel:s,ready:S,enabled:h,force:D,timing:r,masonry:d}){let $=I.useMemo(()=>({...a,...l$2??{}}),[l$2]),B=I.useMemo(()=>a$1("skel_",{layout:e,breakpoints:$,backgroundColor:x,radius:u,shimmer:b$1,disableShimmer:N,masonry:d}),[e,$,x,u,b$1,N,d]),R=I.useMemo(()=>he(e)||ke(e)?Me(e):null,[e]),z=R?.layout?.kind==="masonry"?R.layout:null,k$1=he(e)?e:null,X=I.useRef(null),A=d?.layoutWidthPx??k$1?.layoutWidthPx,[_,E]=I.useState(void 0),Z=A??_;I.useLayoutEffect(()=>{if(A!==void 0){E(w=>w===void 0?w:void 0);return}let v=X.current;if(!v)return;let W=w=>{let H=Number(w);!Number.isFinite(H)||H<=0||E(U=>U!=null&&Math.abs(U-H)<.5?U:H);},j=()=>{W(v.getBoundingClientRect().width);};if(j(),typeof ResizeObserver<"u"){let w=new ResizeObserver(H=>{let U=H[0];W(U?.contentRect.width);});return w.observe(v),()=>w.disconnect()}return window.addEventListener("resize",j),()=>window.removeEventListener("resize",j)},[A]);let o=R?{count:d?.count??(typeof z?.count=="number"?Math.max(0,z.count|0):1),columns:d?.columns??k$1?.columns,gap:d?.gap??k$1?.gap,ratios:d?.ratios??k$1?.ratios,heightsPx:d?.heightsPx??k$1?.heightsPx,spans:d?.spans??k$1?.spans,placement:d?.placement??k$1?.placement,viewportWidth:d?.viewportWidth??k$1?.viewportWidth,layoutWidthPx:Z,disableShimmer:N}:null,t=I.useMemo(()=>{if(!R||!o)return null;let v=a$1("mseed_",{scopeId:B,breakpoints:$,masonry:o,spec:R}),W=i({count:o.count,columns:o.columns,gap:o.gap,breakpoints:$,ratios:o.ratios,heightsPx:o.heightsPx,spans:o.spans,placement:o.placement,spec:R,scopeId:v,respectLayoutCount:false,viewportWidth:o.viewportWidth,layoutWidthPx:o.layoutWidthPx}),j$1=j(W.variants,o.viewportWidth??b);return {scopeId:v,initialHeights:j$1?.items.map(w=>w.height),responsiveCss:k({scopeId:v,prediction:W}),shellReserveCss:l({scopeId:v,prediction:W}),shellReserveSafariCss:m({scopeId:v,prediction:W})}},[$,o?.columns,o?.count,o?.disableShimmer,o?.gap,o?.heightsPx,o?.layoutWidthPx,o?.placement,o?.ratios,o?.spans,o?.viewportWidth,R,B]),ee={...i$1,...x?{"--rmg-skel-bg":x}:null,...u!=null?{"--rmg-skel-radius":l$1(u)}:null,...N?null:n(b$1)},K=R&&o?jsx("div",{"data-rmg-skeleton-scope":B,ref:X,className:m$1,style:ee,"aria-hidden":s?void 0:true,"aria-label":s,role:s?"status":void 0,"aria-live":s?"polite":void 0,children:jsx(Se,{...o,spec:R,breakpoints:$})}):null,n$2=I.useCallback(v=>t?jsx(n$1,{value:t,children:v}):v,[t]);if(!K)return null;let L=a$3!==void 0&&!!t?.scopeId,T=L&&h!==false&&S!==true&&!!t?.shellReserveCss,M=jsx(a$2,{skeletonNode:K,ready:S,enabled:h,force:D,timing:r,shellClassName:c,shellStyle:g,contentClassName:f,contentStyle:p,contentOwnsWrapperLayout:a$3!==void 0,loadingLayerFirst:a$3!==void 0,contentWrapper:n$2,shellDataAttributes:T?{"data-rmg-masonry-skeleton-shell":t.scopeId}:void 0,children:a$3});return L?jsxs("div",{style:{containerType:"inline-size",width:"100%"},children:[T?jsx("style",{dangerouslySetInnerHTML:{__html:t.shellReserveCss}}):null,M,T&&t.shellReserveSafariCss?jsx("style",{dangerouslySetInnerHTML:{__html:t.shellReserveSafariCss}}):null]}):M}export{Fe as a};
|
package/dist/chunk-X3W6JPNH.mjs
DELETED
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import {a as a$2}from'./chunk-4ZOW533S.mjs';import {n,l,z,A,p,t,m,a as a$3,B as B$1,v,o}from'./chunk-4BTS6IIA.mjs';import {f,c,d,e}from'./chunk-Y7NUGXTR.mjs';import {a as a$1}from'./chunk-UUAWLGWO.mjs';import {a,i}from'./chunk-HK2DPKES.mjs';import*as $ from'react';import {jsx,jsxs}from'react/jsx-runtime';var R={gridSkeletonOverlay:"Re",gridSkeletonGrid:"Se",gridSkeletonItem:"K",gridSkeletonItemInner:"Te"};function B(e){return !!e&&typeof e=="object"&&!Array.isArray(e)}function re(e){return !!e&&typeof e=="object"&&!Array.isArray(e)}function ue(e,t){let o=t[e];if(typeof o=="number"&&Number.isFinite(o))return o;let r=parseFloat(e);return Number.isNaN(r)?0:r}function Se(e){let{templateColumns:t,breakpointMap:o}=e;if(!re(t))return [];let r=Object.entries(t).map(([s,i])=>({minWidth:ue(s,o),template:typeof i=="string"?i.trim():""})).filter(s=>s.template.length>0).sort((s,i)=>s.minWidth-i.minWidth);return r.length===0?[]:(r[0].minWidth>0?r.unshift({minWidth:0,template:r[0].template}):r[0].minWidth<0&&(r[0]={...r[0],minWidth:0}),r)}function ce(e){let{scopeId:t,columns:o,templateColumns:r,gap:s,breakpointMap:i$1,fallbackGap:c}=e,u=`${`[data-rmg-grid-skel-scope="${v(t)}"]`} .${R.gridSkeletonGrid}`,p=[],d=(n,l)=>{if(!l.length)return;let y=`${u}{${l.join("")}}`;if(n<=0){p.push(y);return}p.push(`@media (min-width:${n}px){${y}}`);},a=Se({templateColumns:r,breakpointMap:i$1});if(a.length>0)for(let n of a)d(n.minWidth,[`grid-template-columns:${n.template};`]);else if(B(o)){let n=i(o,1,i$1);for(let l of n)d(l.minWidth,[`grid-template-columns:repeat(${Math.max(1,l.count|0)}, minmax(0, 1fr));`]);}if(B(s)){let n=i(s,c,i$1);for(let l of n)d(l.minWidth,[`--rmg-grid-gap:${Math.max(0,l.count|0)}px;`]);}return p.join(`
|
|
2
|
-
`)}function ye(e$1){let{scopeId:t,items:o,breakpointMap:r,allowSpan:s}=e$1;if(!s)return "";let i=[],c$1=`[data-rmg-grid-skel-scope="${v(t)}"]`;for(let m of o){let u=m.span;if(!c(u))continue;let p=`${c$1} [data-rmg-grid-item-key="${v(m.id)}"]`,d$1=d(u,r);for(let a of d$1){let n=e(a.span);if(!n)continue;let l=`${p}{grid-column:${n};}`;if(a.minWidth<=0){i.push(l);continue}i.push(`@media (min-width:${a.minWidth}px){${l}}`);}}return i.join(`
|
|
3
|
-
`)}function ke(e){let t={...e.gridStyle||{}};return e.minColumnWidth!=null&&t["--rmg-grid-min"]==null&&(t["--rmg-grid-min"]=typeof e.minColumnWidth=="number"?`${e.minColumnWidth}px`:e.minColumnWidth),!B(e.gap)&&e.gap!=null&&t["--rmg-grid-gap"]==null&&(t["--rmg-grid-gap"]=typeof e.gap=="number"?`${Math.max(0,e.gap|0)}px`:String(e.gap)),!re(e.templateColumns)&&typeof e.templateColumns=="string"&&e.templateColumns.trim().length>0&&t.gridTemplateColumns==null?t.gridTemplateColumns=e.templateColumns.trim():e.templateColumns==null&&!B(e.columns)&&typeof e.columns=="number"&&Number.isFinite(e.columns)&&t.gridTemplateColumns==null&&(t.gridTemplateColumns=`repeat(${Math.max(1,e.columns|0)}, minmax(0, 1fr))`),t}function oe(){return {layout:{kind:"grid",item:{kind:"rect",style:{width:"100%",aspectRatio:1,borderRadius:12}},itemWrapStyle:void 0},radius:12}}function ge(e,t){if(!(!e&&!t))return {...e||{},...t||{}}}function fe(e,t){let o=e.slots?.[t];return {item:o?.item??e.item,itemWrapStyle:ge(e.itemWrapStyle,o?.itemWrapStyle)}}function he(e){if(!e)return {outerStyle:void 0,innerStyle:void 0};let t=o(e),o$1={};return t.boxShadow!=null&&(o$1["--rmg-grid-skel-wrap-shadow"]=t.boxShadow,delete t.boxShadow),t.borderRadius!=null&&(o$1["--rmg-grid-skel-wrap-shadow-radius"]=t.borderRadius),{outerStyle:Object.keys(o$1).length?o$1:void 0,innerStyle:t}}function ie({count:e,gridStyle:t$1,spec:o,breakpoints:r,columns:s,templateColumns:i,minColumnWidth:c,gap:m$1,items:u,allowItemSpans:p$1,disableShimmer:d}){let a$2=o??oe(),n$1=$.useMemo(()=>({...a,...r??{}}),[r]),l$1=a$2.layout??oe().layout,y=$.useMemo(()=>a$1("gskel_",{count:e,breakpoints:n$1,gridStyle:t$1,spec:o,columns:s,templateColumns:i,minColumnWidth:c,gap:m$1,items:u,allowItemSpans:p$1,disableShimmer:d}),[e,n$1,t$1,o,s,i,c,m$1,u,p$1,d]),C={...ke({gridStyle:t$1,columns:s,templateColumns:i,minColumnWidth:c,gap:m$1}),...d?null:n(a$2.shimmer,{enabledVarName:"--rmg-skel-card-shimmer-enabled"})};a$2.backgroundColor&&(C["--rmg-skel-bg"]=a$2.backgroundColor),a$2.radius!=null&&(C["--rmg-skel-radius"]=l(a$2.radius));let{layout:A$1,responsiveCss:x,itemLayouts:S}=$.useMemo(()=>{let k=0,f=()=>`n${++k}`,G=[],b=z(l$1,f,G,"grid",n$1),v=A({scopeAttr:"data-rmg-grid-skel-scope",scopeId:y,rules:G}),N=l$1,j=Array.from({length:Math.max(0,typeof N.count=="number"?N.count|0:e|0)},(Re,E)=>({id:`slot-${E}`,span:N.slots?.[E]?.span})),z$1=u??j,ae=ce({scopeId:y,columns:s,templateColumns:i,gap:m$1,breakpointMap:n$1,fallbackGap:typeof m$1=="number"&&Number.isFinite(m$1)?m$1:8}),pe=ye({scopeId:y,items:z$1,breakpointMap:n$1,allowSpan:!!p$1}),de=[v,ae,pe].filter(Boolean).join(`
|
|
4
|
-
`);return {layout:b,responsiveCss:de,itemLayouts:z$1}},[l$1,y,n$1,s,i,m$1,u,p$1]),g=A$1,O=g.__rmgNodeId,h=p(t(g.style,n$1)),M=g.count!=null?Math.max(0,g.count|0):Math.max(0,e|0);return jsxs("div",{"data-rmg-grid-skel-scope":y,className:[R.gridSkeletonOverlay,a$2.className].filter(Boolean).join(" "),children:[x?jsx("style",{dangerouslySetInnerHTML:{__html:x}}):null,jsx("div",{"data-rmg-skel-node":O,className:R.gridSkeletonGrid,style:{...C,...h||{},display:"grid"},children:Array.from({length:M}).map((k,f$1)=>{let G=S[f$1],{item:b,itemWrapStyle:v}=fe(g,f$1),{outerStyle:N,innerStyle:j}=he(v);return jsx("div",{"data-rmg-grid-item-key":G?.id,className:R.gridSkeletonItem,style:{...f({span:G?.span,allowSpan:!!p$1})||{},...v?m(v):null,...N||null},children:jsx("div",{className:[R.gridSkeletonItemInner,d?null:a$3.skelCardShimmer].filter(Boolean).join(" "),style:j,children:jsx(B$1,{node:b,disableShimmer:true,breakpointMap:n$1})})},`rmg-grid-skel-${f$1}`)})})]})}function le(e){return !!e&&typeof e=="object"&&!("kind"in e)&&"layout"in e&&e.layout?.kind==="grid"}function se(e){return !!e&&typeof e=="object"&&"kind"in e&&e.kind==="grid"}function be(e){if(le(e))return e;let{className:t,backgroundColor:o,radius:r,shimmer:s,gridStyle:i,columns:c,templateColumns:m,minColumnWidth:u,gap:p,items:d,allowItemSpans:a,...n}=e;return {className:t,backgroundColor:o,radius:r,shimmer:s,layout:n}}function Ae({layout:e,children:t,breakpoints:o,className:r,style:s,shellClassName:i,shellStyle:c,contentClassName:m,contentStyle:u,backgroundColor:p,radius:d,shimmer:a$3,disableShimmer:n$1,ariaLabel:l$1,ready:y,enabled:C,force:A,timing:x,grid:S}){let g=$.useMemo(()=>({...a,...o??{}}),[o]),O=$.useMemo(()=>a$1("skel_",{layout:e,breakpoints:g,backgroundColor:p,radius:d,shimmer:a$3,disableShimmer:n$1,grid:S}),[e,g,p,d,a$3,n$1,S]),h=$.useMemo(()=>se(e)||le(e)?be(e):null,[e]),M=h?.layout?.kind==="grid"?h.layout:null,k=se(e)?e:null,f=h?{count:S?.count??(typeof M?.count=="number"?Math.max(0,M.count|0):1),gridStyle:S?.style??k?.gridStyle,columns:S?.columns??k?.columns,templateColumns:S?.templateColumns??k?.templateColumns,minColumnWidth:S?.minColumnWidth??k?.minColumnWidth,gap:S?.gap??k?.gap,items:S?.items??k?.items,allowItemSpans:S?.allowItemSpans??k?.allowItemSpans,disableShimmer:n$1}:null,G={...s,...p?{"--rmg-skel-bg":p}:null,...d!=null?{"--rmg-skel-radius":l(d)}:null,...n$1?null:n(a$3)},b=h&&f?jsx("div",{"data-rmg-skeleton-scope":O,className:r,style:G,"aria-hidden":l$1?void 0:true,"aria-label":l$1,role:l$1?"status":void 0,"aria-live":l$1?"polite":void 0,children:jsx(ie,{...f,spec:h,breakpoints:g})}):null;return b?jsx(a$2,{skeletonNode:b,ready:y,enabled:C,force:A,timing:x,shellClassName:i,shellStyle:c,contentClassName:m,contentStyle:u,contentOwnsWrapperLayout:t!==void 0,children:t}):null}export{Ae as a};
|