@everymatrix/lottery-game-page 0.0.19 → 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (77) hide show
  1. package/dist/cjs/helper-accordion_2.cjs.entry.js +124 -0
  2. package/dist/cjs/helper-modal.cjs.entry.js +1 -1
  3. package/dist/cjs/helper-tab.cjs.entry.js +11 -8
  4. package/dist/cjs/{index-81cb3b3b.js → index-614098f4.js} +5 -47
  5. package/dist/cjs/loader.cjs.js +3 -3
  6. package/dist/cjs/lottery-game-details.cjs.entry.js +1 -1
  7. package/dist/cjs/lottery-game-page.cjs.entry.js +53 -13
  8. package/dist/cjs/lottery-game-page.cjs.js +3 -3
  9. package/dist/collection/collection-manifest.json +1 -49
  10. package/dist/collection/components/lottery-game-page/lottery-game-page.css +27 -7
  11. package/dist/collection/components/lottery-game-page/lottery-game-page.js +22 -5
  12. package/dist/collection/utils/locale.utils.js +33 -6
  13. package/dist/components/helper-accordion2.js +7 -2
  14. package/dist/components/helper-tab2.js +12 -8
  15. package/dist/components/helper-tabs2.js +1 -1
  16. package/dist/components/index.d.ts +5 -1
  17. package/dist/components/index.js +0 -14
  18. package/dist/components/lottery-game-page.js +65 -65
  19. package/dist/esm/helper-accordion_2.entry.js +119 -0
  20. package/dist/esm/helper-modal.entry.js +1 -1
  21. package/dist/esm/helper-tab.entry.js +11 -8
  22. package/dist/esm/{index-be84da79.js → index-0fa076cd.js} +5 -47
  23. package/dist/esm/loader.js +3 -3
  24. package/dist/esm/lottery-game-details.entry.js +1 -1
  25. package/dist/esm/lottery-game-page.entry.js +53 -13
  26. package/dist/esm/lottery-game-page.js +3 -3
  27. package/dist/lottery-game-page/lottery-game-page.esm.js +1 -1
  28. package/dist/lottery-game-page/p-2d7ccc96.js +1 -0
  29. package/dist/lottery-game-page/{p-88f81126.entry.js → p-6183a920.entry.js} +1 -1
  30. package/dist/lottery-game-page/p-74eea5ec.entry.js +1 -0
  31. package/dist/lottery-game-page/p-75f13007.entry.js +1 -0
  32. package/dist/lottery-game-page/p-97d1602e.entry.js +1 -0
  33. package/dist/lottery-game-page/{p-a1dd3eb2.entry.js → p-d04141f7.entry.js} +1 -1
  34. package/dist/types/components/lottery-game-page/lottery-game-page.d.ts +3 -0
  35. package/package.json +1 -1
  36. package/dist/cjs/helper-accordion.cjs.entry.js +0 -88
  37. package/dist/cjs/helper-filters_2.cjs.entry.js +0 -22490
  38. package/dist/cjs/helper-pagination.cjs.entry.js +0 -188
  39. package/dist/cjs/helper-tabs.cjs.entry.js +0 -38
  40. package/dist/cjs/lottery-bullet_2.cjs.entry.js +0 -202
  41. package/dist/cjs/lottery-draw-results-history.cjs.entry.js +0 -124
  42. package/dist/cjs/lottery-ticket-controller.cjs.entry.js +0 -69
  43. package/dist/cjs/lottery-ticket.cjs.entry.js +0 -146
  44. package/dist/components/helper-filters.js +0 -6
  45. package/dist/components/helper-filters2.js +0 -22348
  46. package/dist/components/helper-pagination.js +0 -216
  47. package/dist/components/lottery-bullet.js +0 -6
  48. package/dist/components/lottery-bullet2.js +0 -57
  49. package/dist/components/lottery-draw-results-history.js +0 -6
  50. package/dist/components/lottery-draw-results-history2.js +0 -175
  51. package/dist/components/lottery-draw-results.js +0 -6
  52. package/dist/components/lottery-draw-results2.js +0 -218
  53. package/dist/components/lottery-grid.js +0 -6
  54. package/dist/components/lottery-grid2.js +0 -197
  55. package/dist/components/lottery-ticket-controller.js +0 -6
  56. package/dist/components/lottery-ticket-controller2.js +0 -118
  57. package/dist/components/lottery-ticket.js +0 -6
  58. package/dist/components/lottery-ticket2.js +0 -184
  59. package/dist/esm/helper-accordion.entry.js +0 -84
  60. package/dist/esm/helper-filters_2.entry.js +0 -22485
  61. package/dist/esm/helper-pagination.entry.js +0 -184
  62. package/dist/esm/helper-tabs.entry.js +0 -34
  63. package/dist/esm/lottery-bullet_2.entry.js +0 -197
  64. package/dist/esm/lottery-draw-results-history.entry.js +0 -120
  65. package/dist/esm/lottery-ticket-controller.entry.js +0 -65
  66. package/dist/esm/lottery-ticket.entry.js +0 -142
  67. package/dist/lottery-game-page/p-010895a3.entry.js +0 -1
  68. package/dist/lottery-game-page/p-08581ede.entry.js +0 -1
  69. package/dist/lottery-game-page/p-09f983c6.entry.js +0 -1
  70. package/dist/lottery-game-page/p-0c7ada78.entry.js +0 -1
  71. package/dist/lottery-game-page/p-2932d2a7.entry.js +0 -1
  72. package/dist/lottery-game-page/p-48831184.entry.js +0 -1
  73. package/dist/lottery-game-page/p-50298d2c.entry.js +0 -1
  74. package/dist/lottery-game-page/p-6736fa79.entry.js +0 -1
  75. package/dist/lottery-game-page/p-91420518.js +0 -2
  76. package/dist/lottery-game-page/p-95b37270.entry.js +0 -2849
  77. package/dist/lottery-game-page/p-caf09eaf.entry.js +0 -1
