@everymatrix/lottery-grid 0.1.24 → 1.0.70

package/dist/collection/components/lottery-grid/lottery-grid.js

@@ -1,499 +1,493 @@
-import { Component, h, Prop, Listen, State, Event } from '@stencil/core';
+import { h } from "@stencil/core";
 // import { translate } from '../../utils/locale.utils';
-import '@everymatrix/lottery-bullet';
+import "../../../../../lottery-bullet/dist/types/index";
 export class LotteryGrid {
-  constructor() {
-    /**
-     * 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';
-    /**
-     * Personalize grid for ticket
-     */
-    this.gridType = '';
-    /**
-     * Client custom styling via string
-     */
-    this.clientStyling = '';
-    /**
-     * Client custom styling via url content
-     */
-    this.clientStylingUrlContent = '';
-    this.numbers = [];
-    this.limitStylingAppends = false;
-    this.selectedCounter = 0;
-    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 selected = [];
-    if (this.selectedNumbers.length > 0) {
-      selected = this.selectedNumbers.split(',');
-      this.selectedCounter = selected.length;
+    constructor() {
+        this.selectedCounter = 0;
+        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.ticketId = undefined;
+        this.totalNumbers = 0;
+        this.gameId = undefined;
+        this.maximumAllowed = 0;
+        this.minimumAllowed = 1;
+        this.selectable = true;
+        this.selectedNumbers = '';
+        this.displaySelected = false;
+        this.language = 'en';
+        this.gridIndex = undefined;
+        this.gridType = '';
+        this.clientStyling = '';
+        this.clientStylingUrlContent = '';
+        this.numbers = [];
+        this.limitStylingAppends = false;
     }
-    if (this.displaySelected) {
-      selected.forEach((item) => {
-        this.numbers.push({
-          number: item,
-          selected: true,
-          selectable: this.selectable
-        });
-      });
+    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
+                });
+            });
+        }
+    }
+    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
+    }
+    // wrote this because the classic .sort(() => 0.5 - Math.random()) method yielded low entropy shuffles for some reason on certain devices
+    shuffleArray(array) {
+        const result = [];
+        while (array.length > 0) {
+            const randomIndex = Math.floor(Math.random() * (array.length));
+            result.push(array.splice(randomIndex, 1)[0]);
+        }
+        return result;
     }
-    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);
+            array = this.shuffleArray(array);
+            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;
+        }
     }
-  }
-  componentDidRender() {
-    // start custom styling area
-    if (!this.limitStylingAppends && this.stylingContainer) {
-      if (this.clientStyling)
-        this.setClientStyling();
-      if (this.clientStylingUrlContent)
-        this.setClientStylingURL();
-      this.limitStylingAppends = true;
+    render() {
+        return (h("div", { key: '54b9187146b5d2625fd5ce7f53f38abf091cd943', class: "GridContainer", ref: el => this.stylingContainer = el }, h("div", { key: 'e7e8570557ebaa78edf881cdbc1ed720028cdf6e', class: this.gridType === 'ticket' ? 'Grid TicketGrid' : 'Grid' }, this.numbers.map((item) => h("div", null, h("lottery-bullet", { value: item.number, selectable: item.selectable, "is-selected": item.selected, "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent }))))));
     }
-    // end custom styling area
-  }
-  lotteryBulletSelectionHandler(event) {
-    this.numbers = this.numbers.map((item) => {
-      if (item.number == event.detail.value) {
+    static get is() { return "lottery-grid"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
         return {
-          number: item.number,
-          selected: event.detail.selected,
-          selectable: item.selectable
+            "$": ["lottery-grid.scss"]
         };
-      }
-      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;
+    static get styleUrls() {
+        return {
+            "$": ["lottery-grid.css"]
+        };
     }
-  }
-  async resetSelectionHandler(event) {
-    if (event.detail && event.detail == this.ticketId) {
-      this.selectedCounter = 0;
-      this.numbers = this.numbers.map((item) => {
+    static get properties() {
         return {
-          number: item.number,
-          selected: false,
-          selectable: this.selectable
+            "ticketId": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Identifier for the ticket"
+                },
+                "attribute": "ticket-id",
+                "reflect": true
+            },
+            "totalNumbers": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Number of bullets of grid"
+                },
+                "attribute": "total-numbers",
+                "reflect": true,
+                "defaultValue": "0"
+            },
+            "gameId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Game ID"
+                },
+                "attribute": "game-id",
+                "reflect": true
+            },
+            "maximumAllowed": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Number of maximum bullets that can be selected"
+                },
+                "attribute": "maximum-allowed",
+                "reflect": true,
+                "defaultValue": "0"
+            },
+            "minimumAllowed": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Minimum allowed of bullets"
+                },
+                "attribute": "minimum-allowed",
+                "reflect": true,
+                "defaultValue": "1"
+            },
+            "selectable": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Allows the user to select numbers on the grid"
+                },
+                "attribute": "selectable",
+                "reflect": true,
+                "defaultValue": "true"
+            },
+            "selectedNumbers": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Numbers that should be showed as selected on the grid (as a string of those numbers e.g. '1,2,3,4,5,6')"
+                },
+                "attribute": "selected-numbers",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "displaySelected": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Show only selected numbers"
+                },
+                "attribute": "display-selected",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "language": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Language"
+                },
+                "attribute": "language",
+                "reflect": true,
+                "defaultValue": "'en'"
+            },
+            "gridIndex": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The index of the number"
+                },
+                "attribute": "grid-index",
+                "reflect": true
+            },
+            "gridType": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Personalize grid for ticket"
+                },
+                "attribute": "grid-type",
+                "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": "''"
+            }
         };
