@everymatrix/casino-tournament-duration 1.43.4 → 1.45.0

package/dist/collection/utils/locale.utils.js

@@ -1,95 +1,95 @@
 const DEFAULT_LANGUAGE = 'en';
 const TRANSLATIONS = {
-  en: {
-    finished: 'Finished',
-    starting: 'Starting in ',
-    left: 'left',
-    minutes: 'minutes',
-    hours: 'hours',
-    days: 'days',
-  },
-  hr: {
-    finished: 'Gotovo',
-    starting: 'Počinje u ',
-    left: 'lijevo',
-    minutes: 'minute',
-    hours: 'sati',
-    days: 'dani',
-  },
-  'zh-hk': {
-    finished: '完成的',
-    starting: '開始於',
-    left: '剩下',
-    minutes: '分鐘',
-    hours: '小時',
-    days: '天',
-  },
-  fr: {
-    finished: 'Fini',
-    starting: 'Début dans ',
-    left: 'restant',
-    minutes: 'minutes',
-    hours: 'heures',
-    days: 'jours',
-  },
-  ro: {
-    finished: 'Finalizat',
-    starting: 'Începe în',
-    left: 'rămase',
-    minutes: 'minute',
-    hours: 'ore',
-    days: 'zile',
-  },
-  tr: {
-    finished: 'Sona ermiş',
-    starting: 'Başlamasına ',
-    left: 'kaldı',
-    minutes: 'dakika',
-    hours: 'saat',
-    days: 'gün',
-  },
-  el: {
-    finished: 'Ολοκληρωμένα',
-    starting: 'Αρχίζει σε ',
-    left: 'απομένουν',
-    minutes: 'λεπτά',
-    hours: 'ώρες',
-    days: 'ημέρες',
-  },
-  es: {
-    finished: 'Finalizado',
-    starting: 'Iniciando en ',
-    left: 'izquierda',
-    minutes: 'minutos',
-    hours: 'horas',
-    days: 'días',
-  },
-  hu: {
-    finished: 'Befejezve',
-    starting: 'Kezdésig',
-    left: 'bal',
-    minutes: 'perc',
-    hours: 'óra',
-    days: 'nap',
-  },
-  pt: {
-    finished: 'Finalizado',
-    starting: 'Começando em',
-    left: 'Abandonou',
-    minutes: 'Minutos',
-    hours: 'Horas',
-    days: 'Dias',
-  }
+    en: {
+        finished: 'Finished',
+        starting: 'Starting in ',
+        left: 'left',
+        minutes: 'minutes',
+        hours: 'hours',
+        days: 'days',
+    },
+    hr: {
+        finished: 'Gotovo',
+        starting: 'Počinje u ',
+        left: 'lijevo',
+        minutes: 'minute',
+        hours: 'sati',
+        days: 'dani',
+    },
+    'zh-hk': {
+        finished: '完成的',
+        starting: '開始於',
+        left: '剩下',
+        minutes: '分鐘',
+        hours: '小時',
+        days: '天',
+    },
+    fr: {
+        finished: 'Fini',
+        starting: 'Début dans ',
+        left: 'restant',
+        minutes: 'minutes',
+        hours: 'heures',
+        days: 'jours',
+    },
+    ro: {
+        finished: 'Finalizat',
+        starting: 'Începe în',
+        left: 'rămase',
+        minutes: 'minute',
+        hours: 'ore',
+        days: 'zile',
+    },
+    tr: {
+        finished: 'Sona ermiş',
+        starting: 'Başlamasına ',
+        left: 'kaldı',
+        minutes: 'dakika',
+        hours: 'saat',
+        days: 'gün',
+    },
+    el: {
+        finished: 'Ολοκληρωμένα',
+        starting: 'Αρχίζει σε ',
+        left: 'απομένουν',
+        minutes: 'λεπτά',
+        hours: 'ώρες',
+        days: 'ημέρες',
+    },
+    es: {
+        finished: 'Finalizado',
+        starting: 'Iniciando en ',
+        left: 'izquierda',
+        minutes: 'minutos',
+        hours: 'horas',
+        days: 'días',
+    },
+    hu: {
+        finished: 'Befejezve',
+        starting: 'Kezdésig',
+        left: 'bal',
+        minutes: 'perc',
+        hours: 'óra',
+        days: 'nap',
+    },
+    pt: {
+        finished: 'Finalizado',
+        starting: 'Começando em',
+        left: 'Abandonou',
+        minutes: 'Minutos',
+        hours: 'Horas',
+        days: 'Dias',
+    }
 };
 export const translate = (key, customLang) => {
-  var _a, _b;
-  const lang = customLang;
-  return ((_a = TRANSLATIONS[lang]) === null || _a === void 0 ? void 0 : _a[key]) || ((_b = TRANSLATIONS[DEFAULT_LANGUAGE]) === null || _b === void 0 ? void 0 : _b[key]);
+    var _a, _b;
+    const lang = customLang;
+    return ((_a = TRANSLATIONS[lang]) === null || _a === void 0 ? void 0 : _a[key]) || ((_b = TRANSLATIONS[DEFAULT_LANGUAGE]) === null || _b === void 0 ? void 0 : _b[key]);
 };
 export const getTranslations = (data) => {
-  Object.keys(data).forEach((item) => {
-    for (let key in data[item]) {
-      TRANSLATIONS[item][key] = data[item][key];
-    }
-  });
+    Object.keys(data).forEach((item) => {
+        for (let key in data[item]) {
+            TRANSLATIONS[item][key] = data[item][key];
+        }
+    });
 };