@@ -1,218 +0,0 @@
1
- import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
2
- import { d as defineCustomElement$2 } from './lottery-bullet2.js';
3
- import { d as defineCustomElement$1 } from './lottery-grid2.js';
4
-
5
- const DEFAULT_LANGUAGE = 'en';
6
- const SUPPORTED_LANGUAGES = ['ro', 'en'];
7
- const TRANSLATIONS = {
8
- en: {
9
- drawResultsHeader: 'Last draw results',
10
- drawId: 'Draw ID',
11
- drawName: 'Game name',
12
- drawDate: 'Draw Date',
13
- drawNumbersGridDraw: 'Draw numbers Grid A',
14
- drawNumbersGridTicket: 'Draw numbers Grid B',
15
- ticketResult: 'Ticket result',
16
- amountWon: 'Amount won',
17
- numberOfDraws: 'Number of draws'
18
- },
19
- ro: {
20
- drawResultsHeader: 'Ultimele rezultate extragere',
21
- drawId: 'Id extragere',
22
- drawName: 'Numele jocului',
23
- drawDate: 'Data extragerii',
24
- drawNumbersGridDraw: 'Numerele extrase Grid A',
25
- drawNumbersGridTicket: 'Numerele extrase Grid B',
26
- ticketResult: 'Rezultatul biletului',
27
- amountWon: 'Suma castigata',
28
- numberOfDraws: 'Numarul de extrageri'
29
- },
30
- };
31
- const translate = (key, customLang) => {
32
- const lang = customLang;
33
- return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
34
- };
35
-
36
- 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}.DrawResultsSection{max-width:500px;margin:0 auto;margin:0px auto 10px;border-radius:4px}.DrawResultsHeader{display:flex;justify-content:space-between;padding:10px 20px;background-color:#009993;color:#fff;font-size:14px}.DrawResultsHeader h4{text-transform:uppercase;font-weight:400;margin:0}.DrawMultipler label{display:block;margin:15px 0}.DrawResultsBody{padding:0 20px}.DrawResultsBody .DrawNumbersGrid{font-size:14px}.DrawResultsBody .NumberOfDrawsContainer{display:table;width:100%}.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{margin-right:5px;position:relative;top:2px}.DrawTicketsContainer{margin:30px auto}.ExpandableBoxes{position:relative}.ExpandableBox{width:100%;height:100%;max-height:100px;float:left;margin:0 0 20px 0;border:1px solid #009993;border-radius:4px;padding:10px;box-sizing:border-box;-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;overflow:hidden}.ExpandableBox.ShowBox{max-height:400px;margin:0px 0px 20p 0px}.ExpandableBox.HideBox{width:0;height:0;overflow:hidden;border:none;padding:0;margin:0;opacity:0}";
37
-
38
- const DEFAULT_VALUES = {
39
- gamename: 'Chrono',
40
- gamedate: '24/09/2022',
41
- state: 'Processing',
42
- amount: 304444,
43
- ticketid: '6963444',
44
- selection: '[5, 6, 7, 8, 9]',
45
- multiplier: 4.5,
46
- resultstatus: 'Processing',
47
- drawstatus: 'Won',
48
- drawamount: 1022,
49
- drawid: '54545555',
50
- drawdate: '24/09/2032'
51
- };
52
- const LotteryDrawResults = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
53
- constructor() {
54
- super();
55
- this.__registerHost();
56
- this.__attachShadow();
57
- /**
58
- * Language of the widget
59
- */
60
- this.language = 'en';
61
- /**
62
- * Shows only the last draw
63
- */
64
- this.drawMode = false;
65
- this.gameName = '';
66
- this.multiplier = 5.434;
67
- this.ticketData = {};
68
- this.isLoading = true;
69
- this.drawResults = [];
70
- this.rules = {};
71
- this.toggleDrawer = [false];
72
- this.hasErrors = false;
73
- this.errorText = '';
74
- this.changeBox = (index) => {
75
- this.toggleDrawer = this.toggleDrawer.map((item, itemIndex) => {
76
- if (itemIndex == index) {
77
- return !item;
78
- }
79
- return item;
80
- });
81
- if (index >= this.toggleDrawer.length) {
82
- this.toggleDrawer.push(true);
83
- }
84
- };
85
- }
86
- connectedCallback() {
87
- let promises = [];
88
- promises.push(this.getGameData());
89
- if (this.playerId) {
90
- promises.push(this.getTicketData());
91
- }
92
- if (this.drawId) {
93
- promises.push(this.getDrawData());
94
- }
95
- Promise.all(promises)
96
- .then(() => {
97
- this.isLoading = false;
98
- });
99
- }
100
- getDrawData() {
101
- return new Promise((resolve, reject) => {
102
- let url = new URL(`${this.endpoint}/games/${this.gameId}/draws/${this.drawId}`);
103
- fetch(url.href)
104
- .then((response) => {
105
- // @TODO EXCEPTIONS
106
- return response.json();
107
- })
108
- .then((data) => {
109
- this.drawData = data;
110
- resolve(true);
111
- })
112
- .catch((err) => {
113
- reject(err);
114
- });
115
- });
116
- }
117
- getGameData() {
118
- return new Promise((resolve, reject) => {
119
- let url = new URL(`${this.endpoint}/games/${this.gameId}`);
120
- fetch(url.href)
121
- .then((response) => {
122
- return response.json();
123
- })
124
- .then((data) => {
125
- this.rules = {
126
- maximumAllowed: data.rules.boards[0].maximumAllowed,
127
- totalNumbers: data.rules.boards[0].totalNumbers
128
- };
129
- resolve(true);
130
- })
131
- .catch((err) => {
132
- this.isLoading = false;
133
- this.hasErrors = true;
134
- this.errorText = err;
135
- reject(err);
136
- });
137
- });
138
- }
139
- getTicketData() {
140
- return new Promise((resolve, reject) => {
141
- let url = new URL(`${this.endpoint}/tickets/player/${this.playerId}`);
142
- fetch(url.href)
143
- .then((response) => {
144
- return response.json();
145
- })
146
- .then((data) => {
147
- this.ticketData = data.length === 0 ? DEFAULT_VALUES : data[1];
148
- this.drawResults = this.ticketData.drawResults.map((item) => item);
149
- this.selection = this.ticketData.selection[0].join(',');
150
- resolve(true);
151
- })
152
- .catch((err) => {
153
- reject(err);
154
- });
155
- });
156
- }
157
- render() {
158
- var _a, _b, _c, _d, _e, _f;
159
- if (this.isLoading) {
160
- return (h("p", null, "Loading, please wait ..."));
161
- }
162
- else if (this.hasErrors) {
163
- h("p", null, this.errorText);
164
- }
165
- else {
166
- return (h("section", { class: "DrawResultsSection" }, !this.drawMode ?
167
- h("div", { class: "DrawResultsArea" }, h("div", { class: "TicketInfo" }, h("div", { class: "TicketGameName" }, translate('drawName', this.language), ": ", h("span", null, this.gameName)), h("div", { class: "TicketDate" }, "Ticket Purchase Date: ", h("span", null, (_a = this.ticketData) === null || _a === void 0 ? void 0 : _a.createdAt.slice(0, 10))), h("div", { class: "TicketStatus" }, "Status: ", h("span", null, (_b = this.ticketData) === null || _b === void 0 ? void 0 : _b.state))), h("div", { class: "DrawResultsBody" }, h("div", { class: "TicketIdContainer" }, h("p", null, "Ticket id: ", h("span", null, (_c = this.ticketData) === null || _c === void 0 ? void 0 : _c.id))), h("div", { class: "TicketAmountContainer" }, h("p", null, "Ticket amount: ", h("span", null, (_d = this.ticketData) === null || _d === void 0 ? void 0 : _d.amount))), h("div", { class: "DrawNumbersGrid" }, h("p", null, translate('drawNumbersGridTicket', this.language), ":"), h("div", { class: "BulletContainer" }, h("lottery-grid", { "maximum-allowed": this.rules.maximumAllowed, "total-numbers": this.rules.totalNumbers, "selected-numbers": this.selection, selectable: false, "display-selected": true, language: this.language }))), h("div", { class: "DrawMultipler" }, h("label", { class: "Label" }, "Multiplier: ", h("span", null, JSON.stringify((_e = this.ticketData) === null || _e === void 0 ? void 0 : _e.multiplier)))), h("div", { class: "NumberOfDrawsContainer" }, h("p", null, translate('numberOfDraws', this.language), ": ", (_f = this.ticketData) === null || _f === void 0 ? void 0 :
168
- _f.drawCount), h("div", { class: "DrawTicketsContainer" }, this.drawResults.map((item, index) => h("div", { class: "ExpandableBoxes" }, h("div", { class: this.toggleDrawer[index] ? 'ExpandableBox ShowBox' : 'ExpandableBox', onClick: () => this.changeBox(index) }, h("div", { class: "TicketResultContainer" }, h("p", null, translate('ticketResult', this.language), ": ", item.status)), item.state == 'won' &&
169
- h("div", { class: "AmountWonContainer" }, h("p", null, translate('amountWon', this.language), ": ", Number(item.amount).toLocaleString('en'), " ", item.currency)), h("div", { class: "DrawIdContainer" }, h("p", null, translate('drawId', this.language), ": ", item.drawId)), h("div", { class: "DrawDateContainer" }, h("p", null, translate('drawDate', this.language), ": ", item.updatedAt.slice(0, 10), " | ", item.updatedAt.slice(11, 19))), h("div", { class: "DrawNumbersGrid" }), h("div", { class: "DrawMultipler" }, h("label", { class: "Label" }, "Multiplier: ", item.multiplier)))))))))
170
- :
171
- h("div", { class: "DrawResultsArea" }, this.drawData &&
172
- 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", { "maximum-allowed": this.rules.maximumAllowed, "total-numbers": this.rules.totalNumbers, selectedNumbers: this.drawData.winningNumbers.join(','), "display-selected": true, selectable: false, language: this.language })), h("div", { class: "DrawMultipler" }, h("label", { class: "Label" }, "Multiplier: ", this.multiplier))))))));
173
- }
174
- }
175
- static get style() { return lotteryDrawResultsCss; }
176
- }, [1, "lottery-draw-results", {
177
- "endpoint": [1],
178
- "gameId": [1, "game-id"],
179
- "language": [1],
180
- "playerId": [1, "player-id"],
181
- "drawMode": [4, "draw-mode"],
182
- "drawId": [1, "draw-id"],
183
- "gameName": [1, "game-name"],
184
- "multiplier": [32],
185
- "ticketData": [32],
186
- "isLoading": [32],
187
- "drawResults": [32],
188
- "rules": [32],
189
- "toggleDrawer": [32],
190
- "hasErrors": [32],
191
- "errorText": [32]
192
- }]);
193
- function defineCustomElement() {
194
- if (typeof customElements === "undefined") {
195
- return;
196
- }
197
- const components = ["lottery-draw-results", "lottery-bullet", "lottery-grid"];
198
- components.forEach(tagName => { switch (tagName) {
199
- case "lottery-draw-results":
200
- if (!customElements.get(tagName)) {
201
- customElements.define(tagName, LotteryDrawResults);
202
- }
203
- break;
204
- case "lottery-bullet":
205
- if (!customElements.get(tagName)) {
206
- defineCustomElement$2();
207
- }
208
- break;
209
- case "lottery-grid":
210
- if (!customElements.get(tagName)) {
211
- defineCustomElement$1();
212
- }
213
- break;
214
- } });
215
- }
216
- defineCustomElement();
217
-
218
- export { LotteryDrawResults as L, defineCustomElement as d };
@@ -1,6 +0,0 @@
1
- import { L as LotteryGrid$1, d as defineCustomElement$1 } from './lottery-grid2.js';
2
-
3
- const LotteryGrid = LotteryGrid$1;
4
- const defineCustomElement = defineCustomElement$1;
5
-
6
- export { LotteryGrid, defineCustomElement };
@@ -1,197 +0,0 @@
1
- import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
2
- import { d as defineCustomElement$1 } from './lottery-bullet2.js';
3
-
4
- const lotteryGridCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.GridContainer{display:flex;flex-direction:column;max-width:350px}.Grid{margin-top:10px 0 10px 0;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}";
5
-
6
- const LotteryGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
7
- constructor() {
8
- super();
9
- this.__registerHost();
10
- this.__attachShadow();
11
- this.gridFilledEvent = createEvent(this, "gridFilled", 7);
12
- this.gridDirtyEvent = createEvent(this, "gridDirty", 7);
13
- /**
14
- * Number of bullets of grid
15
- */
16
- this.totalNumbers = 0;
17
- /**
18
- * Number of maximum bullets that can be selected
19
- */
20
- this.maximumAllowed = 0;
21
- /**
22
- * Minimum allowed of bullets
23
- */
24
- this.minimumAllowed = 1;
25
- /**
26
- * Allows the user to select numbers on the grid
27
- */
28
- this.selectable = true;
29
- /**
30
- * Numbers that should be showed as selected on the grid (as a string of those numbers e.g. '1,2,3,4,5,6')
31
- */
32
- this.selectedNumbers = '';
33
- /**
34
- * Show only selected numbers
35
- */
36
- this.displaySelected = false;
37
- /**
38
- * Language
39
- */
40
- this.language = 'en';
41
- this.numbers = [];
42
- this.selectedCounter = 0;
43
- }
44
- connectedCallback() {
45
- let selected = [];
46
- if (this.selectedNumbers.length > 0) {
47
- selected = this.selectedNumbers.split(',');
48
- this.selectedCounter = selected.length;
49
- }
50
- if (this.displaySelected) {
51
- selected.forEach((item) => {
52
- this.numbers.push({
53
- number: item,
54
- selected: true,
55
- selectable: this.selectable
56
- });
57
- });
58
- }
59
- else {
60
- [...Array(this.totalNumbers).keys()]
61
- .map(number => (number + 1).toString())
62
- .forEach((number) => {
63
- this.numbers.push({
64
- number,
65
- selected: selected.indexOf(number) >= 0 ? true : false,
66
- selectable: this.selectedCounter == this.maximumAllowed ? false : this.selectable
67
- });
68
- });
69
- }
70
- }
71
- lotteryBulletSelectionHandler(event) {
72
- this.numbers = this.numbers.map((item) => {
73
- if (item.number == event.detail.value) {
74
- return {
75
- number: item.number,
76
- selected: event.detail.selected,
77
- selectable: item.selectable
78
- };
79
- }
80
- return {
81
- number: item.number,
82
- selected: item.selected,
83
- selectable: item.selectable
84
- };
85
- });
86
- if (event.detail.selected) {
87
- this.selectedCounter += 1;
88
- if (this.selectedCounter == this.maximumAllowed) {
89
- this.numbers = this.numbers.map((item) => {
90
- return {
91
- number: item.number,
92
- selected: item.selected,
93
- selectable: item.selected ? true : false
94
- };
95
- });
96
- this.gridFilledEvent.emit({
97
- id: this.ticketId,
98
- index: this.gridIndex,
99
- selectedNumbers: this.numbers.filter((item) => item.selected).map((item) => item.number)
100
- });
101
- }
102
- }
103
- else {
104
- if (this.selectedCounter == this.maximumAllowed) {
105
- this.numbers = this.numbers.map((item) => {
106
- return {
107
- number: item.number,
108
- selected: item.selected,
109
- selectable: true
110
- };
111
- });
112
- this.gridDirtyEvent.emit({
113
- id: this.ticketId,
114
- index: this.gridIndex,
115
- selectedNumbers: this.numbers.filter((item) => item.selected).map((item) => item.number)
116
- });
117
- }
118
- this.selectedCounter -= 1;
119
- }
120
- }
121
- async resetSelectionHandler(event) {
122
- if (event.detail && event.detail == this.ticketId) {
123
- this.selectedCounter = 0;
124
- this.numbers = this.numbers.map((item) => {
125
- return {
126
- number: item.number,
127
- selected: false,
128
- selectable: this.selectable
129
- };
130
- });
131
- this.gridDirtyEvent.emit({
132
- id: this.ticketId,
133
- index: this.gridIndex,
134
- selectedNumbers: this.numbers.filter((item) => item.selected).map((item) => item.number)
135
- });
136
- }
137
- }
138
- async autoSelectionHandler(event) {
139
- if (event.detail && event.detail == this.ticketId) {
140
- this.resetSelectionHandler(event);
141
- let array = [...Array(this.totalNumbers).keys()]
142
- .map(number => number + 1)
143
- .sort(() => 0.5 - Math.random());
144
- array = array.slice(0, this.minimumAllowed);
145
- this.numbers = this.numbers.map((item) => {
146
- return {
147
- number: item.number,
148
- selected: array.indexOf(parseInt(item.number, 10)) >= 0 ? true : false,
149
- selectable: array.indexOf(parseInt(item.number, 10)) >= 0 ? true : false,
150
- };
151
- });
152
- this.gridFilledEvent.emit({
153
- id: this.ticketId,
154
- index: this.gridIndex,
155
- selectedNumbers: this.numbers.filter((item) => item.selected).map((item) => item.number)
156
- });
157
- this.selectedCounter = this.maximumAllowed;
158
- }
159
- }
160
- render() {
161
- return (h("div", { class: "GridContainer" }, h("div", { class: "Grid" }, this.numbers.map((item) => h("div", null, h("lottery-bullet", { value: item.number, selectable: item.selectable, "is-selected": item.selected }))))));
162
- }
163
- static get style() { return lotteryGridCss; }
164
- }, [1, "lottery-grid", {
165
- "ticketId": [2, "ticket-id"],
166
- "totalNumbers": [2, "total-numbers"],
167
- "gameId": [1, "game-id"],
168
- "maximumAllowed": [2, "maximum-allowed"],
169
- "minimumAllowed": [2, "minimum-allowed"],
170
- "selectable": [4],
171
- "selectedNumbers": [1, "selected-numbers"],
172
- "displaySelected": [4, "display-selected"],
173
- "language": [1],
174
- "gridIndex": [2, "grid-index"],
175
- "numbers": [32]
176
- }, [[0, "lotteryBulletSelection", "lotteryBulletSelectionHandler"], [4, "resetSelection", "resetSelectionHandler"], [4, "autoSelection", "autoSelectionHandler"]]]);
177
- function defineCustomElement() {
178
- if (typeof customElements === "undefined") {
179
- return;
180
- }
181
- const components = ["lottery-grid", "lottery-bullet"];
182
- components.forEach(tagName => { switch (tagName) {
183
- case "lottery-grid":
184
- if (!customElements.get(tagName)) {
185
- customElements.define(tagName, LotteryGrid);
186
- }
187
- break;
188
- case "lottery-bullet":
189
- if (!customElements.get(tagName)) {
190
- defineCustomElement$1();
191
- }
192
- break;
193
- } });
194
- }
195
- defineCustomElement();
196
-
197
- export { LotteryGrid as L, defineCustomElement as d };
@@ -1,6 +0,0 @@
1
- import { L as LotteryTicketController$1, d as defineCustomElement$1 } from './lottery-ticket-controller2.js';
2
-
3
- const LotteryTicketController = LotteryTicketController$1;
4
- const defineCustomElement = defineCustomElement$1;
5
-
6
- export { LotteryTicketController, defineCustomElement };
@@ -1,118 +0,0 @@
1
- import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
2
- import { d as defineCustomElement$4 } from './helper-accordion2.js';
3
- import { d as defineCustomElement$3 } from './lottery-bullet2.js';
4
- import { d as defineCustomElement$2 } from './lottery-grid2.js';
5
- import { d as defineCustomElement$1 } from './lottery-ticket2.js';
6
-
7
- const lotteryTicketControllerCss = ":host{display:block}";
8
-
9
- const LotteryTicketController = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
10
- constructor() {
11
- super();
12
- this.__registerHost();
13
- this.__attachShadow();
14
- this.deleteTicketEvent = createEvent(this, "deleteTicket", 7);
15
- /**
16
- * Endpoint URL for the source of data (NorWAy standard)
17
- */
18
- this.endpoint = '';
19
- /**
20
- * Ticket number
21
- */
22
- this.ticketId = 1;
23
- /**
24
- * Activates postMessages as events for actions from the widget
25
- */
26
- this.postMessage = false;
27
- /**
28
- * Name of the event emitter by the action button
29
- */
30
- this.eventName = 'deleteTicketAction';
31
- /**
32
- * Collapsed
33
- */
34
- this.collapsed = true;
35
- /**
36
- * Number of grids?
37
- */
38
- this.numberOfGrids = 1;
39
- /**
40
- * This toggles if the last ticket added should be expanded or not
41
- */
42
- this.last = false;
43
- /**
44
- * Language
45
- */
46
- this.language = 'en';
47
- /**
48
- * Shows the auto-pick button
49
- */
50
- this.autoPick = false;
51
- /**
52
- * Shows the reset button
53
- */
54
- this.resetButton = false;
55
- }
56
- // @TODO fix the `any` type
57
- helperAccordionActionHandler() {
58
- if (this.postMessage) {
59
- window.postMessage({ type: this.eventName }, window.location.href);
60
- }
61
- this.deleteTicketEvent.emit({
62
- ticketId: this.ticketId
63
- });
64
- }
65
- render() {
66
- return (h("div", null, h("helper-accordion", { "header-title": 'Ticket ' + this.ticketId, "header-subtitle": this.ticketDescription, footer: true, "delete-tab": true, collapsed: !this.last || this.collapsed, language: this.language }, h("div", { slot: "accordionContent" }, h("lottery-ticket", { 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 })))));
67
- }
68
- static get style() { return lotteryTicketControllerCss; }
69
- }, [1, "lottery-ticket-controller", {
70
- "endpoint": [1],
71
- "ticketId": [2, "ticket-id"],
72
- "ticketDescription": [1, "ticket-description"],
73
- "gameId": [1, "game-id"],
74
- "postMessage": [4, "post-message"],
75
- "eventName": [1, "event-name"],
76
- "collapsed": [4],
77
- "numberOfGrids": [2, "number-of-grids"],
78
- "last": [4],
79
- "language": [1],
80
- "autoPick": [4, "auto-pick"],
81
- "resetButton": [4, "reset-button"]
82
- }, [[0, "helperAccordionAction", "helperAccordionActionHandler"]]]);
83
- function defineCustomElement() {
84
- if (typeof customElements === "undefined") {
85
- return;
86
- }
87
- const components = ["lottery-ticket-controller", "helper-accordion", "lottery-bullet", "lottery-grid", "lottery-ticket"];
88
- components.forEach(tagName => { switch (tagName) {
89
- case "lottery-ticket-controller":
90
- if (!customElements.get(tagName)) {
91
- customElements.define(tagName, LotteryTicketController);
92
- }
93
- break;
94
- case "helper-accordion":
95
- if (!customElements.get(tagName)) {
96
- defineCustomElement$4();
97
- }
98
- break;
99
- case "lottery-bullet":
100
- if (!customElements.get(tagName)) {
101
- defineCustomElement$3();
102
- }
103
- break;
104
- case "lottery-grid":
105
- if (!customElements.get(tagName)) {
106
- defineCustomElement$2();
107
- }
108
- break;
109
- case "lottery-ticket":
110
- if (!customElements.get(tagName)) {
111
- defineCustomElement$1();
112
- }
113
- break;
114
- } });
115
- }
116
- defineCustomElement();
117
-
118
- export { LotteryTicketController as L, defineCustomElement as d };
@@ -1,6 +0,0 @@
1
- import { L as LotteryTicket$1, d as defineCustomElement$1 } from './lottery-ticket2.js';
2
-
3
- const LotteryTicket = LotteryTicket$1;
4
- const defineCustomElement = defineCustomElement$1;
5
-
6
- export { LotteryTicket, defineCustomElement };