@everymatrix/lottery-grid 1.52.6 → 1.53.10

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

@@ -2,15 +2,40 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-8b26cfcb.js');
+const index = require('./index-da5ca73b.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:#000000;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 #ffffff;background:radial-gradient(circle at top, rgb(255, 255, 255) 0%, 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, rgb(255, 255, 255) 0%, rgb(241, 241, 241) 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:#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{-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:#f1f1f1;background:#D4D4D4;border:solid 2px #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:#f1f1f1;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 #D4D4D4;cursor:default}";
+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;
 
 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;
@@ -32,12 +57,6 @@ const LotteryBullet = class {
                 this.stylingContainer.prepend(cssFile);
             }, 1);
         };
-        this.value = '0';
-        this.selectable = true;
-        this.isSelected = false;
-        this.clientStyling = '';
-        this.clientStylingUrlContent = '';
-        this.limitStylingAppends = false;
     }
     componentDidRender() {
         // start custom styling area
@@ -51,7 +70,7 @@ const LotteryBullet = class {
         // end custom styling area
     }
     render() {
-        return (index.h("div", { key: 'af3601684ecf1f39d65fc9461430cba96b9e4b8c', class: 'Circle ' + (this.selectable ? '' : 'Disabled') + (this.isSelected ? 'Selected' : ''), onClick: () => this.select(), ref: el => this.stylingContainer = el }, this.value));
+        return (index.h("div", { key: 'a21cbee8f556bfbbe9f97be5f44bfc08b6f24dd6', class: 'Circle ' + (this.selectable ? '' : 'Disabled') + (this.isSelected ? 'Selected' : '') + (this.isBonus ? ' Bonus' : ''), onClick: () => this.select(), ref: el => this.stylingContainer = el }, this.value));
     }
 };
 LotteryBullet.style = LotteryBulletStyle0;
