@everymatrix/lottery-game-page 0.1.2 → 0.1.6
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.
- package/dist/cjs/helper-accordion_2.cjs.entry.js +126 -0
- package/dist/cjs/helper-accordion_2.cjs.entry.js.map +1 -0
- package/dist/cjs/helper-filters_2.cjs.entry.js +85 -22255
- package/dist/cjs/helper-filters_2.cjs.entry.js.map +1 -0
- package/dist/cjs/helper-modal.cjs.entry.js +3 -1
- package/dist/cjs/helper-modal.cjs.entry.js.map +1 -0
- package/dist/cjs/helper-pagination.cjs.entry.js +3 -1
- package/dist/cjs/helper-pagination.cjs.entry.js.map +1 -0
- package/dist/cjs/helper-tab.cjs.entry.js +13 -8
- package/dist/cjs/helper-tab.cjs.entry.js.map +1 -0
- package/dist/cjs/{index-e5770ba2.js → index-65086a23.js} +7 -38
- package/dist/cjs/index-65086a23.js.map +1 -0
- package/dist/cjs/index.cjs.js +2 -0
- package/dist/cjs/index.cjs.js.map +1 -0
- package/dist/cjs/loader.cjs.js +4 -2
- package/dist/cjs/loader.cjs.js.map +1 -0
- package/dist/cjs/lottery-draw-results-history.cjs.entry.js +67 -27
- package/dist/cjs/lottery-draw-results-history.cjs.entry.js.map +1 -0
- package/dist/cjs/lottery-game-details.cjs.entry.js +3 -1
- package/dist/cjs/lottery-game-details.cjs.entry.js.map +1 -0
- package/dist/cjs/lottery-game-page.cjs.entry.js +52 -13
- package/dist/cjs/lottery-game-page.cjs.entry.js.map +1 -0
- package/dist/cjs/lottery-game-page.cjs.js +4 -2
- package/dist/cjs/lottery-game-page.cjs.js.map +1 -0
- package/dist/collection/collection-manifest.json +0 -24
- package/dist/collection/components/lottery-game-page/lottery-game-page.css +27 -7
- package/dist/collection/components/lottery-game-page/lottery-game-page.js +22 -5
- package/dist/collection/components/lottery-game-page/lottery-game-page.js.map +1 -0
- package/dist/collection/index.js +1 -0
- package/dist/collection/index.js.map +1 -0
- package/dist/collection/utils/locale.utils.js +34 -6
- package/dist/collection/utils/locale.utils.js.map +1 -0
- package/dist/collection/utils/utils.js +1 -0
- package/dist/collection/utils/utils.js.map +1 -0
- package/dist/components/helper-accordion.js +2 -0
- package/dist/components/helper-accordion.js.map +1 -0
- package/dist/components/helper-accordion2.js +9 -2
- package/dist/components/helper-accordion2.js.map +1 -0
- package/dist/components/helper-filters.js +2 -0
- package/dist/components/helper-filters.js.map +1 -0
- package/dist/components/helper-filters2.js +31 -22211
- package/dist/components/helper-filters2.js.map +1 -0
- package/dist/components/helper-modal.js +2 -0
- package/dist/components/helper-modal.js.map +1 -0
- package/dist/components/helper-modal2.js +2 -0
- package/dist/components/helper-modal2.js.map +1 -0
- package/dist/components/helper-pagination.js +2 -0
- package/dist/components/helper-pagination.js.map +1 -0
- package/dist/components/helper-tab.js +2 -0
- package/dist/components/helper-tab.js.map +1 -0
- package/dist/components/helper-tab2.js +14 -8
- package/dist/components/helper-tab2.js.map +1 -0
- package/dist/components/helper-tabs.js +2 -0
- package/dist/components/helper-tabs.js.map +1 -0
- package/dist/components/helper-tabs2.js +3 -1
- package/dist/components/helper-tabs2.js.map +1 -0
- package/dist/components/index.js +2 -0
- package/dist/components/index.js.map +1 -0
- package/dist/components/lottery-draw-results-history.js +2 -0
- package/dist/components/lottery-draw-results-history.js.map +1 -0
- package/dist/components/lottery-draw-results-history2.js +78 -46
- package/dist/components/lottery-draw-results-history2.js.map +1 -0
- package/dist/components/lottery-draw-results.js +2 -0
- package/dist/components/lottery-draw-results.js.map +1 -0
- package/dist/components/lottery-draw-results2.js +64 -59
- package/dist/components/lottery-draw-results2.js.map +1 -0
- package/dist/components/lottery-game-details.js +2 -0
- package/dist/components/lottery-game-details.js.map +1 -0
- package/dist/components/lottery-game-details2.js +2 -0
- package/dist/components/lottery-game-details2.js.map +1 -0
- package/dist/components/lottery-game-page.js +70 -53
- package/dist/components/lottery-game-page.js.map +1 -0
- package/dist/esm/helper-accordion_2.entry.js +121 -0
- package/dist/esm/helper-accordion_2.entry.js.map +1 -0
- package/dist/esm/helper-filters_2.entry.js +89 -22259
- package/dist/esm/helper-filters_2.entry.js.map +1 -0
- package/dist/esm/helper-modal.entry.js +3 -1
- package/dist/esm/helper-modal.entry.js.map +1 -0
- package/dist/esm/helper-pagination.entry.js +3 -1
- package/dist/esm/helper-pagination.entry.js.map +1 -0
- package/dist/esm/helper-tab.entry.js +13 -8
- package/dist/esm/helper-tab.entry.js.map +1 -0
- package/dist/esm/{index-8f308493.js → index-11dea618.js} +7 -38
- package/dist/esm/index-11dea618.js.map +1 -0
- package/dist/esm/index.js +2 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/loader.js +4 -2
- package/dist/esm/loader.js.map +1 -0
- package/dist/esm/lottery-draw-results-history.entry.js +67 -27
- package/dist/esm/lottery-draw-results-history.entry.js.map +1 -0
- package/dist/esm/lottery-game-details.entry.js +3 -1
- package/dist/esm/lottery-game-details.entry.js.map +1 -0
- package/dist/esm/lottery-game-page.entry.js +52 -13
- package/dist/esm/lottery-game-page.entry.js.map +1 -0
- package/dist/esm/lottery-game-page.js +4 -2
- package/dist/esm/lottery-game-page.js.map +1 -0
- package/dist/lottery-game-page/index.esm.js +2 -0
- package/dist/lottery-game-page/index.esm.js.map +1 -0
- package/dist/lottery-game-page/lottery-game-page.esm.js +2 -1
- package/dist/lottery-game-page/lottery-game-page.esm.js.map +1 -0
- package/dist/lottery-game-page/p-0ffa81cc.entry.js +2 -0
- package/dist/lottery-game-page/p-0ffa81cc.entry.js.map +1 -0
- package/dist/lottery-game-page/p-3a9ad86b.js +2 -0
- package/dist/lottery-game-page/p-3a9ad86b.js.map +1 -0
- package/dist/lottery-game-page/p-3e00e24b.entry.js +2 -0
- package/dist/lottery-game-page/p-3e00e24b.entry.js.map +1 -0
- package/dist/lottery-game-page/p-4a79f68c.entry.js +2 -0
- package/dist/lottery-game-page/p-4a79f68c.entry.js.map +1 -0
- package/dist/lottery-game-page/p-978fd922.entry.js +2 -0
- package/dist/lottery-game-page/p-978fd922.entry.js.map +1 -0
- package/dist/lottery-game-page/p-bd53d31a.entry.js +2 -0
- package/dist/lottery-game-page/p-bd53d31a.entry.js.map +1 -0
- package/dist/lottery-game-page/p-bfa5e84c.entry.js +2 -0
- package/dist/lottery-game-page/p-bfa5e84c.entry.js.map +1 -0
- package/dist/lottery-game-page/p-dedb92e5.entry.js +2 -0
- package/dist/lottery-game-page/p-dedb92e5.entry.js.map +1 -0
- package/dist/lottery-game-page/p-f4592d65.entry.js +2 -0
- package/dist/lottery-game-page/p-f4592d65.entry.js.map +1 -0
- package/dist/stencil.config.js +13 -2
- package/dist/stencil.config.js.map +1 -0
- package/dist/types/components/lottery-game-page/lottery-game-page.d.ts +3 -0
- package/package.json +2 -2
- package/dist/cjs/helper-accordion.cjs.entry.js +0 -88
- package/dist/cjs/helper-tabs.cjs.entry.js +0 -38
- package/dist/cjs/lottery-bullet_2.cjs.entry.js +0 -202
- package/dist/cjs/lottery-ticket-controller.cjs.entry.js +0 -69
- package/dist/cjs/lottery-ticket.cjs.entry.js +0 -146
- package/dist/components/lottery-bullet.js +0 -6
- package/dist/components/lottery-bullet2.js +0 -57
- package/dist/components/lottery-grid.js +0 -6
- package/dist/components/lottery-grid2.js +0 -197
- package/dist/components/lottery-ticket-controller.js +0 -6
- package/dist/components/lottery-ticket-controller2.js +0 -118
- package/dist/components/lottery-ticket.js +0 -6
- package/dist/components/lottery-ticket2.js +0 -184
- package/dist/esm/helper-accordion.entry.js +0 -84
- package/dist/esm/helper-tabs.entry.js +0 -34
- package/dist/esm/lottery-bullet_2.entry.js +0 -197
- package/dist/esm/lottery-ticket-controller.entry.js +0 -65
- package/dist/esm/lottery-ticket.entry.js +0 -142
- package/dist/lottery-game-page/p-037dd940.js +0 -1
- package/dist/lottery-game-page/p-12251772.entry.js +0 -1
- package/dist/lottery-game-page/p-324c7edd.entry.js +0 -2849
- package/dist/lottery-game-page/p-43400250.entry.js +0 -1
- package/dist/lottery-game-page/p-43f7fac4.entry.js +0 -1
- package/dist/lottery-game-page/p-55338096.entry.js +0 -1
- package/dist/lottery-game-page/p-581bdfc2.entry.js +0 -1
- package/dist/lottery-game-page/p-6977f833.entry.js +0 -1
- package/dist/lottery-game-page/p-85f4e95b.entry.js +0 -1
- package/dist/lottery-game-page/p-99a61a44.entry.js +0 -1
- package/dist/lottery-game-page/p-af9a2dde.entry.js +0 -1
- package/dist/lottery-game-page/p-bf66e969.entry.js +0 -1
- package/dist/lottery-game-page/p-d1b9da94.entry.js +0 -1
|
@@ -1,197 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h } from './index-8f308493.js';
|
|
2
|
-
|
|
3
|
-
const lotteryBulletCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.Circle{cursor:pointer;color:#000000;display:block;background:#FFF;border:solid 2px #00958f;height:20px;width:20px;border-radius:50%;margin:0;display:flex;align-items:center;justify-content:center;user-select:none;font-size:12px;font-weight:600;position:relative}.Circle:hover{background:#aee4e2}.Circle.Selected{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{color:#707070;background:#D4D4D4;border:solid 2px #707070;cursor:default}.Circle.DisabledSelected{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 #707070;cursor:default}";
|
|
4
|
-
|
|
5
|
-
const LotteryBullet = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
this.bulletEvent = createEvent(this, "lotteryBulletSelection", 7);
|
|
9
|
-
/**
|
|
10
|
-
* Value of the bullet
|
|
11
|
-
*/
|
|
12
|
-
this.value = '0';
|
|
13
|
-
/**
|
|
14
|
-
* Marks if the bullet should be selectable
|
|
15
|
-
*/
|
|
16
|
-
this.selectable = true;
|
|
17
|
-
/**
|
|
18
|
-
* Marks if the bullet should be selected
|
|
19
|
-
*/
|
|
20
|
-
this.isSelected = false;
|
|
21
|
-
this.select = () => {
|
|
22
|
-
if (this.selectable) {
|
|
23
|
-
this.isSelected = !this.isSelected;
|
|
24
|
-
this.bulletEvent.emit({
|
|
25
|
-
value: this.value,
|
|
26
|
-
selected: this.isSelected
|
|
27
|
-
});
|
|
28
|
-
}
|
|
29
|
-
};
|
|
30
|
-
}
|
|
31
|
-
render() {
|
|
32
|
-
return (h("div", { class: 'Circle ' + (this.selectable ? '' : 'Disabled') + (this.isSelected ? 'Selected' : ''), onClick: () => this.select() }, this.value));
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
LotteryBullet.style = lotteryBulletCss;
|
|
36
|
-
|
|
37
|
-
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}";
|
|
38
|
-
|
|
39
|
-
const LotteryGrid = class {
|
|
40
|
-
constructor(hostRef) {
|
|
41
|
-
registerInstance(this, hostRef);
|
|
42
|
-
this.gridFilledEvent = createEvent(this, "gridFilled", 7);
|
|
43
|
-
this.gridDirtyEvent = createEvent(this, "gridDirty", 7);
|
|
44
|
-
/**
|
|
45
|
-
* Number of bullets of grid
|
|
46
|
-
*/
|
|
47
|
-
this.totalNumbers = 0;
|
|
48
|
-
/**
|
|
49
|
-
* Number of maximum bullets that can be selected
|
|
50
|
-
*/
|
|
51
|
-
this.maximumAllowed = 0;
|
|
52
|
-
/**
|
|
53
|
-
* Minimum allowed of bullets
|
|
54
|
-
*/
|
|
55
|
-
this.minimumAllowed = 1;
|
|
56
|
-
/**
|
|
57
|
-
* Allows the user to select numbers on the grid
|
|
58
|
-
*/
|
|
59
|
-
this.selectable = true;
|
|
60
|
-
/**
|
|
61
|
-
* Numbers that should be showed as selected on the grid (as a string of those numbers e.g. '1,2,3,4,5,6')
|
|
62
|
-
*/
|
|
63
|
-
this.selectedNumbers = '';
|
|
64
|
-
/**
|
|
65
|
-
* Show only selected numbers
|
|
66
|
-
*/
|
|
67
|
-
this.displaySelected = false;
|
|
68
|
-
/**
|
|
69
|
-
* Language
|
|
70
|
-
*/
|
|
71
|
-
this.language = 'en';
|
|
72
|
-
this.numbers = [];
|
|
73
|
-
this.selectedCounter = 0;
|
|
74
|
-
}
|
|
75
|
-
connectedCallback() {
|
|
76
|
-
let selected = [];
|
|
77
|
-
if (this.selectedNumbers.length > 0) {
|
|
78
|
-
selected = this.selectedNumbers.split(',');
|
|
79
|
-
this.selectedCounter = selected.length;
|
|
80
|
-
}
|
|
81
|
-
if (this.displaySelected) {
|
|
82
|
-
selected.forEach((item) => {
|
|
83
|
-
this.numbers.push({
|
|
84
|
-
number: item,
|
|
85
|
-
selected: true,
|
|
86
|
-
selectable: this.selectable
|
|
87
|
-
});
|
|
88
|
-
});
|
|
89
|
-
}
|
|
90
|
-
else {
|
|
91
|
-
[...Array(this.totalNumbers).keys()]
|
|
92
|
-
.map(number => (number + 1).toString())
|
|
93
|
-
.forEach((number) => {
|
|
94
|
-
this.numbers.push({
|
|
95
|
-
number,
|
|
96
|
-
selected: selected.indexOf(number) >= 0 ? true : false,
|
|
97
|
-
selectable: this.selectedCounter == this.maximumAllowed ? false : this.selectable
|
|
98
|
-
});
|
|
99
|
-
});
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
lotteryBulletSelectionHandler(event) {
|
|
103
|
-
this.numbers = this.numbers.map((item) => {
|
|
104
|
-
if (item.number == event.detail.value) {
|
|
105
|
-
return {
|
|
106
|
-
number: item.number,
|
|
107
|
-
selected: event.detail.selected,
|
|
108
|
-
selectable: item.selectable
|
|
109
|
-
};
|
|
110
|
-
}
|
|
111
|
-
return {
|
|
112
|
-
number: item.number,
|
|
113
|
-
selected: item.selected,
|
|
114
|
-
selectable: item.selectable
|
|
115
|
-
};
|
|
116
|
-
});
|
|
117
|
-
if (event.detail.selected) {
|
|
118
|
-
this.selectedCounter += 1;
|
|
119
|
-
if (this.selectedCounter == this.maximumAllowed) {
|
|
120
|
-
this.numbers = this.numbers.map((item) => {
|
|
121
|
-
return {
|
|
122
|
-
number: item.number,
|
|
123
|
-
selected: item.selected,
|
|
124
|
-
selectable: item.selected ? true : false
|
|
125
|
-
};
|
|
126
|
-
});
|
|
127
|
-
this.gridFilledEvent.emit({
|
|
128
|
-
id: this.ticketId,
|
|
129
|
-
index: this.gridIndex,
|
|
130
|
-
selectedNumbers: this.numbers.filter((item) => item.selected).map((item) => item.number)
|
|
131
|
-
});
|
|
132
|
-
}
|
|
133
|
-
}
|
|
134
|
-
else {
|
|
135
|
-
if (this.selectedCounter == this.maximumAllowed) {
|
|
136
|
-
this.numbers = this.numbers.map((item) => {
|
|
137
|
-
return {
|
|
138
|
-
number: item.number,
|
|
139
|
-
selected: item.selected,
|
|
140
|
-
selectable: true
|
|
141
|
-
};
|
|
142
|
-
});
|
|
143
|
-
this.gridDirtyEvent.emit({
|
|
144
|
-
id: this.ticketId,
|
|
145
|
-
index: this.gridIndex,
|
|
146
|
-
selectedNumbers: this.numbers.filter((item) => item.selected).map((item) => item.number)
|
|
147
|
-
});
|
|
148
|
-
}
|
|
149
|
-
this.selectedCounter -= 1;
|
|
150
|
-
}
|
|
151
|
-
}
|
|
152
|
-
async resetSelectionHandler(event) {
|
|
153
|
-
if (event.detail && event.detail == this.ticketId) {
|
|
154
|
-
this.selectedCounter = 0;
|
|
155
|
-
this.numbers = this.numbers.map((item) => {
|
|
156
|
-
return {
|
|
157
|
-
number: item.number,
|
|
158
|
-
selected: false,
|
|
159
|
-
selectable: this.selectable
|
|
160
|
-
};
|
|
161
|
-
});
|
|
162
|
-
this.gridDirtyEvent.emit({
|
|
163
|
-
id: this.ticketId,
|
|
164
|
-
index: this.gridIndex,
|
|
165
|
-
selectedNumbers: this.numbers.filter((item) => item.selected).map((item) => item.number)
|
|
166
|
-
});
|
|
167
|
-
}
|
|
168
|
-
}
|
|
169
|
-
async autoSelectionHandler(event) {
|
|
170
|
-
if (event.detail && event.detail == this.ticketId) {
|
|
171
|
-
this.resetSelectionHandler(event);
|
|
172
|
-
let array = [...Array(this.totalNumbers).keys()]
|
|
173
|
-
.map(number => number + 1)
|
|
174
|
-
.sort(() => 0.5 - Math.random());
|
|
175
|
-
array = array.slice(0, this.minimumAllowed);
|
|
176
|
-
this.numbers = this.numbers.map((item) => {
|
|
177
|
-
return {
|
|
178
|
-
number: item.number,
|
|
179
|
-
selected: array.indexOf(parseInt(item.number, 10)) >= 0 ? true : false,
|
|
180
|
-
selectable: array.indexOf(parseInt(item.number, 10)) >= 0 ? true : false,
|
|
181
|
-
};
|
|
182
|
-
});
|
|
183
|
-
this.gridFilledEvent.emit({
|
|
184
|
-
id: this.ticketId,
|
|
185
|
-
index: this.gridIndex,
|
|
186
|
-
selectedNumbers: this.numbers.filter((item) => item.selected).map((item) => item.number)
|
|
187
|
-
});
|
|
188
|
-
this.selectedCounter = this.maximumAllowed;
|
|
189
|
-
}
|
|
190
|
-
}
|
|
191
|
-
render() {
|
|
192
|
-
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 }))))));
|
|
193
|
-
}
|
|
194
|
-
};
|
|
195
|
-
LotteryGrid.style = lotteryGridCss;
|
|
196
|
-
|
|
197
|
-
export { LotteryBullet as lottery_bullet, LotteryGrid as lottery_grid };
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h } from './index-8f308493.js';
|
|
2
|
-
|
|
3
|
-
const lotteryTicketControllerCss = ":host{display:block}";
|
|
4
|
-
|
|
5
|
-
const LotteryTicketController = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
this.deleteTicketEvent = createEvent(this, "deleteTicket", 7);
|
|
9
|
-
/**
|
|
10
|
-
* Endpoint URL for the source of data (NorWAy standard)
|
|
11
|
-
*/
|
|
12
|
-
this.endpoint = '';
|
|
13
|
-
/**
|
|
14
|
-
* Ticket number
|
|
15
|
-
*/
|
|
16
|
-
this.ticketId = 1;
|
|
17
|
-
/**
|
|
18
|
-
* Activates postMessages as events for actions from the widget
|
|
19
|
-
*/
|
|
20
|
-
this.postMessage = false;
|
|
21
|
-
/**
|
|
22
|
-
* Name of the event emitter by the action button
|
|
23
|
-
*/
|
|
24
|
-
this.eventName = 'deleteTicketAction';
|
|
25
|
-
/**
|
|
26
|
-
* Collapsed
|
|
27
|
-
*/
|
|
28
|
-
this.collapsed = true;
|
|
29
|
-
/**
|
|
30
|
-
* Number of grids?
|
|
31
|
-
*/
|
|
32
|
-
this.numberOfGrids = 1;
|
|
33
|
-
/**
|
|
34
|
-
* This toggles if the last ticket added should be expanded or not
|
|
35
|
-
*/
|
|
36
|
-
this.last = false;
|
|
37
|
-
/**
|
|
38
|
-
* Language
|
|
39
|
-
*/
|
|
40
|
-
this.language = 'en';
|
|
41
|
-
/**
|
|
42
|
-
* Shows the auto-pick button
|
|
43
|
-
*/
|
|
44
|
-
this.autoPick = false;
|
|
45
|
-
/**
|
|
46
|
-
* Shows the reset button
|
|
47
|
-
*/
|
|
48
|
-
this.resetButton = false;
|
|
49
|
-
}
|
|
50
|
-
// @TODO fix the `any` type
|
|
51
|
-
helperAccordionActionHandler() {
|
|
52
|
-
if (this.postMessage) {
|
|
53
|
-
window.postMessage({ type: this.eventName }, window.location.href);
|
|
54
|
-
}
|
|
55
|
-
this.deleteTicketEvent.emit({
|
|
56
|
-
ticketId: this.ticketId
|
|
57
|
-
});
|
|
58
|
-
}
|
|
59
|
-
render() {
|
|
60
|
-
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 })))));
|
|
61
|
-
}
|
|
62
|
-
};
|
|
63
|
-
LotteryTicketController.style = lotteryTicketControllerCss;
|
|
64
|
-
|
|
65
|
-
export { LotteryTicketController as lottery_ticket_controller };
|
|
@@ -1,142 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h } from './index-8f308493.js';
|
|
2
|
-
|
|
3
|
-
const DEFAULT_LANGUAGE = 'en';
|
|
4
|
-
const SUPPORTED_LANGUAGES = ['ro', 'en'];
|
|
5
|
-
const TRANSLATIONS = {
|
|
6
|
-
en: {
|
|
7
|
-
loading: 'Loading, please wait ...',
|
|
8
|
-
error: 'It was an error while trying to fetch the data',
|
|
9
|
-
grid: 'Grid',
|
|
10
|
-
multiplier: 'Multiplier',
|
|
11
|
-
numberOfDraws: 'Number of draws',
|
|
12
|
-
wagerPerDraw: 'Wager per draw',
|
|
13
|
-
resetButton: 'Reset',
|
|
14
|
-
autoButton: 'I feel lucky'
|
|
15
|
-
},
|
|
16
|
-
ro: {
|
|
17
|
-
loading: 'Se incarca, va rugam asteptati ...',
|
|
18
|
-
error: 'A fost o eroare in timp ce asteptam datele',
|
|
19
|
-
grid: 'Grid',
|
|
20
|
-
multiplier: 'Multiplicator',
|
|
21
|
-
numberOfDraws: 'Numarul de extrageri',
|
|
22
|
-
wagerPerDraw: 'Pariul per extragere',
|
|
23
|
-
resetButton: 'Reseteaza',
|
|
24
|
-
autoButton: 'Ma simt norocos'
|
|
25
|
-
},
|
|
26
|
-
};
|
|
27
|
-
const translate = (key, customLang) => {
|
|
28
|
-
const lang = customLang;
|
|
29
|
-
return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
|
|
30
|
-
};
|
|
31
|
-
|
|
32
|
-
const lotteryTicketCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.Toggle{cursor:pointer;margin-top:20px;display:inline-block}.ToggleSwitch{display:inline-block;background:#707070;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%, #F1F1F1 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:#00ABA4}.ToggleCheckbox:checked+.ToggleSwitch:before{left:38px}.ToggleCheckbox{position:absolute;visibility:hidden}.Label{margin-right:5px;position:relative;top:2px;font-size:14px;font-weight:lighter;color:#000}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.NumberInput,.WagerInput{margin-top:10px;display:inline-flex;align-items:center}.NumberInput,.NumberInput *{box-sizing:border-box}.NumberInput button{cursor:pointer;outline:none;-webkit-appearance:none;background-color:transparent;border:none;align-items:center;justify-content:center;height:20px;margin:0;position:relative}.NumberInput button:after{display:inline-block;position:absolute;transform:translate(-50%, -50%) rotate(180deg);width:30px;align-items:center;text-align:center}.NumberInput button.Plus:after{transform:translate(-50%, -50%) rotate(0deg);width:30px;display:inline-flex;align-items:center;text-align:center}.NumberInput input[type=number],.WagerInput input[type=number]{max-width:50px;display:inline-flex;align-items:center;padding:4px 10px;text-align:center}.NumberInput input[type=number] .WagerInputTitle,.WagerInput input[type=number] .WagerInputTitle{font-size:14px;color:#000;padding:10px}.InputDefault{background-color:#F1F1F1;border-radius:4px;padding:5px;border:solid 1px #D4D4D4;color:#707070}.AutoButton{cursor:pointer;display:block;border-radius:4px;padding:8px 25px;width:max-content;margin:5px 0;border:1px solid #00958f;background:#FFF;color:#000;font-size:12px;transition:all 0.2s linear;text-transform:uppercase;text-align:center;letter-spacing:0}.AutoButton:active{background:#00958f;color:#FFF}.ResetButton{cursor:pointer;display:block;border-radius:4px;padding:8px 25px;width:max-content;margin:5px 0;color:#000;font-size:12px;transition:all 0.2s linear;text-transform:uppercase;text-align:center;letter-spacing:0;background:#FF3D00;border:1px solid #FF3D00;color:#FFF}.ResetButton:hover{background:#FF6536;border:1px solid #FF3D00}.TicketGridBullets{background:#f1f1f1;border-radius:4px;padding:20px;margin-top:5px}.TicketGridBullets .TicketGridTitle{margin-top:0px}";
|
|
33
|
-
|
|
34
|
-
const LotteryTicket = class {
|
|
35
|
-
constructor(hostRef) {
|
|
36
|
-
registerInstance(this, hostRef);
|
|
37
|
-
this.ticketCompleted = createEvent(this, "ticketCompleted", 7);
|
|
38
|
-
this.autoSelection = createEvent(this, "autoSelection", 7);
|
|
39
|
-
this.resetSelection = createEvent(this, "resetSelection", 7);
|
|
40
|
-
this.stakeChange = createEvent(this, "stakeChange", 7);
|
|
41
|
-
this.multiplierChange = createEvent(this, "multiplierChange", 7);
|
|
42
|
-
/**
|
|
43
|
-
* Number of grids of a ticket
|
|
44
|
-
*/
|
|
45
|
-
this.numberOfGrids = 1;
|
|
46
|
-
/**
|
|
47
|
-
* Option to have the ticket registered for multiple draws
|
|
48
|
-
*/
|
|
49
|
-
this.multipleDraws = true;
|
|
50
|
-
/**
|
|
51
|
-
* Shows the reset button
|
|
52
|
-
*/
|
|
53
|
-
this.resetButton = false;
|
|
54
|
-
/**
|
|
55
|
-
* Shows the auto-pick button
|
|
56
|
-
*/
|
|
57
|
-
this.autoPick = false;
|
|
58
|
-
/**
|
|
59
|
-
* Language
|
|
60
|
-
*/
|
|
61
|
-
this.language = 'en';
|
|
62
|
-
this.multiplier = false;
|
|
63
|
-
this.numberOfDraws = 1;
|
|
64
|
-
this.isLoading = true;
|
|
65
|
-
this.hasErrors = false;
|
|
66
|
-
this.ticketDone = false;
|
|
67
|
-
}
|
|
68
|
-
connectedCallback() {
|
|
69
|
-
let url = new URL(`${this.endpoint}/games/${this.gameId}`);
|
|
70
|
-
fetch(url.href)
|
|
71
|
-
.then((response) => {
|
|
72
|
-
if (response.ok) {
|
|
73
|
-
return response.json();
|
|
74
|
-
}
|
|
75
|
-
else {
|
|
76
|
-
// Throw error
|
|
77
|
-
this.hasErrors = true;
|
|
78
|
-
}
|
|
79
|
-
})
|
|
80
|
-
.then((data) => {
|
|
81
|
-
this.isLoading = false;
|
|
82
|
-
this.gameData = data;
|
|
83
|
-
this.grids = [...Array(data.rules.boards.length).keys()];
|
|
84
|
-
})
|
|
85
|
-
.catch((err) => {
|
|
86
|
-
this.isLoading = false;
|
|
87
|
-
this.hasErrors = true;
|
|
88
|
-
console.error('Error!', err);
|
|
89
|
-
});
|
|
90
|
-
}
|
|
91
|
-
multiplierChangeHandler(e) {
|
|
92
|
-
this.multiplier = e.target ? e.target.checked : false;
|
|
93
|
-
this.multiplierChange.emit(this.multiplier);
|
|
94
|
-
}
|
|
95
|
-
drawsChangeHandler(event) {
|
|
96
|
-
this.ticket = Object.assign(Object.assign({}, this.ticket), { draws: event });
|
|
97
|
-
this.ticketCompleted.emit(this.ticket);
|
|
98
|
-
}
|
|
99
|
-
gridFilledHandler(event) {
|
|
100
|
-
this.ticket = Object.assign(Object.assign({}, event.detail), { draws: this.numberOfDraws });
|
|
101
|
-
this.ticketDone = true;
|
|
102
|
-
this.ticketCompleted.emit(this.ticket);
|
|
103
|
-
}
|
|
104
|
-
toggleAutoSelection() {
|
|
105
|
-
this.ticketDone = true;
|
|
106
|
-
this.autoSelection.emit(this.ticketId);
|
|
107
|
-
}
|
|
108
|
-
toggleResetSelection() {
|
|
109
|
-
this.ticketDone = false;
|
|
110
|
-
this.resetSelection.emit(this.ticketId);
|
|
111
|
-
}
|
|
112
|
-
changeStake(event) {
|
|
113
|
-
this.stakeChange.emit({
|
|
114
|
-
ticketId: this.ticketId,
|
|
115
|
-
stake: event.target.value
|
|
116
|
-
});
|
|
117
|
-
}
|
|
118
|
-
render() {
|
|
119
|
-
if (this.isLoading) {
|
|
120
|
-
return (h("div", null, h("p", null, translate('loading', this.language))));
|
|
121
|
-
}
|
|
122
|
-
else {
|
|
123
|
-
if (this.hasErrors) {
|
|
124
|
-
return (h("div", null, h("p", null, translate('error', this.language))));
|
|
125
|
-
}
|
|
126
|
-
else {
|
|
127
|
-
const { rules } = this.gameData;
|
|
128
|
-
return (h("div", { class: "TicketContainer" }, h("p", null, this.gameData.name), this.resetButton && this.ticketDone &&
|
|
129
|
-
h("a", { class: "ResetButton", onClick: () => this.toggleResetSelection() }, translate('resetButton', this.language)), this.autoPick && !this.ticketDone &&
|
|
130
|
-
h("a", { class: "AutoButton", onClick: () => this.toggleAutoSelection() }, translate('autoButton', this.language)), this.grids.map((item, index) => h("div", { class: "TicketGridBullets" }, h("p", { class: "TicketGridTitle" }, translate('grid', this.language), " ", item), h("lottery-grid", { "grid-index": index, "maximum-allowed": rules.boards[index].maximumAllowed, "minimum-allowed": rules.boards[index].minimumAllowed, "total-numbers": rules.boards[index].totalNumbers, selectable: true, "reset-button": true, "auto-pick": true, "game-id": this.gameId, "ticket-id": this.ticketId, language: this.language }))), rules.multiplier &&
|
|
131
|
-
h("div", null, h("label", { class: "Toggle" }, h("label", { class: "Label" }, translate('multiplier', this.language), ": "), h("input", { class: "ToggleCheckbox", type: "checkbox", onInput: (e) => this.multiplierChangeHandler(e) }), h("div", { class: "ToggleSwitch" }))), this.multipleDraws &&
|
|
132
|
-
h("div", { class: "TicketDraws" }, h("label", { class: "Label" }, translate('numberOfDraws', this.language), ": "), h("div", { class: "NumberInput" }, h("button", { onClick: () => this.numberOfDraws > 1 ? this.numberOfDraws-- : this.numberOfDraws = 1, class: "Minus" }, "-"), h("input", { class: "InputDefault", min: "1", value: this.numberOfDraws, type: "number" }), h("button", { onClick: () => this.numberOfDraws++, class: "Plus" }, "+"))), h("label", { class: "Label" }, translate('wagerPerDraw', this.language), ": "), h("div", { class: "WagerInput" }, rules.stakes.length > 1 ? h("div", null, h("select", { class: "InputDefault", onChange: (event) => this.changeStake(event) }, rules.stakes.map((item) => h("option", { value: item.amount }, item.amount, " ", item.currency)))) : h("div", null, h("input", { min: "1", value: rules.stakes[0].amount, type: "number", disabled: true }), h("p", { class: "WagerInputTitle" }, rules.stakes[0].currency)))));
|
|
133
|
-
}
|
|
134
|
-
}
|
|
135
|
-
}
|
|
136
|
-
static get watchers() { return {
|
|
137
|
-
"numberOfDraws": ["drawsChangeHandler"]
|
|
138
|
-
}; }
|
|
139
|
-
};
|
|
140
|
-
LotteryTicket.style = lotteryTicketCss;
|
|
141
|
-
|
|
142
|
-
export { LotteryTicket as lottery_ticket };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
let e,t,n=!1;const l="undefined"!=typeof window?window:{},s=l.document||{head:{}},o={t:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},c=e=>Promise.resolve(e),r=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replace}catch(e){}return!1})(),i=(e,t,n)=>{n&&n.map((([n,l,s])=>{const c=u(e,n),r=a(t,s),i=f(n);o.ael(c,l,r,i),(t.o=t.o||[]).push((()=>o.rel(c,l,r,i)))}))},a=(e,t)=>n=>{try{256&e.t?e.i[t](n):(e.u=e.u||[]).push([t,n])}catch(e){K(e)}},u=(e,t)=>4&t?s:e,f=e=>0!=(2&e),d=new WeakMap,h=e=>"sc-"+e.h,y={},$=e=>"object"==(e=typeof e)||"function"===e,m=(e,t,...n)=>{let l=null,s=!1,o=!1,c=[];const r=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?r(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof e&&!$(l))&&(l+=""),s&&o?c[c.length-1].$+=l:c.push(s?p(null,l):l),o=s)};if(r(n),t){const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}const i=p(e,null);return i.m=t,c.length>0&&(i.p=c),i},p=(e,t)=>({t:0,g:e,$:t,S:null,p:null,m:null}),b={},w=(e,t,n,s,c,r)=>{if(n!==s){let i=J(e,t),a=t.toLowerCase();if("class"===t){const t=e.classList,l=S(n),o=S(s);t.remove(...l.filter((e=>e&&!o.includes(e)))),t.add(...o.filter((e=>e&&!l.includes(e))))}else if(i||"o"!==t[0]||"n"!==t[1]){const l=$(s);if((i||l&&null!==s)&&!c)try{if(e.tagName.includes("-"))e[t]=s;else{let l=null==s?"":s;"list"===t?i=!1:null!=n&&e[t]==l||(e[t]=l)}}catch(e){}null==s||!1===s?!1===s&&""!==e.getAttribute(t)||e.removeAttribute(t):(!i||4&r||c)&&!l&&e.setAttribute(t,s=!0===s?"":s)}else t="-"===t[2]?t.slice(3):J(l,a)?a.slice(2):a[2]+t.slice(3),n&&o.rel(e,t,n,!1),s&&o.ael(e,t,s,!1)}},g=/\s/,S=e=>e?e.split(g):[],j=(e,t,n,l)=>{const s=11===t.S.nodeType&&t.S.host?t.S.host:t.S,o=e&&e.m||y,c=t.m||y;for(l in o)l in c||w(s,l,o[l],void 0,n,t.t);for(l in c)w(s,l,o[l],c[l],n,t.t)},k=(t,n,l)=>{let o,c,r=n.p[l],i=0;if(null!==r.$)o=r.S=s.createTextNode(r.$);else if(o=r.S=s.createElement(r.g),j(null,r,!1),null!=e&&o["s-si"]!==e&&o.classList.add(o["s-si"]=e),r.p)for(i=0;i<r.p.length;++i)c=k(t,r,i),c&&o.appendChild(c);return o},v=(e,n,l,s,o,c)=>{let r,i=e;for(i.shadowRoot&&i.tagName===t&&(i=i.shadowRoot);o<=c;++o)s[o]&&(r=k(null,l,o),r&&(s[o].S=r,i.insertBefore(r,n)))},C=(e,t,n,l)=>{for(;t<=n;++t)(l=e[t])&&l.S.remove()},M=(e,t)=>e.g===t.g,O=(e,t)=>{const n=t.S=e.S,l=e.p,s=t.p,o=t.$;null===o?("slot"===t.g||j(e,t,!1),null!==l&&null!==s?((e,t,n,l)=>{let s,o=0,c=0,r=t.length-1,i=t[0],a=t[r],u=l.length-1,f=l[0],d=l[u];for(;o<=r&&c<=u;)null==i?i=t[++o]:null==a?a=t[--r]:null==f?f=l[++c]:null==d?d=l[--u]:M(i,f)?(O(i,f),i=t[++o],f=l[++c]):M(a,d)?(O(a,d),a=t[--r],d=l[--u]):M(i,d)?(O(i,d),e.insertBefore(i.S,a.S.nextSibling),i=t[++o],d=l[--u]):M(a,f)?(O(a,f),e.insertBefore(a.S,i.S),a=t[--r],f=l[++c]):(s=k(t&&t[c],n,c),f=l[++c],s&&i.S.parentNode.insertBefore(s,i.S));o>r?v(e,null==l[u+1]?null:l[u+1].S,n,l,c,u):c>u&&C(t,o,r)})(n,l,t,s):null!==s?(null!==e.$&&(n.textContent=""),v(n,null,t,s,0,s.length-1)):null!==l&&C(l,0,l.length-1)):e.$!==o&&(n.data=o)},P=e=>D(e).j,x=(e,t,n)=>{const l=P(e);return{emit:e=>E(l,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},E=(e,t,n)=>{const l=o.ce(t,n);return e.dispatchEvent(l),l},N=(e,t)=>{t&&!e.k&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.k=t)))},R=(e,t)=>{if(e.t|=16,!(4&e.t))return N(e,e.v),oe((()=>T(e,t)));e.t|=512},T=(e,t)=>{const n=e.i;let l;return t&&(e.t|=256,e.u&&(e.u.map((([e,t])=>U(n,e,t))),e.u=null)),l=q(l,(()=>U(n,"componentWillRender"))),q(l,(()=>W(e,n,t)))},W=async(e,t,n)=>{const l=e.j,o=l["s-rc"];n&&(e=>{const t=e.C,n=e.j,l=t.t,o=((e,t)=>{let n=h(t),l=Y.get(n);if(e=11===e.nodeType?e:s,l)if("string"==typeof l){let t,o=d.get(e=e.head||e);o||d.set(e,o=new Set),o.has(n)||(t=s.createElement("style"),t.innerHTML=l,e.insertBefore(t,e.querySelector("link")),o&&o.add(n))}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return n})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(e);A(e,t),o&&(o.map((e=>e())),l["s-rc"]=void 0);{const t=l["s-p"],n=()=>F(e);0===t.length?n():(Promise.all(t).then(n),e.t|=4,t.length=0)}},A=(n,l)=>{try{l=l.render(),n.t&=-17,n.t|=2,((n,l)=>{const s=n.j,o=n.C,c=n.M||p(null,null),r=(e=>e&&e.g===b)(l)?l:m(null,null,l);t=s.tagName,o.O&&(r.m=r.m||{},o.O.map((([e,t])=>r.m[t]=s[e]))),r.g=null,r.t|=4,n.M=r,r.S=c.S=s.shadowRoot||s,e=s["s-sc"],O(c,r)})(n,l)}catch(e){K(e,n.j)}return null},F=e=>{const t=e.j,n=e.v;64&e.t||(e.t|=64,H(t),e.P(t),n||L()),e.k&&(e.k(),e.k=void 0),512&e.t&&se((()=>R(e,!1))),e.t&=-517},L=()=>{H(s.documentElement),se((()=>E(l,"appload",{detail:{namespace:"lottery-game-page"}})))},U=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){K(e)}},q=(e,t)=>e&&e.then?e.then(t):t(),H=e=>e.classList.add("hydrated"),V=(e,t,n)=>{if(t.N){e.watchers&&(t.R=e.watchers);const l=Object.entries(t.N),s=e.prototype;if(l.map((([e,[l]])=>{(31&l||2&n&&32&l)&&Object.defineProperty(s,e,{get(){return((e,t)=>D(this).T.get(t))(0,e)},set(n){((e,t,n,l)=>{const s=D(e),o=s.j,c=s.T.get(t),r=s.t,i=s.i;if(n=((e,t)=>null==e||$(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(n,l.N[t][0]),(!(8&r)||void 0===c)&&n!==c&&(!Number.isNaN(c)||!Number.isNaN(n))&&(s.T.set(t,n),i)){if(l.R&&128&r){const e=l.R[t];e&&e.map((e=>{try{i[e](n,c,t)}catch(e){K(e,o)}}))}2==(18&r)&&R(s,!1)}})(this,e,n,t)},configurable:!0,enumerable:!0})})),1&n){const n=new Map;s.attributeChangedCallback=function(e,t,l){o.jmp((()=>{const t=n.get(e);if(this.hasOwnProperty(t))l=this[t],delete this[t];else if(s.hasOwnProperty(t)&&"number"==typeof this[t]&&this[t]==l)return;this[t]=(null!==l||"boolean"!=typeof this[t])&&l}))},e.observedAttributes=l.filter((([e,t])=>15&t[0])).map((([e,l])=>{const s=l[1]||e;return n.set(s,e),512&l[0]&&t.O.push([e,s]),s}))}}return e},_=e=>{U(e,"connectedCallback")},z=(e,t={})=>{const n=[],c=t.exclude||[],a=l.customElements,u=s.head,f=u.querySelector("meta[charset]"),d=s.createElement("style"),y=[];let $,m=!0;Object.assign(o,t),o.l=new URL(t.resourcesUrl||"./",s.baseURI).href,e.map((e=>{e[1].map((t=>{const l={t:t[0],h:t[1],N:t[2],W:t[3]};l.N=t[2],l.W=t[3],l.O=[],l.R={};const s=l.h,u=class extends HTMLElement{constructor(e){super(e),I(e=this,l),1&l.t&&e.attachShadow({mode:"open"})}connectedCallback(){$&&(clearTimeout($),$=null),m?y.push(this):o.jmp((()=>(e=>{if(0==(1&o.t)){const t=D(e),n=t.C,l=()=>{};if(1&t.t)i(e,t,n.W),_(t.i);else{t.t|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){N(t,t.v=n);break}}n.N&&Object.entries(n.N).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n,l,s)=>{if(0==(32&t.t)){{if(t.t|=32,(s=X(n)).then){const e=()=>{};s=await s,e()}s.isProxied||(n.R=s.watchers,V(s,n,2),s.isProxied=!0);const e=()=>{};t.t|=8;try{new s(t)}catch(e){K(e)}t.t&=-9,t.t|=128,e(),_(t.i)}if(s.style){let e=s.style;const t=h(n);if(!Y.has(t)){const l=()=>{};((e,t,n)=>{let l=Y.get(e);r&&n?(l=l||new CSSStyleSheet,l.replace(t)):l=t,Y.set(e,l)})(t,e,!!(1&n.t)),l()}}}const o=t.v,c=()=>R(t,!0);o&&o["s-rc"]?o["s-rc"].push(c):c()})(0,t,n)}l()}})(this)))}disconnectedCallback(){o.jmp((()=>(()=>{if(0==(1&o.t)){const e=D(this),t=e.i;e.o&&(e.o.map((e=>e())),e.o=void 0),U(t,"disconnectedCallback")}})()))}componentOnReady(){return D(this).A}};l.F=e[0],c.includes(s)||a.get(s)||(n.push(s),a.define(s,V(u,l,1)))}))})),d.innerHTML=n+"{visibility:hidden}.hydrated{visibility:inherit}",d.setAttribute("data-styles",""),u.insertBefore(d,f?f.nextSibling:u.firstChild),m=!1,y.length?y.map((e=>e.connectedCallback())):o.jmp((()=>$=setTimeout(L,30)))},B=new WeakMap,D=e=>B.get(e),G=(e,t)=>B.set(t.i=e,t),I=(e,t)=>{const n={t:0,j:e,C:t,T:new Map};return n.A=new Promise((e=>n.P=e)),e["s-p"]=[],e["s-rc"]=[],i(e,n,t.W),B.set(e,n)},J=(e,t)=>t in e,K=(e,t)=>(0,console.error)(e,t),Q=new Map,X=e=>{const t=e.h.replace(/-/g,"_"),n=e.F,l=Q.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(Q.set(n,e),e[t])),K)},Y=new Map,Z=[],ee=[],te=(e,t)=>l=>{e.push(l),n||(n=!0,t&&4&o.t?se(le):o.raf(le))},ne=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){K(e)}e.length=0},le=()=>{ne(Z),ne(ee),(n=Z.length>0)&&o.raf(le)},se=e=>c().then(e),oe=te(ee,!0);export{z as b,x as c,P as g,m as h,c as p,G as r}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,h as s}from"./p-037dd940.js";const e=t=>!!(t.toLowerCase().match(/android/i)||t.toLowerCase().match(/blackberry|bb/i)||t.toLowerCase().match(/iphone|ipad|ipod/i)||t.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i)),o=["ro","en"],a={en:{firstPage:"First",previousPage:"Previous",nextPage:"Next",lastPage:"Last"},ro:{firstPage:"Prima",previousPage:"Anterior",nextPage:"Urmatoarea",lastPage:"Ultima"}},n=(t,i)=>{const s=i;return a[void 0!==s&&o.includes(s)?s:"en"][t]},h=class{constructor(s){t(this,s),this.hpPageChange=i(this,"hpPageChange",7),this.firstPage=!1,this.previousPage=!1,this.offset=0,this.limit=1,this.total=1,this.language="en",this.pagesArray=[],this.endInt=0,this.userAgent=window.navigator.userAgent,this.currentPage=1,this.navigateTo=t=>{switch(t){case"firstPage":this.offsetInt=0;break;case"lastPage":this.offsetInt=this.endInt*this.limitInt;break;case"previousPage":this.offsetInt-=10;break;case"nextPage":this.offsetInt+=10;break;case"fivePagesBack":this.offsetInt-=30,this.offsetInt=this.offsetInt<0?0:this.offsetInt;break;case"fivePagesForward":this.offsetInt+=30,this.offsetInt=this.offsetInt/10>=this.endInt?10*this.endInt:this.offsetInt}this.hpPageChange.emit({offset:this.offsetInt,limit:this.limitInt,total:this.totalInt})},this.paginationNavigation=(t,i)=>{isNaN(t)?0===i&&this.currentPage<=4?this.navigateTo("firstPage"):0===i&&this.currentPage>4?this.navigateTo("fivePagesBack"):4===i&&this.endInt-this.currentPage>=2&&this.navigateTo("fivePagesForward"):this.offsetInt=1===t?t-1:10*(t-1),this.currentPage=this.offsetInt,this.hpPageChange.emit({offset:this.offsetInt,limit:this.limitInt,total:this.totalInt})}}componentWillRender(){this.offsetInt=this.offset,this.currentPage=this.offsetInt/this.limitInt+1,this.limitInt=this.limit,this.totalInt=this.total,this.endInt=Math.ceil(this.totalInt/this.limitInt)-1,this.lastPage=!(this.offsetInt>=this.endInt*this.limitInt),1===this.currentPage||2===this.currentPage?(this.pagesArray=Array.from({length:4},((t,i)=>i+1)),this.pagesArray.push("...")):this.currentPage>=3&&this.endInt-this.currentPage>=2?(this.pagesArray=Array.from({length:3},((t,i)=>this.currentPage+i-1)),this.pagesArray.push("..."),this.pagesArray.unshift("...")):this.endInt-this.currentPage<3&&(this.pagesArray=Array.from({length:4},((t,i)=>this.endInt-2+i)),this.pagesArray.unshift("..."))}render(){let t=s("ul",{class:"PaginationArea"},this.pagesArray.map(((t,i)=>s("li",{class:"PaginationItem"+(t===this.currentPage?" ActiveItem":" ")+" "+(e(this.userAgent)?"MobileButtons":"")},s("button",{disabled:t===this.currentPage,onClick:this.paginationNavigation.bind(this,t,i)},s("span",null,t)))))),i=s("div",{class:"LeftItems"},s("button",{disabled:!this.previousPage,onClick:this.navigateTo.bind(this,"firstPage")},n("firstPage",this.language)),s("button",{disabled:!this.previousPage,onClick:this.navigateTo.bind(this,"previousPage")},n("previousPage",this.language)));e(this.userAgent)&&(i=s("div",{class:"LeftItems"},s("button",{disabled:!this.previousPage,onClick:this.navigateTo.bind(this,"previousPage")},n("previousPage",this.language))));let o=s("div",{class:"RightItems"},s("button",{disabled:!this.lastPage,onClick:this.navigateTo.bind(this,"nextPage")},n("nextPage",this.language)),s("button",{disabled:!this.lastPage,onClick:this.navigateTo.bind(this,"lastPage")},n("lastPage",this.language)));return e(this.userAgent)&&(o=s("div",{class:"RightItems"},s("button",{disabled:!this.lastPage,onClick:this.navigateTo.bind(this,"nextPage")},n("nextPage",this.language)))),s("div",{id:"PaginationContainer"},i,t,o)}};h.style='@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap");:host{display:block;font-family:"Roboto", sans-serif}#PaginationContainer{width:100%;margin-top:20px;display:inline-flex;justify-content:space-between;align-items:center}.LeftItems button:not(:first-child),.RightItems button:not(:last-child){margin:0 10px}.LeftItems button,.RightItems button{padding:0;background-color:#009993;border-color:#009993}.PaginationArea{display:inline-flex;gap:10px;list-style:none}.PaginationArea li{margin:0;padding:0}.PaginationArea li button{width:24px;height:24px;display:flex;border:0;padding:0;justify-content:center;align-items:center;background-color:transparent;color:#000;cursor:pointer;pointer-events:all}.PaginationItem.ActiveItem button{background:#009993;border-color:#009993;color:#fff}.PaginationItem.ActiveItem button:disabled{pointer-events:none;cursor:not-allowed}.PaginationItem button:hover,.PaginationItem button:active{background:#009993;border-color:#009993;color:#fff;opacity:0.8}button{width:100px;height:32px;border:1px solid #524e52;border-radius:5px;background:#524e52;color:#fff;font-size:14px;font:inherit;cursor:pointer;transition:all 0.1s linear;text-transform:uppercase;text-align:center;letter-spacing:0}button:hover,button:active{background:#004D4A;border-color:#004D4A}button:disabled{background-color:#ccc;border-color:#ccc;color:#fff;cursor:not-allowed}@media screen and (max-width: 720px){button{width:90px;font-size:12px}}@media screen and (max-width: 480px){button{width:70px;font-size:10px}.paginationArea{padding:5px}}@media screen and (max-width: 320px){button{width:58px;font-size:10px}.paginationArea{padding:5px;gap:5px}}@media (hover: none){.paginationItem button:hover{background:inherit;border-color:inherit;color:inherit;opacity:1}.paginationItem.activeItem button:hover{background:#009993;border-color:#009993;color:#fff}}';export{h as helper_pagination}
|