@everymatrix/lottery-game-details 1.31.2 → 1.32.4

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 (52) hide show
  1. package/LICENSE +21 -0
  2. package/package.json +5 -4
  3. package/dist/cjs/helper-accordion_4.cjs.entry.js +0 -308
  4. package/dist/cjs/index-0355373c.js +0 -1196
  5. package/dist/cjs/index.cjs.js +0 -2
  6. package/dist/cjs/loader.cjs.js +0 -21
  7. package/dist/cjs/lottery-game-details.cjs.js +0 -19
  8. package/dist/collection/collection-manifest.json +0 -26
  9. package/dist/collection/components/lottery-game-details/lottery-game-details.css +0 -3
  10. package/dist/collection/components/lottery-game-details/lottery-game-details.js +0 -94
  11. package/dist/collection/index.js +0 -1
  12. package/dist/collection/utils/utils.js +0 -3
  13. package/dist/components/helper-accordion.js +0 -6
  14. package/dist/components/helper-accordion2.js +0 -159
  15. package/dist/components/helper-tab.js +0 -6
  16. package/dist/components/helper-tab2.js +0 -86
  17. package/dist/components/helper-tabs.js +0 -6
  18. package/dist/components/helper-tabs2.js +0 -102
  19. package/dist/components/index.d.ts +0 -26
  20. package/dist/components/index.js +0 -1
  21. package/dist/components/lottery-game-details.d.ts +0 -11
  22. package/dist/components/lottery-game-details.js +0 -87
  23. package/dist/esm/helper-accordion_4.entry.js +0 -301
  24. package/dist/esm/index-627fc49c.js +0 -1169
  25. package/dist/esm/index.js +0 -1
  26. package/dist/esm/loader.js +0 -17
  27. package/dist/esm/lottery-game-details.js +0 -17
  28. package/dist/esm/polyfills/core-js.js +0 -11
  29. package/dist/esm/polyfills/css-shim.js +0 -1
  30. package/dist/esm/polyfills/dom.js +0 -79
  31. package/dist/esm/polyfills/es5-html-element.js +0 -1
  32. package/dist/esm/polyfills/index.js +0 -34
  33. package/dist/esm/polyfills/system.js +0 -6
  34. package/dist/index.cjs.js +0 -1
  35. package/dist/index.js +0 -1
  36. package/dist/lottery-game-details/index.esm.js +0 -0
  37. package/dist/lottery-game-details/lottery-game-details.esm.js +0 -1
  38. package/dist/lottery-game-details/p-2f7fadf1.entry.js +0 -1
  39. package/dist/lottery-game-details/p-ca6b7fee.js +0 -1
  40. package/dist/stencil.config.js +0 -22
  41. package/dist/types/Users/dragos.bodea/Documents/everymatrix-prjs/emfe-widgets/widgets-stencil/packages/lottery-game-details/.stencil/packages/lottery-game-details/stencil.config.d.ts +0 -2
  42. package/dist/types/components/lottery-game-details/lottery-game-details.d.ts +0 -18
  43. package/dist/types/components.d.ts +0 -53
  44. package/dist/types/index.d.ts +0 -1
  45. package/dist/types/stencil-public-runtime.d.ts +0 -1565
  46. package/dist/types/utils/utils.d.ts +0 -1
  47. package/loader/cdn.js +0 -3
  48. package/loader/index.cjs.js +0 -3
  49. package/loader/index.d.ts +0 -12
  50. package/loader/index.es2017.js +0 -3
  51. package/loader/index.js +0 -4
  52. package/loader/package.json +0 -10