@@ -64,6 +83,76 @@ const LotteryGrid = class {
         index.registerInstance(this, hostRef);
         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.totalNumbers = 0;
+        /**
+         * Number of maximum bullets that can be selected
+         */
+        this.maximumAllowed = 7;
+        /**
+         * Minimum allowed of bullets
+         */
+        this.minimumAllowed = 3;
+        /**
+         * 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 = '';
+        /**
+       * 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.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');
@@ -77,21 +166,6 @@ const LotteryGrid = class {
                 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;
     }
     connectedCallback() {
         let selected = [];
@@ -99,6 +173,15 @@ const LotteryGrid = class {
             selected = this.selectedNumbers.split(',');
             this.selectedCounter = selected.length;
         }
+        if (this.secondaryNumbers.length > 0) {
+            this.bonusNumbers = this.secondaryNumbers.split(',').map(item => {
+                return {
+                    number: item,
+                    selected: true,
+                    selectable: this.selectable
+                };
+            });
+        }
         if (this.displaySelected) {
             selected.forEach((item) => {
                 this.numbers.push({
@@ -109,9 +192,8 @@ const LotteryGrid = class {
             });
         }
         else {
-            [...Array(this.totalNumbers).keys()]
-                .map(number => (number + 1).toString())
-                .forEach((number) => {
+            let gridNumbers = Array.from({ length: this.highNumber - this.lowNumber + 1 }, (_, index) => this.lowNumber + index);
+            gridNumbers.map(number => number.toString()).forEach((number) => {
                 this.numbers.push({
                     number,
                     selected: selected.indexOf(number) >= 0 ? true : false,
@@ -142,56 +224,81 @@ const LotteryGrid = class {
     }
     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,
+                selected: item.number == event.detail.value ? event.detail.selected : item.selected,
                 selectable: item.selectable
             };
         });
         if (event.detail.selected) {
             this.selectedCounter += 1;
-            if (this.selectedCounter == this.maximumAllowed) {
+            if (this.selectedCounter >= this.minimumAllowed && this.selectedCounter <= this.maximumAllowed) {
                 this.numbers = this.numbers.map((item) => {
-                    return {
-                        number: item.number,
-                        selected: item.selected,
-                        selectable: item.selected ? true : false
-                    };
+                    if (this.selectedCounter === this.maximumAllowed) {
+                        return {
+                            number: item.number,
+                            selected: item.selected,
+                            selectable: item.selected ? true : false
+                        };
+                    }
+                    else {
+                        return {
+                            number: item.number,
+                            selected: item.selected,
+                            selectable: true
+                        };
+                    }
                 });
-                this.gridFilledEvent.emit({
+                if (JSON.parse(this.numberRange).includes(this.selectedCounter)) {
+                    this.gridFilledEvent.emit({
+                        id: this.ticketId,
+                        index: this.gridIndex,
+                        selectionType: this.selectionType,
+                        selectedNumbers: this.numbers.filter((item) => item.selected).map((item) => item.number)
+                    });
+                }
+                else {
+                    this.gridDirtyEvent.emit({
+                        id: this.ticketId,
+                        index: this.gridIndex,
+                        selectionType: this.selectionType,
+                        selectedNumbers: this.numbers.filter((item) => item.selected).map((item) => item.number)
+                    });
+                }
+            }
+        }
+        else {
+            this.selectedCounter -= 1;
+            this.numbers = this.numbers.map((item) => {
+                return {
+                    number: item.number,
+                    selected: item.selected,
+                    selectable: true
+                };
+            });
+            if (this.selectedCounter < this.minimumAllowed) {
+                this.gridDirtyEvent.emit({
                     id: this.ticketId,
                     index: this.gridIndex,
+                    selectionType: this.selectionType,
                     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({
+            else {
+                this.gridFilledEvent.emit({
                     id: this.ticketId,
                     index: this.gridIndex,
+                    selectionType: this.selectionType,
                     selectedNumbers: this.numbers.filter((item) => item.selected).map((item) => item.number)
                 });
             }
-            this.selectedCounter -= 1;
+            if (this.selectedCounter === 0) {
+                this.gridClearAllEvent.emit(this.gridIndex);
+            }
         }
     }
     async resetSelectionHandler(event) {
-        if (event.detail && event.detail == this.ticketId) {
+        if (event.detail && event.detail.ticketId == this.ticketId && event.detail.index === this.gridIndex) {
             this.selectedCounter = 0;
             this.numbers = this.numbers.map((item) => {
                 return {
@@ -203,34 +310,35 @@ const LotteryGrid = class {
             this.gridDirtyEvent.emit({
                 id: this.ticketId,
                 index: this.gridIndex,
-                selectedNumbers: this.numbers.filter((item) => item.selected).map((item) => item.number)
+                selectionType: this.selectionType,
+                selectedNumbers: []
             });
         }
     }
     async autoSelectionHandler(event) {
-        if (event.detail && event.detail == this.ticketId) {
+        if (event.detail && event.detail.ticketId == this.ticketId && event.detail.index === this.gridIndex) {
             this.resetSelectionHandler(event);
-            let array = [...Array(this.totalNumbers).keys()]
-                .map(number => number + 1);
+            let array = Array.from({ length: this.highNumber - this.lowNumber + 1 }, (_, index) => this.lowNumber + index);
             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,
+                    selectable: this.partialQuickpickAvailable ? array.indexOf(parseInt(item.number, 10)) >= 0 ? true : false : false,
                 };
             });
             this.gridFilledEvent.emit({
                 id: this.ticketId,
                 index: this.gridIndex,
+                selectionType: this.selectionType,
                 selectedNumbers: this.numbers.filter((item) => item.selected).map((item) => item.number)
             });
-            this.selectedCounter = this.maximumAllowed;
+            this.selectedCounter = this.minimumAllowed;
         }
     }
     render() {
-        return (index.h("div", { key: '54b9187146b5d2625fd5ce7f53f38abf091cd943', class: "GridContainer", ref: el => this.stylingContainer = el }, index.h("div", { key: 'e7e8570557ebaa78edf881cdbc1ed720028cdf6e', class: this.gridType === 'ticket' ? 'Grid TicketGrid' : 'Grid' }, this.numbers.map((item) => index.h("div", null, index.h("lottery-bullet", { value: item.number, selectable: item.selectable, "is-selected": item.selected, "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent }))))));
+        return (index.h("div", { key: '8ad436904a126e6bee036c7372cf45c075022e5f', class: "GridContainer", ref: el => this.stylingContainer = el }, index.h("div", { key: '5a8818209485f0808a99978910f6f26473dd6f59', class: this.gridType === 'ticket' ? 'Grid TicketGrid' : 'Grid' }, this.numbers.map((item) => index.h("div", null, index.h("lottery-bullet", { value: item.number, selectable: item.selectable, "is-selected": item.selected, "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent }))), this.bonusNumbers.length ? this.bonusNumbers.map((item) => index.h("div", null, index.h("lottery-bullet", { value: item.number, selectable: item.selectable, "is-selected": item.selected, "is-bonus": true, "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent }))) : '')));
     }
 };
 LotteryGrid.style = LotteryGridStyle0;

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-8b26cfcb.js');
+const index = require('./index-da5ca73b.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 /*
- Stencil Client Patch Browser v4.22.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.25.1 | 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));
@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["lottery-bullet_2.cjs",[[1,"lottery-grid",{"ticketId":[514,"ticket-id"],"totalNumbers":[514,"total-numbers"],"gameId":[513,"game-id"],"maximumAllowed":[514,"maximum-allowed"],"minimumAllowed":[514,"minimum-allowed"],"selectable":[516],"selectedNumbers":[513,"selected-numbers"],"displaySelected":[516,"display-selected"],"language":[513],"gridIndex":[514,"grid-index"],"gridType":[513,"grid-type"],"clientStyling":[513,"client-styling"],"clientStylingUrlContent":[513,"client-styling-url-content"],"numbers":[32],"limitStylingAppends":[32]},[[0,"lotteryBulletSelection","lotteryBulletSelectionHandler"],[4,"resetSelection","resetSelectionHandler"],[4,"autoSelection","autoSelectionHandler"]]],[1,"lottery-bullet",{"value":[513],"selectable":[516],"isSelected":[516,"is-selected"],"clientStyling":[513,"client-styling"],"clientStylingUrlContent":[513,"client-styling-url-content"],"limitStylingAppends":[32]}]]]], options);
+  return index.bootstrapLazy([["lottery-bullet_2.cjs",[[1,"lottery-grid",{"ticketId":[514,"ticket-id"],"totalNumbers":[514,"total-numbers"],"gameId":[513,"game-id"],"maximumAllowed":[514,"maximum-allowed"],"minimumAllowed":[514,"minimum-allowed"],"numberRange":[513,"number-range"],"selectable":[516],"selectedNumbers":[513,"selected-numbers"],"secondaryNumbers":[513,"secondary-numbers"],"displaySelected":[516,"display-selected"],"language":[513],"gridIndex":[514,"grid-index"],"gridType":[513,"grid-type"],"clientStyling":[513,"client-styling"],"clientStylingUrlContent":[513,"client-styling-url-content"],"highNumber":[514,"high-number"],"lowNumber":[514,"low-number"],"selectionType":[513,"selection-type"],"partialQuickpickAvailable":[516,"partial-quickpick-available"],"numbers":[32],"bonusNumbers":[32],"limitStylingAppends":[32]},[[0,"lotteryBulletSelection","lotteryBulletSelectionHandler"],[4,"resetSelection","resetSelectionHandler"],[4,"autoSelection","autoSelectionHandler"]]],[1,"lottery-bullet",{"value":[513],"selectable":[516],"isSelected":[516,"is-selected"],"isBonus":[516,"is-bonus"],"clientStyling":[513,"client-styling"],"clientStylingUrlContent":[513,"client-styling-url-content"],"limitStylingAppends":[32]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -4,7 +4,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.22.3",
+    "version": "4.25.1",
     "typescriptVersion": "5.5.4"
   },
   "collections": [