package/dist/collection/utils/utils.js

@@ -1,3 +1,3 @@
 export function format(first, middle, last) {
-  return ((first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : ''));
+    return ((first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : ''));
 }

package/dist/esm/app-globals-0f993ce5.js

@@ -0,0 +1,3 @@
+const globalScripts = () => {};
+
+export { globalScripts as g };

package/dist/esm/casino-tournament-duration.entry.js

@@ -1,226 +1,230 @@
-import { r as registerInstance, h, g as getElement } from './index-4075dde6.js';
+import { r as registerInstance, h, g as getElement } from './index-2af9ace7.js';
 
 const DEFAULT_LANGUAGE = 'en';
 const TRANSLATIONS = {
-  en: {
-    finished: 'Finished',
-    starting: 'Starting in ',
-    left: 'left',
-    minutes: 'minutes',
-    hours: 'hours',
-    days: 'days',
-  },
-  hr: {
-    finished: 'Gotovo',
-    starting: 'Počinje u ',
-    left: 'lijevo',
-    minutes: 'minute',
-    hours: 'sati',
-    days: 'dani',
-  },
-  'zh-hk': {
-    finished: '完成的',
-    starting: '開始於',
-    left: '剩下',
-    minutes: '分鐘',
-    hours: '小時',
-    days: '天',
-  },
-  fr: {
-    finished: 'Fini',
-    starting: 'Début dans ',
-    left: 'restant',
-    minutes: 'minutes',
-    hours: 'heures',
-    days: 'jours',
-  },
-  ro: {
-    finished: 'Finalizat',
-    starting: 'Începe în',
-    left: 'rămase',
-    minutes: 'minute',
-    hours: 'ore',
-    days: 'zile',
-  },
-  tr: {
-    finished: 'Sona ermiş',
-    starting: 'Başlamasına ',
-    left: 'kaldı',
-    minutes: 'dakika',
-    hours: 'saat',
-    days: 'gün',
-  },
-  el: {
-    finished: 'Ολοκληρωμένα',
-    starting: 'Αρχίζει σε ',
-    left: 'απομένουν',
-    minutes: 'λεπτά',
-    hours: 'ώρες',
-    days: 'ημέρες',
-  },
-  es: {
-    finished: 'Finalizado',
-    starting: 'Iniciando en ',
-    left: 'izquierda',
-    minutes: 'minutos',
-    hours: 'horas',
-    days: 'días',
-  },
-  hu: {
-    finished: 'Befejezve',
-    starting: 'Kezdésig',
-    left: 'bal',
-    minutes: 'perc',
-    hours: 'óra',
-    days: 'nap',
-  },
-  pt: {
-    finished: 'Finalizado',
-    starting: 'Começando em',
-    left: 'Abandonou',
-    minutes: 'Minutos',
-    hours: 'Horas',
-    days: 'Dias',
-  }
+    en: {
+        finished: 'Finished',
+        starting: 'Starting in ',
+        left: 'left',
+        minutes: 'minutes',
+        hours: 'hours',
+        days: 'days',
+    },
+    hr: {
+        finished: 'Gotovo',
+        starting: 'Počinje u ',
+        left: 'lijevo',
+        minutes: 'minute',
+        hours: 'sati',
+        days: 'dani',
+    },
+    'zh-hk': {
+        finished: '完成的',
+        starting: '開始於',
+        left: '剩下',
+        minutes: '分鐘',
+        hours: '小時',
+        days: '天',
+    },
+    fr: {
+        finished: 'Fini',
+        starting: 'Début dans ',
+        left: 'restant',
+        minutes: 'minutes',
+        hours: 'heures',
+        days: 'jours',
+    },
+    ro: {
+        finished: 'Finalizat',
+        starting: 'Începe în',
+        left: 'rămase',
+        minutes: 'minute',
+        hours: 'ore',
+        days: 'zile',
+    },
+    tr: {
+        finished: 'Sona ermiş',
+        starting: 'Başlamasına ',
+        left: 'kaldı',
+        minutes: 'dakika',
+        hours: 'saat',
+        days: 'gün',
+    },
+    el: {
+        finished: 'Ολοκληρωμένα',
+        starting: 'Αρχίζει σε ',
+        left: 'απομένουν',
+        minutes: 'λεπτά',
+        hours: 'ώρες',
+        days: 'ημέρες',
+    },
+    es: {
+        finished: 'Finalizado',
+        starting: 'Iniciando en ',
+        left: 'izquierda',
+        minutes: 'minutos',
+        hours: 'horas',
+        days: 'días',
+    },
+    hu: {
+        finished: 'Befejezve',
+        starting: 'Kezdésig',
+        left: 'bal',
+        minutes: 'perc',
+        hours: 'óra',
+        days: 'nap',
+    },
+    pt: {
+        finished: 'Finalizado',
+        starting: 'Começando em',
+        left: 'Abandonou',
+        minutes: 'Minutos',
+        hours: 'Horas',
+        days: 'Dias',
+    }
 };
 const translate = (key, customLang) => {
-  var _a, _b;
-  const lang = customLang;
-  return ((_a = TRANSLATIONS[lang]) === null || _a === void 0 ? void 0 : _a[key]) || ((_b = TRANSLATIONS[DEFAULT_LANGUAGE]) === null || _b === void 0 ? void 0 : _b[key]);
+    var _a, _b;
+    const lang = customLang;
+    return ((_a = TRANSLATIONS[lang]) === null || _a === void 0 ? void 0 : _a[key]) || ((_b = TRANSLATIONS[DEFAULT_LANGUAGE]) === null || _b === void 0 ? void 0 : _b[key]);
 };
 const getTranslations = (data) => {
-  Object.keys(data).forEach((item) => {
-    for (let key in data[item]) {
-      TRANSLATIONS[item][key] = data[item][key];
-    }
-  });
+    Object.keys(data).forEach((item) => {
+        for (let key in data[item]) {
+            TRANSLATIONS[item][key] = data[item][key];
+        }
+    });
 };
 
 const casinoTournamentDurationCss = ":host{display:block}.TournamentDates{display:flex;justify-content:space-between}.StartDate{font-size:10px;font-weight:700;color:var(--emfe-w-color-gray-300, #58586B)}.EndDate{font-size:10px;font-weight:700;align-content:flex-end;color:var(--emfe-w-color-gray-300, #58586B)}.ProgressBar{margin:5px 0;height:8px;background:var(--emfe-w-color-white, #FFFFFF)}.ProgressBarInactive{margin:5px 20px 10px 20px;height:8px;background:var(--emfe-w-color-gray-100, #E6E6E6)}.ProgressBarFill{background-color:var(--emfe-w-color-green, #48952a);height:8px}.ProgressBarFillEnd{background-color:var(--emfe-w-color-green, #48952a);height:8px}.ProgressBarFillStarting{background-color:var(--emfe-w-color-gray-300, #58586B);height:8px}.Remaining,.Finished{font-size:10px;font-weight:700;padding-top:6px;text-align:right;text-transform:uppercase}.Finished{color:var(--emfe-w-color-green, #48952a)}";
