@everymatrix/lottery-game-page 0.1.26 → 1.0.69

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 (115) hide show
  1. package/dist/cjs/app-globals-3a1e7e63.js +5 -0
  2. package/dist/cjs/{helper-filters_2.cjs.entry.js → helper-accordion_13.cjs.entry.js} +13401 -9890
  3. package/dist/cjs/helper-pagination.cjs.entry.js +197 -189
  4. package/dist/cjs/index-f3851683.js +1345 -0
  5. package/dist/cjs/loader.cjs.js +7 -13
  6. package/dist/cjs/lottery-game-page.cjs.js +17 -11
  7. package/dist/collection/collection-manifest.json +4 -10
  8. package/dist/collection/components/lottery-game-page/index.js +1 -0
  9. package/dist/collection/components/lottery-game-page/lottery-game-page.css +11 -2
  10. package/dist/collection/components/lottery-game-page/lottery-game-page.js +579 -594
  11. package/dist/collection/utils/locale.utils.js +118 -95
  12. package/dist/collection/utils/utils.js +4 -4
  13. package/dist/esm/app-globals-0f993ce5.js +3 -0
  14. package/dist/esm/{helper-filters_2.entry.js → helper-accordion_13.entry.js} +13391 -9891
  15. package/dist/esm/helper-pagination.entry.js +197 -189
  16. package/dist/esm/index-8248702b.js +1316 -0
  17. package/dist/esm/loader.js +7 -13
  18. package/dist/esm/lottery-game-page.js +14 -11
  19. package/dist/lottery-game-page/lottery-game-page.esm.js +1 -1
  20. package/dist/lottery-game-page/p-46aaa562.entry.js +1 -0
  21. package/dist/lottery-game-page/p-8f2c63c7.js +2 -0
  22. package/dist/lottery-game-page/p-bd89bbf0.entry.js +3567 -0
  23. package/dist/lottery-game-page/p-e1255160.js +1 -0
  24. package/dist/stencil.config.dev.js +17 -0
  25. package/dist/stencil.config.js +12 -36
  26. package/dist/types/Users/raul.vasile/workspace/everymatrix/widgets-monorepo/packages/stencil/lottery-game-page/.stencil/packages/stencil/lottery-game-page/stencil.config.d.ts +2 -0
  27. package/dist/types/Users/raul.vasile/workspace/everymatrix/widgets-monorepo/packages/stencil/lottery-game-page/.stencil/packages/stencil/lottery-game-page/stencil.config.dev.d.ts +2 -0
  28. package/dist/types/components/lottery-game-page/index.d.ts +1 -0
  29. package/dist/types/components/lottery-game-page/lottery-game-page.d.ts +99 -90
  30. package/dist/types/components.d.ts +28 -2
  31. package/dist/types/stencil-public-runtime.d.ts +142 -33
  32. package/loader/cdn.js +1 -3
  33. package/loader/index.cjs.js +1 -3
  34. package/loader/index.d.ts +13 -1
  35. package/loader/index.es2017.js +1 -3
  36. package/loader/index.js +1 -3
  37. package/loader/package.json +1 -0
  38. package/package.json +13 -7
  39. package/dist/cjs/helper-accordion.cjs.entry.js +0 -124
  40. package/dist/cjs/helper-modal.cjs.entry.js +0 -76
  41. package/dist/cjs/helper-tab.cjs.entry.js +0 -68
  42. package/dist/cjs/helper-tabs.cjs.entry.js +0 -74
  43. package/dist/cjs/index-cd44e726.js +0 -1324
  44. package/dist/cjs/lottery-bullet_2.cjs.entry.js +0 -270
  45. package/dist/cjs/lottery-draw-results-history.cjs.entry.js +0 -198
  46. package/dist/cjs/lottery-game-details.cjs.entry.js +0 -51
  47. package/dist/cjs/lottery-game-page.cjs.entry.js +0 -427
  48. package/dist/cjs/lottery-ticket-controller.cjs.entry.js +0 -116
  49. package/dist/cjs/lottery-ticket.cjs.entry.js +0 -201
  50. package/dist/collection/components/lottery-game-page/static/chrono_desktop.png +0 -0
  51. package/dist/collection/components/lottery-game-page/static/chrono_lottery_mobile.png +0 -0
  52. package/dist/components/assets/chrono_desktop.png +0 -0
  53. package/dist/components/assets/chrono_lottery_mobile.png +0 -0
  54. package/dist/components/helper-accordion.js +0 -6
  55. package/dist/components/helper-accordion2.js +0 -151
  56. package/dist/components/helper-filters.js +0 -6
  57. package/dist/components/helper-filters2.js +0 -22394
  58. package/dist/components/helper-modal.js +0 -6
  59. package/dist/components/helper-modal2.js +0 -94
  60. package/dist/components/helper-pagination.js +0 -251
  61. package/dist/components/helper-tab.js +0 -6
  62. package/dist/components/helper-tab2.js +0 -87
  63. package/dist/components/helper-tabs.js +0 -6
  64. package/dist/components/helper-tabs2.js +0 -103
  65. package/dist/components/index.d.ts +0 -26
  66. package/dist/components/index.js +0 -1
  67. package/dist/components/lottery-bullet.js +0 -6
  68. package/dist/components/lottery-bullet2.js +0 -92
  69. package/dist/components/lottery-draw-results-history.js +0 -6
  70. package/dist/components/lottery-draw-results-history2.js +0 -256
  71. package/dist/components/lottery-draw-results.js +0 -6
  72. package/dist/components/lottery-draw-results2.js +0 -335
  73. package/dist/components/lottery-game-details.js +0 -6
  74. package/dist/components/lottery-game-details2.js +0 -85
  75. package/dist/components/lottery-game-page.d.ts +0 -11
  76. package/dist/components/lottery-game-page.js +0 -542
  77. package/dist/components/lottery-grid.js +0 -6
  78. package/dist/components/lottery-grid2.js +0 -237
  79. package/dist/components/lottery-ticket-controller.js +0 -6
  80. package/dist/components/lottery-ticket-controller2.js +0 -168
  81. package/dist/components/lottery-ticket.js +0 -6
  82. package/dist/components/lottery-ticket2.js +0 -244
  83. package/dist/esm/helper-accordion.entry.js +0 -120
  84. package/dist/esm/helper-modal.entry.js +0 -72
  85. package/dist/esm/helper-tab.entry.js +0 -64
  86. package/dist/esm/helper-tabs.entry.js +0 -70
  87. package/dist/esm/index-d1baacd4.js +0 -1296
  88. package/dist/esm/lottery-bullet_2.entry.js +0 -265
  89. package/dist/esm/lottery-draw-results-history.entry.js +0 -194
  90. package/dist/esm/lottery-game-details.entry.js +0 -47
  91. package/dist/esm/lottery-game-page.entry.js +0 -423
  92. package/dist/esm/lottery-ticket-controller.entry.js +0 -112
  93. package/dist/esm/lottery-ticket.entry.js +0 -197
  94. package/dist/esm/polyfills/core-js.js +0 -11
  95. package/dist/esm/polyfills/css-shim.js +0 -1
  96. package/dist/esm/polyfills/dom.js +0 -79
  97. package/dist/esm/polyfills/es5-html-element.js +0 -1
  98. package/dist/esm/polyfills/index.js +0 -34
  99. package/dist/esm/polyfills/system.js +0 -6
  100. package/dist/lottery-game-page/p-023325a2.entry.js +0 -1
  101. package/dist/lottery-game-page/p-04fbc8fd.entry.js +0 -1
  102. package/dist/lottery-game-page/p-256b151c.entry.js +0 -1
  103. package/dist/lottery-game-page/p-381b5507.entry.js +0 -1
  104. package/dist/lottery-game-page/p-3f8b6ad9.entry.js +0 -1
  105. package/dist/lottery-game-page/p-4274053c.entry.js +0 -1
  106. package/dist/lottery-game-page/p-4f81cd37.entry.js +0 -1
  107. package/dist/lottery-game-page/p-5c389034.entry.js +0 -1
  108. package/dist/lottery-game-page/p-7d06371e.entry.js +0 -1
  109. package/dist/lottery-game-page/p-ca8430a0.entry.js +0 -2849
  110. package/dist/lottery-game-page/p-d6f76e8d.entry.js +0 -1
  111. package/dist/lottery-game-page/p-e765c7d9.js +0 -1
  112. package/dist/lottery-game-page/p-f6fcc22c.entry.js +0 -1
  113. package/dist/lottery-game-page/static/chrono_desktop.png +0 -0
  114. package/dist/lottery-game-page/static/chrono_lottery_mobile.png +0 -0
  115. package/dist/types/Users/user/workspace/everymatrix/widgets-stencil/packages/lottery-game-page/.stencil/packages/lottery-game-page/stencil.config.d.ts +0 -2
