@everymatrix/lottery-game-page 0.1.26 → 1.13.4

package/dist/components/lottery-draw-results2.js

@@ -39,13 +39,47 @@ const TRANSLATIONS = {
     ticketAmount: 'Valoarea biletului',
     winUpTo: 'Poti castiga'
   },
+  fr: {
+    drawResultsHeader: 'Résultats du dernier tirage',
+    drawId: 'ID de tirage',
+    drawName: 'Nom du jeu',
+    drawDate: 'Date du tirage',
+    drawNumbersGridDraw: 'Tirage des numéros Grille',
+    drawNumbersGridTicket: 'Tirage des numéros Grille',
+    ticketResult: 'Résultat du ticket',
+    amountWon: 'Montant gagné',
+    numberOfDraws: 'Nombre de tirages',
+    multiplier: 'Multiplicateur',
+    ticketPurchaseDate: 'Date d\'achat du billet',
+    ticketStatus: 'Statut du ticket',
+    ticketId: 'ID de billets',
+    ticketAmount: 'Montant du billet',
+    winUpTo: 'Gagnez jusqu\'à'
+  },
+  ar: {
+    drawResultsHeader: 'نتائج آخر سحب',
+    drawId: 'معرّف السحب',
+    drawName: 'اسم اللعبة',
+    drawDate: 'تاريخ السحب',
+    drawNumbersGridDraw: 'شبكة أرقام السحب',
+    drawNumbersGridTicket: 'شبكة أرقام السحب',
+    ticketResult: 'نتيجة التذكرة',
+    amountWon: 'المبلغ الذي تم ربحه',
+    numberOfDraws: 'عدد السحوبات',
+    multiplier: 'مضاعف',
+    ticketPurchaseDate: 'تاريخ شراء التذكرة',
+    ticketStatus: 'حالة التذكرة',
+    ticketId: 'معرّف التذكرة',
+    ticketAmount: 'مبلغ التذكرة',
+    winUpTo: 'ربح يصل إلى'
+  }
 };
 const translate = (key, customLang) => {
   const lang = customLang;
   return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
 };
 
