@everymatrix/casino-tournament-list 1.20.5

package/dist/collection/utils/utils.js

@@ -0,0 +1,20 @@
+export const getDevice = () => {
+  let userAgent = window.navigator.userAgent;
+  if (userAgent.toLowerCase().match(/android/i)) {
+    return 'Android';
+  }
+  if (userAgent.toLowerCase().match(/iphone/i)) {
+    return 'iPhone';
+  }
+  if (userAgent.toLowerCase().match(/ipad|ipod/i)) {
+    return 'iPad';
+  }
+  return 'PC';
+};
+export const isMobile = () => {
+  let userAgent = window.navigator.userAgent;
+  return !!(userAgent.toLowerCase().match(/android/i) ||
+    userAgent.toLowerCase().match(/blackberry|bb/i) ||
+    userAgent.toLowerCase().match(/iphone|ipad|ipod/i) ||
+    userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
+};

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

@@ -0,0 +1,6 @@
+import { C as CasinoTournamentBanner$1, d as defineCustomElement$1 } from './casino-tournament-banner2.js';
+
+const CasinoTournamentBanner = CasinoTournamentBanner$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { CasinoTournamentBanner, defineCustomElement };

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

@@ -0,0 +1,598 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { h as hooks } from './moment.js';
+import { d as defineCustomElement$1 } from './casino-tournament-buttons2.js';
+
+const DEFAULT_LANGUAGE = 'en';
+const SUPPORTED_LANGUAGES = ['ro', 'en', 'zh-hk', 'fr', 'hu', 'tr', 'el', 'es', 'pt'];
+const TRANSLATIONS = {
+  en: {
+    joined: 'Joined',
+    join: 'Join',
+    enrolled: 'Enrolled',
+    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',
+    login: 'Log in',
+    register: 'Register',
+    details: 'Details',
+    joinerror: 'An error occurred while registering in the tournament, please try again.',
+    tournament: 'Tournament',
+    terms: 'Terms and conditions',
+    left: 'left',
+    minutes: 'minutes',
+    hours: 'hours',
+    days: 'days',
+  },
+  'zh-hk': {
+    enrolled: '已註冊',
+    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: '十二月',
+    login: '登錄',
+    register: '登記',
+    details: '細節',
+    join: '加入',
+    joinerror: '加入錦標賽時出錯，請重試',
+    left: '剩下',
+    minutes: '分鐘',
+    hours: '小時',
+    days: '天',
+  },
+  fr: {
+    enrolled: 'Inscrits',
+    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',
+    login: 'Connexion',
+    register: 'Enregistre',
+    details: 'Détails',
+    join: 'Rejoignez',
+    joinerror: 'Une erreur s\'est produite lors de l\'inscription au tournoi - ',
+    left: 'restant',
+    minutes: 'minutes',
+    hours: 'heures',
+    days: 'jours',
+  },
+  ro: {
+    enrolled: 'Înscris',
+    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:',
+    startingAtWithTime: 'Începând de',
+    startedAtWithTime: 'A inceput:',
+    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',
+    login: 'Autentificare',
+    register: 'Înregistrare',
+    details: 'Detalii',
+    join: 'Participă',
+    joinerror: 'A apărut o eroare la înregistrarea în turneu, te rugăm să încerci din nou.',
+    left: 'rămase',
+    minutes: 'minute',
+    hours: 'ore',
+    days: 'zile',
+  },
+  tr: {
+    enrolled: 'Katıldın',
+    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',
+    login: 'Giriş',
+    register: 'Kayıt Ol',
+    details: 'Detaylar',
+    join: 'Katıl',
+    joinerror: 'Turnuvaya katılım ile ilgili bir hata oluştu - ',
+    left: 'kaldı',
+    minutes: 'dakika',
+    hours: 'saat',
+    days: 'gün',
+  },
+  el: {
+    enrolled: 'Εγγεγραμμένος',
+    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: 'Δεκεμβρίου',
+    login: 'Είσοδος',
+    register: 'Εγγραφή',
+    details: 'Λεπτομέρειες',
+    join: 'Συμμετοχή',
+    joinerror: 'Παρουσιάστηκε σφάλμα κατά τη διαδικασία εγγραφής στο τουρνουά, παρακαλούμε δοκιμάστε ξανά.',
+    left: 'απομένουν',
+    minutes: 'λεπτά',
+    hours: 'ώρες',
+    days: 'ημέρες',
+  },
+  es: {
+    enrolled: 'Inscrito',
+    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',
+    login: 'Iniciar sesión',
+    register: 'Regístrate',
+    details: 'Detalles',
+    join: 'Unirse',
+    joinerror: 'Ha ocurrido un error mientras se registra en el Torneo',
+    left: 'izquierda',
+    minutes: 'minutos',
+    hours: 'horas',
+    days: 'días',
+  },
+  pt: {
+    enrolled: 'Inscrito',
+    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',
+    login: 'Entrar',
+    register: 'Registro',
+    details: 'Detalhes',
+    join: 'Junte-se',
+    joinerror: 'Ocorreu um erro ao entrar no torneio -',
+    left: 'Abandonou',
+    minutes: 'Minutos',
+    hours: 'Horas',
+    days: 'Dias',
+  },
+  hu: {
+    enrolled: 'Feliratkozott',
+    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',
+    login: 'Bejelentkezés',
+    register: 'Regisztráció',
+    details: 'Adatok',
+    join: 'Csatlakozás',
+    joinerror: 'Hiba történt a versenyre való regisztráció során, kérjük próbálja újra.',
+    left: 'bal',
+    minutes: 'perc',
+    hours: 'óra',
+    days: 'nap',
+  }
+};
+const translate = (key, customLang) => {
+  const lang = customLang;
+  return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
+};
+
+const casinoTournamentBannerCss = ":host{display:block}.TournamentBannerWrap{height:100%}.TournamentBanner{position:relative;width:100%;height:100%;overflow:hidden}.TournamentBannerBg{width:100%;height:100%;object-fit:cover;transition:all 150ms ease-in-out}.TournamentBannerBg.Closed{filter:grayscale(1)}.TournamentBannerInfo{position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;display:flex;justify-content:space-between}.BannerInfo{margin:10px}.Tag{box-shadow:0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);border-radius:8px;padding:6px;font-size:10px;display:flex;align-items:center;height:13px}.Tag.Closed{filter:grayscale(1)}.TagRemain{text-indent:5px}.Date{gap:4px;background:#FF7500;color:#1A2C38}.State{background:#D0046C}.Enroll{color:#fff;background:#24834B}.EnrollCheck{margin-right:4px}.Join{background:#6C757D}.Running{background:#1A2C38}.CalendarIcon path{fill:#1A2C38}.TournamentBannerThumb{position:absolute;top:0;left:0;width:100%;height:100%;padding:12px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;box-sizing:border-box}.ThumbTitle{font-size:14px}.ThumbState{display:flex;gap:4px}.ThumbName{font-size:22px}.ThumbTC{font-size:8px;color:#fff;cursor:pointer}.ThumbButtons{display:flex;gap:4px}";
+
+const CasinoTournamentBanner = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    /**
+     * Short start time format
+     */
+    this.shortstartformat = 'DD MMM YYYY';
+    /**
+     * Show date on widget
+     */
+    this.showDate = true;
+    /**
+     * Show date on running state tournament tag
+     */
+    this.showRunningDate = false;
+    /**
+     * Show check icon on enrolled tag
+     */
+    this.showCheck = false;
+    /**
+     * Widget display as a card
+     */
+    this.cardMode = false;
+    /**
+     * Show read more button
+     */
+    this.showReadMore = false;
+    /**
+     * Client custom styling via inline styles
+     */
+    this.clientStyling = '';
+    /**
+     * Client custom styling via url
+     */
+    this.clientStylingUrl = '';
+    this.limitStylingAppends = false;
+  }
+  getDateTimeDiff(dateString1, dateString2) {
+    return ((new Date(dateString2)).getTime() - (new Date(dateString1)).getTime()) / (1000 * 60);
+  }
+  getTextByDiff(diff) {
+    const renderText = (amount, type) => ' - ' + amount + ' ' + translate(type);
+    const renderTimeColumn = (column) => {
+      const columnInt = Math.floor(column);
+      if (columnInt < 10) {
+        return `0${columnInt}`;
+      }
+      else {
+        return `${columnInt}`;
+      }
+    };
+    if (diff < 1440) {
+      const hours = diff / 60;
+      const minutes = diff % 60;
+      const seconds = (minutes - Math.floor(minutes)) * 60;
+      return [hours, minutes, seconds].map(c => renderTimeColumn(c)).join(':');
+    }
+    return renderText(Math.ceil(diff / (60 * 24)), 'days');
+  }
+  getDuration() {
+    const dateNow = new Date();
+    this.tournamentLeftDays = this.getDateTimeDiff(dateNow, this.endTime);
+    this.showRemain = this.getTextByDiff(this.tournamentLeftDays);
+  }
+  infoCompletedHandler(event) {
+    if (event.detail && this.useEvent) {
+      this.state = event.detail.state;
+      this.stateText = this.getStateText(this.state);
+      this.enrolled = event.detail.playerEnrolled;
+      this.startTime = event.detail.startTime;
+      this.thumbnail = event.detail.thumbnail;
+      this.tournamentId = event.detail.id;
+      if (this.startTime) {
+        this.formatDate();
+      }
+    }
+  }
+  getStateText(state) {
+    let text = '';
+    switch (state) {
+      case 'Upcoming':
+        text = translate('scheduled', this.language);
+        break;
+      case 'Unstarted':
+        text = translate('scheduled', this.language);
+        break;
+      case 'Running':
+        text = translate('ongoing', this.language);
+        break;
+      default:
+        text = translate('finished', this.language);
+        break;
+    }
+    return text;
+  }
+  componentDidRender() {
+    if (!this.limitStylingAppends && this.stylingContainer) {
+      if (this.clientStyling)
+        this.setClientStyling();
+      if (this.clientStylingUrl)
+        this.setClientStylingURL();
+      this.limitStylingAppends = true;
+    }
+  }
+  setClientStyling() {
+    let sheet = document.createElement('style');
+    sheet.innerHTML = this.clientStyling;
+    this.stylingContainer.prepend(sheet);
+  }
+  setClientStylingURL() {
+    let cssFile = document.createElement('style');
+    setTimeout(() => {
+      cssFile.innerHTML = this.clientStylingUrl;
+      this.stylingContainer.prepend(cssFile);
+    }, 1);
+  }
+  formatDate() {
+    const dateOptions = { month: 'long' };
+    let currentDate = new Date(this.startTime);
+    const setTranslation = () => {
+      return (this.state === 'Running' || this.state == 'Closing' || this.state == 'Closed') ?
+        translate('startedAt', this.language) :
+        translate('startingAt', this.language);
+    };
+    if (this.shortStart) {
+      let startTimeAsString = hooks(currentDate).format(this.shortstartformat);
+      this.startdate = (this.state === 'Running' || this.state == 'Closing' || this.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}`;
+    }
+  }
+  componentWillLoad() {
+    if (!this.useEvent && this.startTime) {
+      this.formatDate();
+    }
+    if (this.state) {
+      this.stateText = this.getStateText(this.state);
+    }
+    if (this.startTime && this.endTime) {
+      this.getDuration();
+      this.getTextByDiff(this.tournamentLeftDays);
+    }
+    if (this.tournamentLeftDays < 1440 && this.tournamentLeftDays > 0) {
+      this.durationInterval = window.setInterval(() => {
+        if (this.startTime && this.endTime) {
+          this.getDuration();
+        }
+      }, 1000);
+    }
+    else {
+      clearInterval(this.durationInterval);
+    }
+  }
+  termsClick(tournamentId) {
+    window.postMessage({ type: 'TournamentTermsConditions', tournamentId: tournamentId }, window.location.href);
+  }
+  render() {
+    return h("div", { ref: el => this.stylingContainer = el, class: "TournamentBannerWrap" }, this.thumbnail && h("div", { class: "TournamentBanner", part: "TournamentBanner" }, h("img", { src: this.thumbnail, alt: "", class: `TournamentBannerBg ${this.cardMode && this.state ? this.state : ''}` }), !this.cardMode &&
+      h("div", { class: "TournamentBannerInfo", part: "TournamentBannerInfo" }, h("div", { class: "BannerInfo", part: "BannerInfo" }, h("span", { class: `Tag State ${this.state}` }, this.stateText)), h("div", { class: "BannerInfo", part: "BannerInfo" }, this.showDate &&
+        h("span", { class: "Tag Date" }, this.showCalendar &&
+          h("svg", { class: "CalendarIcon", width: "9", height: "11", viewBox: "0 0 9 11", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.1 1.4H7.65V0.5H6.75V1.4H2.25V0.5H1.35V1.4H0.9C0.405 1.4 0 1.805 0 2.3V9.5C0 9.995 0.405 10.4 0.9 10.4H8.1C8.595 10.4 9 9.995 9 9.5V2.3C9 1.805 8.595 1.4 8.1 1.4ZM8.10003 9.5H0.900027V4.55H8.10003V9.5ZM0.900027 3.65005H8.10003V2.30005H0.900027V3.65005Z", fill: "#1E1616" })), this.startdate)), h("div", { class: "BannerInfo", part: "BannerInfo" }, this.enrolled &&
+        h("span", { class: "Tag Enroll" }, this.showCheck &&
+          h("svg", { class: "EnrollCheck", xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none" }, h("path", { d: "M4.50008 8.08492L2.41508 5.99992L1.70508 6.70492L4.50008 9.49992L10.5001 3.49992L9.79508 2.79492L4.50008 8.08492Z", fill: "white" })), translate('enrolled', this.language)))), this.cardMode && h("div", { class: "TournamentBannerThumb", part: "TournamentBannerThumb" }, h("div", { class: "ThumbTitle", part: "ThumbTitle" }, translate('tournament', this.language)), h("div", { class: "ThumbName", part: "ThumbName" }, this.nameOrTitle), h("div", { class: "ThumbState" }, this.session && this.enrolled ?
+      h("span", { class: "Tag Join" }, h("svg", { class: "EnrollCheck", xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none" }, h("path", { d: "M4.50008 8.08492L2.41508 5.99992L1.70508 6.70492L4.50008 9.49992L10.5001 3.49992L9.79508 2.79492L4.50008 8.08492Z", fill: "white" })), translate('joined', this.language))
+      :
+        this.session && this.state != 'Closed' &&
+          h("span", { class: "Tag Join" }, h("svg", { class: "JoinPlus", xmlns: "http://www.w3.org/2000/svg", width: "12", height: "13", viewBox: "0 0 12 13", fill: "none" }, h("path", { d: "M9.5 6.8335H6.5V9.8335H5.5V6.8335H2.5V5.8335H5.5V2.8335H6.5V5.8335H9.5V6.8335Z", fill: "white" })), translate('join', this.language)), this.state == 'Running' && h("span", { class: `Tag State ${this.state}` }, this.stateText, this.showRunningDate &&
+      h("span", { class: "TagRemain" }, this.showRemain, " ", translate('left', this.language))), (this.state == 'Unstarted' || this.state == 'Upcoming' || this.state == 'Closed') &&
+      h("span", { class: `Tag Date ${this.state}` }, this.showCalendar &&
+        h("svg", { class: "CalendarIcon", width: "9", height: "11", viewBox: "0 0 9 11", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.1 1.4H7.65V0.5H6.75V1.4H2.25V0.5H1.35V1.4H0.9C0.405 1.4 0 1.805 0 2.3V9.5C0 9.995 0.405 10.4 0.9 10.4H8.1C8.595 10.4 9 9.995 9 9.5V2.3C9 1.805 8.595 1.4 8.1 1.4ZM8.10003 9.5H0.900027V4.55H8.10003V9.5ZM0.900027 3.65005H8.10003V2.30005H0.900027V3.65005Z", fill: "#1E1616" })), this.startdate)), h("div", { class: "ThumbButtons" }, 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 })), h("div", { class: "ThumbTC" }, h("span", { onClick: this.termsClick.bind(this, this.tournamentId) }, translate('terms', this.language))))));
+  }
+  static get style() { return casinoTournamentBannerCss; }
+}, [1, "casino-tournament-banner", {
+    "useEvent": [1, "use-event"],
+    "endpoint": [1],
+    "state": [1],
+    "enrolled": [4],
+    "startTime": [1, "start-time"],
+    "endTime": [1, "end-time"],
+    "thumbnail": [1],
+    "language": [1],
+    "showCalendar": [4, "show-calendar"],
+    "shortStart": [4, "short-start"],
+    "shortstartformat": [1],
+    "showDate": [4, "show-date"],
+    "showRunningDate": [4, "show-running-date"],
+    "showCheck": [4, "show-check"],
+    "cardMode": [4, "card-mode"],
+    "nameOrTitle": [1, "name-or-title"],
+    "tournamentId": [1, "tournament-id"],
+    "session": [1],
+    "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"],
+    "clientStyling": [1, "client-styling"],
+    "clientStylingUrl": [1, "client-styling-url"],
+    "stateText": [32],
+    "limitStylingAppends": [32],
+    "stylingContainer": [32],
+    "startdate": [32],
+    "tournamentLeftDays": [32],
+    "showRemain": [32],
+    "durationInterval": [32]
+  }, [[8, "getTournamentInfoCompleted", "infoCompletedHandler"]]]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["casino-tournament-banner", "casino-tournament-buttons"];
+  components.forEach(tagName => { switch (tagName) {
+    case "casino-tournament-banner":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, CasinoTournamentBanner);
+      }
+      break;
+    case "casino-tournament-buttons":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+
+export { CasinoTournamentBanner as C, defineCustomElement as d };

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

@@ -0,0 +1,6 @@
+import { C as CasinoTournamentButtons$1, d as defineCustomElement$1 } from './casino-tournament-buttons2.js';
+
+const CasinoTournamentButtons = CasinoTournamentButtons$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { CasinoTournamentButtons, defineCustomElement };