@everymatrix/lottery-draw-results 1.52.5 → 1.53.0

package/dist/cjs/{index-ce32069d.js → index-5a3c71df.js}

@@ -21,7 +21,7 @@ function _interopNamespace(e) {
 }
 
 const NAMESPACE = 'lottery-draw-results';
-const BUILD = /* lottery-draw-results */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: false, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: false, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: false };
+const BUILD = /* lottery-draw-results */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: false, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: false, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: false };
 
 /*
  Stencil Client Platform v4.22.3 | MIT Licensed | https://stenciljs.com
@@ -445,6 +445,27 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
       const newClasses = parseClassList(newValue);
       classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
       classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
+    } else if (memberName === "style") {
+      {
+        for (const prop in oldValue) {
+          if (!newValue || newValue[prop] == null) {
+            if (prop.includes("-")) {
+              elm.style.removeProperty(prop);
+            } else {
+              elm.style[prop] = "";
+            }
+          }
+        }
+      }
+      for (const prop in newValue) {
+        if (!oldValue || newValue[prop] !== oldValue[prop]) {
+          if (prop.includes("-")) {
+            elm.style.setProperty(prop, newValue[prop]);
+          } else {
+            elm.style[prop] = newValue[prop];
+          }
+        }
+      }
     } else if (memberName === "key") ; else if (memberName === "ref") {
       if (newValue) {
         newValue(elm);

package/dist/cjs/loader.cjs.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ce32069d.js');
+const index = require('./index-5a3c71df.js');
 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-draw-results",{"endpoint":[513],"gameId":[513,"game-id"],"language":[513],"playerId":[513,"player-id"],"drawMode":[516,"draw-mode"],"drawId":[513,"draw-id"],"gameName":[513,"game-name"],"ticketDate":[513,"ticket-date"],"ticketStatus":[513,"ticket-status"],"ticketId":[513,"ticket-id"],"ticketAmount":[513,"ticket-amount"],"ticketMultiplier":[516,"ticket-multiplier"],"ticketDrawCount":[514,"ticket-draw-count"],"ticketNumbers":[513,"ticket-numbers"],"sessionId":[513,"session-id"],"clientStyling":[513,"client-styling"],"clientStylingUrlContent":[513,"client-styling-url-content"],"ticketDrawData":[513,"ticket-draw-data"],"multiplier":[32],"isLoading":[32],"hasErrors":[32],"errorText":[32],"ticketData":[32],"ticketDataLoaded":[32],"ticketDraws":[32],"toggleDrawer":[32],"limitStylingAppends":[32],"drawData":[32]}],[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_3.cjs",[[1,"lottery-draw-results",{"endpoint":[513],"gameId":[513,"game-id"],"language":[513],"playerId":[513,"player-id"],"drawMode":[516,"draw-mode"],"drawId":[513,"draw-id"],"gameName":[513,"game-name"],"ticketDate":[513,"ticket-date"],"ticketStatus":[513,"ticket-status"],"ticketId":[513,"ticket-id"],"ticketAmount":[513,"ticket-amount"],"ticketCurrency":[513,"ticket-currency"],"ticketMultiplier":[516,"ticket-multiplier"],"ticketMultiplierNum":[514,"ticket-multiplier-num"],"ticketDrawCount":[514,"ticket-draw-count"],"ticketNumbers":[513,"ticket-numbers"],"sessionId":[513,"session-id"],"clientStyling":[513,"client-styling"],"clientStylingUrlContent":[513,"client-styling-url-content"],"ticketDrawData":[513,"ticket-draw-data"],"tabValue":[513,"tab-value"],"multiplier":[32],"isLoading":[32],"hasErrors":[32],"errorText":[32],"ticketData":[32],"ticketDataLoaded":[32],"ticketDraws":[32],"toggleDrawer":[32],"limitStylingAppends":[32],"drawData":[32]}],[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/cjs/lottery-bullet_3.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ce32069d.js');
+const index = require('./index-5a3c71df.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 {
@@ -35,6 +35,7 @@ const LotteryBullet = class {
         this.value = '0';
         this.selectable = true;
         this.isSelected = false;
+        this.isBonus = false;
         this.clientStyling = '';
         this.clientStylingUrlContent = '';
         this.limitStylingAppends = false;
@@ -51,7 +52,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,25 +65,27 @@ const TRANSLATIONS = {
         drawId: 'Draw ID',
         drawName: 'Game name',
         drawDate: 'Draw Date',
-        drawNumbersGridDraw: 'Draw numbers Grid ',
-        drawNumbersGridTicket: 'Draw numbers Grid ',
+        drawNumbersGridDraw: 'Draw numbers',
+        drawNumbersGridTicket: 'Selected Numbers',
         ticketResult: 'Ticket result',
         amountWon: 'Amount won',
         numberOfDraws: 'Number of draws',
         multiplier: 'Multiplier:',
+        multiplierNum: 'Multiplier Number',
         ticketPurchaseDate: 'Ticket Purchase Date',
         ticketStatus: 'Ticket Status',
         ticketId: 'Ticket ID',
         ticketAmount: 'Ticket Amount',
         winUpTo: 'Win up to',
+        prize: 'Prizes'
     },
     ro: {
         drawResultsHeader: 'Ultimele rezultate extragere',
         drawId: 'Id extragere',
         drawName: 'Numele jocului',
         drawDate: 'Data extragerii',
-        drawNumbersGridDraw: 'Numerele extrase Grid',
-        drawNumbersGridTicket: 'Numerele extrase Grid',
+        drawNumbersGridDraw: 'Numerele extrase',
+        drawNumbersGridTicket: 'Numere selectate',
         ticketResult: 'Rezultatul biletului',
         amountWon: 'Suma castigata',
         numberOfDraws: 'Numarul de extrageri',
@@ -91,15 +94,16 @@ const TRANSLATIONS = {
         ticketStatus: 'Statusul biletului',
         ticketId: 'Id biletul',
         ticketAmount: 'Valoarea biletului',
-        winUpTo: 'Poti castiga'
+        winUpTo: 'Poti castiga',
+        prize: 'Premii'
     },
     fr: {
         drawResultsHeader: 'Résultats du dernier tirage',
         drawId: 'ID de tirage',
         drawName: 'Nom du jeu',
         drawDate: 'Date du tirage',
-        drawNumbersGridDraw: 'Tirage des numéros Grille',
-        drawNumbersGridTicket: 'Tirage des numéros Grille',
+        drawNumbersGridDraw: 'Tirage des numéros',
+        drawNumbersGridTicket: 'Nombres sélectionnés',
         ticketResult: 'Résultat du ticket',
         amountWon: 'Montant gagné',
         numberOfDraws: 'Nombre de tirages',
@@ -108,15 +112,16 @@ const TRANSLATIONS = {
         ticketStatus: 'Statut du ticket',
         ticketId: 'ID de billets',
         ticketAmount: 'Montant du billet',
-        winUpTo: 'Gagnez jusqu\'à'
+        winUpTo: 'Gagnez jusqu\'à',
+        prize: 'Prix'
     },
     ar: {
         drawResultsHeader: 'نتائج آخر سحب',
         drawId: 'معرّف السحب',
         drawName: 'اسم اللعبة',
         drawDate: 'تاريخ السحب',
-        drawNumbersGridDraw: 'شبكة أرقام السحب',
-        drawNumbersGridTicket: 'شبكة أرقام السحب',
+        drawNumbersGridDraw: ' أرقام السحب',
+        drawNumbersGridTicket: 'الأرقام المختارة',
         ticketResult: 'نتيجة التذكرة',
         amountWon: 'المبلغ الذي تم ربحه',
         numberOfDraws: 'عدد السحوبات',
@@ -125,15 +130,16 @@ const TRANSLATIONS = {
         ticketStatus: 'حالة التذكرة',
         ticketId: 'معرّف التذكرة',
         ticketAmount: 'مبلغ التذكرة',
-        winUpTo: 'ربح يصل إلى'
+        winUpTo: 'ربح يصل إلى',
+        prize: 'الجوائز'
     },
     hr: {
         drawResultsHeader: 'Rezultati posljednjeg izvlačenja',
         drawId: 'ID izvlačenja',
         drawName: 'Naziv igre',
         drawDate: 'Datum izvlačenja',
-        drawNumbersGridDraw: 'Tablica izvučenih brojeva',
-        drawNumbersGridTicket: 'Tablica izvučenih brojeva',
+        drawNumbersGridDraw: 'Tablica izvučenih',
+        drawNumbersGridTicket: 'Odabrani brojevi',
         ticketResult: 'Rezultat listića',
         amountWon: 'Osvojeni iznos',
         numberOfDraws: 'Broj izvlačenja',
@@ -142,7 +148,8 @@ const TRANSLATIONS = {
         ticketStatus: 'Status listića',
         ticketId: 'ID listića',
         ticketAmount: 'Iznos listića',
-        winUpTo: 'Osvoji do'
+        winUpTo: 'Osvoji do',
+        prize: 'Nagrade'
     },
 };
 const translate = (key, customLang) => {
@@ -150,7 +157,7 @@ const translate = (key, customLang) => {
     return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
 };
 
-const lotteryDrawResultsCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.TicketInfo{display:flex;flex-direction:row;gap:15px;background-color:#009993;color:#fff;padding:12px;font-size:14px}.DrawResultsArea{margin-top:15px}.DrawResultsArea.TicketDraws .Content{padding:0;border:0}.DrawResultsArea.TicketDraws .DrawResultsBody{padding:0;margin-bottom:5px;border-radius:0;border:0}.DrawResultsSection{max-width:600px;margin:0px auto;border-radius:4px}.DrawResultsHeader{display:flex;justify-content:space-between;padding:10px 20px;background-color:#009993;color:#fff;font-size:14px;border-radius:4px 4px 0 0}.DrawResultsHeader h4{text-transform:uppercase;font-weight:400;margin:0;padding-top:15px}.DrawResultsBody{padding:20px;margin-bottom:5px;border-radius:0 0 4px 4px;border:1px solid #009993}.DrawResultsBody>div{margin:10px 0}.DrawResultsBody .NumberOfDrawsContainer{display:table;width:100%}.DrawNumbersGrid{display:flex;flex-direction:column;gap:5px}.DrawNumbersGrid label{display:block;margin-bottom:7px}.Toggle{cursor:pointer;display:inline-block}.ToggleSwitch{display:inline-block;background:#ccc;border-radius:16px;width:58px;height:24px;position:relative;vertical-align:middle;transition:background 0.25s}.ToggleSwitch:before,.ToggleSwitch:after{content:\"\"}.ToggleSwitch:before{display:block;background:linear-gradient(to bottom, #fff 0%, #eee 100%);border-radius:50%;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.25);width:16px;height:16px;position:absolute;top:4px;left:4px;transition:left 0.25s}.Toggle:hover .ToggleSwitch:before{background:linear-gradient(to bottom, #fff 0%, #fff 100%);box-shadow:0 0 0 1px rgba(0, 0, 0, 0.5)}.ToggleCheckbox:checked+.ToggleSwitch{background:#56c080}.ToggleCheckbox:checked+.ToggleSwitch:before{left:38px}.ToggleCheckbox{position:absolute;visibility:hidden}.Label{position:relative}.DrawTicketsContainer{display:flex;flex-direction:column;margin:20px auto 0}.DrawMultipler{margin-top:15px}.ExpandableBoxes{position:relative;display:flex;flex-direction:column;border:1px solid #ccc;border-radius:5px;background-color:white}.ExpandableBox{border-bottom:1px solid #ccc;transition:height 300ms ease-in-out;overflow:hidden;height:80px}.ExpandableBox:last-child{border-bottom:0}.ExpandableBoxHeader{position:relative;list-style:none;outline:0;cursor:pointer;text-transform:uppercase;transition:color 300ms ease-in-out;margin-bottom:24px;margin-left:5px}.ShowBox>.ExpandableBoxHeader{color:#009993}.ExpandableBoxHeader::-webkit-details-marker{display:none}.ExpandableBoxHeader:before,.ExpandableBoxHeader:after{content:\"\";position:absolute}.ExpandableBoxHeader:before{right:21px;top:50%;height:2px;margin-top:-1px;width:16px;background:#009993}.ExpandableBoxHeader:after{right:28px;top:50%;height:16px;margin-top:-8px;width:2px;margin-left:-1px;background:#009993;transition:all 300ms ease-in-out}.ShowBox .ExpandableBoxHeader:after{opacity:0;transform:translateY(25%)}.ExpandableBoxBody{padding-top:0;font-weight:lighter;margin-left:5px}.ExpandableBox.ShowBox{height:300px}";
+const lotteryDrawResultsCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.TicketInfo{display:flex;flex-direction:row;gap:15px;background-color:var(--emw--color-background, #009993);color:var(--emw--color-gray-transparency-100, rgb(255, 255, 255));padding:12px;font-size:14px}.DrawResultsArea{margin-top:15px}.DrawResultsArea.TicketDraws .Content{padding:0;border:0}.DrawResultsArea.TicketDraws .DrawResultsBody{padding:0;margin-bottom:5px;border-radius:0;border:0}.DrawResultsSection{max-width:600px;margin:0px auto;border-radius:4px}.DrawResultsHeader{display:flex;justify-content:space-between;padding:10px 20px;background-color:var(--emw--color-background, #009993);color:var(--emw--color-gray-transparency-100, rgb(255, 255, 255));font-size:14px;border-radius:4px 4px 0 0}.DrawResultsHeader h4{text-transform:uppercase;font-weight:400;margin:0;padding-top:15px}.DrawResultsBody{padding:20px;margin-bottom:5px;border-radius:0 0 4px 4px;border:1px solid var(--emw--color-typography, #009993)}.DrawResultsBody>div{margin:10px 0}.DrawResultsBody .NumberOfDrawsContainer{display:table;width:100%}.DrawNumbersGrid{display:flex;flex-direction:column;gap:5px}.DrawNumbersGrid label{display:block;margin-bottom:7px}.Label{position:relative}.DrawTicketsContainer{display:flex;flex-direction:column;margin:20px auto 0}.DrawMultipler{margin-top:15px}.DrawPrizes{margin-top:10px}.ExpandableBoxes{position:relative;display:flex;flex-direction:column;border:1px solid var(--emw--color-gray-transparency-80, #ccc);border-radius:5px;background-color:var(--emw--color-gray-transparency-100, rgb(255, 255, 255))}.ExpandableBox{border-bottom:1px solid var(--emw--color-gray-transparency-80, #ccc);transition:height 300ms ease-in-out;overflow:hidden;height:80px}.ExpandableBox:last-child{border-bottom:0}.ExpandableBoxHeader{position:relative;list-style:none;outline:0;cursor:pointer;text-transform:uppercase;transition:color 300ms ease-in-out;margin-bottom:24px;margin-left:5px}.ShowBox>.ExpandableBoxHeader{color:var(--emw--color-typography, #009993)}.ExpandableBoxHeader::-webkit-details-marker{display:none}.ExpandableBoxHeader:before,.ExpandableBoxHeader:after{content:\"\";position:absolute}.ExpandableBoxHeader:before{right:21px;top:50%;height:2px;margin-top:-1px;width:16px;background:var(--emw--color-background, #009993)}.ExpandableBoxHeader:after{right:28px;top:50%;height:16px;margin-top:-8px;width:2px;margin-left:-1px;background:var(--emw--color-background, #009993);transition:all 300ms ease-in-out}.ShowBox .ExpandableBoxHeader:after{opacity:0;transform:translateY(25%)}.ExpandableBoxBody{padding-top:0;font-weight:lighter;margin-left:5px}.ExpandableBox.ShowBox{height:auto}";
 const LotteryDrawResultsStyle0 = lotteryDrawResultsCss;
 
 const LotteryDrawResults = class {
@@ -181,13 +188,16 @@ const LotteryDrawResults = class {
         this.ticketStatus = '';
         this.ticketId = '';
         this.ticketAmount = '';
+        this.ticketCurrency = '';
         this.ticketMultiplier = false;
+        this.ticketMultiplierNum = undefined;
         this.ticketDrawCount = 0;
         this.ticketNumbers = '';
         this.sessionId = '';
         this.clientStyling = '';
         this.clientStylingUrlContent = '';
         this.ticketDrawData = '';
+        this.tabValue = '';
         this.multiplier = 3;
         this.isLoading = true;
         this.hasErrors = false;
@@ -203,7 +213,19 @@ const LotteryDrawResults = class {
         let promises = [];
         // Split ticket numbers for each grid
         if (this.ticketNumbers) {
-            this.gridNumbers = JSON.parse(this.ticketNumbers);
+            let ticketNumbers = [];
+            try {
+                ticketNumbers = JSON.parse(this.ticketNumbers);
+            }
+            catch (error) {
+                ticketNumbers = [];
+            }
+            this.gridNumbers = ticketNumbers.map(item => {
+                return item.selections;
+            });
+            this.gridSecondaryNumbers = ticketNumbers.map(item => {
+                return item.secondarySelections || [];
+            });
         }
         if (this.drawId) {
             promises.push(this.getDrawData());
@@ -220,7 +242,7 @@ const LotteryDrawResults = class {
         if (this.ticketDrawData && this.ticketDrawDetailsFlag) {
             this.ticketDrawDetails = JSON.parse(this.ticketDrawData);
             this.ticketDrawDetails.forEach((drawDetail) => {
-                this.getDrawData(drawDetail.drawId).then((drawData) => drawDetail.drawData = drawData);
+                this.getDrawData(drawDetail.drawId).then((drawData) => drawDetail.drawData = Object.assign({}, drawData));
             });
             this.ticketDrawDetailsFlag = false;
         }
@@ -272,6 +294,17 @@ const LotteryDrawResults = class {
             this.toggleDrawer.push(true);
         }
     }
+    getDivision(detail, drawDetail) {
+        var _a, _b;
+        let division = detail.division;
+        let prize = (_b = (_a = drawDetail.drawData) === null || _a === void 0 ? void 0 : _a.prizes) === null || _b === void 0 ? void 0 : _b.filter(prize => prize.order === division);
+        if (prize && prize.length) {
+            return prize[0].division;
+        }
+        else {
+            return null;
+        }
+    }
     render() {
         if (this.isLoading) {
             return (index.h("p", null, "Loading, please wait ..."));
@@ -282,18 +315,24 @@ const LotteryDrawResults = class {
         else {
             return (index.h("section", { class: "DrawResultsSection", ref: el => this.stylingContainer = el }, this.drawMode ?
                 index.h("div", { class: "DrawResultsArea" }, this.drawData &&
-                    index.h("div", null, index.h("div", { class: "DrawResultsHeader" }, index.h("span", null, translate('drawId', this.language), ":  ", this.drawData.id), index.h("span", null, translate('drawDate', this.language), ": ", this.drawData.date.slice(0, 10))), index.h("div", { class: "DrawResultsBody" }, index.h("div", { class: "DrawNumbersGrid" }, index.h("p", null, translate('drawNumbersGridDraw', this.language), "0:"), index.h("div", { class: "BulletContainer" }, index.h("lottery-grid", { "selected-numbers": this.drawData.winningNumbers.join(','), "display-selected": true, selectable: false, language: this.language, "grid-type": 'ticket', "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent })), index.h("div", { class: "DrawMultipler" }, index.h("label", { class: "Label" }, translate('multiplier', this.language), " ", this.multiplier))))))
+                    index.h("div", null, index.h("div", { class: "DrawResultsHeader" }, index.h("span", null, translate('drawId', this.language), ":  ", this.drawData.id), index.h("span", null, translate('drawDate', this.language), ": ", this.drawData.date.slice(0, 10))), index.h("div", { class: "DrawResultsBody" }, index.h("div", { class: "DrawNumbersGrid" }, index.h("p", null, translate('drawNumbersGridDraw', this.language)), index.h("div", { class: "BulletContainer" }, index.h("lottery-grid", { "selected-numbers": this.drawData.winningNumbers.length && this.drawData.winningNumbers[0]['numbers'].join(','), "secondary-numbers": this.drawData.winningNumbers.length ? this.drawData.winningNumbers[0]['secondaryNumbers'].join(',') : '', "display-selected": true, selectable: false, language: this.language, "grid-type": 'ticket', "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent })), index.h("div", { class: "DrawPrizes" }, index.h("label", { class: "Label" }, translate('prize', this.language), " "), this.drawData.prizes.length ? index.h("div", null, " ", this.drawData.prizes.filter(item => item.division !== 'None').map((prize) => index.h("div", null, index.h("span", { style: { 'margin-right': '5px' } }, prize.division, ":"), index.h("span", { style: { 'margin-right': '2px' } }, prize.amount.value), index.h("span", null, prize.amount.currency)))) : index.h("div", null, "None"))))))
                 :
-                    index.h("div", { class: "DrawResultsArea TicketDraws" }, index.h("div", { class: "DrawResultsBody" }, index.h("div", { class: "TicketIdContainer" }, index.h("label", { class: "Label" }, translate('ticketId', this.language), ": ", index.h("span", null, this.ticketId))), index.h("div", { class: "TicketAmountContainer" }, index.h("label", { class: "Label" }, translate('ticketAmount', this.language), " ", index.h("span", null, this.ticketAmount))), index.h("div", { class: "DrawNumbersGrid" }, this.gridNumbers.map((grid, index$1) => index.h("div", null, index.h("label", { class: "Label" }, translate('drawNumbersGridTicket', this.language), " ", String.fromCharCode(index$1 + 65), ":"), index.h("div", { class: "BulletContainer" }, index.h("lottery-grid", { "selected-numbers": grid.join(','), selectable: false, "display-selected": true, language: this.language, "grid-type": 'ticket', "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent }))))), index.h("div", { class: "DrawMultipler" }, index.h("label", { class: "Label" }, translate('multiplier', this.language), " ", JSON.stringify(this.ticketMultiplier))), index.h("div", { class: "NumberOfDrawsContainer" }, index.h("label", { class: "Label" }, translate('numberOfDraws', this.language), ": ", this.ticketDrawCount), index.h("div", { class: "DrawTicketsContainer" }, this.ticketDrawDetails && this.ticketDrawDetails.length > 0 &&
+                    index.h("div", { class: "DrawResultsArea TicketDraws" }, index.h("div", { class: "DrawResultsBody" }, index.h("div", { class: "TicketIdContainer" }, index.h("label", { class: "Label" }, translate('ticketId', this.language), ": ", index.h("span", null, this.ticketId))), index.h("div", { class: "TicketAmountContainer" }, index.h("label", { class: "Label" }, translate('ticketAmount', this.language), ": ", index.h("span", null, this.ticketAmount), index.h("span", null, this.ticketCurrency))), index.h("div", { class: "DrawNumbersGrid" }, this.gridNumbers.map((grid, index$1) => {
+                        var _a;
+                        return index.h("div", null, index.h("label", { class: "Label" }, translate('drawNumbersGridTicket', this.language), ":"), index.h("div", { class: "BulletContainer" }, index.h("lottery-grid", { "selected-numbers": grid.join(','), "secondary-numbers": (_a = this.gridSecondaryNumbers[index$1]) === null || _a === void 0 ? void 0 : _a.join(','), selectable: false, "display-selected": true, language: this.language, "grid-type": 'ticket', "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent })));
+                    })), this.ticketMultiplier &&
+                        index.h("div", { class: "DrawMultipler" }, index.h("label", { class: "Label" }, translate('multiplierNum', this.language), ": ", this.ticketMultiplierNum)), index.h("div", { class: "NumberOfDrawsContainer" }, index.h("label", { class: "Label" }, translate('numberOfDraws', this.language), ": ", this.ticketDrawCount), index.h("div", { class: "DrawTicketsContainer" }, this.tabValue === 'Settled' && this.ticketDrawDetails && this.ticketDrawDetails.length > 0 &&
                         index.h("div", { class: "ExpandableBoxes" }, this.ticketDrawDetails.map((drawDetail, index$1) => {
-                            var _a, _b, _c, _d, _e;
-                            return index.h("div", { class: { 'ExpandableBox': true, 'ShowBox': this.toggleDrawer[index$1] }, onClick: () => this.drawerToggle(index$1) }, index.h("div", { class: "ExpandableBoxHeader" }, index.h("div", { class: "TicketResultContainer" }, index.h("p", null, translate('ticketResult', this.language), ": ", drawDetail.state)), drawDetail.state == 'won' &&
+                            var _a, _b, _c, _d, _e, _f, _g, _h;
+                            return index.h("div", { class: { 'ExpandableBox': true, 'ShowBox': this.toggleDrawer[index$1] }, onClick: this.drawerToggle.bind(this, index$1) }, index.h("div", { class: "ExpandableBoxHeader" }, index.h("div", { class: "TicketResultContainer" }, index.h("p", null, translate('ticketResult', this.language), ": ", drawDetail.state)), drawDetail.state == 'won' &&
                                 index.h("div", { class: "AmountWonContainer" }, index.h("p", null, translate('amountWon', this.language), ": ", Number(drawDetail.amount).toLocaleString('en'), " ", drawDetail.currency)), drawDetail.state == 'lost' &&
                                 index.h("div", { class: "DrawIdContainer" }, index.h("p", null, translate('drawId', this.language), ": ", drawDetail.drawId))), index.h("div", { class: "ExpandableBoxBody" }, index.h("div", { class: "DrawIdContainer" }, index.h("p", null, translate('drawId', this.language), ": ", drawDetail.drawId)), index.h("div", { class: "DrawDateContainer" }, index.h("p", null, translate('drawDate', this.language), ": ", (_a = drawDetail.drawData) === null || _a === void 0 ? void 0 :
                                 _a.date.slice(0, 10), " | ", (_b = drawDetail.drawData) === null || _b === void 0 ? void 0 :
                                 _b.date.slice(11, 19))), index.h("div", { class: "DrawNumbersGrid" }, drawDetail.drawData &&
-                                index.h("div", { class: 'BulletContainer' }, index.h("label", { class: "Label" }, translate('drawNumbersGridDraw', this.language), " ", String.fromCharCode(index$1 + 10), ":"), index.h("lottery-grid", { "selected-numbers": (_d = (_c = drawDetail.drawData) === null || _c === void 0 ? void 0 : _c.winningNumbers) === null || _d === void 0 ? void 0 : _d.join(','), selectable: false, "display-selected": true, language: this.language, "grid-type": 'ticket', "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent }))), index.h("div", { class: "DrawMultipler" }, index.h("label", { class: "Label" }, translate('multiplier', this.language), " ", (_e = drawDetail.drawData) === null || _e === void 0 ? void 0 :
-                                _e.multiplier))));
+                                index.h("div", { class: 'BulletContainer' }, index.h("label", { class: "Label" }, translate('drawNumbersGridDraw', this.language), ":"), index.h("lottery-grid", { "selected-numbers": ((_d = (_c = drawDetail.drawData) === null || _c === void 0 ? void 0 : _c.winningNumbers) === null || _d === void 0 ? void 0 : _d.length) && ((_e = drawDetail.drawData.winningNumbers[0]['numbers']) === null || _e === void 0 ? void 0 : _e.join(',')), "secondary-numbers": ((_g = (_f = drawDetail.drawData) === null || _f === void 0 ? void 0 : _f.winningNumbers) === null || _g === void 0 ? void 0 : _g.length) && ((_h = drawDetail.drawData.winningNumbers[0]['secondaryNumbers']) === null || _h === void 0 ? void 0 : _h.join(',')), selectable: false, "display-selected": true, language: this.language, "grid-type": 'ticket', "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent }))), index.h("div", { class: "DrawPrizes" }, index.h("label", { class: "Label" }, translate('prize', this.language), ":"), Number(drawDetail.amount) !== 0 ?
+                                index.h("span", null, drawDetail.details.filter((item) => item.amount !== '0').map((detail) => index.h("span", null, this.getDivision(detail, drawDetail) &&
+                                    index.h("div", null, index.h("span", null, this.getDivision(detail, drawDetail), ":"), index.h("span", { style: { 'margin-right': '2px' } }, detail.amount), index.h("span", null, detail.currency)))))
+                                : index.h("span", null, "None"))));
                         }))))))));
         }
     }
@@ -308,6 +347,7 @@ 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);
         this.selectedCounter = 0;
         this.setClientStyling = () => {
             let sheet = document.createElement('style');
@@ -324,17 +364,24 @@ const LotteryGrid = class {
         this.ticketId = undefined;
         this.totalNumbers = 0;
         this.gameId = undefined;
-        this.maximumAllowed = 0;
-        this.minimumAllowed = 1;
+        this.maximumAllowed = 7;
+        this.minimumAllowed = 3;
+        this.numberRange = undefined;
         this.selectable = true;
         this.selectedNumbers = '';
+        this.secondaryNumbers = '';
         this.displaySelected = false;
         this.language = 'en';
         this.gridIndex = undefined;
         this.gridType = '';
         this.clientStyling = '';
         this.clientStylingUrlContent = '';
+        this.highNumber = 47;
+        this.lowNumber = 1;
+        this.selectionType = 'mainSelection';
+        this.partialQuickpickAvailable = false;
         this.numbers = [];
+        this.bonusNumbers = [];
         this.limitStylingAppends = false;
     }
     connectedCallback() {
@@ -343,6 +390,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({
@@ -353,9 +409,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,
@@ -386,56 +441,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 {
@@ -447,34 +527,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-draw-results.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ce32069d.js');
+const index = require('./index-5a3c71df.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 /*
@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["lottery-bullet_3.cjs",[[1,"lottery-draw-results",{"endpoint":[513],"gameId":[513,"game-id"],"language":[513],"playerId":[513,"player-id"],"drawMode":[516,"draw-mode"],"drawId":[513,"draw-id"],"gameName":[513,"game-name"],"ticketDate":[513,"ticket-date"],"ticketStatus":[513,"ticket-status"],"ticketId":[513,"ticket-id"],"ticketAmount":[513,"ticket-amount"],"ticketMultiplier":[516,"ticket-multiplier"],"ticketDrawCount":[514,"ticket-draw-count"],"ticketNumbers":[513,"ticket-numbers"],"sessionId":[513,"session-id"],"clientStyling":[513,"client-styling"],"clientStylingUrlContent":[513,"client-styling-url-content"],"ticketDrawData":[513,"ticket-draw-data"],"multiplier":[32],"isLoading":[32],"hasErrors":[32],"errorText":[32],"ticketData":[32],"ticketDataLoaded":[32],"ticketDraws":[32],"toggleDrawer":[32],"limitStylingAppends":[32],"drawData":[32]}],[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_3.cjs",[[1,"lottery-draw-results",{"endpoint":[513],"gameId":[513,"game-id"],"language":[513],"playerId":[513,"player-id"],"drawMode":[516,"draw-mode"],"drawId":[513,"draw-id"],"gameName":[513,"game-name"],"ticketDate":[513,"ticket-date"],"ticketStatus":[513,"ticket-status"],"ticketId":[513,"ticket-id"],"ticketAmount":[513,"ticket-amount"],"ticketCurrency":[513,"ticket-currency"],"ticketMultiplier":[516,"ticket-multiplier"],"ticketMultiplierNum":[514,"ticket-multiplier-num"],"ticketDrawCount":[514,"ticket-draw-count"],"ticketNumbers":[513,"ticket-numbers"],"sessionId":[513,"session-id"],"clientStyling":[513,"client-styling"],"clientStylingUrlContent":[513,"client-styling-url-content"],"ticketDrawData":[513,"ticket-draw-data"],"tabValue":[513,"tab-value"],"multiplier":[32],"isLoading":[32],"hasErrors":[32],"errorText":[32],"ticketData":[32],"ticketDataLoaded":[32],"ticketDraws":[32],"toggleDrawer":[32],"limitStylingAppends":[32],"drawData":[32]}],[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;