@everymatrix/casino-engagement-suite-tournament 0.0.0

package/dist/cjs/index.cjs.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const casinoEngagementSuiteTournament = require('./casino-engagement-suite-tournament-d16da103.js');
+require('./index-192fed5a.js');
+require('@everymatrix/general-styling-wrapper');
+require('@everymatrix/casino-engagement-suite-progress-bar');
+
+
+
+exports.CasinoEngagementSuiteTournament = casinoEngagementSuiteTournament.CasinoEngagementSuiteTournament;

package/dist/cjs/loader.cjs.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-192fed5a.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
+
+const defineCustomElements = async (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy([["casino-engagement-suite-tournament.cjs",[[1,"casino-engagement-suite-tournament",{"language":[1],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"leaderboardsInit":[16],"tab":[32],"locale":[32],"tournamentItem":[32],"tournamentList":[32],"leaderboards":[32],"isActionJoinPending":[32],"isDialogOpen":[32],"isShowInfo":[32],"page":[32],"tournamentInDialog":[32],"dialog":[32],"time":[32]},[[8,"message","handleEvent"]]]]]], options);
+};
+
+exports.setNonce = index.setNonce;
+exports.defineCustomElements = defineCustomElements;

package/dist/collection/collection-manifest.json

@@ -0,0 +1,12 @@
+{
+  "entries": [
+    "components/casino-engagement-suite-tournament/casino-engagement-suite-tournament.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "4.20.0",
+    "typescriptVersion": "5.5.3"
+  },
+  "collections": [],
+  "bundles": []
+}

package/dist/collection/components/casino-engagement-suite-tournament/casino-engagement-suite-tournament.css

