@everymatrix/tournament-details-page 0.0.1

package/components/TournamentGames-D5Nyb0Nx.cjs

@@ -0,0 +1,26 @@
+"use strict";var J=(h,l,i)=>new Promise((j,T)=>{var y=c=>{try{g(i.next(c))}catch(b){T(b)}},P=c=>{try{g(i.throw(c))}catch(b){T(b)}},g=c=>c.done?j(c.value):Promise.resolve(c.value).then(y,P);g((i=i.apply(h,l)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./TournamentDetails-upe3WFia.cjs"),ye=require("./TournamentDetailsPage-BsjnqhIP.cjs");function we(h,l){e.addMessages(h,l)}function ke(h){e.$locale.set(h)}const K={en:{previousButton:"Previous",nextButton:"Next",casinoTab:"Casino",sportsbookTab:"Sportsbook",gamesDescriptionTitle:"Participating games",gamesDescriptionSubtitle:"Discover the games",sportsRulesParseError:"Error parsing tournament rules"},tr:{previousButton:"Previous",nextButton:"Next",casinoTab:"Casino",sportsbookTab:"Sportsbook"}},Pe=()=>typeof window=="undefined";var Se=e.from_html('<div class="TournamentGamesTabs svelte-p7mf8l"><button> </button> <button> </button></div>'),Te=e.from_html('<p class="svelte-p7mf8l"> </p>'),Ge=e.from_html("<div></div>"),Ae=e.from_html('<div class="TournamentGameThumbnailSkeleton svelte-p7mf8l"></div>'),Be=e.from_html('<div class="TournamentGameThumbnail svelte-p7mf8l"><div class="ImageContainer svelte-p7mf8l"><img class="svelte-p7mf8l"/> <div class="PlayButtonOverlay svelte-p7mf8l"><button class="PlayGameButton svelte-p7mf8l"> </button></div></div></div>'),Ne=e.from_html('<span class="PaginationButton Elipsis svelte-p7mf8l">...</span>'),De=e.from_html("<button> </button>"),Me=e.from_html('<div><button class="PaginationButton svelte-p7mf8l"> </button> <div class="PageNumberWrapper svelte-p7mf8l"></div> <button class="PaginationButton svelte-p7mf8l"> </button></div>'),je=e.from_html('<div class="PaginationSkeleton svelte-p7mf8l"><div class="PaginationSkeletonButton svelte-p7mf8l"><div class="SkeletonShimmer svelte-p7mf8l"></div></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"><div class="SkeletonShimmer svelte-p7mf8l"></div></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"><div class="SkeletonShimmer svelte-p7mf8l"></div></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"><div class="SkeletonShimmer svelte-p7mf8l"></div></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"><div class="SkeletonShimmer svelte-p7mf8l"></div></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"><div class="SkeletonShimmer svelte-p7mf8l"></div></div> <div class="PaginationSkeletonButton svelte-p7mf8l"><div class="SkeletonShimmer svelte-p7mf8l"></div></div></div>'),Le=e.from_html('<div class="TournamentGamesWrapper svelte-p7mf8l"><div class="GamesDescription svelte-p7mf8l"><p class="GamesDescriptionTitle svelte-p7mf8l"> </p> <p class="GamesDescriptionSubTitle svelte-p7mf8l"> </p></div> <!> <!> <div><!></div> <!></div>');const Oe={hash:"svelte-p7mf8l",code:`.svelte-p7mf8l,
+  .svelte-p7mf8l::before,
+  .svelte-p7mf8l::after {margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box;font-family:inherit;}.GamesDescription.svelte-p7mf8l {display:flex;flex-direction:column;gap:6px;margin:10px 0;.GamesDescriptionTitle:where(.svelte-p7mf8l) {color:var(--emw-color-typography, #ffffff);font-size:16px;font-weight:600;}.GamesDescriptionSubTitle:where(.svelte-p7mf8l) {color:var(--emw-color-typography, #ffffff);font-size:14px;font-weight:200;}}.TournamentGamesTabs.svelte-p7mf8l {display:flex;border-radius:50px;background-color:var(--emw-color-bg-section, #434343);padding:6px;margin-bottom:6px;width:100%;justify-content:center;.Tab:where(.svelte-p7mf8l) {padding:5px 20px;color:var(--emw-color-typography, #ffffff);width:100%;border-radius:50px;background-color:transparent;border:none;cursor:pointer;}.Active:where(.svelte-p7mf8l) {background-color:var(--emw-color-bg-elements, #4A4A4A);border:none;}}.TournamentRulesWrapper.svelte-p7mf8l {display:flex;flex-direction:column;color:var(--emw-color-typography, #ffffff);font-size:14px;font-weight:400;margin:10px 0;}.TournamentGamesWrapper.svelte-p7mf8l {display:flex;flex-direction:column;gap:10px;background-color:var(--emw-color-bg-secondary, #333232);padding:10px;border-radius:6px;}.TournamentGamesContainer.svelte-p7mf8l {display:grid;gap:12px;grid-template-columns:repeat(auto-fit, minmax(min(150px, 100%), 1fr));.TournamentGameThumbnailSkeleton:where(.svelte-p7mf8l) {position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:6px;background:linear-gradient(
+        to top,
+        var(--emw-color-primary, #FF1D4E),
+        transparent
+      );background-size:100% 200%;
+      animation: pulse 1.5s ease-in-out infinite;}.ImageContainer:where(.svelte-p7mf8l) {position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:6px;}img:where(.svelte-p7mf8l) {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:6px;}.PlayButtonOverlay:where(.svelte-p7mf8l) {position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(0, 0, 0, 0.6);display:flex;justify-content:center;align-items:center;opacity:0;&:hover {opacity:1;transition:opacity 0.5s;}.PlayGameButton:where(.svelte-p7mf8l) {background-color:var(--emw-color-primary, #FF1D4E);border-radius:6px;color:var(--emw-color-typography, #ffffff);padding:10px;border:none;outline:none;min-width:50%;cursor:pointer;&:hover {background-color:var(--emw-color-primary-hover, #ff3a65);cursor:pointer;}&:active {transform:scale(0.9);}}}}.PaginationWrapper.svelte-p7mf8l {display:flex;justify-content:space-between;.PageNumberWrapper:where(.svelte-p7mf8l) {display:flex;gap:3px;}.PaginationButton:where(.svelte-p7mf8l) {background-color:var(--emw-color-bg-section, #434343);color:var(--emw-color-typography, #ffffff);border-radius:6px;border:none;outline:none;padding:10px;width:auto;cursor:pointer;&.Number {background-color:transparent;min-width:0;padding:0 10px;}&:hover {background-color:var(--emw-color-bg-elements, #4A4A4A);cursor:pointer;}&:active {transform:scale(0.9);}&:disabled {opacity:60%;pointer-events:none;}&.Active {background-color:var(--emw-color-bg-elements, #4A4A4A);}&.Elipsis {pointer-events:none;background-color:transparent;min-width:0;padding:0;align-self:center;}}}.PaginationSkeleton.svelte-p7mf8l {display:flex;justify-content:space-between;gap:6px;}.PaginationSkeletonButton.svelte-p7mf8l {width:80px;height:40px;border-radius:6px;background-color:var(--emw-color-bg-elements, #4A4A4A);overflow:hidden;position:relative;}.PaginationNumberSkeleton.svelte-p7mf8l {width:40px;height:40px;border-radius:6px;background-color:var(--emw-color-bg-elements, #4A4A4A);overflow:hidden;position:relative;}.SkeletonShimmer.svelte-p7mf8l {width:100%;height:100%;background:linear-gradient(
+    90deg,
+    transparent 0%,
+    var(--emw-color-bg-secondary, #434343) 50%,
+    transparent 100%
+  );
+  animation: svelte-p7mf8l-loading 1.5s infinite;transform:translateX(-100%);}
+
+@keyframes svelte-p7mf8l-loading {
+  0% {
+    transform: translateX(-100%);
+  }
+  100% {
+    transform: translateX(100%);
+  }
+}
+
+  @media (min-width: 750px) {.TournamentGamesTabs.svelte-p7mf8l {width:fit-content;}.PaginationWrapper.svelte-p7mf8l {justify-content:end;gap:10px;}.PaginationButton.svelte-p7mf8l {width:auto;min-width:75px;}
+  }.Hidden.svelte-p7mf8l {display:none;}`};function Q(h,l){var U;e.push(l,!0),e.append_styles(h,Oe);const i=()=>e.store_get(e.$format,"$_",j),[j,T]=e.setup_stores(),y=e.prop(l,"initialGames"),P=e.prop(l,"endpoint"),g=e.prop(l,"language",7,"en"),c=e.prop(l,"session"),b=e.prop(l,"tournamentid"),v=e.prop(l,"gamesLimit",7,6),S=e.prop(l,"totalGames"),L=e.prop(l,"platformProp",7,null),w=e.prop(l,"tournamentMetadata");Object.keys(K).forEach(t=>{we(t,K[t])});const V=()=>{ke(g())};e.user_effect(()=>{V()});let G=e.state(e.proxy(y()||[])),A=e.state(!1),d=e.state(0),B=e.state(void 0);const Y=Pe()?(U=L())!=null?U:"dk":ye.getDevice(window.navigator.userAgent),O=()=>J(this,null,function*(){if(E.has(e.get(N)))return;e.set(A,!0);const t=new URL(`${P()}/v1/tournaments/${b()}`),a=new Headers;c()&&a.append("X-SessionId",c());const n={method:"GET",headers:a};t.searchParams.append("filter",`id=${b()}`),t.searchParams.append("language",g()),t.searchParams.append("expand","games"),t.searchParams.append("pagination",`games(limit=${v()},offset=${e.get(d)})`),t.searchParams.append("platform",Y),fetch(t,n).then(s=>s.json()).then(s=>{var o,r;e.set(G,(r=(o=s==null?void 0:s.item)==null?void 0:o.games)==null?void 0:r.items,!0),E.set(e.get(N),e.get(G))}).catch(s=>console.log(s)).finally(()=>e.set(A,!1))}),Z=()=>{const t=Math.ceil(S()/v()),a=Math.floor(e.get(d)/v())+1;if(t<=5)return Array.from({length:t},(s,o)=>o+1);const n=[];return n.push(1),a<=3?(n.push(2,3),n.push("..."),n.push(t)):a>=t-2?(n.push("..."),n.push(t-2,t-1,t)):(n.push("..."),n.push(a-1,a,a+1),n.push("..."),n.push(t)),n},$=()=>{e.get(d)<S()&&(e.set(d,e.get(d)+v()),O())},ee=()=>{e.get(d)!==0&&(e.set(d,e.get(d)-v()),O())},te=t=>{e.set(d,(t-1)*v()),O()},ae=e.user_derived(Z),N=e.user_derived(()=>Math.floor(e.get(d)/v())+1);let E=new Map([[1,y()]]),ne=e.user_derived(()=>{var t;return(t=E.get(e.get(N)))!=null?t:[]}),_=e.state("casino");const se=()=>{var n;if(!w())return;const t=(n=w().sports)==null?void 0:n.rules;let a;if(t)try{a=JSON.parse(t),e.set(B,a[g()]||a["*"],!0)}catch(s){console.log(s),e.set(B,`${i()("sportsRulesParseError")}`)}},re=t=>{window.postMessage({type:"Tournaments:PlayGame",launchUrl:t.launchUrl,id:t.gameId,platform:t.platform,thumbnail:t.thumbnail,name:t.name},window.location.href)};e.user_effect(()=>{Object.keys(w()).length!==0&&se()});var oe={get initialGames(){return y()},set initialGames(t){y(t),e.flushSync()},get endpoint(){return P()},set endpoint(t){P(t),e.flushSync()},get language(){return g()},set language(t="en"){g(t),e.flushSync()},get session(){return c()},set session(t){c(t),e.flushSync()},get tournamentid(){return b()},set tournamentid(t){b(t),e.flushSync()},get gamesLimit(){return v()},set gamesLimit(t=6){v(t),e.flushSync()},get totalGames(){return S()},set totalGames(t){S(t),e.flushSync()},get platformProp(){return L()},set platformProp(t=null){L(t),e.flushSync()},get tournamentMetadata(){return w()},set tournamentMetadata(t){w(t),e.flushSync()}},W=Le(),R=e.child(W),C=e.child(R),le=e.child(C,!0);e.reset(C);var H=e.sibling(C,2),ie=e.child(H,!0);e.reset(H),e.reset(R);var I=e.sibling(R,2);{var pe=t=>{var a=Se(),n=e.child(a);let s;n.__click=()=>e.set(_,"casino");var o=e.child(n,!0);e.reset(n);var r=e.sibling(n,2);let p;r.__click=()=>e.set(_,"sports");var m=e.child(r,!0);e.reset(r),e.reset(a),e.template_effect((f,u)=>{s=e.set_class(n,1,"Tab svelte-p7mf8l",null,s,{Active:e.get(_)==="casino"}),e.set_text(o,f),p=e.set_class(r,1,"Tab svelte-p7mf8l",null,p,{Active:e.get(_)==="sports"}),e.set_text(m,u)},[()=>i()("casinoTab"),()=>i()("sportsbookTab")]),e.append(t,a)};e.if_block(I,t=>{Object.keys(w()).length!==0&&t(pe)})}var F=e.sibling(I,2);{var me=t=>{var a=Ge();let n;e.each(a,21,()=>e.get(B),e.index,(s,o)=>{var r=Te(),p=e.child(r);e.reset(r),e.template_effect(m=>{var f;return e.set_text(p,`${(f=e.get(o).rule)!=null?f:""} ${m!=null?m:""}`)},[()=>i()("contribution")]),e.append(s,r)}),e.reset(a),e.template_effect(()=>n=e.set_class(a,1,"TournamentRulesWrapper svelte-p7mf8l",null,n,{Hidden:e.get(_)==="casino"})),e.append(t,a)};e.if_block(F,t=>{e.get(B)&&t(me)})}var D=e.sibling(F,2);let X;var ce=e.child(D);{var de=t=>{var a=e.comment(),n=e.first_child(a);e.each(n,17,()=>Array(v()),e.index,(s,o,r,p)=>{var m=Ae();e.append(s,m)}),e.append(t,a)},ve=t=>{var a=e.comment(),n=e.first_child(a);e.each(n,17,()=>e.get(ne),e.index,(s,o)=>{var r=Be();r.__click=()=>re(e.get(o));var p=e.child(r),m=e.child(p),f=e.sibling(m,2),u=e.child(f),M=e.child(u,!0);e.reset(u),e.reset(f),e.reset(p),e.reset(r),e.template_effect(z=>{e.set_attribute(m,"src",`https:${e.get(o).thumbnail}`),e.set_attribute(m,"alt",e.get(o).name),e.set_text(M,z)},[()=>i()("play")]),e.append(s,r)}),e.append(t,a)};e.if_block(ce,t=>{var a;e.get(A)||((a=e.get(G))==null?void 0:a.length)===0?t(de):t(ve,!1)})}e.reset(D);var fe=e.sibling(D,2);{var ue=t=>{var a=Me();let n;var s=e.child(a);s.__click=ee;var o=e.child(s,!0);e.reset(s);var r=e.sibling(s,2);e.each(r,21,()=>e.get(ae),e.index,(f,u)=>{var M=e.comment(),z=e.first_child(M);{var be=k=>{var x=Ne();e.append(k,x)},_e=k=>{var x=De();let q;x.__click=()=>te(e.get(u));var xe=e.child(x,!0);e.reset(x),e.template_effect(()=>{q=e.set_class(x,1,"PaginationButton Number svelte-p7mf8l",null,q,{Active:e.get(u)===e.get(N)}),e.set_text(xe,e.get(u))}),e.append(k,x)};e.if_block(z,k=>{typeof e.get(u)!="number"?k(be):k(_e,!1)})}e.append(f,M)}),e.reset(r);var p=e.sibling(r,2);p.__click=$;var m=e.child(p,!0);e.reset(p),e.reset(a),e.template_effect((f,u)=>{n=e.set_class(a,1,"PaginationWrapper svelte-p7mf8l",null,n,{Hidden:e.get(_)==="sports"}),s.disabled=e.get(d)===0,e.set_text(o,f),p.disabled=e.get(d)>=S()-v(),e.set_text(m,u)},[()=>i()("previousButton"),()=>i()("nextButton")]),e.append(t,a)},ge=t=>{var a=je();e.append(t,a)};e.if_block(fe,t=>{var a;!e.get(A)||((a=e.get(G))==null?void 0:a.length)>0?t(ue):t(ge,!1)})}e.reset(W),e.template_effect((t,a)=>{e.set_text(le,t),e.set_text(ie,a),X=e.set_class(D,1,"TournamentGamesContainer svelte-p7mf8l",null,X,{Hidden:e.get(_)==="sports"})},[()=>i()("gamesDescriptionTitle"),()=>i()("gamesDescriptionSubtitle")]),e.append(h,W);var he=e.pop(oe);return T(),he}e.delegate(["click"]);e.create_custom_element(Q,{initialGames:{},endpoint:{},language:{},session:{},tournamentid:{},gamesLimit:{},totalGames:{},platformProp:{},tournamentMetadata:{}},[],[],!0);exports.default=Q;