+const CasinoTournamentDurationStyle0 = casinoTournamentDurationCss;
 
 const CasinoTournamentDuration = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * 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(hostRef) {
+        registerInstance(this, hostRef);
+        this.startTime = undefined;
+        this.endTime = undefined;
+        this.status = undefined;
+        this.language = undefined;
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.translationData = undefined;
+        this.tournamentUntilStartDays = undefined;
+        this.tournamentLeftDays = undefined;
+        this.showRemain = undefined;
+        this.limitStylingAppends = false;
+        this.durationInterval = undefined;
     }
-  }
-  getDateTimeDiff(dateString1, dateString2) {
-    return ((new Date(dateString2)).getTime() - (new Date(dateString1)).getTime()) / (1000 * 60);
-  }
-  getDuration() {
-    const dateNow = new Date();
-    this.tournamentLeftDays = this.getDateTimeDiff(dateNow, this.endTime);
-    this.tournamentUntilStartDays = this.getDateTimeDiff(dateNow, this.startTime);
-    this.showRemain = this.getTextByDiff(this.tournamentLeftDays);
-  }
-  formatDate(date) {
-    const dateOptions = { month: 'long' };
-    let currentDate = new Date(date);
-    let currentMonth = new Intl.DateTimeFormat(this.language, dateOptions).format(currentDate);
-    let currentDay = currentDate.getDate();
-    return `${currentDay} ${currentMonth}, ${currentDate.toLocaleString('en-GB', { hour: 'numeric', minute: 'numeric' })}, ${currentDate.getUTCFullYear()}`;
-  }
-  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(':');
+    watchLanguage(newValue, oldValue) {
+        if (newValue && newValue != oldValue) {
+            this.getDuration();
+        }
     }
