@everymatrix/lottery-draw-results 1.44.0 → 1.45.2

package/dist/collection/components/lottery-draw-results/lottery-draw-results.js

@@ -1,622 +1,498 @@
-import { Component, Prop, h, State } from '@stencil/core';
-import { translate } from '../../utils/locale.utils';
-import '@everymatrix/lottery-grid';
+import { h } from "@stencil/core";
+import { translate } from "../../utils/locale.utils";
+import "../../../../../lottery-grid/dist/types/index";
 export class LotteryDrawResults {
-  constructor() {
-    /**
-     * Language of the widget
-     */
-    this.language = 'en';
-    /**
-     * Shows only the last draw
-     */
-    this.drawMode = false;
-    /**
-     * The drawID (option)
-     */
-    this.drawId = '';
-    /**
-     * The game name
-     */
-    this.gameName = '';
-    /**
-     * The ticket submission date
-     */
-    this.ticketDate = '';
-    /**
-     * The ticket status
-     */
-    this.ticketStatus = '';
-    /**
-     * The ticket id
-     */
-    this.ticketId = '';
-    /**
-     * The ticket amount
-     */
-    this.ticketAmount = '';
-    /**
-     * The ticket multiplier
-     */
-    this.ticketMultiplier = false;
-    /**
-     * The ticket draw count
-     */
-    this.ticketDrawCount = 0;
-    /**
-     * The ticket winning numbers
-     */
-    this.ticketNumbers = '';
-    /**
-     * The session id
-     */
-    this.sessionId = '';
-    /**
-     * Client custom styling via string
-     */
-    this.clientStyling = '';
-    /**
-     * Client custom styling via url content
-     */
-    this.clientStylingUrlContent = '';
-    /**
-     * Data showing the ticket's draw results details
-     */
-    this.ticketDrawData = '';
-    this.multiplier = 3;
-    this.isLoading = true;
-    this.hasErrors = false;
-    this.errorText = '';
-    this.ticketData = [];
-    this.ticketDataLoaded = false;
-    this.ticketDraws = [];
-    this.toggleDrawer = [false];
-    this.limitStylingAppends = false;
-    this.ticketDrawDetails = [];
-    this.ticketDrawDetailsFlag = true;
-    this.setClientStyling = () => {
-      let sheet = document.createElement('style');
-      sheet.innerHTML = this.clientStyling;
-      this.stylingContainer.prepend(sheet);
-    };
-    this.setClientStylingURL = () => {
-      let cssFile = document.createElement('style');
-      setTimeout(() => {
-        cssFile.innerHTML = this.clientStylingUrlContent;
-        this.stylingContainer.prepend(cssFile);
-      }, 1);
-    };
-  }
-  connectedCallback() {
-    let promises = [];
-    // Split ticket numbers for each grid
-    if (this.ticketNumbers) {
-      this.gridNumbers = JSON.parse(this.ticketNumbers);
+    constructor() {
+        this.ticketDrawDetails = [];
+        this.ticketDrawDetailsFlag = true;
+        this.setClientStyling = () => {
+            let sheet = document.createElement('style');
+            sheet.innerHTML = this.clientStyling;
+            this.stylingContainer.prepend(sheet);
+        };
+        this.setClientStylingURL = () => {
+            let cssFile = document.createElement('style');
+            setTimeout(() => {
+                cssFile.innerHTML = this.clientStylingUrlContent;
+                this.stylingContainer.prepend(cssFile);
+            }, 1);
+        };
+        this.endpoint = undefined;
+        this.gameId = undefined;
+        this.language = 'en';
+        this.playerId = undefined;
+        this.drawMode = false;
+        this.drawId = '';
+        this.gameName = '';
+        this.ticketDate = '';
+        this.ticketStatus = '';
+        this.ticketId = '';
+        this.ticketAmount = '';
+        this.ticketMultiplier = false;
+        this.ticketDrawCount = 0;
+        this.ticketNumbers = '';
+        this.sessionId = '';
+        this.clientStyling = '';
+        this.clientStylingUrlContent = '';
+        this.ticketDrawData = '';
+        this.multiplier = 3;
+        this.isLoading = true;
+        this.hasErrors = false;
+        this.errorText = '';
+        this.ticketData = [];
+        this.ticketDataLoaded = false;
+        this.ticketDraws = [];
+        this.toggleDrawer = [false];
+        this.limitStylingAppends = false;
+        this.drawData = undefined;
     }
-    if (this.drawId) {
-      promises.push(this.getDrawData());
+    connectedCallback() {
+        let promises = [];
+        // Split ticket numbers for each grid
+        if (this.ticketNumbers) {
+            this.gridNumbers = JSON.parse(this.ticketNumbers);
+        }
+        if (this.drawId) {
+            promises.push(this.getDrawData());
+        }
+        Promise.all(promises)
+            .then(() => {
+            this.isLoading = false;
+        }).catch((err) => {
+            console.log('error ', err);
+            this.isLoading = false;
+        });
+    }
+    componentWillRender() {
+        if (this.ticketDrawData && this.ticketDrawDetailsFlag) {
+            this.ticketDrawDetails = JSON.parse(this.ticketDrawData);
+            this.ticketDrawDetails.forEach((drawDetail) => {
+                this.getDrawData(drawDetail.drawId).then((drawData) => drawDetail.drawData = drawData);
+            });
+            this.ticketDrawDetailsFlag = false;
+        }
     }
-    Promise.all(promises)
-      .then(() => {
-      this.isLoading = false;
-    }).catch((err) => {
-      console.log('error ', err);
-      this.isLoading = false;
-    });
-  }
-  componentWillRender() {
-    if (this.ticketDrawData && this.ticketDrawDetailsFlag) {
-      this.ticketDrawDetails = JSON.parse(this.ticketDrawData);
-      this.ticketDrawDetails.forEach((drawDetail) => {
-        this.getDrawData(drawDetail.drawId).then((drawData) => drawDetail.drawData = drawData);
-      });
-      this.ticketDrawDetailsFlag = false;
+    componentDidRender() {
+        // start custom styling area
+        if (!this.limitStylingAppends && this.stylingContainer) {
+            if (this.clientStyling)
+                this.setClientStyling();
+            if (this.clientStylingUrlContent)
+                this.setClientStylingURL();
+            this.limitStylingAppends = true;
+        }
+        // end custom styling area
+    }
+    getDrawData(drawId) {
+        this.isLoading = true;
+        return new Promise((resolve, reject) => {
+            let url = new URL(`${this.endpoint}/games/${this.gameId}/draws/${drawId ? drawId : this.drawId}`);
+            fetch(url.href)
+                .then((response) => {
+                // @TODO EXCEPTIONS
+                return response.json();
+            })
+                .then((data) => {
+                if (drawId) {
+                    resolve(data);
+                }
+                else {
+                    this.drawData = data;
+                    resolve(true);
+                }
+                this.isLoading = false;
+            })
+                .catch((err) => {
+                reject(err);
+                this.isLoading = false;
+            });
+        });
     }
-  }
-  componentDidRender() {
-    // start custom styling area
-    if (!this.limitStylingAppends && this.stylingContainer) {
-      if (this.clientStyling)
-        this.setClientStyling();
-      if (this.clientStylingUrlContent)
-        this.setClientStylingURL();
-      this.limitStylingAppends = true;
+    drawerToggle(index) {
+        this.toggleDrawer = this.toggleDrawer.map((item, itemIndex) => {
+            if (itemIndex == index) {
+                return !item;
+            }
+            return item;
+        });
+        if (index >= this.toggleDrawer.length) {
+            this.toggleDrawer.push(true);
+        }
     }
-    // end custom styling area
-  }
-  getDrawData(drawId) {
-    this.isLoading = true;
-    return new Promise((resolve, reject) => {
-      let url = new URL(`${this.endpoint}/games/${this.gameId}/draws/${drawId ? drawId : this.drawId}`);
-      fetch(url.href)
-        .then((response) => {
-        // @TODO EXCEPTIONS
-        return response.json();
-      })
-        .then((data) => {
-        if (drawId) {
-          resolve(data);
+    render() {
+        if (this.isLoading) {
+            return (h("p", null, "Loading, please wait ..."));
+        }
+        else if (this.hasErrors) {
+            h("p", null, this.errorText);
         }
         else {
-          this.drawData = data;
-          resolve(true);
+            return (h("section", { class: "DrawResultsSection", ref: el => this.stylingContainer = el }, this.drawMode ?
+                h("div", { class: "DrawResultsArea" }, this.drawData &&
+                    h("div", null, h("div", { class: "DrawResultsHeader" }, h("span", null, translate('drawId', this.language), ":  ", this.drawData.id), h("span", null, translate('drawDate', this.language), ": ", this.drawData.date.slice(0, 10))), h("div", { class: "DrawResultsBody" }, h("div", { class: "DrawNumbersGrid" }, h("p", null, translate('drawNumbersGridDraw', this.language), "0:"), h("div", { class: "BulletContainer" }, h("lottery-grid", { "selected-numbers": this.drawData.winningNumbers.join(','), "display-selected": true, selectable: false, language: this.language, "grid-type": 'ticket', "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent })), h("div", { class: "DrawMultipler" }, h("label", { class: "Label" }, translate('multiplier', this.language), " ", this.multiplier))))))
+                :
+                    h("div", { class: "DrawResultsArea TicketDraws" }, h("div", { class: "DrawResultsBody" }, h("div", { class: "TicketIdContainer" }, h("label", { class: "Label" }, translate('ticketId', this.language), ": ", h("span", null, this.ticketId))), h("div", { class: "TicketAmountContainer" }, h("label", { class: "Label" }, translate('ticketAmount', this.language), " ", h("span", null, this.ticketAmount))), h("div", { class: "DrawNumbersGrid" }, this.gridNumbers.map((grid, index) => h("div", null, h("label", { class: "Label" }, translate('drawNumbersGridTicket', this.language), " ", String.fromCharCode(index + 65), ":"), h("div", { class: "BulletContainer" }, h("lottery-grid", { "selected-numbers": grid.join(','), selectable: false, "display-selected": true, language: this.language, "grid-type": 'ticket', "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent }))))), h("div", { class: "DrawMultipler" }, h("label", { class: "Label" }, translate('multiplier', this.language), " ", JSON.stringify(this.ticketMultiplier))), h("div", { class: "NumberOfDrawsContainer" }, h("label", { class: "Label" }, translate('numberOfDraws', this.language), ": ", this.ticketDrawCount), h("div", { class: "DrawTicketsContainer" }, this.ticketDrawDetails && this.ticketDrawDetails.length > 0 &&
+                        h("div", { class: "ExpandableBoxes" }, this.ticketDrawDetails.map((drawDetail, index) => {
+                            var _a, _b, _c, _d, _e;
+                            return h("div", { class: { 'ExpandableBox': true, 'ShowBox': this.toggleDrawer[index] }, onClick: () => this.drawerToggle(index) }, h("div", { class: "ExpandableBoxHeader" }, h("div", { class: "TicketResultContainer" }, h("p", null, translate('ticketResult', this.language), ": ", drawDetail.state)), drawDetail.state == 'won' &&
+                                h("div", { class: "AmountWonContainer" }, h("p", null, translate('amountWon', this.language), ": ", Number(drawDetail.amount).toLocaleString('en'), " ", drawDetail.currency)), drawDetail.state == 'lost' &&
+                                h("div", { class: "DrawIdContainer" }, h("p", null, translate('drawId', this.language), ": ", drawDetail.drawId))), h("div", { class: "ExpandableBoxBody" }, h("div", { class: "DrawIdContainer" }, h("p", null, translate('drawId', this.language), ": ", drawDetail.drawId)), h("div", { class: "DrawDateContainer" }, h("p", null, translate('drawDate', this.language), ": ", (_a = drawDetail.drawData) === null || _a === void 0 ? void 0 :
+                                _a.date.slice(0, 10), " | ", (_b = drawDetail.drawData) === null || _b === void 0 ? void 0 :
+                                _b.date.slice(11, 19))), h("div", { class: "DrawNumbersGrid" }, drawDetail.drawData &&
+                                h("div", { class: 'BulletContainer' }, h("label", { class: "Label" }, translate('drawNumbersGridDraw', this.language), " ", String.fromCharCode(index + 10), ":"), h("lottery-grid", { "selected-numbers": (_d = (_c = drawDetail.drawData) === null || _c === void 0 ? void 0 : _c.winningNumbers) === null || _d === void 0 ? void 0 : _d.join(','), selectable: false, "display-selected": true, language: this.language, "grid-type": 'ticket', "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent }))), h("div", { class: "DrawMultipler" }, h("label", { class: "Label" }, translate('multiplier', this.language), " ", (_e = drawDetail.drawData) === null || _e === void 0 ? void 0 :
+                                _e.multiplier))));
+                        }))))))));
         }
-        this.isLoading = false;
-      })
-        .catch((err) => {
-        reject(err);
-        this.isLoading = false;
-      });
-    });
-  }
-  drawerToggle(index) {
-    this.toggleDrawer = this.toggleDrawer.map((item, itemIndex) => {
-      if (itemIndex == index) {
-        return !item;
-      }
-      return item;
-    });
-    if (index >= this.toggleDrawer.length) {
-      this.toggleDrawer.push(true);
     }
-  }
-  render() {
-    if (this.isLoading) {
-      return (h("p", null, "Loading, please wait ..."));
+    static get is() { return "lottery-draw-results"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["lottery-draw-results.scss"]
+        };
     }
-    else if (this.hasErrors) {
-      h("p", null, this.errorText);
+    static get styleUrls() {
+        return {
+            "$": ["lottery-draw-results.css"]
+        };
     }
-    else {
-      return (h("section", { class: "DrawResultsSection", ref: el => this.stylingContainer = el }, this.drawMode ?
-        h("div", { class: "DrawResultsArea" }, this.drawData &&
-          h("div", null,
-            h("div", { class: "DrawResultsHeader" },
-              h("span", null,
-                translate('drawId', this.language),
-                ":  ",
-                this.drawData.id),
-              h("span", null,
-                translate('drawDate', this.language),
-                ": ",
-                this.drawData.date.slice(0, 10))),
-            h("div", { class: "DrawResultsBody" },
-              h("div", { class: "DrawNumbersGrid" },
-                h("p", null,
-                  translate('drawNumbersGridDraw', this.language),
-                  "0:"),
-                h("div", { class: "BulletContainer" },
-                  h("lottery-grid", { "selected-numbers": this.drawData.winningNumbers.join(','), "display-selected": true, selectable: false, language: this.language, "grid-type": 'ticket', "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent })),
-                h("div", { class: "DrawMultipler" },
-                  h("label", { class: "Label" },
-                    translate('multiplier', this.language),
-                    " ",
-                    this.multiplier))))))
-        :
-          h("div", { class: "DrawResultsArea TicketDraws" },
-            h("div", { class: "DrawResultsBody" },
-              h("div", { class: "TicketIdContainer" },
-                h("label", { class: "Label" },
-                  translate('ticketId', this.language),
-                  ": ",
-                  h("span", null, this.ticketId))),
-              h("div", { class: "TicketAmountContainer" },
-                h("label", { class: "Label" },
-                  translate('ticketAmount', this.language),
-                  " ",
-                  h("span", null, this.ticketAmount))),
-              h("div", { class: "DrawNumbersGrid" }, this.gridNumbers.map((grid, index) => h("div", null,
-                h("label", { class: "Label" },
-                  translate('drawNumbersGridTicket', this.language),
-                  " ",
-                  String.fromCharCode(index + 65),
-                  ":"),
-                h("div", { class: "BulletContainer" },
-                  h("lottery-grid", { "selected-numbers": grid.join(','), selectable: false, "display-selected": true, language: this.language, "grid-type": 'ticket', "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent }))))),
-              h("div", { class: "DrawMultipler" },
-                h("label", { class: "Label" },
-                  translate('multiplier', this.language),
-                  " ",
-                  JSON.stringify(this.ticketMultiplier))),
-              h("div", { class: "NumberOfDrawsContainer" },
-                h("label", { class: "Label" },
-                  translate('numberOfDraws', this.language),
-                  ": ",
-                  this.ticketDrawCount),
-                h("div", { class: "DrawTicketsContainer" }, this.ticketDrawDetails && this.ticketDrawDetails.length > 0 &&
-                  h("div", { class: "ExpandableBoxes" }, this.ticketDrawDetails.map((drawDetail, index) => {
-                    var _a, _b, _c, _d, _e;
-                    return h("div", { class: { 'ExpandableBox': true, 'ShowBox': this.toggleDrawer[index] }, onClick: () => this.drawerToggle(index) },
-                      h("div", { class: "ExpandableBoxHeader" },
-                        h("div", { class: "TicketResultContainer" },
-                          h("p", null,
-                            translate('ticketResult', this.language),
-                            ": ",
-                            drawDetail.state)),
-                        drawDetail.state == 'won' &&
-                          h("div", { class: "AmountWonContainer" },
-                            h("p", null,
-                              translate('amountWon', this.language),
-                              ": ",
-                              Number(drawDetail.amount).toLocaleString('en'),
-                              " ",
-                              drawDetail.currency)),
-                        drawDetail.state == 'lost' &&
-                          h("div", { class: "DrawIdContainer" },
-                            h("p", null,
-                              translate('drawId', this.language),
-                              ": ",
-                              drawDetail.drawId))),
-                      h("div", { class: "ExpandableBoxBody" },
-                        h("div", { class: "DrawIdContainer" },
-                          h("p", null,
-                            translate('drawId', this.language),
-                            ": ",
-                            drawDetail.drawId)),
-                        h("div", { class: "DrawDateContainer" },
-                          h("p", null,
-                            translate('drawDate', this.language),
-                            ": ", (_a = drawDetail.drawData) === null || _a === void 0 ? void 0 :
-                            _a.date.slice(0, 10),
-                            " | ", (_b = drawDetail.drawData) === null || _b === void 0 ? void 0 :
-                            _b.date.slice(11, 19))),
-                        h("div", { class: "DrawNumbersGrid" }, drawDetail.drawData &&
-                          h("div", { class: 'BulletContainer' },
-                            h("label", { class: "Label" },
-                              translate('drawNumbersGridDraw', this.language),
-                              " ",
-                              String.fromCharCode(index + 10),
-                              ":"),
-                            h("lottery-grid", { "selected-numbers": (_d = (_c = drawDetail.drawData) === null || _c === void 0 ? void 0 : _c.winningNumbers) === null || _d === void 0 ? void 0 : _d.join(','), selectable: false, "display-selected": true, language: this.language, "grid-type": 'ticket', "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent }))),
-                        h("div", { class: "DrawMultipler" },
-                          h("label", { class: "Label" },
-                            translate('multiplier', this.language),
-                            " ", (_e = drawDetail.drawData) === null || _e === void 0 ? void 0 :
-                            _e.multiplier))));
-                  }))))))));
+    static get properties() {
+        return {
+            "endpoint": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Endpoint URL for the source of data"
+                },
+                "attribute": "endpoint",
+                "reflect": true
+            },
+            "gameId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "GameID of the lottery game"
+                },
+                "attribute": "game-id",
+                "reflect": true
+            },
+            "language": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Language of the widget"
+                },
+                "attribute": "language",
+                "reflect": true,
+                "defaultValue": "'en'"
+            },
+            "playerId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Player ID"
+                },
+                "attribute": "player-id",
+                "reflect": true
+            },
+            "drawMode": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Shows only the last draw"
+                },
+                "attribute": "draw-mode",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "drawId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The drawID (option)"
+                },
+                "attribute": "draw-id",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "gameName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The game name"
+                },
+                "attribute": "game-name",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "ticketDate": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The ticket submission date"
+                },
+                "attribute": "ticket-date",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "ticketStatus": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The ticket status"
+                },
+                "attribute": "ticket-status",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "ticketId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The ticket id"
+                },
+                "attribute": "ticket-id",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "ticketAmount": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The ticket amount"
+                },
+                "attribute": "ticket-amount",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "ticketMultiplier": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The ticket multiplier"
+                },
+                "attribute": "ticket-multiplier",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "ticketDrawCount": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The ticket draw count"
+                },
+                "attribute": "ticket-draw-count",
+                "reflect": true,
+                "defaultValue": "0"
+            },
+            "ticketNumbers": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The ticket winning numbers"
+                },
+                "attribute": "ticket-numbers",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "sessionId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The session id"
+                },
+                "attribute": "session-id",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "clientStyling": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Client custom styling via string"
+                },
+                "attribute": "client-styling",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "clientStylingUrlContent": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Client custom styling via url content"
+                },
+                "attribute": "client-styling-url-content",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "ticketDrawData": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Data showing the ticket's draw results details"
+                },
+                "attribute": "ticket-draw-data",
+                "reflect": true,
+                "defaultValue": "''"
+            }
+        };
     }
-  }
-  static get is() { return "lottery-draw-results"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["lottery-draw-results.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["lottery-draw-results.css"]
-  }; }
-  static get properties() { return {
-    "endpoint": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Endpoint URL for the source of data"
-      },
-      "attribute": "endpoint",
-      "reflect": true
-    },
-    "gameId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "GameID of the lottery game"
-      },
-      "attribute": "game-id",
-      "reflect": true
-    },
-    "language": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Language of the widget"
-      },
-      "attribute": "language",
-      "reflect": true,
-      "defaultValue": "'en'"
-    },
-    "playerId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Player ID"
-      },
-      "attribute": "player-id",
-      "reflect": true
-    },
-    "drawMode": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Shows only the last draw"
-      },
-      "attribute": "draw-mode",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "drawId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The drawID (option)"
-      },
-      "attribute": "draw-id",
-      "reflect": true,
-      "defaultValue": "''"
-    },
-    "gameName": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The game name"
-      },
-      "attribute": "game-name",
-      "reflect": true,
-      "defaultValue": "''"
-    },
-    "ticketDate": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The ticket submission date"
-      },
-      "attribute": "ticket-date",
-      "reflect": true,
-      "defaultValue": "''"
-    },
-    "ticketStatus": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The ticket status"
-      },
-      "attribute": "ticket-status",
-      "reflect": true,
-      "defaultValue": "''"
-    },
-    "ticketId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The ticket id"
-      },
-      "attribute": "ticket-id",
-      "reflect": true,
-      "defaultValue": "''"
-    },
-    "ticketAmount": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The ticket amount"
-      },
-      "attribute": "ticket-amount",
-      "reflect": true,
-      "defaultValue": "''"
-    },
-    "ticketMultiplier": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The ticket multiplier"
-      },
-      "attribute": "ticket-multiplier",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "ticketDrawCount": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The ticket draw count"
-      },
-      "attribute": "ticket-draw-count",
-      "reflect": true,
-      "defaultValue": "0"
-    },
-    "ticketNumbers": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The ticket winning numbers"
-      },
-      "attribute": "ticket-numbers",
-      "reflect": true,
-      "defaultValue": "''"
-    },
-    "sessionId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The session id"
-      },
-      "attribute": "session-id",
-      "reflect": true,
-      "defaultValue": "''"
-    },
-    "clientStyling": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Client custom styling via string"
-      },
-      "attribute": "client-styling",
-      "reflect": true,
-      "defaultValue": "''"
-    },
-    "clientStylingUrlContent": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Client custom styling via url content"
-      },
-      "attribute": "client-styling-url-content",
-      "reflect": true,
-      "defaultValue": "''"
-    },
-    "ticketDrawData": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Data showing the ticket's draw results details"
-      },
-      "attribute": "ticket-draw-data",
-      "reflect": true,
-      "defaultValue": "''"
+    static get states() {
+        return {
+            "multiplier": {},
+            "isLoading": {},
+            "hasErrors": {},
+            "errorText": {},
+            "ticketData": {},
+            "ticketDataLoaded": {},
+            "ticketDraws": {},
+            "toggleDrawer": {},
+            "limitStylingAppends": {},
+            "drawData": {}
+        };
     }
-  }; }
-  static get states() { return {
-    "multiplier": {},
-    "isLoading": {},
-    "hasErrors": {},
-    "errorText": {},
-    "ticketData": {},
-    "ticketDataLoaded": {},
-    "ticketDraws": {},
-    "toggleDrawer": {},
-    "limitStylingAppends": {},
-    "drawData": {}
-  }; }
 }