@everymatrix/lottery-ticket-controller 1.52.6 → 1.53.10

package/dist/collection/components/lottery-ticket-controller/lottery-ticket-controller.css

@@ -23,163 +23,4 @@ input::-webkit-inner-spin-button {
 /* Firefox */
 input[type=number] {
   -moz-appearance: textfield;
-}
-
-.player-account-gaming-limits-popup-2 {
-  background: var(--emw--color-black, #000000);
-  color: var(--emw--color-white, #000);
-}
-
-.Title {
-  font-weight: 800;
-  font-size: 18px;
-}
-
-button {
-  display: block;
-  font-size: 0.75rem;
-  padding: 12px 0;
-  border: 0;
-  border-radius: 2px;
-  cursor: pointer;
-}
-button.PrimaryButtonStyle {
-  font-size: 14px;
-  color: #fff;
-  background: rgb(122, 195, 23);
-}
-button.SecondaryButtonStyle {
-  border: 1px solid #999;
-  color: #666;
-  background: #fff;
-}
-
-.LinkButton {
-  display: inline;
-  padding: 0;
-  color: #3366CC;
-  text-decoration: underline;
-  background-color: rgba(0, 0, 0, 0);
-}
-
-.ResultIconWrapper {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  margin: 12px 0;
-}
-.ResultIconWrapper svg {
-  height: auto;
-  width: 60px;
-  margin: 12px;
-}
-.ResultIconWrapper p {
-  color: #666;
-}
-
-.Overlay {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-  background-color: rgba(0, 0, 0, 0.5);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.ModalContainer {
-  position: fixed;
-  top: 30vh;
-  width: 320px;
-  height: auto;
-  padding: 18px 14px;
-  background: #fff;
-  border-radius: 4px;
-}
-
-.InitialWrapper {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-
-.AdditionalInformation {
-  margin: 10px 0;
-  font-size: 14px;
-}
-
-.TermsConditions {
-  font-size: 12px;
-}
-
-.ExpandButton {
-  font-size: 14px;
-  background-color: #fff;
-  border: 0;
-  padding: 0;
-  margin-top: -10px;
-  color: #999;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  cursor: pointer;
-}
-.ExpandButton svg {
-  width: 28px;
-  height: auto;
-  margin-left: -4px;
-}
-
-.LeftAlign {
-  text-align: left;
-  font-size: 16px;
-}
-
-.CenterAlign {
-  text-align: center;
-}
-
-.SetLimitSection {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-
-.DepositTextSection {
-  display: flex;
-  justify-content: space-between;
-}
-
-.DepositInputSection {
-  height: 32px;
-  display: flex;
-  gap: 4px;
-}
-
-.DepositInput {
-  flex-grow: 1;
-  padding: 0 6px;
-}
-
-.SubmitDepositButton {
-  flex-grow: 1;
-  font-size: 0.75rem;
-  padding: 0;
-}
-.SubmitDepositButton[disabled] {
-  align-items: center;
-  color: #ccc;
-  cursor: not-allowed;
-  background: #fff;
-  border: #ccc 1px solid;
-}
-
-.Hidden {
-  display: none;
-}
-
-.Extended {
-  transform: rotate(180deg);
 }

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

@@ -4,34 +4,71 @@ import "../../../../../lottery-ticket/dist/types/index";
 import { translate } from "../../utils/locale.utils";
 export class LotteryTicketController {
     constructor() {
-        this.setClientStyling = () => {
-            let sheet = document.createElement('style');
-            sheet.innerHTML = this.clientStyling;
-            this.stylingContainer.prepend(sheet);
-        };
-        this.setClientStylingURL = () => {
-            let cssFile = document.createElement('style');
-            setTimeout(() => {
-                cssFile.innerHTML = this.clientStylingUrlContent;
-                this.stylingContainer.prepend(cssFile);
-            }, 1);
-        };
+        /**
+         * Endpoint URL for the source of data (NorWAy standard)
+         */
         this.endpoint = '';
+        /**
+         * Ticket number
+         */
         this.ticketId = 1;
-        this.ticketDescription = undefined;
-        this.gameId = undefined;
+        /**
+         * Activates postMessages as events for actions from the widget
+         */
         this.postMessage = false;
+        /**
+         * Name of the event emitter by the action button
+         */
         this.eventName = 'deleteTicketAction';
+        /**
+         * Collapsed
+         */
         this.collapsed = true;
+        /**
+         * Number of grids?
+         */
         this.numberOfGrids = 1;
+        /**
+         * This toggles if the last ticket added should be expanded or not
+         */
         this.last = false;
+        /**
+         * Language
+         */
         this.language = 'en';
+        /**
+         * Shows the auto-pick button
+         */
         this.autoPick = false;
+        /**
+         * Shows the reset button
+         */
         this.resetButton = false;
+        /**
+         * Number of ticket controllers
+         */
         this.totalControllers = 1;
+        /**
+         * Client custom styling via string
+         */
         this.clientStyling = '';
+        /**
+         * Client custom styling via url content
+         */
         this.clientStylingUrlContent = '';
         this.limitStylingAppends = false;
+        this.setClientStyling = () => {
+            let sheet = document.createElement('style');
+            sheet.innerHTML = this.clientStyling;
+            this.stylingContainer.prepend(sheet);
+        };
+        this.setClientStylingURL = () => {
+            let cssFile = document.createElement('style');
+            setTimeout(() => {
+                cssFile.innerHTML = this.clientStylingUrlContent;
+                this.stylingContainer.prepend(cssFile);
+            }, 1);
+        };
     }
     // @TODO fix the `any` type
     helperAccordionActionHandler() {
@@ -54,8 +91,7 @@ export class LotteryTicketController {
         // end custom styling area
     }
     render() {
-        console.log('ticket id:', this.ticketId);
-        return (h("div", { key: '203c89c4b240cd7c99eb3d37fa3a4dbc17ed18e3', class: "LotteryTicketControllerContainer", ref: el => this.stylingContainer = el }, h("helper-accordion", { key: 'ad9801b15a1718ff7470ab3084c4b569ad23f6e3', "header-title": `${translate('ticket', this.language)} ${this.ticketId}`, "header-subtitle": this.ticketDescription, footer: true, "delete-tab": this.totalControllers !== 1, collapsed: !this.last || this.collapsed, language: this.language, "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent }, h("div", { key: 'b9c618987e848d4b44fee6941f8b5c9696bd44e8', slot: "accordionContent" }, h("lottery-ticket", { key: '8acdc3d3cce5b654e7cddd71576c2e993881786f', endpoint: this.endpoint, "game-id": this.gameId, "ticket-id": this.ticketId, "number-of-grids": this.numberOfGrids, language: this.language, "reset-button": this.resetButton, "auto-pick": this.autoPick, "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent })))));
+        return (h("div", { key: '4d590432063c3eb6ebc21d0c529d861d60f0af3c', class: "LotteryTicketControllerContainer", ref: el => this.stylingContainer = el }, h("helper-accordion", { key: 'afdc0f2938b173a41966fa93d2d0d92551058dc5', "header-title": `${translate('ticket', this.language)} ${this.ticketId}`, "header-subtitle": this.ticketDescription, footer: true, "delete-tab": this.totalControllers !== 1, collapsed: !this.last || this.collapsed, language: this.language, "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent }, h("div", { key: '9f01d3ffcb6fa2342394de10efc666cbc5c7f042', slot: "accordionContent" }, h("lottery-ticket", { key: 'bdf5ea12c603665b6d9f9133de9d5206344677f1', endpoint: this.endpoint, "game-id": this.gameId, "ticket-id": this.ticketId, "number-of-grids": this.numberOfGrids, language: this.language, "reset-button": this.resetButton, "auto-pick": this.autoPick, "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent })))));
     }
     static get is() { return "lottery-ticket-controller"; }
     static get encapsulation() { return "shadow"; }
@@ -85,6 +121,8 @@ export class LotteryTicketController {
                     "tags": [],
                     "text": "Endpoint URL for the source of data (NorWAy standard)"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "endpoint",
                 "reflect": true,
                 "defaultValue": "''"
@@ -103,6 +141,8 @@ export class LotteryTicketController {
                     "tags": [],
                     "text": "Ticket number"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "ticket-id",
                 "reflect": true,
                 "defaultValue": "1"
@@ -121,6 +161,8 @@ export class LotteryTicketController {
                     "tags": [],
                     "text": "Ticket header description"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "ticket-description",
                 "reflect": true
             },
@@ -138,6 +180,8 @@ export class LotteryTicketController {
                     "tags": [],
                     "text": "ID of the lottery game"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "game-id",
                 "reflect": true
             },
@@ -155,6 +199,8 @@ export class LotteryTicketController {
                     "tags": [],
                     "text": "Activates postMessages as events for actions from the widget"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "post-message",
                 "reflect": true,
                 "defaultValue": "false"
@@ -173,6 +219,8 @@ export class LotteryTicketController {
                     "tags": [],
                     "text": "Name of the event emitter by the action button"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "event-name",
                 "reflect": true,
                 "defaultValue": "'deleteTicketAction'"
@@ -191,6 +239,8 @@ export class LotteryTicketController {
                     "tags": [],
                     "text": "Collapsed"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "collapsed",
                 "reflect": true,
                 "defaultValue": "true"
@@ -209,6 +259,8 @@ export class LotteryTicketController {
                     "tags": [],
                     "text": "Number of grids?"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "number-of-grids",
                 "reflect": true,
                 "defaultValue": "1"
@@ -227,6 +279,8 @@ export class LotteryTicketController {
                     "tags": [],
                     "text": "This toggles if the last ticket added should be expanded or not"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "last",
                 "reflect": true,
                 "defaultValue": "false"
@@ -245,6 +299,8 @@ export class LotteryTicketController {
                     "tags": [],
                     "text": "Language"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "language",
                 "reflect": true,
                 "defaultValue": "'en'"
@@ -263,6 +319,8 @@ export class LotteryTicketController {
                     "tags": [],
                     "text": "Shows the auto-pick button"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "auto-pick",
                 "reflect": true,
                 "defaultValue": "false"
@@ -281,6 +339,8 @@ export class LotteryTicketController {
                     "tags": [],
                     "text": "Shows the reset button"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "reset-button",
                 "reflect": true,
                 "defaultValue": "false"
@@ -299,6 +359,8 @@ export class LotteryTicketController {
                     "tags": [],
                     "text": "Number of ticket controllers"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "total-controllers",
                 "reflect": true,
                 "defaultValue": "1"
@@ -317,6 +379,8 @@ export class LotteryTicketController {
                     "tags": [],
                     "text": "Client custom styling via string"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "client-styling",
                 "reflect": true,
                 "defaultValue": "''"
@@ -335,6 +399,8 @@ export class LotteryTicketController {
                     "tags": [],
                     "text": "Client custom styling via url content"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "client-styling-url-content",
                 "reflect": true,
                 "defaultValue": "''"