-    return renderText(Math.ceil(diff / (60 * 24)), 'days');
-  }
-  getProgress() {
-    if (this.tournamentLeftDays <= 0)
-      return 100;
-    const tournamentDuration = this.getDateTimeDiff(this.startTime, this.endTime);
-    const step = 100 / tournamentDuration;
-    const width = Math.floor((tournamentDuration - this.tournamentLeftDays) * step);
-    return width;
-  }
-  componentWillLoad() {
-    if (this.translationData) {
-      getTranslations(JSON.parse(this.translationData));
+    getDateTimeDiff(dateString1, dateString2) {
+        return ((new Date(dateString2)).getTime() - (new Date(dateString1)).getTime()) / (1000 * 60);
+    }
+    getDuration() {
+        const dateNow = new Date();
+        this.tournamentLeftDays = this.getDateTimeDiff(dateNow, this.endTime);
+        this.tournamentUntilStartDays = this.getDateTimeDiff(dateNow, this.startTime);
+        this.showRemain = this.getTextByDiff(this.tournamentLeftDays);
+    }
+    formatDate(date) {
+        const dateOptions = { month: 'long' };
+        let currentDate = new Date(date);
+        let currentMonth = new Intl.DateTimeFormat(this.language, dateOptions).format(currentDate);
+        let currentDay = currentDate.getDate();
+        return `${currentDay} ${currentMonth}, ${currentDate.toLocaleString('en-GB', { hour: 'numeric', minute: 'numeric' })}, ${currentDate.getUTCFullYear()}`;
+    }
+    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');
     }
-    if (this.startTime && this.endTime) {
-      this.getDuration();
-      this.getTextByDiff(this.tournamentLeftDays);
+    getProgress() {
+        if (this.tournamentLeftDays <= 0)
+            return 100;
+        const tournamentDuration = this.getDateTimeDiff(this.startTime, this.endTime);
+        const step = 100 / tournamentDuration;
+        const width = Math.floor((tournamentDuration - this.tournamentLeftDays) * step);
+        return width;
     }
-    if (this.tournamentLeftDays < 1440 && this.tournamentLeftDays > 0) {
-      this.durationInterval = window.setInterval(() => {
+    componentWillLoad() {
+        if (this.translationData) {
+            getTranslations(JSON.parse(this.translationData));
+        }
         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);
+        }
+    }
+    componentDidRender() {
+        if (!this.limitStylingAppends && this.host) {
+            if (this.clientStyling)
+                this.setClientStyling();
+            if (this.clientStylingUrl)
+                this.setClientStylingURL();
+            this.limitStylingAppends = true;
         }
-      }, 1000);
     }
-    else {
-      clearInterval(this.durationInterval);
+    setClientStyling() {
+        const sheet = new CSSStyleSheet();
+        // @ts-ignore
+        sheet.replace(this.clientStyling);
+        // @ts-ignore
+        this.host.shadowRoot.adoptedStyleSheets = [...this.host.shadowRoot.adoptedStyleSheets, sheet];
     }
-  }
-  componentDidRender() {
-    if (!this.limitStylingAppends && this.host) {
-      if (this.clientStyling)
-        this.setClientStyling();
-      if (this.clientStylingUrl)
-        this.setClientStylingURL();
-      this.limitStylingAppends = true;
+    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];
+        });
     }
