@everymatrix/lottery-draw-results 0.1.2 → 0.1.6

package/dist/cjs/lottery-bullet_3.cjs.entry.js

@@ -1,374 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-62f030ff.js');
-
-const lotteryBulletCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.Circle{cursor:pointer;color:#000000;display:block;background:#FFF;border:solid 2px #00958f;height:20px;width:20px;border-radius:50%;margin:0;display:flex;align-items:center;justify-content:center;user-select:none;font-size:12px;font-weight:600;position:relative}.Circle:hover{background:#aee4e2}.Circle.Selected{color:#ffffff;background:#9EC258;background:-webkit-radial-gradient(top, #00958f, #004D4A);background:-moz-radial-gradient(top, #00958f, #004D4A);background:radial-gradient(to bottom, #00958f, #004D4A);border:solid 2px #00958f}.Circle.Disabled{color:#707070;background:#D4D4D4;border:solid 2px #707070;cursor:default}.Circle.DisabledSelected{color:#ffffff;background:#9EC258;background:-webkit-radial-gradient(top, #00958f, #004D4A);background:-moz-radial-gradient(top, #00958f, #004D4A);background:radial-gradient(to bottom, #00958f, #004D4A);border:solid 2px #707070;cursor:default}";
-
-const LotteryBullet = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.bulletEvent = index.createEvent(this, "lotteryBulletSelection", 7);
-    /**
-     * Value of the bullet
-     */
-    this.value = '0';
-    /**
-     * Marks if the bullet should be selectable
-     */
-    this.selectable = true;
-    /**
-     * Marks if the bullet should be selected
-     */
-    this.isSelected = false;
-    this.select = () => {
-      if (this.selectable) {
-        this.isSelected = !this.isSelected;
-        this.bulletEvent.emit({
-          value: this.value,
-          selected: this.isSelected
-        });
-      }
-    };
-  }
-  render() {
-    return (index.h("div", { class: 'Circle ' + (this.selectable ? '' : 'Disabled') + (this.isSelected ? 'Selected' : ''), onClick: () => this.select() }, this.value));
-  }
-};
-LotteryBullet.style = lotteryBulletCss;
-
-const DEFAULT_LANGUAGE = 'en';
-const SUPPORTED_LANGUAGES = ['ro', 'en'];
-const TRANSLATIONS = {
-  en: {
-    drawResultsHeader: 'Last draw results',
-    drawId: 'Draw ID',
-    drawName: 'Game name',
-    drawDate: 'Draw Date',
-    drawNumbersGridDraw: 'Draw numbers Grid A',
-    drawNumbersGridTicket: 'Draw numbers Grid B',
-    ticketResult: 'Ticket result',
-    amountWon: 'Amount won',
-    numberOfDraws: 'Number of draws'
-  },
-  ro: {
-    drawResultsHeader: 'Ultimele rezultate extragere',
-    drawId: 'Id extragere',
-    drawName: 'Numele jocului',
-    drawDate: 'Data extragerii',
-    drawNumbersGridDraw: 'Numerele extrase Grid A',
-    drawNumbersGridTicket: 'Numerele extrase Grid B',
-    ticketResult: 'Rezultatul biletului',
-    amountWon: 'Suma castigata',
-    numberOfDraws: 'Numarul de extrageri'
-  },
-};
-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}.DrawResultsSection{max-width:500px;margin:0 auto;margin:0px auto 10px;border-radius:4px}.DrawResultsHeader{display:flex;justify-content:space-between;padding:10px 20px;background-color:#009993;color:#fff;font-size:14px}.DrawResultsHeader h4{text-transform:uppercase;font-weight:400;margin:0}.DrawMultipler label{display:block;margin:15px 0}.DrawResultsBody{padding:0 20px}.DrawResultsBody .DrawNumbersGrid{font-size:14px}.DrawResultsBody .NumberOfDrawsContainer{display:table;width:100%}.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{margin-right:5px;position:relative;top:2px}.DrawTicketsContainer{margin:30px auto}.ExpandableBoxes{position:relative}.ExpandableBox{width:100%;height:100%;max-height:100px;float:left;margin:0 0 20px 0;border:1px solid #009993;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}.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 DEFAULT_VALUES = {
-  gamename: 'Chrono',
-  gamedate: '24/09/2022',
-  state: 'Processing',
-  amount: 304444,
-  ticketid: '6963444',
-  selection: '[5, 6, 7, 8,  9]',
-  multiplier: 4.5,
-  resultstatus: 'Processing',
-  drawstatus: 'Won',
-  drawamount: 1022,
-  drawid: '54545555',
-  drawdate: '24/09/2032'
-};
-const LotteryDrawResults = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /**
-     * Language of the widget
-     */
-    this.language = 'en';
-    /**
-     * Shows only the last draw
-     */
-    this.drawMode = false;
-    this.gameName = '';
-    this.multiplier = 5.434;
-    this.ticketData = {};
-    this.isLoading = true;
-    this.drawResults = [];
-    this.rules = {};
-    this.toggleDrawer = [false];
-    this.hasErrors = false;
-    this.errorText = '';
-    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);
-      }
-    };
-  }
-  connectedCallback() {
-    let promises = [];
-    promises.push(this.getGameData());
-    if (this.playerId) {
-      promises.push(this.getTicketData());
-    }
-    if (this.drawId) {
-      promises.push(this.getDrawData());
-    }
-    Promise.all(promises)
-      .then(() => {
-      this.isLoading = false;
-    });
-  }
-  getDrawData() {
-    return new Promise((resolve, reject) => {
-      let url = new URL(`${this.endpoint}/games/${this.gameId}/draws/${this.drawId}`);
-      fetch(url.href)
-        .then((response) => {
-        // @TODO EXCEPTIONS
-        return response.json();
-      })
-        .then((data) => {
-        this.drawData = data;
-        resolve(true);
-      })
-        .catch((err) => {
-        reject(err);
-      });
-    });
-  }
-  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);
-      })
-        .catch((err) => {
-        this.isLoading = false;
-        this.hasErrors = true;
-        this.errorText = err;
-        reject(err);
-      });
-    });
-  }
-  getTicketData() {
-    return new Promise((resolve, reject) => {
-      let url = new URL(`${this.endpoint}/tickets/player/${this.playerId}`);
-      fetch(url.href)
-        .then((response) => {
-        return response.json();
-      })
-        .then((data) => {
-        this.ticketData = data.length === 0 ? DEFAULT_VALUES : data[1];
-        this.drawResults = this.ticketData.drawResults.map((item) => item);
-        this.selection = this.ticketData.selection[0].join(',');
-        resolve(true);
-      })
-        .catch((err) => {
-        reject(err);
-      });
-    });
-  }
-  render() {
-    var _a, _b, _c, _d, _e, _f;
-    if (this.isLoading) {
-      return (index.h("p", null, "Loading, please wait ..."));
-    }
-    else if (this.hasErrors) {
-      index.h("p", null, this.errorText);
-    }
-    else {
-      return (index.h("section", { class: "DrawResultsSection" }, !this.drawMode ?
-        index.h("div", { class: "DrawResultsArea" }, index.h("div", { class: "TicketInfo" }, index.h("div", { class: "TicketGameName" }, translate('drawName', this.language), ": ", index.h("span", null, this.gameName)), index.h("div", { class: "TicketDate" }, "Ticket Purchase Date: ", index.h("span", null, (_a = this.ticketData) === null || _a === void 0 ? void 0 : _a.createdAt.slice(0, 10))), index.h("div", { class: "TicketStatus" }, "Status: ", index.h("span", null, (_b = this.ticketData) === null || _b === void 0 ? void 0 : _b.state))), index.h("div", { class: "DrawResultsBody" }, index.h("div", { class: "TicketIdContainer" }, index.h("p", null, "Ticket id: ", index.h("span", null, (_c = this.ticketData) === null || _c === void 0 ? void 0 : _c.id))), index.h("div", { class: "TicketAmountContainer" }, index.h("p", null, "Ticket amount: ", index.h("span", null, (_d = this.ticketData) === null || _d === void 0 ? void 0 : _d.amount))), index.h("div", { class: "DrawNumbersGrid" }, index.h("p", null, translate('drawNumbersGridTicket', this.language), ":"), index.h("div", { class: "BulletContainer" }, index.h("lottery-grid", { "maximum-allowed": this.rules.maximumAllowed, "total-numbers": this.rules.totalNumbers, "selected-numbers": this.selection, selectable: false, "display-selected": true, language: this.language }))), index.h("div", { class: "DrawMultipler" }, index.h("label", { class: "Label" }, "Multiplier: ", index.h("span", null, JSON.stringify((_e = this.ticketData) === null || _e === void 0 ? void 0 : _e.multiplier)))), index.h("div", { class: "NumberOfDrawsContainer" }, index.h("p", null, translate('numberOfDraws', this.language), ": ", (_f = this.ticketData) === null || _f === void 0 ? void 0 :
-          _f.drawCount), index.h("div", { class: "DrawTicketsContainer" }, this.drawResults.map((item, index$1) => index.h("div", { class: "ExpandableBoxes" }, index.h("div", { class: this.toggleDrawer[index$1] ? 'ExpandableBox ShowBox' : 'ExpandableBox', onClick: () => this.changeBox(index$1) }, index.h("div", { class: "TicketResultContainer" }, index.h("p", null, translate('ticketResult', this.language), ": ", item.status)), item.state == 'won' &&
-          index.h("div", { class: "AmountWonContainer" }, index.h("p", null, translate('amountWon', this.language), ": ", Number(item.amount).toLocaleString('en'), " ", item.currency)), index.h("div", { class: "DrawIdContainer" }, index.h("p", null, translate('drawId', this.language), ": ", item.drawId)), index.h("div", { class: "DrawDateContainer" }, index.h("p", null, translate('drawDate', this.language), ": ", item.updatedAt.slice(0, 10), " | ", item.updatedAt.slice(11, 19))), index.h("div", { class: "DrawNumbersGrid" }), index.h("div", { class: "DrawMultipler" }, index.h("label", { class: "Label" }, "Multiplier: ", item.multiplier)))))))))
-        :
-          index.h("div", { class: "DrawResultsArea" }, this.drawData &&
-            index.h("div", null, index.h("div", { class: "DrawResultsHeader" }, index.h("span", null, translate('drawId', this.language), ":  ", this.drawData.id), index.h("span", null, translate('drawDate', this.language), ": ", this.drawData.date.slice(0, 10))), index.h("div", { class: "DrawResultsBody" }, index.h("div", { class: "DrawNumbersGrid" }, index.h("p", null, translate('drawNumbersGridDraw', this.language), ":"), index.h("div", { class: "BulletContainer" }, index.h("lottery-grid", { "maximum-allowed": this.rules.maximumAllowed, "total-numbers": this.rules.totalNumbers, selectedNumbers: this.drawData.winningNumbers.join(','), "display-selected": true, selectable: false, language: this.language })), index.h("div", { class: "DrawMultipler" }, index.h("label", { class: "Label" }, "Multiplier: ", this.multiplier))))))));
-    }
-  }
-};
-LotteryDrawResults.style = lotteryDrawResultsCss;
-
-const lotteryGridCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.GridContainer{display:flex;flex-direction:column;max-width:350px}.Grid{margin-top:10px 0 10px 0;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}";
-
-const LotteryGrid = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.gridFilledEvent = index.createEvent(this, "gridFilled", 7);
-    this.gridDirtyEvent = index.createEvent(this, "gridDirty", 7);
-    /**
-     * Number of bullets of grid
-     */
-    this.totalNumbers = 0;
-    /**
-     * Number of maximum bullets that can be selected
-     */
-    this.maximumAllowed = 0;
-    /**
-     * Minimum allowed of bullets
-     */
-    this.minimumAllowed = 1;
-    /**
-     * Allows the user to select numbers on the grid
-     */
-    this.selectable = true;
-    /**
-     * Numbers that should be showed as selected on the grid (as a string of those numbers e.g. '1,2,3,4,5,6')
-     */
-    this.selectedNumbers = '';
-    /**
-     * Show only selected numbers
-     */
-    this.displaySelected = false;
-    /**
-     * Language
-     */
-    this.language = 'en';
-    this.numbers = [];
-    this.selectedCounter = 0;
-  }
-  connectedCallback() {
-    let selected = [];
-    if (this.selectedNumbers.length > 0) {
-      selected = this.selectedNumbers.split(',');
-      this.selectedCounter = selected.length;
-    }
-    if (this.displaySelected) {
-      selected.forEach((item) => {
-        this.numbers.push({
-          number: item,
-          selected: true,
-          selectable: this.selectable
-        });
-      });
-    }
-    else {
-      [...Array(this.totalNumbers).keys()]
-        .map(number => (number + 1).toString())
-        .forEach((number) => {
-        this.numbers.push({
-          number,
-          selected: selected.indexOf(number) >= 0 ? true : false,
-          selectable: this.selectedCounter == this.maximumAllowed ? false : this.selectable
-        });
-      });
-    }
-  }
-  lotteryBulletSelectionHandler(event) {
-    this.numbers = this.numbers.map((item) => {
-      if (item.number == event.detail.value) {
-        return {
-          number: item.number,
-          selected: event.detail.selected,
-          selectable: item.selectable
-        };
-      }
-      return {
-        number: item.number,
-        selected: item.selected,
-        selectable: item.selectable
-      };
-    });
-    if (event.detail.selected) {
-      this.selectedCounter += 1;
-      if (this.selectedCounter == this.maximumAllowed) {
-        this.numbers = this.numbers.map((item) => {
-          return {
-            number: item.number,
-            selected: item.selected,
-            selectable: item.selected ? true : false
-          };
-        });
-        this.gridFilledEvent.emit({
-          id: this.ticketId,
-          index: this.gridIndex,
-          selectedNumbers: this.numbers.filter((item) => item.selected).map((item) => item.number)
-        });
-      }
-    }
-    else {
-      if (this.selectedCounter == this.maximumAllowed) {
-        this.numbers = this.numbers.map((item) => {
-          return {
-            number: item.number,
-            selected: item.selected,
-            selectable: true
-          };
-        });
-        this.gridDirtyEvent.emit({
-          id: this.ticketId,
-          index: this.gridIndex,
-          selectedNumbers: this.numbers.filter((item) => item.selected).map((item) => item.number)
-        });
-      }
-      this.selectedCounter -= 1;
-    }
-  }
-  async resetSelectionHandler(event) {
-    if (event.detail && event.detail == this.ticketId) {
-      this.selectedCounter = 0;
-      this.numbers = this.numbers.map((item) => {
-        return {
-          number: item.number,
-          selected: false,
-          selectable: this.selectable
-        };
-      });
-      this.gridDirtyEvent.emit({
-        id: this.ticketId,
-        index: this.gridIndex,
-        selectedNumbers: this.numbers.filter((item) => item.selected).map((item) => item.number)
-      });
-    }
-  }
-  async autoSelectionHandler(event) {
-    if (event.detail && event.detail == this.ticketId) {
-      this.resetSelectionHandler(event);
-      let array = [...Array(this.totalNumbers).keys()]
-        .map(number => number + 1)
-        .sort(() => 0.5 - Math.random());
-      array = array.slice(0, this.minimumAllowed);
-      this.numbers = this.numbers.map((item) => {
-        return {
-          number: item.number,
-          selected: array.indexOf(parseInt(item.number, 10)) >= 0 ? true : false,
-          selectable: array.indexOf(parseInt(item.number, 10)) >= 0 ? true : false,
-        };
-      });
-      this.gridFilledEvent.emit({
-        id: this.ticketId,
-        index: this.gridIndex,
-        selectedNumbers: this.numbers.filter((item) => item.selected).map((item) => item.number)
-      });
-      this.selectedCounter = this.maximumAllowed;
-    }
-  }
-  render() {
-    return (index.h("div", { class: "GridContainer" }, index.h("div", { class: "Grid" }, this.numbers.map((item) => index.h("div", null, index.h("lottery-bullet", { value: item.number, selectable: item.selectable, "is-selected": item.selected }))))));
-  }
-};
-LotteryGrid.style = lotteryGridCss;
-
-exports.lottery_bullet = LotteryBullet;
-exports.lottery_draw_results = LotteryDrawResults;
-exports.lottery_grid = LotteryGrid;

