@everymatrix/lottery-game-details 0.1.1 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/helper-accordion_4.cjs.entry.js +10 -17
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/lottery-game-details.cjs.js +1 -1
- package/dist/components/helper-accordion2.js +2 -7
- package/dist/components/helper-tab2.js +8 -12
- package/dist/components/helper-tabs2.js +1 -1
- package/dist/esm/helper-accordion_4.entry.js +10 -17
- package/dist/esm/loader.js +1 -1
- package/dist/esm/lottery-game-details.js +1 -1
- package/dist/lottery-game-details/lottery-game-details.esm.js +1 -1
- package/dist/lottery-game-details/p-048017d4.entry.js +1 -0
- package/package.json +1 -1
- package/dist/lottery-game-details/p-ea7da786.entry.js +0 -1
|
@@ -19,16 +19,12 @@ const translate = (key, customLang) => {
|
|
|
19
19
|
return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
|
|
20
20
|
};
|
|
21
21
|
|
|
22
|
-
const helperAccordionCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.Header{border-radius:4px
|
|
22
|
+
const helperAccordionCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.Header{border-radius:4px;margin-bottom:1px;background:#009993;display:flex;gap:30px;border:1px solid #009993;padding:8px 10px;user-select:none}.Header:hover{background:#00ABA4}.Header .Title,.Header .Subtitle,.Header .Description{margin:0;font-size:14px;color:#fff}.Header .Expand{margin-left:auto;color:#FFF;width:17px;height:17px;cursor:pointer;text-align:center;transform:rotate(90deg);font-size:20px;user-select:none}.Content{border-radius:4px;background:#fff;border:1px solid #009993;padding:10px 15px;user-select:none;color:#000;margin-bottom:10px}.ActionButton{border-radius:4px;margin-top:10px;cursor:pointer;text-transform:capitalize;display:block;font-size:12px;text-align:center;padding:8px 20px;width:80px;background:#FF3D00;border:1px solid #FF3D00;color:#FFF}.ActionButton:hover{background:#FF6536;border:1px solid #FF3D00}";
|
|
23
23
|
|
|
24
24
|
const Accordion = class {
|
|
25
25
|
constructor(hostRef) {
|
|
26
26
|
index.registerInstance(this, hostRef);
|
|
27
27
|
this.accordionEvent = index.createEvent(this, "helperAccordionAction", 7);
|
|
28
|
-
/**
|
|
29
|
-
* Flag for ticket history
|
|
30
|
-
*/
|
|
31
|
-
this.ticketHistoryFlag = false;
|
|
32
28
|
/**
|
|
33
29
|
* Title (top header)
|
|
34
30
|
*/
|
|
@@ -81,7 +77,7 @@ const Accordion = class {
|
|
|
81
77
|
this.accordionEvent.emit();
|
|
82
78
|
}
|
|
83
79
|
render() {
|
|
84
|
-
return (index.h("div", { class: "Wrapper" }, index.h("div", { class:
|
|
80
|
+
return (index.h("div", { class: "Wrapper" }, index.h("div", { class: "Header" }, index.h("p", { class: "Title" }, this.headerTitle), index.h("p", { class: "Subtitle" }, this.headerSubtitle), index.h("p", { class: "Subtitle" }, this.description), index.h("span", { class: "Expand", onClick: () => this.toggleContent() }, this.showContent ? '<' : '>')), this.showContent &&
|
|
85
81
|
index.h("div", null, index.h("div", { class: "Content" }, index.h("slot", { name: 'accordionContent' }), this.footer && this.showContent &&
|
|
86
82
|
index.h("div", null, this.deleteTab &&
|
|
87
83
|
index.h("span", { class: "ActionButton", onClick: () => this.deleteAction() }, translate('deleteTicket', this.language)))))));
|
|
@@ -89,7 +85,7 @@ const Accordion = class {
|
|
|
89
85
|
};
|
|
90
86
|
Accordion.style = helperAccordionCss;
|
|
91
87
|
|
|
92
|
-
const helperTabCss = ":host{display:block}
|
|
88
|
+
const helperTabCss = ":host{display:block}";
|
|
93
89
|
|
|
94
90
|
const HelperTab = class {
|
|
95
91
|
constructor(hostRef) {
|
|
@@ -98,22 +94,19 @@ const HelperTab = class {
|
|
|
98
94
|
* Selected index
|
|
99
95
|
*/
|
|
100
96
|
this.selectedIndex = 0;
|
|
101
|
-
this.tabContent = '';
|
|
102
97
|
}
|
|
98
|
+
/**
|
|
99
|
+
* Endpoing for CMS
|
|
100
|
+
*/
|
|
103
101
|
connectedCallback() {
|
|
104
102
|
/**
|
|
105
103
|
* fetch(cmsEndpoint + / + / + selectedIndex)
|
|
106
104
|
*/
|
|
107
105
|
}
|
|
108
106
|
render() {
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
}
|
|
113
|
-
else if (this.selectedIndex + 1 == 3) {
|
|
114
|
-
this.tabContent = index.h("div", { class: "TabContent" }, index.h("ul", null, index.h("li", null, "What are my odds of winning?"), index.h("li", null, "How can I find out if I\u2019ve won a draw game?"), index.h("li", null, "How do I claim my prize?")));
|
|
115
|
-
}
|
|
116
|
-
return (this.tabContent);
|
|
107
|
+
return [
|
|
108
|
+
index.h("div", null, "Reference site about Lorem Ipsum, giving information on its origins, as well as a random Lipsum generator.", this.selectedIndex + 1)
|
|
109
|
+
];
|
|
117
110
|
}
|
|
118
111
|
};
|
|
119
112
|
HelperTab.style = helperTabCss;
|
|
@@ -138,7 +131,7 @@ const HelperTabs = class {
|
|
|
138
131
|
/**
|
|
139
132
|
* Tabs details
|
|
140
133
|
*/
|
|
141
|
-
this.tabs = [{ label: 'How to Play' }, { label: '
|
|
134
|
+
this.tabs = [{ label: 'Draw Details' }, { label: 'Winnings' }, { label: 'How to Play' }, { label: 'Game Odds' }, { label: 'FAQs' }];
|
|
142
135
|
}
|
|
143
136
|
connectedCallback() {
|
|
144
137
|
}
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -14,7 +14,7 @@ const patchEsm = () => {
|
|
|
14
14
|
const defineCustomElements = (win, options) => {
|
|
15
15
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
16
16
|
return patchEsm().then(() => {
|
|
17
|
-
return index.bootstrapLazy([["helper-accordion_4.cjs",[[1,"lottery-game-details"],[1,"helper-tabs",{"disabled":[4],"label":[1],"selected":[4],"cmsEndpoint":[1,"cms-endpoint"],"selectedIndex":[1538,"selected-index"],"tabs":[16]}],[1,"helper-accordion",{"
|
|
17
|
+
return index.bootstrapLazy([["helper-accordion_4.cjs",[[1,"lottery-game-details"],[1,"helper-tabs",{"disabled":[4],"label":[1],"selected":[4],"cmsEndpoint":[1,"cms-endpoint"],"selectedIndex":[1538,"selected-index"],"tabs":[16]}],[1,"helper-accordion",{"headerTitle":[1,"header-title"],"headerSubtitle":[1,"header-subtitle"],"description":[1],"footer":[4],"deleteTab":[4,"delete-tab"],"postMessage":[4,"post-message"],"eventName":[1,"event-name"],"collapsed":[4],"language":[1],"showContent":[32]}],[1,"helper-tab",{"selectedIndex":[2,"selected-index"],"cmsEndpoint":[1,"cms-endpoint"]}]]]], options);
|
|
18
18
|
});
|
|
19
19
|
};
|
|
20
20
|
|
|
@@ -15,5 +15,5 @@ const patchBrowser = () => {
|
|
|
15
15
|
};
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(options => {
|
|
18
|
-
return index.bootstrapLazy([["helper-accordion_4.cjs",[[1,"lottery-game-details"],[1,"helper-tabs",{"disabled":[4],"label":[1],"selected":[4],"cmsEndpoint":[1,"cms-endpoint"],"selectedIndex":[1538,"selected-index"],"tabs":[16]}],[1,"helper-accordion",{"
|
|
18
|
+
return index.bootstrapLazy([["helper-accordion_4.cjs",[[1,"lottery-game-details"],[1,"helper-tabs",{"disabled":[4],"label":[1],"selected":[4],"cmsEndpoint":[1,"cms-endpoint"],"selectedIndex":[1538,"selected-index"],"tabs":[16]}],[1,"helper-accordion",{"headerTitle":[1,"header-title"],"headerSubtitle":[1,"header-subtitle"],"description":[1],"footer":[4],"deleteTab":[4,"delete-tab"],"postMessage":[4,"post-message"],"eventName":[1,"event-name"],"collapsed":[4],"language":[1],"showContent":[32]}],[1,"helper-tab",{"selectedIndex":[2,"selected-index"],"cmsEndpoint":[1,"cms-endpoint"]}]]]], options);
|
|
19
19
|
});
|
|
@@ -15,7 +15,7 @@ const translate = (key, customLang) => {
|
|
|
15
15
|
return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
|
|
16
16
|
};
|
|
17
17
|
|
|
18
|
-
const helperAccordionCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.Header{border-radius:4px
|
|
18
|
+
const helperAccordionCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.Header{border-radius:4px;margin-bottom:1px;background:#009993;display:flex;gap:30px;border:1px solid #009993;padding:8px 10px;user-select:none}.Header:hover{background:#00ABA4}.Header .Title,.Header .Subtitle,.Header .Description{margin:0;font-size:14px;color:#fff}.Header .Expand{margin-left:auto;color:#FFF;width:17px;height:17px;cursor:pointer;text-align:center;transform:rotate(90deg);font-size:20px;user-select:none}.Content{border-radius:4px;background:#fff;border:1px solid #009993;padding:10px 15px;user-select:none;color:#000;margin-bottom:10px}.ActionButton{border-radius:4px;margin-top:10px;cursor:pointer;text-transform:capitalize;display:block;font-size:12px;text-align:center;padding:8px 20px;width:80px;background:#FF3D00;border:1px solid #FF3D00;color:#FFF}.ActionButton:hover{background:#FF6536;border:1px solid #FF3D00}";
|
|
19
19
|
|
|
20
20
|
const Accordion = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
21
21
|
constructor() {
|
|
@@ -23,10 +23,6 @@ const Accordion = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
23
23
|
this.__registerHost();
|
|
24
24
|
this.__attachShadow();
|
|
25
25
|
this.accordionEvent = createEvent(this, "helperAccordionAction", 7);
|
|
26
|
-
/**
|
|
27
|
-
* Flag for ticket history
|
|
28
|
-
*/
|
|
29
|
-
this.ticketHistoryFlag = false;
|
|
30
26
|
/**
|
|
31
27
|
* Title (top header)
|
|
32
28
|
*/
|
|
@@ -79,14 +75,13 @@ const Accordion = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
79
75
|
this.accordionEvent.emit();
|
|
80
76
|
}
|
|
81
77
|
render() {
|
|
82
|
-
return (h("div", { class: "Wrapper" }, h("div", { class:
|
|
78
|
+
return (h("div", { class: "Wrapper" }, h("div", { class: "Header" }, h("p", { class: "Title" }, this.headerTitle), h("p", { class: "Subtitle" }, this.headerSubtitle), h("p", { class: "Subtitle" }, this.description), h("span", { class: "Expand", onClick: () => this.toggleContent() }, this.showContent ? '<' : '>')), this.showContent &&
|
|
83
79
|
h("div", null, h("div", { class: "Content" }, h("slot", { name: 'accordionContent' }), this.footer && this.showContent &&
|
|
84
80
|
h("div", null, this.deleteTab &&
|
|
85
81
|
h("span", { class: "ActionButton", onClick: () => this.deleteAction() }, translate('deleteTicket', this.language)))))));
|
|
86
82
|
}
|
|
87
83
|
static get style() { return helperAccordionCss; }
|
|
88
84
|
}, [1, "helper-accordion", {
|
|
89
|
-
"ticketHistoryFlag": [4, "ticket-history-flag"],
|
|
90
85
|
"headerTitle": [1, "header-title"],
|
|
91
86
|
"headerSubtitle": [1, "header-subtitle"],
|
|
92
87
|
"description": [1],
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
|
|
2
2
|
|
|
3
|
-
const helperTabCss = ":host{display:block}
|
|
3
|
+
const helperTabCss = ":host{display:block}";
|
|
4
4
|
|
|
5
5
|
const HelperTab = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
6
6
|
constructor() {
|
|
@@ -11,28 +11,24 @@ const HelperTab = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
11
11
|
* Selected index
|
|
12
12
|
*/
|
|
13
13
|
this.selectedIndex = 0;
|
|
14
|
-
this.tabContent = '';
|
|
15
14
|
}
|
|
15
|
+
/**
|
|
16
|
+
* Endpoing for CMS
|
|
17
|
+
*/
|
|
16
18
|
connectedCallback() {
|
|
17
19
|
/**
|
|
18
20
|
* fetch(cmsEndpoint + / + / + selectedIndex)
|
|
19
21
|
*/
|
|
20
22
|
}
|
|
21
23
|
render() {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
}
|
|
26
|
-
else if (this.selectedIndex + 1 == 3) {
|
|
27
|
-
this.tabContent = h("div", { class: "TabContent" }, 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?")));
|
|
28
|
-
}
|
|
29
|
-
return (this.tabContent);
|
|
24
|
+
return [
|
|
25
|
+
h("div", null, "Reference site about Lorem Ipsum, giving information on its origins, as well as a random Lipsum generator.", this.selectedIndex + 1)
|
|
26
|
+
];
|
|
30
27
|
}
|
|
31
28
|
static get style() { return helperTabCss; }
|
|
32
29
|
}, [1, "helper-tab", {
|
|
33
30
|
"selectedIndex": [2, "selected-index"],
|
|
34
|
-
"cmsEndpoint": [1, "cms-endpoint"]
|
|
35
|
-
"tabContent": [32]
|
|
31
|
+
"cmsEndpoint": [1, "cms-endpoint"]
|
|
36
32
|
}]);
|
|
37
33
|
function defineCustomElement() {
|
|
38
34
|
if (typeof customElements === "undefined") {
|
|
@@ -23,7 +23,7 @@ const HelperTabs = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
23
23
|
/**
|
|
24
24
|
* Tabs details
|
|
25
25
|
*/
|
|
26
|
-
this.tabs = [{ label: 'How to Play' }, { label: '
|
|
26
|
+
this.tabs = [{ label: 'Draw Details' }, { label: 'Winnings' }, { label: 'How to Play' }, { label: 'Game Odds' }, { label: 'FAQs' }];
|
|
27
27
|
}
|
|
28
28
|
connectedCallback() {
|
|
29
29
|
}
|
|
@@ -15,16 +15,12 @@ const translate = (key, customLang) => {
|
|
|
15
15
|
return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
|
|
16
16
|
};
|
|
17
17
|
|
|
18
|
-
const helperAccordionCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.Header{border-radius:4px
|
|
18
|
+
const helperAccordionCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.Header{border-radius:4px;margin-bottom:1px;background:#009993;display:flex;gap:30px;border:1px solid #009993;padding:8px 10px;user-select:none}.Header:hover{background:#00ABA4}.Header .Title,.Header .Subtitle,.Header .Description{margin:0;font-size:14px;color:#fff}.Header .Expand{margin-left:auto;color:#FFF;width:17px;height:17px;cursor:pointer;text-align:center;transform:rotate(90deg);font-size:20px;user-select:none}.Content{border-radius:4px;background:#fff;border:1px solid #009993;padding:10px 15px;user-select:none;color:#000;margin-bottom:10px}.ActionButton{border-radius:4px;margin-top:10px;cursor:pointer;text-transform:capitalize;display:block;font-size:12px;text-align:center;padding:8px 20px;width:80px;background:#FF3D00;border:1px solid #FF3D00;color:#FFF}.ActionButton:hover{background:#FF6536;border:1px solid #FF3D00}";
|
|
19
19
|
|
|
20
20
|
const Accordion = class {
|
|
21
21
|
constructor(hostRef) {
|
|
22
22
|
registerInstance(this, hostRef);
|
|
23
23
|
this.accordionEvent = createEvent(this, "helperAccordionAction", 7);
|
|
24
|
-
/**
|
|
25
|
-
* Flag for ticket history
|
|
26
|
-
*/
|
|
27
|
-
this.ticketHistoryFlag = false;
|
|
28
24
|
/**
|
|
29
25
|
* Title (top header)
|
|
30
26
|
*/
|
|
@@ -77,7 +73,7 @@ const Accordion = class {
|
|
|
77
73
|
this.accordionEvent.emit();
|
|
78
74
|
}
|
|
79
75
|
render() {
|
|
80
|
-
return (h("div", { class: "Wrapper" }, h("div", { class:
|
|
76
|
+
return (h("div", { class: "Wrapper" }, h("div", { class: "Header" }, h("p", { class: "Title" }, this.headerTitle), h("p", { class: "Subtitle" }, this.headerSubtitle), h("p", { class: "Subtitle" }, this.description), h("span", { class: "Expand", onClick: () => this.toggleContent() }, this.showContent ? '<' : '>')), this.showContent &&
|
|
81
77
|
h("div", null, h("div", { class: "Content" }, h("slot", { name: 'accordionContent' }), this.footer && this.showContent &&
|
|
82
78
|
h("div", null, this.deleteTab &&
|
|
83
79
|
h("span", { class: "ActionButton", onClick: () => this.deleteAction() }, translate('deleteTicket', this.language)))))));
|
|
@@ -85,7 +81,7 @@ const Accordion = class {
|
|
|
85
81
|
};
|
|
86
82
|
Accordion.style = helperAccordionCss;
|
|
87
83
|
|
|
88
|
-
const helperTabCss = ":host{display:block}
|
|
84
|
+
const helperTabCss = ":host{display:block}";
|
|
89
85
|
|
|
90
86
|
const HelperTab = class {
|
|
91
87
|
constructor(hostRef) {
|
|
@@ -94,22 +90,19 @@ const HelperTab = class {
|
|
|
94
90
|
* Selected index
|
|
95
91
|
*/
|
|
96
92
|
this.selectedIndex = 0;
|
|
97
|
-
this.tabContent = '';
|
|
98
93
|
}
|
|
94
|
+
/**
|
|
95
|
+
* Endpoing for CMS
|
|
96
|
+
*/
|
|
99
97
|
connectedCallback() {
|
|
100
98
|
/**
|
|
101
99
|
* fetch(cmsEndpoint + / + / + selectedIndex)
|
|
102
100
|
*/
|
|
103
101
|
}
|
|
104
102
|
render() {
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
}
|
|
109
|
-
else if (this.selectedIndex + 1 == 3) {
|
|
110
|
-
this.tabContent = h("div", { class: "TabContent" }, 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?")));
|
|
111
|
-
}
|
|
112
|
-
return (this.tabContent);
|
|
103
|
+
return [
|
|
104
|
+
h("div", null, "Reference site about Lorem Ipsum, giving information on its origins, as well as a random Lipsum generator.", this.selectedIndex + 1)
|
|
105
|
+
];
|
|
113
106
|
}
|
|
114
107
|
};
|
|
115
108
|
HelperTab.style = helperTabCss;
|
|
@@ -134,7 +127,7 @@ const HelperTabs = class {
|
|
|
134
127
|
/**
|
|
135
128
|
* Tabs details
|
|
136
129
|
*/
|
|
137
|
-
this.tabs = [{ label: 'How to Play' }, { label: '
|
|
130
|
+
this.tabs = [{ label: 'Draw Details' }, { label: 'Winnings' }, { label: 'How to Play' }, { label: 'Game Odds' }, { label: 'FAQs' }];
|
|
138
131
|
}
|
|
139
132
|
connectedCallback() {
|
|
140
133
|
}
|
package/dist/esm/loader.js
CHANGED
|
@@ -10,7 +10,7 @@ const patchEsm = () => {
|
|
|
10
10
|
const defineCustomElements = (win, options) => {
|
|
11
11
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
12
12
|
return patchEsm().then(() => {
|
|
13
|
-
return bootstrapLazy([["helper-accordion_4",[[1,"lottery-game-details"],[1,"helper-tabs",{"disabled":[4],"label":[1],"selected":[4],"cmsEndpoint":[1,"cms-endpoint"],"selectedIndex":[1538,"selected-index"],"tabs":[16]}],[1,"helper-accordion",{"
|
|
13
|
+
return bootstrapLazy([["helper-accordion_4",[[1,"lottery-game-details"],[1,"helper-tabs",{"disabled":[4],"label":[1],"selected":[4],"cmsEndpoint":[1,"cms-endpoint"],"selectedIndex":[1538,"selected-index"],"tabs":[16]}],[1,"helper-accordion",{"headerTitle":[1,"header-title"],"headerSubtitle":[1,"header-subtitle"],"description":[1],"footer":[4],"deleteTab":[4,"delete-tab"],"postMessage":[4,"post-message"],"eventName":[1,"event-name"],"collapsed":[4],"language":[1],"showContent":[32]}],[1,"helper-tab",{"selectedIndex":[2,"selected-index"],"cmsEndpoint":[1,"cms-endpoint"]}]]]], options);
|
|
14
14
|
});
|
|
15
15
|
};
|
|
16
16
|
|
|
@@ -13,5 +13,5 @@ const patchBrowser = () => {
|
|
|
13
13
|
};
|
|
14
14
|
|
|
15
15
|
patchBrowser().then(options => {
|
|
16
|
-
return bootstrapLazy([["helper-accordion_4",[[1,"lottery-game-details"],[1,"helper-tabs",{"disabled":[4],"label":[1],"selected":[4],"cmsEndpoint":[1,"cms-endpoint"],"selectedIndex":[1538,"selected-index"],"tabs":[16]}],[1,"helper-accordion",{"
|
|
16
|
+
return bootstrapLazy([["helper-accordion_4",[[1,"lottery-game-details"],[1,"helper-tabs",{"disabled":[4],"label":[1],"selected":[4],"cmsEndpoint":[1,"cms-endpoint"],"selectedIndex":[1538,"selected-index"],"tabs":[16]}],[1,"helper-accordion",{"headerTitle":[1,"header-title"],"headerSubtitle":[1,"header-subtitle"],"description":[1],"footer":[4],"deleteTab":[4,"delete-tab"],"postMessage":[4,"post-message"],"eventName":[1,"event-name"],"collapsed":[4],"language":[1],"showContent":[32]}],[1,"helper-tab",{"selectedIndex":[2,"selected-index"],"cmsEndpoint":[1,"cms-endpoint"]}]]]], options);
|
|
17
17
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as t}from"./p-703a43dd.js";(()=>{const t=import.meta.url,
|
|
1
|
+
import{p as e,b as t}from"./p-703a43dd.js";(()=>{const t=import.meta.url,d={};return""!==t&&(d.resourcesUrl=new URL(".",t).href),e(d)})().then((e=>t([["p-048017d4",[[1,"lottery-game-details"],[1,"helper-tabs",{disabled:[4],label:[1],selected:[4],cmsEndpoint:[1,"cms-endpoint"],selectedIndex:[1538,"selected-index"],tabs:[16]}],[1,"helper-accordion",{headerTitle:[1,"header-title"],headerSubtitle:[1,"header-subtitle"],description:[1],footer:[4],deleteTab:[4,"delete-tab"],postMessage:[4,"post-message"],eventName:[1,"event-name"],collapsed:[4],language:[1],showContent:[32]}],[1,"helper-tab",{selectedIndex:[2,"selected-index"],cmsEndpoint:[1,"cms-endpoint"]}]]]],e)));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as o,g as s}from"./p-703a43dd.js";const i=["ro","en"],r={en:{deleteTicket:"Delete ticket"},ro:{deleteTicket:"Sterge biletul"}},n=class{constructor(o){t(this,o),this.accordionEvent=e(this,"helperAccordionAction",7),this.headerTitle="",this.headerSubtitle="",this.description="",this.footer=!1,this.deleteTab=!1,this.postMessage=!1,this.eventName="helperAccordionAction",this.collapsed=!0,this.language="en"}connectedCallback(){this.showContent=!this.collapsed}toggleContent(){this.showContent=!this.showContent}deleteAction(){this.postMessage&&window.postMessage({type:this.eventName},window.location.href),this.accordionEvent.emit()}render(){return o("div",{class:"Wrapper"},o("div",{class:"Header"},o("p",{class:"Title"},this.headerTitle),o("p",{class:"Subtitle"},this.headerSubtitle),o("p",{class:"Subtitle"},this.description),o("span",{class:"Expand",onClick:()=>this.toggleContent()},this.showContent?"<":">")),this.showContent&&o("div",null,o("div",{class:"Content"},o("slot",{name:"accordionContent"}),this.footer&&this.showContent&&o("div",null,this.deleteTab&&o("span",{class:"ActionButton",onClick:()=>this.deleteAction()},(()=>{const t=this.language;return r[void 0!==t&&i.includes(t)?t:"en"].deleteTicket})())))))}};n.style='@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap");:host{display:block;font-family:"Roboto", sans-serif}.Header{border-radius:4px;margin-bottom:1px;background:#009993;display:flex;gap:30px;border:1px solid #009993;padding:8px 10px;user-select:none}.Header:hover{background:#00ABA4}.Header .Title,.Header .Subtitle,.Header .Description{margin:0;font-size:14px;color:#fff}.Header .Expand{margin-left:auto;color:#FFF;width:17px;height:17px;cursor:pointer;text-align:center;transform:rotate(90deg);font-size:20px;user-select:none}.Content{border-radius:4px;background:#fff;border:1px solid #009993;padding:10px 15px;user-select:none;color:#000;margin-bottom:10px}.ActionButton{border-radius:4px;margin-top:10px;cursor:pointer;text-transform:capitalize;display:block;font-size:12px;text-align:center;padding:8px 20px;width:80px;background:#FF3D00;border:1px solid #FF3D00;color:#FFF}.ActionButton:hover{background:#FF6536;border:1px solid #FF3D00}';const a=class{constructor(e){t(this,e),this.selectedIndex=0}connectedCallback(){}render(){return[o("div",null,"Reference site about Lorem Ipsum, giving information on its origins, as well as a random Lipsum generator.",this.selectedIndex+1)]}};a.style=":host{display:block}";const l=class{constructor(e){t(this,e),this.disabled=!1,this.selected=!1,this.selectedIndex=0,this.tabs=[{label:"Draw Details"},{label:"Winnings"},{label:"How to Play"},{label:"Game Odds"},{label:"FAQs"}]}connectedCallback(){}render(){return o("div",null,o("div",{class:"Tabs"},this.tabs.map(((t,e)=>o("button",{class:"TabButton"+(this.selectedIndex==e?" Active":""),onClick:()=>this.selectedIndex=e},t.label)))),o("div",null,o("helper-tab",{selectedIndex:this.selectedIndex})))}get host(){return s(this)}};l.style='@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}';const c=class{constructor(e){t(this,e)}render(){return o("div",null,o("helper-accordion",{"header-title":"Game Details",collapsed:!1},o("div",{slot:"accordionContent"},o("helper-tabs",null))))}};c.style=":host{display:block}";export{n as helper_accordion,a as helper_tab,l as helper_tabs,c as lottery_game_details}
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as o,g as i}from"./p-703a43dd.js";const s=["ro","en"],r={en:{deleteTicket:"Delete ticket"},ro:{deleteTicket:"Sterge biletul"}},n=class{constructor(o){t(this,o),this.accordionEvent=e(this,"helperAccordionAction",7),this.ticketHistoryFlag=!1,this.headerTitle="",this.headerSubtitle="",this.description="",this.footer=!1,this.deleteTab=!1,this.postMessage=!1,this.eventName="helperAccordionAction",this.collapsed=!0,this.language="en"}connectedCallback(){this.showContent=!this.collapsed}toggleContent(){this.showContent=!this.showContent}deleteAction(){this.postMessage&&window.postMessage({type:this.eventName},window.location.href),this.accordionEvent.emit()}render(){return o("div",{class:"Wrapper"},o("div",{class:!0===this.ticketHistoryFlag?"HeaderTicketHistory":"Header"},o("p",{class:"Title"},this.headerTitle),o("p",{class:"Subtitle"},this.headerSubtitle),o("p",{class:"Subtitle"},this.description),o("span",{class:"Expand",onClick:()=>this.toggleContent()},this.showContent?"<":">")),this.showContent&&o("div",null,o("div",{class:"Content"},o("slot",{name:"accordionContent"}),this.footer&&this.showContent&&o("div",null,this.deleteTab&&o("span",{class:"ActionButton",onClick:()=>this.deleteAction()},(()=>{const t=this.language;return r[void 0!==t&&s.includes(t)?t:"en"].deleteTicket})())))))}};n.style='@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap");:host{display:block;font-family:"Roboto", sans-serif}.Header{border-radius:4px 4px 0 0;background:#009993;display:flex;gap:30px;border:1px solid #009993;padding:8px 10px;user-select:none}.Header:hover{background:#00ABA4}.Header .Title,.Header .Subtitle,.Header .Description{margin:0;font-size:14px;color:#fff}.Header .Expand{margin-left:auto;color:#FFF;width:17px;height:17px;cursor:pointer;text-align:center;transform:rotate(90deg);font-size:20px;user-select:none}.HeaderTicketHistory{border-radius:4px;background:#F1F1F1;display:flex;gap:30px;border:1px solid #009993;padding:8px 10px;user-select:none;margin-bottom:5px}.HeaderTicketHistory:hover{background:#00ABA4}.HeaderTicketHistory .Title,.HeaderTicketHistory .Subtitle,.HeaderTicketHistory .Description{margin:0;font-size:14px;color:#000}.HeaderTicketHistory .Expand{margin-left:auto;color:#FFF;width:17px;height:17px;cursor:pointer;text-align:center;transform:rotate(90deg);font-size:20px;user-select:none}.Content{border-radius:0 0 4px 4px;background:#fff;border:1px solid #009993;padding:10px 15px;user-select:none;color:#000;margin-bottom:10px}.ActionButton{cursor:pointer;display:inline-block;border-radius:4px;margin:20px 0 10px;text-transform:uppercase;font-size:12px;text-align:center;padding:8px 20px;min-width:80px;background:#FF3D00;border:1px solid #FF3D00;color:#FFF}.ActionButton:hover{background:#FF6536;border:1px solid #FF3D00}';const a=class{constructor(e){t(this,e),this.selectedIndex=0,this.tabContent=""}connectedCallback(){}render(){return this.tabContent=o("div",{class:"TabContent"},"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."),this.selectedIndex+1==2?this.tabContent=o("div",{class:"TabContent"},o("ol",null,o("li",null,"Register or Login"),o("li",null,"Buy tickets. Select 'Buy Tickets' to pick your numbers. Want us to automatically generate random numbers for you? Choose “I feel lucky”."),o("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!"))):this.selectedIndex+1==3&&(this.tabContent=o("div",{class:"TabContent"},o("ul",null,o("li",null,"What are my odds of winning?"),o("li",null,"How can I find out if I’ve won a draw game?"),o("li",null,"How do I claim my prize?")))),this.tabContent}};a.style=":host{display:block}.TabContent{font-size:14px;color:#000;font-weight:normal}";const l=class{constructor(e){t(this,e),this.disabled=!1,this.selected=!1,this.selectedIndex=0,this.tabs=[{label:"How to Play"},{label:"About"},{label:"FAQs"}]}connectedCallback(){}render(){return o("div",null,o("div",{class:"Tabs"},this.tabs.map(((t,e)=>o("button",{class:"TabButton"+(this.selectedIndex==e?" Active":""),onClick:()=>this.selectedIndex=e},t.label)))),o("div",null,o("helper-tab",{selectedIndex:this.selectedIndex})))}get host(){return i(this)}};l.style='@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}';const c=class{constructor(e){t(this,e)}render(){return o("div",null,o("helper-accordion",{"header-title":"Game Details",collapsed:!1},o("div",{slot:"accordionContent"},o("helper-tabs",null))))}};c.style=":host{display:block}";export{n as helper_accordion,a as helper_tab,l as helper_tabs,c as lottery_game_details}
|