@everymatrix/casino-tournament-duration 1.44.0 → 1.45.0

package/dist/cjs/loader.cjs.js

@@ -2,20 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-764d2bff.js');
+const index = require('./index-5302010b.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
 
-/*
- Stencil Client Patch Esm v2.15.2 | MIT Licensed | https://stenciljs.com
- */
-const patchEsm = () => {
-    return index.promiseResolve();
-};
-
-const defineCustomElements = (win, options) => {
-  if (typeof window === 'undefined') return Promise.resolve();
-  return patchEsm().then(() => {
-  return index.bootstrapLazy([["casino-tournament-duration.cjs",[[1,"casino-tournament-duration",{"startTime":[1,"start-time"],"endTime":[1,"end-time"],"status":[1],"language":[1],"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"translationData":[520,"translation-data"],"tournamentUntilStartDays":[32],"tournamentLeftDays":[32],"showRemain":[32],"limitStylingAppends":[32],"durationInterval":[32]}]]]], options);
-  });
+const defineCustomElements = async (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy([["casino-tournament-duration.cjs",[[1,"casino-tournament-duration",{"startTime":[1,"start-time"],"endTime":[1,"end-time"],"status":[1],"language":[1],"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"translationData":[520,"translation-data"],"tournamentUntilStartDays":[32],"tournamentLeftDays":[32],"showRemain":[32],"limitStylingAppends":[32],"durationInterval":[32]},null,{"language":["watchLanguage"]}]]]], options);
 };
 
+exports.setNonce = index.setNonce;
 exports.defineCustomElements = defineCustomElements;

package/dist/collection/collection-manifest.json

@@ -1,11 +1,11 @@
 {
   "entries": [
-    "./components/casino-tournament-duration/casino-tournament-duration.js"
+    "components/casino-tournament-duration/casino-tournament-duration.js"
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.15.2",
-    "typescriptVersion": "4.5.4"
+    "version": "4.20.0",
+    "typescriptVersion": "5.5.3"
   },
   "collections": [],
   "bundles": []

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

@@ -1,281 +1,276 @@
-import { Component, Prop, h, State, Element, Watch } from '@stencil/core';
-import { translate, getTranslations } from '../../utils/locale.utils';
+import { h } from "@stencil/core";
+import { translate, getTranslations } from "../../utils/locale.utils";
 export class CasinoTournamentDuration {
-  constructor() {
-    /**
-     * 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.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();
+        }
+    }
+    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');
+    }
+    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));
+        }
+        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);
+        }
+    }
+    componentDidRender() {
+        if (!this.limitStylingAppends && this.host) {
+            if (this.clientStyling)
+                this.setClientStyling();
+            if (this.clientStylingUrl)
+                this.setClientStylingURL();
+            this.limitStylingAppends = true;
+        }
     }
-    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));
+    setClientStyling() {
+        const sheet = new CSSStyleSheet();
+        // @ts-ignore
+        sheet.replace(this.clientStyling);
+        // @ts-ignore
+        this.host.shadowRoot.adoptedStyleSheets = [...this.host.shadowRoot.adoptedStyleSheets, sheet];
     }
-    if (this.startTime && this.endTime) {
-      this.getDuration();
-      this.getTextByDiff(this.tournamentLeftDays);
+    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.tournamentLeftDays < 1440 && this.tournamentLeftDays > 0) {
-      this.durationInterval = window.setInterval(() => {
+    render() {
         if (this.startTime && this.endTime) {
-          this.getDuration();
+            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)))))));
         }
-      }, 1000);
     }
-    else {
-      clearInterval(this.durationInterval);
+    static get is() { return "casino-tournament-duration"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["casino-tournament-duration.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["casino-tournament-duration.css"]
+        };
     }
-  }
-  componentDidRender() {
-    if (!this.limitStylingAppends && this.host) {
-      if (this.clientStyling)
-        this.setClientStyling();
-      if (this.clientStylingUrl)
-        this.setClientStylingURL();
-      this.limitStylingAppends = true;
+    static get properties() {
+        return {
+            "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
+            },
+            "status": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Tournament status"
+                },
+                "attribute": "status",
+                "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
+            },
+            "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
+            }
+        };
     }
-  }
-  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)))))));
+    static get states() {
+        return {
+            "tournamentUntilStartDays": {},
+            "tournamentLeftDays": {},
+            "showRemain": {},
+            "limitStylingAppends": {},
+            "durationInterval": {}
+        };
     }
-  }
-  static get is() { return "casino-tournament-duration"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["casino-tournament-duration.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["casino-tournament-duration.css"]
-  }; }
-  static get properties() { return {
-    "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
-    },
-    "status": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Tournament status"
-      },
-      "attribute": "status",
-      "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
-    },
-    "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 elementRef() { return "host"; }
+    static get watchers() {
+        return [{
+                "propName": "language",
+                "methodName": "watchLanguage"
+            }];
     }
-  }; }
-  static get states() { return {
-    "tournamentUntilStartDays": {},
-    "tournamentLeftDays": {},
-    "showRemain": {},
-    "limitStylingAppends": {},
-    "durationInterval": {}
-  }; }
-  static get elementRef() { return "host"; }
-  static get watchers() { return [{
-      "propName": "language",
-      "methodName": "watchLanguage"
-    }]; }
 }

package/dist/collection/components/casino-tournament-duration/index.js

@@ -0,0 +1 @@
+export { CasinoTournamentDuration } from './casino-tournament-duration';