@everymatrix/casino-tournament-banner 1.44.0 → 1.45.0

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

@@ -1,782 +1,759 @@
-import { Component, Prop, h, Listen, State, Element, Watch } from '@stencil/core';
-import { translate, getTranslations } from '../../utils/locale.utils';
-import moment from 'moment';
-import '@everymatrix/casino-tournament-buttons';
+import { h } from "@stencil/core";
+import { translate, getTranslations } from "../../utils/locale.utils";
+import moment from "moment";
+import "../../../../../casino-tournament-buttons/dist/types/index";
 export class CasinoTournamentBanner {
-  constructor() {
-    /**
-     * 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;
-  }
-  watchLanguage(newValue, oldValue) {
-    if (newValue && newValue != oldValue) {
-      this.getDuration();
+    constructor() {
+        this.useEvent = undefined;
+        this.endpoint = undefined;
+        this.state = undefined;
+        this.enrolled = undefined;
+        this.startTime = undefined;
+        this.endTime = undefined;
+        this.thumbnail = undefined;
+        this.language = undefined;
+        this.showCalendar = undefined;
+        this.shortStart = undefined;
+        this.shortstartformat = 'DD MMM YYYY';
+        this.showDate = true;
+        this.showRunningDate = false;
+        this.showCheck = false;
+        this.cardMode = false;
+        this.nameOrTitle = undefined;
+        this.description = undefined;
+        this.tournamentId = undefined;
+        this.session = undefined;
+        this.loginEvent = undefined;
+        this.loginUrl = undefined;
+        this.registerEvent = undefined;
+        this.registerUrl = undefined;
+        this.currency = undefined;
+        this.bonusCode = undefined;
+        this.showReadMore = false;
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.translationData = undefined;
+        this.stateText = undefined;
+        this.limitStylingAppends = false;
+        this.startdate = undefined;
+        this.tournamentLeftDays = undefined;
+        this.showRemain = undefined;
+        this.durationInterval = undefined;
     }
-  }
-  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();
-      }
+    watchLanguage(newValue, oldValue) {
+        if (newValue && newValue != oldValue) {
+            this.getDuration();
+        }
     }
-  }
-  userEnrolledHandler(event) {
-    if (event.detail && this.tournamentId === event.detail.tournamentId) {
-      this.enrolled = event.detail.userenrolled;
+    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();
+            }
+        }
     }
-  }
-  getDateTimeDiff(dateString1, dateString2) {
-    return ((new Date(dateString2)).getTime() - (new Date(dateString1)).getTime()) / (1000 * 60);
-  }
-  getTextByDiff(diff) {
-    const renderText = (amount, type) => ' - ' + amount + ' ' + translate(type, this.language);
-    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(':');
+    userEnrolledHandler(event) {
+        if (event.detail && this.tournamentId === event.detail.tournamentId) {
+            this.enrolled = event.detail.userenrolled;
+        }
     }
-    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);
-  }
-  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;
+    getDateTimeDiff(dateString1, dateString2) {
+        return ((new Date(dateString2)).getTime() - (new Date(dateString1)).getTime()) / (1000 * 60);
     }
-    return text;
-  }
-  componentDidRender() {
-    if (!this.limitStylingAppends && this.host) {
-      if (this.clientStyling)
-        this.setClientStyling();
-      if (this.clientStylingUrl)
-        this.setClientStylingURL();
-      this.limitStylingAppends = true;
+    getTextByDiff(diff) {
+        const renderText = (amount, type) => ' - ' + amount + ' ' + translate(type, this.language);
+        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');
     }
-  }
-  setClientStyling() {
-    const sheet = new CSSStyleSheet();
-    // @ts-ignore
-    sheet.replace(this.clientStyling);
-    // @ts-ignore
-    this.host.shadowRoot.adoptedStyleSheets = [...this.host.shadowRoot.adoptedStyleSheets, sheet];
-  }
-  setClientStylingURL() {
-    let url = new URL(this.clientStylingUrl);
-    fetch(url.href)
-      .then((res) => res.text())
-      .then((data) => {
-      const sheet = new CSSStyleSheet();
-      // @ts-ignore
-      sheet.replace(data);
-      // @ts-ignore
-      this.host.shadowRoot.adoptedStyleSheets = [...this.host.shadowRoot.adoptedStyleSheets, sheet];
-    });
-  }
-  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 = moment(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;
+    getDuration() {
+        const dateNow = new Date();
+        this.tournamentLeftDays = this.getDateTimeDiff(dateNow, this.endTime);
+        this.showRemain = this.getTextByDiff(this.tournamentLeftDays);
     }
-    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}`;
+    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;
     }
-  }
-  componentWillLoad() {
-    if (this.translationData) {
-      getTranslations(JSON.parse(this.translationData));
-      if (this.state) {
-        this.stateText = this.getStateText(this.state);
-      }
+    componentDidRender() {
+        if (!this.limitStylingAppends && this.host) {
+            if (this.clientStyling)
+                this.setClientStyling();
+            if (this.clientStylingUrl)
+                this.setClientStylingURL();
+            this.limitStylingAppends = true;
+        }
     }
-    if (!this.useEvent && this.startTime) {
-      this.formatDate();
+    setClientStyling() {
+        const sheet = new CSSStyleSheet();
+        // @ts-ignore
+        sheet.replace(this.clientStyling);
+        // @ts-ignore
+        this.host.shadowRoot.adoptedStyleSheets = [...this.host.shadowRoot.adoptedStyleSheets, sheet];
     }
-    if (this.state) {
-      this.stateText = this.getStateText(this.state);
+    setClientStylingURL() {
+        let url = new URL(this.clientStylingUrl);
+        fetch(url.href)
+            .then((res) => res.text())
+            .then((data) => {
+            const sheet = new CSSStyleSheet();
+            // @ts-ignore
+            sheet.replace(data);
+            // @ts-ignore
+            this.host.shadowRoot.adoptedStyleSheets = [...this.host.shadowRoot.adoptedStyleSheets, sheet];
+        });
     }
-    if (this.startTime && this.endTime) {
-      this.getDuration();
-      this.getTextByDiff(this.tournamentLeftDays);
+    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 = moment(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}`;
+        }
     }
-    if (this.tournamentLeftDays < 1440 && this.tournamentLeftDays > 0) {
-      this.durationInterval = window.setInterval(() => {
+    componentWillLoad() {
+        if (this.translationData) {
+            getTranslations(JSON.parse(this.translationData));
+            if (this.state) {
+                this.stateText = this.getStateText(this.state);
+            }
+        }
+        if (!this.useEvent && this.startTime) {
+            this.formatDate();
+        }
+        if (this.state) {
+            this.stateText = this.getStateText(this.state);
+        }
         if (this.startTime && this.endTime) {
-          this.getDuration();
+            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);
         }
-      }, 1000);
     }
-    else {
-      clearInterval(this.durationInterval);
+    termsClick(tournamentId) {
+        window.postMessage({ type: 'TournamentTermsConditions', tournamentId: tournamentId }, window.location.href);
     }
-  }
-  termsClick(tournamentId) {
-    window.postMessage({ type: 'TournamentTermsConditions', tournamentId: tournamentId }, window.location.href);
-  }
-  render() {
-    return h("div", { class: "TournamentBannerWrap" }, this.thumbnail && h("div", { class: `TournamentBanner  ${this.state}`, part: `TournamentBanner ${this.state}` },
-      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" }, this.description),
-        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))
+    render() {
+        return h("div", { key: '30d503c748343afce01f545342ab0beb3d3d5e3f', class: "TournamentBannerWrap" }, this.thumbnail && h("div", { key: 'daaef63e759ffbaf14eabd2b54d937b957fcab6a', class: `TournamentBanner ${this.state}`, part: `TournamentBanner ${this.state}` }, h("img", { key: '9ef1116676b4bbbf7a592ca4dbe7a75f60b09f32', src: this.thumbnail, alt: "", class: `TournamentBannerBg ${this.cardMode && this.state ? this.state : ''}` }), !this.cardMode &&
+            h("div", { key: '9fc34aabed34722d2e35dd40cb768bf1216e2a6f', class: "TournamentBannerInfo", part: "TournamentBannerInfo" }, h("div", { key: 'a100bd48e54e6e58deb629e3737be4d69665c43c', class: "BannerInfo", part: "BannerInfo" }, h("span", { key: 'fbd99abf8e5b9bf81a5df2840f2d3784bbf62fa5', class: `Tag State ${this.state}` }, this.stateText)), h("div", { key: '00b195d5a9e6fa9ee92d94d7273853acb3da39f1', class: "BannerInfo", part: "BannerInfo" }, this.showDate &&
+                h("span", { key: '0522a16f1ff07e3e42078eab83f58b4a0e9a6fbf', class: "Tag Date" }, this.showCalendar &&
+                    h("svg", { key: '58cefa516aadac8e1ea97c4c7550992439d86e1a', class: "CalendarIcon", width: "9", height: "11", viewBox: "0 0 9 11", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'a5605e1a28f2e23f7c701d94d648071e29438669', "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", { key: 'bfa79f4e8ba8db83286d4b166420535837992f29', class: "BannerInfo", part: "BannerInfo" }, this.enrolled &&
+                h("span", { key: 'd42223a4dc8a71ecdde3ead177850101408c28e3', class: "Tag Enroll" }, this.showCheck &&
+                    h("svg", { key: 'a5ffe24ebf31216020442d4f0b27e6cf71675902', class: "EnrollCheck", xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: 'c2db6f66d8afd614f26c0a656daeb51631833ba9', 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", { key: 'd66d8e41945df8fa190c635fc17448c2095a8338', class: "TournamentBannerThumb", part: "TournamentBannerThumb" }, h("div", { key: 'c18a987311a7e806b439dcab4bf8a4d96bca358a', class: "ThumbTitle", part: "ThumbTitle" }, this.description), h("div", { key: 'a7c810c1ecd87e46ef8f8972aade6db45fa902a2', class: "ThumbName", part: "ThumbName" }, this.nameOrTitle), h("div", { key: '0e4ea565959a0e61dcdd1a94889f822f86c5da56', class: "ThumbState" }, this.session && this.enrolled ?
+            h("span", { class: "Tag Joined" }, 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, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "translation-data": this.translationData })),
-        h("div", { class: "ThumbTC" },
-          h("span", { onClick: this.termsClick.bind(this, this.tournamentId) }, translate('terms', this.language))))));
-  }
-  static get is() { return "casino-tournament-banner"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["casino-tournament-banner.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["casino-tournament-banner.css"]
-  }; }
-  static get properties() { return {
-    "useEvent": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Use event to load data"
-      },
-      "attribute": "use-event",
-      "reflect": false
-    },
-    "endpoint": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "The NWA endpoint"
-      },
-      "attribute": "endpoint",
-      "reflect": false
-    },
-    "state": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "The tournament state"
-      },
-      "attribute": "state",
-      "reflect": false
-    },
-    "enrolled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Player enrolled"
-      },
-      "attribute": "enrolled",
-      "reflect": false
-    },
-    "startTime": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Tournament start time"
-      },
-      "attribute": "start-time",
-      "reflect": false
-    },
-    "endTime": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Tournament end time"
-      },
-      "attribute": "end-time",
-      "reflect": false
-    },
-    "thumbnail": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Tournament thumbnail"
-      },
-      "attribute": "thumbnail",
-      "reflect": false
-    },
-    "language": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": true,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Widget Language to show"
-      },
-      "attribute": "language",
-      "reflect": false
-    },
-    "showCalendar": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Show calendar icon"
-      },
-      "attribute": "show-calendar",
-      "reflect": false
-    },
-    "shortStart": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Show short start time on tag"
-      },
-      "attribute": "short-start",
-      "reflect": false
-    },
-    "shortstartformat": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Short start time format"
-      },
-      "attribute": "shortstartformat",
-      "reflect": false,
-      "defaultValue": "'DD MMM YYYY'"
-    },
-    "showDate": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Show date on widget"
-      },
-      "attribute": "show-date",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "showRunningDate": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Show date on running state tournament tag"
-      },
-      "attribute": "show-running-date",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "showCheck": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Show check icon on enrolled tag"
-      },
-      "attribute": "show-check",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "cardMode": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Widget display as a card"
-      },
-      "attribute": "card-mode",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "nameOrTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Widget name or title"
-      },
-      "attribute": "name-or-title",
-      "reflect": false
-    },
-    "description": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Tournament description"
-      },
-      "attribute": "description",
-      "reflect": false
-    },
-    "tournamentId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Tournament ID"
-      },
-      "attribute": "tournament-id",
-      "reflect": false
-    },
-    "session": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "The NWA Session"
-      },
-      "attribute": "session",
-      "reflect": false
-    },
-    "loginEvent": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Login event"
-      },
-      "attribute": "login-event",
-      "reflect": false
-    },
-    "loginUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Login url"
-      },
-      "attribute": "login-url",
-      "reflect": false
-    },
-    "registerEvent": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Register Event"
-      },
-      "attribute": "register-event",
-      "reflect": false
-    },
-    "registerUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Register url"
-      },
-      "attribute": "register-url",
-      "reflect": false
-    },
-    "currency": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Player currency"
-      },
-      "attribute": "currency",
-      "reflect": false
-    },
-    "bonusCode": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Bonus Code"
-      },
-      "attribute": "bonus-code",
-      "reflect": false
-    },
-    "showReadMore": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Show read more button"
-      },
-      "attribute": "show-read-more",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "clientStyling": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Client custom styling via inline styles"
-      },
-      "attribute": "client-styling",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "clientStylingUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Client custom styling via url"
-      },
-      "attribute": "client-styling-url",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "translationData": {
-      "type": "any",
-      "mutable": false,
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Translations via parent component"
-      },
-      "attribute": "translation-data",
-      "reflect": true
+                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", { key: '659625f6d6d49b900f48511eedfd734717e52ad6', class: `Tag State ${this.state}` }, this.stateText, this.showRunningDate &&
+            h("span", { key: '505b1743237cc5f867d3085dd92d0b4b38cc83d7', class: "TagRemain" }, this.showRemain, " ", translate('left', this.language))), (this.state == 'Unstarted' || this.state == 'Upcoming' || this.state == 'Closed') &&
+            h("span", { key: '10eacb51b318ecca5f04d8fc2c5e4f3c53e2636c', class: `Tag Date ${this.state}` }, this.showCalendar &&
+                h("svg", { key: 'a0551fe193454ad15fe279b8f5c46be6a3067c14', class: "CalendarIcon", width: "9", height: "11", viewBox: "0 0 9 11", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '2931bcda7e5f9e6baaa50f2c8e8caa38783bed2d', "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", { key: '708b32bba1c7f042f62f8fe9f4229efd9094d6c8', class: "ThumbButtons" }, h("casino-tournament-buttons", { key: 'bc085c31d517644af1eb338912aa10e1c2a6a46e', 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, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "translation-data": this.translationData })), h("div", { key: '023eb9bacda76a8894ae9921863644dc323695d8', class: "ThumbTC" }, h("span", { key: 'f690d2a31ba88ffdff1892eebe276f8ca33cf7f5', onClick: this.termsClick.bind(this, this.tournamentId) }, translate('terms', this.language))))));
+    }
+    static get is() { return "casino-tournament-banner"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["casino-tournament-banner.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["casino-tournament-banner.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "useEvent": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Use event to load data"
+                },
+                "attribute": "use-event",
+                "reflect": false
+            },
+            "endpoint": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The NWA endpoint"
+                },
+                "attribute": "endpoint",
+                "reflect": false
+            },
+            "state": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The tournament state"
+                },
+                "attribute": "state",
+                "reflect": false
+            },
+            "enrolled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Player enrolled"
+                },
+                "attribute": "enrolled",
+                "reflect": false
+            },
+            "startTime": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Tournament start time"
+                },
+                "attribute": "start-time",
+                "reflect": false
+            },
+            "endTime": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Tournament end time"
+                },
+                "attribute": "end-time",
+                "reflect": false
+            },
+            "thumbnail": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Tournament thumbnail"
+                },
+                "attribute": "thumbnail",
+                "reflect": false
+            },
+            "language": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Widget Language to show"
+                },
+                "attribute": "language",
+                "reflect": false
+            },
+            "showCalendar": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Show calendar icon"
+                },
+                "attribute": "show-calendar",
+                "reflect": false
+            },
+            "shortStart": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Show short start time on tag"
+                },
+                "attribute": "short-start",
+                "reflect": false
+            },
+            "shortstartformat": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Short start time format"
+                },
+                "attribute": "shortstartformat",
+                "reflect": false,
+                "defaultValue": "'DD MMM YYYY'"
+            },
+            "showDate": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Show date on widget"
+                },
+                "attribute": "show-date",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "showRunningDate": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Show date on running state tournament tag"
+                },
+                "attribute": "show-running-date",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "showCheck": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Show check icon on enrolled tag"
+                },
+                "attribute": "show-check",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "cardMode": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Widget display as a card"
+                },
+                "attribute": "card-mode",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "nameOrTitle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Widget name or title"
+                },
+                "attribute": "name-or-title",
+                "reflect": false
+            },
+            "description": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Tournament description"
+                },
+                "attribute": "description",
+                "reflect": false
+            },
+            "tournamentId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Tournament ID"
+                },
+                "attribute": "tournament-id",
+                "reflect": false
+            },
+            "session": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The NWA Session"
+                },
+                "attribute": "session",
+                "reflect": false
+            },
+            "loginEvent": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Login event"
+                },
+                "attribute": "login-event",
+                "reflect": false
+            },
+            "loginUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Login url"
+                },
+                "attribute": "login-url",
+                "reflect": false
+            },
+            "registerEvent": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Register Event"
+                },
+                "attribute": "register-event",
+                "reflect": false
+            },
+            "registerUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Register url"
+                },
+                "attribute": "register-url",
+                "reflect": false
+            },
+            "currency": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Player currency"
+                },
+                "attribute": "currency",
+                "reflect": false
+            },
+            "bonusCode": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Bonus Code"
+                },
+                "attribute": "bonus-code",
+                "reflect": false
+            },
+            "showReadMore": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Show read more button"
+                },
+                "attribute": "show-read-more",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "clientStyling": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Client custom styling via inline styles"
+                },
+                "attribute": "client-styling",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "clientStylingUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Client custom styling via url"
+                },
+                "attribute": "client-styling-url",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "translationData": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Translations via parent component"
+                },
+                "attribute": "translation-data",
+                "reflect": true
+            }
+        };
+    }
+    static get states() {
+        return {
+            "stateText": {},
+            "limitStylingAppends": {},
+            "startdate": {},
+            "tournamentLeftDays": {},
+            "showRemain": {},
+            "durationInterval": {}
+        };
+    }
+    static get elementRef() { return "host"; }
+    static get watchers() {
+        return [{
+                "propName": "language",
+                "methodName": "watchLanguage"
+            }];
+    }
+    static get listeners() {
+        return [{
+                "name": "getTournamentInfoCompleted",
+                "method": "infoCompletedHandler",
+                "target": "window",
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "TournamentUserEnrolled",
+                "method": "userEnrolledHandler",
+                "target": "window",
+                "capture": false,
+                "passive": false
+            }];
     }
-  }; }
-  static get states() { return {
-    "stateText": {},
-    "limitStylingAppends": {},
-    "startdate": {},
-    "tournamentLeftDays": {},
-    "showRemain": {},
-    "durationInterval": {}
-  }; }
-  static get elementRef() { return "host"; }
-  static get watchers() { return [{
-      "propName": "language",
-      "methodName": "watchLanguage"
-    }]; }
-  static get listeners() { return [{
-      "name": "getTournamentInfoCompleted",
-      "method": "infoCompletedHandler",
-      "target": "window",
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "TournamentUserEnrolled",
-      "method": "userEnrolledHandler",
-      "target": "window",
-      "capture": false,
-      "passive": false
-    }]; }
 }