package/dist/components/lottery-bullet.js

@@ -1,6 +0,0 @@
-import { L as LotteryBullet$1, d as defineCustomElement$1 } from './lottery-bullet2.js';
-
-const LotteryBullet = LotteryBullet$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { LotteryBullet, defineCustomElement };

package/dist/components/lottery-bullet2.js

@@ -1,56 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-
-const lotteryBulletCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.Circle{cursor:pointer;color:#000000;display:block;background:#FFF;border:solid 2px #00958f;height:20px;width:20px;border-radius:50%;margin:0;display:flex;align-items:center;justify-content:center;user-select:none;font-size:12px;font-weight:600;position:relative}.Circle:hover{background:#aee4e2}.Circle.Selected{color:#ffffff;background:#9EC258;background:-webkit-radial-gradient(top, #00958f, #004D4A);background:-moz-radial-gradient(top, #00958f, #004D4A);background:radial-gradient(to bottom, #00958f, #004D4A);border:solid 2px #00958f}.Circle.Disabled{color:#707070;background:#D4D4D4;border:solid 2px #707070;cursor:default}.Circle.DisabledSelected{color:#ffffff;background:#9EC258;background:-webkit-radial-gradient(top, #00958f, #004D4A);background:-moz-radial-gradient(top, #00958f, #004D4A);background:radial-gradient(to bottom, #00958f, #004D4A);border:solid 2px #707070;cursor:default}";
-
-const LotteryBullet = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.bulletEvent = createEvent(this, "lotteryBulletSelection", 7);
-    /**
-     * Value of the bullet
-     */
-    this.value = '0';
-    /**
-     * Marks if the bullet should be selectable
-     */
-    this.selectable = true;
-    /**
-     * Marks if the bullet should be selected
-     */
-    this.isSelected = false;
-    this.select = () => {
-      if (this.selectable) {
-        this.isSelected = !this.isSelected;
-        this.bulletEvent.emit({
-          value: this.value,
-          selected: this.isSelected
-        });
-      }
-    };
-  }
-  render() {
-    return (h("div", { class: 'Circle ' + (this.selectable ? '' : 'Disabled') + (this.isSelected ? 'Selected' : ''), onClick: () => this.select() }, this.value));
-  }
-  static get style() { return lotteryBulletCss; }
-}, [1, "lottery-bullet", {
-    "value": [1],
-    "selectable": [4],
-    "isSelected": [4, "is-selected"]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["lottery-bullet"];
-  components.forEach(tagName => { switch (tagName) {
-    case "lottery-bullet":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, LotteryBullet);
-      }
-      break;
-  } });
-}
-
-export { LotteryBullet as L, defineCustomElement as d };

