@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.
- package/dist/cjs/app-globals-3a1e7e63.js +5 -0
- package/dist/cjs/{helper-filters_2.cjs.entry.js → helper-accordion_13.cjs.entry.js} +13401 -9890
- package/dist/cjs/helper-pagination.cjs.entry.js +197 -189
- package/dist/cjs/index-f3851683.js +1345 -0
- package/dist/cjs/loader.cjs.js +7 -13
- package/dist/cjs/lottery-game-page.cjs.js +17 -11
- package/dist/collection/collection-manifest.json +4 -10
- package/dist/collection/components/lottery-game-page/index.js +1 -0
- package/dist/collection/components/lottery-game-page/lottery-game-page.css +11 -2
- package/dist/collection/components/lottery-game-page/lottery-game-page.js +579 -594
- package/dist/collection/utils/locale.utils.js +118 -95
- package/dist/collection/utils/utils.js +4 -4
- package/dist/esm/app-globals-0f993ce5.js +3 -0
- package/dist/esm/{helper-filters_2.entry.js → helper-accordion_13.entry.js} +13391 -9891
- package/dist/esm/helper-pagination.entry.js +197 -189
- package/dist/esm/index-8248702b.js +1316 -0
- package/dist/esm/loader.js +7 -13
- package/dist/esm/lottery-game-page.js +14 -11
- package/dist/lottery-game-page/lottery-game-page.esm.js +1 -1
- package/dist/lottery-game-page/p-46aaa562.entry.js +1 -0
- package/dist/lottery-game-page/p-8f2c63c7.js +2 -0
- package/dist/lottery-game-page/p-bd89bbf0.entry.js +3567 -0
- package/dist/lottery-game-page/p-e1255160.js +1 -0
- package/dist/stencil.config.dev.js +17 -0
- package/dist/stencil.config.js +12 -36
- 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
- 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
- package/dist/types/components/lottery-game-page/index.d.ts +1 -0
- package/dist/types/components/lottery-game-page/lottery-game-page.d.ts +99 -90
- package/dist/types/components.d.ts +28 -2
- package/dist/types/stencil-public-runtime.d.ts +142 -33
- package/loader/cdn.js +1 -3
- package/loader/index.cjs.js +1 -3
- package/loader/index.d.ts +13 -1
- package/loader/index.es2017.js +1 -3
- package/loader/index.js +1 -3
- package/loader/package.json +1 -0
- package/package.json +13 -7
- package/dist/cjs/helper-accordion.cjs.entry.js +0 -124
- package/dist/cjs/helper-modal.cjs.entry.js +0 -76
- package/dist/cjs/helper-tab.cjs.entry.js +0 -68
- package/dist/cjs/helper-tabs.cjs.entry.js +0 -74
- package/dist/cjs/index-cd44e726.js +0 -1324
- package/dist/cjs/lottery-bullet_2.cjs.entry.js +0 -270
- package/dist/cjs/lottery-draw-results-history.cjs.entry.js +0 -198
- package/dist/cjs/lottery-game-details.cjs.entry.js +0 -51
- package/dist/cjs/lottery-game-page.cjs.entry.js +0 -427
- package/dist/cjs/lottery-ticket-controller.cjs.entry.js +0 -116
- package/dist/cjs/lottery-ticket.cjs.entry.js +0 -201
- package/dist/collection/components/lottery-game-page/static/chrono_desktop.png +0 -0
- package/dist/collection/components/lottery-game-page/static/chrono_lottery_mobile.png +0 -0
- package/dist/components/assets/chrono_desktop.png +0 -0
- package/dist/components/assets/chrono_lottery_mobile.png +0 -0
- package/dist/components/helper-accordion.js +0 -6
- package/dist/components/helper-accordion2.js +0 -151
- package/dist/components/helper-filters.js +0 -6
- package/dist/components/helper-filters2.js +0 -22394
- package/dist/components/helper-modal.js +0 -6
- package/dist/components/helper-modal2.js +0 -94
- package/dist/components/helper-pagination.js +0 -251
- package/dist/components/helper-tab.js +0 -6
- package/dist/components/helper-tab2.js +0 -87
- package/dist/components/helper-tabs.js +0 -6
- package/dist/components/helper-tabs2.js +0 -103
- package/dist/components/index.d.ts +0 -26
- package/dist/components/index.js +0 -1
- package/dist/components/lottery-bullet.js +0 -6
- package/dist/components/lottery-bullet2.js +0 -92
- package/dist/components/lottery-draw-results-history.js +0 -6
- package/dist/components/lottery-draw-results-history2.js +0 -256
- package/dist/components/lottery-draw-results.js +0 -6
- package/dist/components/lottery-draw-results2.js +0 -335
- package/dist/components/lottery-game-details.js +0 -6
- package/dist/components/lottery-game-details2.js +0 -85
- package/dist/components/lottery-game-page.d.ts +0 -11
- package/dist/components/lottery-game-page.js +0 -542
- package/dist/components/lottery-grid.js +0 -6
- package/dist/components/lottery-grid2.js +0 -237
- package/dist/components/lottery-ticket-controller.js +0 -6
- package/dist/components/lottery-ticket-controller2.js +0 -168
- package/dist/components/lottery-ticket.js +0 -6
- package/dist/components/lottery-ticket2.js +0 -244
- package/dist/esm/helper-accordion.entry.js +0 -120
- package/dist/esm/helper-modal.entry.js +0 -72
- package/dist/esm/helper-tab.entry.js +0 -64
- package/dist/esm/helper-tabs.entry.js +0 -70
- package/dist/esm/index-d1baacd4.js +0 -1296
- package/dist/esm/lottery-bullet_2.entry.js +0 -265
- package/dist/esm/lottery-draw-results-history.entry.js +0 -194
- package/dist/esm/lottery-game-details.entry.js +0 -47
- package/dist/esm/lottery-game-page.entry.js +0 -423
- package/dist/esm/lottery-ticket-controller.entry.js +0 -112
- package/dist/esm/lottery-ticket.entry.js +0 -197
- package/dist/esm/polyfills/core-js.js +0 -11
- package/dist/esm/polyfills/css-shim.js +0 -1
- package/dist/esm/polyfills/dom.js +0 -79
- package/dist/esm/polyfills/es5-html-element.js +0 -1
- package/dist/esm/polyfills/index.js +0 -34
- package/dist/esm/polyfills/system.js +0 -6
- package/dist/lottery-game-page/p-023325a2.entry.js +0 -1
- package/dist/lottery-game-page/p-04fbc8fd.entry.js +0 -1
- package/dist/lottery-game-page/p-256b151c.entry.js +0 -1
- package/dist/lottery-game-page/p-381b5507.entry.js +0 -1
- package/dist/lottery-game-page/p-3f8b6ad9.entry.js +0 -1
- package/dist/lottery-game-page/p-4274053c.entry.js +0 -1
- package/dist/lottery-game-page/p-4f81cd37.entry.js +0 -1
- package/dist/lottery-game-page/p-5c389034.entry.js +0 -1
- package/dist/lottery-game-page/p-7d06371e.entry.js +0 -1
- package/dist/lottery-game-page/p-ca8430a0.entry.js +0 -2849
- package/dist/lottery-game-page/p-d6f76e8d.entry.js +0 -1
- package/dist/lottery-game-page/p-e765c7d9.js +0 -1
- package/dist/lottery-game-page/p-f6fcc22c.entry.js +0 -1
- package/dist/lottery-game-page/static/chrono_desktop.png +0 -0
- package/dist/lottery-game-page/static/chrono_lottery_mobile.png +0 -0
- 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,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,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,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';
|
package/dist/components/index.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
|