oraculo-ui 0.1.118 → 0.1.119

package/dist/index.cjs.js

@@ -6,7 +6,7 @@
               linear-gradient(to bottom, #121212 0%, rgba(18,18,18,0) 10%),
               linear-gradient(to top,    #121212 0%, rgba(18,18,18,0) 10%),
               url('${i}')
-            `},backgroundSize:{xs:"cover",md:"100% 100%"},backgroundPosition:"center",backgroundRepeat:"no-repeat",zIndex:0}}),e.jsxs(q.default,{sx:{position:"relative",zIndex:1,maxWidth:1200,height:{xs:"450px",md:"590px"},mx:"auto",px:{xs:2.5,md:6},display:"flex",flexDirection:{xs:"column",md:"row"},alignItems:{xs:"center",md:"center"},justifyContent:"center",gap:{xs:0,md:15},textAlign:{xs:"center",md:"left"}},children:[e.jsxs(H.default,{spacing:3,sx:{maxWidth:{md:280}},children:[e.jsx(ne.default,{variant:"h4",sx:{fontWeight:800,fontSize:{xs:24,md:40},WebkitTextStroke:"0.5px rgba(255, 255, 255, .5)",textShadow:"0 0 2px rgba(255, 255, 255, .95),0 0 4px rgba(255, 255, 255, .6),0 1px 0 #898989"},children:a}),e.jsx(ne.default,{sx:{fontSize:{xs:14,md:18},color:"rgba(255,255,255,0.9)",marginX:{xs:4,md:0},lineHeight:1.5},children:n}),e.jsx(q.default,{sx:{display:{xs:"none",md:"block"}},children:e.jsx(K,{variant:"primary",size:"md",onClick:B,children:"Ver más"})})]}),e.jsx(q.default,{sx:{display:"flex",gap:{xs:2,md:3},justifyContent:"center",overflowX:{xs:"auto",md:"visible"},py:{xs:3,md:0},alignItems:"center"},children:(h!=null?h:[]).slice(0,3).map((I,w)=>{var T;return e.jsx(it,{logo:`https://olimpo.bet${I.background?I.background:(T=I.logo)!=null?T:""}`,provider:I.provider,providerName:I.web_name,machine:I.machine,onClick:()=>E(I)},Xa(I,w))})}),e.jsx(q.default,{sx:{display:{xs:"block",md:"none"}},children:e.jsx(K,{variant:"primary",size:"lg",onClick:B,children:"Ver más"})})]})]})},Qa=t=>{if(typeof t=="boolean")return t;if(typeof t=="string")return t.toLowerCase()==="true";if(t&&typeof t=="object"){if(typeof t.value=="boolean")return t.value;if(typeof t.value=="string")return t.value.toLowerCase()==="true"}return!1},xt=(t,a)=>{var n,o;return(o=(n=t.orden)!=null?n:t.machine)!=null?o:a},en=(t,a=!0,n=1)=>{const o=t.map((r,m)=>{var p;return{id:xt(r,m),imageUrl:(p=r.logo)!=null?p:"",...r.background?{background:r.background}:{}}});if(!o.length)return[];const s=[];let i=0;if(a){const r=Math.min(o.length,1);s.push({id:"mosaic-0",kind:"mosaic",items:o.slice(0,r)}),i=r}for(;i<o.length;){const r=Math.min(i+n,o.length);s.push({id:`grid-${i}`,kind:"grid",items:o.slice(i,r)}),i=r}return s},vt=({items:t,title:a="Casino",iconUrl:n="/assets/img/home/Casino/diamante.svg",onItemClick:o,onViewMore:s,mosaicFirst:i=!0,gridSize:r=1,isPersonalize:m=!1})=>{const p=X.useCaptureInteraction(),f=Y(),d=ee(),l=b.useRef(null),[c,g]=b.useState({isStart:!0,isEnd:!1}),h=Qa(m),{resolvedItems:E,loading:B}=Ka(t,h),I=h?E:Array.isArray(t)?t:[],w=()=>{var A;p({element:"casino_prev",label:`${f} - OraculoSeccionCasino ${m?" - personalize":""}  - Anterior`,target:"prev",event_type:"click",module_id:d,metadata:{location:typeof globalThis!="undefined"&&globalThis.location?globalThis.location.pathname:""},tags:{section:"OraculoSeccionCasino"}}),(A=l.current)==null||A.prev()},T=()=>{var A;p({element:"casino_next",label:`${f} - OraculoSeccionCasino ${m?" - personalize":""}  - Siguiente`,target:"next",event_type:"click",module_id:d,metadata:{location:typeof globalThis!="undefined"&&globalThis.location?globalThis.location.pathname:""},tags:{section:"OraculoSeccionCasino"}}),(A=l.current)==null||A.next()},U=()=>{if(p({element:"casino_view_more",label:`${f} - OraculoSeccionCasino ${m?" - personalize":""}  - Ver más`,target:"https://www.olimpo.bet/casino",event_type:"click",module_id:d,metadata:{location:typeof globalThis!="undefined"&&globalThis.location?globalThis.location.pathname:""},tags:{section:"OraculoSeccionCasino"}}),s){s();return}typeof globalThis!="undefined"&&globalThis.location&&globalThis.location.assign("https://www.olimpo.bet/casino")},O=(A=!0,j=4)=>{const N=L=>Array.from({length:L},(z,v)=>({id:`sk-${L}-${v}`,imageUrl:""})),$=[];return A&&$.push({id:"mosaic-loading",kind:"mosaic",items:N(5)}),$.push({id:"grid-loading",kind:"grid",items:N(j)}),$},F=h?B:!Array.isArray(t)||t.length===0,S=W.useMediaQuery("(max-width:1024px)"),R=F?O(i,r):en(I,i,r);return e.jsx("section",{children:e.jsxs(H.default,{direction:"column",spacing:2,useFlexGap:!0,children:[e.jsxs(q.default,{sx:{display:"grid",gridTemplateColumns:"1fr auto auto",alignItems:"center",columnGap:1.5,rowGap:1,px:S?2:0},children:[e.jsx(ie,{title:a,iconUrl:n,size:"md"}),e.jsxs(q.default,{sx:{display:"flex",gap:1,justifyContent:"flex-end"},children:[e.jsx(K,{ariaLabel:"Anterior",variant:"secondary",iconOnly:!0,leftIcon:e.jsx(et.default,{}),onClick:w,disabled:c.isStart}),e.jsx(K,{ariaLabel:"Siguiente",variant:"secondary",iconOnly:!0,rightIcon:e.jsx(tt.default,{}),onClick:T,disabled:c.isEnd})]}),e.jsx(q.default,{sx:{justifySelf:"end"},children:e.jsx(K,{variant:"secondary",onClick:U,children:"Ver más"})})]}),e.jsx(re,{ref:l,items:R,perPage:void 0,gap:"16px",enableHorizontalWheel:!0,options:{autoWidth:!0,trimSpace:"move"},showRightGradient:!S,breakpoints:{400:{gap:"4px",focus:"center",padding:{left:"24px",right:"24px"}},768:{gap:"8px",focus:"center",padding:{left:"24px",right:"24px"}},1024:{gap:"10px",focus:"center",padding:{left:"24px",right:"24px"}}},renderItem:A=>e.jsx("div",{style:{alignSelf:"start"},children:e.jsx(Fe,{items:A.items,layout:A.kind==="mosaic"?"mosaic":"grid",loading:F,onClick:j=>{if(F)return;const N=I.find((z,v)=>String(xt(z,v))===String(j.id));if(!N)return;o==null||o(N),p({element:"casino_game_card",label:`${f} - OraculoSeccionCasino ${m?" - personalize":""} - Game: ${String(N.machine||"unknown")}`,target:String(N.machine||"unknown"),event_type:"click",module_id:d,metadata:{location:typeof globalThis!="undefined"&&globalThis.location?globalThis.location.pathname:""},tags:{game_name:String(N.machine||"unknown"),section:a||"Casino"}});const $=oe("showIframe"),L=oe("loadMachine");$==null||$(),L==null||L(N,!1,"CASINO")}})}),onMove:({isStart:A,isEnd:j})=>g({isStart:A,isEnd:j})})]})})},tn=t=>{if(typeof t=="boolean")return t;if(typeof t=="string")return t.toLowerCase()==="true";if(t&&typeof t=="object"){if(typeof t.value=="boolean")return t.value;if(typeof t.value=="string")return t.value.toLowerCase()==="true"}return!1},_t=(t,a)=>{var n,o;return(o=(n=t.orden)!=null?n:t.machine)!=null?o:a},an=(t,a=!0,n=1)=>{const o=t.map((r,m)=>{var p;return{id:_t(r,m),imageUrl:(p=r.logo)!=null?p:"",...r.background?{background:r.background}:{}}});if(!o.length)return[];const s=[];let i=0;if(a){const r=Math.min(o.length,1);s.push({id:"mosaic-0",kind:"mosaic",items:o.slice(0,r)}),i=r}for(;i<o.length;){const r=Math.min(i+n,o.length);s.push({id:`grid-${i}`,kind:"grid",items:o.slice(i,r)}),i=r}return s},nn=(t=!0,a=4)=>{const n=s=>Array.from({length:s},(i,r)=>({id:`sk-${s}-${r}`,imageUrl:""})),o=[];return t&&o.push({id:"mosaic-loading",kind:"mosaic",items:n(5)}),o.push({id:"grid-loading",kind:"grid",items:n(a)}),o},yt=({items:t,title:a="Virtuales",iconUrl:n="/assets/img/home/Virtuales/virtuales.svg",onItemClick:o,onViewMore:s,mosaicFirst:i=!0,gridSize:r=1,isPersonalize:m=!1})=>{const p=b.useRef(null),[f,d]=b.useState({isStart:!0,isEnd:!1}),l=X.useCaptureInteraction(),c=Y(),g=ee(),h=tn(m),{resolvedItems:E,loading:B}=Za(t,h),I=h?E:Array.isArray(t)?t:[],w=()=>{var R;l({element:"virtuales_prev",label:`${c} - OraculoSeccionVirtuales${h?" - personalize":""} - Anterior`,target:"prev",event_type:"click",module_id:g,metadata:{location:typeof globalThis!="undefined"&&globalThis.location?globalThis.location.pathname:""},tags:{section:"OraculoSeccionVirtuales"}}),(R=p.current)==null||R.prev()},T=()=>{var R;l({element:"virtuales_next",label:`${c} - OraculoSeccionVirtuales${h?" - personalize":""} - Siguiente`,target:"next",event_type:"click",module_id:g,metadata:{location:typeof globalThis!="undefined"&&globalThis.location?globalThis.location.pathname:""},tags:{section:"OraculoSeccionVirtuales"}}),(R=p.current)==null||R.next()},U=()=>{if(l({element:"virtuales_view_more",label:`${c} - OraculoSeccionVirtuales${h?" - personalize":""} - Ver más`,target:"https://www.olimpo.bet/juegos-virtuales",event_type:"click",module_id:g,metadata:{location:typeof globalThis!="undefined"&&globalThis.location?globalThis.location.pathname:""},tags:{section:"OraculoSeccionVirtuales"}}),s){s();return}typeof globalThis!="undefined"&&globalThis.location&&globalThis.location.assign("https://www.olimpo.bet/juegos-virtuales")},O=h?B:!Array.isArray(t)||t.length===0,F=he.default("(max-width:1024px)"),S=O?nn(i,r):an(I,i,r);return e.jsx("section",{children:e.jsxs(H.default,{direction:"column",spacing:2,useFlexGap:!0,children:[e.jsxs(q.default,{sx:{display:"grid",gridTemplateColumns:"1fr auto auto",alignItems:"center",columnGap:1.5,rowGap:1,px:F?2:0},children:[e.jsx(ie,{title:a,iconUrl:n,size:"md"}),e.jsxs(q.default,{sx:{display:"flex",gap:1,justifyContent:"flex-end"},children:[e.jsx(K,{ariaLabel:"Anterior",variant:"secondary",iconOnly:!0,leftIcon:e.jsx(et.default,{}),onClick:w,disabled:f.isStart}),e.jsx(K,{ariaLabel:"Siguiente",variant:"secondary",iconOnly:!0,rightIcon:e.jsx(tt.default,{}),onClick:T,disabled:f.isEnd})]}),e.jsx(q.default,{sx:{justifySelf:"end"},children:e.jsx(K,{variant:"secondary",onClick:U,children:"Ver más"})})]}),e.jsx(re,{ref:p,items:S,perPage:void 0,gap:"16px",breakpoints:{400:{gap:"4px",focus:"center",padding:{left:"24px",right:"24px"}},768:{gap:"8px",focus:"center",padding:{left:"24px",right:"24px"}},1024:{gap:"10px",focus:"center",padding:{left:"24px",right:"24px"}}},enableHorizontalWheel:!0,showRightGradient:!F,options:{autoWidth:!0,trimSpace:"move"},renderItem:R=>e.jsx("div",{style:{alignSelf:"start"},children:e.jsx(Fe,{items:R.items,layout:R.kind==="mosaic"?"mosaic":"grid",loading:O,onClick:A=>{if(O)return;const j=I.find((L,z)=>String(_t(L,z))===String(A.id));if(!j){console.warn("[virtuales] no se encontró game para id:",A.id);return}o==null||o(j),l({element:"virtuales_game_card",label:`${c} - OraculoSeccionVirtuales${h?" - personalize":""} - Game: ${String(j.machine||"unknown")}`,target:String(j.machine||"unknown"),event_type:"click",module_id:g,metadata:{location:typeof globalThis!="undefined"&&globalThis.location?globalThis.location.pathname:""},tags:{game_name:String(j.machine||"unknown"),section:a||"Virtuales"}});const N=oe("showIframe"),$=oe("loadMachine");N==null||N(),$==null||$(j,!1,h?"VIRTUALES_PERSONALIZE":"VIRTUALES")}})}),onMove:({isStart:R,isEnd:A})=>d({isStart:R,isEnd:A})})]})})},on=t=>({position:"relative",py:8,color:"#fff",backgroundImage:`
+            `},backgroundSize:{xs:"cover",md:"cover"},backgroundPosition:"center",backgroundRepeat:"no-repeat",zIndex:0}}),e.jsxs(q.default,{sx:{position:"relative",zIndex:1,maxWidth:1200,height:{xs:"450px",md:"590px"},mx:"auto",px:{xs:2.5,md:6},display:"flex",flexDirection:{xs:"column",md:"row"},alignItems:{xs:"center",md:"center"},justifyContent:"center",gap:{xs:0,md:15},textAlign:{xs:"center",md:"left"}},children:[e.jsxs(H.default,{spacing:3,sx:{maxWidth:{md:280}},children:[e.jsx(ne.default,{variant:"h4",sx:{fontWeight:800,fontSize:{xs:24,md:40},WebkitTextStroke:"0.5px rgba(255, 255, 255, .5)",textShadow:"0 0 2px rgba(255, 255, 255, .95),0 0 4px rgba(255, 255, 255, .6),0 1px 0 #898989"},children:a}),e.jsx(ne.default,{sx:{fontSize:{xs:14,md:18},color:"rgba(255,255,255,0.9)",marginX:{xs:4,md:0},lineHeight:1.5},children:n}),e.jsx(q.default,{sx:{display:{xs:"none",md:"block"}},children:e.jsx(K,{variant:"primary",size:"md",onClick:B,children:"Ver más"})})]}),e.jsx(q.default,{sx:{display:"flex",gap:{xs:2,md:3},justifyContent:"center",overflowX:{xs:"auto",md:"visible"},py:{xs:3,md:0},alignItems:"center"},children:(h!=null?h:[]).slice(0,3).map((I,w)=>{var T;return e.jsx(it,{logo:`https://olimpo.bet${I.background?I.background:(T=I.logo)!=null?T:""}`,provider:I.provider,providerName:I.web_name,machine:I.machine,onClick:()=>E(I)},Xa(I,w))})}),e.jsx(q.default,{sx:{display:{xs:"block",md:"none"}},children:e.jsx(K,{variant:"primary",size:"lg",onClick:B,children:"Ver más"})})]})]})},Qa=t=>{if(typeof t=="boolean")return t;if(typeof t=="string")return t.toLowerCase()==="true";if(t&&typeof t=="object"){if(typeof t.value=="boolean")return t.value;if(typeof t.value=="string")return t.value.toLowerCase()==="true"}return!1},xt=(t,a)=>{var n,o;return(o=(n=t.orden)!=null?n:t.machine)!=null?o:a},en=(t,a=!0,n=1)=>{const o=t.map((r,m)=>{var p;return{id:xt(r,m),imageUrl:(p=r.logo)!=null?p:"",...r.background?{background:r.background}:{}}});if(!o.length)return[];const s=[];let i=0;if(a){const r=Math.min(o.length,1);s.push({id:"mosaic-0",kind:"mosaic",items:o.slice(0,r)}),i=r}for(;i<o.length;){const r=Math.min(i+n,o.length);s.push({id:`grid-${i}`,kind:"grid",items:o.slice(i,r)}),i=r}return s},vt=({items:t,title:a="Casino",iconUrl:n="/assets/img/home/Casino/diamante.svg",onItemClick:o,onViewMore:s,mosaicFirst:i=!0,gridSize:r=1,isPersonalize:m=!1})=>{const p=X.useCaptureInteraction(),f=Y(),d=ee(),l=b.useRef(null),[c,g]=b.useState({isStart:!0,isEnd:!1}),h=Qa(m),{resolvedItems:E,loading:B}=Ka(t,h),I=h?E:Array.isArray(t)?t:[],w=()=>{var A;p({element:"casino_prev",label:`${f} - OraculoSeccionCasino ${m?" - personalize":""}  - Anterior`,target:"prev",event_type:"click",module_id:d,metadata:{location:typeof globalThis!="undefined"&&globalThis.location?globalThis.location.pathname:""},tags:{section:"OraculoSeccionCasino"}}),(A=l.current)==null||A.prev()},T=()=>{var A;p({element:"casino_next",label:`${f} - OraculoSeccionCasino ${m?" - personalize":""}  - Siguiente`,target:"next",event_type:"click",module_id:d,metadata:{location:typeof globalThis!="undefined"&&globalThis.location?globalThis.location.pathname:""},tags:{section:"OraculoSeccionCasino"}}),(A=l.current)==null||A.next()},U=()=>{if(p({element:"casino_view_more",label:`${f} - OraculoSeccionCasino ${m?" - personalize":""}  - Ver más`,target:"https://www.olimpo.bet/casino",event_type:"click",module_id:d,metadata:{location:typeof globalThis!="undefined"&&globalThis.location?globalThis.location.pathname:""},tags:{section:"OraculoSeccionCasino"}}),s){s();return}typeof globalThis!="undefined"&&globalThis.location&&globalThis.location.assign("https://www.olimpo.bet/casino")},O=(A=!0,j=4)=>{const N=L=>Array.from({length:L},(z,v)=>({id:`sk-${L}-${v}`,imageUrl:""})),$=[];return A&&$.push({id:"mosaic-loading",kind:"mosaic",items:N(5)}),$.push({id:"grid-loading",kind:"grid",items:N(j)}),$},F=h?B:!Array.isArray(t)||t.length===0,S=W.useMediaQuery("(max-width:1024px)"),R=F?O(i,r):en(I,i,r);return e.jsx("section",{children:e.jsxs(H.default,{direction:"column",spacing:2,useFlexGap:!0,children:[e.jsxs(q.default,{sx:{display:"grid",gridTemplateColumns:"1fr auto auto",alignItems:"center",columnGap:1.5,rowGap:1,px:S?2:0},children:[e.jsx(ie,{title:a,iconUrl:n,size:"md"}),e.jsxs(q.default,{sx:{display:"flex",gap:1,justifyContent:"flex-end"},children:[e.jsx(K,{ariaLabel:"Anterior",variant:"secondary",iconOnly:!0,leftIcon:e.jsx(et.default,{}),onClick:w,disabled:c.isStart}),e.jsx(K,{ariaLabel:"Siguiente",variant:"secondary",iconOnly:!0,rightIcon:e.jsx(tt.default,{}),onClick:T,disabled:c.isEnd})]}),e.jsx(q.default,{sx:{justifySelf:"end"},children:e.jsx(K,{variant:"secondary",onClick:U,children:"Ver más"})})]}),e.jsx(re,{ref:l,items:R,perPage:void 0,gap:"16px",enableHorizontalWheel:!0,options:{autoWidth:!0,trimSpace:"move"},showRightGradient:!S,breakpoints:{400:{gap:"4px",focus:"center",padding:{left:"24px",right:"24px"}},768:{gap:"8px",focus:"center",padding:{left:"24px",right:"24px"}},1024:{gap:"10px",focus:"center",padding:{left:"24px",right:"24px"}}},renderItem:A=>e.jsx("div",{style:{alignSelf:"start"},children:e.jsx(Fe,{items:A.items,layout:A.kind==="mosaic"?"mosaic":"grid",loading:F,onClick:j=>{if(F)return;const N=I.find((z,v)=>String(xt(z,v))===String(j.id));if(!N)return;o==null||o(N),p({element:"casino_game_card",label:`${f} - OraculoSeccionCasino ${m?" - personalize":""} - Game: ${String(N.machine||"unknown")}`,target:String(N.machine||"unknown"),event_type:"click",module_id:d,metadata:{location:typeof globalThis!="undefined"&&globalThis.location?globalThis.location.pathname:""},tags:{game_name:String(N.machine||"unknown"),section:a||"Casino"}});const $=oe("showIframe"),L=oe("loadMachine");$==null||$(),L==null||L(N,!1,"CASINO")}})}),onMove:({isStart:A,isEnd:j})=>g({isStart:A,isEnd:j})})]})})},tn=t=>{if(typeof t=="boolean")return t;if(typeof t=="string")return t.toLowerCase()==="true";if(t&&typeof t=="object"){if(typeof t.value=="boolean")return t.value;if(typeof t.value=="string")return t.value.toLowerCase()==="true"}return!1},_t=(t,a)=>{var n,o;return(o=(n=t.orden)!=null?n:t.machine)!=null?o:a},an=(t,a=!0,n=1)=>{const o=t.map((r,m)=>{var p;return{id:_t(r,m),imageUrl:(p=r.logo)!=null?p:"",...r.background?{background:r.background}:{}}});if(!o.length)return[];const s=[];let i=0;if(a){const r=Math.min(o.length,1);s.push({id:"mosaic-0",kind:"mosaic",items:o.slice(0,r)}),i=r}for(;i<o.length;){const r=Math.min(i+n,o.length);s.push({id:`grid-${i}`,kind:"grid",items:o.slice(i,r)}),i=r}return s},nn=(t=!0,a=4)=>{const n=s=>Array.from({length:s},(i,r)=>({id:`sk-${s}-${r}`,imageUrl:""})),o=[];return t&&o.push({id:"mosaic-loading",kind:"mosaic",items:n(5)}),o.push({id:"grid-loading",kind:"grid",items:n(a)}),o},yt=({items:t,title:a="Virtuales",iconUrl:n="/assets/img/home/Virtuales/virtuales.svg",onItemClick:o,onViewMore:s,mosaicFirst:i=!0,gridSize:r=1,isPersonalize:m=!1})=>{const p=b.useRef(null),[f,d]=b.useState({isStart:!0,isEnd:!1}),l=X.useCaptureInteraction(),c=Y(),g=ee(),h=tn(m),{resolvedItems:E,loading:B}=Za(t,h),I=h?E:Array.isArray(t)?t:[],w=()=>{var R;l({element:"virtuales_prev",label:`${c} - OraculoSeccionVirtuales${h?" - personalize":""} - Anterior`,target:"prev",event_type:"click",module_id:g,metadata:{location:typeof globalThis!="undefined"&&globalThis.location?globalThis.location.pathname:""},tags:{section:"OraculoSeccionVirtuales"}}),(R=p.current)==null||R.prev()},T=()=>{var R;l({element:"virtuales_next",label:`${c} - OraculoSeccionVirtuales${h?" - personalize":""} - Siguiente`,target:"next",event_type:"click",module_id:g,metadata:{location:typeof globalThis!="undefined"&&globalThis.location?globalThis.location.pathname:""},tags:{section:"OraculoSeccionVirtuales"}}),(R=p.current)==null||R.next()},U=()=>{if(l({element:"virtuales_view_more",label:`${c} - OraculoSeccionVirtuales${h?" - personalize":""} - Ver más`,target:"https://www.olimpo.bet/juegos-virtuales",event_type:"click",module_id:g,metadata:{location:typeof globalThis!="undefined"&&globalThis.location?globalThis.location.pathname:""},tags:{section:"OraculoSeccionVirtuales"}}),s){s();return}typeof globalThis!="undefined"&&globalThis.location&&globalThis.location.assign("https://www.olimpo.bet/juegos-virtuales")},O=h?B:!Array.isArray(t)||t.length===0,F=he.default("(max-width:1024px)"),S=O?nn(i,r):an(I,i,r);return e.jsx("section",{children:e.jsxs(H.default,{direction:"column",spacing:2,useFlexGap:!0,children:[e.jsxs(q.default,{sx:{display:"grid",gridTemplateColumns:"1fr auto auto",alignItems:"center",columnGap:1.5,rowGap:1,px:F?2:0},children:[e.jsx(ie,{title:a,iconUrl:n,size:"md"}),e.jsxs(q.default,{sx:{display:"flex",gap:1,justifyContent:"flex-end"},children:[e.jsx(K,{ariaLabel:"Anterior",variant:"secondary",iconOnly:!0,leftIcon:e.jsx(et.default,{}),onClick:w,disabled:f.isStart}),e.jsx(K,{ariaLabel:"Siguiente",variant:"secondary",iconOnly:!0,rightIcon:e.jsx(tt.default,{}),onClick:T,disabled:f.isEnd})]}),e.jsx(q.default,{sx:{justifySelf:"end"},children:e.jsx(K,{variant:"secondary",onClick:U,children:"Ver más"})})]}),e.jsx(re,{ref:p,items:S,perPage:void 0,gap:"16px",breakpoints:{400:{gap:"4px",focus:"center",padding:{left:"24px",right:"24px"}},768:{gap:"8px",focus:"center",padding:{left:"24px",right:"24px"}},1024:{gap:"10px",focus:"center",padding:{left:"24px",right:"24px"}}},enableHorizontalWheel:!0,showRightGradient:!F,options:{autoWidth:!0,trimSpace:"move"},renderItem:R=>e.jsx("div",{style:{alignSelf:"start"},children:e.jsx(Fe,{items:R.items,layout:R.kind==="mosaic"?"mosaic":"grid",loading:O,onClick:A=>{if(O)return;const j=I.find((L,z)=>String(_t(L,z))===String(A.id));if(!j){console.warn("[virtuales] no se encontró game para id:",A.id);return}o==null||o(j),l({element:"virtuales_game_card",label:`${c} - OraculoSeccionVirtuales${h?" - personalize":""} - Game: ${String(j.machine||"unknown")}`,target:String(j.machine||"unknown"),event_type:"click",module_id:g,metadata:{location:typeof globalThis!="undefined"&&globalThis.location?globalThis.location.pathname:""},tags:{game_name:String(j.machine||"unknown"),section:a||"Virtuales"}});const N=oe("showIframe"),$=oe("loadMachine");N==null||N(),$==null||$(j,!1,h?"VIRTUALES_PERSONALIZE":"VIRTUALES")}})}),onMove:({isStart:R,isEnd:A})=>d({isStart:R,isEnd:A})})]})})},on=t=>({position:"relative",py:8,color:"#fff",backgroundImage:`
     linear-gradient(to bottom,#121212 0%, rgba(18,18,18,0) 10%),
     linear-gradient(to top,   #121212 0%, rgba(18,18,18,0) 10%),
     linear-gradient(to left,  #121212 0%, rgba(18,18,18,0) 10%),