@everymatrix/lottery-draw-results 1.52.6 → 1.53.0

package/dist/collection/components/lottery-draw-results/lottery-draw-results.css

@@ -8,8 +8,8 @@
   display: flex;
   flex-direction: row;
   gap: 15px;
-  background-color: #009993;
-  color: #fff;
+  background-color: var(--emw--color-background, #009993);
+  color: var(--emw--color-gray-transparency-100, rgb(255, 255, 255));
   padding: 12px;
   font-size: 14px;
 }
@@ -38,8 +38,8 @@
   display: flex;
   justify-content: space-between;
   padding: 10px 20px;
-  background-color: #009993;
-  color: #fff;
+  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;
 }
@@ -54,7 +54,7 @@
   padding: 20px;
   margin-bottom: 5px;
   border-radius: 0 0 4px 4px;
-  border: 1px solid #009993;
+  border: 1px solid var(--emw--color-typography, #009993);
 }
 .DrawResultsBody > div {
   margin: 10px 0;
@@ -74,55 +74,6 @@
   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;
 }
@@ -137,17 +88,21 @@
   margin-top: 15px;
 }
 
+.DrawPrizes {
+  margin-top: 10px;
+}
+
 .ExpandableBoxes {
   position: relative;
   display: flex;
   flex-direction: column;
-  border: 1px solid #ccc;
+  border: 1px solid var(--emw--color-gray-transparency-80, #ccc);
   border-radius: 5px;
-  background-color: white;
+  background-color: var(--emw--color-gray-transparency-100, rgb(255, 255, 255));
 }
 
 .ExpandableBox {
-  border-bottom: 1px solid #ccc;
+  border-bottom: 1px solid var(--emw--color-gray-transparency-80, #ccc);
   transition: height 300ms ease-in-out;
   overflow: hidden;
   height: 80px;
@@ -166,7 +121,7 @@
   margin-left: 5px;
 }
 .ShowBox > .ExpandableBoxHeader {
-  color: #009993;
+  color: var(--emw--color-typography, #009993);
 }
 .ExpandableBoxHeader::-webkit-details-marker {
   display: none;
@@ -181,7 +136,7 @@
   height: 2px;
   margin-top: -1px;
   width: 16px;
-  background: #009993;
+  background: var(--emw--color-background, #009993);
 }
 .ExpandableBoxHeader:after {
   right: 28px;
@@ -190,7 +145,7 @@
   margin-top: -8px;
   width: 2px;
   margin-left: -1px;
-  background: #009993;
+  background: var(--emw--color-background, #009993);
   transition: all 300ms ease-in-out;
 }
 .ShowBox .ExpandableBoxHeader:after {
@@ -203,5 +158,5 @@
   margin-left: 5px;
 }
 .ExpandableBox.ShowBox {
-  height: 300px;
+  height: auto;
 }

package/dist/collection/components/lottery-draw-results/lottery-draw-results.js

@@ -28,13 +28,16 @@ export class LotteryDrawResults {
         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;
@@ -50,7 +53,19 @@ export class LotteryDrawResults {
         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());
@@ -67,7 +82,7 @@ export class LotteryDrawResults {
         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;
         }
@@ -119,6 +134,17 @@ export class LotteryDrawResults {
             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 (h("p", null, "Loading, please wait ..."));
@@ -129,18 +155,24 @@ export class LotteryDrawResults {
         else {
             return (h("section", { class: "DrawResultsSection", ref: el => this.stylingContainer = el }, this.drawMode ?
                 h("div", { class: "DrawResultsArea" }, this.drawData &&
-                    h("div", null, h("div", { class: "DrawResultsHeader" }, h("span", null, translate('drawId', this.language), ":  ", this.drawData.id), h("span", null, translate('drawDate', this.language), ": ", this.drawData.date.slice(0, 10))), h("div", { class: "DrawResultsBody" }, h("div", { class: "DrawNumbersGrid" }, h("p", null, translate('drawNumbersGridDraw', this.language), "0:"), h("div", { class: "BulletContainer" }, 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 })), h("div", { class: "DrawMultipler" }, h("label", { class: "Label" }, translate('multiplier', this.language), " ", this.multiplier))))))
+                    h("div", null, h("div", { class: "DrawResultsHeader" }, h("span", null, translate('drawId', this.language), ":  ", this.drawData.id), h("span", null, translate('drawDate', this.language), ": ", this.drawData.date.slice(0, 10))), h("div", { class: "DrawResultsBody" }, h("div", { class: "DrawNumbersGrid" }, h("p", null, translate('drawNumbersGridDraw', this.language)), h("div", { class: "BulletContainer" }, 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 })), h("div", { class: "DrawPrizes" }, h("label", { class: "Label" }, translate('prize', this.language), " "), this.drawData.prizes.length ? h("div", null, " ", this.drawData.prizes.filter(item => item.division !== 'None').map((prize) => h("div", null, h("span", { style: { 'margin-right': '5px' } }, prize.division, ":"), h("span", { style: { 'margin-right': '2px' } }, prize.amount.value), h("span", null, prize.amount.currency)))) : h("div", null, "None"))))))
                 :
-                    h("div", { class: "DrawResultsArea TicketDraws" }, h("div", { class: "DrawResultsBody" }, h("div", { class: "TicketIdContainer" }, h("label", { class: "Label" }, translate('ticketId', this.language), ": ", h("span", null, this.ticketId))), h("div", { class: "TicketAmountContainer" }, h("label", { class: "Label" }, translate('ticketAmount', this.language), " ", h("span", null, this.ticketAmount))), h("div", { class: "DrawNumbersGrid" }, this.gridNumbers.map((grid, index) => h("div", null, h("label", { class: "Label" }, translate('drawNumbersGridTicket', this.language), " ", String.fromCharCode(index + 65), ":"), h("div", { class: "BulletContainer" }, 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 }))))), h("div", { class: "DrawMultipler" }, h("label", { class: "Label" }, translate('multiplier', this.language), " ", JSON.stringify(this.ticketMultiplier))), h("div", { class: "NumberOfDrawsContainer" }, h("label", { class: "Label" }, translate('numberOfDraws', this.language), ": ", this.ticketDrawCount), h("div", { class: "DrawTicketsContainer" }, this.ticketDrawDetails && this.ticketDrawDetails.length > 0 &&
+                    h("div", { class: "DrawResultsArea TicketDraws" }, h("div", { class: "DrawResultsBody" }, h("div", { class: "TicketIdContainer" }, h("label", { class: "Label" }, translate('ticketId', this.language), ": ", h("span", null, this.ticketId))), h("div", { class: "TicketAmountContainer" }, h("label", { class: "Label" }, translate('ticketAmount', this.language), ": ", h("span", null, this.ticketAmount), h("span", null, this.ticketCurrency))), h("div", { class: "DrawNumbersGrid" }, this.gridNumbers.map((grid, index) => {
+                        var _a;
+                        return h("div", null, h("label", { class: "Label" }, translate('drawNumbersGridTicket', this.language), ":"), h("div", { class: "BulletContainer" }, h("lottery-grid", { "selected-numbers": grid.join(','), "secondary-numbers": (_a = this.gridSecondaryNumbers[index]) === 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 &&
+                        h("div", { class: "DrawMultipler" }, h("label", { class: "Label" }, translate('multiplierNum', this.language), ": ", this.ticketMultiplierNum)), h("div", { class: "NumberOfDrawsContainer" }, h("label", { class: "Label" }, translate('numberOfDraws', this.language), ": ", this.ticketDrawCount), h("div", { class: "DrawTicketsContainer" }, this.tabValue === 'Settled' && this.ticketDrawDetails && this.ticketDrawDetails.length > 0 &&
                         h("div", { class: "ExpandableBoxes" }, this.ticketDrawDetails.map((drawDetail, index) => {
-                            var _a, _b, _c, _d, _e;
-                            return h("div", { class: { 'ExpandableBox': true, 'ShowBox': this.toggleDrawer[index] }, onClick: () => this.drawerToggle(index) }, h("div", { class: "ExpandableBoxHeader" }, h("div", { class: "TicketResultContainer" }, h("p", null, translate('ticketResult', this.language), ": ", drawDetail.state)), drawDetail.state == 'won' &&
+                            var _a, _b, _c, _d, _e, _f, _g, _h;
+                            return h("div", { class: { 'ExpandableBox': true, 'ShowBox': this.toggleDrawer[index] }, onClick: this.drawerToggle.bind(this, index) }, h("div", { class: "ExpandableBoxHeader" }, h("div", { class: "TicketResultContainer" }, h("p", null, translate('ticketResult', this.language), ": ", drawDetail.state)), drawDetail.state == 'won' &&
                                 h("div", { class: "AmountWonContainer" }, h("p", null, translate('amountWon', this.language), ": ", Number(drawDetail.amount).toLocaleString('en'), " ", drawDetail.currency)), drawDetail.state == 'lost' &&
                                 h("div", { class: "DrawIdContainer" }, h("p", null, translate('drawId', this.language), ": ", drawDetail.drawId))), h("div", { class: "ExpandableBoxBody" }, h("div", { class: "DrawIdContainer" }, h("p", null, translate('drawId', this.language), ": ", drawDetail.drawId)), h("div", { class: "DrawDateContainer" }, 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))), h("div", { class: "DrawNumbersGrid" }, drawDetail.drawData &&
-                                h("div", { class: 'BulletContainer' }, h("label", { class: "Label" }, translate('drawNumbersGridDraw', this.language), " ", String.fromCharCode(index + 10), ":"), 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 }))), h("div", { class: "DrawMultipler" }, h("label", { class: "Label" }, translate('multiplier', this.language), " ", (_e = drawDetail.drawData) === null || _e === void 0 ? void 0 :
-                                _e.multiplier))));
+                                h("div", { class: 'BulletContainer' }, h("label", { class: "Label" }, translate('drawNumbersGridDraw', this.language), ":"), 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 }))), h("div", { class: "DrawPrizes" }, h("label", { class: "Label" }, translate('prize', this.language), ":"), Number(drawDetail.amount) !== 0 ?
+                                h("span", null, drawDetail.details.filter((item) => item.amount !== '0').map((detail) => h("span", null, this.getDivision(detail, drawDetail) &&
+                                    h("div", null, h("span", null, this.getDivision(detail, drawDetail), ":"), h("span", { style: { 'margin-right': '2px' } }, detail.amount), h("span", null, detail.currency)))))
+                                : h("span", null, "None"))));
                         }))))))));
         }
     }
@@ -353,6 +385,24 @@ export class LotteryDrawResults {
                 "reflect": true,
                 "defaultValue": "''"
             },
+            "ticketCurrency": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The ticket currency"
+                },
+                "attribute": "ticket-currency",
+                "reflect": true,
+                "defaultValue": "''"
+            },
             "ticketMultiplier": {
                 "type": "boolean",
                 "mutable": false,
@@ -365,12 +415,29 @@ export class LotteryDrawResults {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "The ticket multiplier"
+                    "text": "The ticket is multiplier or not"
                 },
                 "attribute": "ticket-multiplier",
                 "reflect": true,
                 "defaultValue": "false"
             },
+            "ticketMultiplierNum": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The ticket multiplier number"
+                },
+                "attribute": "ticket-multiplier-num",
+                "reflect": true
+            },
             "ticketDrawCount": {
                 "type": "number",
                 "mutable": false,
@@ -478,6 +545,24 @@ export class LotteryDrawResults {
                 "attribute": "ticket-draw-data",
                 "reflect": true,
                 "defaultValue": "''"
+            },
+            "tabValue": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "the filter value"
+                },
+                "attribute": "tab-value",
+                "reflect": true,
+                "defaultValue": "''"
             }
         };
     }

package/dist/collection/utils/locale.utils.js

@@ -6,25 +6,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',
@@ -33,15 +35,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',
@@ -50,15 +53,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: 'عدد السحوبات',
@@ -67,15 +71,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',
@@ -84,7 +89,8 @@ const TRANSLATIONS = {
         ticketStatus: 'Status listića',
         ticketId: 'ID listića',
         ticketAmount: 'Iznos listića',
-        winUpTo: 'Osvoji do'
+        winUpTo: 'Osvoji do',
+        prize: 'Nagrade'
     },
 };
 export const translate = (key, customLang) => {

package/dist/esm/{index-7f1fc262.js → index-a95b5bd5.js}

@@ -1,5 +1,5 @@
 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
@@ -423,6 +423,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/esm/loader.js

@@ -1,11 +1,11 @@
-import { b as bootstrapLazy } from './index-7f1fc262.js';
-export { s as setNonce } from './index-7f1fc262.js';
+import { b as bootstrapLazy } from './index-a95b5bd5.js';
+export { s as setNonce } from './index-a95b5bd5.js';
 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-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 bootstrapLazy([["lottery-bullet_3",[[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);
 };
 
 export { defineCustomElements };