@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.
Files changed (153) hide show
  1. package/dist/cjs/helper-accordion_2.cjs.entry.js +126 -0
  2. package/dist/cjs/helper-accordion_2.cjs.entry.js.map +1 -0
  3. package/dist/cjs/helper-filters_2.cjs.entry.js +85 -22255
  4. package/dist/cjs/helper-filters_2.cjs.entry.js.map +1 -0
  5. package/dist/cjs/helper-modal.cjs.entry.js +3 -1
  6. package/dist/cjs/helper-modal.cjs.entry.js.map +1 -0
  7. package/dist/cjs/helper-pagination.cjs.entry.js +3 -1
  8. package/dist/cjs/helper-pagination.cjs.entry.js.map +1 -0
  9. package/dist/cjs/helper-tab.cjs.entry.js +13 -8
  10. package/dist/cjs/helper-tab.cjs.entry.js.map +1 -0
  11. package/dist/cjs/{index-e5770ba2.js → index-65086a23.js} +7 -38
  12. package/dist/cjs/index-65086a23.js.map +1 -0
  13. package/dist/cjs/index.cjs.js +2 -0
  14. package/dist/cjs/index.cjs.js.map +1 -0
  15. package/dist/cjs/loader.cjs.js +4 -2
  16. package/dist/cjs/loader.cjs.js.map +1 -0
  17. package/dist/cjs/lottery-draw-results-history.cjs.entry.js +67 -27
  18. package/dist/cjs/lottery-draw-results-history.cjs.entry.js.map +1 -0
  19. package/dist/cjs/lottery-game-details.cjs.entry.js +3 -1
  20. package/dist/cjs/lottery-game-details.cjs.entry.js.map +1 -0
  21. package/dist/cjs/lottery-game-page.cjs.entry.js +52 -13
  22. package/dist/cjs/lottery-game-page.cjs.entry.js.map +1 -0
  23. package/dist/cjs/lottery-game-page.cjs.js +4 -2
  24. package/dist/cjs/lottery-game-page.cjs.js.map +1 -0
  25. package/dist/collection/collection-manifest.json +0 -24
  26. package/dist/collection/components/lottery-game-page/lottery-game-page.css +27 -7
  27. package/dist/collection/components/lottery-game-page/lottery-game-page.js +22 -5
  28. package/dist/collection/components/lottery-game-page/lottery-game-page.js.map +1 -0
  29. package/dist/collection/index.js +1 -0
  30. package/dist/collection/index.js.map +1 -0
  31. package/dist/collection/utils/locale.utils.js +34 -6
  32. package/dist/collection/utils/locale.utils.js.map +1 -0
  33. package/dist/collection/utils/utils.js +1 -0
  34. package/dist/collection/utils/utils.js.map +1 -0
  35. package/dist/components/helper-accordion.js +2 -0
  36. package/dist/components/helper-accordion.js.map +1 -0
  37. package/dist/components/helper-accordion2.js +9 -2
  38. package/dist/components/helper-accordion2.js.map +1 -0
  39. package/dist/components/helper-filters.js +2 -0
  40. package/dist/components/helper-filters.js.map +1 -0
  41. package/dist/components/helper-filters2.js +31 -22211
  42. package/dist/components/helper-filters2.js.map +1 -0
  43. package/dist/components/helper-modal.js +2 -0
  44. package/dist/components/helper-modal.js.map +1 -0
  45. package/dist/components/helper-modal2.js +2 -0
  46. package/dist/components/helper-modal2.js.map +1 -0
  47. package/dist/components/helper-pagination.js +2 -0
  48. package/dist/components/helper-pagination.js.map +1 -0
  49. package/dist/components/helper-tab.js +2 -0
  50. package/dist/components/helper-tab.js.map +1 -0
  51. package/dist/components/helper-tab2.js +14 -8
  52. package/dist/components/helper-tab2.js.map +1 -0
  53. package/dist/components/helper-tabs.js +2 -0
  54. package/dist/components/helper-tabs.js.map +1 -0
  55. package/dist/components/helper-tabs2.js +3 -1
  56. package/dist/components/helper-tabs2.js.map +1 -0
  57. package/dist/components/index.js +2 -0
  58. package/dist/components/index.js.map +1 -0
  59. package/dist/components/lottery-draw-results-history.js +2 -0
  60. package/dist/components/lottery-draw-results-history.js.map +1 -0
  61. package/dist/components/lottery-draw-results-history2.js +78 -46
  62. package/dist/components/lottery-draw-results-history2.js.map +1 -0
  63. package/dist/components/lottery-draw-results.js +2 -0
  64. package/dist/components/lottery-draw-results.js.map +1 -0
  65. package/dist/components/lottery-draw-results2.js +64 -59
  66. package/dist/components/lottery-draw-results2.js.map +1 -0
  67. package/dist/components/lottery-game-details.js +2 -0
  68. package/dist/components/lottery-game-details.js.map +1 -0
  69. package/dist/components/lottery-game-details2.js +2 -0
  70. package/dist/components/lottery-game-details2.js.map +1 -0
  71. package/dist/components/lottery-game-page.js +70 -53
  72. package/dist/components/lottery-game-page.js.map +1 -0
  73. package/dist/esm/helper-accordion_2.entry.js +121 -0
  74. package/dist/esm/helper-accordion_2.entry.js.map +1 -0
  75. package/dist/esm/helper-filters_2.entry.js +89 -22259
  76. package/dist/esm/helper-filters_2.entry.js.map +1 -0
  77. package/dist/esm/helper-modal.entry.js +3 -1
  78. package/dist/esm/helper-modal.entry.js.map +1 -0
  79. package/dist/esm/helper-pagination.entry.js +3 -1
  80. package/dist/esm/helper-pagination.entry.js.map +1 -0
  81. package/dist/esm/helper-tab.entry.js +13 -8
  82. package/dist/esm/helper-tab.entry.js.map +1 -0
  83. package/dist/esm/{index-8f308493.js → index-11dea618.js} +7 -38
  84. package/dist/esm/index-11dea618.js.map +1 -0
  85. package/dist/esm/index.js +2 -0
  86. package/dist/esm/index.js.map +1 -0
  87. package/dist/esm/loader.js +4 -2
  88. package/dist/esm/loader.js.map +1 -0
  89. package/dist/esm/lottery-draw-results-history.entry.js +67 -27
  90. package/dist/esm/lottery-draw-results-history.entry.js.map +1 -0
  91. package/dist/esm/lottery-game-details.entry.js +3 -1
  92. package/dist/esm/lottery-game-details.entry.js.map +1 -0
  93. package/dist/esm/lottery-game-page.entry.js +52 -13
  94. package/dist/esm/lottery-game-page.entry.js.map +1 -0
  95. package/dist/esm/lottery-game-page.js +4 -2
  96. package/dist/esm/lottery-game-page.js.map +1 -0
  97. package/dist/lottery-game-page/index.esm.js +2 -0
  98. package/dist/lottery-game-page/index.esm.js.map +1 -0
  99. package/dist/lottery-game-page/lottery-game-page.esm.js +2 -1
  100. package/dist/lottery-game-page/lottery-game-page.esm.js.map +1 -0
  101. package/dist/lottery-game-page/p-0ffa81cc.entry.js +2 -0
  102. package/dist/lottery-game-page/p-0ffa81cc.entry.js.map +1 -0
  103. package/dist/lottery-game-page/p-3a9ad86b.js +2 -0
  104. package/dist/lottery-game-page/p-3a9ad86b.js.map +1 -0
  105. package/dist/lottery-game-page/p-3e00e24b.entry.js +2 -0
  106. package/dist/lottery-game-page/p-3e00e24b.entry.js.map +1 -0
  107. package/dist/lottery-game-page/p-4a79f68c.entry.js +2 -0
  108. package/dist/lottery-game-page/p-4a79f68c.entry.js.map +1 -0
  109. package/dist/lottery-game-page/p-978fd922.entry.js +2 -0
  110. package/dist/lottery-game-page/p-978fd922.entry.js.map +1 -0
  111. package/dist/lottery-game-page/p-bd53d31a.entry.js +2 -0
  112. package/dist/lottery-game-page/p-bd53d31a.entry.js.map +1 -0
  113. package/dist/lottery-game-page/p-bfa5e84c.entry.js +2 -0
  114. package/dist/lottery-game-page/p-bfa5e84c.entry.js.map +1 -0
  115. package/dist/lottery-game-page/p-dedb92e5.entry.js +2 -0
  116. package/dist/lottery-game-page/p-dedb92e5.entry.js.map +1 -0
  117. package/dist/lottery-game-page/p-f4592d65.entry.js +2 -0
  118. package/dist/lottery-game-page/p-f4592d65.entry.js.map +1 -0
  119. package/dist/stencil.config.js +13 -2
  120. package/dist/stencil.config.js.map +1 -0
  121. package/dist/types/components/lottery-game-page/lottery-game-page.d.ts +3 -0
  122. package/package.json +2 -2
  123. package/dist/cjs/helper-accordion.cjs.entry.js +0 -88
  124. package/dist/cjs/helper-tabs.cjs.entry.js +0 -38
  125. package/dist/cjs/lottery-bullet_2.cjs.entry.js +0 -202
  126. package/dist/cjs/lottery-ticket-controller.cjs.entry.js +0 -69
  127. package/dist/cjs/lottery-ticket.cjs.entry.js +0 -146
  128. package/dist/components/lottery-bullet.js +0 -6
  129. package/dist/components/lottery-bullet2.js +0 -57
  130. package/dist/components/lottery-grid.js +0 -6
  131. package/dist/components/lottery-grid2.js +0 -197
  132. package/dist/components/lottery-ticket-controller.js +0 -6
  133. package/dist/components/lottery-ticket-controller2.js +0 -118
  134. package/dist/components/lottery-ticket.js +0 -6
  135. package/dist/components/lottery-ticket2.js +0 -184
  136. package/dist/esm/helper-accordion.entry.js +0 -84
  137. package/dist/esm/helper-tabs.entry.js +0 -34
  138. package/dist/esm/lottery-bullet_2.entry.js +0 -197
  139. package/dist/esm/lottery-ticket-controller.entry.js +0 -65
  140. package/dist/esm/lottery-ticket.entry.js +0 -142
  141. package/dist/lottery-game-page/p-037dd940.js +0 -1
  142. package/dist/lottery-game-page/p-12251772.entry.js +0 -1
  143. package/dist/lottery-game-page/p-324c7edd.entry.js +0 -2849
  144. package/dist/lottery-game-page/p-43400250.entry.js +0 -1
  145. package/dist/lottery-game-page/p-43f7fac4.entry.js +0 -1
  146. package/dist/lottery-game-page/p-55338096.entry.js +0 -1
  147. package/dist/lottery-game-page/p-581bdfc2.entry.js +0 -1
  148. package/dist/lottery-game-page/p-6977f833.entry.js +0 -1
  149. package/dist/lottery-game-page/p-85f4e95b.entry.js +0 -1
  150. package/dist/lottery-game-page/p-99a61a44.entry.js +0 -1
  151. package/dist/lottery-game-page/p-af9a2dde.entry.js +0 -1
  152. package/dist/lottery-game-page/p-bf66e969.entry.js +0 -1
  153. 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}