-  }
-  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];
-    });
-  }
-  render() {
-    if (this.startTime && this.endTime) {
-      return h("div", { class: "TournamentDurationWrap" }, h("div", { class: "TournamentDuration" }, h("div", { class: "TournamentDates" }, h("div", { class: "StartDate", part: "StartDate" }, this.formatDate(this.startTime)), h("div", { class: "EndDate", part: "EndDate" }, this.formatDate(this.endTime))), h("div", { class: "ProgressBarWrapper" }, h("div", { class: "ProgressBar", part: "ProgressBar" }, this.status == 'Finished' || this.status == 'Closing' || this.status == 'Closed' ?
-        h("div", null, h("div", { class: "ProgressBarFillEnd", part: "ProgressBarFillEnd" }), h("div", { class: "Finished", part: "Finished" }, translate('finished', this.language))) :
-        this.tournamentUntilStartDays > 0 ?
-          h("div", null, h("div", { class: "ProgressBarFillStarting", part: "ProgressBarFillStarting" }), h("div", { class: "Remaining", part: "Remaining" }, translate('starting', this.language), " ", this.getTextByDiff(this.tournamentUntilStartDays))) :
-          h("div", null, h("div", { class: "ProgressBarFill", part: "ProgressBarFill", style: { width: `${this.getProgress()}%` } }), this.tournamentLeftDays > 0 &&
-            h("div", { class: "Remaining", part: "Remaining" }, this.showRemain, " ", translate('left', this.language)))))));
+    render() {
+        if (this.startTime && this.endTime) {
+            return h("div", { key: 'd0051545a243161e89e126fd26b9ea9d2e09f8ab', class: "TournamentDurationWrap" }, h("div", { key: 'b585f0137268f0185dfd15e563a0075bfe617d5b', class: "TournamentDuration" }, h("div", { key: '9cc3670780d9f8c40b77ac978cdadb0e0afdcacb', class: "TournamentDates" }, h("div", { key: '85e4f3b1de4f36efd8d13b090f8f9013976d8685', class: "StartDate", part: "StartDate" }, this.formatDate(this.startTime)), h("div", { key: '688a84ce16a4d26359637b80837a9c5f50fc24c3', class: "EndDate", part: "EndDate" }, this.formatDate(this.endTime))), h("div", { key: '149c0431ac2d8f9b5058a2a269b50e01d23ed26f', class: "ProgressBarWrapper" }, h("div", { key: '85523f37f511f9184260f8575ec08e914f535858', class: "ProgressBar", part: "ProgressBar" }, this.status == 'Finished' || this.status == 'Closing' || this.status == 'Closed' ?
+                h("div", null, h("div", { class: "ProgressBarFillEnd", part: "ProgressBarFillEnd" }), h("div", { class: "Finished", part: "Finished" }, translate('finished', this.language))) :
+                this.tournamentUntilStartDays > 0 ?
+                    h("div", null, h("div", { class: "ProgressBarFillStarting", part: "ProgressBarFillStarting" }), h("div", { class: "Remaining", part: "Remaining" }, translate('starting', this.language), " ", this.getTextByDiff(this.tournamentUntilStartDays))) :
+                    h("div", null, h("div", { class: "ProgressBarFill", part: "ProgressBarFill", style: { width: `${this.getProgress()}%` } }), this.tournamentLeftDays > 0 &&
+                        h("div", { class: "Remaining", part: "Remaining" }, this.showRemain, " ", translate('left', this.language)))))));
+        }
     }
-  }
-  get host() { return getElement(this); }
-  static get watchers() { return {
-    "language": ["watchLanguage"]
-  }; }
+    get host() { return getElement(this); }
+    static get watchers() { return {
+        "language": ["watchLanguage"]
+    }; }
 };
-CasinoTournamentDuration.style = casinoTournamentDurationCss;
+CasinoTournamentDuration.style = CasinoTournamentDurationStyle0;
 
 export { CasinoTournamentDuration as casino_tournament_duration };