@everymatrix/lottery-tipping-ticket-controller 1.83.4 → 1.83.6
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 +85 -33
- package/dist/cjs/index.cjs.js +2 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{lottery-tipping-ticket-controller-3cf6738b.js → lottery-tipping-ticket-controller-b89883ee.js} +68 -80
- package/dist/cjs/lottery-tipping-ticket-controller.cjs.js +1 -1
- package/dist/collection/components/lottery-tipping-ticket-banner/locale.utils.js +2 -1
- package/dist/collection/components/lottery-tipping-ticket-banner/lottery-tipping-ticket-banner.js +19 -1
- package/dist/collection/components/lottery-tipping-ticket-controller/lottery-tipping-ticket-controller.js +50 -13
- package/dist/collection/utils/api.js +38 -0
- package/dist/collection/utils/locale.utils.js +3 -0
- package/dist/esm/general-tooltip_6.entry.js +81 -29
- package/dist/esm/index.js +2 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{lottery-tipping-ticket-controller-6e3bdd52.js → lottery-tipping-ticket-controller-12ffe9b9.js} +69 -80
- package/dist/esm/lottery-tipping-ticket-controller.js +1 -1
- package/dist/lottery-tipping-ticket-controller/general-tooltip_6.entry.js +241 -241
- package/dist/lottery-tipping-ticket-controller/index.esm.js +1 -1
- package/dist/lottery-tipping-ticket-controller/lottery-tipping-ticket-controller-12ffe9b9.js +1 -0
- package/dist/lottery-tipping-ticket-controller/lottery-tipping-ticket-controller.esm.js +1 -1
- package/dist/types/components/lottery-tipping-ticket-banner/lottery-tipping-ticket-banner.d.ts +2 -0
- package/dist/types/components/lottery-tipping-ticket-controller/lottery-tipping-ticket-controller.d.ts +7 -1
- package/dist/types/components.d.ts +10 -0
- package/dist/types/models/index.d.ts +16 -0
- package/dist/types/utils/api.d.ts +12 -0
- package/package.json +1 -1
- package/dist/lottery-tipping-ticket-controller/lottery-tipping-ticket-controller-6e3bdd52.js +0 -1
|
@@ -3,7 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-3e1fe885.js');
|
|
6
|
-
const lotteryTippingTicketController = require('./lottery-tipping-ticket-controller-
|
|
6
|
+
const lotteryTippingTicketController = require('./lottery-tipping-ticket-controller-b89883ee.js');
|
|
7
|
+
require('@everymatrix/lottery-button');
|
|
7
8
|
|
|
8
9
|
/**
|
|
9
10
|
* @name startOfDay
|
|
@@ -91,26 +92,6 @@ function isToday(dirtyDate) {
|
|
|
91
92
|
return isSameDay(dirtyDate, Date.now());
|
|
92
93
|
}
|
|
93
94
|
|
|
94
|
-
// This icon file is generated automatically.
|
|
95
|
-
var DeleteOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z" } }] }, "name": "delete", "theme": "outlined" };
|
|
96
|
-
const DeleteOutlined$1 = DeleteOutlined;
|
|
97
|
-
|
|
98
|
-
// This icon file is generated automatically.
|
|
99
|
-
var InfoCircleOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" } }, { "tag": "path", "attrs": { "d": "M464 336a48 48 0 1096 0 48 48 0 10-96 0zm72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z" } }] }, "name": "info-circle", "theme": "outlined" };
|
|
100
|
-
const InfoCircleOutlined$1 = InfoCircleOutlined;
|
|
101
|
-
|
|
102
|
-
// This icon file is generated automatically.
|
|
103
|
-
var LeftOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z" } }] }, "name": "left", "theme": "outlined" };
|
|
104
|
-
const LeftOutlined$1 = LeftOutlined;
|
|
105
|
-
|
|
106
|
-
// This icon file is generated automatically.
|
|
107
|
-
var PlusSquareOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M328 544h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z" } }, { "tag": "path", "attrs": { "d": "M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z" } }] }, "name": "plus-square", "theme": "outlined" };
|
|
108
|
-
const PlusSquareOutlined$1 = PlusSquareOutlined;
|
|
109
|
-
|
|
110
|
-
// This icon file is generated automatically.
|
|
111
|
-
var RightOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z" } }] }, "name": "right", "theme": "outlined" };
|
|
112
|
-
const RightOutlined$1 = RightOutlined;
|
|
113
|
-
|
|
114
95
|
const generalTooltipCss = ".general-tooltip-wrapper{display:inline-block;position:relative;line-height:0}.general-tooltip-container{display:contents;}.general-tooltip-popup{position:absolute;color:var(--emw--color-typography-inverse, #fff);background:var(--emw--color-background-inverse, #000);padding:8px 12px;border-radius:4px;font-size:0.875em;line-height:1.4;z-index:1000;opacity:0;visibility:hidden;transition:opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;white-space:nowrap;pointer-events:none;}.general-tooltip-popup.visible{opacity:1;visibility:visible}.general-tooltip-arrow{position:absolute;width:0;height:0;border-style:solid}.general-tooltip-top{bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:8px;}.general-tooltip-top .general-tooltip-arrow{top:100%;left:50%;transform:translateX(-50%);border-width:6px 6px 0 6px;border-color:var(--emw--color-gray-300, #333) transparent transparent transparent}.general-tooltip-bottom{top:100%;left:50%;transform:translateX(-50%);margin-top:8px;}.general-tooltip-bottom .general-tooltip-arrow{bottom:100%;left:50%;transform:translateX(-50%);border-width:0 6px 6px 6px;border-color:transparent transparent var(--emw--color-gray-300, #333) transparent}.general-tooltip-left{right:100%;top:50%;transform:translateY(-50%);margin-right:8px;}.general-tooltip-left .general-tooltip-arrow{left:100%;top:50%;transform:translateY(-50%);border-width:6px 0 6px 6px;border-color:transparent transparent transparent var(--emw--color-gray-300, #333)}.general-tooltip-right{left:100%;top:50%;transform:translateY(-50%);margin-left:8px;}.general-tooltip-right .general-tooltip-arrow{right:100%;top:50%;transform:translateY(-50%);border-width:6px 6px 6px 0;border-color:transparent var(--emw--color-gray-300, #333) transparent transparent}";
|
|
115
96
|
const GeneralTooltipStyle0 = generalTooltipCss;
|
|
116
97
|
|
|
@@ -369,7 +350,8 @@ const SUPPORTED_LANGUAGES$1 = ['ro', 'en', 'fr', 'ar', 'hr'];
|
|
|
369
350
|
const TRANSLATIONS$1 = {
|
|
370
351
|
en: {
|
|
371
352
|
stop: 'Stop',
|
|
372
|
-
at: 'at'
|
|
353
|
+
at: 'at',
|
|
354
|
+
turnover: 'Turnover: '
|
|
373
355
|
},
|
|
374
356
|
ro: {
|
|
375
357
|
stop: 'Oprește',
|
|
@@ -407,6 +389,7 @@ const LotteryTippingTicketBanner = class {
|
|
|
407
389
|
this.logoUrl = undefined;
|
|
408
390
|
this.stopTime = '';
|
|
409
391
|
this.period = undefined;
|
|
392
|
+
this.formattedTurnover = undefined;
|
|
410
393
|
}
|
|
411
394
|
get formattedStopTime() {
|
|
412
395
|
let _temp = '';
|
|
@@ -461,7 +444,7 @@ const LotteryTippingTicketBanner = class {
|
|
|
461
444
|
this.stylingSubscription && this.stylingSubscription.unsubscribe();
|
|
462
445
|
}
|
|
463
446
|
render() {
|
|
464
|
-
return (index.h("div", { key: '
|
|
447
|
+
return (index.h("div", { key: 'e9286d0a6a9433698703b9c04d6d50892a7b3168', ref: (el) => (this.stylingContainer = el), class: "lottery-tipping-ticket-banner__container" }, index.h("section", { key: 'd787e64156f76cf6d12bd552513971301534860c', class: "banner" }, index.h("div", { key: '027baf0c88733d1430801c96b5b338f79f92f22c', class: "left" }, this.logoUrl && index.h("img", { key: '7b41d5635a2121ccf394aca19de48e10e9a93357', alt: "Betting", src: this.logoUrl, class: "logo" })), index.h("div", { key: '73e6c3ffa336b020a3819a72b71117b8084381b1', class: "mid period" }, this.formattedPeriod), index.h("div", { key: '922ae894814157f68aa8f0774c8aa5ca06e1e7cd', class: "right" }, index.h("span", { key: 'efaf79b1ff5617f2ba92cfef464232041cd87fbf', class: "pill" }, index.h("strong", { key: 'c842562b15a13407038933da9d1cc7c6fafa0b76' }, translate$1('stop', this.language)), "\u00A0", translate$1('at', this.language), "\u00A0", this.formattedStopTime), index.h("span", { key: '3e79a5ec17cbcf0896d58196286fa0b637988f69', class: "pill" }, index.h("strong", { key: '1158b00abffb1c6bf04e9eec10b4c996d04f118e' }, translate$1('turnover', this.language)), "\u00A0", this.formattedTurnover)))));
|
|
465
448
|
}
|
|
466
449
|
static get assetsDirs() { return ["../static"]; }
|
|
467
450
|
static get watchers() { return {
|
|
@@ -598,6 +581,71 @@ const showNotification = ({ message, theme = 'success' }) => {
|
|
|
598
581
|
});
|
|
599
582
|
};
|
|
600
583
|
|
|
584
|
+
// This icon file is generated automatically.
|
|
585
|
+
var DeleteOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z" } }] }, "name": "delete", "theme": "outlined" };
|
|
586
|
+
const DeleteOutlined$1 = DeleteOutlined;
|
|
587
|
+
|
|
588
|
+
// This icon file is generated automatically.
|
|
589
|
+
var InfoCircleOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" } }, { "tag": "path", "attrs": { "d": "M464 336a48 48 0 1096 0 48 48 0 10-96 0zm72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z" } }] }, "name": "info-circle", "theme": "outlined" };
|
|
590
|
+
const InfoCircleOutlined$1 = InfoCircleOutlined;
|
|
591
|
+
|
|
592
|
+
// This icon file is generated automatically.
|
|
593
|
+
var LeftOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z" } }] }, "name": "left", "theme": "outlined" };
|
|
594
|
+
const LeftOutlined$1 = LeftOutlined;
|
|
595
|
+
|
|
596
|
+
// This icon file is generated automatically.
|
|
597
|
+
var PlusSquareOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M328 544h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z" } }, { "tag": "path", "attrs": { "d": "M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z" } }] }, "name": "plus-square", "theme": "outlined" };
|
|
598
|
+
const PlusSquareOutlined$1 = PlusSquareOutlined;
|
|
599
|
+
|
|
600
|
+
// This icon file is generated automatically.
|
|
601
|
+
var RightOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z" } }] }, "name": "right", "theme": "outlined" };
|
|
602
|
+
const RightOutlined$1 = RightOutlined;
|
|
603
|
+
|
|
604
|
+
var __assign = (undefined && undefined.__assign) || function () {
|
|
605
|
+
__assign = Object.assign || function(t) {
|
|
606
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
607
|
+
s = arguments[i];
|
|
608
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
609
|
+
t[p] = s[p];
|
|
610
|
+
}
|
|
611
|
+
return t;
|
|
612
|
+
};
|
|
613
|
+
return __assign.apply(this, arguments);
|
|
614
|
+
};
|
|
615
|
+
var defaultColors = {
|
|
616
|
+
primaryColor: '#333',
|
|
617
|
+
secondaryColor: '#E6E6E6'
|
|
618
|
+
};
|
|
619
|
+
function renderIconDefinitionToSVGElement(icond, options) {
|
|
620
|
+
if (options === void 0) { options = {}; }
|
|
621
|
+
if (typeof icond.icon === 'function') {
|
|
622
|
+
// two-tone
|
|
623
|
+
var placeholders = options.placeholders || defaultColors;
|
|
624
|
+
return renderAbstractNodeToSVGElement(icond.icon(placeholders.primaryColor, placeholders.secondaryColor), options);
|
|
625
|
+
}
|
|
626
|
+
// fill, outline
|
|
627
|
+
return renderAbstractNodeToSVGElement(icond.icon, options);
|
|
628
|
+
}
|
|
629
|
+
function renderAbstractNodeToSVGElement(node, options) {
|
|
630
|
+
var targetAttrs = node.tag === 'svg'
|
|
631
|
+
? __assign(__assign({}, node.attrs), (options.extraSVGAttrs || {})) : node.attrs;
|
|
632
|
+
var attrs = Object.keys(targetAttrs).reduce(function (acc, nextKey) {
|
|
633
|
+
var key = nextKey;
|
|
634
|
+
var value = targetAttrs[key];
|
|
635
|
+
var token = "".concat(key, "=\"").concat(value, "\"");
|
|
636
|
+
acc.push(token);
|
|
637
|
+
return acc;
|
|
638
|
+
}, []);
|
|
639
|
+
var attrsToken = attrs.length ? ' ' + attrs.join(' ') : '';
|
|
640
|
+
var children = (node.children || [])
|
|
641
|
+
.map(function (child) { return renderAbstractNodeToSVGElement(child, options); })
|
|
642
|
+
.join('');
|
|
643
|
+
if (children && children.length) {
|
|
644
|
+
return "<".concat(node.tag).concat(attrsToken, ">").concat(children, "</").concat(node.tag, ">");
|
|
645
|
+
}
|
|
646
|
+
return "<".concat(node.tag).concat(attrsToken, " />");
|
|
647
|
+
}
|
|
648
|
+
|
|
601
649
|
var jr=Object.defineProperty,qr=Object.defineProperties;var Yr=Object.getOwnPropertyDescriptors;var lo=Object.getOwnPropertySymbols;var Kr=Object.prototype.hasOwnProperty,Gr=Object.prototype.propertyIsEnumerable;var Mt=(s,t,e)=>t in s?jr(s,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):s[t]=e,we=(s,t)=>{for(var e in t||(t={}))Kr.call(t,e)&&Mt(s,e,t[e]);if(lo)for(var e of lo(t))Gr.call(t,e)&&Mt(s,e,t[e]);return s},Nt=(s,t)=>qr(s,Yr(t));var k=(s,t,e)=>(Mt(s,typeof t!="symbol"?t+"":t,e),e);var Ce=(s,t,e)=>new Promise((i,o)=>{var r=l=>{try{a(e.next(l));}catch(d){o(d);}},n=l=>{try{a(e.throw(l));}catch(d){o(d);}},a=l=>l.done?i(l.value):Promise.resolve(l.value).then(r,n);a((e=e.apply(s,t)).next());});/**
|
|
602
650
|
* @license
|
|
603
651
|
* Copyright (c) 2021 - 2024 Vaadin Ltd.
|
|
@@ -7261,19 +7309,19 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|
|
7261
7309
|
const lotteryTippingTicketBetCss = ".LotteryTippingTicketBet__container {\n display: block; /* Or inline-block, depending on desired layout flow */\n font-size: 14px;\n line-height: 1.5715;\n color: var(--emw--color-typography, #000);\n background: var(--emw--color-background, #fff);\n overflow: hidden;\n min-width: 300px;\n container-type: inline-size;\n}\n@container (max-width: 375px) {\n .LotteryTippingTicketBet__container {\n font-size: 12px;\n }\n}\n\n.table-wrapper {\n overflow-x: auto; /* Handle horizontal scroll if content overflows */\n}\n\n.my-table-component {\n width: 100%;\n border-collapse: collapse; /* Important for borders */\n text-align: left;\n border-radius: 0.1rem; /* Ant Design like subtle rounding */\n border-spacing: 0;\n}\n\n/* Header */\n.my-table-component th {\n background: var(--emw--color-background-secondary, #f5f5f5);\n color: var(--emw--color-typography, #000);\n font-weight: 500;\n padding: 0.4rem 0.5rem;\n transition: background 0.3s ease;\n}\n\n/* Cells */\n.my-table-component td {\n padding: 0.4rem 0.5rem;\n color: var(--emw--color-typography, #000);\n background: var(--emw--color-background, #fff);\n transition: background 0.3s;\n}\n@container (max-width: 400px) {\n .my-table-component td {\n padding: 0.3rem 0.3rem;\n }\n}\n\n.my-table-component.bordered th,\n.my-table-component.bordered td {\n border-bottom: 1px solid var(--emw--color-gray-100, #e6e6e6);\n}\n\n/* Bordered style */\n.my-table-component.grid th,\n.my-table-component.grid td {\n border: 1px solid var(--emw--color-gray-100, #e6e6e6);\n}\n\n.my-table-component.grid th {\n border-bottom-width: 1px; /* Ensure bottom border is consistent */\n}\n\n.my-table-component.grid {\n border: 1px solid var(--emw--color-gray-100, #e6e6e6); /* Outer border */\n border-right-width: 0;\n border-bottom-width: 0;\n}\n\n.my-table-component.grid th:last-child,\n.my-table-component.grid td:last-child {\n border-right: 1px solid var(--emw--color-gray-100, #e6e6e6);\n}\n\n.my-table-component.grid tr:last-child td {\n border-bottom: 1px solid var(--emw--color-gray-100, #e6e6e6);\n}\n\n/* Striped style */\n.my-table-component.striped tbody tr:nth-child(even) td {\n background-color: var(--emw--color-background-secondary, #f5f5f5);\n}\n\n/* Hover (optional, but nice) */\n.my-table-component tbody tr:hover td {\n background-color: var(--emw--color-background-secondary, #f5f5f5);\n}\n\n.flex {\n display: flex;\n}\n\n.justify-end {\n justify-content: flex-end;\n}\n\n.gap-1 {\n gap: 4px;\n}\n\n.justify-between {\n justify-content: space-between;\n}\n\n.align-center {\n align-items: center;\n}\n\n.gap-1 {\n gap: 0.5rem;\n}\n\n.btn {\n color: var(--emw--color-typography, #000);\n background: var(--emw--color-background, #fff);\n font-size: 14px;\n transition: all 0.2s ease;\n}\n.btn:hover {\n cursor: pointer;\n}\n\n.btn:hover {\n background-color: var(--emw--color-gray-100, #e6e6e6);\n}\n\n.btn.disabled {\n opacity: 0.5;\n pointer-events: none;\n}\n.btn.disabled:hover {\n cursor: not-allowed !important;\n}\n\n.LotteryTippingTicketBet__tableToolbar {\n width: 100%;\n margin-bottom: 1rem;\n}\n\n.LotteryTippingTicketBet__tableToolbar--item {\n background-color: transparent;\n cursor: pointer;\n font-weight: 500;\n white-space: nowrap;\n display: inline-flex;\n border-radius: 1.6rem;\n border: 1px solid var(--emw--color-gray-100, #e6e6e6);\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n padding-left: 1rem;\n padding-right: 1rem;\n margin-right: 2rem;\n color: var(--emw--color-typography, #000);\n}\n.LotteryTippingTicketBet__tableToolbar--item.mr-0 {\n margin-right: 0rem !important;\n}\n\n.LotteryTippingTicketBet__lineOperatorGroup {\n flex-basis: 2rem;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n border-radius: 8px;\n}\n\n.LotteryTippingTicketBet__lineOperatorGroup--item {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 2rem;\n height: 2rem;\n background-color: var(--emw--color-background-secondary, #f5f5f5);\n color: var(--emw--color-typography, #000);\n border-radius: 8px;\n transition: all 0.2s ease-in-out;\n cursor: pointer;\n}\n\n.LotteryTippingTicketBet__lineOperatorGroup--item:hover {\n transform: scale(1.1);\n box-shadow: 0 6px 14px var(--emw-calender-curday-box-shadow, rgba(0, 0, 0, 0.09));\n}\n\n.LotteryTippingTicketBet__lineOperatorGroup--item .icon {\n width: 20px;\n height: 20px;\n transition: filter 0.2s ease-in-out;\n filter: grayscale(0.3);\n}\n\n.LotteryTippingTicketBet__lineOperatorGroup--item:hover .icon {\n filter: grayscale(0);\n transform: rotate(3deg);\n}\n\ndiv.border-line {\n margin-top: 1rem;\n height: 1px;\n width: 100%;\n box-sizing: border-box;\n background-color: var(--emw--color-background-secondary, #f5f5f5);\n transition: all 0.3s ease;\n}\n\n.LotteryTippingTicketBet__footer {\n padding: 0.5rem;\n}\n\n.my-pagination {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 1rem;\n font-size: 0.8rem;\n color: var(--emw--color-typography-secondary, #333);\n}\n\n.my-pagination span {\n font-weight: 500;\n user-select: none;\n}\n\n.my-pagination .btn {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 2rem;\n height: 2rem;\n border-radius: 50%;\n transition: all 0.3s ease;\n cursor: pointer;\n opacity: 0.9;\n color: var(--emw--color-typography, #000);\n background-color: var(--emw--color-background-secondary, #f5f5f5);\n}\n\n.my-pagination .btn .icon {\n width: 20px;\n height: 20px;\n transition: transform 0.2s ease;\n}\n\n.my-pagination .btn:hover {\n transform: scale(1.1);\n box-shadow: 0 6px 14px var(--emw-calender-curday-box-shadow, rgba(0, 0, 0, 0.09));\n}\n\n.my-pagination .btn.disabled {\n background-color: var(--emw--color-background-tertiary, #ccc);\n cursor: not-allowed;\n opacity: 0.5;\n transform: scale(1);\n}\n\n.match-info-item {\n display: flex;\n}\n\n.match-info-item-label {\n margin-right: 6px;\n}\n\n.info-icon:hover {\n cursor: pointer;\n}\n\n.LotteryTippingTicketBet__empty p {\n text-align: center;\n}\n\n.no-wrap {\n white-space: nowrap;\n overflow: hidden;\n}\n\n.eventNameContainer__item--title {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 300px;\n}\n@container (max-width: 600px) {\n .eventNameContainer__item--title {\n max-width: 180px;\n }\n}\n@container (max-width: 500px) {\n .eventNameContainer__item--title {\n max-width: 150px;\n }\n}\n@container (max-width: 400px) {\n .eventNameContainer__item--title {\n max-width: 100px;\n }\n}\n@container (max-width: 330px) {\n .eventNameContainer__item--title {\n max-width: 70px;\n }\n}\n\n.LotteryTippingTicketBet__main {\n perspective: 800px;\n will-change: transform, opacity;\n backface-visibility: hidden;\n}\n\n@container (max-width: 520px) {\n .LotteryTippingTicketBet__main {\n flex-wrap: wrap;\n justify-content: center;\n }\n .LotteryTippingTicketBet__tableToolbar--item {\n margin-right: 0 !important;\n }\n}\n/* Fade-In Keyframes */\n@keyframes fadeInLeft {\n from {\n opacity: 0;\n transform: translateX(100%);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n/* Fade-Out Keyframes */\n@keyframes fadeOut {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n@keyframes fadeInRight {\n from {\n opacity: 0;\n transform: translateX(-100%);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(100%);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n@-webkit-keyframes slide-left {\n 0% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 100% {\n -webkit-transform: translateX(-100px);\n transform: translateX(-100px);\n }\n}\n@keyframes slide-left {\n 0% {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n }\n 100% {\n -webkit-transform: translateX(0px);\n transform: translateX(0px);\n }\n}\n@-webkit-keyframes slide-right {\n 0% {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n }\n 100% {\n -webkit-transform: translateX(0px);\n transform: translateX(0px);\n }\n}\n@keyframes slide-right {\n 0% {\n -webkit-transform: translateX(-100px);\n transform: translateX(-100px);\n }\n 100% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n}\n@-webkit-keyframes slide-top {\n 0% {\n -webkit-transform: translateY(-100px);\n transform: translateY(-100px);\n }\n 100% {\n -webkit-transform: translateY(0px);\n transform: translateY(0px);\n }\n}\n@keyframes slide-top {\n 0% {\n -webkit-transform: translateY(-100px);\n transform: translateY(-100px);\n }\n 100% {\n -webkit-transform: translateY(0px);\n transform: translateY(0px);\n }\n}\n/* Apply to your card classes */\n.card-in-left {\n -webkit-animation: slide-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;\n animation: slide-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;\n}\n\n.card-out-left {\n animation: fadeOut 0.2s ease-out both;\n}\n\n.card-in-right {\n -webkit-animation: slide-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;\n animation: slide-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;\n}\n\n.card-out-right {\n animation: fadeOut 0.2s ease-out both;\n}\n\n.card-in-up {\n -webkit-animation: slide-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;\n animation: slide-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;\n}\n\n.card-out-down {\n animation: fadeOut 0.2s ease-out both;\n}\n\n.loading-wrap {\n margin: 20px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 40vh;\n}\n.loading-wrap .dots-container {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100%;\n}\n.loading-wrap .dot {\n height: 14px;\n width: 14px;\n margin-right: 14px;\n border-radius: 14px;\n background-color: var(--emw--color-gray-300, #333);\n animation: pulse 1.5s infinite ease-in-out;\n}\n.loading-wrap .dot:last-child {\n margin-right: 0;\n}\n.loading-wrap .dot:nth-child(1) {\n animation-delay: -0.3s;\n}\n.loading-wrap .dot:nth-child(2) {\n animation-delay: -0.1s;\n}\n.loading-wrap .dot:nth-child(3) {\n animation-delay: 0.1s;\n}\n@keyframes pulse {\n 0% {\n transform: scale(0.8);\n background-color: var(--emw--color-gray-300, #333);\n }\n 50% {\n transform: scale(1.2);\n background-color: var(--emw--color-gray-100, #e6e6e6);\n }\n 100% {\n transform: scale(0.8);\n background-color: var(--emw--color-gray-150, #6f6f6f);\n }\n}";
|
|
7262
7310
|
const LotteryTippingTicketBetStyle0 = lotteryTippingTicketBetCss;
|
|
7263
7311
|
|
|
7264
|
-
const addImagePath =
|
|
7312
|
+
const addImagePath = renderIconDefinitionToSVGElement(PlusSquareOutlined$1, {
|
|
7265
7313
|
extraSVGAttrs: { width: '20px', height: '20px', fill: 'currentColor' }
|
|
7266
7314
|
});
|
|
7267
|
-
const deleteImagePath =
|
|
7315
|
+
const deleteImagePath = renderIconDefinitionToSVGElement(DeleteOutlined$1, {
|
|
7268
7316
|
extraSVGAttrs: { width: '20px', height: '20px', fill: 'currentColor' }
|
|
7269
7317
|
});
|
|
7270
|
-
const infoImagePath =
|
|
7318
|
+
const infoImagePath = renderIconDefinitionToSVGElement(InfoCircleOutlined$1, {
|
|
7271
7319
|
extraSVGAttrs: { width: '16px', height: '16px', fill: 'currentColor' }
|
|
7272
7320
|
});
|
|
7273
|
-
const leftImagePath =
|
|
7321
|
+
const leftImagePath = renderIconDefinitionToSVGElement(LeftOutlined$1, {
|
|
7274
7322
|
extraSVGAttrs: { width: '20px', height: '20px', fill: 'currentColor' }
|
|
7275
7323
|
});
|
|
7276
|
-
const rightImagePath =
|
|
7324
|
+
const rightImagePath = renderIconDefinitionToSVGElement(RightOutlined$1, {
|
|
7277
7325
|
extraSVGAttrs: { width: '20px', height: '20px', fill: 'currentColor' }
|
|
7278
7326
|
});
|
|
7279
7327
|
const LotteryTippingTicketBet = class {
|
|
@@ -7412,11 +7460,7 @@ const LotteryTippingTicketBet = class {
|
|
|
7412
7460
|
.then((data) => {
|
|
7413
7461
|
this.ticketDataSource = data || [];
|
|
7414
7462
|
this.isLoading = false;
|
|
7415
|
-
|
|
7416
|
-
this.bulletConfigLineGroup = this.parsedDefaultBulletConfigLineGroup;
|
|
7417
|
-
else {
|
|
7418
|
-
this._resetBulletConfig();
|
|
7419
|
-
}
|
|
7463
|
+
this.updateBulletConfigLineGroup();
|
|
7420
7464
|
})
|
|
7421
7465
|
.catch((err) => {
|
|
7422
7466
|
this.isLoading = false;
|
|
@@ -7424,6 +7468,13 @@ const LotteryTippingTicketBet = class {
|
|
|
7424
7468
|
console.error('Error!', err);
|
|
7425
7469
|
});
|
|
7426
7470
|
}
|
|
7471
|
+
updateBulletConfigLineGroup() {
|
|
7472
|
+
if (this.parsedDefaultBulletConfigLineGroup && this.parsedDefaultBulletConfigLineGroup.length > 0)
|
|
7473
|
+
this.bulletConfigLineGroup = this.parsedDefaultBulletConfigLineGroup;
|
|
7474
|
+
else {
|
|
7475
|
+
this._resetBulletConfig();
|
|
7476
|
+
}
|
|
7477
|
+
}
|
|
7427
7478
|
connectedCallback() {
|
|
7428
7479
|
this.fetchMatchData();
|
|
7429
7480
|
}
|
|
@@ -7591,6 +7642,7 @@ const LotteryTippingTicketBet = class {
|
|
|
7591
7642
|
"gameId": ["fetchMatchData"],
|
|
7592
7643
|
"sessionId": ["fetchMatchData"],
|
|
7593
7644
|
"drawId": ["fetchMatchData"],
|
|
7645
|
+
"defaultBulletConfigLineGroup": ["fetchMatchData"],
|
|
7594
7646
|
"currentPage": ["handleCurrentPageChange"]
|
|
7595
7647
|
}; }
|
|
7596
7648
|
};
|
package/dist/cjs/index.cjs.js
CHANGED
|
@@ -2,8 +2,9 @@
|
|
|
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-b89883ee.js');
|
|
6
6
|
require('./index-3e1fe885.js');
|
|
7
|
+
require('@everymatrix/lottery-button');
|
|
7
8
|
|
|
8
9
|
|
|
9
10
|
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
|
8
8
|
const defineCustomElements = async (win, options) => {
|
|
9
9
|
if (typeof window === 'undefined') return undefined;
|
|
10
10
|
await appGlobals.globalScripts();
|
|
11
|
-
return index.bootstrapLazy([["general-tooltip_6.cjs",[[1,"lottery-tipping-ticket-controller",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"logoUrl":[513,"logo-url"],"endpoint":[513],"endpointTicket":[513,"endpoint-ticket"],"sessionId":[513,"session-id"],"gameId":[513,"game-id"],"playerId":[513,"player-id"],"drawId":[513,"draw-id"],"isLoading":[32],"bettingTypeOptions":[32],"playingModeOptions":[32],"selectedBettingType":[32],"selectedPlayingMode":[32],"hasSelectBullet":[32],"hasSelectAllBullet":[32],"totalLineCombination":[32],"submitLoading":[32],"rawData":[32],"dialogConfig":[32]},[[0,"lotteryTippingBulletBetSelect","lotteryTippingBulletGroupSelectionHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-ticket-bet",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"sessionId":[513,"session-id"],"endpoint":[513],"gameId":[513,"game-id"],"drawId":[513,"draw-id"],"totalPages":[1538,"total-pages"],"minTotalPages":[514,"min-total-pages"],"maxTotalPages":[514,"max-total-pages"],"mode":[513],"readPretty":[516,"read-pretty"],"defaultBulletConfigLineGroup":[513,"default-bullet-config-line-group"],"translationData":[32],"clientStylingUrlContent":[32],"bulletConfigLineGroup":[32],"currentPage":[32],"isLoading":[32],"hasErrors":[32],"dialogConfig":[32],"ticketDataSource":[32],"resetBulletConfig":[64],"getData":[64]},[[0,"lotteryTippingBulletGroupToggle","lotteryTippingBulletGroupSelectionHandler"]],{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"gameId":["fetchMatchData"],"sessionId":["fetchMatchData"],"drawId":["fetchMatchData"],"currentPage":["handleCurrentPageChange"]}],[1,"lottery-tipping-ticket-banner",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[513,"translation-url"],"logoUrl":[513,"logo-url"],"stopTime":[1,"stop-time"],"period":[1]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-bullet-group",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"positionIdx":[513,"position-idx"],"theme":[513],"mode":[513],"bulletConfigContent":[513,"bullet-config-content"]},[[0,"lotteryTippingBulletToggle","lotteryTippingBulletSelectionHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"general-tooltip",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"position":[1],"delay":[2],"isVisible":[32],"_tooltipId":[32]},[[1,"mouseenter","handleMouseEnterOrFocus"],[0,"focusin","handleMouseEnterOrFocus"],[1,"mouseleave","handleMouseLeaveOrBlur"],[0,"focusout","handleMouseLeaveOrBlur"],[0,"keydown","handleKeyDown"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-bullet",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"positionIdx":[514,"position-idx"],"theme":[513],"value":[513],"disabled":[516],"isSelected":[516,"is-selected"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
|
|
11
|
+
return index.bootstrapLazy([["general-tooltip_6.cjs",[[1,"lottery-tipping-ticket-controller",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"logoUrl":[513,"logo-url"],"endpoint":[513],"endpointLotteryBe":[513,"endpoint-lottery-be"],"endpointTicket":[513,"endpoint-ticket"],"sessionId":[513,"session-id"],"gameId":[513,"game-id"],"playerId":[513,"player-id"],"drawId":[513,"draw-id"],"isLoading":[32],"bettingTypeOptions":[32],"playingModeOptions":[32],"selectedBettingType":[32],"selectedPlayingMode":[32],"hasSelectBullet":[32],"hasSelectAllBullet":[32],"totalLineCombination":[32],"submitLoading":[32],"rawData":[32],"saleStatisticsInfo":[32],"dialogConfig":[32]},[[0,"lotteryTippingBulletBetSelect","lotteryTippingBulletGroupSelectionHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-ticket-bet",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"sessionId":[513,"session-id"],"endpoint":[513],"gameId":[513,"game-id"],"drawId":[513,"draw-id"],"totalPages":[1538,"total-pages"],"minTotalPages":[514,"min-total-pages"],"maxTotalPages":[514,"max-total-pages"],"mode":[513],"readPretty":[516,"read-pretty"],"defaultBulletConfigLineGroup":[513,"default-bullet-config-line-group"],"translationData":[32],"clientStylingUrlContent":[32],"bulletConfigLineGroup":[32],"currentPage":[32],"isLoading":[32],"hasErrors":[32],"dialogConfig":[32],"ticketDataSource":[32],"resetBulletConfig":[64],"getData":[64]},[[0,"lotteryTippingBulletGroupToggle","lotteryTippingBulletGroupSelectionHandler"]],{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"gameId":["fetchMatchData"],"sessionId":["fetchMatchData"],"drawId":["fetchMatchData"],"defaultBulletConfigLineGroup":["fetchMatchData"],"currentPage":["handleCurrentPageChange"]}],[1,"lottery-tipping-ticket-banner",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[513,"translation-url"],"logoUrl":[513,"logo-url"],"stopTime":[1,"stop-time"],"period":[1],"formattedTurnover":[1,"formatted-turnover"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-bullet-group",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"positionIdx":[513,"position-idx"],"theme":[513],"mode":[513],"bulletConfigContent":[513,"bullet-config-content"]},[[0,"lotteryTippingBulletToggle","lotteryTippingBulletSelectionHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"general-tooltip",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"position":[1],"delay":[2],"isVisible":[32],"_tooltipId":[32]},[[1,"mouseenter","handleMouseEnterOrFocus"],[0,"focusin","handleMouseEnterOrFocus"],[1,"mouseleave","handleMouseLeaveOrBlur"],[0,"focusout","handleMouseLeaveOrBlur"],[0,"keydown","handleKeyDown"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-bullet",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"positionIdx":[514,"position-idx"],"theme":[513],"value":[513],"disabled":[516],"isSelected":[516,"is-selected"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
exports.setNonce = index.setNonce;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
const index = require('./index-3e1fe885.js');
|
|
4
|
+
require('@everymatrix/lottery-button');
|
|
4
5
|
|
|
5
6
|
/**
|
|
6
7
|
* @name setClientStyling
|
|
@@ -75,6 +76,9 @@ const DEFAULT_LANGUAGE = 'en';
|
|
|
75
76
|
const SUPPORTED_LANGUAGES = ['ro', 'en', 'fr', 'ar', 'hr'];
|
|
76
77
|
const TRANSLATIONS = {
|
|
77
78
|
en: {
|
|
79
|
+
stop: 'Stop',
|
|
80
|
+
at: 'at',
|
|
81
|
+
turnover: 'Turnover: ',
|
|
78
82
|
selectionCleared: 'Your selection will be cleared.',
|
|
79
83
|
ticketSubmitted: 'Ticket submitted successfully.',
|
|
80
84
|
ticketFailed: 'Failed to purchase the ticket. Please try again.',
|
|
@@ -2650,7 +2654,7 @@ const formatDate = ({ date, type = 'date', format: format$1 }) => {
|
|
|
2650
2654
|
return '';
|
|
2651
2655
|
}
|
|
2652
2656
|
};
|
|
2653
|
-
const generateUUID = () => {
|
|
2657
|
+
const generateUUID$1 = () => {
|
|
2654
2658
|
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
|
|
2655
2659
|
var r = (Math.random() * 16) | 0, v = c == 'x' ? r : (r & 0x3) | 0x8;
|
|
2656
2660
|
return v.toString(16);
|
|
@@ -2658,7 +2662,7 @@ const generateUUID = () => {
|
|
|
2658
2662
|
};
|
|
2659
2663
|
function fetchRequest(url, method = 'GET', body = null, headers = {}) {
|
|
2660
2664
|
return new Promise((resolve, reject) => {
|
|
2661
|
-
const uuid = generateUUID();
|
|
2665
|
+
const uuid = generateUUID$1();
|
|
2662
2666
|
const headersOrigin = Object.assign({ 'Content-Type': 'application/json' }, headers);
|
|
2663
2667
|
if (method !== 'GET' && method !== 'HEAD') {
|
|
2664
2668
|
headersOrigin['X-Idempotency-Key'] = uuid;
|
|
@@ -2700,7 +2704,6 @@ const thousandSeparator = (value) => {
|
|
|
2700
2704
|
parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
|
|
2701
2705
|
return parts.join('.');
|
|
2702
2706
|
};
|
|
2703
|
-
const TICKET_INVALID_TOKEN = 'TICKET_INVALID_TOKEN';
|
|
2704
2707
|
// format results to winning numbers
|
|
2705
2708
|
const formatResultsToWinningNumbers = (rawResults) => {
|
|
2706
2709
|
const formatMatchCheckRes = (matchRes) => matchRes.map((bulletItem) => (bulletItem.isSelected ? 1 : 0));
|
|
@@ -2720,27 +2723,6 @@ const formatResultsToWinningNumbers = (rawResults) => {
|
|
|
2720
2723
|
}
|
|
2721
2724
|
return result;
|
|
2722
2725
|
};
|
|
2723
|
-
const doSubmitTicket = ({ body, sessionId, url }) => {
|
|
2724
|
-
const options = {
|
|
2725
|
-
method: 'POST',
|
|
2726
|
-
headers: {
|
|
2727
|
-
'Content-Type': 'application/json',
|
|
2728
|
-
Accept: 'application/json',
|
|
2729
|
-
Authorization: `Bearer ${sessionId}`,
|
|
2730
|
-
'X-Idempotency-Key': generateUUID()
|
|
2731
|
-
},
|
|
2732
|
-
body: JSON.stringify(body)
|
|
2733
|
-
};
|
|
2734
|
-
return fetch(url, options).then((res) => {
|
|
2735
|
-
if (res.status === 401) {
|
|
2736
|
-
throw new Error(TICKET_INVALID_TOKEN);
|
|
2737
|
-
}
|
|
2738
|
-
if (res.status > 300) {
|
|
2739
|
-
throw new Error(res.statusText);
|
|
2740
|
-
}
|
|
2741
|
-
return res.json();
|
|
2742
|
-
});
|
|
2743
|
-
};
|
|
2744
2726
|
// BettingTypes, playModes and playTypes
|
|
2745
2727
|
const getEnableOptions = (raw = []) => raw.filter((i) => i.enabled);
|
|
2746
2728
|
// the first one in bet type config that enabled = true, will be default choice
|
|
@@ -2773,65 +2755,52 @@ const getPlayTypeConfig = ({ rawData, selectedBettingType, selectedPlayingMode }
|
|
|
2773
2755
|
return { betTypeId, betType };
|
|
2774
2756
|
};
|
|
2775
2757
|
|
|
2776
|
-
|
|
2777
|
-
|
|
2778
|
-
|
|
2779
|
-
|
|
2780
|
-
|
|
2781
|
-
|
|
2782
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
2783
|
-
s = arguments[i];
|
|
2784
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
2785
|
-
t[p] = s[p];
|
|
2786
|
-
}
|
|
2787
|
-
return t;
|
|
2788
|
-
};
|
|
2789
|
-
return __assign.apply(this, arguments);
|
|
2758
|
+
const TICKET_INVALID_TOKEN = 'TICKET_INVALID_TOKEN';
|
|
2759
|
+
const generateUUID = () => {
|
|
2760
|
+
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
|
|
2761
|
+
var r = (Math.random() * 16) | 0, v = c == 'x' ? r : (r & 0x3) | 0x8;
|
|
2762
|
+
return v.toString(16);
|
|
2763
|
+
});
|
|
2790
2764
|
};
|
|
2791
|
-
|
|
2792
|
-
|
|
2793
|
-
|
|
2765
|
+
const doSubmitTicket = ({ body, sessionId, url }) => {
|
|
2766
|
+
const options = {
|
|
2767
|
+
method: 'POST',
|
|
2768
|
+
headers: {
|
|
2769
|
+
'Content-Type': 'application/json',
|
|
2770
|
+
Accept: 'application/json',
|
|
2771
|
+
Authorization: `Bearer ${sessionId}`,
|
|
2772
|
+
'X-Idempotency-Key': generateUUID()
|
|
2773
|
+
},
|
|
2774
|
+
body: JSON.stringify(body)
|
|
2775
|
+
};
|
|
2776
|
+
return fetch(url, options).then((res) => {
|
|
2777
|
+
if (res.status === 401) {
|
|
2778
|
+
throw new Error(TICKET_INVALID_TOKEN);
|
|
2779
|
+
}
|
|
2780
|
+
if (res.status > 300) {
|
|
2781
|
+
throw new Error(res.statusText);
|
|
2782
|
+
}
|
|
2783
|
+
return res.json();
|
|
2784
|
+
});
|
|
2794
2785
|
};
|
|
2795
|
-
function
|
|
2796
|
-
|
|
2797
|
-
|
|
2798
|
-
|
|
2799
|
-
|
|
2800
|
-
|
|
2801
|
-
|
|
2802
|
-
|
|
2803
|
-
return renderAbstractNodeToSVGElement(icond.icon, options);
|
|
2804
|
-
}
|
|
2805
|
-
function renderAbstractNodeToSVGElement(node, options) {
|
|
2806
|
-
var targetAttrs = node.tag === 'svg'
|
|
2807
|
-
? __assign(__assign({}, node.attrs), (options.extraSVGAttrs || {})) : node.attrs;
|
|
2808
|
-
var attrs = Object.keys(targetAttrs).reduce(function (acc, nextKey) {
|
|
2809
|
-
var key = nextKey;
|
|
2810
|
-
var value = targetAttrs[key];
|
|
2811
|
-
var token = "".concat(key, "=\"").concat(value, "\"");
|
|
2812
|
-
acc.push(token);
|
|
2813
|
-
return acc;
|
|
2814
|
-
}, []);
|
|
2815
|
-
var attrsToken = attrs.length ? ' ' + attrs.join(' ') : '';
|
|
2816
|
-
var children = (node.children || [])
|
|
2817
|
-
.map(function (child) { return renderAbstractNodeToSVGElement(child, options); })
|
|
2818
|
-
.join('');
|
|
2819
|
-
if (children && children.length) {
|
|
2820
|
-
return "<".concat(node.tag).concat(attrsToken, ">").concat(children, "</").concat(node.tag, ">");
|
|
2821
|
-
}
|
|
2822
|
-
return "<".concat(node.tag).concat(attrsToken, " />");
|
|
2786
|
+
async function fetchSaleStatistics({ endpoint, gameId, drawId }) {
|
|
2787
|
+
try {
|
|
2788
|
+
const res = await fetchRequest(`${endpoint}/api/v1/lottery/core/widget/games/${gameId}/draws/${drawId}/saleStatistics`);
|
|
2789
|
+
return res;
|
|
2790
|
+
}
|
|
2791
|
+
catch (error) {
|
|
2792
|
+
return Promise.reject(error);
|
|
2793
|
+
}
|
|
2823
2794
|
}
|
|
2824
2795
|
|
|
2825
2796
|
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.8rem 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 position: relative;\n}\n\n.loading-icon {\n position: absolute;\n right: 40px;\n top: 10px;\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}\n.loading-icon.scale {\n animation: scale 1s infinite ease-in-out;\n}\n\n@keyframes scale {\n 0%, 100% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.2);\n }\n}";
|
|
2826
2797
|
const LotteryTippingTicketControllerStyle0 = lotteryTippingTicketControllerCss;
|
|
2827
2798
|
|
|
2828
|
-
const loadingImagePath = renderIconDefinitionToSVGElement(EllipsisOutlined$1, {
|
|
2829
|
-
extraSVGAttrs: { height: '20px', width: '20px', fill: 'currentColor' }
|
|
2830
|
-
});
|
|
2831
2799
|
const LotteryTippingTicketController = class {
|
|
2832
2800
|
constructor(hostRef) {
|
|
2833
2801
|
index.registerInstance(this, hostRef);
|
|
2834
2802
|
this.logoutEventHandler = index.createEvent(this, "logout", 7);
|
|
2803
|
+
this.bothBettingTypeMultiplier = 2;
|
|
2835
2804
|
this.mbSource = undefined;
|
|
2836
2805
|
this.clientStyling = undefined;
|
|
2837
2806
|
this.clientStylingUrl = undefined;
|
|
@@ -2839,6 +2808,7 @@ const LotteryTippingTicketController = class {
|
|
|
2839
2808
|
this.language = 'en';
|
|
2840
2809
|
this.logoUrl = undefined;
|
|
2841
2810
|
this.endpoint = '';
|
|
2811
|
+
this.endpointLotteryBe = '';
|
|
2842
2812
|
this.endpointTicket = undefined;
|
|
2843
2813
|
this.sessionId = undefined;
|
|
2844
2814
|
this.gameId = undefined;
|
|
@@ -2854,6 +2824,7 @@ const LotteryTippingTicketController = class {
|
|
|
2854
2824
|
this.totalLineCombination = 0;
|
|
2855
2825
|
this.submitLoading = undefined;
|
|
2856
2826
|
this.rawData = {};
|
|
2827
|
+
this.saleStatisticsInfo = {};
|
|
2857
2828
|
this.dialogConfig = { visible: false };
|
|
2858
2829
|
}
|
|
2859
2830
|
async getLotteryTippingBulletResults() {
|
|
@@ -2952,12 +2923,14 @@ const LotteryTippingTicketController = class {
|
|
|
2952
2923
|
return 0;
|
|
2953
2924
|
}
|
|
2954
2925
|
let totalAmount = stake.value * this.totalLineCombination;
|
|
2926
|
+
if (this.isBothBettingType)
|
|
2927
|
+
totalAmount = this.bothBettingTypeMultiplier * totalAmount;
|
|
2955
2928
|
return totalAmount;
|
|
2956
2929
|
}
|
|
2957
2930
|
get totalAmountFormatted() {
|
|
2958
2931
|
var _a;
|
|
2959
2932
|
const totalAmount = this.calculateTotalAmount();
|
|
2960
|
-
return thousandSeparator(totalAmount) + ' ' + ((_a = this.currentStake) === null || _a === void 0 ? void 0 : _a.currency) || '';
|
|
2933
|
+
return thousandSeparator(totalAmount) + ' ' + (((_a = this.currentStake) === null || _a === void 0 ? void 0 : _a.currency) || '');
|
|
2961
2934
|
}
|
|
2962
2935
|
get currentStakeFormatted() {
|
|
2963
2936
|
const { value = '', currency = '' } = this.currentStake || {};
|
|
@@ -3037,6 +3010,7 @@ const LotteryTippingTicketController = class {
|
|
|
3037
3010
|
});
|
|
3038
3011
|
this.handleBettingTypeChange(bettingType);
|
|
3039
3012
|
this.selectedPlayingMode = playMode;
|
|
3013
|
+
return this.updateSaleStatistics();
|
|
3040
3014
|
})
|
|
3041
3015
|
.catch((err) => {
|
|
3042
3016
|
console.error('Error!', err);
|
|
@@ -3047,6 +3021,16 @@ const LotteryTippingTicketController = class {
|
|
|
3047
3021
|
};
|
|
3048
3022
|
fetchData();
|
|
3049
3023
|
}
|
|
3024
|
+
updateSaleStatistics() {
|
|
3025
|
+
var _a;
|
|
3026
|
+
return fetchSaleStatistics({
|
|
3027
|
+
endpoint: this.endpointLotteryBe,
|
|
3028
|
+
gameId: (_a = this.rawData) === null || _a === void 0 ? void 0 : _a.type,
|
|
3029
|
+
drawId: this.drawId
|
|
3030
|
+
}).then((res) => {
|
|
3031
|
+
this.saleStatisticsInfo = res;
|
|
3032
|
+
});
|
|
3033
|
+
}
|
|
3050
3034
|
async handleSubmit() {
|
|
3051
3035
|
const rawResults = await this.getLotteryTippingBulletResults();
|
|
3052
3036
|
const { betTypeId, betType } = getPlayTypeConfig({
|
|
@@ -3088,6 +3072,7 @@ const LotteryTippingTicketController = class {
|
|
|
3088
3072
|
.then(() => {
|
|
3089
3073
|
showNotification({ message: translate('ticketSubmitted', this.language) });
|
|
3090
3074
|
this.clearBulletConfig();
|
|
3075
|
+
this.updateSaleStatistics();
|
|
3091
3076
|
})
|
|
3092
3077
|
.catch((res) => {
|
|
3093
3078
|
if (res.message === TICKET_INVALID_TOKEN) {
|
|
@@ -3121,15 +3106,19 @@ const LotteryTippingTicketController = class {
|
|
|
3121
3106
|
return (index.h("div", { class: "LotteryTippingTicketController__top" }, index.h("div", { class: "LotteryTippingTicketController__row" }, index.h("div", { class: "LotteryTippingTicketController__section" }, index.h("span", { class: "LotteryTippingTicketController__label" }, translate('bettingType', this.language)), !!this.bettingTypeOptions.length ? renderBettingTypeOptions() : renderSkeleton()), index.h("div", { class: "LotteryTippingTicketController__section" }, index.h("span", { class: "LotteryTippingTicketController__label" }, translate('playingMode', this.language)), !!this.playingModeOptions.length ? renderPlayingModeOptions() : renderSkeleton()))));
|
|
3122
3107
|
}
|
|
3123
3108
|
renderOrderSummary() {
|
|
3124
|
-
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" },
|
|
3125
|
-
|
|
3126
|
-
|
|
3127
|
-
|
|
3128
|
-
|
|
3109
|
+
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" }, this.bothBettingTypeMultiplier))))), 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("lottery-button", { onClick: this.handleSubmit.bind(this), loading: this.submitLoading, disabled: !this.hasSelectAllBullet || this.submitLoading, text: translate('orderSummarySubmit', this.language) }))));
|
|
3110
|
+
}
|
|
3111
|
+
get formattedTurnover() {
|
|
3112
|
+
var _a, _b;
|
|
3113
|
+
const turnover = (_b = (_a = this.saleStatisticsInfo) === null || _a === void 0 ? void 0 : _a.wagerSegment) === null || _b === void 0 ? void 0 : _b.totalSalesCrossDraw;
|
|
3114
|
+
if (turnover === null || turnover === undefined)
|
|
3115
|
+
return '';
|
|
3116
|
+
const unit = '€';
|
|
3117
|
+
return `${unit}${turnover ? thousandSeparator(turnover) : 0}`;
|
|
3129
3118
|
}
|
|
3130
3119
|
render() {
|
|
3131
3120
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
3132
|
-
return (index.h("div", { key: '
|
|
3121
|
+
return (index.h("div", { key: 'a849624b0fe5fae436bec3e42836d4dc30074539', class: "lottery-tipping-ticket-controller__container", ref: (el) => (this.stylingContainer = el) }, index.h("lottery-tipping-ticket-banner", { key: 'dde87c0980564b39eb882121911125f630994369', "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, "formatted-turnover": this.formattedTurnover, language: this.language, "translation-url": this.translationUrl, "logo-url": this.logoUrl }), this.renderBettingControls(), index.h("div", { key: 'b8cfcea8d213bd0275ab9f1a3a164ebcaa629f71', class: "flex flex-wrap LotteryTippingTicketController__main" }, index.h("div", { key: '9fec0554e90804ae4b261d5facc28de4d242524d', class: "LotteryTippingTicketController__main--left" }, index.h("lottery-tipping-ticket-bet", { key: '7d36a1095dba6541b480a989e6b1661b576963bb', 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: 'c7935460a02c65697f30dd3da5e2886cec75f3fb', 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))));
|
|
3133
3122
|
}
|
|
3134
3123
|
static get assetsDirs() { return ["../static"]; }
|
|
3135
3124
|
static get watchers() { return {
|
|
@@ -3144,7 +3133,6 @@ exports.LotteryTippingTicketController = LotteryTippingTicketController;
|
|
|
3144
3133
|
exports.format = format;
|
|
3145
3134
|
exports.formatDate = formatDate;
|
|
3146
3135
|
exports.parseISO = parseISO;
|
|
3147
|
-
exports.renderIconDefinitionToSVGElement = renderIconDefinitionToSVGElement;
|
|
3148
3136
|
exports.requiredArgs = requiredArgs;
|
|
3149
3137
|
exports.resolveTranslationUrl = resolveTranslationUrl;
|
|
3150
3138
|
exports.setClientStyling = setClientStyling;
|
|
@@ -19,7 +19,7 @@ var patchBrowser = () => {
|
|
|
19
19
|
|
|
20
20
|
patchBrowser().then(async (options) => {
|
|
21
21
|
await appGlobals.globalScripts();
|
|
22
|
-
return index.bootstrapLazy([["general-tooltip_6.cjs",[[1,"lottery-tipping-ticket-controller",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"logoUrl":[513,"logo-url"],"endpoint":[513],"endpointTicket":[513,"endpoint-ticket"],"sessionId":[513,"session-id"],"gameId":[513,"game-id"],"playerId":[513,"player-id"],"drawId":[513,"draw-id"],"isLoading":[32],"bettingTypeOptions":[32],"playingModeOptions":[32],"selectedBettingType":[32],"selectedPlayingMode":[32],"hasSelectBullet":[32],"hasSelectAllBullet":[32],"totalLineCombination":[32],"submitLoading":[32],"rawData":[32],"dialogConfig":[32]},[[0,"lotteryTippingBulletBetSelect","lotteryTippingBulletGroupSelectionHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-ticket-bet",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"sessionId":[513,"session-id"],"endpoint":[513],"gameId":[513,"game-id"],"drawId":[513,"draw-id"],"totalPages":[1538,"total-pages"],"minTotalPages":[514,"min-total-pages"],"maxTotalPages":[514,"max-total-pages"],"mode":[513],"readPretty":[516,"read-pretty"],"defaultBulletConfigLineGroup":[513,"default-bullet-config-line-group"],"translationData":[32],"clientStylingUrlContent":[32],"bulletConfigLineGroup":[32],"currentPage":[32],"isLoading":[32],"hasErrors":[32],"dialogConfig":[32],"ticketDataSource":[32],"resetBulletConfig":[64],"getData":[64]},[[0,"lotteryTippingBulletGroupToggle","lotteryTippingBulletGroupSelectionHandler"]],{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"gameId":["fetchMatchData"],"sessionId":["fetchMatchData"],"drawId":["fetchMatchData"],"currentPage":["handleCurrentPageChange"]}],[1,"lottery-tipping-ticket-banner",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[513,"translation-url"],"logoUrl":[513,"logo-url"],"stopTime":[1,"stop-time"],"period":[1]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-bullet-group",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"positionIdx":[513,"position-idx"],"theme":[513],"mode":[513],"bulletConfigContent":[513,"bullet-config-content"]},[[0,"lotteryTippingBulletToggle","lotteryTippingBulletSelectionHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"general-tooltip",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"position":[1],"delay":[2],"isVisible":[32],"_tooltipId":[32]},[[1,"mouseenter","handleMouseEnterOrFocus"],[0,"focusin","handleMouseEnterOrFocus"],[1,"mouseleave","handleMouseLeaveOrBlur"],[0,"focusout","handleMouseLeaveOrBlur"],[0,"keydown","handleKeyDown"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-bullet",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"positionIdx":[514,"position-idx"],"theme":[513],"value":[513],"disabled":[516],"isSelected":[516,"is-selected"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
|
|
22
|
+
return index.bootstrapLazy([["general-tooltip_6.cjs",[[1,"lottery-tipping-ticket-controller",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"logoUrl":[513,"logo-url"],"endpoint":[513],"endpointLotteryBe":[513,"endpoint-lottery-be"],"endpointTicket":[513,"endpoint-ticket"],"sessionId":[513,"session-id"],"gameId":[513,"game-id"],"playerId":[513,"player-id"],"drawId":[513,"draw-id"],"isLoading":[32],"bettingTypeOptions":[32],"playingModeOptions":[32],"selectedBettingType":[32],"selectedPlayingMode":[32],"hasSelectBullet":[32],"hasSelectAllBullet":[32],"totalLineCombination":[32],"submitLoading":[32],"rawData":[32],"saleStatisticsInfo":[32],"dialogConfig":[32]},[[0,"lotteryTippingBulletBetSelect","lotteryTippingBulletGroupSelectionHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-ticket-bet",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"sessionId":[513,"session-id"],"endpoint":[513],"gameId":[513,"game-id"],"drawId":[513,"draw-id"],"totalPages":[1538,"total-pages"],"minTotalPages":[514,"min-total-pages"],"maxTotalPages":[514,"max-total-pages"],"mode":[513],"readPretty":[516,"read-pretty"],"defaultBulletConfigLineGroup":[513,"default-bullet-config-line-group"],"translationData":[32],"clientStylingUrlContent":[32],"bulletConfigLineGroup":[32],"currentPage":[32],"isLoading":[32],"hasErrors":[32],"dialogConfig":[32],"ticketDataSource":[32],"resetBulletConfig":[64],"getData":[64]},[[0,"lotteryTippingBulletGroupToggle","lotteryTippingBulletGroupSelectionHandler"]],{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"gameId":["fetchMatchData"],"sessionId":["fetchMatchData"],"drawId":["fetchMatchData"],"defaultBulletConfigLineGroup":["fetchMatchData"],"currentPage":["handleCurrentPageChange"]}],[1,"lottery-tipping-ticket-banner",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[513,"translation-url"],"logoUrl":[513,"logo-url"],"stopTime":[1,"stop-time"],"period":[1],"formattedTurnover":[1,"formatted-turnover"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-bullet-group",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"positionIdx":[513,"position-idx"],"theme":[513],"mode":[513],"bulletConfigContent":[513,"bullet-config-content"]},[[0,"lotteryTippingBulletToggle","lotteryTippingBulletSelectionHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"general-tooltip",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"position":[1],"delay":[2],"isVisible":[32],"_tooltipId":[32]},[[1,"mouseenter","handleMouseEnterOrFocus"],[0,"focusin","handleMouseEnterOrFocus"],[1,"mouseleave","handleMouseLeaveOrBlur"],[0,"focusout","handleMouseLeaveOrBlur"],[0,"keydown","handleKeyDown"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-bullet",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"positionIdx":[514,"position-idx"],"theme":[513],"value":[513],"disabled":[516],"isSelected":[516,"is-selected"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
|
|
23
23
|
});
|
|
24
24
|
|
|
25
25
|
exports.setNonce = index.setNonce;
|