@everymatrix/lottery-grid 1.56.0 → 1.56.2

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0019f59e.js');
+const index = require('./index-066eab2b.js');
 
 const lotteryBulletCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}@-webkit-keyframes Circle{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes Circle{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes hover-rotate{0%{-webkit-transform:scale(1) rotateZ(0);transform:scale(1) rotateZ(0)}50%{-webkit-transform:scale(1.2) rotateZ(180deg);transform:scale(1.22) rotateZ(180deg)}100%{-webkit-transform:scale(1) rotateZ(360deg);transform:scale(1) rotateZ(360deg)}}@keyframes hover-rotate{0%{-webkit-transform:scale(1) rotateZ(0);transform:scale(1) rotateZ(0)}50%{-webkit-transform:scale(1.2) rotateZ(180deg);transform:scale(1.2) rotateZ(180deg)}100%{-webkit-transform:scale(1) rotateZ(360deg);transform:scale(1) rotateZ(360deg)}}@-webkit-keyframes selected-scaleUp{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes selected-scaleUp{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}.Circle{-webkit-animation:Circle 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) both;animation:Circle 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) both;cursor:pointer;color:var(--emw--button-text-color, #000);display:block;height:30px;width:30px;margin:0;display:flex;align-items:center;justify-content:center;justify-content:center;align-items:center;border:solid 2px var(--emw--color-gray-transparency-100, rgb(255, 255, 255));background:radial-gradient(circle at top, var(--emw--color-gray-transparency-100, rgb(255, 255, 255)) 0%, var(--emw--color-gray-transparency-100, rgb(255, 255, 255)) 100%);font-weight:bold;border-radius:50%;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);user-select:none;font-size:16px;line-height:16px;font-weight:600;position:relative}.Circle:hover{-webkit-animation:hover-rotate 0.4s linear both;animation:hover-rotate 0.4s linear both;background:radial-gradient(circle at top, var(--emw--color-gray-transparency-100, rgb(255, 255, 255)) 0%, var(--emw--color-gray-50, #F1F1F1) 100%)}.Circle.Selected{-webkit-animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;color:var(--emw--color-gray-transparency-100, rgb(255, 255, 255));background:var(--emw--color-primary, #9EC258);background:-webkit-radial-gradient(top, var(--emw--button-background-color, #00958f), var(--emw--color-primary-variant, #004D4A));background:-moz-radial-gradient(top, var(--emw--button-background-color, #00958f), var(--emw--color-primary-variant, #004D4A));background:radial-gradient(circle at top, var(--emw--button-background-color, #00958f), var(--emw--color-primary-variant, #004D4A));border:solid 2px var(--emw--button-border-color, #00958f)}.Circle.Disabled{-webkit-animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;color:var(--emw--color-gray-50, #F1F1F1);background:var(--emw--color-gray-100, #D4D4D4);border:solid 2px var(--emw--color-gray-100, #D4D4D4);cursor:default}.Circle.DisabledSelected{-webkit-animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;color:var(--emw--color-gray-50, #F1F1F1);background:var(--emw--color-primary, #9EC258);background:-webkit-radial-gradient(top, var(--emw--button-background-color, #00958f), var(--emw--color-primary-variant, #004D4A));background:-moz-radial-gradient(top, var(--emw--button-background-color, #00958f), var(--emw--color-primary-variant, #004D4A));background:radial-gradient(circle at top, var(--emw--button-background-color, #00958f), var(--emw--color-primary-variant, #004D4A));border:solid 2px var(--emw--color-gray-100, #D4D4D4);cursor:default}.Circle.Bonus{background:var(--emw--color-error, #FF3D00)}";
 const LotteryBulletStyle0 = lotteryBulletCss;
@@ -11,31 +11,6 @@ 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;
-        /**
-         * Marks if the number is bonus number.
-         */
-        this.isBonus = false;
-        /**
-         * Client custom styling via string
-         */
-        this.clientStyling = '';
-        /**
-         * Client custom styling via url content
-         */
-        this.clientStylingUrlContent = '';
-        this.limitStylingAppends = false;
         this.select = () => {
             if (this.selectable) {
                 this.isSelected = !this.isSelected;
@@ -57,6 +32,13 @@ const LotteryBullet = class {
                 this.stylingContainer.prepend(cssFile);
             }, 1);
         };
+        this.value = '0';
+        this.selectable = true;
+        this.isSelected = false;
+        this.isBonus = false;
+        this.clientStyling = '';
+        this.clientStylingUrlContent = '';
+        this.limitStylingAppends = false;
     }
     componentDidRender() {
         // start custom styling area
@@ -84,88 +66,41 @@ const LotteryGrid = class {
         this.gridFilledEvent = index.createEvent(this, "gridFilled", 7);
         this.gridDirtyEvent = index.createEvent(this, "gridDirty", 7);
         this.gridClearAllEvent = index.createEvent(this, "gridClearAllEvent", 7);
-        /**
-         * Number of bullets of grid
-         */
+        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;
-        /**
-         * Number of maximum bullets that can be selected
-         */
+        this.gameId = undefined;
         this.maximumAllowed = 7;
-        /**
-         * Minimum allowed of bullets
-         */
         this.minimumAllowed = 3;
-        /**
-         * Allows the user to select numbers on the grid
-         */
+        this.numberRange = undefined;
         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 = '';
-        /**
-       * Bonus numbers that should be showed as selected on the grid (as a string of those numbers e.g. '1')
-       */
         this.secondaryNumbers = '';
-        /**
-         * Show only selected numbers
-         */
         this.displaySelected = false;
-        /**
-         * Language
-         */
         this.language = 'en';
-        /**
-         * Personalize grid for ticket
-         */
+        this.gridIndex = undefined;
         this.gridType = '';
-        /**
-         * Client custom styling via string
-         */
         this.clientStyling = '';
-        /**
-         * Client custom styling via url content
-         */
         this.clientStylingUrlContent = '';
-        /**
-         * Maximum number of the grid
-         */
         this.highNumber = 47;
-        /**
-         * Lowest number of the grid
-         */
         this.lowNumber = 1;
-        /**
-         * Type of selection
-         */
         this.selectionType = 'mainSelection';
-        /**
-         * Allows partial quickpick or not
-         */
         this.partialQuickpickAvailable = false;
-        /**
-         * main selection numbers
-         */
         this.numbers = [];
-        /**
-         * Bonus selection numbers
-         */
         this.bonusNumbers = [];
         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 = [];

package/dist/cjs/lottery-grid.cjs.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0019f59e.js');
+const index = require('./index-066eab2b.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 /*
- Stencil Client Patch Browser v4.26.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.19.2 | MIT Licensed | https://stenciljs.com
  */
 var patchBrowser = () => {
   const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('lottery-grid.cjs.js', document.baseURI).href));

package/dist/collection/collection-manifest.json

@@ -4,8 +4,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.26.0",
-    "typescriptVersion": "5.5.4"
+    "version": "4.19.2",
+    "typescriptVersion": "5.4.5"
   },
   "collections": [
     {

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

@@ -2,88 +2,41 @@ import { h } from "@stencil/core";
 import "../../../../../lottery-bullet/dist/types/index";
 export class LotteryGrid {
     constructor() {
-        /**
-         * Number of bullets of grid
-         */
+        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;
-        /**
-         * Number of maximum bullets that can be selected
-         */
+        this.gameId = undefined;
         this.maximumAllowed = 7;
-        /**
-         * Minimum allowed of bullets
-         */
         this.minimumAllowed = 3;
-        /**
-         * Allows the user to select numbers on the grid
-         */
+        this.numberRange = undefined;
         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 = '';
-        /**
-       * Bonus numbers that should be showed as selected on the grid (as a string of those numbers e.g. '1')
-       */
         this.secondaryNumbers = '';
-        /**
-         * Show only selected numbers
-         */
         this.displaySelected = false;
-        /**
-         * Language
-         */
         this.language = 'en';
-        /**
-         * Personalize grid for ticket
-         */
+        this.gridIndex = undefined;
         this.gridType = '';
-        /**
-         * Client custom styling via string
-         */
         this.clientStyling = '';
-        /**
-         * Client custom styling via url content
-         */
         this.clientStylingUrlContent = '';
-        /**
-         * Maximum number of the grid
-         */
         this.highNumber = 47;
-        /**
-         * Lowest number of the grid
-         */
         this.lowNumber = 1;
-        /**
-         * Type of selection
-         */
         this.selectionType = 'mainSelection';
-        /**
-         * Allows partial quickpick or not
-         */
         this.partialQuickpickAvailable = false;
-        /**
-         * main selection numbers
-         */
         this.numbers = [];
-        /**
-         * Bonus selection numbers
-         */
         this.bonusNumbers = [];
         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 = [];
@@ -286,8 +239,6 @@ export class LotteryGrid {
                     "tags": [],
                     "text": "Identifier for the ticket"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "ticket-id",
                 "reflect": true
             },
@@ -305,8 +256,6 @@ export class LotteryGrid {
                     "tags": [],
                     "text": "Number of bullets of grid"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "total-numbers",
                 "reflect": true,
                 "defaultValue": "0"
@@ -325,8 +274,6 @@ export class LotteryGrid {
                     "tags": [],
                     "text": "Game ID"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "game-id",
                 "reflect": true
             },
@@ -344,8 +291,6 @@ export class LotteryGrid {
                     "tags": [],
                     "text": "Number of maximum bullets that can be selected"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "maximum-allowed",
                 "reflect": true,
                 "defaultValue": "7"
@@ -364,8 +309,6 @@ export class LotteryGrid {
                     "tags": [],
                     "text": "Minimum allowed of bullets"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "minimum-allowed",
                 "reflect": true,
                 "defaultValue": "3"
@@ -384,8 +327,6 @@ export class LotteryGrid {
                     "tags": [],
                     "text": "The number of numbers user can select on the grid"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "number-range",
                 "reflect": true
             },
@@ -403,8 +344,6 @@ export class LotteryGrid {
                     "tags": [],
                     "text": "Allows the user to select numbers on the grid"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "selectable",
                 "reflect": true,
                 "defaultValue": "true"
@@ -423,8 +362,6 @@ export class LotteryGrid {
                     "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')"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "selected-numbers",
                 "reflect": true,
                 "defaultValue": "''"
@@ -443,8 +380,6 @@ export class LotteryGrid {
                     "tags": [],
                     "text": "Bonus numbers that should be showed as selected on the grid (as a string of those numbers e.g. '1')"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "secondary-numbers",
                 "reflect": true,
                 "defaultValue": "''"
@@ -463,8 +398,6 @@ export class LotteryGrid {
                     "tags": [],
                     "text": "Show only selected numbers"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "display-selected",
                 "reflect": true,
                 "defaultValue": "false"
@@ -483,8 +416,6 @@ export class LotteryGrid {
                     "tags": [],
                     "text": "Language"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "language",
                 "reflect": true,
                 "defaultValue": "'en'"
@@ -503,8 +434,6 @@ export class LotteryGrid {
                     "tags": [],
                     "text": "The index of the number"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "grid-index",
                 "reflect": true
             },
@@ -522,8 +451,6 @@ export class LotteryGrid {
                     "tags": [],
                     "text": "Personalize grid for ticket"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "grid-type",
                 "reflect": true,
                 "defaultValue": "''"
@@ -542,8 +469,6 @@ export class LotteryGrid {
                     "tags": [],
                     "text": "Client custom styling via string"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "client-styling",
                 "reflect": true,
                 "defaultValue": "''"
@@ -562,8 +487,6 @@ export class LotteryGrid {
                     "tags": [],
                     "text": "Client custom styling via url content"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "client-styling-url-content",
                 "reflect": true,
                 "defaultValue": "''"
@@ -582,8 +505,6 @@ export class LotteryGrid {
                     "tags": [],
                     "text": "Maximum number of the grid"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "high-number",
                 "reflect": true,
                 "defaultValue": "47"
@@ -602,8 +523,6 @@ export class LotteryGrid {
                     "tags": [],
                     "text": "Lowest number of the grid"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "low-number",
                 "reflect": true,
                 "defaultValue": "1"
@@ -622,8 +541,6 @@ export class LotteryGrid {
                     "tags": [],
                     "text": "Type of selection"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "selection-type",
                 "reflect": true,
                 "defaultValue": "'mainSelection'"
@@ -642,8 +559,6 @@ export class LotteryGrid {
                     "tags": [],
                     "text": "Allows partial quickpick or not"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "partial-quickpick-available",
                 "reflect": true,
                 "defaultValue": "false"