@@ -1,6 +0,0 @@
1
- import { H as HelperModal$1, d as defineCustomElement$1 } from './helper-modal2.js';
2
-
3
- const HelperModal = HelperModal$1;
4
- const defineCustomElement = defineCustomElement$1;
5
-
6
- export { HelperModal, defineCustomElement };
@@ -1,94 +0,0 @@
1
- import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
2
-
3
- /**
4
- * @name isMobile
5
- * @description A method that returns if the browser used to access the app is from a mobile device or not
6
- * @param {String} userAgent window.navigator.userAgent
7
- * @returns {Boolean} true or false
8
- */
9
- const isMobile = (userAgent) => {
10
- return !!(userAgent.toLowerCase().match(/android/i) ||
11
- userAgent.toLowerCase().match(/blackberry|bb/i) ||
12
- userAgent.toLowerCase().match(/iphone|ipad|ipod/i) ||
13
- userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
14
- };
15
-
16
- const helperModalCss = ":host{display:block}.HelperModalWrapper{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.7);opacity:0;visibility:hidden;transform:scale(1.1);transition:visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;z-index:1}.HelperModalVisible{opacity:1;visibility:visible;transform:scale(1);transition:visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s}.HelperModalContent{position:relative;border:solid 1px #848e97;box-shadow:2px 2px 2px rgba(0, 0, 0, 0.007);font-size:14px;padding:10px 10px 5px 10px;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:4px;width:600px;max-height:600px;overflow-y:scroll}.HelperModalMobileContent{background:#FFF;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:4px;width:80%;max-height:350px}.HelperModalClose{cursor:pointer;position:absolute;top:15px;right:15px;font-size:20px;color:#000}.HelperModalMobileClose{position:absolute;top:15px;right:15px;font-size:20px;color:#000}";
17
-
18
- const HelperModal = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
19
- constructor() {
20
- super();
21
- this.__registerHost();
22
- this.__attachShadow();
23
- this.cancel = createEvent(this, "modalCloseEvent", 7);
24
- /**
25
- * Toggles if the helper is visible or not
26
- */
27
- this.visible = true;
28
- /**
29
- * Client custom styling via string
30
- */
31
- this.clientStyling = '';
32
- /**
33
- * Client custom styling via url content
34
- */
35
- this.clientStylingUrlContent = '';
36
- this.limitStylingAppends = false;
37
- this.userAgent = window.navigator.userAgent;
38
- this.setClientStyling = () => {
39
- let sheet = document.createElement('style');
40
- sheet.innerHTML = this.clientStyling;
41
- this.stylingContainer.prepend(sheet);
42
- };
43
- this.setClientStylingURL = () => {
44
- let cssFile = document.createElement('style');
45
- setTimeout(() => {
46
- cssFile.innerHTML = this.clientStylingUrlContent;
47
- this.stylingContainer.prepend(cssFile);
48
- }, 1);
49
- };
50
- }
51
- handleHelperModalClose() {
52
- this.visible = false;
53
- this.cancel.emit();
54
- }
55
- ;
56
- componentDidRender() {
57
- // start custom styling area
58
- if (!this.limitStylingAppends && this.stylingContainer) {
59
- if (this.clientStyling)
60
- this.setClientStyling();
61
- if (this.clientStylingUrlContent)
62
- this.setClientStylingURL();
63
- this.limitStylingAppends = true;
64
- }
65
- // end custom styling area
66
- }
67
- render() {
68
- return ((this.visible &&
69
- h("div", { class: this.visible ? "HelperModalWrapper HelperModalVisible" : "HelperModalWrapper", ref: el => this.stylingContainer = el }, h("div", { class: "HelperModalWrapper HelperModalVisible" }, h("div", { class: "HelperModalContent" + (isMobile(this.userAgent) ? ' HelperModalMobileContent' : '') }, h("span", { class: "HelperModalClose" + (isMobile(this.userAgent) ? ' HelperModalMobileClose' : ''), onClick: this.handleHelperModalClose.bind(this) }, "X"), h("slot", null))))));
70
- }
71
- static get style() { return helperModalCss; }
72
- }, [1, "helper-modal", {
73
- "titleModal": [1, "title-modal"],
74
- "visible": [1540],
75
- "clientStyling": [1, "client-styling"],
76
- "clientStylingUrlContent": [1, "client-styling-url-content"],
77
- "limitStylingAppends": [32]
78
- }]);
79
- function defineCustomElement() {
80
- if (typeof customElements === "undefined") {
81
- return;
82
- }
83
- const components = ["helper-modal"];
84
- components.forEach(tagName => { switch (tagName) {
85
- case "helper-modal":
86
- if (!customElements.get(tagName)) {
87
- customElements.define(tagName, HelperModal);
88
- }
89
- break;
90
- } });
91
- }
92
- defineCustomElement();
93
-
94
- export { HelperModal as H, defineCustomElement as d };
@@ -1,251 +0,0 @@
1
- import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
2
-
3
- /**
4
- * @name isMobile
5
- * @description A method that returns if the browser used to access the app is from a mobile device or not
6
- * @param {String} userAgent window.navigator.userAgent
7
- * @returns {Boolean} true or false
8
- */
9
- const isMobile = (userAgent) => {
10
- return !!(userAgent.toLowerCase().match(/android/i) ||
11
- userAgent.toLowerCase().match(/blackberry|bb/i) ||
12
- userAgent.toLowerCase().match(/iphone|ipad|ipod/i) ||
13
- userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
14
- };
15
-
16
- const DEFAULT_LANGUAGE = 'en';
17
- const SUPPORTED_LANGUAGES = ['ro', 'en'];
18
- const TRANSLATIONS = {
19
- en: {
20
- firstPage: 'First',
21
- previousPage: 'Previous',
22
- nextPage: 'Next',
23
- lastPage: 'Last'
24
- },
25
- ro: {
26
- firstPage: 'Prima',
27
- previousPage: 'Anterior',
28
- nextPage: 'Urmatoarea',
29
- lastPage: 'Ultima'
30
- },
31
- };
32
- const translate = (key, customLang) => {
33
- const lang = customLang;
34
- return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
35
- };
36
-
37
- const helperPaginationCss = "@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}}";
38
-
39
- const HelperPagination$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
40
- constructor() {
41
- super();
42
- this.__registerHost();
43
- this.__attachShadow();
44
- this.hpPageChange = createEvent(this, "hpPageChange", 7);
45
- /**
46
- * First page boolean value - determines if the page is disabled or active
47
- */
48
- this.firstPage = false;
49
- /**
50
- * Previous page boolean value - determines if the page is disabled or active
51
- */
52
- this.previousPage = false;
53
- /**
54
- * The received offset
55
- */
56
- this.offset = 0;
57
- /**
58
- * The received limit for the number of pages
59
- */
60
- this.limit = 1;
61
- /**
62
- * The received total number of pages
63
- */
64
- this.total = 1;
65
- /**
66
- * Language
67
- */
68
- this.language = 'en';
69
- /**
70
- * Client custom styling via string
71
- */
72
- this.clientStyling = '';
73
- /**
74
- * Client custom styling via url content
75
- */
76
- this.clientStylingUrlContent = '';
77
- /**
78
- * In component working variable for the array of pages
79
- */
80
- this.pagesArray = [];
81
- /**
82
- * In component working variable for last page
83
- */
84
- this.endInt = 0;
85
- this.userAgent = window.navigator.userAgent;
86
- this.currentPage = 1;
87
- this.limitStylingAppends = false;
88
- /**
89
- * Navigation logic
90
- */
91
- this.navigateTo = (navigationPage) => {
92
- switch (navigationPage) {
93
- case 'firstPage':
94
- this.offsetInt = 0;
95
- break;
96
- case 'lastPage':
97
- this.offsetInt = this.endInt * this.limitInt;
98
- break;
99
- case 'previousPage':
100
- this.offsetInt -= 10;
101
- break;
102
- case 'nextPage':
103
- this.offsetInt += 10;
104
- break;
105
- case 'fivePagesBack':
106
- this.offsetInt -= 30;
107
- this.offsetInt = this.offsetInt < 0 ? 0 : this.offsetInt;
108
- break;
109
- case 'fivePagesForward':
110
- this.offsetInt += 30;
111
- this.offsetInt = this.offsetInt / 10 >= this.endInt ? this.endInt * 10 : this.offsetInt;
112
- break;
113
- }
114
- this.hpPageChange.emit({ offset: this.offsetInt, limit: this.limitInt, total: this.totalInt });
115
- };
116
- /**
117
- * Handle navigation from here
118
- */
119
- this.paginationNavigation = (pageNumber, index) => {
120
- if (!isNaN(pageNumber)) {
121
- if (pageNumber === 1) {
122
- this.offsetInt = pageNumber - 1;
123
- }
124
- else {
125
- this.offsetInt = (pageNumber - 1) * 10;
126
- }
127
- }
128
- else {
129
- if (index === 0 && this.currentPage <= 4) {
130
- this.navigateTo('firstPage');
131
- }
132
- else if (index === 0 && this.currentPage > 4) {
133
- this.navigateTo('fivePagesBack');
134
- }
135
- else if (index === 4 && this.endInt - this.currentPage >= 2) {
136
- this.navigateTo('fivePagesForward');
137
- }
138
- }
139
- this.currentPage = this.offsetInt;
140
- this.hpPageChange.emit({ offset: this.offsetInt, limit: this.limitInt, total: this.totalInt });
141
- };
142
- this.setClientStyling = () => {
143
- let sheet = document.createElement('style');
144
- sheet.innerHTML = this.clientStyling;
145
- this.stylingContainer.prepend(sheet);
146
- };
147
- this.setClientStylingURL = () => {
148
- let cssFile = document.createElement('style');
149
- setTimeout(() => {
150
- cssFile.innerHTML = this.clientStylingUrlContent;
151
- this.stylingContainer.prepend(cssFile);
152
- }, 1);
153
- };
154
- }
155
- componentWillRender() {
156
- this.offsetInt = this.offset;
157
- this.currentPage = this.offsetInt / this.limitInt + 1;
158
- this.limitInt = this.limit;
159
- this.totalInt = this.total;
160
- this.endInt = (Math.ceil(this.totalInt / this.limitInt) - 1);
161
- this.lastPage = (this.offsetInt >= this.endInt * this.limitInt) ? false : true;
162
- /**
163
- * Construct numbered navigation area based on current page position
164
- */
165
- if (this.currentPage === 1 || this.currentPage === 2) {
166
- this.pagesArray = Array.from({ length: 4 }, (_, i) => i + 1);
167
- this.pagesArray.push('...');
168
- }
169
- else if (this.currentPage >= 3 && ((this.endInt - this.currentPage) >= 2)) {
170
- this.pagesArray = Array.from({ length: 3 }, (_, i) => this.currentPage + i - 1);
171
- this.pagesArray.push('...');
172
- this.pagesArray.unshift('...');
173
- }
174
- else if ((this.endInt - this.currentPage) < 3) {
175
- this.pagesArray = Array.from({ length: 4 }, (_, i) => this.endInt - 2 + i);
176
- this.pagesArray.unshift('...');
177
- }
178
- }
179
- componentDidRender() {
180
- // start custom styling area
181
- if (!this.limitStylingAppends && this.stylingContainer) {
182
- if (this.clientStyling)
183
- this.setClientStyling();
184
- if (this.clientStylingUrlContent)
185
- this.setClientStylingURL();
186
- this.limitStylingAppends = true;
187
- }
188
- // end custom styling area
189
- }
190
- render() {
191
- /**
192
- * Center navigation area
193
- */
194
- let navigationArea = h("ul", { class: "PaginationArea" }, this.pagesArray.map((item, index) => {
195
- return (h("li", { class: 'PaginationItem' + (item === this.currentPage ? ' ActiveItem' : ' ') + ' ' + (isMobile(this.userAgent) ? 'MobileButtons' : '') }, h("button", { disabled: item === this.currentPage ? true : false, onClick: this.paginationNavigation.bind(this, item, index) }, h("span", null, item))));
196
- }));
197
- /**
198
- * Left navigation area
199
- */
200
- let buttonsLeftSide = h("div", { class: "LeftItems" }, h("button", { disabled: !this.previousPage, onClick: this.navigateTo.bind(this, 'firstPage') }, translate('firstPage', this.language)), h("button", { disabled: !this.previousPage ? true : false, onClick: this.navigateTo.bind(this, 'previousPage') }, translate('previousPage', this.language)));
201
- if (isMobile(this.userAgent)) {
202
- buttonsLeftSide =
203
- h("div", { class: "LeftItems" }, h("button", { disabled: !this.previousPage ? true : false, onClick: this.navigateTo.bind(this, 'previousPage') }, translate('previousPage', this.language)));
204
- }
205
- /**
206
- * Right navigation area
207
- */
208
- let buttonsRightSide = h("div", { class: "RightItems" }, h("button", { disabled: !this.lastPage ? true : false, onClick: this.navigateTo.bind(this, 'nextPage') }, translate('nextPage', this.language)), h("button", { disabled: !this.lastPage ? true : false, onClick: this.navigateTo.bind(this, 'lastPage') }, translate('lastPage', this.language)));
209
- if (isMobile(this.userAgent)) {
210
- buttonsRightSide =
211
- h("div", { class: "RightItems" }, h("button", { disabled: !this.lastPage ? true : false, onClick: this.navigateTo.bind(this, 'nextPage') }, translate('nextPage', this.language)));
212
- }
213
- return (h("div", { id: "PaginationContainer" }, buttonsLeftSide, navigationArea, buttonsRightSide));
214
- }
215
- static get style() { return helperPaginationCss; }
216
- }, [1, "helper-pagination", {
217
- "firstPage": [1540, "first-page"],
218
- "previousPage": [1540, "previous-page"],
219
- "offset": [1538],
220
- "limit": [1538],
221
- "total": [1538],
222
- "language": [1],
223
- "clientStyling": [1, "client-styling"],
224
- "clientStylingUrlContent": [1, "client-styling-url-content"],
225
- "offsetInt": [32],
226
- "lastPage": [32],
227
- "limitInt": [32],
228
- "totalInt": [32],
229
- "pagesArray": [32],
230
- "endInt": [32],
231
- "limitStylingAppends": [32]
232
- }]);
233
- function defineCustomElement$1() {
234
- if (typeof customElements === "undefined") {
235
- return;
236
- }
237
- const components = ["helper-pagination"];
238
- components.forEach(tagName => { switch (tagName) {
239
- case "helper-pagination":
240
- if (!customElements.get(tagName)) {
241
- customElements.define(tagName, HelperPagination$1);
242
- }
243
- break;
244
- } });
245
- }
246
- defineCustomElement$1();
247
-
248
- const HelperPagination = HelperPagination$1;
249
- const defineCustomElement = defineCustomElement$1;
250
-
251
- export { HelperPagination, defineCustomElement };
@@ -1,6 +0,0 @@
1
- import { H as HelperTab$1, d as defineCustomElement$1 } from './helper-tab2.js';
2
-
3
- const HelperTab = HelperTab$1;
4
- const defineCustomElement = defineCustomElement$1;
5
-
6
- export { HelperTab, defineCustomElement };
@@ -1,87 +0,0 @@
1
- import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
2
-
3
- const helperTabCss = ":host{display:block}.TabContent{font-size:14px;color:#000;font-weight:normal}";
4
-
5
- const HelperTab = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
6
- constructor() {
7
- super();
8
- this.__registerHost();
9
- this.__attachShadow();
10
- /**
11
- * Selected index
12
- */
13
- this.selectedIndex = 0;
14
- /**
15
- * Client custom styling via string
16
- */
17
- this.clientStyling = '';
18
- /**
19
- * Client custom styling via url content
20
- */
21
- this.clientStylingUrlContent = '';
22
- this.tabContent = '';
23
- this.limitStylingAppends = false;
24
- this.setClientStyling = () => {
25
- let sheet = document.createElement('style');
26
- sheet.innerHTML = this.clientStyling;
27
- this.stylingContainer.prepend(sheet);
28
- };
29
- this.setClientStylingURL = () => {
30
- let cssFile = document.createElement('style');
31
- setTimeout(() => {
32
- cssFile.innerHTML = this.clientStylingUrlContent;
33
- this.stylingContainer.prepend(cssFile);
34
- }, 1);
35
- };
36
- }
37
- connectedCallback() {
38
- /**
39
- * fetch(cmsEndpoint + / + / + selectedIndex)
40
- */
41
- }
42
- componentDidRender() {
43
- // start custom styling area
44
- if (!this.limitStylingAppends && this.stylingContainer) {
45
- if (this.clientStyling)
46
- this.setClientStyling();
47
- if (this.clientStylingUrlContent)
48
- this.setClientStylingURL();
49
- this.limitStylingAppends = true;
50
- }
51
- // end custom styling area
52
- }
53
- render() {
54
- this.tabContent = h("div", { class: "TabContent", ref: el => this.stylingContainer = el }, "Each play includes one set of numbers from 1 to 21 with a selectable number of 8 and a second, 4-digit set of numbers, with a minimum selection of 1. Draws are held every 5 minutes and the winnings are automatically credited to your account.");
55
- if (this.selectedIndex + 1 == 2) {
56
- this.tabContent = h("div", { class: "TabContent", ref: el => this.stylingContainer = el }, h("ol", null, h("li", null, "Register or Login"), h("li", null, "Buy tickets. Select 'Buy Tickets' to pick your numbers. Want us to automatically generate random numbers for you? Choose \u201CI feel lucky\u201D."), h("li", null, "Review and Complete your purchase. Once you've chosen your total number of plays, and confirmed your number of selections, review your ticket details and complete your purchase!")));
57
- }
58
- else if (this.selectedIndex + 1 == 3) {
59
- this.tabContent = h("div", { class: "TabContent", ref: el => this.stylingContainer = el }, h("ul", null, h("li", null, "What are my odds of winning?"), h("li", null, "How can I find out if I\u2019ve won a draw game?"), h("li", null, "How do I claim my prize?")));
60
- }
61
- return (this.tabContent);
62
- }
63
- static get style() { return helperTabCss; }
64
- }, [1, "helper-tab", {
65
- "selectedIndex": [2, "selected-index"],
66
- "cmsEndpoint": [1, "cms-endpoint"],
67
- "clientStyling": [1, "client-styling"],
68
- "clientStylingUrlContent": [1, "client-styling-url-content"],
69
- "tabContent": [32],
70
- "limitStylingAppends": [32]
71
- }]);
72
- function defineCustomElement() {
73
- if (typeof customElements === "undefined") {
74
- return;
75
- }
76
- const components = ["helper-tab"];
77
- components.forEach(tagName => { switch (tagName) {
78
- case "helper-tab":
79
- if (!customElements.get(tagName)) {
80
- customElements.define(tagName, HelperTab);
81
- }
82
- break;
83
- } });
84
- }
85
- defineCustomElement();
86
-
87
- export { HelperTab as H, defineCustomElement as d };
@@ -1,6 +0,0 @@
1
- import { H as HelperTabs$1, d as defineCustomElement$1 } from './helper-tabs2.js';
2
-
3
- const HelperTabs = HelperTabs$1;
4
- const defineCustomElement = defineCustomElement$1;
5
-
6
- export { HelperTabs, defineCustomElement };
@@ -1,103 +0,0 @@
1
- import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
2
- import { d as defineCustomElement$1 } from './helper-tab2.js';
3
-
4
- const helperTabsCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.Tabs{display:flex;gap:10px;overflow-x:auto}.TabButton{cursor:pointer;width:auto;border-radius:4px;padding:8px 15px;margin:5px 0 10px;border:1px solid #009993;background:#FFF;color:#000;font-size:12px;transition:all 0.2s linear;text-align:center;letter-spacing:0;white-space:nowrap}.TabButton:hover{background:#F1F1F1}.TabButton.Active{background:#009993;color:#FFF}";
5
-
6
- const HelperTabs = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
7
- constructor() {
8
- super();
9
- this.__registerHost();
10
- this.__attachShadow();
11
- /**
12
- * Tell me if it is disabled
13
- */
14
- this.disabled = false;
15
- /**
16
- * Tell me what tab is selected
17
- */
18
- this.selected = false;
19
- /**
20
- * Default selected index
21
- */
22
- this.selectedIndex = 0;
23
- /**
24
- * Tabs details
25
- */
26
- this.tabs = [{ label: 'How to Play' }, { label: 'About' }, { label: 'FAQs' }];
27
- /**
28
- * Client custom styling via string
29
- */
30
- this.clientStyling = '';
31
- /**
32
- * Client custom styling via url
33
- */
34
- this.clientStylingurl = '';
35
- /**
36
- * Client custom styling via url content
37
- */
38
- this.clientStylingUrlContent = '';
39
- this.limitStylingAppends = false;
40
- this.setClientStyling = () => {
41
- let sheet = document.createElement('style');
42
- sheet.innerHTML = this.clientStyling;
43
- this.stylingContainer.prepend(sheet);
44
- };
45
- this.setClientStylingURL = () => {
46
- let cssFile = document.createElement('style');
47
- setTimeout(() => {
48
- cssFile.innerHTML = this.clientStylingUrlContent;
49
- this.stylingContainer.prepend(cssFile);
50
- }, 1);
51
- };
52
- }
53
- connectedCallback() {
54
- }
55
- componentDidRender() {
56
- // start custom styling area
57
- if (!this.limitStylingAppends && this.stylingContainer) {
58
- this.setClientStyling();
59
- if (this.clientStylingUrlContent) {
60
- this.setClientStylingURL();
61
- }
62
- this.limitStylingAppends = true;
63
- }
64
- // end custom styling area
65
- }
66
- render() {
67
- return (h("div", { ref: el => this.stylingContainer = el }, h("div", { class: "Tabs" }, this.tabs.map((tab, index) => h("button", { class: 'TabButton' + (this.selectedIndex == index ? ' Active' : ''), onClick: () => this.selectedIndex = index }, tab.label))), h("div", null, h("helper-tab", { selectedIndex: this.selectedIndex, "client-styling": this.clientStyling, "client-stylingurl": this.clientStylingurl, "client-styling-url-content": this.clientStylingUrlContent }))));
68
- }
69
- get host() { return this; }
70
- static get style() { return helperTabsCss; }
71
- }, [1, "helper-tabs", {
72
- "disabled": [4],
73
- "label": [1],
74
- "selected": [4],
75
- "cmsEndpoint": [1, "cms-endpoint"],
76
- "selectedIndex": [1538, "selected-index"],
77
- "tabs": [16],
78
- "clientStyling": [1, "client-styling"],
79
- "clientStylingurl": [1, "client-stylingurl"],
80
- "clientStylingUrlContent": [1, "client-styling-url-content"],
81
- "limitStylingAppends": [32]
82
- }]);
83
- function defineCustomElement() {
84
- if (typeof customElements === "undefined") {
85
- return;
86
- }
87
- const components = ["helper-tabs", "helper-tab"];
88
- components.forEach(tagName => { switch (tagName) {
89
- case "helper-tabs":
90
- if (!customElements.get(tagName)) {
91
- customElements.define(tagName, HelperTabs);
92
- }
93
- break;
94
- case "helper-tab":
95
- if (!customElements.get(tagName)) {
96
- defineCustomElement$1();
97
- }
98
- break;
99
- } });
100
- }
101
- defineCustomElement();
102
-
103
- export { HelperTabs as H, defineCustomElement as d };
@@ -1,26 +0,0 @@
1
- /* LotteryGamePage custom elements */
2
-
3
- import type { Components, JSX } from "../types/components";
4
-
5
- /**
6
- * Used to manually set the base path where assets can be found.
7
- * If the script is used as "module", it's recommended to use "import.meta.url",
8
- * such as "setAssetPath(import.meta.url)". Other options include
9
- * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
10
- * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
11
- * But do note that this configuration depends on how your script is bundled, or lack of
12
- * bundling, and where your assets can be loaded from. Additionally custom bundling
13
- * will have to ensure the static assets are copied to its build directory.
14
- */
15
- export declare const setAssetPath: (path: string) => void;
16
-
17
- export interface SetPlatformOptions {
18
- raf?: (c: FrameRequestCallback) => number;
19
- ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
20
- rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
21
- }
22
- export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
23
-
24
- export type { Components, JSX };
25
-
26
- export * from '../types';
@@ -1 +0,0 @@
1
- export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
@@ -1,6 +0,0 @@
1
- import { L as LotteryBullet$1, d as defineCustomElement$1 } from './lottery-bullet2.js';
2
-
3
- const LotteryBullet = LotteryBullet$1;
4
- const defineCustomElement = defineCustomElement$1;
5
-
6
- export { LotteryBullet, defineCustomElement };