@everymatrix/lottery-tipping-entrance 1.77.11 → 1.77.13
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 +92 -94
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/{lottery-tipping-entrance-f2feaebf.js → lottery-tipping-entrance-877d533a.js} +10 -9
- package/dist/collection/components/draw-selection/draw-selection.css +23 -5
- package/dist/collection/components/draw-selection/draw-selection.js +5 -10
- package/dist/collection/components/lottery-tipping-entrance/lottery-tipping-entrance.css +26 -17
- package/dist/collection/components/lottery-tipping-entrance/lottery-tipping-entrance.js +2 -2
- package/dist/esm/draw-selection_17.entry.js +93 -95
- package/dist/esm/index.js +1 -1
- package/dist/esm/{lottery-tipping-entrance-f495c522.js → lottery-tipping-entrance-b4e791b0.js} +10 -9
- 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-f495c522.js → lottery-tipping-entrance-b4e791b0.js} +8 -7
- package/package.json +1 -1
package/dist/cjs/{lottery-tipping-entrance-f2feaebf.js → lottery-tipping-entrance-877d533a.js}
RENAMED
|
@@ -6084,6 +6084,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|
|
6084
6084
|
overflow: hidden;
|
|
6085
6085
|
min-width: var(--lumo-size-m);
|
|
6086
6086
|
-webkit-user-select: none;
|
|
6087
|
+
-moz-user-select: none;
|
|
6087
6088
|
user-select: none;
|
|
6088
6089
|
--_focus-ring-color: var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));
|
|
6089
6090
|
--_focus-ring-width: var(--vaadin-focus-ring-width, 2px);
|
|
@@ -6293,11 +6294,11 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|
|
6293
6294
|
}
|
|
6294
6295
|
`,{moduleId:"lumo-tab"});/**
|
|
6295
6296
|
* @license
|
|
6296
|
-
* Copyright (c) 2017 -
|
|
6297
|
+
* Copyright (c) 2017 - 2024 Vaadin Ltd.
|
|
6297
6298
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
6298
6299
|
*/const hh=s=>class extends $r(s){ready(){super.ready(),this.setAttribute("role","tab");}_onKeyUp(e){const i=this.hasAttribute("active");if(super._onKeyUp(e),i){const o=this.querySelector("a");o&&o.click();}}};/**
|
|
6299
6300
|
* @license
|
|
6300
|
-
* Copyright (c) 2017 -
|
|
6301
|
+
* Copyright (c) 2017 - 2024 Vaadin Ltd.
|
|
6301
6302
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
6302
6303
|
*/const uh=p`
|
|
6303
6304
|
:host {
|
|
@@ -6320,7 +6321,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|
|
6320
6321
|
}
|
|
6321
6322
|
`;/**
|
|
6322
6323
|
* @license
|
|
6323
|
-
* Copyright (c) 2017 -
|
|
6324
|
+
* Copyright (c) 2017 - 2024 Vaadin Ltd.
|
|
6324
6325
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
6325
6326
|
*/m("vaadin-tab",uh,{moduleId:"vaadin-tab-styles"});class ph extends N(x(hh(F(b)))){static get template(){return g`
|
|
6326
6327
|
<slot></slot>
|
|
@@ -6565,11 +6566,11 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|
|
6565
6566
|
}
|
|
6566
6567
|
`,{moduleId:"lumo-tabs"});/**
|
|
6567
6568
|
* @license
|
|
6568
|
-
* Copyright (c) 2017 -
|
|
6569
|
+
* Copyright (c) 2017 - 2024 Vaadin Ltd.
|
|
6569
6570
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
6570
6571
|
*/const mh=s=>class extends Vr(Ur(s)){static get properties(){return {orientation:{value:"horizontal",type:String,reflectToAttribute:!0,sync:!0},selected:{value:0,type:Number}}}static get observers(){return ["__tabsItemsChanged(items)"]}constructor(){super(),this.__itemsResizeObserver=new ResizeObserver(()=>{setTimeout(()=>this._updateOverflow());});}get _scrollOffset(){return this._vertical?this._scrollerElement.offsetHeight:this._scrollerElement.offsetWidth}get _scrollerElement(){return this.$.scroll}get __direction(){return !this._vertical&&this.__isRTL?1:-1}ready(){super.ready(),this._scrollerElement.addEventListener("scroll",()=>this._updateOverflow()),this.setAttribute("role","tablist"),Ji(this,()=>{this._updateOverflow();});}_onResize(){this._updateOverflow();}__tabsItemsChanged(e){this.__itemsResizeObserver.disconnect(),(e||[]).forEach(i=>{this.__itemsResizeObserver.observe(i);}),this._updateOverflow();}_scrollForward(){const e=this._getNavigationButtonVisibleWidth("forward-button"),i=this._getNavigationButtonVisibleWidth("back-button"),o=this._scrollerElement.getBoundingClientRect(),n=[...this.items].reverse().find(c=>this._isItemVisible(c,e,i,o)).getBoundingClientRect(),l=20+this.shadowRoot.querySelector('[part="back-button"]').clientWidth;let d;if(this.__isRTL){const c=o.right-l;d=n.right-c;}else {const c=o.left+l;d=n.left-c;}-this.__direction*d<1&&(d=-this.__direction*(this._scrollOffset-l)),this._scroll(d);}_scrollBack(){const e=this._getNavigationButtonVisibleWidth("forward-button"),i=this._getNavigationButtonVisibleWidth("back-button"),o=this._scrollerElement.getBoundingClientRect(),n=this.items.find(c=>this._isItemVisible(c,e,i,o)).getBoundingClientRect(),l=20+this.shadowRoot.querySelector('[part="forward-button"]').clientWidth;let d;if(this.__isRTL){const c=o.left+l;d=n.left-c;}else {const c=o.right-l;d=n.right-c;}this.__direction*d<1&&(d=this.__direction*(this._scrollOffset-l)),this._scroll(d);}_isItemVisible(e,i,o,r){if(this._vertical)throw new Error("Visibility check is only supported for horizontal tabs.");const n=this.__isRTL?o:i,a=this.__isRTL?i:o,l=r.right-n,d=r.left+a,c=e.getBoundingClientRect();return l>Math.floor(c.left)&&d<Math.ceil(c.right)}_getNavigationButtonVisibleWidth(e){const i=this.shadowRoot.querySelector(`[part="${e}"]`);return window.getComputedStyle(i).opacity==="0"?0:i.clientWidth}_updateOverflow(){const e=this._vertical?this._scrollerElement.scrollTop:Hr(this._scrollerElement,this.getAttribute("dir")),i=this._vertical?this._scrollerElement.scrollHeight:this._scrollerElement.scrollWidth;let o=Math.floor(e)>1?"start":"";Math.ceil(e)<Math.ceil(i-this._scrollOffset)&&(o+=" end"),this.__direction===1&&(o=o.replace(/start|end/giu,r=>r==="start"?"end":"start")),o?this.setAttribute("overflow",o.trim()):this.removeAttribute("overflow");}};/**
|
|
6571
6572
|
* @license
|
|
6572
|
-
* Copyright (c) 2017 -
|
|
6573
|
+
* Copyright (c) 2017 - 2024 Vaadin Ltd.
|
|
6573
6574
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
6574
6575
|
*/const fh=p`
|
|
6575
6576
|
:host {
|
|
@@ -6649,7 +6650,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|
|
6649
6650
|
}
|
|
6650
6651
|
`;/**
|
|
6651
6652
|
* @license
|
|
6652
|
-
* Copyright (c) 2017 -
|
|
6653
|
+
* Copyright (c) 2017 - 2024 Vaadin Ltd.
|
|
6653
6654
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
6654
6655
|
*/m("vaadin-tabs",fh,{moduleId:"vaadin-tabs-styles"});class _h extends mh(N(x(b))){static get template(){return g`
|
|
6655
6656
|
<div on-click="_scrollBack" part="back-button" aria-hidden="true"></div>
|
|
@@ -9338,7 +9339,7 @@ const getTranslations = (data) => {
|
|
|
9338
9339
|
});
|
|
9339
9340
|
};
|
|
9340
9341
|
|
|
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 .
|
|
9342
|
+
const lotteryTippingEntranceCss = ".lottery-tipping-entrance {\n background: var(--emw--color-background, #fff);\n height: 100%;\n overflow: auto;\n}\n.lottery-tipping-entrance .select-draw-page {\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n.lottery-tipping-entrance .select-draw-page .tabs-content {\n flex: 1;\n}\n\n.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 .tabs-wrap {\n width: 100%;\n}\n\n.draw-info-footer {\n position: relative;\n margin-top: 160px;\n}\n\nvaadin-tab[selected] {\n color: var(--emw--color-typography, #000);\n font-weight: bold;\n}\n\nvaadin-tab::after[selected] {\n background-color: var(--emw--color-typography, #000);\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}\n.instruction-content-wrapper {\n color: var(--emw--color-typography, #000);\n padding: \"24px\";\n text-align: \"center\";\n}";
|
|
9342
9343
|
const LotteryTippingEntranceStyle0 = lotteryTippingEntranceCss;
|
|
9343
9344
|
|
|
9344
9345
|
const LotteryTippingEntrance = class {
|
|
@@ -9421,9 +9422,9 @@ const LotteryTippingEntrance = class {
|
|
|
9421
9422
|
}
|
|
9422
9423
|
render() {
|
|
9423
9424
|
const logoImagePath = index.getAssetPath('../static/poolgame-bg.webp');
|
|
9424
|
-
return (index.h("div", { key: 'c277bc4598810d4c379043259e45f3de2b46fac2', class: "lottery-tipping-entrance", ref: (el) => (this.stylingContainer = el) }, this.showSelectDrawPage && (index.h("div", { key: 'fcaa9410ccbb2e4f3088e31c4bbffd44fb61e153', class: "select-draw-page" }, index.h("div", { key: 'af2cc3d3f11106269a0f1fc50ebccb48684a75a9', class: "lottery-tipping-entrance__header" }, index.h("div", { key: '922517a2f4deede0ef2ad2e7086e2b4b41b7c1aa', class: "header" }, index.h("div", { key: '
|
|
9425
|
+
return (index.h("div", { key: 'c277bc4598810d4c379043259e45f3de2b46fac2', class: "lottery-tipping-entrance", ref: (el) => (this.stylingContainer = el) }, this.showSelectDrawPage && (index.h("div", { key: 'fcaa9410ccbb2e4f3088e31c4bbffd44fb61e153', class: "select-draw-page" }, index.h("div", { key: 'af2cc3d3f11106269a0f1fc50ebccb48684a75a9', class: "lottery-tipping-entrance__header" }, index.h("div", { key: '922517a2f4deede0ef2ad2e7086e2b4b41b7c1aa', class: "header" }, index.h("div", { key: '0474224b516ce9e1c2948b81b7c69b2996ce0626', class: "header-logo" }, index.h("img", { key: '3c4729f0892a410fa6c44a7bf6f64b9b18a25038', src: logoImagePath, class: "logo" })), index.h("div", { key: '7c04508ca5956e42ba2a65f4cf713726c404270c', class: "header-btn" }, index.h("slot", { key: '86d396632d662ba2e5432642b821c6e19e38bc09', name: "logoutBtn" }))), index.h("div", { key: '6113c793e35467a54de826420be255d311d219fb', class: "tabs-wrap" }, index.h("vaadin-tabs", { key: '1b24edabfc26c01f105bf9caf77b35d8493283a8', theme: "equal-width-tabs", selected: this.selectedTabIndex, "on-selected-changed": (e) => {
|
|
9425
9426
|
this.selectedTabIndex = e.detail.value;
|
|
9426
|
-
} }, index.h("vaadin-tab", { key: '
|
|
9427
|
+
} }, index.h("vaadin-tab", { key: 'c22476b10a20b2c3d34e9c3890fcd4c707b3a1fa', value: "0" }, translate('draws', this.language)), index.h("vaadin-tab", { key: '54d102be8158297cfa78f743dd049751095ea427', value: "1" }, translate('latestResults', this.language)), index.h("vaadin-tab", { key: '6ec86530d23781d6291cef9972028e140cf130fb', value: "2" }, translate('instruction', this.language))))), index.h("div", { key: '10af874333dfdd544e958e4e4ed256da152c2cbd', class: "tabs-content" }, this.selectedTabIndex === 0 && (index.h("draw-selection", { key: '031a774f65b64ad327a3da8e0405d990bf84a37a', 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: '662d00ed8f0ec23add4708b704a4f3a9ed4f5bb2', 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: 'eb2cda1328155c9f5ac0391549f78771e20f28cb', class: "instruction-content-wrapper" }, translate('instructionContent', this.language)))))), !this.showSelectDrawPage && (index.h("lottery-tipping-page", { key: 'cae833bfcd10741e0ec7f6690f85e3b033284e61', 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
9428
|
}
|
|
9428
9429
|
static get assetsDirs() { return ["../static"]; }
|
|
9429
9430
|
static get watchers() { return {
|
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
background-size: 100% 100%;
|
|
3
3
|
background-repeat: no-repeat;
|
|
4
4
|
width: 100%;
|
|
5
|
-
|
|
5
|
+
height: 100%;
|
|
6
|
+
position: relative;
|
|
6
7
|
}
|
|
7
8
|
|
|
8
9
|
.draw-info {
|
|
@@ -15,6 +16,7 @@
|
|
|
15
16
|
flex-direction: column;
|
|
16
17
|
align-items: center;
|
|
17
18
|
position: relative;
|
|
19
|
+
color: var(--emw--color-typography, #000);
|
|
18
20
|
}
|
|
19
21
|
.draw-info-title-main {
|
|
20
22
|
font-size: 30px;
|
|
@@ -38,6 +40,7 @@
|
|
|
38
40
|
width: 164px;
|
|
39
41
|
height: 152px;
|
|
40
42
|
background-color: var(--emw--color-background, #fff);
|
|
43
|
+
color: var(--emw--color-typography, #000);
|
|
41
44
|
border-radius: 21% 25% 19% 22%/30% 30% 34% 27%;
|
|
42
45
|
position: relative;
|
|
43
46
|
display: flex;
|
|
@@ -62,7 +65,7 @@
|
|
|
62
65
|
border-radius: 50%;
|
|
63
66
|
display: flex;
|
|
64
67
|
align-items: center;
|
|
65
|
-
color: var(--emw--color-
|
|
68
|
+
color: var(--emw--color-typography-tertiary, #fff);
|
|
66
69
|
justify-content: center;
|
|
67
70
|
font-style: italic;
|
|
68
71
|
}
|
|
@@ -73,7 +76,7 @@
|
|
|
73
76
|
.draw-info-item-date, .draw-info-item-turnover {
|
|
74
77
|
margin-top: 8px;
|
|
75
78
|
font-size: 16px;
|
|
76
|
-
color: var(--emw--color-
|
|
79
|
+
color: var(--emw--color-typography, #000);
|
|
77
80
|
font-family: Arial, Helvetica, sans-serif;
|
|
78
81
|
}
|
|
79
82
|
.draw-info-item-projecter {
|
|
@@ -84,7 +87,7 @@
|
|
|
84
87
|
transform: translateX(-50%);
|
|
85
88
|
width: 120px;
|
|
86
89
|
height: 20px;
|
|
87
|
-
background: var(--emw--color-
|
|
90
|
+
background: var(--emw--color-background, #fff);
|
|
88
91
|
border-radius: 50%;
|
|
89
92
|
filter: blur(12px);
|
|
90
93
|
}
|
|
@@ -97,7 +100,7 @@
|
|
|
97
100
|
text-align: center;
|
|
98
101
|
margin-top: 12px;
|
|
99
102
|
font-size: 22px;
|
|
100
|
-
color: var(--emw--color-
|
|
103
|
+
color: var(--emw--color-typography, #000);
|
|
101
104
|
font-family: "Comic Sans MS";
|
|
102
105
|
font-weight: 600;
|
|
103
106
|
}
|
|
@@ -137,6 +140,21 @@
|
|
|
137
140
|
.empty-draw-text {
|
|
138
141
|
font-size: 14px;
|
|
139
142
|
font-weight: bold;
|
|
143
|
+
color: var(--emw--color-typography, #000);
|
|
144
|
+
}
|
|
145
|
+
.empty-draw svg {
|
|
146
|
+
fill: var(--emw--color-typography, #000);
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
.loading-indicator {
|
|
150
|
+
display: flex;
|
|
151
|
+
justify-content: center;
|
|
152
|
+
padding-top: 40px;
|
|
153
|
+
color: var(--emw--color-typography, #000);
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
.empty-draw-text {
|
|
157
|
+
color: var(--emw--color-typography, #000);
|
|
140
158
|
}
|
|
141
159
|
|
|
142
160
|
@keyframes jelly {
|
|
@@ -1,13 +1,8 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { isMobile, formatDate, getDayWithSuffixLocal } from "../../utils/utils";
|
|
3
|
-
import { translate } from "../../utils/locale.utils";
|
|
4
|
-
import { InfoCircleOutlined } from "@ant-design/icons-svg";
|
|
5
|
-
import { renderIconDefinitionToSVGElement } from "@ant-design/icons-svg/es/helpers";
|
|
6
|
-
import { addDays } from "date-fns";
|
|
1
|
+
import { getAssetPath, h } from "@stencil/core";
|
|
7
2
|
import { setClientStyling, setClientStylingURL, setStreamStyling } from "../../../../../../../../libs/common/src/styling/index";
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
}
|
|
3
|
+
import { addDays } from "date-fns";
|
|
4
|
+
import { translate } from "../../utils/locale.utils";
|
|
5
|
+
import { formatDate, getDayWithSuffixLocal, isMobile } from "../../utils/utils";
|
|
11
6
|
export class DrawSelection {
|
|
12
7
|
constructor() {
|
|
13
8
|
this.handleSelectDraw = () => {
|
|
@@ -71,7 +66,7 @@ export class DrawSelection {
|
|
|
71
66
|
render() {
|
|
72
67
|
const backgroundImagePath = getAssetPath('../static/bg.webp');
|
|
73
68
|
const infoImagePath = getAssetPath('../static/empty-info.svg');
|
|
74
|
-
return (h("div", { key: '
|
|
69
|
+
return (h("div", { key: 'e6f11ef8424e31412e8ddc333973755e7cf08d90', 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", { class: "loading-indicator" }, "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", { class: "empty-draw-text" }, "\u24D8 ", translate('gameNotAvailable', this.language))))))));
|
|
75
70
|
}
|
|
76
71
|
static get is() { return "draw-selection"; }
|
|
77
72
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,3 +1,17 @@
|
|
|
1
|
+
.lottery-tipping-entrance {
|
|
2
|
+
background: var(--emw--color-background, #fff);
|
|
3
|
+
height: 100%;
|
|
4
|
+
overflow: auto;
|
|
5
|
+
}
|
|
6
|
+
.lottery-tipping-entrance .select-draw-page {
|
|
7
|
+
display: flex;
|
|
8
|
+
flex-direction: column;
|
|
9
|
+
height: 100%;
|
|
10
|
+
}
|
|
11
|
+
.lottery-tipping-entrance .select-draw-page .tabs-content {
|
|
12
|
+
flex: 1;
|
|
13
|
+
}
|
|
14
|
+
|
|
1
15
|
.lottery-tipping-entrance__header {
|
|
2
16
|
display: flex;
|
|
3
17
|
flex-direction: column;
|
|
@@ -28,32 +42,22 @@
|
|
|
28
42
|
position: absolute;
|
|
29
43
|
right: 20px;
|
|
30
44
|
}
|
|
31
|
-
.lottery-tipping-entrance__header .header-btn #logout-btn {
|
|
32
|
-
padding: 0.5rem 1rem;
|
|
33
|
-
font-size: 14px;
|
|
34
|
-
font-weight: 500;
|
|
35
|
-
background-color: transparent;
|
|
36
|
-
color: var(--emw--color-gray-300, #333);
|
|
37
|
-
border: var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));
|
|
38
|
-
border-radius: var(--emw--border-radius-small, 4px);
|
|
39
|
-
cursor: pointer;
|
|
40
|
-
transition: background-color 0.2s ease, border-color 0.2s ease;
|
|
41
|
-
}
|
|
42
|
-
.lottery-tipping-entrance__header .header-btn #logout-btn:hover {
|
|
43
|
-
background-color: var(--emw--color-gray-50, #f5f5f5);
|
|
44
|
-
border-color: var(--emw--color-gray-150, #6f6f6f);
|
|
45
|
-
}
|
|
46
45
|
.lottery-tipping-entrance__header .tabs-wrap {
|
|
47
46
|
width: 100%;
|
|
48
47
|
}
|
|
49
48
|
|
|
49
|
+
.draw-info-footer {
|
|
50
|
+
position: relative;
|
|
51
|
+
margin-top: 160px;
|
|
52
|
+
}
|
|
53
|
+
|
|
50
54
|
vaadin-tab[selected] {
|
|
51
|
-
color: var(--emw--color-
|
|
55
|
+
color: var(--emw--color-typography, #000);
|
|
52
56
|
font-weight: bold;
|
|
53
57
|
}
|
|
54
58
|
|
|
55
59
|
vaadin-tab::after[selected] {
|
|
56
|
-
background-color: var(--emw--color-
|
|
60
|
+
background-color: var(--emw--color-typography, #000);
|
|
57
61
|
}
|
|
58
62
|
|
|
59
63
|
@media screen and (max-width: 480px) {
|
|
@@ -65,4 +69,9 @@ vaadin-tab::after[selected] {
|
|
|
65
69
|
.draw-info-footer {
|
|
66
70
|
margin-top: 160px;
|
|
67
71
|
}
|
|
72
|
+
}
|
|
73
|
+
.instruction-content-wrapper {
|
|
74
|
+
color: var(--emw--color-typography, #000);
|
|
75
|
+
padding: "24px";
|
|
76
|
+
text-align: "center";
|
|
68
77
|
}
|
|
@@ -84,9 +84,9 @@ export class LotteryTippingEntrance {
|
|
|
84
84
|
}
|
|
85
85
|
render() {
|
|
86
86
|
const logoImagePath = getAssetPath('../static/poolgame-bg.webp');
|
|
87
|
-
return (h("div", { key: 'c277bc4598810d4c379043259e45f3de2b46fac2', class: "lottery-tipping-entrance", ref: (el) => (this.stylingContainer = el) }, this.showSelectDrawPage && (h("div", { key: 'fcaa9410ccbb2e4f3088e31c4bbffd44fb61e153', class: "select-draw-page" }, h("div", { key: 'af2cc3d3f11106269a0f1fc50ebccb48684a75a9', class: "lottery-tipping-entrance__header" }, h("div", { key: '922517a2f4deede0ef2ad2e7086e2b4b41b7c1aa', class: "header" }, h("div", { key: '
|
|
87
|
+
return (h("div", { key: 'c277bc4598810d4c379043259e45f3de2b46fac2', class: "lottery-tipping-entrance", ref: (el) => (this.stylingContainer = el) }, this.showSelectDrawPage && (h("div", { key: 'fcaa9410ccbb2e4f3088e31c4bbffd44fb61e153', class: "select-draw-page" }, h("div", { key: 'af2cc3d3f11106269a0f1fc50ebccb48684a75a9', class: "lottery-tipping-entrance__header" }, h("div", { key: '922517a2f4deede0ef2ad2e7086e2b4b41b7c1aa', class: "header" }, h("div", { key: '0474224b516ce9e1c2948b81b7c69b2996ce0626', class: "header-logo" }, h("img", { key: '3c4729f0892a410fa6c44a7bf6f64b9b18a25038', src: logoImagePath, class: "logo" })), h("div", { key: '7c04508ca5956e42ba2a65f4cf713726c404270c', class: "header-btn" }, h("slot", { key: '86d396632d662ba2e5432642b821c6e19e38bc09', name: "logoutBtn" }))), h("div", { key: '6113c793e35467a54de826420be255d311d219fb', class: "tabs-wrap" }, h("vaadin-tabs", { key: '1b24edabfc26c01f105bf9caf77b35d8493283a8', theme: "equal-width-tabs", selected: this.selectedTabIndex, "on-selected-changed": (e) => {
|
|
88
88
|
this.selectedTabIndex = e.detail.value;
|
|
89
|
-
} }, h("vaadin-tab", { key: '
|
|
89
|
+
} }, h("vaadin-tab", { key: 'c22476b10a20b2c3d34e9c3890fcd4c707b3a1fa', value: "0" }, translate('draws', this.language)), h("vaadin-tab", { key: '54d102be8158297cfa78f743dd049751095ea427', value: "1" }, translate('latestResults', this.language)), h("vaadin-tab", { key: '6ec86530d23781d6291cef9972028e140cf130fb', value: "2" }, translate('instruction', this.language))))), h("div", { key: '10af874333dfdd544e958e4e4ed256da152c2cbd', class: "tabs-content" }, this.selectedTabIndex === 0 && (h("draw-selection", { key: '031a774f65b64ad327a3da8e0405d990bf84a37a', 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: '662d00ed8f0ec23add4708b704a4f3a9ed4f5bb2', 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: 'eb2cda1328155c9f5ac0391549f78771e20f28cb', class: "instruction-content-wrapper" }, translate('instructionContent', this.language)))))), !this.showSelectDrawPage && (h("lottery-tipping-page", { key: 'cae833bfcd10741e0ec7f6690f85e3b033284e61', 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 }))));
|
|
90
90
|
}
|
|
91
91
|
static get is() { return "lottery-tipping-entrance"; }
|
|
92
92
|
static get encapsulation() { return "shadow"; }
|