https://danskespil.dk/dli/BuildArtifacts/esm/dli/BingoMediumTileSlider.entry.FPX3ESRW.js

1import{a as h,b as N}from"./chunk-FMPDZGGB.js";import{b as T}from"./chunk-FN2MTFRP.js";import"./chunk-N7JSKM5I.js";import"./chunk-APW3DI7P.js";import"./chunk-DF32GKB7.js";import"./chunk-ZVB2GBPS.js";import{a as u}from"./chunk-AFLSMW2J.js";import"./chunk-ZYGU6Z3D.js";import{a as s}from"./chunk-F4SIYOXP.js";import{h as L}from"./chunk-UVZOM73O.js";import{a as c}from"./chunk-HAULSX5R.js";import"./chunk-SZIJMIL4.js";import"./chunk-NH5IMBU3.js";import"./chunk-FJOEZUFL.js";import"./chunk-BMH5U62H.js";import"./chunk-QNBILLDS.js";import"./chunk-2D36MAGD.js";import{a as k,b as S}from"./chunk-OFSFBPQW.js";import"./chunk-5CW57BMB.js";import{b as G}from"./chunk-YEB46YOC.js";import{b as w,f as x}from"./chunk-GNCITZB6.js";import{a as b}from"./chunk-R4ZOGL7K.js";import"./chunk-DJ2VMUZB.js";import{a as C}from"./chunk-AELWALOR.js";import{b as m}from"./chunk-FW4363Y4.js";var n=m(b());var e=m(b());var _=({title:t,tiles:r,isLoading:i,className:o=""})=>{let[a,d]=(0,e.useState)(0),g=r.length,z=(0,e.useRef)(null),f=(0,e.useRef)(null),v=(0,e.useRef)(null),D={Medium:"shrink-0 transition-opacity duration-300 ease-in-out w-[calc(var(--grid-columns-8)-0.4rem)] sm:w-[calc(var(--grid-columns-4)-0.4rem)] md:w-[calc(var(--grid-columns-3)-0.4rem)] lg:w-(--grid-columns-2) is-desktop-detected:w-[calc(var(--grid-columns-8)_-_1.4rem)] is-desktop-detected:sm:w-[calc(var(--grid-columns-5)-0.7rem)] is-desktop-detected:md:w-[calc(var(--grid-columns-4)-0.5rem)] is-desktop-detected:lg:w-[calc(var(--grid-columns-3)-0.4rem)] is-desktop-detected:xl:w-[calc(var(--grid-columns-2)-0.1rem)]"}?.Medium;return e.default.createElement("section",{className:`
2      overflow-hidden 
3      pb-32
4      w-screen
5      -ml-(--grid-margin)
6      pl-(--grid-margin)
7      min-h-[316px]
8      lg:w-[calc(100%_+_0.4rem)] 
9      is-desktop-detected:w-[calc(100vw-var(--grid-margin)-1.5rem)]
10      is-desktop-detected:xl:w-[calc(100%_+_0.4rem)] 
11      is-desktop-detected:mx-auto 
12      is-desktop-detected:pl-[0.3rem]
13      ${o}
14    `},e.default.createElement("div",{className:"relative flex flex-col items-center"},e.default.createElement("div",{className:"flex items-center justify-between w-full mb-12"},t&&e.default.createElement("div",{className:"text-20 font-bold text-neutrals-grey-950"},t),e.default.createElement("div",{className:"flex gap-24 items-center"},s()&&e.default.createElement("div",{className:`flex gap-8 ${(a??0)>=g?"hidden":""} ${s()?"":"hidden"}`},e.default.createElement("button",{ref:v,className:"flex items-center justify-center p-0 border-none rounded-full bg-neutrals-coolGrey-200 size-32 active:translate-y-1 focus-visible:ring-primary","data-tracking-meta-data":JSON.stringify({action:"left arrow click",label:"<",category:t??""}),onClick:c},e.default.createElement(u,{className:"*:stroke-neutrals-grey-950",icon:e.default.createElement(k,null),size:"large"})),e.default.createElement("button",{ref:f,className:"bg-neutrals-coolGrey-200 border-none rounded-full size-32 flex justify-center items-center p-0 active:translate-y-1 focus-visible:ring-primary","data-tracking-meta-data":JSON.stringify({action:"right arrow click",label:">",category:t??""}),onClick:c},e.default.createElement(u,{className:"*:stroke-neutrals-grey-950",icon:e.default.createElement(S,null),size:"large"}))))),e.default.createElement("div",{className:"max-w-screen w-full"},i&&e.default.createElement(h,{numberOfTiles:6}),!i&&g>0&&e.default.createElement(T,{ref:z,slideBy:-1,onGroupSizeChange:d,nextButton:f,previousButton:v,className:`flex gap-(--grid-gutter) w-fit ${s()?"":"pt-0.4 pb-[3.5rem]"}`,touchMode:s()?"gesture":"glide",buttonDisabledClasses:"*:*:opacity-20 pointer-events-none"},r.map(y=>e.default.createElement(N,{key:y.id,...y,className:D}))))))},M=_;var P=m(G());var p=class extends C{constructor(r){super(r),this.init()}init(){let r=new x().load("shared"),i=l=>{let{title:a,bingoGames:d}=l;return n.default.createElement(w,{client:r},n.default.createElement(O,{title:a,bingoGames:d}))};(0,P.createRoot)(this.element).render(n.default.createElement(i,{...this.settings}))}},O=({title:t="",bingoGames:r=[]})=>{let{tiles:i,isLoading:o,isFetching:l}=L({sitecoreTiles:r});return!o&&!i.length?null:n.default.createElement(M,{title:t,tiles:i,isLoading:o,isFetching:l})},V=p;export{V as default};
15//# sourceMappingURL=BingoMediumTileSlider.entry.FPX3ESRW.js.map