@everymatrix/lottery-ticket 1.83.4 → 1.83.6

package/dist/cjs/loader.cjs.js

@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["lottery-bullet_3.cjs",[[1,"lottery-ticket",{"endpoint":[513],"gameId":[513,"game-id"],"numberOfGrids":[514,"number-of-grids"],"multipleDraws":[516,"multiple-draws"],"ticketId":[514,"ticket-id"],"resetButton":[516,"reset-button"],"autoPick":[516,"auto-pick"],"language":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"translationUrl":[520,"translation-url"],"isLoading":[32],"hasErrors":[32],"ticketDone":[32],"isCustomSelect":[32],"amountInfo":[32],"stakeMultiplier":[32],"lineMultiplier":[32],"isCustomSelectStake":[32],"isCustomSelectDraw":[32],"isCustomSelectLine":[32],"drawMultiplier":[32],"secondarySelectionAllowed":[32],"partialQuickpickAvailable":[32],"boardsAllowed":[32],"tabIndex":[32],"groupType":[32],"playType":[32],"selectedPlayTypeId":[32],"maximumAllowed":[32],"numberRange":[32],"secondaryNumberRange":[32],"secondaryMaximumAllowed":[32],"minimumAllowed":[32],"secondaryMinimumAllowed":[32],"quickPicks":[32]},[[8,"click","checkForClickOutside"],[0,"gridFilled","gridFilledHandler"],[0,"gridClearAllEvent","handleGridClearAllEvent"]],{"lineMultiplier":["handleLineMultiplierChange"],"tabIndex":["handleTabIndexChange"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[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"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"highNumber":[514,"high-number"],"lowNumber":[514,"low-number"],"selectionType":[513,"selection-type"],"partialQuickpickAvailable":[516,"partial-quickpick-available"],"numbers":[32],"bonusNumbers":[32]},[[0,"lotteryBulletSelection","lotteryBulletSelectionHandler"],[4,"resetSelection","resetSelectionHandler"],[4,"autoSelection","autoSelectionHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-bullet",{"value":[513],"selectable":[516],"isSelected":[516,"is-selected"],"isBonus":[516,"is-bonus"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
+  return index.bootstrapLazy([["lottery-bullet_3.cjs",[[1,"lottery-ticket",{"endpoint":[513],"gameId":[513,"game-id"],"numberOfGrids":[514,"number-of-grids"],"multipleDraws":[516,"multiple-draws"],"ticketId":[514,"ticket-id"],"resetButton":[516,"reset-button"],"autoPick":[516,"auto-pick"],"language":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"translationUrl":[520,"translation-url"],"isLoading":[32],"hasErrors":[32],"ticketDone":[32],"isCustomSelect":[32],"amountInfo":[32],"stakeMultiplier":[32],"lineMultiplier":[32],"isCustomSelectStake":[32],"isCustomSelectDraw":[32],"isCustomSelectLine":[32],"drawMultiplier":[32],"secondarySelectionAllowed":[32],"partialQuickpickAvailable":[32],"boardsAllowed":[32],"tabIndex":[32],"groupType":[32],"playType":[32],"selectedPlayTypeId":[32],"maximumAllowed":[32],"numberRange":[32],"secondaryNumberRange":[32],"secondaryMaximumAllowed":[32],"minimumAllowed":[32],"secondaryMinimumAllowed":[32],"quickPicks":[32]},[[8,"click","checkForClickOutside"],[0,"gridFilled","gridFilledHandler"],[0,"gridClearAllEvent","handleGridClearAllEvent"],[4,"resetAllTicketSelection","toggleResetAllSeletion"]],{"lineMultiplier":["handleLineMultiplierChange"],"tabIndex":["handleTabIndexChange"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[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"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"highNumber":[514,"high-number"],"lowNumber":[514,"low-number"],"selectionType":[513,"selection-type"],"partialQuickpickAvailable":[516,"partial-quickpick-available"],"numbers":[32],"bonusNumbers":[32]},[[0,"lotteryBulletSelection","lotteryBulletSelectionHandler"],[4,"resetSelection","resetSelectionHandler"],[4,"autoSelection","autoSelectionHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-bullet",{"value":[513],"selectable":[516],"isSelected":[516,"is-selected"],"isBonus":[516,"is-bonus"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

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

@@ -7220,7 +7220,7 @@ const LotteryTicket = class {
             this.isLoading = false;
             this.gameData = data;
             this.amountInfo = this.gameData.rules.stakes[0];
-            this.secondarySelectionAllowed = this.gameData.rules.secondarySelectionAllowed === "INPUT" ? true : false;
+            this.secondarySelectionAllowed = this.gameData.rules.secondarySelectionAllowed === 'INPUT' ? true : false;
             const betTypes = this.gameData.rules.betTypes;
             const result = betTypes.reduce((acc, betType) => {
                 if (betType.group) {
@@ -7242,20 +7242,20 @@ const LotteryTicket = class {
                 groupName,
                 betType: betTypes
             }));
-            this.groupType = [...result.noGroup, ...uniqueGroupsType,];
+            this.groupType = [...result.noGroup, ...uniqueGroupsType];
             this.playType = this.groupType[0].betType.map((v) => {
                 return Object.assign(Object.assign({}, v), { label: v.name || v.id, value: v.id });
             });
             this.partialQuickpickAvailable = this.gameData.rules.partialQuickpickAvailable;
-            // init primary bet type 'Prima'   
+            // init primary bet type 'Prima'
             this.boardsAllowed = (_a = this.gameData.rules.betTypes) === null || _a === void 0 ? void 0 : _a.filter((item) => item.id === 'Prima')[0].boardsAllowed;
             this.lineMultiplier = this.boardsAllowed[0];
             let selectionRules = this.gameData.rules.betTypes[0].selectionRules;
             let secondarySelectionRules = this.gameData.rules.betTypes[0].secondarySelectionRules;
-            this.numberRange = selectionRules.map(item => item.selectionCount);
+            this.numberRange = selectionRules.map((item) => item.selectionCount);
             this.maximumAllowed = Math.max(...this.numberRange);
             this.minimumAllowed = Math.min(...this.numberRange);
-            this.secondaryNumberRange = secondarySelectionRules.map(item => item.selectionCount);
+            this.secondaryNumberRange = secondarySelectionRules.map((item) => item.selectionCount);
             this.secondaryMaximumAllowed = Math.max(...this.secondaryNumberRange);
             this.secondaryMinimumAllowed = Math.min(...this.secondaryNumberRange);
         })
@@ -7281,7 +7281,9 @@ const LotteryTicket = class {
         }
     }
     gridFilledHandler(event) {
-        this.ticket = Object.assign(Object.assign({}, event.detail), { drawCount: this.drawMultiplier, multiplierNum: Number(this.stakeMultiplier), multiplier: this.gameData.rules.stakeMultiplierAvailable, quickPicks: this.quickPicks, betName: this.playType.length > 1 ? this.playType.find((item) => item.value === this.selectedPlayTypeId).label : this.groupType[this.tabIndex].groupName });
+        this.ticket = Object.assign(Object.assign({}, event.detail), { drawCount: this.drawMultiplier, multiplierNum: Number(this.stakeMultiplier), multiplier: this.gameData.rules.stakeMultiplierAvailable, quickPicks: this.quickPicks, betName: this.playType.length > 1
+                ? this.playType.find((item) => item.value === this.selectedPlayTypeId).label
+                : this.groupType[this.tabIndex].groupName });
         this.ticketDone = [
             ...this.ticketDone.slice(0, event.detail.index),
             true,
@@ -7291,19 +7293,11 @@ const LotteryTicket = class {
     }
     handleGridClearAllEvent(event) {
         let index = event.detail;
-        this.ticketDone = [
-            ...this.ticketDone.slice(0, index),
-            false,
-            ...this.ticketDone.slice(index + 1)
-        ];
+        this.ticketDone = [...this.ticketDone.slice(0, index), false, ...this.ticketDone.slice(index + 1)];
         this.quickPicks[index] = false;
     }
     toggleAutoSelection(index) {
-        this.ticketDone = [
-            ...this.ticketDone.slice(0, index),
-            true,
-            ...this.ticketDone.slice(index + 1)
-        ];
+        this.ticketDone = [...this.ticketDone.slice(0, index), true, ...this.ticketDone.slice(index + 1)];
         this.autoSelection.emit({
             ticketId: this.ticketId,
             index
@@ -7311,17 +7305,18 @@ const LotteryTicket = class {
         this.quickPicks[index] = true;
     }
     toggleResetSelection(index) {
-        this.ticketDone = [
-            ...this.ticketDone.slice(0, index),
-            false,
-            ...this.ticketDone.slice(index + 1)
-        ];
+        this.ticketDone = [...this.ticketDone.slice(0, index), false, ...this.ticketDone.slice(index + 1)];
         this.resetSelection.emit({
             ticketId: this.ticketId,
             index
         });
         this.quickPicks[index] = false;
     }
+    toggleResetAllSeletion() {
+        this.grids.forEach((_, index) => {
+            this.toggleResetSelection(index);
+        });
+    }
     changeStake(ticketid, amount) {
         this.stakeChange.emit({
             ticketId: ticketid,
@@ -7362,7 +7357,7 @@ const LotteryTicket = class {
         this.isCustomSelectLine = false;
         this.lineMultiplierChange.emit({
             ticketId: this.ticketId,
-            lineNum: item,
+            lineNum: item
         });
     }
     setDrawMultiplier(item) {
@@ -7403,17 +7398,7 @@ const LotteryTicket = class {
             }
             else {
                 const { rules } = this.gameData;
-                return (index.h("div", { class: "TicketContainer", ref: el => this.stylingContainer = el }, index.h("p", { class: "TicketTitle" }, this.gameData.name), index.h("div", { class: "TicketTabs" }, this.groupType.map((item, index$1) => index.h("div", { class: 'TabButton' + (this.tabIndex == index$1 ? ' Active' : ''), onClick: () => this.tabIndex = index$1 }, item.groupName))), this.playType.length > 1 &&
-                    index.h("div", null, index.h("label", { class: "Label" }, translate('playType', this.language), ": "), index.h("vaadin-select", { style: { 'width': '160px' }, items: this.playType, value: this.selectedPlayTypeId, "on-value-changed": (e) => this.handlePlayTypeChange(e.detail.value) })), this.boardsAllowed.length > 1 &&
-                    index.h("div", null, index.h("label", { class: "Label" }, translate('lines', this.language), ": "), index.h("div", { class: "WagerInput" }, index.h("div", { ref: el => this.selectLineRef = el, class: this.isCustomSelectLine ? "SelectWrapper SelectActive" : "SelectWrapper" }, index.h("div", { class: "SelectButton", onClick: () => this.toggleLineSelection() }, index.h("span", null, this.lineMultiplier), index.h("span", { class: "SelectExpand" }, "\u25BC")), index.h("div", { class: "SelectContent" }, index.h("ul", { class: "SelectOptions" }, this.boardsAllowed.map((item) => index.h("li", { class: this.lineMultiplier == item ? 'SelectedValue' : '', value: item, onClick: () => this.setLineMultiplier(item) }, item))))))), this.grids.map((_, index$1) => index.h("div", null, index.h("div", { class: "TicketGridHeader" }, index.h("div", null, translate('lineName', this.language), index$1 + 1), this.resetButton && this.ticketDone[index$1] &&
-                    index.h("div", { class: "ButtonContainer" }, index.h("a", { class: "ResetButton", onClick: () => this.toggleResetSelection(index$1) }, translate('resetButton', this.language))), this.autoPick && !this.ticketDone[index$1] &&
-                    index.h("div", { class: "ButtonContainer" }, index.h("a", { class: "AutoButton", onClick: () => this.toggleAutoSelection(index$1) }, translate('autoButton', this.language)))), index.h("div", { class: "TicketGridBullets" }, index.h("p", { class: "TicketGridTitle" }, rules.boards[0].selectionName), index.h("lottery-grid", { "grid-index": index$1, "maximum-allowed": this.maximumAllowed, "minimum-allowed": this.minimumAllowed, "number-range": JSON.stringify(this.numberRange), "high-number": rules.boards[0].highNumber, "low-number": rules.boards[0].lowNumber, "total-numbers": rules.boards[0].highNumber - rules.boards[0].lowNumber + 1, selectable: true, "reset-button": true, "auto-pick": true, "game-id": this.gameId, "ticket-id": this.ticketId, "partial-quickpick-available": this.partialQuickpickAvailable, language: this.language, "translation-url": this.translationUrl, "selection-type": 'mainSelection', "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "mb-source": this.mbSource })), this.secondarySelectionAllowed &&
-                    index.h("div", { class: "SecondarySelectionWrapper" }, index.h("div", { class: "TicketGridBullets" }, index.h("p", { class: "TicketGridTitle" }, rules.boards[0].secondarySelectionName), index.h("lottery-grid", { "grid-index": index$1, "maximum-allowed": this.secondaryMaximumAllowed, "minimum-allowed": this.secondaryMinimumAllowed, "number-range": JSON.stringify(this.secondaryNumberRange), "high-number": rules.boards[0].secondaryHighNumber, "low-number": rules.boards[0].secondaryLowNumber, "total-numbers": rules.boards[0].secondaryHighNumber - rules.boards[0].secondaryLowNumber + 1, selectable: true, "reset-button": true, "auto-pick": true, "game-id": this.gameId, "ticket-id": this.ticketId, "partial-quickpick-available": this.partialQuickpickAvailable, language: this.language, "translation-url": this.translationUrl, "selection-type": 'secondarySelection', "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "mb-source": this.mbSource }))))), rules.stakeMultiplierAvailable &&
-                    index.h("div", null, index.h("label", { class: "Label" }, translate('multiplier', this.language), ": "), index.h("div", { class: "WagerInput" }, rules.stakeMultipliers.length > 1 ?
-                        (index.h("div", { ref: el => this.selectStakeRef = el, class: this.isCustomSelectStake ? "SelectWrapper SelectActive" : "SelectWrapper" }, index.h("div", { class: "SelectButton", onClick: () => this.toggleSelection() }, index.h("span", null, this.stakeMultiplier), index.h("span", { class: "SelectExpand" }, "\u25BC")), index.h("div", { class: "SelectContent" }, index.h("ul", { class: "SelectOptions" }, rules.stakeMultipliers.map((item) => index.h("li", { class: this.stakeMultiplier == item ? 'SelectedValue' : '', value: item, onClick: () => this.setStakeMultiplier(item) }, item)))))) : (index.h("div", null, index.h("input", { min: "1", value: rules.stakeMultipliers[0] || 1, type: "number", disabled: true }))))), rules.drawMultiplierAvailable &&
-                    index.h("div", null, index.h("label", { class: "Label" }, translate('numberOfDraws', this.language), ": "), index.h("div", { class: "WagerInput" }, rules.durations.length > 1 ?
-                        (index.h("div", { ref: el => this.selectDrawRef = el, class: this.isCustomSelectDraw ? "SelectWrapper SelectActive" : "SelectWrapper" }, index.h("div", { class: "SelectButton", onClick: () => this.toggleDrawSelection() }, index.h("span", null, this.drawMultiplier), index.h("span", { class: "SelectExpand" }, "\u25BC")), index.h("div", { class: "SelectContent" }, index.h("ul", { class: "SelectOptions" }, rules.durations.map((item) => index.h("li", { class: this.drawMultiplier == item ? 'SelectedValue' : '', value: item, onClick: () => this.setDrawMultiplier(item) }, item)))))) : (index.h("div", null, index.h("input", { min: "1", value: rules.durations[0] || 1, type: "number", disabled: true }))))), index.h("div", null, index.h("label", { class: "Label" }, translate('wagerPerDraw', this.language), ": "), index.h("div", { class: "WagerInput" }, rules.stakes.length > 1 ?
-                    (index.h("div", { ref: el => this.selectRef = el, class: this.isCustomSelect ? "SelectWrapper SelectActive" : "SelectWrapper" }, index.h("div", { class: "SelectButton", onClick: () => this.toggleClass() }, index.h("span", null, this.amountInfo.value, " ", this.amountInfo.currency), index.h("span", { class: "SelectExpand" }, "\u25BC")), index.h("div", { class: "SelectContent" }, index.h("ul", { class: "SelectOptions" }, rules.stakes.map((item) => index.h("li", { class: this.amountInfo.value == item.value ? 'SelectedValue' : '', value: item.value, onClick: () => this.setWagerPerDraw(item) }, item.value, " ", item.currency)))))) : (index.h("div", null, index.h("input", { min: "1", value: rules.stakes[0].value, type: "number", disabled: true }), index.h("span", { class: "WagerInputTitle" }, rules.stakes[0].currency)))))));
+                return (index.h("div", { class: "TicketContainer", ref: (el) => (this.stylingContainer = el) }, index.h("p", { class: "TicketTitle" }, this.gameData.name), index.h("div", { class: "TicketTabs" }, this.groupType.map((item, index$1) => (index.h("div", { class: 'TabButton' + (this.tabIndex == index$1 ? ' Active' : ''), onClick: () => (this.tabIndex = index$1) }, item.groupName)))), this.playType.length > 1 && (index.h("div", null, index.h("label", { class: "Label" }, translate('playType', this.language), ": "), index.h("vaadin-select", { style: { width: '160px' }, items: this.playType, value: this.selectedPlayTypeId, "on-value-changed": (e) => this.handlePlayTypeChange(e.detail.value) }))), this.boardsAllowed.length > 1 && (index.h("div", null, index.h("label", { class: "Label" }, translate('lines', this.language), ": "), index.h("div", { class: "WagerInput" }, index.h("div", { ref: (el) => (this.selectLineRef = el), class: this.isCustomSelectLine ? 'SelectWrapper SelectActive' : 'SelectWrapper' }, index.h("div", { class: "SelectButton", onClick: () => this.toggleLineSelection() }, index.h("span", null, this.lineMultiplier), index.h("span", { class: "SelectExpand" }, "\u25BC")), index.h("div", { class: "SelectContent" }, index.h("ul", { class: "SelectOptions" }, this.boardsAllowed.map((item) => (index.h("li", { class: this.lineMultiplier == item ? 'SelectedValue' : '', value: item, onClick: () => this.setLineMultiplier(item) }, item))))))))), this.grids.map((_, index$1) => (index.h("div", null, index.h("div", { class: "TicketGridHeader" }, index.h("div", null, translate('lineName', this.language), index$1 + 1), this.resetButton && this.ticketDone[index$1] && (index.h("div", { class: "ButtonContainer" }, index.h("a", { class: "ResetButton", onClick: () => this.toggleResetSelection(index$1) }, translate('resetButton', this.language)))), this.autoPick && !this.ticketDone[index$1] && (index.h("div", { class: "ButtonContainer" }, index.h("a", { class: "AutoButton", onClick: () => this.toggleAutoSelection(index$1) }, translate('autoButton', this.language))))), index.h("div", { class: "TicketGridBullets" }, index.h("p", { class: "TicketGridTitle" }, rules.boards[0].selectionName), index.h("lottery-grid", { "grid-index": index$1, "maximum-allowed": this.maximumAllowed, "minimum-allowed": this.minimumAllowed, "number-range": JSON.stringify(this.numberRange), "high-number": rules.boards[0].highNumber, "low-number": rules.boards[0].lowNumber, "total-numbers": rules.boards[0].highNumber - rules.boards[0].lowNumber + 1, selectable: true, "reset-button": true, "auto-pick": true, "game-id": this.gameId, "ticket-id": this.ticketId, "partial-quickpick-available": this.partialQuickpickAvailable, language: this.language, "translation-url": this.translationUrl, "selection-type": 'mainSelection', "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "mb-source": this.mbSource })), this.secondarySelectionAllowed && (index.h("div", { class: "SecondarySelectionWrapper" }, index.h("div", { class: "TicketGridBullets" }, index.h("p", { class: "TicketGridTitle" }, rules.boards[0].secondarySelectionName), index.h("lottery-grid", { "grid-index": index$1, "maximum-allowed": this.secondaryMaximumAllowed, "minimum-allowed": this.secondaryMinimumAllowed, "number-range": JSON.stringify(this.secondaryNumberRange), "high-number": rules.boards[0].secondaryHighNumber, "low-number": rules.boards[0].secondaryLowNumber, "total-numbers": rules.boards[0].secondaryHighNumber - rules.boards[0].secondaryLowNumber + 1, selectable: true, "reset-button": true, "auto-pick": true, "game-id": this.gameId, "ticket-id": this.ticketId, "partial-quickpick-available": this.partialQuickpickAvailable, language: this.language, "translation-url": this.translationUrl, "selection-type": 'secondarySelection', "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "mb-source": this.mbSource }))))))), rules.stakeMultiplierAvailable && (index.h("div", null, index.h("label", { class: "Label" }, translate('multiplier', this.language), ": "), index.h("div", { class: "WagerInput" }, rules.stakeMultipliers.length > 1 ? (index.h("div", { ref: (el) => (this.selectStakeRef = el), class: this.isCustomSelectStake ? 'SelectWrapper SelectActive' : 'SelectWrapper' }, index.h("div", { class: "SelectButton", onClick: () => this.toggleSelection() }, index.h("span", null, this.stakeMultiplier), index.h("span", { class: "SelectExpand" }, "\u25BC")), index.h("div", { class: "SelectContent" }, index.h("ul", { class: "SelectOptions" }, rules.stakeMultipliers.map((item) => (index.h("li", { class: this.stakeMultiplier == item ? 'SelectedValue' : '', value: item, onClick: () => this.setStakeMultiplier(item) }, item))))))) : (index.h("div", null, index.h("input", { min: "1", value: rules.stakeMultipliers[0] || 1, type: "number", disabled: true })))))), rules.drawMultiplierAvailable && (index.h("div", null, index.h("label", { class: "Label" }, translate('numberOfDraws', this.language), ": "), index.h("div", { class: "WagerInput" }, rules.durations.length > 1 ? (index.h("div", { ref: (el) => (this.selectDrawRef = el), class: this.isCustomSelectDraw ? 'SelectWrapper SelectActive' : 'SelectWrapper' }, index.h("div", { class: "SelectButton", onClick: () => this.toggleDrawSelection() }, index.h("span", null, this.drawMultiplier), index.h("span", { class: "SelectExpand" }, "\u25BC")), index.h("div", { class: "SelectContent" }, index.h("ul", { class: "SelectOptions" }, rules.durations.map((item) => (index.h("li", { class: this.drawMultiplier == item ? 'SelectedValue' : '', value: item, onClick: () => this.setDrawMultiplier(item) }, item))))))) : (index.h("div", null, index.h("input", { min: "1", value: rules.durations[0] || 1, type: "number", disabled: true })))))), index.h("div", null, index.h("label", { class: "Label" }, translate('wagerPerDraw', this.language), ": "), index.h("div", { class: "WagerInput" }, rules.stakes.length > 1 ? (index.h("div", { ref: (el) => (this.selectRef = el), class: this.isCustomSelect ? 'SelectWrapper SelectActive' : 'SelectWrapper' }, index.h("div", { class: "SelectButton", onClick: () => this.toggleClass() }, index.h("span", null, this.amountInfo.value, " ", this.amountInfo.currency), index.h("span", { class: "SelectExpand" }, "\u25BC")), index.h("div", { class: "SelectContent" }, index.h("ul", { class: "SelectOptions" }, rules.stakes.map((item) => (index.h("li", { class: this.amountInfo.value == item.value ? 'SelectedValue' : '', value: item.value, onClick: () => this.setWagerPerDraw(item) }, item.value, " ", item.currency))))))) : (index.h("div", null, index.h("input", { min: "1", value: rules.stakes[0].value, type: "number", disabled: true }), index.h("span", { class: "WagerInputTitle" }, rules.stakes[0].currency)))))));
             }
         }
     }

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

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["lottery-bullet_3.cjs",[[1,"lottery-ticket",{"endpoint":[513],"gameId":[513,"game-id"],"numberOfGrids":[514,"number-of-grids"],"multipleDraws":[516,"multiple-draws"],"ticketId":[514,"ticket-id"],"resetButton":[516,"reset-button"],"autoPick":[516,"auto-pick"],"language":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"translationUrl":[520,"translation-url"],"isLoading":[32],"hasErrors":[32],"ticketDone":[32],"isCustomSelect":[32],"amountInfo":[32],"stakeMultiplier":[32],"lineMultiplier":[32],"isCustomSelectStake":[32],"isCustomSelectDraw":[32],"isCustomSelectLine":[32],"drawMultiplier":[32],"secondarySelectionAllowed":[32],"partialQuickpickAvailable":[32],"boardsAllowed":[32],"tabIndex":[32],"groupType":[32],"playType":[32],"selectedPlayTypeId":[32],"maximumAllowed":[32],"numberRange":[32],"secondaryNumberRange":[32],"secondaryMaximumAllowed":[32],"minimumAllowed":[32],"secondaryMinimumAllowed":[32],"quickPicks":[32]},[[8,"click","checkForClickOutside"],[0,"gridFilled","gridFilledHandler"],[0,"gridClearAllEvent","handleGridClearAllEvent"]],{"lineMultiplier":["handleLineMultiplierChange"],"tabIndex":["handleTabIndexChange"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[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"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"highNumber":[514,"high-number"],"lowNumber":[514,"low-number"],"selectionType":[513,"selection-type"],"partialQuickpickAvailable":[516,"partial-quickpick-available"],"numbers":[32],"bonusNumbers":[32]},[[0,"lotteryBulletSelection","lotteryBulletSelectionHandler"],[4,"resetSelection","resetSelectionHandler"],[4,"autoSelection","autoSelectionHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-bullet",{"value":[513],"selectable":[516],"isSelected":[516,"is-selected"],"isBonus":[516,"is-bonus"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
+  return index.bootstrapLazy([["lottery-bullet_3.cjs",[[1,"lottery-ticket",{"endpoint":[513],"gameId":[513,"game-id"],"numberOfGrids":[514,"number-of-grids"],"multipleDraws":[516,"multiple-draws"],"ticketId":[514,"ticket-id"],"resetButton":[516,"reset-button"],"autoPick":[516,"auto-pick"],"language":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"translationUrl":[520,"translation-url"],"isLoading":[32],"hasErrors":[32],"ticketDone":[32],"isCustomSelect":[32],"amountInfo":[32],"stakeMultiplier":[32],"lineMultiplier":[32],"isCustomSelectStake":[32],"isCustomSelectDraw":[32],"isCustomSelectLine":[32],"drawMultiplier":[32],"secondarySelectionAllowed":[32],"partialQuickpickAvailable":[32],"boardsAllowed":[32],"tabIndex":[32],"groupType":[32],"playType":[32],"selectedPlayTypeId":[32],"maximumAllowed":[32],"numberRange":[32],"secondaryNumberRange":[32],"secondaryMaximumAllowed":[32],"minimumAllowed":[32],"secondaryMinimumAllowed":[32],"quickPicks":[32]},[[8,"click","checkForClickOutside"],[0,"gridFilled","gridFilledHandler"],[0,"gridClearAllEvent","handleGridClearAllEvent"],[4,"resetAllTicketSelection","toggleResetAllSeletion"]],{"lineMultiplier":["handleLineMultiplierChange"],"tabIndex":["handleTabIndexChange"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[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"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"highNumber":[514,"high-number"],"lowNumber":[514,"low-number"],"selectionType":[513,"selection-type"],"partialQuickpickAvailable":[516,"partial-quickpick-available"],"numbers":[32],"bonusNumbers":[32]},[[0,"lotteryBulletSelection","lotteryBulletSelectionHandler"],[4,"resetSelection","resetSelectionHandler"],[4,"autoSelection","autoSelectionHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-bullet",{"value":[513],"selectable":[516],"isSelected":[516,"is-selected"],"isBonus":[516,"is-bonus"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

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

@@ -126,7 +126,7 @@ export class LotteryTicket {
             this.isLoading = false;
             this.gameData = data;
             this.amountInfo = this.gameData.rules.stakes[0];
-            this.secondarySelectionAllowed = this.gameData.rules.secondarySelectionAllowed === "INPUT" ? true : false;
+            this.secondarySelectionAllowed = this.gameData.rules.secondarySelectionAllowed === 'INPUT' ? true : false;
             const betTypes = this.gameData.rules.betTypes;
             const result = betTypes.reduce((acc, betType) => {
                 if (betType.group) {
@@ -148,20 +148,20 @@ export class LotteryTicket {
                 groupName,
                 betType: betTypes
             }));
-            this.groupType = [...result.noGroup, ...uniqueGroupsType,];
+            this.groupType = [...result.noGroup, ...uniqueGroupsType];
             this.playType = this.groupType[0].betType.map((v) => {
                 return Object.assign(Object.assign({}, v), { label: v.name || v.id, value: v.id });
             });
             this.partialQuickpickAvailable = this.gameData.rules.partialQuickpickAvailable;
-            // init primary bet type 'Prima'   
+            // init primary bet type 'Prima'
             this.boardsAllowed = (_a = this.gameData.rules.betTypes) === null || _a === void 0 ? void 0 : _a.filter((item) => item.id === 'Prima')[0].boardsAllowed;
             this.lineMultiplier = this.boardsAllowed[0];
             let selectionRules = this.gameData.rules.betTypes[0].selectionRules;
             let secondarySelectionRules = this.gameData.rules.betTypes[0].secondarySelectionRules;
-            this.numberRange = selectionRules.map(item => item.selectionCount);
+            this.numberRange = selectionRules.map((item) => item.selectionCount);
             this.maximumAllowed = Math.max(...this.numberRange);
             this.minimumAllowed = Math.min(...this.numberRange);
-            this.secondaryNumberRange = secondarySelectionRules.map(item => item.selectionCount);
+            this.secondaryNumberRange = secondarySelectionRules.map((item) => item.selectionCount);
             this.secondaryMaximumAllowed = Math.max(...this.secondaryNumberRange);
             this.secondaryMinimumAllowed = Math.min(...this.secondaryNumberRange);
         })
@@ -187,7 +187,9 @@ export class LotteryTicket {
         }
     }
     gridFilledHandler(event) {
-        this.ticket = Object.assign(Object.assign({}, event.detail), { drawCount: this.drawMultiplier, multiplierNum: Number(this.stakeMultiplier), multiplier: this.gameData.rules.stakeMultiplierAvailable, quickPicks: this.quickPicks, betName: this.playType.length > 1 ? this.playType.find((item) => item.value === this.selectedPlayTypeId).label : this.groupType[this.tabIndex].groupName });
+        this.ticket = Object.assign(Object.assign({}, event.detail), { drawCount: this.drawMultiplier, multiplierNum: Number(this.stakeMultiplier), multiplier: this.gameData.rules.stakeMultiplierAvailable, quickPicks: this.quickPicks, betName: this.playType.length > 1
+                ? this.playType.find((item) => item.value === this.selectedPlayTypeId).label
+                : this.groupType[this.tabIndex].groupName });
         this.ticketDone = [
             ...this.ticketDone.slice(0, event.detail.index),
             true,
@@ -197,19 +199,11 @@ export class LotteryTicket {
     }
     handleGridClearAllEvent(event) {
         let index = event.detail;
-        this.ticketDone = [
-            ...this.ticketDone.slice(0, index),
-            false,
-            ...this.ticketDone.slice(index + 1)
-        ];
+        this.ticketDone = [...this.ticketDone.slice(0, index), false, ...this.ticketDone.slice(index + 1)];
         this.quickPicks[index] = false;
     }
     toggleAutoSelection(index) {
-        this.ticketDone = [
-            ...this.ticketDone.slice(0, index),
-            true,
-            ...this.ticketDone.slice(index + 1)
-        ];
+        this.ticketDone = [...this.ticketDone.slice(0, index), true, ...this.ticketDone.slice(index + 1)];
         this.autoSelection.emit({
             ticketId: this.ticketId,
             index
@@ -217,17 +211,18 @@ export class LotteryTicket {
         this.quickPicks[index] = true;
     }
     toggleResetSelection(index) {
-        this.ticketDone = [
-            ...this.ticketDone.slice(0, index),
-            false,
-            ...this.ticketDone.slice(index + 1)
-        ];
+        this.ticketDone = [...this.ticketDone.slice(0, index), false, ...this.ticketDone.slice(index + 1)];
         this.resetSelection.emit({
             ticketId: this.ticketId,
             index
         });
         this.quickPicks[index] = false;
     }
+    toggleResetAllSeletion() {
+        this.grids.forEach((_, index) => {
+            this.toggleResetSelection(index);
+        });
+    }
     changeStake(ticketid, amount) {
         this.stakeChange.emit({
             ticketId: ticketid,
@@ -268,7 +263,7 @@ export class LotteryTicket {
         this.isCustomSelectLine = false;
         this.lineMultiplierChange.emit({
             ticketId: this.ticketId,
-            lineNum: item,
+            lineNum: item
         });
     }
     setDrawMultiplier(item) {
@@ -309,17 +304,7 @@ export class LotteryTicket {
             }
             else {
                 const { rules } = this.gameData;
-                return (h("div", { class: "TicketContainer", ref: el => this.stylingContainer = el }, h("p", { class: "TicketTitle" }, this.gameData.name), h("div", { class: "TicketTabs" }, this.groupType.map((item, index) => h("div", { class: 'TabButton' + (this.tabIndex == index ? ' Active' : ''), onClick: () => this.tabIndex = index }, item.groupName))), this.playType.length > 1 &&
-                    h("div", null, h("label", { class: "Label" }, translate('playType', this.language), ": "), h("vaadin-select", { style: { 'width': '160px' }, items: this.playType, value: this.selectedPlayTypeId, "on-value-changed": (e) => this.handlePlayTypeChange(e.detail.value) })), this.boardsAllowed.length > 1 &&
-                    h("div", null, h("label", { class: "Label" }, translate('lines', this.language), ": "), h("div", { class: "WagerInput" }, h("div", { ref: el => this.selectLineRef = el, class: this.isCustomSelectLine ? "SelectWrapper SelectActive" : "SelectWrapper" }, h("div", { class: "SelectButton", onClick: () => this.toggleLineSelection() }, h("span", null, this.lineMultiplier), h("span", { class: "SelectExpand" }, "\u25BC")), h("div", { class: "SelectContent" }, h("ul", { class: "SelectOptions" }, this.boardsAllowed.map((item) => h("li", { class: this.lineMultiplier == item ? 'SelectedValue' : '', value: item, onClick: () => this.setLineMultiplier(item) }, item))))))), this.grids.map((_, index) => h("div", null, h("div", { class: "TicketGridHeader" }, h("div", null, translate('lineName', this.language), index + 1), this.resetButton && this.ticketDone[index] &&
-                    h("div", { class: "ButtonContainer" }, h("a", { class: "ResetButton", onClick: () => this.toggleResetSelection(index) }, translate('resetButton', this.language))), this.autoPick && !this.ticketDone[index] &&
-                    h("div", { class: "ButtonContainer" }, h("a", { class: "AutoButton", onClick: () => this.toggleAutoSelection(index) }, translate('autoButton', this.language)))), h("div", { class: "TicketGridBullets" }, h("p", { class: "TicketGridTitle" }, rules.boards[0].selectionName), h("lottery-grid", { "grid-index": index, "maximum-allowed": this.maximumAllowed, "minimum-allowed": this.minimumAllowed, "number-range": JSON.stringify(this.numberRange), "high-number": rules.boards[0].highNumber, "low-number": rules.boards[0].lowNumber, "total-numbers": rules.boards[0].highNumber - rules.boards[0].lowNumber + 1, selectable: true, "reset-button": true, "auto-pick": true, "game-id": this.gameId, "ticket-id": this.ticketId, "partial-quickpick-available": this.partialQuickpickAvailable, language: this.language, "translation-url": this.translationUrl, "selection-type": 'mainSelection', "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "mb-source": this.mbSource })), this.secondarySelectionAllowed &&
-                    h("div", { class: "SecondarySelectionWrapper" }, h("div", { class: "TicketGridBullets" }, h("p", { class: "TicketGridTitle" }, rules.boards[0].secondarySelectionName), h("lottery-grid", { "grid-index": index, "maximum-allowed": this.secondaryMaximumAllowed, "minimum-allowed": this.secondaryMinimumAllowed, "number-range": JSON.stringify(this.secondaryNumberRange), "high-number": rules.boards[0].secondaryHighNumber, "low-number": rules.boards[0].secondaryLowNumber, "total-numbers": rules.boards[0].secondaryHighNumber - rules.boards[0].secondaryLowNumber + 1, selectable: true, "reset-button": true, "auto-pick": true, "game-id": this.gameId, "ticket-id": this.ticketId, "partial-quickpick-available": this.partialQuickpickAvailable, language: this.language, "translation-url": this.translationUrl, "selection-type": 'secondarySelection', "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "mb-source": this.mbSource }))))), rules.stakeMultiplierAvailable &&
-                    h("div", null, h("label", { class: "Label" }, translate('multiplier', this.language), ": "), h("div", { class: "WagerInput" }, rules.stakeMultipliers.length > 1 ?
-                        (h("div", { ref: el => this.selectStakeRef = el, class: this.isCustomSelectStake ? "SelectWrapper SelectActive" : "SelectWrapper" }, h("div", { class: "SelectButton", onClick: () => this.toggleSelection() }, h("span", null, this.stakeMultiplier), h("span", { class: "SelectExpand" }, "\u25BC")), h("div", { class: "SelectContent" }, h("ul", { class: "SelectOptions" }, rules.stakeMultipliers.map((item) => h("li", { class: this.stakeMultiplier == item ? 'SelectedValue' : '', value: item, onClick: () => this.setStakeMultiplier(item) }, item)))))) : (h("div", null, h("input", { min: "1", value: rules.stakeMultipliers[0] || 1, type: "number", disabled: true }))))), rules.drawMultiplierAvailable &&
-                    h("div", null, h("label", { class: "Label" }, translate('numberOfDraws', this.language), ": "), h("div", { class: "WagerInput" }, rules.durations.length > 1 ?
-                        (h("div", { ref: el => this.selectDrawRef = el, class: this.isCustomSelectDraw ? "SelectWrapper SelectActive" : "SelectWrapper" }, h("div", { class: "SelectButton", onClick: () => this.toggleDrawSelection() }, h("span", null, this.drawMultiplier), h("span", { class: "SelectExpand" }, "\u25BC")), h("div", { class: "SelectContent" }, h("ul", { class: "SelectOptions" }, rules.durations.map((item) => h("li", { class: this.drawMultiplier == item ? 'SelectedValue' : '', value: item, onClick: () => this.setDrawMultiplier(item) }, item)))))) : (h("div", null, h("input", { min: "1", value: rules.durations[0] || 1, type: "number", disabled: true }))))), h("div", null, h("label", { class: "Label" }, translate('wagerPerDraw', this.language), ": "), h("div", { class: "WagerInput" }, rules.stakes.length > 1 ?
-                    (h("div", { ref: el => this.selectRef = el, class: this.isCustomSelect ? "SelectWrapper SelectActive" : "SelectWrapper" }, h("div", { class: "SelectButton", onClick: () => this.toggleClass() }, h("span", null, this.amountInfo.value, " ", this.amountInfo.currency), h("span", { class: "SelectExpand" }, "\u25BC")), h("div", { class: "SelectContent" }, h("ul", { class: "SelectOptions" }, rules.stakes.map((item) => h("li", { class: this.amountInfo.value == item.value ? 'SelectedValue' : '', value: item.value, onClick: () => this.setWagerPerDraw(item) }, item.value, " ", item.currency)))))) : (h("div", null, h("input", { min: "1", value: rules.stakes[0].value, type: "number", disabled: true }), h("span", { class: "WagerInputTitle" }, rules.stakes[0].currency)))))));
+                return (h("div", { class: "TicketContainer", ref: (el) => (this.stylingContainer = el) }, h("p", { class: "TicketTitle" }, this.gameData.name), h("div", { class: "TicketTabs" }, this.groupType.map((item, index) => (h("div", { class: 'TabButton' + (this.tabIndex == index ? ' Active' : ''), onClick: () => (this.tabIndex = index) }, item.groupName)))), this.playType.length > 1 && (h("div", null, h("label", { class: "Label" }, translate('playType', this.language), ": "), h("vaadin-select", { style: { width: '160px' }, items: this.playType, value: this.selectedPlayTypeId, "on-value-changed": (e) => this.handlePlayTypeChange(e.detail.value) }))), this.boardsAllowed.length > 1 && (h("div", null, h("label", { class: "Label" }, translate('lines', this.language), ": "), h("div", { class: "WagerInput" }, h("div", { ref: (el) => (this.selectLineRef = el), class: this.isCustomSelectLine ? 'SelectWrapper SelectActive' : 'SelectWrapper' }, h("div", { class: "SelectButton", onClick: () => this.toggleLineSelection() }, h("span", null, this.lineMultiplier), h("span", { class: "SelectExpand" }, "\u25BC")), h("div", { class: "SelectContent" }, h("ul", { class: "SelectOptions" }, this.boardsAllowed.map((item) => (h("li", { class: this.lineMultiplier == item ? 'SelectedValue' : '', value: item, onClick: () => this.setLineMultiplier(item) }, item))))))))), this.grids.map((_, index) => (h("div", null, h("div", { class: "TicketGridHeader" }, h("div", null, translate('lineName', this.language), index + 1), this.resetButton && this.ticketDone[index] && (h("div", { class: "ButtonContainer" }, h("a", { class: "ResetButton", onClick: () => this.toggleResetSelection(index) }, translate('resetButton', this.language)))), this.autoPick && !this.ticketDone[index] && (h("div", { class: "ButtonContainer" }, h("a", { class: "AutoButton", onClick: () => this.toggleAutoSelection(index) }, translate('autoButton', this.language))))), h("div", { class: "TicketGridBullets" }, h("p", { class: "TicketGridTitle" }, rules.boards[0].selectionName), h("lottery-grid", { "grid-index": index, "maximum-allowed": this.maximumAllowed, "minimum-allowed": this.minimumAllowed, "number-range": JSON.stringify(this.numberRange), "high-number": rules.boards[0].highNumber, "low-number": rules.boards[0].lowNumber, "total-numbers": rules.boards[0].highNumber - rules.boards[0].lowNumber + 1, selectable: true, "reset-button": true, "auto-pick": true, "game-id": this.gameId, "ticket-id": this.ticketId, "partial-quickpick-available": this.partialQuickpickAvailable, language: this.language, "translation-url": this.translationUrl, "selection-type": 'mainSelection', "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "mb-source": this.mbSource })), this.secondarySelectionAllowed && (h("div", { class: "SecondarySelectionWrapper" }, h("div", { class: "TicketGridBullets" }, h("p", { class: "TicketGridTitle" }, rules.boards[0].secondarySelectionName), h("lottery-grid", { "grid-index": index, "maximum-allowed": this.secondaryMaximumAllowed, "minimum-allowed": this.secondaryMinimumAllowed, "number-range": JSON.stringify(this.secondaryNumberRange), "high-number": rules.boards[0].secondaryHighNumber, "low-number": rules.boards[0].secondaryLowNumber, "total-numbers": rules.boards[0].secondaryHighNumber - rules.boards[0].secondaryLowNumber + 1, selectable: true, "reset-button": true, "auto-pick": true, "game-id": this.gameId, "ticket-id": this.ticketId, "partial-quickpick-available": this.partialQuickpickAvailable, language: this.language, "translation-url": this.translationUrl, "selection-type": 'secondarySelection', "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "mb-source": this.mbSource }))))))), rules.stakeMultiplierAvailable && (h("div", null, h("label", { class: "Label" }, translate('multiplier', this.language), ": "), h("div", { class: "WagerInput" }, rules.stakeMultipliers.length > 1 ? (h("div", { ref: (el) => (this.selectStakeRef = el), class: this.isCustomSelectStake ? 'SelectWrapper SelectActive' : 'SelectWrapper' }, h("div", { class: "SelectButton", onClick: () => this.toggleSelection() }, h("span", null, this.stakeMultiplier), h("span", { class: "SelectExpand" }, "\u25BC")), h("div", { class: "SelectContent" }, h("ul", { class: "SelectOptions" }, rules.stakeMultipliers.map((item) => (h("li", { class: this.stakeMultiplier == item ? 'SelectedValue' : '', value: item, onClick: () => this.setStakeMultiplier(item) }, item))))))) : (h("div", null, h("input", { min: "1", value: rules.stakeMultipliers[0] || 1, type: "number", disabled: true })))))), rules.drawMultiplierAvailable && (h("div", null, h("label", { class: "Label" }, translate('numberOfDraws', this.language), ": "), h("div", { class: "WagerInput" }, rules.durations.length > 1 ? (h("div", { ref: (el) => (this.selectDrawRef = el), class: this.isCustomSelectDraw ? 'SelectWrapper SelectActive' : 'SelectWrapper' }, h("div", { class: "SelectButton", onClick: () => this.toggleDrawSelection() }, h("span", null, this.drawMultiplier), h("span", { class: "SelectExpand" }, "\u25BC")), h("div", { class: "SelectContent" }, h("ul", { class: "SelectOptions" }, rules.durations.map((item) => (h("li", { class: this.drawMultiplier == item ? 'SelectedValue' : '', value: item, onClick: () => this.setDrawMultiplier(item) }, item))))))) : (h("div", null, h("input", { min: "1", value: rules.durations[0] || 1, type: "number", disabled: true })))))), h("div", null, h("label", { class: "Label" }, translate('wagerPerDraw', this.language), ": "), h("div", { class: "WagerInput" }, rules.stakes.length > 1 ? (h("div", { ref: (el) => (this.selectRef = el), class: this.isCustomSelect ? 'SelectWrapper SelectActive' : 'SelectWrapper' }, h("div", { class: "SelectButton", onClick: () => this.toggleClass() }, h("span", null, this.amountInfo.value, " ", this.amountInfo.currency), h("span", { class: "SelectExpand" }, "\u25BC")), h("div", { class: "SelectContent" }, h("ul", { class: "SelectOptions" }, rules.stakes.map((item) => (h("li", { class: this.amountInfo.value == item.value ? 'SelectedValue' : '', value: item.value, onClick: () => this.setWagerPerDraw(item) }, item.value, " ", item.currency))))))) : (h("div", null, h("input", { min: "1", value: rules.stakes[0].value, type: "number", disabled: true }), h("span", { class: "WagerInputTitle" }, rules.stakes[0].currency)))))));
             }
         }
     }
@@ -742,6 +727,12 @@ export class LotteryTicket {
                 "target": undefined,
                 "capture": false,
                 "passive": false
+            }, {
+                "name": "resetAllTicketSelection",
+                "method": "toggleResetAllSeletion",
+                "target": "document",
+                "capture": false,
+                "passive": false
             }];
     }
 }

package/dist/esm/loader.js

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["lottery-bullet_3",[[1,"lottery-ticket",{"endpoint":[513],"gameId":[513,"game-id"],"numberOfGrids":[514,"number-of-grids"],"multipleDraws":[516,"multiple-draws"],"ticketId":[514,"ticket-id"],"resetButton":[516,"reset-button"],"autoPick":[516,"auto-pick"],"language":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"translationUrl":[520,"translation-url"],"isLoading":[32],"hasErrors":[32],"ticketDone":[32],"isCustomSelect":[32],"amountInfo":[32],"stakeMultiplier":[32],"lineMultiplier":[32],"isCustomSelectStake":[32],"isCustomSelectDraw":[32],"isCustomSelectLine":[32],"drawMultiplier":[32],"secondarySelectionAllowed":[32],"partialQuickpickAvailable":[32],"boardsAllowed":[32],"tabIndex":[32],"groupType":[32],"playType":[32],"selectedPlayTypeId":[32],"maximumAllowed":[32],"numberRange":[32],"secondaryNumberRange":[32],"secondaryMaximumAllowed":[32],"minimumAllowed":[32],"secondaryMinimumAllowed":[32],"quickPicks":[32]},[[8,"click","checkForClickOutside"],[0,"gridFilled","gridFilledHandler"],[0,"gridClearAllEvent","handleGridClearAllEvent"]],{"lineMultiplier":["handleLineMultiplierChange"],"tabIndex":["handleTabIndexChange"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[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"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"highNumber":[514,"high-number"],"lowNumber":[514,"low-number"],"selectionType":[513,"selection-type"],"partialQuickpickAvailable":[516,"partial-quickpick-available"],"numbers":[32],"bonusNumbers":[32]},[[0,"lotteryBulletSelection","lotteryBulletSelectionHandler"],[4,"resetSelection","resetSelectionHandler"],[4,"autoSelection","autoSelectionHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-bullet",{"value":[513],"selectable":[516],"isSelected":[516,"is-selected"],"isBonus":[516,"is-bonus"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
+  return bootstrapLazy([["lottery-bullet_3",[[1,"lottery-ticket",{"endpoint":[513],"gameId":[513,"game-id"],"numberOfGrids":[514,"number-of-grids"],"multipleDraws":[516,"multiple-draws"],"ticketId":[514,"ticket-id"],"resetButton":[516,"reset-button"],"autoPick":[516,"auto-pick"],"language":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"translationUrl":[520,"translation-url"],"isLoading":[32],"hasErrors":[32],"ticketDone":[32],"isCustomSelect":[32],"amountInfo":[32],"stakeMultiplier":[32],"lineMultiplier":[32],"isCustomSelectStake":[32],"isCustomSelectDraw":[32],"isCustomSelectLine":[32],"drawMultiplier":[32],"secondarySelectionAllowed":[32],"partialQuickpickAvailable":[32],"boardsAllowed":[32],"tabIndex":[32],"groupType":[32],"playType":[32],"selectedPlayTypeId":[32],"maximumAllowed":[32],"numberRange":[32],"secondaryNumberRange":[32],"secondaryMaximumAllowed":[32],"minimumAllowed":[32],"secondaryMinimumAllowed":[32],"quickPicks":[32]},[[8,"click","checkForClickOutside"],[0,"gridFilled","gridFilledHandler"],[0,"gridClearAllEvent","handleGridClearAllEvent"],[4,"resetAllTicketSelection","toggleResetAllSeletion"]],{"lineMultiplier":["handleLineMultiplierChange"],"tabIndex":["handleTabIndexChange"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[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"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"highNumber":[514,"high-number"],"lowNumber":[514,"low-number"],"selectionType":[513,"selection-type"],"partialQuickpickAvailable":[516,"partial-quickpick-available"],"numbers":[32],"bonusNumbers":[32]},[[0,"lotteryBulletSelection","lotteryBulletSelectionHandler"],[4,"resetSelection","resetSelectionHandler"],[4,"autoSelection","autoSelectionHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-bullet",{"value":[513],"selectable":[516],"isSelected":[516,"is-selected"],"isBonus":[516,"is-bonus"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
 };
 
 export { defineCustomElements };

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

@@ -7216,7 +7216,7 @@ const LotteryTicket = class {
             this.isLoading = false;
             this.gameData = data;
             this.amountInfo = this.gameData.rules.stakes[0];
-            this.secondarySelectionAllowed = this.gameData.rules.secondarySelectionAllowed === "INPUT" ? true : false;
+            this.secondarySelectionAllowed = this.gameData.rules.secondarySelectionAllowed === 'INPUT' ? true : false;
             const betTypes = this.gameData.rules.betTypes;
             const result = betTypes.reduce((acc, betType) => {
                 if (betType.group) {
@@ -7238,20 +7238,20 @@ const LotteryTicket = class {
                 groupName,
                 betType: betTypes
             }));
-            this.groupType = [...result.noGroup, ...uniqueGroupsType,];
+            this.groupType = [...result.noGroup, ...uniqueGroupsType];
             this.playType = this.groupType[0].betType.map((v) => {
                 return Object.assign(Object.assign({}, v), { label: v.name || v.id, value: v.id });
             });
             this.partialQuickpickAvailable = this.gameData.rules.partialQuickpickAvailable;
-            // init primary bet type 'Prima'   
+            // init primary bet type 'Prima'
             this.boardsAllowed = (_a = this.gameData.rules.betTypes) === null || _a === void 0 ? void 0 : _a.filter((item) => item.id === 'Prima')[0].boardsAllowed;
             this.lineMultiplier = this.boardsAllowed[0];
             let selectionRules = this.gameData.rules.betTypes[0].selectionRules;
             let secondarySelectionRules = this.gameData.rules.betTypes[0].secondarySelectionRules;
-            this.numberRange = selectionRules.map(item => item.selectionCount);
+            this.numberRange = selectionRules.map((item) => item.selectionCount);
             this.maximumAllowed = Math.max(...this.numberRange);
             this.minimumAllowed = Math.min(...this.numberRange);
-            this.secondaryNumberRange = secondarySelectionRules.map(item => item.selectionCount);
+            this.secondaryNumberRange = secondarySelectionRules.map((item) => item.selectionCount);
             this.secondaryMaximumAllowed = Math.max(...this.secondaryNumberRange);
             this.secondaryMinimumAllowed = Math.min(...this.secondaryNumberRange);
         })
@@ -7277,7 +7277,9 @@ const LotteryTicket = class {
         }
     }
     gridFilledHandler(event) {
-        this.ticket = Object.assign(Object.assign({}, event.detail), { drawCount: this.drawMultiplier, multiplierNum: Number(this.stakeMultiplier), multiplier: this.gameData.rules.stakeMultiplierAvailable, quickPicks: this.quickPicks, betName: this.playType.length > 1 ? this.playType.find((item) => item.value === this.selectedPlayTypeId).label : this.groupType[this.tabIndex].groupName });
+        this.ticket = Object.assign(Object.assign({}, event.detail), { drawCount: this.drawMultiplier, multiplierNum: Number(this.stakeMultiplier), multiplier: this.gameData.rules.stakeMultiplierAvailable, quickPicks: this.quickPicks, betName: this.playType.length > 1
+                ? this.playType.find((item) => item.value === this.selectedPlayTypeId).label
+                : this.groupType[this.tabIndex].groupName });
         this.ticketDone = [
             ...this.ticketDone.slice(0, event.detail.index),
             true,
@@ -7287,19 +7289,11 @@ const LotteryTicket = class {
     }
     handleGridClearAllEvent(event) {
         let index = event.detail;
-        this.ticketDone = [
-            ...this.ticketDone.slice(0, index),
-            false,
-            ...this.ticketDone.slice(index + 1)
-        ];
+        this.ticketDone = [...this.ticketDone.slice(0, index), false, ...this.ticketDone.slice(index + 1)];
         this.quickPicks[index] = false;
     }
     toggleAutoSelection(index) {
-        this.ticketDone = [
-            ...this.ticketDone.slice(0, index),
-            true,
-            ...this.ticketDone.slice(index + 1)
-        ];
+        this.ticketDone = [...this.ticketDone.slice(0, index), true, ...this.ticketDone.slice(index + 1)];
         this.autoSelection.emit({
             ticketId: this.ticketId,
             index
@@ -7307,17 +7301,18 @@ const LotteryTicket = class {
         this.quickPicks[index] = true;
     }
     toggleResetSelection(index) {
-        this.ticketDone = [
-            ...this.ticketDone.slice(0, index),
-            false,
-            ...this.ticketDone.slice(index + 1)
-        ];
+        this.ticketDone = [...this.ticketDone.slice(0, index), false, ...this.ticketDone.slice(index + 1)];
         this.resetSelection.emit({
             ticketId: this.ticketId,
             index
         });
         this.quickPicks[index] = false;
     }
+    toggleResetAllSeletion() {
+        this.grids.forEach((_, index) => {
+            this.toggleResetSelection(index);
+        });
+    }
     changeStake(ticketid, amount) {
         this.stakeChange.emit({
             ticketId: ticketid,
@@ -7358,7 +7353,7 @@ const LotteryTicket = class {
         this.isCustomSelectLine = false;
         this.lineMultiplierChange.emit({
             ticketId: this.ticketId,
-            lineNum: item,
+            lineNum: item
         });
     }
     setDrawMultiplier(item) {
@@ -7399,17 +7394,7 @@ const LotteryTicket = class {
             }
             else {
                 const { rules } = this.gameData;
-                return (h("div", { class: "TicketContainer", ref: el => this.stylingContainer = el }, h("p", { class: "TicketTitle" }, this.gameData.name), h("div", { class: "TicketTabs" }, this.groupType.map((item, index) => h("div", { class: 'TabButton' + (this.tabIndex == index ? ' Active' : ''), onClick: () => this.tabIndex = index }, item.groupName))), this.playType.length > 1 &&
-                    h("div", null, h("label", { class: "Label" }, translate('playType', this.language), ": "), h("vaadin-select", { style: { 'width': '160px' }, items: this.playType, value: this.selectedPlayTypeId, "on-value-changed": (e) => this.handlePlayTypeChange(e.detail.value) })), this.boardsAllowed.length > 1 &&
-                    h("div", null, h("label", { class: "Label" }, translate('lines', this.language), ": "), h("div", { class: "WagerInput" }, h("div", { ref: el => this.selectLineRef = el, class: this.isCustomSelectLine ? "SelectWrapper SelectActive" : "SelectWrapper" }, h("div", { class: "SelectButton", onClick: () => this.toggleLineSelection() }, h("span", null, this.lineMultiplier), h("span", { class: "SelectExpand" }, "\u25BC")), h("div", { class: "SelectContent" }, h("ul", { class: "SelectOptions" }, this.boardsAllowed.map((item) => h("li", { class: this.lineMultiplier == item ? 'SelectedValue' : '', value: item, onClick: () => this.setLineMultiplier(item) }, item))))))), this.grids.map((_, index) => h("div", null, h("div", { class: "TicketGridHeader" }, h("div", null, translate('lineName', this.language), index + 1), this.resetButton && this.ticketDone[index] &&
-                    h("div", { class: "ButtonContainer" }, h("a", { class: "ResetButton", onClick: () => this.toggleResetSelection(index) }, translate('resetButton', this.language))), this.autoPick && !this.ticketDone[index] &&
-                    h("div", { class: "ButtonContainer" }, h("a", { class: "AutoButton", onClick: () => this.toggleAutoSelection(index) }, translate('autoButton', this.language)))), h("div", { class: "TicketGridBullets" }, h("p", { class: "TicketGridTitle" }, rules.boards[0].selectionName), h("lottery-grid", { "grid-index": index, "maximum-allowed": this.maximumAllowed, "minimum-allowed": this.minimumAllowed, "number-range": JSON.stringify(this.numberRange), "high-number": rules.boards[0].highNumber, "low-number": rules.boards[0].lowNumber, "total-numbers": rules.boards[0].highNumber - rules.boards[0].lowNumber + 1, selectable: true, "reset-button": true, "auto-pick": true, "game-id": this.gameId, "ticket-id": this.ticketId, "partial-quickpick-available": this.partialQuickpickAvailable, language: this.language, "translation-url": this.translationUrl, "selection-type": 'mainSelection', "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "mb-source": this.mbSource })), this.secondarySelectionAllowed &&
-                    h("div", { class: "SecondarySelectionWrapper" }, h("div", { class: "TicketGridBullets" }, h("p", { class: "TicketGridTitle" }, rules.boards[0].secondarySelectionName), h("lottery-grid", { "grid-index": index, "maximum-allowed": this.secondaryMaximumAllowed, "minimum-allowed": this.secondaryMinimumAllowed, "number-range": JSON.stringify(this.secondaryNumberRange), "high-number": rules.boards[0].secondaryHighNumber, "low-number": rules.boards[0].secondaryLowNumber, "total-numbers": rules.boards[0].secondaryHighNumber - rules.boards[0].secondaryLowNumber + 1, selectable: true, "reset-button": true, "auto-pick": true, "game-id": this.gameId, "ticket-id": this.ticketId, "partial-quickpick-available": this.partialQuickpickAvailable, language: this.language, "translation-url": this.translationUrl, "selection-type": 'secondarySelection', "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "mb-source": this.mbSource }))))), rules.stakeMultiplierAvailable &&
-                    h("div", null, h("label", { class: "Label" }, translate('multiplier', this.language), ": "), h("div", { class: "WagerInput" }, rules.stakeMultipliers.length > 1 ?
-                        (h("div", { ref: el => this.selectStakeRef = el, class: this.isCustomSelectStake ? "SelectWrapper SelectActive" : "SelectWrapper" }, h("div", { class: "SelectButton", onClick: () => this.toggleSelection() }, h("span", null, this.stakeMultiplier), h("span", { class: "SelectExpand" }, "\u25BC")), h("div", { class: "SelectContent" }, h("ul", { class: "SelectOptions" }, rules.stakeMultipliers.map((item) => h("li", { class: this.stakeMultiplier == item ? 'SelectedValue' : '', value: item, onClick: () => this.setStakeMultiplier(item) }, item)))))) : (h("div", null, h("input", { min: "1", value: rules.stakeMultipliers[0] || 1, type: "number", disabled: true }))))), rules.drawMultiplierAvailable &&
-                    h("div", null, h("label", { class: "Label" }, translate('numberOfDraws', this.language), ": "), h("div", { class: "WagerInput" }, rules.durations.length > 1 ?
-                        (h("div", { ref: el => this.selectDrawRef = el, class: this.isCustomSelectDraw ? "SelectWrapper SelectActive" : "SelectWrapper" }, h("div", { class: "SelectButton", onClick: () => this.toggleDrawSelection() }, h("span", null, this.drawMultiplier), h("span", { class: "SelectExpand" }, "\u25BC")), h("div", { class: "SelectContent" }, h("ul", { class: "SelectOptions" }, rules.durations.map((item) => h("li", { class: this.drawMultiplier == item ? 'SelectedValue' : '', value: item, onClick: () => this.setDrawMultiplier(item) }, item)))))) : (h("div", null, h("input", { min: "1", value: rules.durations[0] || 1, type: "number", disabled: true }))))), h("div", null, h("label", { class: "Label" }, translate('wagerPerDraw', this.language), ": "), h("div", { class: "WagerInput" }, rules.stakes.length > 1 ?
-                    (h("div", { ref: el => this.selectRef = el, class: this.isCustomSelect ? "SelectWrapper SelectActive" : "SelectWrapper" }, h("div", { class: "SelectButton", onClick: () => this.toggleClass() }, h("span", null, this.amountInfo.value, " ", this.amountInfo.currency), h("span", { class: "SelectExpand" }, "\u25BC")), h("div", { class: "SelectContent" }, h("ul", { class: "SelectOptions" }, rules.stakes.map((item) => h("li", { class: this.amountInfo.value == item.value ? 'SelectedValue' : '', value: item.value, onClick: () => this.setWagerPerDraw(item) }, item.value, " ", item.currency)))))) : (h("div", null, h("input", { min: "1", value: rules.stakes[0].value, type: "number", disabled: true }), h("span", { class: "WagerInputTitle" }, rules.stakes[0].currency)))))));
+                return (h("div", { class: "TicketContainer", ref: (el) => (this.stylingContainer = el) }, h("p", { class: "TicketTitle" }, this.gameData.name), h("div", { class: "TicketTabs" }, this.groupType.map((item, index) => (h("div", { class: 'TabButton' + (this.tabIndex == index ? ' Active' : ''), onClick: () => (this.tabIndex = index) }, item.groupName)))), this.playType.length > 1 && (h("div", null, h("label", { class: "Label" }, translate('playType', this.language), ": "), h("vaadin-select", { style: { width: '160px' }, items: this.playType, value: this.selectedPlayTypeId, "on-value-changed": (e) => this.handlePlayTypeChange(e.detail.value) }))), this.boardsAllowed.length > 1 && (h("div", null, h("label", { class: "Label" }, translate('lines', this.language), ": "), h("div", { class: "WagerInput" }, h("div", { ref: (el) => (this.selectLineRef = el), class: this.isCustomSelectLine ? 'SelectWrapper SelectActive' : 'SelectWrapper' }, h("div", { class: "SelectButton", onClick: () => this.toggleLineSelection() }, h("span", null, this.lineMultiplier), h("span", { class: "SelectExpand" }, "\u25BC")), h("div", { class: "SelectContent" }, h("ul", { class: "SelectOptions" }, this.boardsAllowed.map((item) => (h("li", { class: this.lineMultiplier == item ? 'SelectedValue' : '', value: item, onClick: () => this.setLineMultiplier(item) }, item))))))))), this.grids.map((_, index) => (h("div", null, h("div", { class: "TicketGridHeader" }, h("div", null, translate('lineName', this.language), index + 1), this.resetButton && this.ticketDone[index] && (h("div", { class: "ButtonContainer" }, h("a", { class: "ResetButton", onClick: () => this.toggleResetSelection(index) }, translate('resetButton', this.language)))), this.autoPick && !this.ticketDone[index] && (h("div", { class: "ButtonContainer" }, h("a", { class: "AutoButton", onClick: () => this.toggleAutoSelection(index) }, translate('autoButton', this.language))))), h("div", { class: "TicketGridBullets" }, h("p", { class: "TicketGridTitle" }, rules.boards[0].selectionName), h("lottery-grid", { "grid-index": index, "maximum-allowed": this.maximumAllowed, "minimum-allowed": this.minimumAllowed, "number-range": JSON.stringify(this.numberRange), "high-number": rules.boards[0].highNumber, "low-number": rules.boards[0].lowNumber, "total-numbers": rules.boards[0].highNumber - rules.boards[0].lowNumber + 1, selectable: true, "reset-button": true, "auto-pick": true, "game-id": this.gameId, "ticket-id": this.ticketId, "partial-quickpick-available": this.partialQuickpickAvailable, language: this.language, "translation-url": this.translationUrl, "selection-type": 'mainSelection', "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "mb-source": this.mbSource })), this.secondarySelectionAllowed && (h("div", { class: "SecondarySelectionWrapper" }, h("div", { class: "TicketGridBullets" }, h("p", { class: "TicketGridTitle" }, rules.boards[0].secondarySelectionName), h("lottery-grid", { "grid-index": index, "maximum-allowed": this.secondaryMaximumAllowed, "minimum-allowed": this.secondaryMinimumAllowed, "number-range": JSON.stringify(this.secondaryNumberRange), "high-number": rules.boards[0].secondaryHighNumber, "low-number": rules.boards[0].secondaryLowNumber, "total-numbers": rules.boards[0].secondaryHighNumber - rules.boards[0].secondaryLowNumber + 1, selectable: true, "reset-button": true, "auto-pick": true, "game-id": this.gameId, "ticket-id": this.ticketId, "partial-quickpick-available": this.partialQuickpickAvailable, language: this.language, "translation-url": this.translationUrl, "selection-type": 'secondarySelection', "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "mb-source": this.mbSource }))))))), rules.stakeMultiplierAvailable && (h("div", null, h("label", { class: "Label" }, translate('multiplier', this.language), ": "), h("div", { class: "WagerInput" }, rules.stakeMultipliers.length > 1 ? (h("div", { ref: (el) => (this.selectStakeRef = el), class: this.isCustomSelectStake ? 'SelectWrapper SelectActive' : 'SelectWrapper' }, h("div", { class: "SelectButton", onClick: () => this.toggleSelection() }, h("span", null, this.stakeMultiplier), h("span", { class: "SelectExpand" }, "\u25BC")), h("div", { class: "SelectContent" }, h("ul", { class: "SelectOptions" }, rules.stakeMultipliers.map((item) => (h("li", { class: this.stakeMultiplier == item ? 'SelectedValue' : '', value: item, onClick: () => this.setStakeMultiplier(item) }, item))))))) : (h("div", null, h("input", { min: "1", value: rules.stakeMultipliers[0] || 1, type: "number", disabled: true })))))), rules.drawMultiplierAvailable && (h("div", null, h("label", { class: "Label" }, translate('numberOfDraws', this.language), ": "), h("div", { class: "WagerInput" }, rules.durations.length > 1 ? (h("div", { ref: (el) => (this.selectDrawRef = el), class: this.isCustomSelectDraw ? 'SelectWrapper SelectActive' : 'SelectWrapper' }, h("div", { class: "SelectButton", onClick: () => this.toggleDrawSelection() }, h("span", null, this.drawMultiplier), h("span", { class: "SelectExpand" }, "\u25BC")), h("div", { class: "SelectContent" }, h("ul", { class: "SelectOptions" }, rules.durations.map((item) => (h("li", { class: this.drawMultiplier == item ? 'SelectedValue' : '', value: item, onClick: () => this.setDrawMultiplier(item) }, item))))))) : (h("div", null, h("input", { min: "1", value: rules.durations[0] || 1, type: "number", disabled: true })))))), h("div", null, h("label", { class: "Label" }, translate('wagerPerDraw', this.language), ": "), h("div", { class: "WagerInput" }, rules.stakes.length > 1 ? (h("div", { ref: (el) => (this.selectRef = el), class: this.isCustomSelect ? 'SelectWrapper SelectActive' : 'SelectWrapper' }, h("div", { class: "SelectButton", onClick: () => this.toggleClass() }, h("span", null, this.amountInfo.value, " ", this.amountInfo.currency), h("span", { class: "SelectExpand" }, "\u25BC")), h("div", { class: "SelectContent" }, h("ul", { class: "SelectOptions" }, rules.stakes.map((item) => (h("li", { class: this.amountInfo.value == item.value ? 'SelectedValue' : '', value: item.value, onClick: () => this.setWagerPerDraw(item) }, item.value, " ", item.currency))))))) : (h("div", null, h("input", { min: "1", value: rules.stakes[0].value, type: "number", disabled: true }), h("span", { class: "WagerInputTitle" }, rules.stakes[0].currency)))))));
             }
         }
     }

package/dist/esm/lottery-ticket.js

@@ -16,5 +16,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["lottery-bullet_3",[[1,"lottery-ticket",{"endpoint":[513],"gameId":[513,"game-id"],"numberOfGrids":[514,"number-of-grids"],"multipleDraws":[516,"multiple-draws"],"ticketId":[514,"ticket-id"],"resetButton":[516,"reset-button"],"autoPick":[516,"auto-pick"],"language":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"translationUrl":[520,"translation-url"],"isLoading":[32],"hasErrors":[32],"ticketDone":[32],"isCustomSelect":[32],"amountInfo":[32],"stakeMultiplier":[32],"lineMultiplier":[32],"isCustomSelectStake":[32],"isCustomSelectDraw":[32],"isCustomSelectLine":[32],"drawMultiplier":[32],"secondarySelectionAllowed":[32],"partialQuickpickAvailable":[32],"boardsAllowed":[32],"tabIndex":[32],"groupType":[32],"playType":[32],"selectedPlayTypeId":[32],"maximumAllowed":[32],"numberRange":[32],"secondaryNumberRange":[32],"secondaryMaximumAllowed":[32],"minimumAllowed":[32],"secondaryMinimumAllowed":[32],"quickPicks":[32]},[[8,"click","checkForClickOutside"],[0,"gridFilled","gridFilledHandler"],[0,"gridClearAllEvent","handleGridClearAllEvent"]],{"lineMultiplier":["handleLineMultiplierChange"],"tabIndex":["handleTabIndexChange"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[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"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"highNumber":[514,"high-number"],"lowNumber":[514,"low-number"],"selectionType":[513,"selection-type"],"partialQuickpickAvailable":[516,"partial-quickpick-available"],"numbers":[32],"bonusNumbers":[32]},[[0,"lotteryBulletSelection","lotteryBulletSelectionHandler"],[4,"resetSelection","resetSelectionHandler"],[4,"autoSelection","autoSelectionHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-bullet",{"value":[513],"selectable":[516],"isSelected":[516,"is-selected"],"isBonus":[516,"is-bonus"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
+  return bootstrapLazy([["lottery-bullet_3",[[1,"lottery-ticket",{"endpoint":[513],"gameId":[513,"game-id"],"numberOfGrids":[514,"number-of-grids"],"multipleDraws":[516,"multiple-draws"],"ticketId":[514,"ticket-id"],"resetButton":[516,"reset-button"],"autoPick":[516,"auto-pick"],"language":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"translationUrl":[520,"translation-url"],"isLoading":[32],"hasErrors":[32],"ticketDone":[32],"isCustomSelect":[32],"amountInfo":[32],"stakeMultiplier":[32],"lineMultiplier":[32],"isCustomSelectStake":[32],"isCustomSelectDraw":[32],"isCustomSelectLine":[32],"drawMultiplier":[32],"secondarySelectionAllowed":[32],"partialQuickpickAvailable":[32],"boardsAllowed":[32],"tabIndex":[32],"groupType":[32],"playType":[32],"selectedPlayTypeId":[32],"maximumAllowed":[32],"numberRange":[32],"secondaryNumberRange":[32],"secondaryMaximumAllowed":[32],"minimumAllowed":[32],"secondaryMinimumAllowed":[32],"quickPicks":[32]},[[8,"click","checkForClickOutside"],[0,"gridFilled","gridFilledHandler"],[0,"gridClearAllEvent","handleGridClearAllEvent"],[4,"resetAllTicketSelection","toggleResetAllSeletion"]],{"lineMultiplier":["handleLineMultiplierChange"],"tabIndex":["handleTabIndexChange"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[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"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"highNumber":[514,"high-number"],"lowNumber":[514,"low-number"],"selectionType":[513,"selection-type"],"partialQuickpickAvailable":[516,"partial-quickpick-available"],"numbers":[32],"bonusNumbers":[32]},[[0,"lotteryBulletSelection","lotteryBulletSelectionHandler"],[4,"resetSelection","resetSelectionHandler"],[4,"autoSelection","autoSelectionHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-bullet",{"value":[513],"selectable":[516],"isSelected":[516,"is-selected"],"isBonus":[516,"is-bonus"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
 });