-const lotteryDrawResultsCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.TicketInfo{display:flex;flex-direction:row;gap:15px;background-color:#009993;color:#fff;padding:12px;font-size:14px}.DrawResultsArea{margin-top:15px}.DrawResultsArea.TicketDraws .Content{padding:0;border:0}.DrawResultsArea.TicketDraws .DrawResultsBody{padding:0;margin-bottom:5px;border-radius:0;border:0}.DrawResultsSection{max-width:600px;margin:0px auto;border-radius:4px}.DrawResultsHeader{display:flex;justify-content:space-between;padding:10px 20px;background-color:#009993;color:#fff;font-size:14px;border-radius:4px 4px 0 0}.DrawResultsHeader h4{text-transform:uppercase;font-weight:400;margin:0;padding-top:15px}.DrawResultsBody{padding:20px;margin-bottom:5px;border-radius:0 0 4px 4px;border:1px solid #009993}.DrawResultsBody>div{margin:10px 0}.DrawResultsBody .NumberOfDrawsContainer{display:table;width:100%}.DrawNumbersGrid{margin-bottom:15px}.DrawNumbersGrid label{display:block;margin-bottom:10px}.Toggle{cursor:pointer;display:inline-block}.ToggleSwitch{display:inline-block;background:#ccc;border-radius:16px;width:58px;height:24px;position:relative;vertical-align:middle;transition:background 0.25s}.ToggleSwitch:before,.ToggleSwitch:after{content:\"\"}.ToggleSwitch:before{display:block;background:linear-gradient(to bottom, #fff 0%, #eee 100%);border-radius:50%;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.25);width:16px;height:16px;position:absolute;top:4px;left:4px;transition:left 0.25s}.Toggle:hover .ToggleSwitch:before{background:linear-gradient(to bottom, #fff 0%, #fff 100%);box-shadow:0 0 0 1px rgba(0, 0, 0, 0.5)}.ToggleCheckbox:checked+.ToggleSwitch{background:#56c080}.ToggleCheckbox:checked+.ToggleSwitch:before{left:38px}.ToggleCheckbox{position:absolute;visibility:hidden}.Label{position:relative}.DrawTicketsContainer{display:flex;flex-direction:column;margin:20px auto 0}.DrawMultipler{margin-top:15px}.ExpandableBoxes{position:relative;display:flex;flex-direction:column}.ExpandableBox{line-height:12px;font-weight:lighter;width:100%;height:100%;max-height:80px;float:left;margin:0 0 20px 0;border:1px solid #009993;background:#fff;border-radius:4px;padding:10px;box-sizing:border-box;-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;overflow:hidden;box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px}.ExpandableBox:last-of-type{margin-bottom:0}.ExpandableBox.ShowBox{max-height:400px;margin:0px 0px 20p 0px}.ExpandableBox.HideBox{width:0;height:0;overflow:hidden;border:none;padding:0;margin:0;opacity:0}";
+const lotteryDrawResultsCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.TicketInfo{display:flex;flex-direction:row;gap:15px;background-color:#009993;color:#fff;padding:12px;font-size:14px}.DrawResultsArea{margin-top:15px}.DrawResultsArea.TicketDraws .Content{padding:0;border:0}.DrawResultsArea.TicketDraws .DrawResultsBody{padding:0;margin-bottom:5px;border-radius:0;border:0}.DrawResultsSection{max-width:600px;margin:0px auto;border-radius:4px}.DrawResultsHeader{display:flex;justify-content:space-between;padding:10px 20px;background-color:#009993;color:#fff;font-size:14px;border-radius:4px 4px 0 0}.DrawResultsHeader h4{text-transform:uppercase;font-weight:400;margin:0;padding-top:15px}.DrawResultsBody{padding:20px;margin-bottom:5px;border-radius:0 0 4px 4px;border:1px solid #009993}.DrawResultsBody>div{margin:10px 0}.DrawResultsBody .NumberOfDrawsContainer{display:table;width:100%}.DrawNumbersGrid{display:flex;flex-direction:column;gap:5px}.DrawNumbersGrid label{display:block;margin-bottom:7px}.Toggle{cursor:pointer;display:inline-block}.ToggleSwitch{display:inline-block;background:#ccc;border-radius:16px;width:58px;height:24px;position:relative;vertical-align:middle;transition:background 0.25s}.ToggleSwitch:before,.ToggleSwitch:after{content:\"\"}.ToggleSwitch:before{display:block;background:linear-gradient(to bottom, #fff 0%, #eee 100%);border-radius:50%;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.25);width:16px;height:16px;position:absolute;top:4px;left:4px;transition:left 0.25s}.Toggle:hover .ToggleSwitch:before{background:linear-gradient(to bottom, #fff 0%, #fff 100%);box-shadow:0 0 0 1px rgba(0, 0, 0, 0.5)}.ToggleCheckbox:checked+.ToggleSwitch{background:#56c080}.ToggleCheckbox:checked+.ToggleSwitch:before{left:38px}.ToggleCheckbox{position:absolute;visibility:hidden}.Label{position:relative}.DrawTicketsContainer{display:flex;flex-direction:column;margin:20px auto 0}.DrawMultipler{margin-top:15px}.ExpandableBoxes{position:relative;display:flex;flex-direction:column;border:1px solid #ccc;border-radius:5px;background-color:white}.ExpandableBox{border-bottom:1px solid #ccc;transition:height 300ms ease-in-out;overflow:hidden;height:80px}.ExpandableBox:last-child{border-bottom:0}.ExpandableBoxHeader{position:relative;list-style:none;outline:0;cursor:pointer;text-transform:uppercase;transition:color 300ms ease-in-out;margin-bottom:24px;margin-left:5px}.ShowBox>.ExpandableBoxHeader{color:#009993}.ExpandableBoxHeader::-webkit-details-marker{display:none}.ExpandableBoxHeader:before,.ExpandableBoxHeader:after{content:\"\";position:absolute}.ExpandableBoxHeader:before{right:21px;top:50%;height:2px;margin-top:-1px;width:16px;background:#009993}.ExpandableBoxHeader:after{right:28px;top:50%;height:16px;margin-top:-8px;width:2px;margin-left:-1px;background:#009993;transition:all 300ms ease-in-out}.ShowBox .ExpandableBoxHeader:after{opacity:0;transform:translateY(25%)}.ExpandableBoxBody{padding-top:0;font-weight:lighter;margin-left:5px}.ExpandableBox.ShowBox{height:300px}";
 
 const LotteryDrawResults = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -108,70 +142,21 @@ const LotteryDrawResults = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
      * 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.rules = {};
-    this.toggleDrawer = [false];
     this.hasErrors = false;
     this.errorText = '';
     this.ticketData = [];
     this.ticketDataLoaded = false;
     this.ticketDraws = [];
-    this.hasDrawNumbers = false;
+    this.toggleDrawer = [false];
     this.limitStylingAppends = false;
-    this.getTicketsData = () => {
-      let url = new URL(`${this.endpoint}/tickets`);
-      let drawOptions = {
-        method: "GET",
-        headers: {
-          'Content-Type': "application/json",
-          'Accept': 'application/json',
-          'Authorization': `Bearer ${this.sessionId}`
-        },
-      };
-      fetch(url.href, drawOptions)
-        .then((response) => {
-        return response.json();
-      })
-        .then((data) => {
-        if (data) {
-          this.ticketData = data;
-          this.ticketDataLoaded = true;
-        }
-        return this.ticketData;
-      }).then((response) => {
-        response.forEach(ticket => {
-          if (ticket.drawResults.length) {
-            ticket.drawResults.forEach(draw => {
-              fetch(`${this.endpoint}/games/${this.gameId}/draws/${draw.drawId}`)
-                .then((response) => {
-                return response.json();
-              })
-                .then((data) => {
-                // check if draw id is unique
-                if (!this.ticketDraws.some(el => el.drawId === draw.drawId)) {
-                  this.ticketDraws.push({ drawId: draw.drawId, drawNumbers: data.winningNumbers });
-                }
-              });
-            });
-          }
-          return this.ticketDraws;
-        });
-      }).then(() => {
-        this.hasDrawNumbers = true;
-      });
-    };
-    this.changeBox = (index) => {
-      this.toggleDrawer = this.toggleDrawer.map((item, itemIndex) => {
-        if (itemIndex == index) {
-          return !item;
-        }
-        return item;
-      });
-      if (index >= this.toggleDrawer.length) {
-        this.toggleDrawer.push(true);
-      }
-    };
+    this.ticketDrawDetails = [];
+    this.ticketDrawDetailsFlag = true;
     this.setClientStyling = () => {
       let sheet = document.createElement('style');
       sheet.innerHTML = this.clientStyling;
@@ -187,18 +172,30 @@ const LotteryDrawResults = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
   }
   connectedCallback() {
     let promises = [];
-    promises.push(this.getGameData());
+    // Split ticket numbers for each grid
+    if (this.ticketNumbers) {
+      this.gridNumbers = JSON.parse(this.ticketNumbers);
+    }
     if (this.drawId) {
       promises.push(this.getDrawData());
     }
-    if (!this.drawMode) {
-      this.getTicketsData();
-    }
     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) {
@@ -210,21 +207,24 @@ const LotteryDrawResults = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
     }
     // end custom styling area
   }
-  getDrawData(drawID) {
+  getDrawData(drawId) {
+    this.isLoading = true;
     return new Promise((resolve, reject) => {
-      let url = new URL(`${this.endpoint}/games/${this.gameId}/draws/${drawID ? drawID : this.drawId}`);
+      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) => {
-        this.drawData = data;
-        resolve(true);
-        this.isLoading = false;
-        if (drawID) {
-          return this.drawData.winningNumbers;
+        if (drawId) {
+          resolve(data);
         }
+        else {
+          this.drawData = data;
+          resolve(true);
+        }
+        this.isLoading = false;
       })
         .catch((err) => {
         reject(err);
@@ -232,29 +232,16 @@ const LotteryDrawResults = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
       });
     });
   }
-  getGameData() {
-    return new Promise((resolve, reject) => {
-      let url = new URL(`${this.endpoint}/games/${this.gameId}`);
-      fetch(url.href)
-        .then((response) => {
-        return response.json();
-      })
-        .then((data) => {
-        this.rules = {
-          maximumAllowed: data.rules.boards[0].maximumAllowed,
-          totalNumbers: data.rules.boards[0].totalNumbers
-        };
-        resolve(true);
-        this.isLoading = false;
-        this.hasErrors = false;
-      })
-        .catch((err) => {
-        this.isLoading = false;
-        this.hasErrors = true;
-        this.errorText = err;
-        reject(err);
-      });
+  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) {
@@ -266,14 +253,19 @@ const LotteryDrawResults = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
     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", { "maximum-allowed": this.rules.maximumAllowed, "total-numbers": this.rules.totalNumbers, "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", 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" }, h("label", { class: "Label" }, translate('drawNumbersGridTicket', this.language), "0:"), h("div", { class: "BulletContainer" }, h("lottery-grid", { "maximum-allowed": this.rules.maximumAllowed, "total-numbers": this.rules.totalNumbers, "selected-numbers": JSON.parse(this.ticketNumbers).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.ticketData.map((ticket) => h("div", { class: "ExpandableBoxes" }, ticket.drawResults.length ?
-            h("div", null, ticket.id == this.ticketId && ticket.drawResults.map((item, index) => h("div", { class: this.toggleDrawer[index] ? 'ExpandableBox ShowBox' : 'ExpandableBox', onClick: () => this.changeBox(index) }, h("div", { class: "TicketResultContainer" }, h("p", null, translate('ticketResult', this.language), ": ", item.state)), item.state == 'won' &&
-              h("div", { class: "AmountWonContainer" }, h("p", null, translate('amountWon', this.language), ": ", Number(item.amount).toLocaleString('en'), " ", item.currency)), h("div", { class: "DrawIdContainer" }, h("p", null, translate('drawId', this.language), ": ", item.drawId)), h("div", { class: "DrawDateContainer" }, h("p", null, translate('drawDate', this.language), ": ", item.updatedAt.slice(0, 10), " | ", item.updatedAt.slice(11, 19))), h("div", { class: "DrawNumbersGrid" }, this.hasDrawNumbers && this.ticketDraws.map((ticketDraw) => item.drawId && item.drawId === ticketDraw.drawId &&
-              h("div", null, h("label", { class: "Label" }, translate('drawNumbersGridDraw', this.language), "A:"), h("lottery-grid", { "maximum-allowed": this.rules.maximumAllowed, "total-numbers": this.rules.totalNumbers, "selected-numbers": ticketDraw.drawNumbers.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), " ", item.multiplier)))))
-            :
-              h("span", null)))))))));
+          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 style() { return lotteryDrawResultsCss; }
@@ -295,17 +287,17 @@ const LotteryDrawResults = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
     "sessionId": [1, "session-id"],
     "clientStyling": [1, "client-styling"],
     "clientStylingUrlContent": [1, "client-styling-url-content"],
+    "ticketDrawData": [1, "ticket-draw-data"],
     "multiplier": [32],
     "isLoading": [32],
-    "rules": [32],
-    "toggleDrawer": [32],
     "hasErrors": [32],
     "errorText": [32],
     "ticketData": [32],
     "ticketDataLoaded": [32],
     "ticketDraws": [32],
-    "hasDrawNumbers": [32],
-    "limitStylingAppends": [32]
+    "toggleDrawer": [32],
+    "limitStylingAppends": [32],
+    "drawData": [32]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
@@ -333,3 +325,5 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LotteryDrawResults as L, defineCustomElement as d };
+
+//# sourceMappingURL=lottery-draw-results2.js.map

package/dist/components/lottery-draw-results2.js.map

@@ -0,0 +1 @@
+{"file":"lottery-draw-results2.js","mappings":"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","names":[],"sources":["../lottery-draw-results/dist/collection/utils/locale.utils.js","../lottery-draw-results/dist/collection/components/lottery-draw-results/lottery-draw-results.css?tag=lottery-draw-results&encapsulation=shadow","../lottery-draw-results/dist/collection/components/lottery-draw-results/lottery-draw-results.js"],"sourcesContent":["const DEFAULT_LANGUAGE = 'en';\nconst SUPPORTED_LANGUAGES = ['ro', 'en'];\nconst TRANSLATIONS = {\n  en: {\n    drawResultsHeader: 'Last draw results',\n    drawId: 'Draw ID',\n    drawName: 'Game name',\n    drawDate: 'Draw Date',\n    drawNumbersGridDraw: 'Draw numbers Grid ',\n    drawNumbersGridTicket: 'Draw numbers Grid ',\n    ticketResult: 'Ticket result',\n    amountWon: 'Amount won',\n    numberOfDraws: 'Number of draws',\n    multiplier: 'Multiplier:',\n    ticketPurchaseDate: 'Ticket Purchase Date',\n    ticketStatus: 'Ticket Status',\n    ticketId: 'Ticket ID',\n    ticketAmount: 'Ticket Amount',\n    winUpTo: 'Win up to',\n  },\n  ro: {\n    drawResultsHeader: 'Ultimele rezultate extragere',\n    drawId: 'Id extragere',\n    drawName: 'Numele jocului',\n    drawDate: 'Data extragerii',\n    drawNumbersGridDraw: 'Numerele extrase Grid',\n    drawNumbersGridTicket: 'Numerele extrase Grid',\n    ticketResult: 'Rezultatul biletului',\n    amountWon: 'Suma castigata',\n    numberOfDraws: 'Numarul de extrageri',\n    multiplier: 'Multiplicator:',\n    ticketPurchaseDate: 'Data achizitionarii biletului',\n    ticketStatus: 'Statusul biletului',\n    ticketId: 'Id biletul',\n    ticketAmount: 'Valoarea biletului',\n    winUpTo: 'Poti castiga'\n  },\n  fr: {\n    drawResultsHeader: 'Résultats du dernier tirage',\n    drawId: 'ID de tirage',\n    drawName: 'Nom du jeu',\n    drawDate: 'Date du tirage',\n    drawNumbersGridDraw: 'Tirage des numéros Grille',\n    drawNumbersGridTicket: 'Tirage des numéros Grille',\n    ticketResult: 'Résultat du ticket',\n    amountWon: 'Montant gagné',\n    numberOfDraws: 'Nombre de tirages',\n    multiplier: 'Multiplicateur',\n    ticketPurchaseDate: 'Date d\\'achat du billet',\n    ticketStatus: 'Statut du ticket',\n    ticketId: 'ID de billets',\n    ticketAmount: 'Montant du billet',\n    winUpTo: 'Gagnez jusqu\\'à'\n  },\n  ar: {\n    drawResultsHeader: 'نتائج آخر سحب',\n    drawId: 'معرّف السحب',\n    drawName: 'اسم اللعبة',\n    drawDate: 'تاريخ السحب',\n    drawNumbersGridDraw: 'شبكة أرقام السحب',\n    drawNumbersGridTicket: 'شبكة أرقام السحب',\n    ticketResult: 'نتيجة التذكرة',\n    amountWon: 'المبلغ الذي تم ربحه',\n    numberOfDraws: 'عدد السحوبات',\n    multiplier: 'مضاعف',\n    ticketPurchaseDate: 'تاريخ شراء التذكرة',\n    ticketStatus: 'حالة التذكرة',\n    ticketId: 'معرّف التذكرة',\n    ticketAmount: 'مبلغ التذكرة',\n    winUpTo: 'ربح يصل إلى'\n  }\n};\nexport const translate = (key, customLang) => {\n  const lang = customLang;\n  return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];\n};\n","@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");\n:host {\n  display: block;\n  font-family: \"Roboto\", sans-serif;\n}\n\n.TicketInfo {\n  display: flex;\n  flex-direction: row;\n  gap: 15px;\n  background-color: #009993;\n  color: #fff;\n  padding: 12px;\n  font-size: 14px;\n}\n\n.DrawResultsArea {\n  margin-top: 15px;\n}\n.DrawResultsArea.TicketDraws .Content {\n  padding: 0;\n  border: 0;\n}\n.DrawResultsArea.TicketDraws .DrawResultsBody {\n  padding: 0;\n  margin-bottom: 5px;\n  border-radius: 0;\n  border: 0;\n}\n\n.DrawResultsSection {\n  max-width: 600px;\n  margin: 0px auto;\n  border-radius: 4px;\n}\n\n.DrawResultsHeader {\n  display: flex;\n  justify-content: space-between;\n  padding: 10px 20px;\n  background-color: #009993;\n  color: #fff;\n  font-size: 14px;\n  border-radius: 4px 4px 0 0;\n}\n.DrawResultsHeader h4 {\n  text-transform: uppercase;\n  font-weight: 400;\n  margin: 0;\n  padding-top: 15px;\n}\n\n.DrawResultsBody {\n  padding: 20px;\n  margin-bottom: 5px;\n  border-radius: 0 0 4px 4px;\n  border: 1px solid #009993;\n}\n.DrawResultsBody > div {\n  margin: 10px 0;\n}\n.DrawResultsBody .NumberOfDrawsContainer {\n  display: table;\n  width: 100%;\n}\n\n.DrawNumbersGrid {\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n}\n.DrawNumbersGrid label {\n  display: block;\n  margin-bottom: 7px;\n}\n\n.Toggle {\n  cursor: pointer;\n  display: inline-block;\n}\n\n.ToggleSwitch {\n  display: inline-block;\n  background: #ccc;\n  border-radius: 16px;\n  width: 58px;\n  height: 24px;\n  position: relative;\n  vertical-align: middle;\n  transition: background 0.25s;\n}\n.ToggleSwitch:before, .ToggleSwitch:after {\n  content: \"\";\n}\n.ToggleSwitch:before {\n  display: block;\n  background: linear-gradient(to bottom, #fff 0%, #eee 100%);\n  border-radius: 50%;\n  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);\n  width: 16px;\n  height: 16px;\n  position: absolute;\n  top: 4px;\n  left: 4px;\n  transition: left 0.25s;\n}\n\n.Toggle:hover .ToggleSwitch:before {\n  background: linear-gradient(to bottom, #fff 0%, #fff 100%);\n  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);\n}\n\n.ToggleCheckbox:checked + .ToggleSwitch {\n  background: #56c080;\n}\n\n.ToggleCheckbox:checked + .ToggleSwitch:before {\n  left: 38px;\n}\n\n.ToggleCheckbox {\n  position: absolute;\n  visibility: hidden;\n}\n\n.Label {\n  position: relative;\n}\n\n.DrawTicketsContainer {\n  display: flex;\n  flex-direction: column;\n  margin: 20px auto 0;\n}\n\n.DrawMultipler {\n  margin-top: 15px;\n}\n\n.ExpandableBoxes {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  border: 1px solid #ccc;\n  border-radius: 5px;\n  background-color: white;\n}\n\n.ExpandableBox {\n  border-bottom: 1px solid #ccc;\n  transition: height 300ms ease-in-out;\n  overflow: hidden;\n  height: 80px;\n}\n.ExpandableBox:last-child {\n  border-bottom: 0;\n}\n.ExpandableBoxHeader {\n  position: relative;\n  list-style: none;\n  outline: 0;\n  cursor: pointer;\n  text-transform: uppercase;\n  transition: color 300ms ease-in-out;\n  margin-bottom: 24px;\n  margin-left: 5px;\n}\n.ShowBox > .ExpandableBoxHeader {\n  color: #009993;\n}\n.ExpandableBoxHeader::-webkit-details-marker {\n  display: none;\n}\n.ExpandableBoxHeader:before, .ExpandableBoxHeader:after {\n  content: \"\";\n  position: absolute;\n}\n.ExpandableBoxHeader:before {\n  right: 21px;\n  top: 50%;\n  height: 2px;\n  margin-top: -1px;\n  width: 16px;\n  background: #009993;\n}\n.ExpandableBoxHeader:after {\n  right: 28px;\n  top: 50%;\n  height: 16px;\n  margin-top: -8px;\n  width: 2px;\n  margin-left: -1px;\n  background: #009993;\n  transition: all 300ms ease-in-out;\n}\n.ShowBox .ExpandableBoxHeader:after {\n  opacity: 0;\n  transform: translateY(25%);\n}\n.ExpandableBoxBody {\n  padding-top: 0;\n  font-weight: lighter;\n  margin-left: 5px;\n}\n.ExpandableBox.ShowBox {\n  height: 300px;\n}","import { Component, Prop, h, State } from '@stencil/core';\nimport { translate } from '../../utils/locale.utils';\nimport '@everymatrix/lottery-grid';\nexport class LotteryDrawResults {\n  constructor() {\n    /**\n     * Language of the widget\n     */\n    this.language = 'en';\n    /**\n     * Shows only the last draw\n     */\n    this.drawMode = false;\n    /**\n     * The drawID (option)\n     */\n    this.drawId = '';\n    /**\n     * The game name\n     */\n    this.gameName = '';\n    /**\n     * The ticket submission date\n     */\n    this.ticketDate = '';\n    /**\n     * The ticket status\n     */\n    this.ticketStatus = '';\n    /**\n     * The ticket id\n     */\n    this.ticketId = '';\n    /**\n     * The ticket amount\n     */\n    this.ticketAmount = '';\n    /**\n     * The ticket multiplier\n     */\n    this.ticketMultiplier = false;\n    /**\n     * The ticket draw count\n     */\n    this.ticketDrawCount = 0;\n    /**\n     * The ticket winning numbers\n     */\n    this.ticketNumbers = '';\n    /**\n     * The session id\n     */\n    this.sessionId = '';\n    /**\n     * Client custom styling via string\n     */\n    this.clientStyling = '';\n    /**\n     * Client custom styling via url content\n     */\n    this.clientStylingUrlContent = '';\n    /**\n     * Data showing the ticket's draw results details\n     */\n    this.ticketDrawData = '';\n    this.multiplier = 3;\n    this.isLoading = true;\n    this.hasErrors = false;\n    this.errorText = '';\n    this.ticketData = [];\n    this.ticketDataLoaded = false;\n    this.ticketDraws = [];\n    this.toggleDrawer = [false];\n    this.limitStylingAppends = false;\n    this.ticketDrawDetails = [];\n    this.ticketDrawDetailsFlag = true;\n    this.setClientStyling = () => {\n      let sheet = document.createElement('style');\n      sheet.innerHTML = this.clientStyling;\n      this.stylingContainer.prepend(sheet);\n    };\n    this.setClientStylingURL = () => {\n      let cssFile = document.createElement('style');\n      setTimeout(() => {\n        cssFile.innerHTML = this.clientStylingUrlContent;\n        this.stylingContainer.prepend(cssFile);\n      }, 1);\n    };\n  }\n  connectedCallback() {\n    let promises = [];\n    // Split ticket numbers for each grid\n    if (this.ticketNumbers) {\n      this.gridNumbers = JSON.parse(this.ticketNumbers);\n    }\n    if (this.drawId) {\n      promises.push(this.getDrawData());\n    }\n    Promise.all(promises)\n      .then(() => {\n      this.isLoading = false;\n    }).catch((err) => {\n      console.log('error ', err);\n      this.isLoading = false;\n    });\n  }\n  componentWillRender() {\n    if (this.ticketDrawData && this.ticketDrawDetailsFlag) {\n      this.ticketDrawDetails = JSON.parse(this.ticketDrawData);\n      this.ticketDrawDetails.forEach((drawDetail) => {\n        this.getDrawData(drawDetail.drawId).then((drawData) => drawDetail.drawData = drawData);\n      });\n      this.ticketDrawDetailsFlag = false;\n    }\n  }\n  componentDidRender() {\n    // start custom styling area\n    if (!this.limitStylingAppends && this.stylingContainer) {\n      if (this.clientStyling)\n        this.setClientStyling();\n      if (this.clientStylingUrlContent)\n        this.setClientStylingURL();\n      this.limitStylingAppends = true;\n    }\n    // end custom styling area\n  }\n  getDrawData(drawId) {\n    this.isLoading = true;\n    return new Promise((resolve, reject) => {\n      let url = new URL(`${this.endpoint}/games/${this.gameId}/draws/${drawId ? drawId : this.drawId}`);\n      fetch(url.href)\n        .then((response) => {\n        // @TODO EXCEPTIONS\n        return response.json();\n      })\n        .then((data) => {\n        if (drawId) {\n          resolve(data);\n        }\n        else {\n          this.drawData = data;\n          resolve(true);\n        }\n        this.isLoading = false;\n      })\n        .catch((err) => {\n        reject(err);\n        this.isLoading = false;\n      });\n    });\n  }\n  drawerToggle(index) {\n    this.toggleDrawer = this.toggleDrawer.map((item, itemIndex) => {\n      if (itemIndex == index) {\n        return !item;\n      }\n      return item;\n    });\n    if (index >= this.toggleDrawer.length) {\n      this.toggleDrawer.push(true);\n    }\n  }\n  render() {\n    if (this.isLoading) {\n      return (h(\"p\", null, \"Loading, please wait ...\"));\n    }\n    else if (this.hasErrors) {\n      h(\"p\", null, this.errorText);\n    }\n    else {\n      return (h(\"section\", { class: \"DrawResultsSection\", ref: el => this.stylingContainer = el }, this.drawMode ?\n        h(\"div\", { class: \"DrawResultsArea\" }, this.drawData &&\n          h(\"div\", null,\n            h(\"div\", { class: \"DrawResultsHeader\" },\n              h(\"span\", null,\n                translate('drawId', this.language),\n                \":  \",\n                this.drawData.id),\n              h(\"span\", null,\n                translate('drawDate', this.language),\n                \": \",\n                this.drawData.date.slice(0, 10))),\n            h(\"div\", { class: \"DrawResultsBody\" },\n              h(\"div\", { class: \"DrawNumbersGrid\" },\n                h(\"p\", null,\n                  translate('drawNumbersGridDraw', this.language),\n                  \"0:\"),\n                h(\"div\", { class: \"BulletContainer\" },\n                  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 })),\n                h(\"div\", { class: \"DrawMultipler\" },\n                  h(\"label\", { class: \"Label\" },\n                    translate('multiplier', this.language),\n                    \" \",\n                    this.multiplier))))))\n        :\n          h(\"div\", { class: \"DrawResultsArea TicketDraws\" },\n            h(\"div\", { class: \"DrawResultsBody\" },\n              h(\"div\", { class: \"TicketIdContainer\" },\n                h(\"label\", { class: \"Label\" },\n                  translate('ticketId', this.language),\n                  \": \",\n                  h(\"span\", null, this.ticketId))),\n              h(\"div\", { class: \"TicketAmountContainer\" },\n                h(\"label\", { class: \"Label\" },\n                  translate('ticketAmount', this.language),\n                  \" \",\n                  h(\"span\", null, this.ticketAmount))),\n              h(\"div\", { class: \"DrawNumbersGrid\" }, this.gridNumbers.map((grid, index) => h(\"div\", null,\n                h(\"label\", { class: \"Label\" },\n                  translate('drawNumbersGridTicket', this.language),\n                  \" \",\n                  String.fromCharCode(index + 65),\n                  \":\"),\n                h(\"div\", { class: \"BulletContainer\" },\n                  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 }))))),\n              h(\"div\", { class: \"DrawMultipler\" },\n                h(\"label\", { class: \"Label\" },\n                  translate('multiplier', this.language),\n                  \" \",\n                  JSON.stringify(this.ticketMultiplier))),\n              h(\"div\", { class: \"NumberOfDrawsContainer\" },\n                h(\"label\", { class: \"Label\" },\n                  translate('numberOfDraws', this.language),\n                  \": \",\n                  this.ticketDrawCount),\n                h(\"div\", { class: \"DrawTicketsContainer\" }, this.ticketDrawDetails && this.ticketDrawDetails.length > 0 &&\n                  h(\"div\", { class: \"ExpandableBoxes\" }, this.ticketDrawDetails.map((drawDetail, index) => {\n                    var _a, _b, _c, _d, _e;\n                    return h(\"div\", { class: { 'ExpandableBox': true, 'ShowBox': this.toggleDrawer[index] }, onClick: () => this.drawerToggle(index) },\n                      h(\"div\", { class: \"ExpandableBoxHeader\" },\n                        h(\"div\", { class: \"TicketResultContainer\" },\n                          h(\"p\", null,\n                            translate('ticketResult', this.language),\n                            \": \",\n                            drawDetail.state)),\n                        drawDetail.state == 'won' &&\n                          h(\"div\", { class: \"AmountWonContainer\" },\n                            h(\"p\", null,\n                              translate('amountWon', this.language),\n                              \": \",\n                              Number(drawDetail.amount).toLocaleString('en'),\n                              \" \",\n                              drawDetail.currency)),\n                        drawDetail.state == 'lost' &&\n                          h(\"div\", { class: \"DrawIdContainer\" },\n                            h(\"p\", null,\n                              translate('drawId', this.language),\n                              \": \",\n                              drawDetail.drawId))),\n                      h(\"div\", { class: \"ExpandableBoxBody\" },\n                        h(\"div\", { class: \"DrawIdContainer\" },\n                          h(\"p\", null,\n                            translate('drawId', this.language),\n                            \": \",\n                            drawDetail.drawId)),\n                        h(\"div\", { class: \"DrawDateContainer\" },\n                          h(\"p\", null,\n                            translate('drawDate', this.language),\n                            \": \", (_a = drawDetail.drawData) === null || _a === void 0 ? void 0 :\n                            _a.date.slice(0, 10),\n                            \" | \", (_b = drawDetail.drawData) === null || _b === void 0 ? void 0 :\n                            _b.date.slice(11, 19))),\n                        h(\"div\", { class: \"DrawNumbersGrid\" }, drawDetail.drawData &&\n                          h(\"div\", { class: 'BulletContainer' },\n                            h(\"label\", { class: \"Label\" },\n                              translate('drawNumbersGridDraw', this.language),\n                              \" \",\n                              String.fromCharCode(index + 10),\n                              \":\"),\n                            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 }))),\n                        h(\"div\", { class: \"DrawMultipler\" },\n                          h(\"label\", { class: \"Label\" },\n                            translate('multiplier', this.language),\n                            \" \", (_e = drawDetail.drawData) === null || _e === void 0 ? void 0 :\n                            _e.multiplier))));\n                  }))))))));\n    }\n  }\n  static get is() { return \"lottery-draw-results\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() { return {\n    \"$\": [\"lottery-draw-results.scss\"]\n  }; }\n  static get styleUrls() { return {\n    \"$\": [\"lottery-draw-results.css\"]\n  }; }\n  static get properties() { return {\n    \"endpoint\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Endpoint URL for the source of data\"\n      },\n      \"attribute\": \"endpoint\",\n      \"reflect\": false\n    },\n    \"gameId\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"GameID of the lottery game\"\n      },\n      \"attribute\": \"game-id\",\n      \"reflect\": false\n    },\n    \"language\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Language of the widget\"\n      },\n      \"attribute\": \"language\",\n      \"reflect\": false,\n      \"defaultValue\": \"'en'\"\n    },\n    \"playerId\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Player ID\"\n      },\n      \"attribute\": \"player-id\",\n      \"reflect\": false\n    },\n    \"drawMode\": {\n      \"type\": \"boolean\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Shows only the last draw\"\n      },\n      \"attribute\": \"draw-mode\",\n      \"reflect\": false,\n      \"defaultValue\": \"false\"\n    },\n    \"drawId\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"The drawID (option)\"\n      },\n      \"attribute\": \"draw-id\",\n      \"reflect\": false,\n      \"defaultValue\": \"''\"\n    },\n    \"gameName\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"The game name\"\n      },\n      \"attribute\": \"game-name\",\n      \"reflect\": false,\n      \"defaultValue\": \"''\"\n    },\n    \"ticketDate\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"The ticket submission date\"\n      },\n      \"attribute\": \"ticket-date\",\n      \"reflect\": false,\n      \"defaultValue\": \"''\"\n    },\n    \"ticketStatus\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"The ticket status\"\n      },\n      \"attribute\": \"ticket-status\",\n      \"reflect\": false,\n      \"defaultValue\": \"''\"\n    },\n    \"ticketId\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"The ticket id\"\n      },\n      \"attribute\": \"ticket-id\",\n      \"reflect\": false,\n      \"defaultValue\": \"''\"\n    },\n    \"ticketAmount\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"The ticket amount\"\n      },\n      \"attribute\": \"ticket-amount\",\n      \"reflect\": false,\n      \"defaultValue\": \"''\"\n    },\n    \"ticketMultiplier\": {\n      \"type\": \"boolean\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"The ticket multiplier\"\n      },\n      \"attribute\": \"ticket-multiplier\",\n      \"reflect\": false,\n      \"defaultValue\": \"false\"\n    },\n    \"ticketDrawCount\": {\n      \"type\": \"number\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"number\",\n        \"resolved\": \"number\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"The ticket draw count\"\n      },\n      \"attribute\": \"ticket-draw-count\",\n      \"reflect\": false,\n      \"defaultValue\": \"0\"\n    },\n    \"ticketNumbers\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"The ticket winning numbers\"\n      },\n      \"attribute\": \"ticket-numbers\",\n      \"reflect\": false,\n      \"defaultValue\": \"''\"\n    },\n    \"sessionId\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"The session id\"\n      },\n      \"attribute\": \"session-id\",\n      \"reflect\": false,\n      \"defaultValue\": \"''\"\n    },\n    \"clientStyling\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Client custom styling via string\"\n      },\n      \"attribute\": \"client-styling\",\n      \"reflect\": false,\n      \"defaultValue\": \"''\"\n    },\n    \"clientStylingUrlContent\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Client custom styling via url content\"\n      },\n      \"attribute\": \"client-styling-url-content\",\n      \"reflect\": false,\n      \"defaultValue\": \"''\"\n    },\n    \"ticketDrawData\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Data showing the ticket's draw results details\"\n      },\n      \"attribute\": \"ticket-draw-data\",\n      \"reflect\": false,\n      \"defaultValue\": \"''\"\n    }\n  }; }\n  static get states() { return {\n    \"multiplier\": {},\n    \"isLoading\": {},\n    \"hasErrors\": {},\n    \"errorText\": {},\n    \"ticketData\": {},\n    \"ticketDataLoaded\": {},\n    \"ticketDraws\": {},\n    \"toggleDrawer\": {},\n    \"limitStylingAppends\": {},\n    \"drawData\": {}\n  }; }\n}\n"],"version":3}

package/dist/components/lottery-game-details.js

@@ -4,3 +4,5 @@ const LotteryGameDetails = LotteryGameDetails$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { LotteryGameDetails, defineCustomElement };
+
+//# sourceMappingURL=lottery-game-details.js.map

package/dist/components/lottery-game-details.js.map

@@ -0,0 +1 @@
+{"file":"lottery-game-details.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/lottery-game-details2.js

@@ -83,3 +83,5 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LotteryGameDetails as L, defineCustomElement as d };
+
+//# sourceMappingURL=lottery-game-details2.js.map

package/dist/components/lottery-game-details2.js.map

@@ -0,0 +1 @@
+{"file":"lottery-game-details2.js","mappings":";;;;;AAAA,MAAM,qBAAqB,GAAG,sBAAsB;;MCGvC,kBAAkB;EAC7B;;;;;;;IAIE,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;;;;IAIxB,IAAI,CAAC,uBAAuB,GAAG,EAAE,CAAC;IAClC,IAAI,CAAC,mBAAmB,GAAG,KAAK,CAAC;IACjC,IAAI,CAAC,gBAAgB,GAAG;MACtB,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;MAC5C,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC;MACrC,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;KACtC,CAAC;IACF,IAAI,CAAC,mBAAmB,GAAG;MACzB,IAAI,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;MAC9C,UAAU,CAAC;QACT,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,uBAAuB,CAAC;QACjD,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;OACxC,EAAE,CAAC,CAAC,CAAC;KACP,CAAC;GACH;EACD,kBAAkB;;IAEhB,IAAI,CAAC,IAAI,CAAC,mBAAmB,IAAI,IAAI,CAAC,gBAAgB,EAAE;MACtD,IAAI,IAAI,CAAC,aAAa;QACpB,IAAI,CAAC,gBAAgB,EAAE,CAAC;MAC1B,IAAI,IAAI,CAAC,uBAAuB;QAC9B,IAAI,CAAC,mBAAmB,EAAE,CAAC;MAC7B,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;KACjC;;GAEF;EACD,MAAM;IACJ,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,0BAA0B,EAAE,GAAG,EAAE,EAAE,IAAI,IAAI,CAAC,gBAAgB,GAAG,EAAE,EAAE,EAC3F,CAAC,CAAC,kBAAkB,EAAE,EAAE,cAAc,EAAE,cAAc,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,4BAA4B,EAAE,IAAI,CAAC,uBAAuB,EAAE,EAC1K,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,IAAI,EAAE,kBAAkB,EAAE,EAChE,CAAC,CAAC,aAAa,EAAE,EAAE,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,4BAA4B,EAAE,IAAI,CAAC,uBAAuB,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;GAClI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["../lottery-game-details/dist/collection/components/lottery-game-details/lottery-game-details.css?tag=lottery-game-details&encapsulation=shadow","../lottery-game-details/dist/collection/components/lottery-game-details/lottery-game-details.js"],"sourcesContent":[":host {\n  display: block;\n}","import { Component, h, Prop, State, } from '@stencil/core';\nimport '@everymatrix/helper-accordion';\nimport '@everymatrix/helper-tabs';\nexport class LotteryGameDetails {\n  constructor() {\n    /**\n     * Client custom styling via string\n     */\n    this.clientStyling = '';\n    /**\n     * Client custom styling via url content\n     */\n    this.clientStylingUrlContent = '';\n    this.limitStylingAppends = false;\n    this.setClientStyling = () => {\n      let sheet = document.createElement('style');\n      sheet.innerHTML = this.clientStyling;\n      this.stylingContainer.prepend(sheet);\n    };\n    this.setClientStylingURL = () => {\n      let cssFile = document.createElement('style');\n      setTimeout(() => {\n        cssFile.innerHTML = this.clientStylingUrlContent;\n        this.stylingContainer.prepend(cssFile);\n      }, 1);\n    };\n  }\n  componentDidRender() {\n    // start custom styling area\n    if (!this.limitStylingAppends && this.stylingContainer) {\n      if (this.clientStyling)\n        this.setClientStyling();\n      if (this.clientStylingUrlContent)\n        this.setClientStylingURL();\n      this.limitStylingAppends = true;\n    }\n    // end custom styling area\n  }\n  render() {\n    return (h(\"div\", { class: \"GamePageDetailsContainer\", ref: el => this.stylingContainer = el },\n      h(\"helper-accordion\", { \"header-title\": \"Game Details\", collapsed: false, \"client-styling\": this.clientStyling, \"client-styling-url-content\": this.clientStylingUrlContent },\n        h(\"div\", { class: \"AccordionContainer\", slot: \"accordionContent\" },\n          h(\"helper-tabs\", { \"client-styling\": this.clientStyling, \"client-styling-url-content\": this.clientStylingUrlContent })))));\n  }\n  static get is() { return \"lottery-game-details\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() { return {\n    \"$\": [\"lottery-game-details.scss\"]\n  }; }\n  static get styleUrls() { return {\n    \"$\": [\"lottery-game-details.css\"]\n  }; }\n  static get properties() { return {\n    \"clientStyling\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Client custom styling via string\"\n      },\n      \"attribute\": \"client-styling\",\n      \"reflect\": false,\n      \"defaultValue\": \"''\"\n    },\n    \"clientStylingUrlContent\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Client custom styling via url content\"\n      },\n      \"attribute\": \"client-styling-url-content\",\n      \"reflect\": false,\n      \"defaultValue\": \"''\"\n    }\n  }; }\n  static get states() { return {\n    \"limitStylingAppends\": {}\n  }; }\n}\n"],"version":3}