package/dist/components/lottery-grid.js

@@ -1,6 +0,0 @@
-import { L as LotteryGrid$1, d as defineCustomElement$1 } from './lottery-grid2.js';
-
-const LotteryGrid = LotteryGrid$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { LotteryGrid, defineCustomElement };

package/dist/components/lottery-grid2.js

@@ -1,196 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$1 } from './lottery-bullet2.js';
-
-const lotteryGridCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.GridContainer{display:flex;flex-direction:column;max-width:350px}.Grid{margin-top:10px 0 10px 0;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}";
-
-const LotteryGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.gridFilledEvent = createEvent(this, "gridFilled", 7);
-    this.gridDirtyEvent = createEvent(this, "gridDirty", 7);
-    /**
-     * Number of bullets of grid
-     */
-    this.totalNumbers = 0;
-    /**
-     * Number of maximum bullets that can be selected
-     */
-    this.maximumAllowed = 0;
-    /**
-     * Minimum allowed of bullets
-     */
-    this.minimumAllowed = 1;
-    /**
-     * Allows the user to select numbers on the grid
-     */
-    this.selectable = true;
-    /**
-     * Numbers that should be showed as selected on the grid (as a string of those numbers e.g. '1,2,3,4,5,6')
-     */
-    this.selectedNumbers = '';
-    /**
-     * Show only selected numbers
-     */
-    this.displaySelected = false;
-    /**
-     * Language
-     */
-    this.language = 'en';
-    this.numbers = [];
-    this.selectedCounter = 0;
-  }
-  connectedCallback() {
-    let selected = [];
-    if (this.selectedNumbers.length > 0) {
-      selected = this.selectedNumbers.split(',');
-      this.selectedCounter = selected.length;
-    }
-    if (this.displaySelected) {
-      selected.forEach((item) => {
-        this.numbers.push({
-          number: item,
-          selected: true,
-          selectable: this.selectable
-        });
-      });
-    }
-    else {
-      [...Array(this.totalNumbers).keys()]
-        .map(number => (number + 1).toString())
-        .forEach((number) => {
-        this.numbers.push({
-          number,
-          selected: selected.indexOf(number) >= 0 ? true : false,
-          selectable: this.selectedCounter == this.maximumAllowed ? false : this.selectable
-        });
-      });
-    }
-  }
-  lotteryBulletSelectionHandler(event) {
-    this.numbers = this.numbers.map((item) => {
-      if (item.number == event.detail.value) {
-        return {
-          number: item.number,
-          selected: event.detail.selected,
-          selectable: item.selectable
-        };
-      }
-      return {
-        number: item.number,
-        selected: item.selected,
-        selectable: item.selectable
-      };
-    });
-    if (event.detail.selected) {
-      this.selectedCounter += 1;
-      if (this.selectedCounter == this.maximumAllowed) {
-        this.numbers = this.numbers.map((item) => {
-          return {
-            number: item.number,
-            selected: item.selected,
-            selectable: item.selected ? true : false
-          };
-        });
-        this.gridFilledEvent.emit({
-          id: this.ticketId,
-          index: this.gridIndex,
-          selectedNumbers: this.numbers.filter((item) => item.selected).map((item) => item.number)
-        });
-      }
-    }
-    else {
-      if (this.selectedCounter == this.maximumAllowed) {
-        this.numbers = this.numbers.map((item) => {
-          return {
-            number: item.number,
-            selected: item.selected,
-            selectable: true
-          };
-        });
-        this.gridDirtyEvent.emit({
-          id: this.ticketId,
-          index: this.gridIndex,
-          selectedNumbers: this.numbers.filter((item) => item.selected).map((item) => item.number)
-        });
-      }
-      this.selectedCounter -= 1;
-    }
-  }
-  async resetSelectionHandler(event) {
-    if (event.detail && event.detail == this.ticketId) {
-      this.selectedCounter = 0;
-      this.numbers = this.numbers.map((item) => {
-        return {
-          number: item.number,
-          selected: false,
-          selectable: this.selectable
-        };
-      });
-      this.gridDirtyEvent.emit({
-        id: this.ticketId,
-        index: this.gridIndex,
-        selectedNumbers: this.numbers.filter((item) => item.selected).map((item) => item.number)
-      });
-    }
-  }
-  async autoSelectionHandler(event) {
-    if (event.detail && event.detail == this.ticketId) {
-      this.resetSelectionHandler(event);
-      let array = [...Array(this.totalNumbers).keys()]
-        .map(number => number + 1)
-        .sort(() => 0.5 - Math.random());
-      array = array.slice(0, this.minimumAllowed);
-      this.numbers = this.numbers.map((item) => {
-        return {
-          number: item.number,
-          selected: array.indexOf(parseInt(item.number, 10)) >= 0 ? true : false,
-          selectable: array.indexOf(parseInt(item.number, 10)) >= 0 ? true : false,
-        };
-      });
-      this.gridFilledEvent.emit({
-        id: this.ticketId,
-        index: this.gridIndex,
-        selectedNumbers: this.numbers.filter((item) => item.selected).map((item) => item.number)
-      });
-      this.selectedCounter = this.maximumAllowed;
-    }
-  }
-  render() {
-    return (h("div", { class: "GridContainer" }, h("div", { class: "Grid" }, this.numbers.map((item) => h("div", null, h("lottery-bullet", { value: item.number, selectable: item.selectable, "is-selected": item.selected }))))));
-  }
-  static get style() { return lotteryGridCss; }
-}, [1, "lottery-grid", {
-    "ticketId": [2, "ticket-id"],
-    "totalNumbers": [2, "total-numbers"],
-    "gameId": [1, "game-id"],
-    "maximumAllowed": [2, "maximum-allowed"],
-    "minimumAllowed": [2, "minimum-allowed"],
-    "selectable": [4],
-    "selectedNumbers": [1, "selected-numbers"],
-    "displaySelected": [4, "display-selected"],
-    "language": [1],
-    "gridIndex": [2, "grid-index"],
-    "numbers": [32]
-  }, [[0, "lotteryBulletSelection", "lotteryBulletSelectionHandler"], [4, "resetSelection", "resetSelectionHandler"], [4, "autoSelection", "autoSelectionHandler"]]]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["lottery-grid", "lottery-bullet"];
-  components.forEach(tagName => { switch (tagName) {
-    case "lottery-grid":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, LotteryGrid);
-      }
-      break;
-    case "lottery-bullet":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-
-export { LotteryGrid as L, defineCustomElement as d };