@@ -1,2 +0,0 @@
1
- 'use strict';
2
-
@@ -1,21 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-0355373c.js');
6
-
7
- /*
8
- Stencil Client Patch Esm v2.15.2 | MIT Licensed | https://stenciljs.com
9
- */
10
- const patchEsm = () => {
11
- return index.promiseResolve();
12
- };
13
-
14
- const defineCustomElements = (win, options) => {
15
- if (typeof window === 'undefined') return Promise.resolve();
16
- return patchEsm().then(() => {
17
- return index.bootstrapLazy([["helper-accordion_4.cjs",[[1,"lottery-game-details",{"clientStyling":[513,"client-styling"],"clientStylingUrlContent":[513,"client-styling-url-content"],"limitStylingAppends":[32]}],[1,"helper-tabs",{"disabled":[516],"label":[513],"selected":[516],"cmsEndpoint":[513,"cms-endpoint"],"selectedIndex":[1538,"selected-index"],"tabs":[16],"clientStyling":[513,"client-styling"],"clientStylingurl":[513,"client-stylingurl"],"clientStylingUrlContent":[513,"client-styling-url-content"],"limitStylingAppends":[32]}],[1,"helper-accordion",{"ticketHistoryFlag":[516,"ticket-history-flag"],"headerTitle":[513,"header-title"],"headerSubtitle":[513,"header-subtitle"],"description":[513],"footer":[516],"deleteTab":[516,"delete-tab"],"postMessage":[516,"post-message"],"eventName":[513,"event-name"],"collapsed":[516],"language":[513],"clientStyling":[513,"client-styling"],"clientStylingUrlContent":[513,"client-styling-url-content"],"showContent":[32],"limitStylingAppends":[32]}],[1,"helper-tab",{"selectedIndex":[514,"selected-index"],"cmsEndpoint":[513,"cms-endpoint"],"clientStyling":[513,"client-styling"],"clientStylingUrlContent":[513,"client-styling-url-content"],"tabContent":[32],"limitStylingAppends":[32]}]]]], options);
18
- });
19
- };
20
-
21
- exports.defineCustomElements = defineCustomElements;
@@ -1,19 +0,0 @@
1
- 'use strict';
2
-
3
- const index = require('./index-0355373c.js');
4
-
5
- /*
6
- Stencil Client Patch Browser v2.15.2 | MIT Licensed | https://stenciljs.com
7
- */
8
- const patchBrowser = () => {
9
- const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('lottery-game-details.cjs.js', document.baseURI).href));
10
- const opts = {};
11
- if (importMeta !== '') {
12
- opts.resourcesUrl = new URL('.', importMeta).href;
13
- }
14
- return index.promiseResolve(opts);
15
- };
16
-
17
- patchBrowser().then(options => {
18
- return index.bootstrapLazy([["helper-accordion_4.cjs",[[1,"lottery-game-details",{"clientStyling":[513,"client-styling"],"clientStylingUrlContent":[513,"client-styling-url-content"],"limitStylingAppends":[32]}],[1,"helper-tabs",{"disabled":[516],"label":[513],"selected":[516],"cmsEndpoint":[513,"cms-endpoint"],"selectedIndex":[1538,"selected-index"],"tabs":[16],"clientStyling":[513,"client-styling"],"clientStylingurl":[513,"client-stylingurl"],"clientStylingUrlContent":[513,"client-styling-url-content"],"limitStylingAppends":[32]}],[1,"helper-accordion",{"ticketHistoryFlag":[516,"ticket-history-flag"],"headerTitle":[513,"header-title"],"headerSubtitle":[513,"header-subtitle"],"description":[513],"footer":[516],"deleteTab":[516,"delete-tab"],"postMessage":[516,"post-message"],"eventName":[513,"event-name"],"collapsed":[516],"language":[513],"clientStyling":[513,"client-styling"],"clientStylingUrlContent":[513,"client-styling-url-content"],"showContent":[32],"limitStylingAppends":[32]}],[1,"helper-tab",{"selectedIndex":[514,"selected-index"],"cmsEndpoint":[513,"cms-endpoint"],"clientStyling":[513,"client-styling"],"clientStylingUrlContent":[513,"client-styling-url-content"],"tabContent":[32],"limitStylingAppends":[32]}]]]], options);
19
- });
@@ -1,26 +0,0 @@
1
- {
2
- "entries": [
3
- "./components/lottery-game-details/lottery-game-details.js"
4
- ],
5
- "compiler": {
6
- "name": "@stencil/core",
7
- "version": "2.15.2",
8
- "typescriptVersion": "4.5.4"
9
- },
10
- "collections": [
11
- {
12
- "name": "@everymatrix/helper-accordion",
13
- "tags": [
14
- "helper-accordion"
15
- ]
16
- },
17
- {
18
- "name": "@everymatrix/helper-tabs",
19
- "tags": [
20
- "helper-tab",
21
- "helper-tabs"
22
- ]
23
- }
24
- ],
25
- "bundles": []
26
- }
@@ -1,3 +0,0 @@
1
- :host {
2
- display: block;
3
- }
@@ -1,94 +0,0 @@
1
- import { Component, h, Prop, State, } from '@stencil/core';
2
- import '@everymatrix/helper-accordion';
3
- import '@everymatrix/helper-tabs';
4
- export class LotteryGameDetails {
5
- constructor() {
6
- /**
7
- * Client custom styling via string
8
- */
9
- this.clientStyling = '';
10
- /**
11
- * Client custom styling via url content
12
- */
13
- this.clientStylingUrlContent = '';
14
- this.limitStylingAppends = false;
15
- this.setClientStyling = () => {
16
- let sheet = document.createElement('style');
17
- sheet.innerHTML = this.clientStyling;
18
- this.stylingContainer.prepend(sheet);
19
- };
20
- this.setClientStylingURL = () => {
21
- let cssFile = document.createElement('style');
22
- setTimeout(() => {
23
- cssFile.innerHTML = this.clientStylingUrlContent;
24
- this.stylingContainer.prepend(cssFile);
25
- }, 1);
26
- };
27
- }
28
- componentDidRender() {
29
- // start custom styling area
30
- if (!this.limitStylingAppends && this.stylingContainer) {
31
- if (this.clientStyling)
32
- this.setClientStyling();
33
- if (this.clientStylingUrlContent)
34
- this.setClientStylingURL();
35
- this.limitStylingAppends = true;
36
- }
37
- // end custom styling area
38
- }
39
- render() {
40
- return (h("div", { class: "GamePageDetailsContainer", ref: el => this.stylingContainer = el },
41
- h("helper-accordion", { "header-title": "Game Details", collapsed: false, "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent },
42
- h("div", { class: "AccordionContainer", slot: "accordionContent" },
43
- h("helper-tabs", { "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent })))));
44
- }
45
- static get is() { return "lottery-game-details"; }
46
- static get encapsulation() { return "shadow"; }
47
- static get originalStyleUrls() { return {
48
- "$": ["lottery-game-details.scss"]
49
- }; }
50
- static get styleUrls() { return {
51
- "$": ["lottery-game-details.css"]
52
- }; }
53
- static get properties() { return {
54
- "clientStyling": {
55
- "type": "string",
56
- "mutable": false,
57
- "complexType": {
58
- "original": "string",
59
- "resolved": "string",
60
- "references": {}
61
- },
62
- "required": false,
63
- "optional": false,
64
- "docs": {
65
- "tags": [],
66
- "text": "Client custom styling via string"
67
- },
68
- "attribute": "client-styling",
69
- "reflect": true,
70
- "defaultValue": "''"
71
- },
72
- "clientStylingUrlContent": {
73
- "type": "string",
74
- "mutable": false,
75
- "complexType": {
76
- "original": "string",
77
- "resolved": "string",
78
- "references": {}
79
- },
80
- "required": false,
81
- "optional": false,
82
- "docs": {
83
- "tags": [],
84
- "text": "Client custom styling via url content"
85
- },
86
- "attribute": "client-styling-url-content",
87
- "reflect": true,
88
- "defaultValue": "''"
89
- }
90
- }; }
91
- static get states() { return {
92
- "limitStylingAppends": {}
93
- }; }
94
- }
@@ -1 +0,0 @@
1
- export * from './components';
@@ -1,3 +0,0 @@
1
- export function format(first, middle, last) {
2
- return ((first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : ''));
3
- }
@@ -1,6 +0,0 @@
1
- import { A as Accordion, d as defineCustomElement$1 } from './helper-accordion2.js';
2
-
3
- const HelperAccordion = Accordion;
4
- const defineCustomElement = defineCustomElement$1;
5
-
6
- export { HelperAccordion, defineCustomElement };
@@ -1,159 +0,0 @@
1
- import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
2
-
3
- const DEFAULT_LANGUAGE = 'en';
4
- const SUPPORTED_LANGUAGES = ['ro', 'en', 'hr'];
5
- const TRANSLATIONS = {
6
- en: {
7
- deleteTicket: 'Delete ticket'
8
- },
9
- ro: {
10
- deleteTicket: 'Sterge biletul'
11
- },
12
- fr: {
13
- deleteTicket: 'Supprimer le billet'
14
- },
15
- ar: {
16
- deleteTicket: 'حذف التذكرة'
17
- },
18
- hr: {
19
- deleteTicket: 'Izbriši listić'
20
- }
21
- };
22
- const translate = (key, customLang) => {
23
- const lang = customLang;
24
- return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
25
- };
26
-
27
- 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:5px;background:#009993;display:flex;gap:30px;border:1px solid #009993;padding:8px 10px;user-select:none;margin-bottom:1px;cursor:pointer}.Header:hover{background:#00ABA4}.Header .Title,.Header .Subtitle,.Header .Description{margin:0;font-size:14px;color:#fff;text-transform:capitalize}.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;cursor:pointer}.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}";
28
-
29
- const Accordion = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
30
- constructor() {
31
- super();
32
- this.__registerHost();
33
- this.__attachShadow();
34
- this.accordionEvent = createEvent(this, "helperAccordionAction", 7);
35
- /**
36
- * Flag for ticket history
37
- */
38
- this.ticketHistoryFlag = false;
39
- /**
40
- * Title (top header)
41
- */
42
- this.headerTitle = '';
43
- /**
44
- * SubTitle (top header)
45
- */
46
- this.headerSubtitle = '';
47
- /**
48
- * Description
49
- */
50
- this.description = '';
51
- /**
52
- * Enables footer content
53
- */
54
- this.footer = false;
55
- /**
56
- * Enables footer button for tab deletion
57
- */
58
- this.deleteTab = false;
59
- /**
60
- * Activates postMessages as events for actions from the widget
61
- */
62
- this.postMessage = false;
63
- /**
64
- * Name of the event emitter by the action button
65
- */
66
- this.eventName = 'helperAccordionAction';
67
- /**
68
- * Collapsed
69
- */
70
- this.collapsed = true;
71
- /**
72
- * Language
73
- */
74
- this.language = 'en';
75
- /**
76
- * Client custom styling via string
77
- */
78
- this.clientStyling = '';
79
- /**
80
- * Client custom styling via url content
81
- */
82
- this.clientStylingUrlContent = '';
83
- this.limitStylingAppends = false;
84
- this.setClientStyling = () => {
85
- let sheet = document.createElement('style');
86
- sheet.innerHTML = this.clientStyling;
87
- this.stylingContainer.prepend(sheet);
88
- };
89
- this.setClientStylingURL = () => {
90
- let cssFile = document.createElement('style');
91
- setTimeout(() => {
92
- cssFile.innerHTML = this.clientStylingUrlContent;
93
- this.stylingContainer.prepend(cssFile);
94
- }, 1);
95
- };
96
- }
97
- // @TODO fix the `any` type :)
98
- connectedCallback() {
99
- this.showContent = !this.collapsed;
100
- }
101
- componentDidRender() {
102
- // start custom styling area
103
- if (!this.limitStylingAppends && this.stylingContainer) {
104
- if (this.clientStyling)
105
- this.setClientStyling();
106
- if (this.clientStylingUrlContent)
107
- this.setClientStylingURL();
108
- this.limitStylingAppends = true;
109
- }
110
- // end custom styling area
111
- }
112
- toggleContent() {
113
- this.showContent = !this.showContent;
114
- }
115
- deleteAction() {
116
- if (this.postMessage) {
117
- // @TODO maybe change the name type, this one sucks
118
- window.postMessage({ type: this.eventName }, window.location.href);
119
- }
120
- this.accordionEvent.emit();
121
- }
122
- render() {
123
- return (h("div", { class: "Wrapper", ref: el => this.stylingContainer = el }, h("div", { class: this.ticketHistoryFlag === true ? 'HeaderTicketHistory' : 'Header', onClick: () => this.toggleContent() }, h("p", { class: "Title" }, this.headerTitle), h("p", { class: "Subtitle" }, this.headerSubtitle), h("p", { class: "Subtitle Description" }, this.description), h("span", { class: "Expand" }, this.showContent ? '<' : '>')), this.showContent &&
124
- h("div", null, h("div", { class: "Content" }, h("slot", { name: 'accordionContent' }), this.footer && this.showContent &&
125
- h("div", null, this.deleteTab &&
126
- h("span", { class: "ActionButton", onClick: () => this.deleteAction() }, translate('deleteTicket', this.language)))))));
127
- }
128
- static get style() { return helperAccordionCss; }
129
- }, [1, "helper-accordion", {
130
- "ticketHistoryFlag": [516, "ticket-history-flag"],
131
- "headerTitle": [513, "header-title"],
132
- "headerSubtitle": [513, "header-subtitle"],
133
- "description": [513],
134
- "footer": [516],
135
- "deleteTab": [516, "delete-tab"],
136
- "postMessage": [516, "post-message"],
137
- "eventName": [513, "event-name"],
138
- "collapsed": [516],
139
- "language": [513],
140
- "clientStyling": [513, "client-styling"],
141
- "clientStylingUrlContent": [513, "client-styling-url-content"],
142
- "showContent": [32],
143
- "limitStylingAppends": [32]
144
- }]);
145
- function defineCustomElement() {
146
- if (typeof customElements === "undefined") {
147
- return;
148
- }
149
- const components = ["helper-accordion"];
150
- components.forEach(tagName => { switch (tagName) {
151
- case "helper-accordion":
152
- if (!customElements.get(tagName)) {
153
- customElements.define(tagName, Accordion);
154
- }
155
- break;
156
- } });
157
- }
158
-
159
- export { Accordion as A, defineCustomElement as d };
@@ -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,86 +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": [514, "selected-index"],
66
- "cmsEndpoint": [513, "cms-endpoint"],
67
- "clientStyling": [513, "client-styling"],
68
- "clientStylingUrlContent": [513, "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
-
86
- 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,102 +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": [516],
73
- "label": [513],
74
- "selected": [516],
75
- "cmsEndpoint": [513, "cms-endpoint"],
76
- "selectedIndex": [1538, "selected-index"],
77
- "tabs": [16],
78
- "clientStyling": [513, "client-styling"],
79
- "clientStylingurl": [513, "client-stylingurl"],
80
- "clientStylingUrlContent": [513, "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
-
102
- export { HelperTabs as H, defineCustomElement as d };
@@ -1,26 +0,0 @@
1
- /* LotteryGameDetails 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,11 +0,0 @@
1
- import type { Components, JSX } from "../types/components";
2
-
3
- interface LotteryGameDetails extends Components.LotteryGameDetails, HTMLElement {}
4
- export const LotteryGameDetails: {
5
- prototype: LotteryGameDetails;
6
- new (): LotteryGameDetails;
7
- };
8
- /**
9
- * Used to define this component and all nested components recursively.
10
- */
11
- export const defineCustomElement: () => void;