@everymatrix/lottery-tipping-entrance 0.0.2 → 0.1.0
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/draw-selection_17.cjs.entry.js +9 -9
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/{lottery-tipping-entrance-0c8d8b9b.js → lottery-tipping-entrance-81642037.js} +4 -4
- package/dist/collection/components/draw-selection/draw-selection.js +4 -4
- package/dist/collection/components/lottery-tipping-entrance/lottery-tipping-entrance.css +11 -7
- package/dist/collection/components/lottery-tipping-entrance/lottery-tipping-entrance.js +3 -3
- package/dist/collection/components/static/poolgame-bg.webp +0 -0
- package/dist/esm/draw-selection_17.entry.js +10 -10
- package/dist/esm/index.js +1 -1
- package/dist/esm/{lottery-tipping-entrance-614c0dce.js → lottery-tipping-entrance-4a7acd1d.js} +4 -4
- package/dist/lottery-tipping-entrance/draw-selection_17.entry.js +1 -1
- package/dist/lottery-tipping-entrance/index.esm.js +1 -1
- package/dist/lottery-tipping-entrance/{lottery-tipping-entrance-614c0dce.js → lottery-tipping-entrance-4a7acd1d.js} +1 -1
- package/dist/static/poolgame-bg.webp +0 -0
- package/package.json +1 -1
- package/dist/collection/components/static/tipping-full-color.svg +0 -15
- package/dist/static/tipping-full-color.svg +0 -15
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-629aac9d.js');
|
|
6
|
-
const lotteryTippingEntrance = require('./lottery-tipping-entrance-
|
|
6
|
+
const lotteryTippingEntrance = require('./lottery-tipping-entrance-81642037.js');
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
9
|
* @name addDays
|
|
@@ -285,11 +285,11 @@ const DrawSelection = class {
|
|
|
285
285
|
return addDays(new Date(this.date), 4).toISOString();
|
|
286
286
|
}
|
|
287
287
|
render() {
|
|
288
|
-
const backgroundImagePath = index.getAssetPath('
|
|
289
|
-
const infoImagePath = index.getAssetPath('
|
|
290
|
-
return (index.h("div", { key: '
|
|
288
|
+
const backgroundImagePath = index.getAssetPath('../static/bg.webp');
|
|
289
|
+
const infoImagePath = index.getAssetPath('../static/empty-info.svg');
|
|
290
|
+
return (index.h("div", { key: 'fe7e2059898835d39f64cf374af7e45b7f39b970', class: "draw-page", style: { backgroundImage: `url(${backgroundImagePath})` }, ref: (el) => (this.stylingContainer = el) }, this.date ? (index.h("div", { class: "draw-info" }, index.h("div", { class: "draw-info-title" }, index.h("div", { class: "draw-info-title-main" }, this.renderCurvedText()), index.h("div", { class: "draw-info-title-sub" }, lotteryTippingEntrance.translate('selectDraws', this.language))), index.h("div", { class: "draw-info-item-list" }, index.h("div", { class: "draw-info-item", onClick: this.handleSelectDraw.bind(this) }, index.h("div", { class: "draw-info-item-day" }, this.formattedDay(this.date)), index.h("div", { class: "draw-info-item-date" }, lotteryTippingEntrance.getDayWithSuffixLocal(this.date)), index.h("div", { class: "draw-info-item-projecter" })), index.h("div", { class: "draw-info-item" }, index.h("div", { class: "draw-info-item-day reverse" }, this.formattedDay(this.draw3DaysLater)), index.h("div", { class: "draw-info-item-date" }, lotteryTippingEntrance.getDayWithSuffixLocal(this.draw3DaysLater)), index.h("div", { class: "draw-info-item-projecter" })), index.h("div", { class: "draw-info-item" }, index.h("div", { class: "draw-info-item-day" }, this.formattedDay(this.draw4DaysLater)), index.h("div", { class: "draw-info-item-date" }, lotteryTippingEntrance.getDayWithSuffixLocal(this.draw4DaysLater)), index.h("div", { class: "draw-info-item-projecter" }))), index.h("div", { class: "draw-info-footer" }, index.h("div", { class: "draw-info-footer-text" }, "BONUSPOTTER"), index.h("div", { class: "draw-info-footer-text" }, "MIDWEEK FULL-TIME APPROX. \u20AC2.1 MILLION."), index.h("div", { class: "draw-info-footer-text" }, "MIDWEEK HALF_TIME APPROX. \u20AC1 40.000.")))) : this.isLoading ? (index.h("div", { style: { display: 'flex', justifyContent: 'center', paddingTop: '40px' } }, "loading...")) : (index.h("div", { class: "empty-draw-wrap" }, index.h("div", { class: "empty-draw" }, index.h("img", { src: infoImagePath, class: "empty-draw-logo" }), index.h("div", { class: "empty-draw-content" }, index.h("div", { innerHTML: InfoIcon }), index.h("div", { class: "empty-draw-text" }, lotteryTippingEntrance.translate('gameNotAvailable', this.language))))))));
|
|
291
291
|
}
|
|
292
|
-
static get assetsDirs() { return ["
|
|
292
|
+
static get assetsDirs() { return ["../static"]; }
|
|
293
293
|
static get watchers() { return {
|
|
294
294
|
"clientStyling": ["handleClientStylingChange"],
|
|
295
295
|
"clientStylingUrl": ["handleClientStylingUrlChange"],
|
|
@@ -1805,7 +1805,7 @@ const resolveTranslationUrl$1 = async (translationUrl) => {
|
|
|
1805
1805
|
}
|
|
1806
1806
|
};
|
|
1807
1807
|
|
|
1808
|
-
const lotteryTippingPageCss = ".lottery-tipping-page {\n container-type: inline-size;\n}\n.lottery-tipping-page-header {\n height: 56px;\n padding: 8px 10px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.lottery-tipping-page-header .tab-btns {\n display: flex;\n align-items: center;\n gap: 40px;\n flex: 1;\n justify-content: center;\n}\n.lottery-tipping-page-header .tab-btn {\n padding: 0 8px;\n line-height: 40px;\n font-size: 16px;\n cursor: pointer;\n font-weight: 600;\n height: 40px;\n border: 2px solid var(--emw--color-primary, #fed275);\n border-radius: 8px;\n box-shadow: 2px 2px 2px var(--emw--color-gray-
|
|
1808
|
+
const lotteryTippingPageCss = ".lottery-tipping-page {\n container-type: inline-size;\n}\n.lottery-tipping-page-header {\n height: 56px;\n padding: 8px 10px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.lottery-tipping-page-header .tab-btns {\n display: flex;\n align-items: center;\n gap: 40px;\n flex: 1;\n justify-content: center;\n}\n.lottery-tipping-page-header .tab-btn {\n padding: 0 8px;\n line-height: 40px;\n font-size: 16px;\n cursor: pointer;\n font-weight: 600;\n height: 40px;\n border: 2px solid var(--emw--color-primary, #fed275);\n border-radius: 8px;\n box-shadow: 2px 2px 2px var(--emw--color-gray-100, #e6e6e6);\n color: var(--emw--color-typography, #555);\n transition: all 0.2s linear;\n}\n.lottery-tipping-page-header .tab-btn.active {\n background-color: var(--emw--color-primary, #fed275);\n color: var(--emw--color-gray-300, #333);\n border: 2px solid var(--emw--color-gray-300, #333);\n}\n\n@container (min-width: 1200px) {\n .tab-btns {\n gap: 40px;\n }\n}\n@container (max-width: 480px) {\n .tab-btns {\n gap: 24px;\n }\n}";
|
|
1809
1809
|
const LotteryTippingPageStyle0 = lotteryTippingPageCss;
|
|
1810
1810
|
|
|
1811
1811
|
const LotteryTippingPage = class {
|
|
@@ -2520,7 +2520,7 @@ const resolveTranslationUrl = async (translationUrl) => {
|
|
|
2520
2520
|
}
|
|
2521
2521
|
};
|
|
2522
2522
|
|
|
2523
|
-
const lotteryTippingTicketBannerCss = ".lottery-tipping-ticket-banner__container {\n font-family: system-ui, sans-serif;\n font-size: 14px;\n container-type: inline-size;\n}\n\n.banner {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n padding: 0
|
|
2523
|
+
const lotteryTippingTicketBannerCss = ".lottery-tipping-ticket-banner__container {\n font-family: system-ui, sans-serif;\n font-size: 14px;\n container-type: inline-size;\n}\n\n.banner {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n padding: 0 1rem;\n background: var(--emw--color-primary, #fed275);\n border-top: 2px solid var(--emw--color-primary, #fed275);\n border-bottom: 2px solid var(--emw--color-primary, #fed275);\n gap: 0.5rem;\n white-space: nowrap;\n position: relative;\n height: 46px;\n}\n\n.left {\n flex: 1;\n gap: 0.4rem;\n}\n.left .logo {\n width: 216px;\n position: absolute;\n top: -7px;\n}\n\n.brand {\n font-weight: 700;\n color: var(--emw--color-gray-400, #000);\n}\n\n.mid {\n flex: 1;\n font-size: 1.5rem;\n font-weight: 800;\n font-style: italic;\n letter-spacing: 0.04em;\n color: var(--emw--color-gray-400, #000);\n text-align: center;\n}\n\n.right {\n flex: 1;\n display: flex;\n gap: 0.4rem;\n flex-wrap: wrap;\n justify-content: flex-end;\n}\n\n@container (max-width: 420px) {\n .mid {\n text-align: right;\n }\n .right {\n justify-content: center;\n }\n}\n.pill {\n border: 2px solid var(--emw--color-gray-150, #6f6f6f);\n border-radius: 0.4rem;\n padding: 0.25rem 0.7rem;\n font-size: 0.9rem;\n color: var(--emw--color-gray-300, #333);\n display: inline-flex;\n align-items: baseline;\n}\n\n.pill > strong {\n font-weight: 700;\n}";
|
|
2524
2524
|
const LotteryTippingTicketBannerStyle0 = lotteryTippingTicketBannerCss;
|
|
2525
2525
|
|
|
2526
2526
|
const LotteryTippingTicketBanner = class {
|
|
@@ -2587,8 +2587,8 @@ const LotteryTippingTicketBanner = class {
|
|
|
2587
2587
|
this.stylingSubscription && this.stylingSubscription.unsubscribe();
|
|
2588
2588
|
}
|
|
2589
2589
|
render() {
|
|
2590
|
-
const backgroundImagePath = index.getAssetPath('../static/
|
|
2591
|
-
return (index.h("div", { key: '
|
|
2590
|
+
const backgroundImagePath = index.getAssetPath('../static/poolgame-bg.webp');
|
|
2591
|
+
return (index.h("div", { key: '07515ab821761d26edcc285f83f6e81dfab269ca', ref: (el) => (this.stylingContainer = el), class: "lottery-tipping-ticket-banner__container" }, index.h("section", { key: 'bbd8a3ae1b718f77b726dc89be4f901757579541', class: "banner" }, index.h("div", { key: '2b1883da2db0bfae83e5b4997c999fff433eb7a8', class: "left" }, index.h("img", { key: '54b482734d27bdfbbd2983bc95704273195fdd0d', alt: "Betting", src: backgroundImagePath, class: "logo" })), index.h("div", { key: '2a735ea687f0aaea72b0142f7026c9da0e15195d', class: "mid period" }, this.formattedPeriod), index.h("div", { key: '9c797b4a3bc6d2f0a69f4fd8af07f80eb765d0aa', class: "right" }, index.h("span", { key: '8c3abf153cf7f9ee1e2afcd42f67f7d90fe2f2a6', class: "pill" }, index.h("strong", { key: '4b3d99c269b4f494f62cbacc943f93f248004a96' }, translate$2('stop', this.language)), "\u00A0", translate$2('at', this.language), "\u00A0", this.formattedStopTime)))));
|
|
2592
2592
|
}
|
|
2593
2593
|
static get assetsDirs() { return ["../static"]; }
|
|
2594
2594
|
static get watchers() { return {
|
package/dist/cjs/index.cjs.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const lotteryTippingEntrance = require('./lottery-tipping-entrance-
|
|
5
|
+
const lotteryTippingEntrance = require('./lottery-tipping-entrance-81642037.js');
|
|
6
6
|
require('./index-629aac9d.js');
|
|
7
7
|
|
|
8
8
|
|
package/dist/cjs/{lottery-tipping-entrance-0c8d8b9b.js → lottery-tipping-entrance-81642037.js}
RENAMED
|
@@ -9338,7 +9338,7 @@ const getTranslations = (data) => {
|
|
|
9338
9338
|
});
|
|
9339
9339
|
};
|
|
9340
9340
|
|
|
9341
|
-
const lotteryTippingEntranceCss = ".lottery-tipping-entrance__header{display:flex
|
|
9341
|
+
const lotteryTippingEntranceCss = ".lottery-tipping-entrance__header {\n display: flex;\n flex-direction: column;\n align-items: center;\n background: linear-gradient(to right, var(--emw--color-primary, #fed275), var(--emw--color-primary-variant, #ffe66f));\n padding-top: 10px;\n}\n.lottery-tipping-entrance__header .header {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 46px;\n container-type: inline-size;\n}\n.lottery-tipping-entrance__header .header-logo {\n text-align: center;\n}\n.lottery-tipping-entrance__header .header-logo .logo {\n width: 240px;\n}\n@container (max-width: 390px) {\n .lottery-tipping-entrance__header .header-logo .logo {\n width: 200px;\n }\n}\n.lottery-tipping-entrance__header .header-btn {\n position: absolute;\n right: 20px;\n}\n.lottery-tipping-entrance__header .header-btn #logout-btn {\n padding: 0.5rem 1rem;\n font-size: 14px;\n font-weight: 500;\n background-color: transparent;\n color: var(--emw--color-gray-300, #333);\n border: var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));\n border-radius: var(--emw--border-radius-small, 4px);\n cursor: pointer;\n transition: background-color 0.2s ease, border-color 0.2s ease;\n}\n.lottery-tipping-entrance__header .header-btn #logout-btn:hover {\n background-color: var(--emw--color-gray-50, #f5f5f5);\n border-color: var(--emw--color-gray-150, #6f6f6f);\n}\n.lottery-tipping-entrance__header .tabs-wrap {\n width: 100%;\n}\n\nvaadin-tab[selected] {\n color: var(--emw--color-gray-300, #333);\n font-weight: bold;\n}\n\nvaadin-tab::after[selected] {\n background-color: var(--emw--color-gray-300, #333);\n}\n\n@media screen and (max-width: 480px) {\n .draw-info-item-list {\n gap: 84px;\n }\n}\n@media screen and (min-width: 1400px) {\n .draw-info-footer {\n margin-top: 160px;\n }\n}";
|
|
9342
9342
|
const LotteryTippingEntranceStyle0 = lotteryTippingEntranceCss;
|
|
9343
9343
|
|
|
9344
9344
|
const LotteryTippingEntrance = class {
|
|
@@ -9422,10 +9422,10 @@ const LotteryTippingEntrance = class {
|
|
|
9422
9422
|
this.showSelectDrawPage = true;
|
|
9423
9423
|
}
|
|
9424
9424
|
render() {
|
|
9425
|
-
const logoImagePath = index.getAssetPath('../static/
|
|
9426
|
-
return (index.h("div", { key: '
|
|
9425
|
+
const logoImagePath = index.getAssetPath('../static/poolgame-bg.webp');
|
|
9426
|
+
return (index.h("div", { key: '19cca231aa12672112ceffbe5066deb814de272c', class: "lottery-tipping-entrance", ref: (el) => (this.stylingContainer = el) }, this.showSelectDrawPage && (index.h("div", { key: '099004b883ca185fe45d8cc7e10dba83cbf12f39', class: "select-draw-page" }, index.h("div", { key: '222802653aa8c842bb8c64725a618ab125fc04f9', class: "lottery-tipping-entrance__header" }, index.h("div", { key: '6d8169ce67b0fc25f4511eabdb0f2e7b21a26188', class: "header" }, index.h("div", { key: '0356430f91f87a9033f235454ce115fb1caacee8', class: "header-logo" }, index.h("img", { key: 'a1aa6026dad6aa4f51e2532807afe478985d5ffb', src: logoImagePath, class: "logo" })), index.h("div", { key: '337ed7157d26bd52731c213c6d2b8622b8a12fa0', class: "header-btn" }, index.h("slot", { key: '61edaf242392131031855db1b108b9b76cabee97', name: "logoutBtn" }))), index.h("div", { key: '8c0852b44cfc72c4da42870d1273e464aac21efe', class: "tabs-wrap" }, index.h("vaadin-tabs", { key: 'd4dcdccc13d378d6485720d4c133e36a0e262cd6', theme: "equal-width-tabs", selected: this.selectedTabIndex, "on-selected-changed": (e) => {
|
|
9427
9427
|
this.selectedTabIndex = e.detail.value;
|
|
9428
|
-
} }, index.h("vaadin-tab", { key: '
|
|
9428
|
+
} }, index.h("vaadin-tab", { key: '3265eacd826731adf9bcbabab9fee0110a888d21', value: "0" }, translate('draws', this.language)), index.h("vaadin-tab", { key: '9c9bf0b2a6ca113afd6909ad47217b8964c92814', value: "1" }, translate('latestResults', this.language)), index.h("vaadin-tab", { key: '6ad27452712200e4baff7d1c8b4710693a5a039b', value: "2" }, translate('instruction', this.language))))), index.h("div", { key: '95e152cd6840448c439b5b580d95e4b2e5f1bcb0', class: "tabs-content" }, this.selectedTabIndex === 0 && (index.h("draw-selection", { key: '9b14c11f31e44a51f43ea705f000d8f4aa65e662', date: this.date, "is-loading": this.isLoading, language: this.language, "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl, "mb-source": this.mbSource, "translation-url": this.translationUrl })), this.selectedTabIndex === 1 && (index.h("lottery-tipping-latest-result", { key: 'db43f7f94dbf557f44ce270466bb525b6cf4576e', endpoint: this.endpoint, "endpoint-ticket": this.endpointTicket, "game-id": this.gameId, "player-id": this.playerId, "session-id": this.sessionId, language: this.language, "translation-url": this.translationUrl })), this.selectedTabIndex === 2 && (index.h("div", { key: '0f7273f8c43144e8694fcd24639f4183f449ff75', style: { padding: '24px', textAlign: 'center' } }, translate('instructionContent', this.language)))))), !this.showSelectDrawPage && (index.h("lottery-tipping-page", { key: '1c46a76e1a19bfc7ae987d3c1f556da25519d847', endpoint: this.endpoint, "endpoint-ticket": this.endpointTicket, "game-id": this.gameId, "player-id": this.playerId, "session-id": this.sessionId, "draw-id": this.drawId, playTypes: this.playTypes, bettingTypes: this.bettingTypes, "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl, "mb-source": this.mbSource, "translation-url": this.translationUrl, language: this.language }))));
|
|
9429
9429
|
}
|
|
9430
9430
|
static get assetsDirs() { return ["../static"]; }
|
|
9431
9431
|
static get watchers() { return {
|
|
@@ -69,9 +69,9 @@ export class DrawSelection {
|
|
|
69
69
|
return addDays(new Date(this.date), 4).toISOString();
|
|
70
70
|
}
|
|
71
71
|
render() {
|
|
72
|
-
const backgroundImagePath = getAssetPath('
|
|
73
|
-
const infoImagePath = getAssetPath('
|
|
74
|
-
return (h("div", { key: '
|
|
72
|
+
const backgroundImagePath = getAssetPath('../static/bg.webp');
|
|
73
|
+
const infoImagePath = getAssetPath('../static/empty-info.svg');
|
|
74
|
+
return (h("div", { key: 'fe7e2059898835d39f64cf374af7e45b7f39b970', class: "draw-page", style: { backgroundImage: `url(${backgroundImagePath})` }, ref: (el) => (this.stylingContainer = el) }, this.date ? (h("div", { class: "draw-info" }, h("div", { class: "draw-info-title" }, h("div", { class: "draw-info-title-main" }, this.renderCurvedText()), h("div", { class: "draw-info-title-sub" }, translate('selectDraws', this.language))), h("div", { class: "draw-info-item-list" }, h("div", { class: "draw-info-item", onClick: this.handleSelectDraw.bind(this) }, h("div", { class: "draw-info-item-day" }, this.formattedDay(this.date)), h("div", { class: "draw-info-item-date" }, getDayWithSuffixLocal(this.date)), h("div", { class: "draw-info-item-projecter" })), h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-item-day reverse" }, this.formattedDay(this.draw3DaysLater)), h("div", { class: "draw-info-item-date" }, getDayWithSuffixLocal(this.draw3DaysLater)), h("div", { class: "draw-info-item-projecter" })), h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-item-day" }, this.formattedDay(this.draw4DaysLater)), h("div", { class: "draw-info-item-date" }, getDayWithSuffixLocal(this.draw4DaysLater)), h("div", { class: "draw-info-item-projecter" }))), h("div", { class: "draw-info-footer" }, h("div", { class: "draw-info-footer-text" }, "BONUSPOTTER"), h("div", { class: "draw-info-footer-text" }, "MIDWEEK FULL-TIME APPROX. \u20AC2.1 MILLION."), h("div", { class: "draw-info-footer-text" }, "MIDWEEK HALF_TIME APPROX. \u20AC1 40.000.")))) : this.isLoading ? (h("div", { style: { display: 'flex', justifyContent: 'center', paddingTop: '40px' } }, "loading...")) : (h("div", { class: "empty-draw-wrap" }, h("div", { class: "empty-draw" }, h("img", { src: infoImagePath, class: "empty-draw-logo" }), h("div", { class: "empty-draw-content" }, h("div", { innerHTML: InfoIcon }), h("div", { class: "empty-draw-text" }, translate('gameNotAvailable', this.language))))))));
|
|
75
75
|
}
|
|
76
76
|
static get is() { return "draw-selection"; }
|
|
77
77
|
static get encapsulation() { return "shadow"; }
|
|
@@ -85,7 +85,7 @@ export class DrawSelection {
|
|
|
85
85
|
"$": ["draw-selection.css"]
|
|
86
86
|
};
|
|
87
87
|
}
|
|
88
|
-
static get assetsDirs() { return ["
|
|
88
|
+
static get assetsDirs() { return ["../static"]; }
|
|
89
89
|
static get properties() {
|
|
90
90
|
return {
|
|
91
91
|
"mbSource": {
|
|
@@ -8,21 +8,25 @@
|
|
|
8
8
|
.lottery-tipping-entrance__header .header {
|
|
9
9
|
display: flex;
|
|
10
10
|
align-items: center;
|
|
11
|
-
justify-content:
|
|
11
|
+
justify-content: center;
|
|
12
12
|
width: 100%;
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
flex: 1;
|
|
13
|
+
height: 46px;
|
|
14
|
+
container-type: inline-size;
|
|
16
15
|
}
|
|
17
16
|
.lottery-tipping-entrance__header .header-logo {
|
|
18
17
|
text-align: center;
|
|
19
18
|
}
|
|
20
19
|
.lottery-tipping-entrance__header .header-logo .logo {
|
|
21
|
-
width:
|
|
20
|
+
width: 240px;
|
|
21
|
+
}
|
|
22
|
+
@container (max-width: 390px) {
|
|
23
|
+
.lottery-tipping-entrance__header .header-logo .logo {
|
|
24
|
+
width: 200px;
|
|
25
|
+
}
|
|
22
26
|
}
|
|
23
27
|
.lottery-tipping-entrance__header .header-btn {
|
|
24
|
-
|
|
25
|
-
|
|
28
|
+
position: absolute;
|
|
29
|
+
right: 20px;
|
|
26
30
|
}
|
|
27
31
|
.lottery-tipping-entrance__header .header-btn #logout-btn {
|
|
28
32
|
padding: 0.5rem 1rem;
|
|
@@ -85,10 +85,10 @@ export class LotteryTippingEntrance {
|
|
|
85
85
|
this.showSelectDrawPage = true;
|
|
86
86
|
}
|
|
87
87
|
render() {
|
|
88
|
-
const logoImagePath = getAssetPath('../static/
|
|
89
|
-
return (h("div", { key: '
|
|
88
|
+
const logoImagePath = getAssetPath('../static/poolgame-bg.webp');
|
|
89
|
+
return (h("div", { key: '19cca231aa12672112ceffbe5066deb814de272c', class: "lottery-tipping-entrance", ref: (el) => (this.stylingContainer = el) }, this.showSelectDrawPage && (h("div", { key: '099004b883ca185fe45d8cc7e10dba83cbf12f39', class: "select-draw-page" }, h("div", { key: '222802653aa8c842bb8c64725a618ab125fc04f9', class: "lottery-tipping-entrance__header" }, h("div", { key: '6d8169ce67b0fc25f4511eabdb0f2e7b21a26188', class: "header" }, h("div", { key: '0356430f91f87a9033f235454ce115fb1caacee8', class: "header-logo" }, h("img", { key: 'a1aa6026dad6aa4f51e2532807afe478985d5ffb', src: logoImagePath, class: "logo" })), h("div", { key: '337ed7157d26bd52731c213c6d2b8622b8a12fa0', class: "header-btn" }, h("slot", { key: '61edaf242392131031855db1b108b9b76cabee97', name: "logoutBtn" }))), h("div", { key: '8c0852b44cfc72c4da42870d1273e464aac21efe', class: "tabs-wrap" }, h("vaadin-tabs", { key: 'd4dcdccc13d378d6485720d4c133e36a0e262cd6', theme: "equal-width-tabs", selected: this.selectedTabIndex, "on-selected-changed": (e) => {
|
|
90
90
|
this.selectedTabIndex = e.detail.value;
|
|
91
|
-
} }, h("vaadin-tab", { key: '
|
|
91
|
+
} }, h("vaadin-tab", { key: '3265eacd826731adf9bcbabab9fee0110a888d21', value: "0" }, translate('draws', this.language)), h("vaadin-tab", { key: '9c9bf0b2a6ca113afd6909ad47217b8964c92814', value: "1" }, translate('latestResults', this.language)), h("vaadin-tab", { key: '6ad27452712200e4baff7d1c8b4710693a5a039b', value: "2" }, translate('instruction', this.language))))), h("div", { key: '95e152cd6840448c439b5b580d95e4b2e5f1bcb0', class: "tabs-content" }, this.selectedTabIndex === 0 && (h("draw-selection", { key: '9b14c11f31e44a51f43ea705f000d8f4aa65e662', date: this.date, "is-loading": this.isLoading, language: this.language, "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl, "mb-source": this.mbSource, "translation-url": this.translationUrl })), this.selectedTabIndex === 1 && (h("lottery-tipping-latest-result", { key: 'db43f7f94dbf557f44ce270466bb525b6cf4576e', endpoint: this.endpoint, "endpoint-ticket": this.endpointTicket, "game-id": this.gameId, "player-id": this.playerId, "session-id": this.sessionId, language: this.language, "translation-url": this.translationUrl })), this.selectedTabIndex === 2 && (h("div", { key: '0f7273f8c43144e8694fcd24639f4183f449ff75', style: { padding: '24px', textAlign: 'center' } }, translate('instructionContent', this.language)))))), !this.showSelectDrawPage && (h("lottery-tipping-page", { key: '1c46a76e1a19bfc7ae987d3c1f556da25519d847', endpoint: this.endpoint, "endpoint-ticket": this.endpointTicket, "game-id": this.gameId, "player-id": this.playerId, "session-id": this.sessionId, "draw-id": this.drawId, playTypes: this.playTypes, bettingTypes: this.bettingTypes, "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl, "mb-source": this.mbSource, "translation-url": this.translationUrl, language: this.language }))));
|
|
92
92
|
}
|
|
93
93
|
static get is() { return "lottery-tipping-entrance"; }
|
|
94
94
|
static get encapsulation() { return "shadow"; }
|
|
Binary file
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, g as getAssetPath, a as getElement } from './index-95f50502.js';
|
|
2
|
-
import { r as requiredArgs, t as toDate, a as toInteger, s as setClientStyling, b as setClientStylingURL, c as setStreamStyling, f as formatDate$2, d as translate$7, i as isMobile$1, g as getDayWithSuffixLocal, e as format, p as parseISO } from './lottery-tipping-entrance-
|
|
3
|
-
export { L as lottery_tipping_entrance } from './lottery-tipping-entrance-
|
|
2
|
+
import { r as requiredArgs, t as toDate, a as toInteger, s as setClientStyling, b as setClientStylingURL, c as setStreamStyling, f as formatDate$2, d as translate$7, i as isMobile$1, g as getDayWithSuffixLocal, e as format, p as parseISO } from './lottery-tipping-entrance-4a7acd1d.js';
|
|
3
|
+
export { L as lottery_tipping_entrance } from './lottery-tipping-entrance-4a7acd1d.js';
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* @name addDays
|
|
@@ -282,11 +282,11 @@ const DrawSelection = class {
|
|
|
282
282
|
return addDays(new Date(this.date), 4).toISOString();
|
|
283
283
|
}
|
|
284
284
|
render() {
|
|
285
|
-
const backgroundImagePath = getAssetPath('
|
|
286
|
-
const infoImagePath = getAssetPath('
|
|
287
|
-
return (h("div", { key: '
|
|
285
|
+
const backgroundImagePath = getAssetPath('../static/bg.webp');
|
|
286
|
+
const infoImagePath = getAssetPath('../static/empty-info.svg');
|
|
287
|
+
return (h("div", { key: 'fe7e2059898835d39f64cf374af7e45b7f39b970', class: "draw-page", style: { backgroundImage: `url(${backgroundImagePath})` }, ref: (el) => (this.stylingContainer = el) }, this.date ? (h("div", { class: "draw-info" }, h("div", { class: "draw-info-title" }, h("div", { class: "draw-info-title-main" }, this.renderCurvedText()), h("div", { class: "draw-info-title-sub" }, translate$7('selectDraws', this.language))), h("div", { class: "draw-info-item-list" }, h("div", { class: "draw-info-item", onClick: this.handleSelectDraw.bind(this) }, h("div", { class: "draw-info-item-day" }, this.formattedDay(this.date)), h("div", { class: "draw-info-item-date" }, getDayWithSuffixLocal(this.date)), h("div", { class: "draw-info-item-projecter" })), h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-item-day reverse" }, this.formattedDay(this.draw3DaysLater)), h("div", { class: "draw-info-item-date" }, getDayWithSuffixLocal(this.draw3DaysLater)), h("div", { class: "draw-info-item-projecter" })), h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-item-day" }, this.formattedDay(this.draw4DaysLater)), h("div", { class: "draw-info-item-date" }, getDayWithSuffixLocal(this.draw4DaysLater)), h("div", { class: "draw-info-item-projecter" }))), h("div", { class: "draw-info-footer" }, h("div", { class: "draw-info-footer-text" }, "BONUSPOTTER"), h("div", { class: "draw-info-footer-text" }, "MIDWEEK FULL-TIME APPROX. \u20AC2.1 MILLION."), h("div", { class: "draw-info-footer-text" }, "MIDWEEK HALF_TIME APPROX. \u20AC1 40.000.")))) : this.isLoading ? (h("div", { style: { display: 'flex', justifyContent: 'center', paddingTop: '40px' } }, "loading...")) : (h("div", { class: "empty-draw-wrap" }, h("div", { class: "empty-draw" }, h("img", { src: infoImagePath, class: "empty-draw-logo" }), h("div", { class: "empty-draw-content" }, h("div", { innerHTML: InfoIcon }), h("div", { class: "empty-draw-text" }, translate$7('gameNotAvailable', this.language))))))));
|
|
288
288
|
}
|
|
289
|
-
static get assetsDirs() { return ["
|
|
289
|
+
static get assetsDirs() { return ["../static"]; }
|
|
290
290
|
static get watchers() { return {
|
|
291
291
|
"clientStyling": ["handleClientStylingChange"],
|
|
292
292
|
"clientStylingUrl": ["handleClientStylingUrlChange"],
|
|
@@ -1802,7 +1802,7 @@ const resolveTranslationUrl$1 = async (translationUrl) => {
|
|
|
1802
1802
|
}
|
|
1803
1803
|
};
|
|
1804
1804
|
|
|
1805
|
-
const lotteryTippingPageCss = ".lottery-tipping-page {\n container-type: inline-size;\n}\n.lottery-tipping-page-header {\n height: 56px;\n padding: 8px 10px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.lottery-tipping-page-header .tab-btns {\n display: flex;\n align-items: center;\n gap: 40px;\n flex: 1;\n justify-content: center;\n}\n.lottery-tipping-page-header .tab-btn {\n padding: 0 8px;\n line-height: 40px;\n font-size: 16px;\n cursor: pointer;\n font-weight: 600;\n height: 40px;\n border: 2px solid var(--emw--color-primary, #fed275);\n border-radius: 8px;\n box-shadow: 2px 2px 2px var(--emw--color-gray-
|
|
1805
|
+
const lotteryTippingPageCss = ".lottery-tipping-page {\n container-type: inline-size;\n}\n.lottery-tipping-page-header {\n height: 56px;\n padding: 8px 10px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.lottery-tipping-page-header .tab-btns {\n display: flex;\n align-items: center;\n gap: 40px;\n flex: 1;\n justify-content: center;\n}\n.lottery-tipping-page-header .tab-btn {\n padding: 0 8px;\n line-height: 40px;\n font-size: 16px;\n cursor: pointer;\n font-weight: 600;\n height: 40px;\n border: 2px solid var(--emw--color-primary, #fed275);\n border-radius: 8px;\n box-shadow: 2px 2px 2px var(--emw--color-gray-100, #e6e6e6);\n color: var(--emw--color-typography, #555);\n transition: all 0.2s linear;\n}\n.lottery-tipping-page-header .tab-btn.active {\n background-color: var(--emw--color-primary, #fed275);\n color: var(--emw--color-gray-300, #333);\n border: 2px solid var(--emw--color-gray-300, #333);\n}\n\n@container (min-width: 1200px) {\n .tab-btns {\n gap: 40px;\n }\n}\n@container (max-width: 480px) {\n .tab-btns {\n gap: 24px;\n }\n}";
|
|
1806
1806
|
const LotteryTippingPageStyle0 = lotteryTippingPageCss;
|
|
1807
1807
|
|
|
1808
1808
|
const LotteryTippingPage = class {
|
|
@@ -2517,7 +2517,7 @@ const resolveTranslationUrl = async (translationUrl) => {
|
|
|
2517
2517
|
}
|
|
2518
2518
|
};
|
|
2519
2519
|
|
|
2520
|
-
const lotteryTippingTicketBannerCss = ".lottery-tipping-ticket-banner__container {\n font-family: system-ui, sans-serif;\n font-size: 14px;\n container-type: inline-size;\n}\n\n.banner {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n padding: 0
|
|
2520
|
+
const lotteryTippingTicketBannerCss = ".lottery-tipping-ticket-banner__container {\n font-family: system-ui, sans-serif;\n font-size: 14px;\n container-type: inline-size;\n}\n\n.banner {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n padding: 0 1rem;\n background: var(--emw--color-primary, #fed275);\n border-top: 2px solid var(--emw--color-primary, #fed275);\n border-bottom: 2px solid var(--emw--color-primary, #fed275);\n gap: 0.5rem;\n white-space: nowrap;\n position: relative;\n height: 46px;\n}\n\n.left {\n flex: 1;\n gap: 0.4rem;\n}\n.left .logo {\n width: 216px;\n position: absolute;\n top: -7px;\n}\n\n.brand {\n font-weight: 700;\n color: var(--emw--color-gray-400, #000);\n}\n\n.mid {\n flex: 1;\n font-size: 1.5rem;\n font-weight: 800;\n font-style: italic;\n letter-spacing: 0.04em;\n color: var(--emw--color-gray-400, #000);\n text-align: center;\n}\n\n.right {\n flex: 1;\n display: flex;\n gap: 0.4rem;\n flex-wrap: wrap;\n justify-content: flex-end;\n}\n\n@container (max-width: 420px) {\n .mid {\n text-align: right;\n }\n .right {\n justify-content: center;\n }\n}\n.pill {\n border: 2px solid var(--emw--color-gray-150, #6f6f6f);\n border-radius: 0.4rem;\n padding: 0.25rem 0.7rem;\n font-size: 0.9rem;\n color: var(--emw--color-gray-300, #333);\n display: inline-flex;\n align-items: baseline;\n}\n\n.pill > strong {\n font-weight: 700;\n}";
|
|
2521
2521
|
const LotteryTippingTicketBannerStyle0 = lotteryTippingTicketBannerCss;
|
|
2522
2522
|
|
|
2523
2523
|
const LotteryTippingTicketBanner = class {
|
|
@@ -2584,8 +2584,8 @@ const LotteryTippingTicketBanner = class {
|
|
|
2584
2584
|
this.stylingSubscription && this.stylingSubscription.unsubscribe();
|
|
2585
2585
|
}
|
|
2586
2586
|
render() {
|
|
2587
|
-
const backgroundImagePath = getAssetPath('../static/
|
|
2588
|
-
return (h("div", { key: '
|
|
2587
|
+
const backgroundImagePath = getAssetPath('../static/poolgame-bg.webp');
|
|
2588
|
+
return (h("div", { key: '07515ab821761d26edcc285f83f6e81dfab269ca', ref: (el) => (this.stylingContainer = el), class: "lottery-tipping-ticket-banner__container" }, h("section", { key: 'bbd8a3ae1b718f77b726dc89be4f901757579541', class: "banner" }, h("div", { key: '2b1883da2db0bfae83e5b4997c999fff433eb7a8', class: "left" }, h("img", { key: '54b482734d27bdfbbd2983bc95704273195fdd0d', alt: "Betting", src: backgroundImagePath, class: "logo" })), h("div", { key: '2a735ea687f0aaea72b0142f7026c9da0e15195d', class: "mid period" }, this.formattedPeriod), h("div", { key: '9c797b4a3bc6d2f0a69f4fd8af07f80eb765d0aa', class: "right" }, h("span", { key: '8c3abf153cf7f9ee1e2afcd42f67f7d90fe2f2a6', class: "pill" }, h("strong", { key: '4b3d99c269b4f494f62cbacc943f93f248004a96' }, translate$2('stop', this.language)), "\u00A0", translate$2('at', this.language), "\u00A0", this.formattedStopTime)))));
|
|
2589
2589
|
}
|
|
2590
2590
|
static get assetsDirs() { return ["../static"]; }
|
|
2591
2591
|
static get watchers() { return {
|
package/dist/esm/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { L as LotteryTippingEntrance } from './lottery-tipping-entrance-
|
|
1
|
+
export { L as LotteryTippingEntrance } from './lottery-tipping-entrance-4a7acd1d.js';
|
|
2
2
|
import './index-95f50502.js';
|
package/dist/esm/{lottery-tipping-entrance-614c0dce.js → lottery-tipping-entrance-4a7acd1d.js}
RENAMED
|
@@ -9336,7 +9336,7 @@ const getTranslations = (data) => {
|
|
|
9336
9336
|
});
|
|
9337
9337
|
};
|
|
9338
9338
|
|
|
9339
|
-
const lotteryTippingEntranceCss = ".lottery-tipping-entrance__header{display:flex
|
|
9339
|
+
const lotteryTippingEntranceCss = ".lottery-tipping-entrance__header {\n display: flex;\n flex-direction: column;\n align-items: center;\n background: linear-gradient(to right, var(--emw--color-primary, #fed275), var(--emw--color-primary-variant, #ffe66f));\n padding-top: 10px;\n}\n.lottery-tipping-entrance__header .header {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 46px;\n container-type: inline-size;\n}\n.lottery-tipping-entrance__header .header-logo {\n text-align: center;\n}\n.lottery-tipping-entrance__header .header-logo .logo {\n width: 240px;\n}\n@container (max-width: 390px) {\n .lottery-tipping-entrance__header .header-logo .logo {\n width: 200px;\n }\n}\n.lottery-tipping-entrance__header .header-btn {\n position: absolute;\n right: 20px;\n}\n.lottery-tipping-entrance__header .header-btn #logout-btn {\n padding: 0.5rem 1rem;\n font-size: 14px;\n font-weight: 500;\n background-color: transparent;\n color: var(--emw--color-gray-300, #333);\n border: var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));\n border-radius: var(--emw--border-radius-small, 4px);\n cursor: pointer;\n transition: background-color 0.2s ease, border-color 0.2s ease;\n}\n.lottery-tipping-entrance__header .header-btn #logout-btn:hover {\n background-color: var(--emw--color-gray-50, #f5f5f5);\n border-color: var(--emw--color-gray-150, #6f6f6f);\n}\n.lottery-tipping-entrance__header .tabs-wrap {\n width: 100%;\n}\n\nvaadin-tab[selected] {\n color: var(--emw--color-gray-300, #333);\n font-weight: bold;\n}\n\nvaadin-tab::after[selected] {\n background-color: var(--emw--color-gray-300, #333);\n}\n\n@media screen and (max-width: 480px) {\n .draw-info-item-list {\n gap: 84px;\n }\n}\n@media screen and (min-width: 1400px) {\n .draw-info-footer {\n margin-top: 160px;\n }\n}";
|
|
9340
9340
|
const LotteryTippingEntranceStyle0 = lotteryTippingEntranceCss;
|
|
9341
9341
|
|
|
9342
9342
|
const LotteryTippingEntrance = class {
|
|
@@ -9420,10 +9420,10 @@ const LotteryTippingEntrance = class {
|
|
|
9420
9420
|
this.showSelectDrawPage = true;
|
|
9421
9421
|
}
|
|
9422
9422
|
render() {
|
|
9423
|
-
const logoImagePath = getAssetPath('../static/
|
|
9424
|
-
return (h("div", { key: '
|
|
9423
|
+
const logoImagePath = getAssetPath('../static/poolgame-bg.webp');
|
|
9424
|
+
return (h("div", { key: '19cca231aa12672112ceffbe5066deb814de272c', class: "lottery-tipping-entrance", ref: (el) => (this.stylingContainer = el) }, this.showSelectDrawPage && (h("div", { key: '099004b883ca185fe45d8cc7e10dba83cbf12f39', class: "select-draw-page" }, h("div", { key: '222802653aa8c842bb8c64725a618ab125fc04f9', class: "lottery-tipping-entrance__header" }, h("div", { key: '6d8169ce67b0fc25f4511eabdb0f2e7b21a26188', class: "header" }, h("div", { key: '0356430f91f87a9033f235454ce115fb1caacee8', class: "header-logo" }, h("img", { key: 'a1aa6026dad6aa4f51e2532807afe478985d5ffb', src: logoImagePath, class: "logo" })), h("div", { key: '337ed7157d26bd52731c213c6d2b8622b8a12fa0', class: "header-btn" }, h("slot", { key: '61edaf242392131031855db1b108b9b76cabee97', name: "logoutBtn" }))), h("div", { key: '8c0852b44cfc72c4da42870d1273e464aac21efe', class: "tabs-wrap" }, h("vaadin-tabs", { key: 'd4dcdccc13d378d6485720d4c133e36a0e262cd6', theme: "equal-width-tabs", selected: this.selectedTabIndex, "on-selected-changed": (e) => {
|
|
9425
9425
|
this.selectedTabIndex = e.detail.value;
|
|
9426
|
-
} }, h("vaadin-tab", { key: '
|
|
9426
|
+
} }, h("vaadin-tab", { key: '3265eacd826731adf9bcbabab9fee0110a888d21', value: "0" }, translate('draws', this.language)), h("vaadin-tab", { key: '9c9bf0b2a6ca113afd6909ad47217b8964c92814', value: "1" }, translate('latestResults', this.language)), h("vaadin-tab", { key: '6ad27452712200e4baff7d1c8b4710693a5a039b', value: "2" }, translate('instruction', this.language))))), h("div", { key: '95e152cd6840448c439b5b580d95e4b2e5f1bcb0', class: "tabs-content" }, this.selectedTabIndex === 0 && (h("draw-selection", { key: '9b14c11f31e44a51f43ea705f000d8f4aa65e662', date: this.date, "is-loading": this.isLoading, language: this.language, "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl, "mb-source": this.mbSource, "translation-url": this.translationUrl })), this.selectedTabIndex === 1 && (h("lottery-tipping-latest-result", { key: 'db43f7f94dbf557f44ce270466bb525b6cf4576e', endpoint: this.endpoint, "endpoint-ticket": this.endpointTicket, "game-id": this.gameId, "player-id": this.playerId, "session-id": this.sessionId, language: this.language, "translation-url": this.translationUrl })), this.selectedTabIndex === 2 && (h("div", { key: '0f7273f8c43144e8694fcd24639f4183f449ff75', style: { padding: '24px', textAlign: 'center' } }, translate('instructionContent', this.language)))))), !this.showSelectDrawPage && (h("lottery-tipping-page", { key: '1c46a76e1a19bfc7ae987d3c1f556da25519d847', endpoint: this.endpoint, "endpoint-ticket": this.endpointTicket, "game-id": this.gameId, "player-id": this.playerId, "session-id": this.sessionId, "draw-id": this.drawId, playTypes: this.playTypes, bettingTypes: this.bettingTypes, "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl, "mb-source": this.mbSource, "translation-url": this.translationUrl, language: this.language }))));
|
|
9427
9427
|
}
|
|
9428
9428
|
static get assetsDirs() { return ["../static"]; }
|
|
9429
9429
|
static get watchers() { return {
|