@@ -0,0 +1,374 @@
+.GradientRounded {
+  display: block;
+  background: linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%);
+  color: rgba(30, 22, 56, 1);
+  
+  position: relative;
+  border-radius: 16px;
+
+  &.Hollow {
+    background: rgba(30, 22, 56, 1);
+    color: #FFFFFF;
+    &::before {
+      content: "";
+      position: absolute;
+      inset: 0;
+      border-radius: 15px;
+      border: 1px solid transparent;
+      background: linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%) border-box;
+      -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
+      mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
+      -webkit-mask-composite: destination-out;
+      mask-composite: exclude;
+    }
+
+  }
+}
+
+.GradientRoundedButton {
+  border: none;
+  padding: 7px;
+  
+  height: 32px;
+  width: 100%;
+  
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 17.07px;
+  text-align: center;
+  
+  transition: .5s opacity;
+
+  cursor: pointer;
+  &.Pending {
+    cursor: not-allowed;
+    opacity: .3;
+  }
+
+  &.Hollow {
+    
+    span {
+      background: -webkit-linear-gradient(98.25deg, rgb(255, 148, 0) 22.48%, rgb(254, 247, 70) 131.02%, rgb(255, 226, 74) 131.9%);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+    }
+  }
+}
+.Wrapper {
+  height: 100%;
+  position: relative;
+  color: var(--emw--color-typography, #FFFFFF);
+  display: flex;
+  background-color: var(--emw--color-background, hsl(254, 44%, 15%));
+  flex-direction: column;
+  border-radius: 8px;
+  overflow: hidden;
+}
+
+.WrapperContent {
+  padding-bottom: 20px;
+  transition: 0.5s filter;
+}
+.WrapperContent.faded {
+  filter: brightness(53.3333333333%);
+}
+
+.WrapperBar {
+  display: flex;
+  width: 100%;
+  padding: 12px 8px 8px;
+}
+
+.WrapperBarLeft, .WrapperBarRight {
+  cursor: pointer;
+}
+
+.WrapperBarMiddle {
+  flex-grow: 1;
+  text-align: center;
+  font-size: 16px;
+  line-height: 16px;
+  font-weight: 500;
+  color: var(--emw--color-secondary, rgb(187, 185, 195));
+}
+
+:host {
+  display: block;
+  font-size: 12px;
+  font-family: Inter;
+}
+
+.Row {
+  margin: 24px 0;
+  padding: 0 20px;
+}
+
+.LeaderboardsItem {
+  margin: 10px 0;
+  border: 1px solid rgb(64, 57, 86);
+  border-radius: 16px;
+}
+.LeaderboardsItem.Hollow {
+  border-color: transparent;
+}
+
+.LeaderboardsItemContainer {
+  padding-top: 16px;
+}
+
+.Info {
+  margin: 24px 0;
+  padding: 0 20px;
+}
+
+.TimeContainer {
+  margin: 24px 0;
+  padding: 0 20px;
+}
+.TimeContainer .Time {
+  display: flex;
+  justify-content: space-between;
+  font-size: 11px;
+  align-items: center;
+  color: var(--emw--color-secondary, rgb(187, 185, 195));
+}
+.TimeContainer .Time button {
+  font-size: 12px;
+  height: 20px;
+  padding: 0;
+}
+.TimeContainer .Time button::before {
+  inset: inherit;
+  border: 0;
+}
+
+.ShowInfo {
+  margin: 24px 0;
+  padding: 0 20px;
+  cursor: pointer;
+  color: rgb(102, 97, 120);
+}
+.ShowInfo p {
+  display: flex;
+  gap: 4px;
+}
+
+.TitleContainer {
+  display: flex;
+  justify-content: space-between;
+  margin: 24px 0;
+  padding: 0 20px;
+  margin-top: 0;
+  gap: 10px;
+  font-family: Montserrat;
+}
+.TitleContainer .GradientRoundedButton {
+  width: 120px;
+}
+
+.TabsContainer {
+  margin: 24px 0;
+  padding: 0 20px;
+  margin: 0 20px;
+  padding: 0;
+  border-bottom: 1px solid #575757;
+}
+
+.Tabs {
+  display: flex;
+  justify-content: space-between;
+  justify-content: start;
+  font-size: 12px;
+  margin-bottom: -1px;
+}
+.Tabs > div {
+  padding: 10px;
+  color: rgb(102, 97, 120);
+  cursor: pointer;
+}
+.Tabs > div.active {
+  color: var(--emw--color-typography, #FFF);
+  border-bottom: 2px solid var(--emw--color-typography, #FFF);
+}
+
+.Title {
+  font-size: 16px;
+  font-weight: 700;
+  line-height: 19.5px;
+  text-align: left;
+  word-break: break-word;
+}
+
+.TC {
+  margin-top: 12px;
+}
+.TC a {
+  color: rgb(89, 209, 255);
+}
+
+.Criterias {
+  margin: 12px 0;
+}
+.Criterias span {
+  color: var(--emw--color-primary, rgb(255, 214, 47));
+  font-weight: 400;
+}
+
+.ResultPrize {
+  margin: 24px 0;
+  padding: 0 20px;
+}
+.ResultPrize span {
+  color: var(--emw--color-primary, rgb(255, 214, 47));
+  font-weight: 400;
+}
+
+.Prizes {
+  margin: 24px 0;
+  padding: 0 20px;
+}
+.Prizes .PrizesText {
+  margin-left: 3px;
+  font-weight: 600;
+}
+.Prizes .PrizesHeader {
+  align-items: center;
+  display: flex;
+}
+.Prizes .PrizesHeader img {
+  width: 12px;
+}
+.Prizes .Prize {
+  margin: 8px 0;
+}
+.Prizes .Prize .PrizeText {
+  color: var(--emw--color-primary, rgb(255, 214, 47));
+  font-weight: 400;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+.Leaderboards {
+  width: 100%;
+  text-align: center;
+  border-collapse: collapse;
+}
+.Leaderboards td {
+  opacity: 0.6;
+  padding: 20px 5px;
+}
+.Leaderboards td:first-child {
+  padding-left: 20px;
+}
+.Leaderboards td:last-child {
+  padding-right: 20px;
+}
+.Leaderboards .LeaderboardName {
+  color: var(--emw--color-typography, #FFF);
+  opacity: 1;
+}
+.Leaderboards tr.isMe {
+  background: rgba(0, 0, 0, 0.2);
+}
+.Leaderboards tr.isMe .LeaderboardRank span {
+  padding: 0px 3px;
+  opacity: 1;
+  border: 1px solid var(--emw--color-primary, rgb(255, 214, 47));
+  border-radius: 11px;
+}
+.Leaderboards tr.isMe td {
+  color: var(--emw--color-primary, rgb(255, 214, 47));
+}
+
+.Games {
+  margin: 24px 0;
+  padding: 0 20px;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-evenly;
+  gap: 4px 7.25px;
+}
+.Games img {
+  width: 60px;
+}
+
+dialog {
+  position: absolute;
+  top: 30px;
+  width: 100%;
+  height: 100%;
+  background: transparent;
+  border: 0;
+  padding: 0;
+  color: var(--emw--color-typography, #FFFFFF);
+}
+dialog > div {
+  margin: 32px;
+  border-radius: 8px;
+  background: var(--emw--color-background, hsl(254, 44%, 15%));
+  border: 1px solid hsl(254, 20%, 28%);
+  align-items: center;
+}
+
+.DialogContentUnjoin {
+  padding: 32px;
+  padding-top: 10px;
+  display: flex;
+  gap: 10px;
+  flex-direction: column;
+}
+
+.DialogContentUnjoinTitle {
+  font-family: Montserrat;
+  font-size: 20px;
+  font-weight: 600;
+  line-height: 24.38px;
+  text-align: center;
+}
+
+.DialogContentUnjoinDescription {
+  color: var(--emw--color-secondary, rgb(187, 185, 195));
+  margin-bottom: 30px;
+}
+
+.Tip {
+  padding: 32px;
+  padding-top: 10px;
+  color: var(--emw--color-secondary, rgb(187, 185, 195));
+  font-size: 14px;
+}
+
+.PageConfirmContainer {
+  text-align: center;
+  width: 80%;
+  margin: 0 auto;
+}
+
+.PageConfirm {
+  padding: 40px 32px;
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+}
+.PageConfirm .Title {
+  font-size: 20px;
+  text-align: center;
+}
+.PageConfirm .Description {
+  color: var(--emw--color-secondary, rgb(187, 185, 195));
+  font-weight: 400;
+}
+.PageConfirm .Description span {
+  color: var(--emw--color-typography, #FFF);
+  font-weight: 600;
+}
+
+.PageConfirmButtonsGroup {
+  width: 150px;
+  margin: 0 auto;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}