@everymatrix/lottery-tipping-ticket-controller 1.77.11 → 1.77.12
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/general-tooltip_6.cjs.entry.js +3994 -1411
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/{lottery-tipping-ticket-controller-49fafe80.js → lottery-tipping-ticket-controller-a62bd4e8.js} +4 -3
- package/dist/collection/components/lottery-tipping-ticket-banner/lottery-tipping-ticket-banner.css +4 -4
- package/dist/collection/components/lottery-tipping-ticket-controller/lottery-tipping-ticket-controller.css +22 -13
- package/dist/collection/components/lottery-tipping-ticket-controller/lottery-tipping-ticket-controller.js +3 -2
- package/dist/esm/general-tooltip_6.entry.js +3995 -1412
- package/dist/esm/index.js +1 -1
- package/dist/esm/{lottery-tipping-ticket-controller-d72be1e9.js → lottery-tipping-ticket-controller-71cc1f83.js} +4 -3
- package/dist/lottery-tipping-ticket-controller/general-tooltip_6.entry.js +4008 -1385
- package/dist/lottery-tipping-ticket-controller/index.esm.js +1 -1
- package/dist/lottery-tipping-ticket-controller/{lottery-tipping-ticket-controller-d72be1e9.js → lottery-tipping-ticket-controller-71cc1f83.js} +1 -1
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/lottery-tipping-ticket-controller/.stencil/packages/stencil/lottery-tipping-ticket-controller/stencil.config.d.ts +2 -0
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/lottery-tipping-ticket-controller/.stencil/packages/stencil/lottery-tipping-ticket-controller/stencil.config.dev.d.ts +2 -0
- package/package.json +1 -1
- package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/lottery-tipping-ticket-controller/.stencil/packages/stencil/lottery-tipping-ticket-controller/stencil.config.d.ts +0 -2
- package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/lottery-tipping-ticket-controller/.stencil/packages/stencil/lottery-tipping-ticket-controller/stencil.config.dev.d.ts +0 -2
- /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/lottery-tipping-ticket-controller/.stencil/libs/common/src/storybook/storybook-utils.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/lottery-tipping-ticket-controller/.stencil/packages/stencil/lottery-tipping-ticket-controller/storybook/main.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/lottery-tipping-ticket-controller/.stencil/packages/stencil/lottery-tipping-ticket-controller/storybook/preview.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/lottery-tipping-ticket-controller/.stencil/tools/plugins/index.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/lottery-tipping-ticket-controller/.stencil/tools/plugins/lazy-load-chunk-plugin.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/lottery-tipping-ticket-controller/.stencil/tools/plugins/stencil-clean-deps-plugin.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/lottery-tipping-ticket-controller/.stencil/tools/plugins/vite-chunk-plugin.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/lottery-tipping-ticket-controller/.stencil/tools/plugins/vite-clean-deps-plugin.d.ts +0 -0
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 lotteryTippingTicketController = require('./lottery-tipping-ticket-controller-
|
|
5
|
+
const lotteryTippingTicketController = require('./lottery-tipping-ticket-controller-a62bd4e8.js');
|
|
6
6
|
require('./index-b8586f2f.js');
|
|
7
7
|
|
|
8
8
|
|
|
@@ -2755,7 +2755,7 @@ const getPlayTypeConfig = ({ rawData, selectedBettingType, selectedPlayingMode }
|
|
|
2755
2755
|
return { betTypeId, betType };
|
|
2756
2756
|
};
|
|
2757
2757
|
|
|
2758
|
-
const lotteryTippingTicketControllerCss = ".lottery-tipping-ticket-controller__container {\n display: block;\n box-sizing: border-box;\n font-size: 14px;\n container-type: inline-size;\n}\n@container (max-width: 375px) {\n .lottery-tipping-ticket-controller__container {\n font-size: 12px;\n }\n}\n\n.LotteryTippingTicketController__top {\n padding: 1.8rem;\n display: flex;\n flex-direction: column;\n gap: 2rem;\n margin: 0 auto;\n max-width: 800px;\n}\n.LotteryTippingTicketController__row {\n display: flex;\n align-items: center;\n gap: 1rem;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n.LotteryTippingTicketController__section {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n.LotteryTippingTicketController__label {\n font-weight: 500;\n white-space: nowrap;\n width: 6rem;\n}\n.LotteryTippingTicketController__segmented-control {\n height: 2.2rem;\n display: inline-flex;\n background-color: var(--emw--color-
|
|
2758
|
+
const lotteryTippingTicketControllerCss = ".lottery-tipping-ticket-controller__container {\n display: block;\n box-sizing: border-box;\n font-size: 14px;\n container-type: inline-size;\n background: var(--emw--color-background, #fff);\n}\n@container (max-width: 375px) {\n .lottery-tipping-ticket-controller__container {\n font-size: 12px;\n }\n}\n\n.LotteryTippingTicketController__top {\n padding: 1.8rem;\n display: flex;\n flex-direction: column;\n gap: 2rem;\n margin: 0 auto;\n max-width: 800px;\n}\n.LotteryTippingTicketController__row {\n display: flex;\n align-items: center;\n gap: 1rem;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n.LotteryTippingTicketController__section {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n.LotteryTippingTicketController__label {\n font-weight: 500;\n white-space: nowrap;\n width: 6rem;\n color: var(--emw--color-typography-secondary, #333);\n}\n.LotteryTippingTicketController__segmented-control {\n height: 2.2rem;\n display: inline-flex;\n background-color: var(--emw--color-background-secondary, #f5f5f5);\n border-radius: 2rem;\n padding: 0.2rem;\n}\n.LotteryTippingTicketController__segment {\n background-color: transparent;\n border: none;\n padding: 0.3rem 0.8rem;\n cursor: pointer;\n font-weight: 500;\n border-radius: 2rem;\n outline: none;\n transition: background-color 0.25s ease, color 0.25s ease;\n white-space: nowrap;\n color: var(--emw--color-typography, #000);\n}\n.LotteryTippingTicketController__segment--active {\n background-color: var(--emw--color-background, #ffffff);\n color: var(--emw--color-typography, #000);\n font-weight: 600;\n}\n.LotteryTippingTicketController__segment--disabled:hover {\n cursor: not-allowed !important;\n}\n.LotteryTippingTicketController__segment:not(.LotteryTippingTicketController__segment--active):hover {\n background-color: var(--emw--color-background-tertiary, #ccc);\n}\n\n.flex {\n display: flex;\n}\n\n.flex-wrap {\n flex-wrap: wrap;\n}\n\n.align-center {\n align-items: center;\n}\n\n.gap-1 {\n gap: 4px;\n}\n\n.LotteryTippingTicketController__main {\n align-items: flex-start;\n justify-content: center;\n gap: 2rem;\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n flex-wrap: wrap;\n}\n.LotteryTippingTicketController__main--left {\n border: 1px solid var(--emw--color-gray-50, #f5f5f5);\n padding: 1rem;\n border-radius: 1rem;\n flex: 1.5;\n}\n.LotteryTippingTicketController__main--right {\n padding: 1rem;\n border-radius: 1rem;\n flex: 1;\n}\n\n.order-summary {\n max-width: 360px;\n width: 100%;\n background: var(--emw--color-background, #fff);\n}\n\n.order-summary__title {\n margin-bottom: 16px;\n text-align: center;\n color: var(--emw--color-typography, #000);\n text-transform: uppercase;\n}\n\n.order-summary__ticket-info {\n display: flex;\n align-items: center;\n margin-bottom: 16px;\n gap: 10px;\n color: var(--emw--color-typography, #000);\n}\n\n.order-summary__ticket {\n font-weight: 500;\n width: 50px;\n text-align: right;\n color: var(--emw--color-typography, #000);\n}\n\n.order-summary__details {\n display: flex;\n align-items: center;\n color: var(--emw--color-typography, #000);\n}\n\n.order-summary__multiplier {\n color: var(--emw--color-typography-secondary, #333);\n margin: 0 8px;\n}\n\n.order-summary__divider {\n border: none;\n border-top: 1px solid var(--emw--color-gray-100, #e6e6e6);\n margin: 20px 0;\n}\n\n.order-summary__button-wrapper {\n display: flex;\n justify-content: center;\n}\n\n.order-summary__button {\n cursor: pointer;\n padding: 0.5rem 4rem;\n background: var(--emw--color-primary, #fed275);\n color: var(--emw--color-typography, #000);\n border-radius: var(--emw--button-border-radius, 4px);\n border: none;\n}\n\n.order-summary__button:not(.order-summary__button--disabled):not(.order-summary__button--loading):hover {\n transform: translateY(-1px);\n background: var(--emw--color-primary-variant, #ffe66f);\n}\n\n.order-summary__button--loading {\n background: var(--emw--color-primary-variant, #ffe66f);\n cursor: not-allowed;\n}\n\n.order-summary__button--disabled {\n background: var(--emw--color-background-secondary, #f5f5f5);\n color: var(--emw--color-typography, #000);\n cursor: not-allowed;\n}\n\n.skeleton-content {\n display: flex;\n flex-direction: column;\n gap: 29px;\n align-items: center;\n}\n\n.skeleton-item {\n background: var(--emw--color-background-secondary, #f5f5f5);\n border-radius: 4px;\n height: 40px;\n width: 200px;\n}\n\n.skeleton-animated {\n animation: skeleton-shimmer 1.5s infinite linear;\n background: linear-gradient(90deg, var(--emw--color-background-secondary, #f5f5f5) 25%, var(--emw--color-background-tertiary, #ccc) 37%, var(--emw--color-background-secondary, #f5f5f5) 63%);\n background-size: 200% 100%;\n}\n\n@keyframes skeleton-shimmer {\n to {\n background-position: 100% 0;\n }\n}";
|
|
2759
2759
|
const LotteryTippingTicketControllerStyle0 = lotteryTippingTicketControllerCss;
|
|
2760
2760
|
|
|
2761
2761
|
const LotteryTippingTicketController = class {
|
|
@@ -3053,12 +3053,13 @@ const LotteryTippingTicketController = class {
|
|
|
3053
3053
|
renderOrderSummary() {
|
|
3054
3054
|
return (index.h("div", { class: "LotteryTippingTicketController__main--right order-summary" }, index.h("h3", { class: "order-summary__title" }, translate('orderSummaryTitle', this.language)), index.h("div", { class: "order-summary__ticket-info" }, index.h("div", { class: "order-summary__ticket" }, translate('orderSummaryTickets', this.language), ":"), index.h("div", { class: "order-summary__details" }, index.h("span", { class: "order-summary__line-count" }, this.lineCountRender), index.h("div", null, this.currentStake && index.h("span", { class: "order-summary__multiplier" }, "x"), index.h("span", { class: "order-summary__stake" }, this.currentStakeFormatted)), this.isBothBettingType && (index.h("div", null, index.h("span", { class: "order-summary__multiplier" }, "x"), index.h("span", { class: "order-summary__stake" }, "2"))))), index.h("hr", { class: "order-summary__divider" }), index.h("div", { class: "order-summary__ticket-info" }, index.h("div", { class: "order-summary__ticket" }, translate('orderSummaryTotal', this.language), ":"), index.h("span", { class: "order-summary__details" }, this.totalAmountFormatted)), index.h("div", { class: "order-summary__button-wrapper" }, index.h("button", { class: {
|
|
3055
3055
|
'order-summary__button': true,
|
|
3056
|
-
'order-summary__button--disabled': !this.hasSelectAllBullet
|
|
3056
|
+
'order-summary__button--disabled': !this.hasSelectAllBullet,
|
|
3057
|
+
'order-summary__button--loading': this.submitLoading
|
|
3057
3058
|
}, onClick: this.handleSubmit.bind(this), disabled: !this.hasSelectAllBullet || this.submitLoading }, index.h("div", { class: "flex align-center gap-1" }, translate('orderSummarySubmit', this.language), this.submitLoading && index.h("img", { src: this.loadingImagePath }))))));
|
|
3058
3059
|
}
|
|
3059
3060
|
render() {
|
|
3060
3061
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
3061
|
-
return (index.h("div", { key: '
|
|
3062
|
+
return (index.h("div", { key: '0a07c0f2b9d0ba2f72596ca2a39daace665d752f', class: "lottery-tipping-ticket-controller__container", ref: (el) => (this.stylingContainer = el) }, index.h("lottery-tipping-ticket-banner", { key: 'c02cbcab65f5d37455fdf6f416d880e40156f7a5', "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl, stopTime: (_b = (_a = this.rawData) === null || _a === void 0 ? void 0 : _a.currentDraw) === null || _b === void 0 ? void 0 : _b.wagerCloseTime, period: (_d = (_c = this.rawData) === null || _c === void 0 ? void 0 : _c.currentDraw) === null || _d === void 0 ? void 0 : _d.date, language: this.language, "translation-url": this.translationUrl }), this.renderBettingControls(), index.h("div", { key: 'bab9dfd04949e8f6cf41dea54a365beb5ab68c31', class: "flex flex-wrap LotteryTippingTicketController__main" }, index.h("div", { key: '3e60ccac1e6fcac2002f969a15fe5b323778999c', class: "LotteryTippingTicketController__main--left" }, index.h("lottery-tipping-ticket-bet", { key: '687dc500753e860750d436203b7a2585ed37658d', ref: (el) => (this.childRef = el), endpoint: this.endpoint, "session-id": this.sessionId, "game-id": (_e = this.rawData) === null || _e === void 0 ? void 0 : _e.type, "draw-id": this.drawId, language: this.language, "translation-url": this.translationUrl, "max-total-pages": this.lineNumberRange.maxLineNumber, "min-total-pages": this.lineNumberRange.minLineNumber, "total-pages": this.lineNumberRange.defaultBoards, mode: this.selectedPlayingMode === PlayModeEnum.SingleBet ? 'single' : 'multi', "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl })), this.renderOrderSummary()), this.dialogConfig.visible && (index.h("vaadin-confirm-dialog", { key: '4e5ae727ceaff20804a3c7c9acf63f8a3d2bd54d', rejectButtonVisible: true, rejectText: translate('cancel', this.language), confirmText: translate('confirm', this.language), opened: (_f = this.dialogConfig) === null || _f === void 0 ? void 0 : _f.visible, onConfirm: this.dialogConfig.onConfirm, onReject: this.dialogConfig.onCancel }, (_g = this.dialogConfig) === null || _g === void 0 ? void 0 : _g.content))));
|
|
3062
3063
|
}
|
|
3063
3064
|
static get assetsDirs() { return ["../static"]; }
|
|
3064
3065
|
static get watchers() { return {
|
package/dist/collection/components/lottery-tipping-ticket-banner/lottery-tipping-ticket-banner.css
CHANGED
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
|
|
32
32
|
.brand {
|
|
33
33
|
font-weight: 700;
|
|
34
|
-
color: var(--emw--color-
|
|
34
|
+
color: var(--emw--color-typography, #000);
|
|
35
35
|
}
|
|
36
36
|
|
|
37
37
|
.mid {
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
font-weight: 800;
|
|
41
41
|
font-style: italic;
|
|
42
42
|
letter-spacing: 0.04em;
|
|
43
|
-
color: var(--emw--color-
|
|
43
|
+
color: var(--emw--color-typography, #000);
|
|
44
44
|
text-align: center;
|
|
45
45
|
}
|
|
46
46
|
|
|
@@ -61,11 +61,11 @@
|
|
|
61
61
|
}
|
|
62
62
|
}
|
|
63
63
|
.pill {
|
|
64
|
-
border:
|
|
64
|
+
border: 1px solid var(--emw--color-gray-150, #6f6f6f);
|
|
65
65
|
border-radius: 0.4rem;
|
|
66
66
|
padding: 0.25rem 0.7rem;
|
|
67
67
|
font-size: 0.9rem;
|
|
68
|
-
color: var(--emw--color-gray-
|
|
68
|
+
color: var(--emw--color-gray-400, #000);
|
|
69
69
|
display: inline-flex;
|
|
70
70
|
align-items: baseline;
|
|
71
71
|
}
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
box-sizing: border-box;
|
|
4
4
|
font-size: 14px;
|
|
5
5
|
container-type: inline-size;
|
|
6
|
+
background: var(--emw--color-background, #fff);
|
|
6
7
|
}
|
|
7
8
|
@container (max-width: 375px) {
|
|
8
9
|
.lottery-tipping-ticket-controller__container {
|
|
@@ -34,11 +35,12 @@
|
|
|
34
35
|
font-weight: 500;
|
|
35
36
|
white-space: nowrap;
|
|
36
37
|
width: 6rem;
|
|
38
|
+
color: var(--emw--color-typography-secondary, #333);
|
|
37
39
|
}
|
|
38
40
|
.LotteryTippingTicketController__segmented-control {
|
|
39
41
|
height: 2.2rem;
|
|
40
42
|
display: inline-flex;
|
|
41
|
-
background-color: var(--emw--color-
|
|
43
|
+
background-color: var(--emw--color-background-secondary, #f5f5f5);
|
|
42
44
|
border-radius: 2rem;
|
|
43
45
|
padding: 0.2rem;
|
|
44
46
|
}
|
|
@@ -52,17 +54,18 @@
|
|
|
52
54
|
outline: none;
|
|
53
55
|
transition: background-color 0.25s ease, color 0.25s ease;
|
|
54
56
|
white-space: nowrap;
|
|
57
|
+
color: var(--emw--color-typography, #000);
|
|
55
58
|
}
|
|
56
59
|
.LotteryTippingTicketController__segment--active {
|
|
57
60
|
background-color: var(--emw--color-background, #ffffff);
|
|
58
|
-
color: var(--emw--color-
|
|
61
|
+
color: var(--emw--color-typography, #000);
|
|
59
62
|
font-weight: 600;
|
|
60
63
|
}
|
|
61
64
|
.LotteryTippingTicketController__segment--disabled:hover {
|
|
62
65
|
cursor: not-allowed !important;
|
|
63
66
|
}
|
|
64
67
|
.LotteryTippingTicketController__segment:not(.LotteryTippingTicketController__segment--active):hover {
|
|
65
|
-
background-color: var(--emw--
|
|
68
|
+
background-color: var(--emw--color-background-tertiary, #ccc);
|
|
66
69
|
}
|
|
67
70
|
|
|
68
71
|
.flex {
|
|
@@ -111,7 +114,7 @@
|
|
|
111
114
|
.order-summary__title {
|
|
112
115
|
margin-bottom: 16px;
|
|
113
116
|
text-align: center;
|
|
114
|
-
color: var(--emw--color-
|
|
117
|
+
color: var(--emw--color-typography, #000);
|
|
115
118
|
text-transform: uppercase;
|
|
116
119
|
}
|
|
117
120
|
|
|
@@ -120,21 +123,24 @@
|
|
|
120
123
|
align-items: center;
|
|
121
124
|
margin-bottom: 16px;
|
|
122
125
|
gap: 10px;
|
|
126
|
+
color: var(--emw--color-typography, #000);
|
|
123
127
|
}
|
|
124
128
|
|
|
125
129
|
.order-summary__ticket {
|
|
126
130
|
font-weight: 500;
|
|
127
131
|
width: 50px;
|
|
128
132
|
text-align: right;
|
|
133
|
+
color: var(--emw--color-typography, #000);
|
|
129
134
|
}
|
|
130
135
|
|
|
131
136
|
.order-summary__details {
|
|
132
137
|
display: flex;
|
|
133
138
|
align-items: center;
|
|
139
|
+
color: var(--emw--color-typography, #000);
|
|
134
140
|
}
|
|
135
141
|
|
|
136
142
|
.order-summary__multiplier {
|
|
137
|
-
color: var(--emw--color-
|
|
143
|
+
color: var(--emw--color-typography-secondary, #333);
|
|
138
144
|
margin: 0 8px;
|
|
139
145
|
}
|
|
140
146
|
|
|
@@ -153,22 +159,25 @@
|
|
|
153
159
|
cursor: pointer;
|
|
154
160
|
padding: 0.5rem 4rem;
|
|
155
161
|
background: var(--emw--color-primary, #fed275);
|
|
156
|
-
color: var(--emw--color-
|
|
162
|
+
color: var(--emw--color-typography, #000);
|
|
157
163
|
border-radius: var(--emw--button-border-radius, 4px);
|
|
158
|
-
border:
|
|
164
|
+
border: none;
|
|
159
165
|
}
|
|
160
166
|
|
|
161
167
|
.order-summary__button:not(.order-summary__button--disabled):not(.order-summary__button--loading):hover {
|
|
162
168
|
transform: translateY(-1px);
|
|
163
|
-
box-shadow: 0 4px 8px var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15));
|
|
164
169
|
background: var(--emw--color-primary-variant, #ffe66f);
|
|
165
170
|
}
|
|
166
171
|
|
|
172
|
+
.order-summary__button--loading {
|
|
173
|
+
background: var(--emw--color-primary-variant, #ffe66f);
|
|
174
|
+
cursor: not-allowed;
|
|
175
|
+
}
|
|
176
|
+
|
|
167
177
|
.order-summary__button--disabled {
|
|
168
|
-
background: var(--emw--color-
|
|
169
|
-
color: var(--emw--color-typography, #
|
|
178
|
+
background: var(--emw--color-background-secondary, #f5f5f5);
|
|
179
|
+
color: var(--emw--color-typography, #000);
|
|
170
180
|
cursor: not-allowed;
|
|
171
|
-
border: 1px solid var(--emw--color-gray-100, #e6e6e6);
|
|
172
181
|
}
|
|
173
182
|
|
|
174
183
|
.skeleton-content {
|
|
@@ -179,7 +188,7 @@
|
|
|
179
188
|
}
|
|
180
189
|
|
|
181
190
|
.skeleton-item {
|
|
182
|
-
background: var(--emw--color-
|
|
191
|
+
background: var(--emw--color-background-secondary, #f5f5f5);
|
|
183
192
|
border-radius: 4px;
|
|
184
193
|
height: 40px;
|
|
185
194
|
width: 200px;
|
|
@@ -187,7 +196,7 @@
|
|
|
187
196
|
|
|
188
197
|
.skeleton-animated {
|
|
189
198
|
animation: skeleton-shimmer 1.5s infinite linear;
|
|
190
|
-
background: linear-gradient(90deg, var(--emw--color-
|
|
199
|
+
background: linear-gradient(90deg, var(--emw--color-background-secondary, #f5f5f5) 25%, var(--emw--color-background-tertiary, #ccc) 37%, var(--emw--color-background-secondary, #f5f5f5) 63%);
|
|
191
200
|
background-size: 200% 100%;
|
|
192
201
|
}
|
|
193
202
|
|
|
@@ -298,12 +298,13 @@ export class LotteryTippingTicketController {
|
|
|
298
298
|
renderOrderSummary() {
|
|
299
299
|
return (h("div", { class: "LotteryTippingTicketController__main--right order-summary" }, h("h3", { class: "order-summary__title" }, translate('orderSummaryTitle', this.language)), h("div", { class: "order-summary__ticket-info" }, h("div", { class: "order-summary__ticket" }, translate('orderSummaryTickets', this.language), ":"), h("div", { class: "order-summary__details" }, h("span", { class: "order-summary__line-count" }, this.lineCountRender), h("div", null, this.currentStake && h("span", { class: "order-summary__multiplier" }, "x"), h("span", { class: "order-summary__stake" }, this.currentStakeFormatted)), this.isBothBettingType && (h("div", null, h("span", { class: "order-summary__multiplier" }, "x"), h("span", { class: "order-summary__stake" }, "2"))))), h("hr", { class: "order-summary__divider" }), h("div", { class: "order-summary__ticket-info" }, h("div", { class: "order-summary__ticket" }, translate('orderSummaryTotal', this.language), ":"), h("span", { class: "order-summary__details" }, this.totalAmountFormatted)), h("div", { class: "order-summary__button-wrapper" }, h("button", { class: {
|
|
300
300
|
'order-summary__button': true,
|
|
301
|
-
'order-summary__button--disabled': !this.hasSelectAllBullet
|
|
301
|
+
'order-summary__button--disabled': !this.hasSelectAllBullet,
|
|
302
|
+
'order-summary__button--loading': this.submitLoading
|
|
302
303
|
}, onClick: this.handleSubmit.bind(this), disabled: !this.hasSelectAllBullet || this.submitLoading }, h("div", { class: "flex align-center gap-1" }, translate('orderSummarySubmit', this.language), this.submitLoading && h("img", { src: this.loadingImagePath }))))));
|
|
303
304
|
}
|
|
304
305
|
render() {
|
|
305
306
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
306
|
-
return (h("div", { key: '
|
|
307
|
+
return (h("div", { key: '0a07c0f2b9d0ba2f72596ca2a39daace665d752f', class: "lottery-tipping-ticket-controller__container", ref: (el) => (this.stylingContainer = el) }, h("lottery-tipping-ticket-banner", { key: 'c02cbcab65f5d37455fdf6f416d880e40156f7a5', "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl, stopTime: (_b = (_a = this.rawData) === null || _a === void 0 ? void 0 : _a.currentDraw) === null || _b === void 0 ? void 0 : _b.wagerCloseTime, period: (_d = (_c = this.rawData) === null || _c === void 0 ? void 0 : _c.currentDraw) === null || _d === void 0 ? void 0 : _d.date, language: this.language, "translation-url": this.translationUrl }), this.renderBettingControls(), h("div", { key: 'bab9dfd04949e8f6cf41dea54a365beb5ab68c31', class: "flex flex-wrap LotteryTippingTicketController__main" }, h("div", { key: '3e60ccac1e6fcac2002f969a15fe5b323778999c', class: "LotteryTippingTicketController__main--left" }, h("lottery-tipping-ticket-bet", { key: '687dc500753e860750d436203b7a2585ed37658d', ref: (el) => (this.childRef = el), endpoint: this.endpoint, "session-id": this.sessionId, "game-id": (_e = this.rawData) === null || _e === void 0 ? void 0 : _e.type, "draw-id": this.drawId, language: this.language, "translation-url": this.translationUrl, "max-total-pages": this.lineNumberRange.maxLineNumber, "min-total-pages": this.lineNumberRange.minLineNumber, "total-pages": this.lineNumberRange.defaultBoards, mode: this.selectedPlayingMode === PlayModeEnum.SingleBet ? 'single' : 'multi', "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl })), this.renderOrderSummary()), this.dialogConfig.visible && (h("vaadin-confirm-dialog", { key: '4e5ae727ceaff20804a3c7c9acf63f8a3d2bd54d', rejectButtonVisible: true, rejectText: translate('cancel', this.language), confirmText: translate('confirm', this.language), opened: (_f = this.dialogConfig) === null || _f === void 0 ? void 0 : _f.visible, onConfirm: this.dialogConfig.onConfirm, onReject: this.dialogConfig.onCancel }, (_g = this.dialogConfig) === null || _g === void 0 ? void 0 : _g.content))));
|
|
307
308
|
}
|
|
308
309
|
static get is() { return "lottery-tipping-ticket-controller"; }
|
|
309
310
|
static get encapsulation() { return "shadow"; }
|