-      });
-      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) => {
+    static get states() {
         return {
-          number: item.number,
-          selected: array.indexOf(parseInt(item.number, 10)) >= 0 ? true : false,
-          selectable: array.indexOf(parseInt(item.number, 10)) >= 0 ? true : false,
+            "numbers": {},
+            "limitStylingAppends": {}
         };
-      });
-      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", ref: el => this.stylingContainer = el },
-      h("div", { class: this.gridType === 'ticket' ? 'Grid TicketGrid' : 'Grid' }, this.numbers.map((item) => h("div", null,
-        h("lottery-bullet", { value: item.number, selectable: item.selectable, "is-selected": item.selected, "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent }))))));
-  }
-  static get is() { return "lottery-grid"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["lottery-grid.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["lottery-grid.css"]
-  }; }
-  static get properties() { return {
-    "ticketId": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Identifier for the ticket"
-      },
-      "attribute": "ticket-id",
-      "reflect": false
-    },
-    "totalNumbers": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Number of bullets of grid"
-      },
-      "attribute": "total-numbers",
-      "reflect": false,
-      "defaultValue": "0"
-    },
-    "gameId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Game ID"
-      },
-      "attribute": "game-id",
-      "reflect": false
-    },
-    "maximumAllowed": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Number of maximum bullets that can be selected"
-      },
-      "attribute": "maximum-allowed",
-      "reflect": false,
-      "defaultValue": "0"
-    },
-    "minimumAllowed": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Minimum allowed of bullets"
-      },
-      "attribute": "minimum-allowed",
-      "reflect": false,
-      "defaultValue": "1"
-    },
-    "selectable": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Allows the user to select numbers on the grid"
-      },
-      "attribute": "selectable",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "selectedNumbers": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Numbers that should be showed as selected on the grid (as a string of those numbers e.g. '1,2,3,4,5,6')"
-      },
-      "attribute": "selected-numbers",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "displaySelected": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Show only selected numbers"
-      },
-      "attribute": "display-selected",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "language": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Language"
-      },
-      "attribute": "language",
-      "reflect": false,
-      "defaultValue": "'en'"
-    },
-    "gridIndex": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The index of the number"
-      },
-      "attribute": "grid-index",
-      "reflect": false
-    },
-    "gridType": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Personalize grid for ticket"
-      },
-      "attribute": "grid-type",
-      "reflect": false,
-      "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": false,
-      "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": false,
-      "defaultValue": "''"
+    static get events() {
+        return [{
+                "method": "gridFilledEvent",
+                "name": "gridFilled",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "When the grid is completed, it emits this event with selected numbers"
+                },
+                "complexType": {
+                    "original": "GridEvent",
+                    "resolved": "GridEvent",
+                    "references": {
+                        "GridEvent": {
+                            "location": "import",
+                            "path": "./lottery-grid.types",
+                            "id": "../../../../packages/stencil/lottery-grid/src/components/lottery-grid/lottery-grid.types.ts::GridEvent"
+                        }
+                    }
+                }
+            }, {
+                "method": "gridDirtyEvent",
+                "name": "gridDirty",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "When the grid is uncomplete after being completed once (reset or change), it emits this event"
+                },
+                "complexType": {
+                    "original": "GridEvent",
+                    "resolved": "GridEvent",
+                    "references": {
+                        "GridEvent": {
+                            "location": "import",
+                            "path": "./lottery-grid.types",
+                            "id": "../../../../packages/stencil/lottery-grid/src/components/lottery-grid/lottery-grid.types.ts::GridEvent"
+                        }
+                    }
+                }
+            }];
+    }
+    static get listeners() {
+        return [{
+                "name": "lotteryBulletSelection",
+                "method": "lotteryBulletSelectionHandler",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "resetSelection",
+                "method": "resetSelectionHandler",
+                "target": "document",
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "autoSelection",
+                "method": "autoSelectionHandler",
+                "target": "document",
+                "capture": false,
+                "passive": false
+            }];
     }
-  }; }
-  static get states() { return {
-    "numbers": {},
-    "limitStylingAppends": {}
-  }; }
-  static get events() { return [{
-      "method": "gridFilledEvent",
-      "name": "gridFilled",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "When the grid is completed, it emits this event with selected numbers"
-      },
-      "complexType": {
-        "original": "GridEvent",
-        "resolved": "GridEvent",
-        "references": {
-          "GridEvent": {
-            "location": "import",
-            "path": "./lottery-grid.types"
-          }
-        }
-      }
-    }, {
-      "method": "gridDirtyEvent",
-      "name": "gridDirty",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "When the grid is uncomplete after being completed once (reset or change), it emits this event"
-      },
-      "complexType": {
-        "original": "GridEvent",
-        "resolved": "GridEvent",
-        "references": {
-          "GridEvent": {
-            "location": "import",
-            "path": "./lottery-grid.types"
-          }
-        }
-      }
-    }]; }
-  static get listeners() { return [{
-      "name": "lotteryBulletSelection",
-      "method": "lotteryBulletSelectionHandler",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "resetSelection",
-      "method": "resetSelectionHandler",
-      "target": "document",
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "autoSelection",
-      "method": "autoSelectionHandler",
-      "target": "document",
-      "capture": false,
-      "passive": false
-    }]; }
 }