@everymatrix/casino-tournament-list 1.20.5

package/dist/components/casino-tournament-info2.js

@@ -0,0 +1,502 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { h as hooks } from './moment.js';
+import { d as defineCustomElement$3 } from './casino-tournament-buttons2.js';
+import { d as defineCustomElement$2 } from './casino-tournament-duration2.js';
+import { d as defineCustomElement$1 } from './casino-tournament-prizes2.js';
+
+const DEFAULT_LANGUAGE = 'en';
+const SUPPORTED_LANGUAGES = ['ro', 'en', 'zh-hk', 'fr', 'hu', 'tr', 'el', 'es', 'pt'];
+const TRANSLATIONS = {
+  en: {
+    enrolled: 'Enrolled',
+    details: 'Details',
+    scoreCriteria: 'Score Criteria',
+    minbet: 'min bet count',
+    seegames: 'You can see the games',
+    here: 'here',
+    scheduled: 'Scheduled',
+    ongoing: 'Ongoing',
+    finished: 'Finished',
+    startingAt: 'Starting at:',
+    startedAt: 'Started at:',
+    startingAtWithTime: `Starts `,
+    startedAtWithTime: `Started `,
+    mostRounds: 'Most Rounds',
+    betCount: 'Number of Bets',
+    maxWinStakeRatio: 'Max Win per Stake',
+    winStakeRatio: 'Total Win per Stake',
+    January: 'January',
+    February: 'February',
+    March: 'March',
+    April: 'April',
+    May: 'May',
+    June: 'June',
+    July: 'July',
+    August: 'August',
+    September: 'September',
+    October: 'October',
+    November: 'November',
+    December: 'December'
+  },
+  'zh-hk': {
+    enrolled: '已註冊',
+    details: '細節',
+    scoreCriteria: '評分標準',
+    minbet: '最小投注數：',
+    seegames: '你可以看比賽',
+    here: '這裡',
+    scheduled: '預定的',
+    ongoing: '進行中',
+    finished: '完成的',
+    startingAt: '開始於',
+    startedAt: '大多數回合',
+    mostRounds: '投注數',
+    betCount: '投注计数',
+    maxWinStakeRatio: '最大勝率',
+    winStakeRatio: '勝率',
+    January: '一月',
+    February: '二月',
+    March: '行进',
+    April: '四月',
+    May: '可能',
+    June: '六月',
+    July: '七月',
+    August: '八月',
+    September: '九月',
+    October: '十月',
+    November: '十一月',
+    December: '十二月'
+  },
+  fr: {
+    enrolled: 'Inscrits',
+    details: 'Détails',
+    scoreCriteria: 'Critères de notation',
+    minbet: 'nombre de paris minimum',
+    seegames: 'Vous pouvez voir les jeux',
+    here: 'ici',
+    scheduled: 'Programmé',
+    ongoing: 'En cours',
+    finished: 'Fini',
+    startingAt: 'À partir de:',
+    startedAt: 'Commencé à:',
+    mostRounds: 'Le plus grand nombre de tours',
+    betCount: 'Nombre de paris',
+    maxWinStakeRatio: 'Indice maximum du gain d\'une mise',
+    winStakeRatio: 'Indice du gain d\'une mise',
+    January: 'January',
+    February: 'February',
+    March: 'March',
+    April: 'April',
+    May: 'May',
+    June: 'June',
+    July: 'July',
+    August: 'August',
+    September: 'September',
+    October: 'October',
+    November: 'November',
+    December: 'December'
+  },
+  ro: {
+    enrolled: 'Înscris',
+    details: 'Detalii',
+    scoreCriteria: 'Criterii de punctaj',
+    minbet: 'număr minim de pariuri',
+    seegames: 'Vezi jocurile',
+    here: 'aici',
+    scheduled: 'Programat',
+    ongoing: 'În desfășurare',
+    finished: 'Finalizat',
+    startingAt: 'Începând de la',
+    startedAt: 'A inceput la:',
+    mostRounds: 'Cele mai multe runde',
+    betCount: 'Număr de pariuri',
+    maxWinStakeRatio: 'Pondere maximă a mizei din câștig',
+    winStakeRatio: 'Câștig Total per Miză',
+    January: 'Ianuarie',
+    February: 'Februarie',
+    March: 'Martie',
+    April: 'Aprilie',
+    May: 'Mai',
+    June: 'Iunie',
+    July: 'Iulie',
+    August: 'August',
+    September: 'Septembrie',
+    October: 'Octombrie',
+    November: 'Noiembrie',
+    December: 'Decembrie'
+  },
+  tr: {
+    enrolled: 'Katıldın',
+    details: 'Detaylar',
+    scoreCriteria: 'Skor kriteri',
+    minbet: 'en düşük bahis sayısı',
+    seegames: 'Turnuvadaki oyunları görmek için',
+    here: 'tıklayın',
+    scheduled: 'Planlanmış',
+    ongoing: 'Devam Eden',
+    finished: 'Sona Ermiş',
+    startingAt: 'Başlangıç saati:',
+    startedAt: 'Başlangıç saati:',
+    mostRounds: 'ÇoğuRounds',
+    betCount: 'Oynanan Tur Sayısı',
+    maxWinStakeRatio: 'Maksimum Kazanç / Bahis Oranı',
+    winStakeRatio: 'Kazanç / Bahis Oranı',
+    January: 'Ocak',
+    February: 'Şubat',
+    March: 'Mart',
+    April: 'Nisan',
+    May: 'Mayıs',
+    June: 'Haziran',
+    July: 'Temmuz',
+    August: 'Ağustos',
+    September: 'Eylül',
+    October: 'Ekim',
+    November: 'Kasım',
+    December: 'Aralık'
+  },
+  el: {
+    enrolled: 'Εγγεγραμμένος',
+    details: 'Λεπτομέρειες',
+    scoreCriteria: 'Κριτήρια Σκορ',
+    minbet: 'Ελάχιστος αριθμός πονταρισμάτων',
+    seegames: 'Μπορείς να δεις τα παιχνίδια',
+    here: 'εδώ',
+    all: 'Όλα',
+    scheduled: 'Προγραμματισμένα',
+    ongoing: 'Τρέχοντα',
+    finished: 'Ολοκληρωμένα',
+    startingAt: 'Αρχίζει στις:',
+    startedAt: 'Άρχισε στις:',
+    startingAtWithTime: `Αρχίζει στις `,
+    startedAtWithTime: `Άρχισε στις `,
+    mostRounds: 'Οι περισσότεροι γύροι',
+    betCount: 'Οι περισσότεροι γύροι',
+    maxWinStakeRatio: 'Μεγαλύτερο Κέρδος άνα Ποντάρισμα',
+    winStakeRatio: 'Συνολική Αναλογία Κερδών άνα Ποντάρισμα',
+    January: 'Ιανουαρίου',
+    February: 'Φεβρουαρίου',
+    March: 'Μαρτίου',
+    April: 'Απριλίου',
+    May: 'Μαΐου',
+    June: 'Ιουνίου',
+    July: 'Ιουλίου',
+    August: 'Αυγούστου',
+    September: 'Σεπτεμβρίου',
+    October: 'Οκτωβρίου',
+    November: 'Νοεμβρίου',
+    December: 'Δεκεμβρίου'
+  },
+  es: {
+    enrolled: 'Inscrito',
+    details: 'Detalles',
+    scoreCriteria: 'Criterios de puntuación',
+    minbet: 'la apuesta mínima cuenta',
+    seegames: 'Puedes ver los juegos',
+    here: 'aquí',
+    scheduled: 'Programado',
+    ongoing: 'En marcha',
+    finished: 'Terminado',
+    startingAt: 'Desde',
+    startedAt: 'Empezó el:',
+    mostRounds: 'LaMayoríaDeLasRondas',
+    betCount: 'Recuento De Apuestas',
+    maxWinStakeRatio: 'Ratio De Ganancia Máxima',
+    winStakeRatio: 'Ratio De Ganancia',
+    January: 'de enero',
+    February: 'de febrero',
+    March: 'de marzo',
+    April: 'de abril',
+    May: 'de mayo',
+    June: 'de junio',
+    July: 'de julio',
+    August: 'de agosto',
+    September: 'de septiembre',
+    October: 'de octubre',
+    November: 'de noviembre',
+    December: 'de diciembre'
+  },
+  pt: {
+    enrolled: 'Inscrito',
+    details: 'Detalhes',
+    scoreCriteria: 'Critérios de pontuação',
+    minbet: 'Contagens de aposta mínima',
+    seegames: 'Você pode ver os jogos',
+    here: 'Aqui',
+    scheduled: 'Agendado',
+    ongoing: 'Em progresso',
+    finished: 'Finalizado',
+    startingAt: 'Começando às:',
+    startedAt: 'Começou às:',
+    mostRounds: 'Mais rodadas',
+    betCount: 'Contagem de Apostas',
+    maxWinStakeRatio: 'Rácio máximo de vitórias',
+    winStakeRatio: 'Rácio de Vitórias',
+    January: 'January',
+    February: 'February',
+    March: 'March',
+    April: 'April',
+    May: 'May',
+    June: 'June',
+    July: 'July',
+    August: 'August',
+    September: 'September',
+    October: 'October',
+    November: 'November',
+    December: 'December'
+  },
+  hu: {
+    enrolled: 'Feliratkozott',
+    details: 'Adatok',
+    scoreCriteria: 'Pontozási kritériumok',
+    minbet: 'Minimális tét',
+    seegames: 'Játékok megnézése',
+    here: 'itt',
+    scheduled: 'Ütemezés',
+    ongoing: 'Folyamatban lévő',
+    finished: 'Befejezett',
+    startingAt: 'Kezdődik',
+    startedAt: 'Started at:',
+    mostRounds: 'Legtöbb kör',
+    betCount: 'Számított tét',
+    maxWinStakeRatio: 'Maximális nyeremény tétenként',
+    winStakeRatio: 'Összes nyeremény tétenként',
+    January: 'January',
+    February: 'February',
+    March: 'March',
+    April: 'April',
+    May: 'May',
+    June: 'June',
+    July: 'July',
+    August: 'August',
+    September: 'September',
+    October: 'October',
+    November: 'November',
+    December: 'December'
+  }
+};
+const translate = (key, customLang) => {
+  const lang = customLang;
+  return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
+};
+
+const casinoTournamentInfoCss = ":host{display:block}.TournamentInfo{background:var(--emfe-w-tournament-color-bg, #153a5c);color:var(--emfe-w-color-white, #FFFFFF);padding:20px;text-align:center;display:flex;gap:20px;display:flex;flex-direction:column}.TournamentInfo.Left{text-align:left}.TournamentInfo.Left .InfoButtons{justify-content:left}.TournamentInfo.Right{text-align:right}.TournamentInfo.Right .InfoButtons{justify-content:right}.Title{margin:0;font-size:18px}.Score{color:var(--emfe-w-color-white, #FFFFFF)}.GameLink{text-decoration:underline;text-transform:uppercase;color:var(--emfe-w-color-white, #FFFFFF)}.InfoButtons{display:flex;justify-content:center}.DetailsButton{border:0;border-radius:2px;background-color:var(--emfe-w-tournament-color-primary, #0072ed);padding:8px 16px;font-size:14px;font-weight:600;color:var(--emfe-w-color-white, #FFFFFF);cursor:pointer}p{font-size:12px;margin-top:0}casino-tournament-duration::part(StartDate){color:var(--emfe-w-color-white, #FFFFFF)}casino-tournament-duration::part(EndDate){color:var(--emfe-w-color-white, #FFFFFF)}";
+
+const CasinoTournamentInfo = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    /**
+     * Terms and conditions url
+     */
+    this.termsUrl = '#';
+    /**
+     * If see games link keep context
+     */
+    this.keepContext = false;
+    /**
+     * Tournament prizes display as group
+     */
+    this.useGroup = false;
+    /**
+     * Tournament info text align
+     */
+    this.align = 'center';
+    /**
+     * Show tournament dates
+     */
+    this.showDates = false;
+    /**
+     * Show tournament prizes
+     */
+    this.showPrizes = false;
+    /**
+     * Show detail, join, login , register button
+     */
+    this.showButton = false;
+    /**
+     * Short start time on tag
+     */
+    this.shortStart = false;
+    /**
+     * Show see games here link
+     */
+    this.seeGames = false;
+    /**
+     * Use event to load data
+     */
+    this.useEvent = false;
+    /**
+     * Short start time format
+     */
+    this.shortStartFormat = 'DD MMM YYYY';
+    /**
+     * Client custom styling via inline styles
+     */
+    this.clientStyling = '';
+    /**
+     * Client custom styling via url
+     */
+    this.clientStylingUrl = '';
+    /**
+     * Player enrolled
+     */
+    this.enrolled = false;
+    /**
+     *  Show read more button
+     */
+    this.showReadMore = false;
+    this.limitStylingAppends = false;
+    this.formatDate = () => {
+      const dateOptions = { month: 'long' };
+      const startTime = this.tournamentInfo.startTime;
+      const state = this.tournamentInfo.state;
+      let currentDate = new Date(startTime);
+      const setTranslation = () => {
+        return (state === 'Running' || state == 'Closing' || state == 'Closed') ?
+          translate('startedAt', this.language) :
+          translate('startingAt', this.language);
+      };
+      if (this.shortStart) {
+        let startTimeAsString = hooks(currentDate).format(this.shortStartFormat);
+        this.startDate = (state === 'Running' || state == 'Closing' || state == 'Closed') ?
+          translate('startedAtWithTime', this.language) + startTimeAsString :
+          translate('startingAtWithTime', this.language) + startTimeAsString;
+      }
+      else {
+        let currentMonthKey = new Intl.DateTimeFormat('en', dateOptions).format(currentDate);
+        let currentDay = currentDate.getDate();
+        let currentHour = currentDate.toLocaleString('en-GB', { hour: 'numeric', minute: 'numeric', hour12: false });
+        this.startDate =
+          `${currentDay}` + ' ' +
+            translate(`${currentMonthKey}`, this.language) + ', ' +
+            setTranslation() +
+            ` ${currentHour}`;
+      }
+    };
+    this.setClientStyling = () => {
+      let sheet = document.createElement('style');
+      sheet.innerHTML = this.clientStyling;
+      this.stylingContainer.prepend(sheet);
+    };
+    this.setClientStylingURL = () => {
+      let cssFile = document.createElement('style');
+      setTimeout(() => {
+        cssFile.innerHTML = this.clientStylingUrl;
+        this.stylingContainer.prepend(cssFile);
+      }, 1);
+    };
+    this.detailsAction = (tournamentId) => {
+      window.postMessage({ type: 'TournamentDetailsClicked', tournamentId }, window.location.href);
+    };
+  }
+  infoCompletedHandler(event) {
+    if (event.detail && this.useEvent) {
+      if (this.tournamentId && this.tournamentId != event.detail.id)
+        return;
+      this.tournamentInfo = event.detail;
+      if (this.tournamentInfo.startTime) {
+        this.formatDate();
+      }
+    }
+  }
+  componentWillLoad() {
+    if (!this.useEvent) {
+      this.tournamentInfo = {
+        nameOrTitle: this.nameOrTitle,
+        scoreCriteria: this.scoreCriteria,
+        termsUrl: this.termsUrl,
+        startTime: this.startTime,
+        endTime: this.endTime,
+        prizes: this.prizes,
+        minBetCount: this.minBetCount
+      };
+    }
+  }
+  componentDidRender() {
+    if (!this.limitStylingAppends && this.stylingContainer) {
+      if (this.clientStyling)
+        this.setClientStyling();
+      if (this.clientStylingUrl)
+        this.setClientStylingURL();
+      this.limitStylingAppends = true;
+    }
+  }
+  tournamentGamesClicked(id) {
+    window.postMessage({ type: 'tournamentGamesClicked', id }, window.location.href);
+  }
+  render() {
+    if (this.tournamentInfo) {
+      return h("div", { ref: el => this.stylingContainer = el }, h("div", { class: `TournamentInfo ${this.align}`, part: "TournamentInfo" }, h("h1", { class: "Title" }, this.tournamentInfo.nameOrTitle), h("div", { class: "Details" }, h("p", { class: "Score" }, translate('scoreCriteria', this.language), ":", this.tournamentInfo.scoreCriteria, " (", translate('minbet', this.language), ":", this.tournamentInfo.minBetCount, ")"), this.showDates && h("p", { class: "Dates" }, this.startDate), this.seeGames && h("p", { class: "SeeGames" }, translate('seegames', this.language), ":", h("a", { class: "GameLink", href: this.tournamentInfo.termsUrl || '#', target: this.keepContext == true ? '_self' : '_blank', onClick: () => this.tournamentGamesClicked(this.tournamentId) }, " ", translate('here', this.language))), this.showButton &&
+        h("div", { class: "InfoButtons" }, h("casino-tournament-buttons", { enrolled: this.enrolled, session: this.session, endpoint: this.endpoint, language: this.language, "tournament-id": this.tournamentId, "login-event": this.loginEvent, "login-url": this.loginUrl, "register-event": this.registerEvent, "register-url": this.registerUrl, currency: this.currency, "bonus-code": this.bonusCode, "show-read-more": this.showReadMore }))), this.showPrizes && h("casino-tournament-prizes", { "raw-prizes": JSON.stringify(this.tournamentInfo.prizes), "use-event": "false", "use-group": this.useGroup, language: this.language }), h("casino-tournament-duration", { exportparts: "Remaining,ProgressBar,ProgressBarFill,ProgressBarFillStarting,ProgressBarFillEnd,StartDate,EndDate", "start-time": this.tournamentInfo.startTime, "end-time": this.tournamentInfo.endTime, language: this.language })));
+    }
+  }
+  static get style() { return casinoTournamentInfoCss; }
+}, [1, "casino-tournament-info", {
+    "endpoint": [1],
+    "nameOrTitle": [1, "name-or-title"],
+    "scoreCriteria": [1, "score-criteria"],
+    "tournamentId": [1, "tournament-id"],
+    "session": [1],
+    "userId": [1, "user-id"],
+    "language": [1],
+    "termsUrl": [1, "terms-url"],
+    "keepContext": [4, "keep-context"],
+    "useGroup": [4, "use-group"],
+    "align": [1],
+    "showDates": [4, "show-dates"],
+    "showPrizes": [4, "show-prizes"],
+    "showButton": [4, "show-button"],
+    "shortStart": [4, "short-start"],
+    "seeGames": [4, "see-games"],
+    "useEvent": [4, "use-event"],
+    "startTime": [1, "start-time"],
+    "endTime": [1, "end-time"],
+    "minBetCount": [2, "min-bet-count"],
+    "prizes": [8],
+    "shortStartFormat": [1, "short-start-format"],
+    "clientStyling": [1, "client-styling"],
+    "clientStylingUrl": [1, "client-styling-url"],
+    "enrolled": [4],
+    "loginEvent": [1, "login-event"],
+    "loginUrl": [1, "login-url"],
+    "registerEvent": [1, "register-event"],
+    "registerUrl": [1, "register-url"],
+    "currency": [1],
+    "bonusCode": [1, "bonus-code"],
+    "showReadMore": [4, "show-read-more"],
+    "limitStylingAppends": [32],
+    "stylingContainer": [32],
+    "startDate": [32],
+    "tournamentInfo": [32]
+  }, [[8, "getTournamentInfoCompleted", "infoCompletedHandler"]]]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["casino-tournament-info", "casino-tournament-buttons", "casino-tournament-duration", "casino-tournament-prizes"];
+  components.forEach(tagName => { switch (tagName) {
+    case "casino-tournament-info":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, CasinoTournamentInfo);
+      }
+      break;
+    case "casino-tournament-buttons":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "casino-tournament-duration":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+    case "casino-tournament-prizes":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+
+export { CasinoTournamentInfo as C, defineCustomElement as d };

package/dist/components/casino-tournament-list.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface CasinoTournamentList extends Components.CasinoTournamentList, HTMLElement {}
+export const CasinoTournamentList: {
+  prototype: CasinoTournamentList;
+  new (): CasinoTournamentList;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;