@everymatrix/lottery-tipping-entrance 1.86.27 → 1.86.29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{draw-selection_18.cjs.entry.js → draw-selection_19.cjs.entry.js} +361 -125
- package/dist/cjs/{index-440d090f.js → index-2a5f420f.js} +3 -2
- package/dist/cjs/index.cjs.js +2 -2
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{lottery-tipping-entrance-59f7f53d.js → lottery-tipping-entrance-8eabb31c.js} +258 -258
- package/dist/cjs/lottery-tipping-entrance.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +6 -0
- package/dist/collection/components/lottery-tipping-entrance/lottery-tipping-entrance.js +9 -43
- package/dist/collection/utils/api.js +1 -1
- package/dist/esm/{draw-selection_18.entry.js → draw-selection_19.entry.js} +362 -127
- package/dist/esm/{index-a57b04e7.js → index-c22bb7d4.js} +3 -3
- package/dist/esm/index.js +2 -2
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{lottery-tipping-entrance-9e7c2d9a.js → lottery-tipping-entrance-9d9230ea.js} +258 -258
- package/dist/esm/lottery-tipping-entrance.js +3 -3
- package/dist/lottery-tipping-entrance/draw-selection_19.entry.js +1 -0
- package/dist/lottery-tipping-entrance/{index-a57b04e7.js → index-c22bb7d4.js} +2 -2
- package/dist/lottery-tipping-entrance/index.esm.js +1 -1
- package/dist/lottery-tipping-entrance/{lottery-tipping-entrance-9e7c2d9a.js → lottery-tipping-entrance-9d9230ea.js} +5 -5
- package/dist/lottery-tipping-entrance/lottery-tipping-entrance.esm.js +1 -1
- package/dist/types/components/lottery-tipping-entrance/lottery-tipping-entrance.d.ts +0 -5
- package/dist/types/components.d.ts +0 -10
- package/package.json +1 -1
- package/dist/lottery-tipping-entrance/draw-selection_18.entry.js +0 -1
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
6
|
-
const lotteryTippingEntrance = require('./lottery-tipping-entrance-
|
|
5
|
+
const index = require('./index-2a5f420f.js');
|
|
6
|
+
const lotteryTippingEntrance = require('./lottery-tipping-entrance-8eabb31c.js');
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
9
|
* @name addDays
|
|
@@ -509,7 +509,7 @@ const resolveTranslationUrl$3 = async (translationUrl) => {
|
|
|
509
509
|
}
|
|
510
510
|
};
|
|
511
511
|
|
|
512
|
-
const lotteryButtonCss = ":host{display:inline-block
|
|
512
|
+
const lotteryButtonCss = ":host{display:inline-block}.btn{font:inherit;position:relative;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--lottery-button-border-radius, 6px);font-weight:var(--lottery-button-font-weight, 500);cursor:pointer;outline:none;overflow:hidden;transition:var(--lottery-button-transition, background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s);user-select:none;-webkit-tap-highlight-color:transparent;box-shadow:var(--lottery-button-box-shadow, 0 2px 4px 0 rgba(0, 0, 0, 0.5))}.btn .content{position:relative;display:inline-flex;align-items:center;gap:var(--lottery-button-content-gap, 0.5em)}.btn .content ::slotted(span){display:inline-flex;align-items:center}.btn:hover:not(:disabled){box-shadow:var(--lottery-button-hover-box-shadow, 0 4px 8px 0 rgba(0, 0, 0, 0.5))}.btn:disabled{cursor:not-allowed;opacity:var(--lottery-button-disabled-opacity, 0.5)}.btn .loading-container{display:flex;align-items:center}.btn--loading{position:relative}.btn .spinner{display:inline-block;width:1em;height:1em;border:var(--lottery-button-spinner-border, 2px solid rgba(255, 255, 255, 0.3));border-radius:50%;border-top-color:var(--lottery-button-spinner-color, white);animation:spin 1s ease-in-out infinite;margin-left:0.5em;vertical-align:middle}.btn--small .spinner{width:0.8em;height:0.8em}.btn--large .spinner{width:1.2em;height:1.2em}@keyframes spin{to{transform:rotate(360deg)}}.btn--primary{background-color:var(--emw--color-primary, #0d196e);color:var(--emw--color-typography-inverse, #fff)}.btn--primary:hover:not(:disabled){background-color:var(--emw--color-primary-variant, #1367e7)}.btn--primary:active:not(:disabled){background-color:var(--lottery-button-primary-active-bg, #08104a)}.btn--outline .spinner,.btn--dashed .spinner,.btn--text .spinner{border-top-color:currentColor;border-color:var(--lottery-button-spinner-inverse-border-color, rgba(0, 0, 0, 0.2))}.btn--outline{background-color:var(--emw--color-background, #fff);border-color:var(--lottery-button-outline-border-color, #dcdcdc);color:var(--emw--color-typography, #000)}.btn--outline:hover:not(:disabled){background-color:var(--emw--color-background-tertiary, #ccc);border-color:var(--lottery-button-outline-hover-border-color, #a6a6a6)}.btn--outline:active:not(:disabled){background-color:var(--lottery-button-outline-active-bg, #e6e6e6)}.btn--dashed{background-color:transparent;border-style:dashed;border-color:var(--lottery-button-dashed-border-color, #dcdcdc);color:var(--lottery-button-dashed-color, #333)}.btn--dashed:hover:not(:disabled){border-color:var(--lottery-button-dashed-hover-border-color, #a6a6a6);color:var(--lottery-button-dashed-hover-color, #0052d9)}.btn--text{background-color:transparent;color:var(--lottery-button-text-color, #0052d9);border-color:transparent}.btn--text:hover:not(:disabled){background-color:var(--lottery-button-text-hover-bg, #f2f2f2)}.btn--text:active:not(:disabled){background-color:var(--lottery-button-text-active-bg, #e6e6e6)}.btn--custom-color:hover:not(:disabled){opacity:var(--lottery-button-custom-hover-opacity, 0.9)}.btn--custom-color:active:not(:disabled){opacity:var(--lottery-button-custom-active-opacity, 0.8)}.btn--small{height:var(--lottery-button-small-height, 28px);font-size:var(--lottery-button-small-font-size, 12px);padding:var(--lottery-button-small-padding, 0 12px)}.btn--medium{height:var(--lottery-button-medium-height, 34px);font-size:var(--lottery-button-medium-font-size, 14px);padding:var(--lottery-button-medium-padding, 0 18px)}.btn--large{height:var(--lottery-button-large-height, 40px);font-size:var(--lottery-button-large-font-size, 16px);padding:var(--lottery-button-large-padding, 0 24px)}.ripple-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;border-radius:inherit}.ripple{position:absolute;border-radius:50%;background-color:var(--lottery-button-ripple-light, rgba(255, 255, 255, 0.3));transform:scale(0);animation:ripple-animation 600ms linear}.btn--outline .ripple,.btn--dashed .ripple,.btn--text .ripple{background-color:var(--lottery-button-ripple-dark, rgba(0, 0, 0, 0.03))}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}";
|
|
513
513
|
const LotteryButtonStyle0 = lotteryButtonCss;
|
|
514
514
|
|
|
515
515
|
const LotteryButton = class {
|
|
@@ -538,6 +538,7 @@ const LotteryButton = class {
|
|
|
538
538
|
};
|
|
539
539
|
this.variant = 'primary';
|
|
540
540
|
this.size = 'medium';
|
|
541
|
+
this.color = undefined;
|
|
541
542
|
this.disabled = false;
|
|
542
543
|
this.loading = false;
|
|
543
544
|
this.text = undefined;
|
|
@@ -582,14 +583,43 @@ const LotteryButton = class {
|
|
|
582
583
|
}
|
|
583
584
|
}
|
|
584
585
|
render() {
|
|
585
|
-
const { variant, disabled, size } = this;
|
|
586
|
+
const { variant, disabled, size, color } = this;
|
|
586
587
|
const isDisabled = disabled || this.loading;
|
|
587
|
-
|
|
588
|
+
// Calculate styles based on variant and color
|
|
589
|
+
const buttonStyles = {};
|
|
590
|
+
if (color) {
|
|
591
|
+
switch (variant) {
|
|
592
|
+
case 'primary':
|
|
593
|
+
Object.assign(buttonStyles, {
|
|
594
|
+
backgroundColor: color,
|
|
595
|
+
borderColor: color
|
|
596
|
+
});
|
|
597
|
+
break;
|
|
598
|
+
case 'outline':
|
|
599
|
+
case 'dashed':
|
|
600
|
+
Object.assign(buttonStyles, {
|
|
601
|
+
color: color,
|
|
602
|
+
borderColor: color
|
|
603
|
+
});
|
|
604
|
+
break;
|
|
605
|
+
case 'text':
|
|
606
|
+
Object.assign(buttonStyles, {
|
|
607
|
+
color: color
|
|
608
|
+
});
|
|
609
|
+
break;
|
|
610
|
+
default:
|
|
611
|
+
Object.assign(buttonStyles, {
|
|
612
|
+
backgroundColor: color,
|
|
613
|
+
borderColor: color
|
|
614
|
+
});
|
|
615
|
+
}
|
|
616
|
+
}
|
|
617
|
+
return (index.h("button", { key: 'aa74ad98c90e7548228557bf8a8d26b125d4a83a', class: {
|
|
588
618
|
btn: true,
|
|
589
619
|
[`btn--${variant}`]: true,
|
|
590
620
|
[`btn--${size}`]: true,
|
|
591
621
|
'btn--loading': this.loading
|
|
592
|
-
}, disabled: isDisabled, onClick: this.handleClick }, this.loading ? (index.h("div", { class: "loading-container" }, index.h("span", { class: "content" }, this.text || translate$7('loading', this.language)), index.h("span", { class: "spinner" }))) : (index.h("span", { class: "content" }, this.text)), index.h("div", { key: '
|
|
622
|
+
}, style: color ? buttonStyles : undefined, disabled: isDisabled, onClick: this.handleClick, ref: (el) => (this.stylingContainer = el) }, this.loading ? (index.h("div", { class: "loading-container" }, index.h("span", { class: "content" }, this.text || translate$7('loading', this.language)), index.h("span", { class: "spinner" }))) : (index.h("span", { class: "content" }, index.h("slot", { name: "icon-left" }), this.text || index.h("slot", null), index.h("slot", { name: "icon-right" }))), index.h("div", { key: '302ea02be395bb24989d4abc040a513e23fa029a', class: "ripple-container" }, this.ripples.map((ripple, index$1) => (index.h("span", { key: index$1, class: "ripple", style: {
|
|
593
623
|
top: `${ripple.top}px`,
|
|
594
624
|
left: `${ripple.left}px`,
|
|
595
625
|
width: `${ripple.size}px`,
|
|
@@ -915,7 +945,7 @@ const getTranslations$5 = (data) => {
|
|
|
915
945
|
});
|
|
916
946
|
};
|
|
917
947
|
|
|
918
|
-
const lotteryTippingCalendarCss = ".lottery-tipping-calendar{position:relative;display:inline-block}.calendar-visible{opacity:1;visibility:visible}.calendar-leave{opacity:0;visibility:hidden}.calendar{position:absolute;top:40px;left:-50%;background:var(--emw--color-background, #fff);color:var(--emw--color-typography-secondary, #6f6f6f);padding:16px;width:fit-content;border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));border-radius:var(--emw--border-radius-small, 4px);box-shadow:2px 3px 5px rgba(0, 0, 0, 0.1);cursor:pointer;transition:opacity 0.2s ease, visibility 0.2s ease;z-index:99}.calendar-header{display:flex;align-items:center}.calendar-header .date-picker{display:flex;margin:0 18px;align-items:center}.calendar-header .date-picker-delimiter{font-size:16px;margin:auto 4px}.calendar-header .month-plus,.calendar-header .month-minus,.calendar-header .year-plus,.calendar-header .year-minus{cursor:pointer;font-size:14px}.calendar-header .month-plus:hover,.calendar-header .month-minus:hover,.calendar-header .year-plus:hover,.calendar-header .year-minus:hover{color:var(--emw-pool-game-acition-active, #005fdb);transition:color 0.2s}.calendar-header .year-minus,.calendar-header .month-plus{margin-right:6px}.calendar-content{padding:3px;width:
|
|
948
|
+
const lotteryTippingCalendarCss = ".lottery-tipping-calendar{position:relative;display:inline-block}.calendar-visible{opacity:1;visibility:visible}.calendar-leave{opacity:0;visibility:hidden}.calendar{position:absolute;top:40px;left:-50%;background:var(--emw--color-background, #fff);color:var(--emw--color-typography-secondary, #6f6f6f);padding:16px;width:fit-content;border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));border-radius:var(--emw--border-radius-small, 4px);box-shadow:2px 3px 5px rgba(0, 0, 0, 0.1);cursor:pointer;transition:opacity 0.2s ease, visibility 0.2s ease;z-index:99}.calendar-header{display:flex;align-items:center}.calendar-header .date-picker{display:flex;margin:0 18px;align-items:center}.calendar-header .date-picker-delimiter{font-size:16px;margin:auto 4px}.calendar-header .month-plus,.calendar-header .month-minus,.calendar-header .year-plus,.calendar-header .year-minus{cursor:pointer;font-size:14px}.calendar-header .month-plus:hover,.calendar-header .month-minus:hover,.calendar-header .year-plus:hover,.calendar-header .year-minus:hover{color:var(--emw-pool-game-acition-active, #005fdb);transition:color 0.2s}.calendar-header .year-minus,.calendar-header .month-plus{margin-right:6px}.calendar-content{padding:3px;width:fit-content}.calendar-content .day-item{text-align:center;line-height:40px;cursor:not-allowed;position:relative;pointer-events:none}.calendar-content .day-item:hover{background-color:var(--emw--color-background-secondary, #f5f5f5)}.calendar-content .day-item.isCurDay{border-radius:4px;background:var(--emw--color-secondary, #fff3b9);background-size:50%;color:var(--emw--color-typography-secondary, #6f6f6f);font-weight:600;box-shadow:2px 2px 2px var(--emw-calender-curday-box-shadow, rgba(0, 0, 0, 0.09));cursor:pointer;pointer-events:all}.calendar-content .day-item.isHighLight{cursor:pointer;pointer-events:all}.calendar-content .day-item.isHighLight::after{content:\"\";position:absolute;left:calc(50% - 4px);bottom:0;width:6px;height:6px;border-radius:50%;background-color:var(--emw--color-error, red)}.calendar-content-week{display:grid;grid-template-columns:repeat(7, 40px);grid-template-rows:repeat(1, 36px);justify-items:center;align-items:center;border-bottom:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));color:var(--emw--color-typography-secondary, #6f6f6f)}.calendar-content-day{margin-top:4px;display:grid;grid-template-rows:repeat(6, 40px);grid-template-columns:repeat(7, 40px)}.calling-input{height:36px;width:160px;display:flex;align-items:center;justify-content:space-between;padding:0px 4px;background-color:var(--emw--color-background, #f5f5f5);border-radius:var(--emw--border-radius-small, 4px);border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));cursor:pointer}.calling-input .input{color:var(--emw--color-typography, #000)}.calling-input-text{color:var(--emw--color-typography, #000)}.calling-input-icon svg{fill:var(--emw--color-secondary, #fff3b9)}";
|
|
919
949
|
const LotteryTippingCalendarStyle0 = lotteryTippingCalendarCss;
|
|
920
950
|
|
|
921
951
|
const calendarIcon = renderIconDefinitionToSVGElement(CalendarOutlined$1, {
|
|
@@ -1094,9 +1124,9 @@ const LotteryTippingCalendar = class {
|
|
|
1094
1124
|
}
|
|
1095
1125
|
render() {
|
|
1096
1126
|
const calendarClass = ['calendar', this.showCalendar ? 'calendar-visible' : 'calendar-leave'];
|
|
1097
|
-
return (index.h("div", { key: '
|
|
1127
|
+
return (index.h("div", { key: 'eda2c6b211647dfd9c26f5dd53dd8f18a2205be2', class: "lottery-tipping-calendar", ref: (el) => (this.calendarRef = el) }, index.h("div", { key: 'b8a516ae17b8de7aaa4a72284848295546239937', class: "calling-input", onClick: () => {
|
|
1098
1128
|
this.showCalendar = true;
|
|
1099
|
-
} }, index.h("div", { key: '
|
|
1129
|
+
} }, index.h("div", { key: '4e384c0e1989f76b995bbc3df572eeab8ae120f6', class: "calling-input-text" }, this.showFormatedDate(this.curDate)), index.h("div", { key: 'a489600f9b90e4ea865606dddd4997ad9cf1558a', class: "calling-input-icon", innerHTML: calendarIcon })), index.h("div", { key: '7c17232151a8ae775e4a35000e7992695ce1f9dd', class: calendarClass.join(' ') }, index.h("div", { key: '6951e3aa3fedb236514b57d6cdf830b074deb928', class: "calendar-header" }, index.h("div", { key: '7d9735ab6d40d9010ac32a2b776ceacd9ee8ebb8', class: "date-controller year-minus", onClick: this.onYearMinus }, "<"), index.h("div", { key: 'e0f3e6958187120e4441c4c4961fda4a74294cca', class: "date-controller month-minus", onClick: this.onMonthMinus }, "<"), index.h("div", { key: 'e1840f3d0f9e4860a03467bbc782a6306c591ad4', class: "date-picker" }, index.h("div", { key: '44d3b63aebcadaa42682e77f9d84c9ae155ec546', class: "date-picker-year" }, index.h("vaadin-select", { key: 'd462e0c076b1da5cdfa4a2ce47c5c3cb0d6e86bd', items: this.yearOptions, value: this.alterDate.year, style: { '--vaadin-field-default-width': '90px' }, "on-value-changed": this.onYearChange.bind(this) })), index.h("div", { key: '0a405edb23487297ab91e0a6ce304e907d7cfa62', class: "date-picker-delimiter" }, "-"), index.h("div", { key: 'cc81efef542d370f4e03a7d7fa138a36b900d801', class: "date-picker-month" }, index.h("vaadin-select", { key: 'd7a9636262121dd8008588eef61aacd092ec07c8', items: this.monthOptions, value: this.alterDate.month + 1, style: { '--vaadin-field-default-width': '64px' }, "on-value-changed": this.onMonthChange.bind(this) })), index.h("div", { key: 'f862d5d3d665c97bc74f7eda209822cc5ceb558e', class: "date-picker-delimiter" }, "-"), index.h("div", { key: '9b2dca353b3708ad561af1bebb24c93dd1194384', class: "date-picker-day" }, this.alterDate.day)), index.h("div", { key: '4e2d6c599a6c03aa1852b65c86f2db50cea02d6d', class: "date-controller month-plus", onClick: this.onMonthPlus }, ">"), index.h("div", { key: '18e4e92486507065a5e0771ffde5050f4ffff3f1', class: "date-controller year-plus", onClick: this.onYearPlus }, ">")), index.h("div", { key: 'ef1115ce79c83cf4689779e55f046a70f733bc6c', class: "calendar-content" }, index.h("div", { key: '0a6fe5ec8ee10f03a2547f942207f6ceaaa99618', class: "calendar-content-week" }, this.weeks.map((week) => (index.h("div", { class: "week-item" }, week)))), index.h("div", { key: '971bc904f76e33c6503be7d223759f2ab7cb0ad6', class: "calendar-content-day" }, this.days.map((item) => (index.h("div", { class: {
|
|
1100
1130
|
'day-item': true,
|
|
1101
1131
|
isCurDay: this.tellIsCurDay(item.date, item.month, item.year),
|
|
1102
1132
|
isHighLight: this.tellIsHighLight(item.date, item.month, item.year)
|
|
@@ -1159,7 +1189,7 @@ const resolveTranslationUrl$2 = async (translationUrl) => {
|
|
|
1159
1189
|
}
|
|
1160
1190
|
};
|
|
1161
1191
|
|
|
1162
|
-
const lotteryTippingDialogCss = ".dialog-wrapper{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:1;z-index:199}.dialog-wrapper-visible{visibility:visible}.mask{position:fixed;inset:0;background-color:rgba(0, 0, 0, 0.5);opacity:0;z-index:1000;transition:opacity var(--duration) linear}.mask-enter{opacity:1}.mask-leave{opacity:0}.dialog{position:relative;background:var(--emw--color-background, #fff);border-radius:12px;box-shadow:0 4px 32px rgba(0, 0, 0, 0.15);opacity:0;transform:scale(0.9);transition:all var(--duration) linear;width:100%;max-width:100vw;overflow:hidden;z-index:1000}.dialog-enter{opacity:1;transform:scale(1)}.dialog-leave{opacity:0}.dialog.fullscreen{width:100vw !important;height:100vh;overflow:auto;max-height:none;border-radius:0;overflow:hidden}.dialog-header{padding:16px 16px 0 16px;display:flex;justify-content:space-between;align-items:center}.dialog-header .dialog-title{margin:0;font-size:1.25rem;font-weight:500;color:var(--emw--color-typography, #000)}.dialog-header .close-btn{background:transparent;border:none;font-size:1.5rem;width:2rem;height:2rem;color:var(--emw--color-gray-150, #6f6f6f);cursor:pointer;border-radius:4px}.dialog-header .close-btn:hover{background:var(--emw--color-gray-50, #f5f5f5);color:var(--emw--color-gray-300, #333)}.dialog-content{padding:24px;font-size:0.95rem;line-height:1.6;color:var(--emw--color-dialog-typography, #000);flex:1;overflow-y:auto;max-height:calc(100vh - 200px)}.dialog.fullscreen .dialog-content{max-height:none}.dialog-footer{padding:0 16px 16px 16px;display:flex;justify-content:center;gap:12px}.dialog-footer .cancel-btn,.dialog-footer .confirm-btn{padding:10px 24px;border-radius:6px;font-size:0.9rem;cursor:pointer;transition:all 0.3s linear}.dialog-footer .cancel-btn{border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));background-color:var(--emw--color-background, #fff);color:var(--emw--color-typography, #000)}.dialog-footer .cancel-btn:hover{background-color:var(--emw--color-background-tertiary, #ccc)}.dialog-footer .confirm-btn{border:none;color:var(--emw--color-
|
|
1192
|
+
const lotteryTippingDialogCss = ".dialog-wrapper{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:1;z-index:199}.dialog-wrapper-visible{visibility:visible}.mask{position:fixed;inset:0;background-color:rgba(0, 0, 0, 0.5);opacity:0;z-index:1000;transition:opacity var(--duration) linear}.mask-enter{opacity:1}.mask-leave{opacity:0}.dialog{position:relative;background:var(--emw--color-background, #fff);border-radius:12px;box-shadow:0 4px 32px rgba(0, 0, 0, 0.15);opacity:0;transform:scale(0.9);transition:all var(--duration) linear;width:100%;max-width:100vw;overflow:hidden;z-index:1000}.dialog-enter{opacity:1;transform:scale(1)}.dialog-leave{opacity:0}.dialog.fullscreen{width:100vw !important;height:100vh;overflow:auto;max-height:none;border-radius:0;overflow:hidden}.dialog-header{padding:16px 16px 0 16px;display:flex;justify-content:space-between;align-items:center}.dialog-header .dialog-title{margin:0;font-size:1.25rem;font-weight:500;color:var(--emw--color-typography, #000)}.dialog-header .close-btn{background:transparent;border:none;font-size:1.5rem;width:2rem;height:2rem;color:var(--emw--color-gray-150, #6f6f6f);cursor:pointer;border-radius:4px}.dialog-header .close-btn:hover{background:var(--emw--color-gray-50, #f5f5f5);color:var(--emw--color-gray-300, #333)}.dialog-content{padding:24px;font-size:0.95rem;line-height:1.6;color:var(--emw--color-dialog-typography, #000);flex:1;overflow-y:auto;max-height:calc(100vh - 200px)}.dialog.fullscreen .dialog-content{max-height:none}.dialog-footer{padding:0 16px 16px 16px;display:flex;justify-content:center;gap:12px}.dialog-footer .cancel-btn,.dialog-footer .confirm-btn{padding:10px 24px;border-radius:6px;font-size:0.9rem;cursor:pointer;transition:all 0.3s linear}.dialog-footer .cancel-btn{border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));background-color:var(--emw--color-background, #fff);color:var(--emw--color-typography, #000)}.dialog-footer .cancel-btn:hover{background-color:var(--emw--color-background-tertiary, #ccc)}.dialog-footer .confirm-btn{border:none;color:var(--emw--color-typography-normalized, #ffffff);background:var(--emw--color-primary, #009993)}.dialog-footer .confirm-btn:hover{background:var(--emw--color-primary-variant, #004d4a)}@media screen and (max-width: 480px){.dialog.fullscreen .dialog-content{padding:12px}}.Loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.Loading svg{animation:spin 1s linear infinite;transform-origin:center}@keyframes spin{100%{transform:rotate(360deg)}}";
|
|
1163
1193
|
const LotteryTippingDialogStyle0 = lotteryTippingDialogCss;
|
|
1164
1194
|
|
|
1165
1195
|
const LotteryTippingDialog = class {
|
|
@@ -1581,32 +1611,29 @@ const bulletMap$1 = {
|
|
|
1581
1611
|
'2': '2'
|
|
1582
1612
|
};
|
|
1583
1613
|
function parseBulletNumber$1(numberArr) {
|
|
1584
|
-
|
|
1585
|
-
|
|
1586
|
-
|
|
1587
|
-
|
|
1588
|
-
value: bulletMap$1[key]
|
|
1589
|
-
});
|
|
1590
|
-
});
|
|
1591
|
-
return bulletArr;
|
|
1614
|
+
return numberArr.map((v, index) => ({
|
|
1615
|
+
isSelected: v === 1,
|
|
1616
|
+
value: bulletMap$1[index]
|
|
1617
|
+
}));
|
|
1592
1618
|
}
|
|
1593
|
-
|
|
1594
|
-
|
|
1595
|
-
|
|
1596
|
-
|
|
1597
|
-
|
|
1598
|
-
|
|
1599
|
-
|
|
1600
|
-
|
|
1601
|
-
|
|
1602
|
-
|
|
1603
|
-
|
|
1604
|
-
|
|
1605
|
-
|
|
1606
|
-
|
|
1619
|
+
const outcomeIndexMap = {
|
|
1620
|
+
H: 0,
|
|
1621
|
+
D: 1,
|
|
1622
|
+
A: 2
|
|
1623
|
+
};
|
|
1624
|
+
const parseEachLineNumber$1 = (outcomes) => {
|
|
1625
|
+
const res = outcomes.map((matchOutcomes) => {
|
|
1626
|
+
const selected = matchOutcomes[0];
|
|
1627
|
+
const result = [0, 0, 0];
|
|
1628
|
+
selected.forEach((outcome) => {
|
|
1629
|
+
const idx = outcomeIndexMap[outcome];
|
|
1630
|
+
if (idx !== undefined)
|
|
1631
|
+
result[idx] = 1;
|
|
1632
|
+
});
|
|
1633
|
+
return parseBulletNumber$1(result);
|
|
1607
1634
|
});
|
|
1608
|
-
return
|
|
1609
|
-
}
|
|
1635
|
+
return res;
|
|
1636
|
+
};
|
|
1610
1637
|
function thousandSeperator$1(value) {
|
|
1611
1638
|
if (value === 0) {
|
|
1612
1639
|
return '0';
|
|
@@ -1636,7 +1663,17 @@ async function fetchGameInfo(endpoint, gameId) {
|
|
|
1636
1663
|
}
|
|
1637
1664
|
}
|
|
1638
1665
|
|
|
1639
|
-
|
|
1666
|
+
async function fetchSaleStatistics$1({ endpoint, gameId, drawId }) {
|
|
1667
|
+
try {
|
|
1668
|
+
const res = await fetchRequest$2(`${endpoint}/games/${gameId}/draws/${drawId}/saleStatistics`);
|
|
1669
|
+
return res;
|
|
1670
|
+
}
|
|
1671
|
+
catch (error) {
|
|
1672
|
+
return Promise.reject(error);
|
|
1673
|
+
}
|
|
1674
|
+
}
|
|
1675
|
+
|
|
1676
|
+
const lotteryTippingLatestResultCss = ".lottery-tipping-latest-result {\n padding: 16px;\n container-type: inline-size;\n background-color: var(--emw--color-background, #fff);\n}\n.lottery-tipping-latest-result .date-selection {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 24px;\n width: 400px;\n}\n.lottery-tipping-latest-result .date-selection-leftIcon, .lottery-tipping-latest-result .date-selection-rightIcon {\n cursor: pointer;\n}\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, #fff);\n color: var(--emw--color-typography, #000);\n font-weight: 600;\n}\n.LotteryTippingTicketController__segment:not(.LotteryTippingTicketController__segment--active):hover {\n background-color: var(--emw--color-background-tertiary, #ccc);\n}\n\n.betting-type {\n margin-bottom: 16px;\n display: flex;\n align-items: center;\n gap: 20px;\n}\n.betting-type-title {\n font-weight: 600;\n font-size: 16px;\n color: var(--emw--color-typography-secondary, #333);\n}\n.betting-type-text {\n font-size: 16px;\n}\n\n.result-wrapper {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 60%;\n margin: 0 auto;\n}\n.result-wrapper .winning-result {\n width: 100%;\n margin-top: 20px;\n}\n.result-wrapper .loading-wrap {\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n.result-wrapper .prize-result {\n width: 100%;\n margin-top: 20px;\n}\n.result-wrapper .prize-result-title {\n font-size: 16px;\n font-weight: 600;\n margin-bottom: 12px;\n color: var(--emw--color-typography-secondary, #333);\n}\n.result-wrapper .prize-result-table {\n width: 100%;\n}\n.result-wrapper .prize-result-table-row {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-evenly;\n}\n.result-wrapper .prize-result-table-column {\n text-align: left;\n padding: 12px 14px;\n width: 160px;\n font-size: 14px;\n width: calc((100% - 2px) / 3);\n color: var(--emw--color-typography, #000);\n}\n.result-wrapper .prize-result-table-header {\n width: 100%;\n background-color: var(--emw--color-background-secondary, #e6e6e6);\n border-radius: 4px;\n}\n.result-wrapper .prize-result-table-body {\n background-color: var(--emw--color-background-tertiary, #fff);\n}\n.result-wrapper .prize-result-table .prize-result-table-header .prize-result-table-column {\n color: var(--emw--color-typography, #000);\n font-weight: 600;\n border-right: 1px solid var(--emw--color-background, #fff);\n}\n.result-wrapper .prize-result-table .prize-result-table-body .prize-result-table-row:hover {\n color: var(--emw--color-typography, #000);\n background-color: var(--emw--color-background-secondary, #f5f5f5);\n}\n\n@container (max-width: 980px) and (min-width: 780px) {\n .result-wrapper {\n width: 84%;\n }\n}\n@container (max-width: 780px) and (min-width: 480px) {\n .result-wrapper {\n width: 100%;\n }\n}\n@container (max-width: 480px) {\n .result-wrapper {\n width: 100%;\n }\n .result-wrapper .winning-result {\n width: 100%;\n margin-top: 14px;\n }\n .result-wrapper .prize-result {\n width: 100%;\n }\n .result-wrapper .prize-result-table-column {\n padding: 6px;\n width: 100px;\n }\n}";
|
|
1640
1677
|
const LotteryTippingLatestResultStyle0 = lotteryTippingLatestResultCss;
|
|
1641
1678
|
|
|
1642
1679
|
const leftArrowIcon = renderIconDefinitionToSVGElement(LeftOutlined$1, {
|
|
@@ -1654,7 +1691,6 @@ const LotteryTippingLatestResult = class {
|
|
|
1654
1691
|
this.translationUrl = '';
|
|
1655
1692
|
this.language = 'en';
|
|
1656
1693
|
this.endpoint = undefined;
|
|
1657
|
-
this.endpointTicket = undefined;
|
|
1658
1694
|
this.gameId = undefined;
|
|
1659
1695
|
this.playerId = undefined;
|
|
1660
1696
|
this.sessionId = undefined;
|
|
@@ -1669,10 +1705,11 @@ const LotteryTippingLatestResult = class {
|
|
|
1669
1705
|
this.curPrizes = undefined;
|
|
1670
1706
|
this.curPrizeMap = {};
|
|
1671
1707
|
this.curTurnOver = 0;
|
|
1672
|
-
this.isLoading =
|
|
1708
|
+
this.isLoading = true;
|
|
1673
1709
|
this.playTypes = null;
|
|
1674
1710
|
this.bettingTypes = undefined;
|
|
1675
1711
|
this.vendorGameId = undefined;
|
|
1712
|
+
this.isLoadingTurnover = false;
|
|
1676
1713
|
}
|
|
1677
1714
|
handleClientStylingChange(newValue, oldValue) {
|
|
1678
1715
|
if (newValue != oldValue) {
|
|
@@ -1693,8 +1730,20 @@ const LotteryTippingLatestResult = class {
|
|
|
1693
1730
|
if (this.translationUrl) {
|
|
1694
1731
|
getTranslations$5(JSON.parse(this.translationUrl));
|
|
1695
1732
|
}
|
|
1696
|
-
this.
|
|
1697
|
-
|
|
1733
|
+
this.initData();
|
|
1734
|
+
}
|
|
1735
|
+
async initData() {
|
|
1736
|
+
try {
|
|
1737
|
+
this.isLoading = true;
|
|
1738
|
+
await Promise.all([this.getGameById(), this.fetDrawList()]);
|
|
1739
|
+
this.getTurnOver();
|
|
1740
|
+
}
|
|
1741
|
+
catch (e) {
|
|
1742
|
+
console.error(e);
|
|
1743
|
+
}
|
|
1744
|
+
finally {
|
|
1745
|
+
this.isLoading = false;
|
|
1746
|
+
}
|
|
1698
1747
|
}
|
|
1699
1748
|
componentDidLoad() {
|
|
1700
1749
|
if (this.stylingContainer) {
|
|
@@ -1712,7 +1761,6 @@ const LotteryTippingLatestResult = class {
|
|
|
1712
1761
|
async getGameById() {
|
|
1713
1762
|
var _a, _b, _c, _d;
|
|
1714
1763
|
try {
|
|
1715
|
-
this.isLoading = true;
|
|
1716
1764
|
const gameInfo = await fetchGameInfo(this.endpoint, this.gameId);
|
|
1717
1765
|
this.vendorGameId = gameInfo === null || gameInfo === void 0 ? void 0 : gameInfo.type;
|
|
1718
1766
|
this.playTypes = (_b = (_a = gameInfo === null || gameInfo === void 0 ? void 0 : gameInfo.rules) === null || _a === void 0 ? void 0 : _a.poolGame) === null || _b === void 0 ? void 0 : _b.playTypes;
|
|
@@ -1721,9 +1769,6 @@ const LotteryTippingLatestResult = class {
|
|
|
1721
1769
|
catch (e) {
|
|
1722
1770
|
console.log(e);
|
|
1723
1771
|
}
|
|
1724
|
-
finally {
|
|
1725
|
-
this.isLoading = false;
|
|
1726
|
-
}
|
|
1727
1772
|
}
|
|
1728
1773
|
findLatestDateIdx(dateArr) {
|
|
1729
1774
|
const currentDate = new Date();
|
|
@@ -1741,7 +1786,6 @@ const LotteryTippingLatestResult = class {
|
|
|
1741
1786
|
}
|
|
1742
1787
|
async fetDrawList() {
|
|
1743
1788
|
try {
|
|
1744
|
-
this.isLoading = true;
|
|
1745
1789
|
const GAME_DRAW_LIMIT = 9999;
|
|
1746
1790
|
const filterData = { status: 'PAYABLE', limit: GAME_DRAW_LIMIT };
|
|
1747
1791
|
const { items } = await fetchRequest$2(`${this.endpoint}/games/${this.gameId}/draws${toQueryParams$1(filterData)}`, 'GET');
|
|
@@ -1757,7 +1801,7 @@ const LotteryTippingLatestResult = class {
|
|
|
1757
1801
|
this.curDrawItem = filteredItems[this.curDrawItemIdx];
|
|
1758
1802
|
this.curDrawSelectionBettingType = filteredItems[this.curDrawItemIdx].winningNumbers[0].winning_type;
|
|
1759
1803
|
this.curDrawItem.winningNumbers.forEach((item) => {
|
|
1760
|
-
this.curDrawSelectionMap[item.winning_type] = [parseEachLineNumber$1(item.
|
|
1804
|
+
this.curDrawSelectionMap[item.winning_type] = [parseEachLineNumber$1(item.poolGameOutcomes)];
|
|
1761
1805
|
});
|
|
1762
1806
|
this.curDrawItem.prizes.forEach((prize) => {
|
|
1763
1807
|
const winningType = prize.winningType;
|
|
@@ -1771,14 +1815,10 @@ const LotteryTippingLatestResult = class {
|
|
|
1771
1815
|
});
|
|
1772
1816
|
this.curDrawSelection = this.curDrawSelectionMap[this.curDrawSelectionBettingType];
|
|
1773
1817
|
this.curPrizes = this.curPrizeMap[this.curDrawSelectionBettingType];
|
|
1774
|
-
this.curTurnOver = this.curPrizes.reduce((acc, cur) => acc + Number(cur.totalAmount.value), 0);
|
|
1775
1818
|
}
|
|
1776
1819
|
catch (e) {
|
|
1777
1820
|
console.log(e);
|
|
1778
1821
|
}
|
|
1779
|
-
finally {
|
|
1780
|
-
this.isLoading = false;
|
|
1781
|
-
}
|
|
1782
1822
|
}
|
|
1783
1823
|
get displayedPrizes() {
|
|
1784
1824
|
const correctItems = this.curPrizes
|
|
@@ -1797,7 +1837,7 @@ const LotteryTippingLatestResult = class {
|
|
|
1797
1837
|
this.curDrawItem = this.drawList[idx];
|
|
1798
1838
|
this.curDrawSelectionBettingType = this.curDrawItem.winningNumbers[0].winning_type;
|
|
1799
1839
|
this.curDrawItem.winningNumbers.forEach((item) => {
|
|
1800
|
-
this.curDrawSelectionMap[item.winning_type] = [parseEachLineNumber$1(item.
|
|
1840
|
+
this.curDrawSelectionMap[item.winning_type] = [parseEachLineNumber$1(item.poolGameOutcomes)];
|
|
1801
1841
|
});
|
|
1802
1842
|
this.curPrizeMap = {};
|
|
1803
1843
|
this.curDrawItem.prizes.forEach((prize) => {
|
|
@@ -1812,7 +1852,7 @@ const LotteryTippingLatestResult = class {
|
|
|
1812
1852
|
});
|
|
1813
1853
|
this.curDrawSelection = this.curDrawSelectionMap[this.curDrawSelectionBettingType];
|
|
1814
1854
|
this.curPrizes = this.curPrizeMap[this.curDrawSelectionBettingType];
|
|
1815
|
-
this.
|
|
1855
|
+
this.getTurnOver();
|
|
1816
1856
|
}
|
|
1817
1857
|
handleChangeDate(e) {
|
|
1818
1858
|
const idx = e.detail;
|
|
@@ -1828,12 +1868,31 @@ const LotteryTippingLatestResult = class {
|
|
|
1828
1868
|
this.changeCurDateItem(++this.curDrawItemIdx);
|
|
1829
1869
|
}
|
|
1830
1870
|
}
|
|
1871
|
+
async getTurnOver() {
|
|
1872
|
+
var _a, _b, _c;
|
|
1873
|
+
if (!((_a = this.curDrawItem) === null || _a === void 0 ? void 0 : _a.id))
|
|
1874
|
+
return;
|
|
1875
|
+
try {
|
|
1876
|
+
this.isLoadingTurnover = true;
|
|
1877
|
+
const res = await fetchSaleStatistics$1({
|
|
1878
|
+
endpoint: this.endpoint,
|
|
1879
|
+
gameId: this.vendorGameId,
|
|
1880
|
+
drawId: this.curDrawItem.id
|
|
1881
|
+
});
|
|
1882
|
+
this.curTurnOver = (_c = (_b = res === null || res === void 0 ? void 0 : res.wagerSegment) === null || _b === void 0 ? void 0 : _b.totalSalesCrossDraw) !== null && _c !== void 0 ? _c : 0;
|
|
1883
|
+
}
|
|
1884
|
+
catch (e) {
|
|
1885
|
+
console.error(e);
|
|
1886
|
+
}
|
|
1887
|
+
finally {
|
|
1888
|
+
this.isLoadingTurnover = false;
|
|
1889
|
+
}
|
|
1890
|
+
}
|
|
1831
1891
|
handleDrawBettingTypeChange(bettingType) {
|
|
1832
1892
|
this.curDrawSelectionBettingType = bettingType;
|
|
1833
1893
|
this.curDrawSelection = this.curDrawSelectionMap[this.curDrawSelectionBettingType];
|
|
1834
1894
|
this.curPrizes = this.curPrizeMap[this.curDrawSelectionBettingType];
|
|
1835
|
-
|
|
1836
|
-
this.curTurnOver = this.curPrizes.reduce((acc, cur) => acc + Number(cur.totalAmount.value), 0);
|
|
1895
|
+
this.getTurnOver();
|
|
1837
1896
|
}
|
|
1838
1897
|
getBettingTypeName(bettingType) {
|
|
1839
1898
|
var _a, _b;
|
|
@@ -1841,10 +1900,10 @@ const LotteryTippingLatestResult = class {
|
|
|
1841
1900
|
return name !== null && name !== void 0 ? name : bettingType;
|
|
1842
1901
|
}
|
|
1843
1902
|
render() {
|
|
1844
|
-
return (index.h("div", { key: '
|
|
1903
|
+
return (index.h("div", { key: 'e104fc35ddcdaad1e461bcc867f779dc90254bc6', class: "lottery-tipping-latest-result", ref: (el) => (this.stylingContainer = el) }, this.curDrawSelection && this.curDrawSelection.length > 0 && (index.h("div", { key: '085e418338a52262e8866f300be8e67f4d3bbfc7', class: "result-wrapper" }, index.h("div", { key: '7cf61f06f845fb6aabe53896163fa402b1e52a26', class: "date-selection" }, index.h("div", { key: 'da4abd68318c454324a665f6e02257dda4f224be', class: "date-selection-leftIcon", innerHTML: leftArrowIcon, onClick: this.preDraw.bind(this) }), index.h("div", { key: '938f8f160c10eae2678dc7a98027a3421409f096', class: "date-selection-calendar" }, index.h("lottery-tipping-calendar", { key: 'c8048c6977b3740b8d2e0e7eff3292c329cdc4be', date: this.lastestDate, highLightDates: this.hasDrawDates, language: this.language, "mb-source": this.mbSource, "client-styling-url": this.clientStylingUrl, "translation-url": this.translationUrl })), index.h("div", { key: 'eb17af80ec1b1c38f9d51b878013477290c824d7', class: "date-selection-rightIcon", innerHTML: rightArrowIcon, onClick: this.nextDraw.bind(this) })), index.h("div", { key: 'ab7ad2efffe5f9437db6a77b0b0c60e3d9454c5e', class: "winning-result" }, index.h("div", { key: 'e6a7ae5ba4c6c967858bb6e4e9a7a75246ec86f2', class: "betting-type" }, index.h("div", { key: '341e5ee07c3e588b154d3a73373bed40a8e51a90', class: "betting-type-title" }, translate$6('bettingType', this.language)), index.h("div", { key: 'f824ded5140f92aee54748939fecb5aac692cd6f', class: "betting-type-text" }, index.h("div", { key: '85cb8c0a387b378b36f05af6703c023d9b0819f9', class: "LotteryTippingTicketController__segmented-control" }, Object.keys(this.curDrawSelectionMap).map((bettingType) => (index.h("button", { class: {
|
|
1845
1904
|
LotteryTippingTicketController__segment: true,
|
|
1846
1905
|
'LotteryTippingTicketController__segment--active': this.curDrawSelectionBettingType === bettingType
|
|
1847
|
-
}, onClick: this.handleDrawBettingTypeChange.bind(this, bettingType) }, this.getBettingTypeName(bettingType))))))), index.h("lottery-tipping-ticket-bet", { key: '
|
|
1906
|
+
}, onClick: this.handleDrawBettingTypeChange.bind(this, bettingType) }, this.getBettingTypeName(bettingType))))))), index.h("lottery-tipping-ticket-bet", { key: '06293a063a9ac5f0f59ab8ec9033df764eadd511', "session-id": this.sessionId, endpoint: this.endpoint, "game-id": this.vendorGameId, "draw-id": this.curDrawItem.id, "default-bullet-config-line-group": JSON.stringify(this.curDrawSelection), "read-pretty": true, "total-pages": this.curDrawSelection.length, language: this.language, "mb-source": this.mbSource, "client-styling-url": this.clientStylingUrl, "translation-url": this.translationUrl })), this.isLoadingTurnover ? (index.h("div", { class: "loading-wrap" }, index.h("ui-skeleton", { structure: "title", width: "140px", height: "30px" }), index.h("ui-skeleton", { structure: "rectangle", width: "100%", height: "30px" }), index.h("ui-skeleton", { structure: "rectangle", width: "100%", height: "30px" }), index.h("ui-skeleton", { structure: "rectangle", width: "100%", height: "30px" }), index.h("ui-skeleton", { structure: "rectangle", width: "100%", height: "30px" }))) : (index.h("div", { class: "prize-result" }, index.h("div", { class: "prize-result-title" }, translate$6('prizeAllocation', this.language, { turnover: formattedTurnover(this.curTurnOver) })), index.h("div", { class: "prize-result-table" }, index.h("div", { class: "prize-result-table-header" }, index.h("div", { class: "prize-result-table-row" }, index.h("div", { class: "prize-result-table-column" }, translate$6('prizes', this.language)), index.h("div", { class: "prize-result-table-column" }, translate$6('numberOfWinners', this.language)), index.h("div", { class: "prize-result-table-column" }, translate$6('prizeMoney', this.language)))), index.h("div", { class: "prize-result-table-body" }, this.displayedPrizes.map((prize) => (index.h("div", { class: "prize-result-table-row" }, index.h("div", { class: "prize-result-table-column" }, prize.divisionDisplayName), index.h("div", { class: "prize-result-table-column" }, prize.players), index.h("div", { class: "prize-result-table-column" }, thousandSeperator$1(prize.totalAmount.value))))))))))), this.curDrawSelection.length == 0 && !this.isLoading && (index.h("div", { key: '9aa470442a1f2b4600d0f7727210e71cebf934c8' }, translate$6('noLatestResult', this.language))), this.isLoading && index.h("div", { key: '4568a1cda8eca35552d84075fbc4507d397e3178', class: "loading-wrap" }, translate$6('loading', this.language))));
|
|
1848
1907
|
}
|
|
1849
1908
|
static get watchers() { return {
|
|
1850
1909
|
"clientStyling": ["handleClientStylingChange"],
|
|
@@ -1931,8 +1990,6 @@ const LotteryTippingPage = class {
|
|
|
1931
1990
|
this.translationUrl = '';
|
|
1932
1991
|
this.language = 'en';
|
|
1933
1992
|
this.endpoint = undefined;
|
|
1934
|
-
this.endpointTicket = undefined;
|
|
1935
|
-
this.endpointLotteryBe = undefined;
|
|
1936
1993
|
this.gameId = undefined;
|
|
1937
1994
|
this.playerId = undefined;
|
|
1938
1995
|
this.sessionId = undefined;
|
|
@@ -1984,15 +2041,15 @@ const LotteryTippingPage = class {
|
|
|
1984
2041
|
}
|
|
1985
2042
|
renderContent() {
|
|
1986
2043
|
if (this.activeTab === Tab.BuyTickets) {
|
|
1987
|
-
return (index.h("lottery-tipping-ticket-controller", { endpoint: this.endpoint,
|
|
2044
|
+
return (index.h("lottery-tipping-ticket-controller", { endpoint: this.endpoint, gameId: this.gameId, playerId: this.playerId, sessionId: this.sessionId, drawId: this.drawId, language: this.language, "mb-source": this.mbSource, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "translation-url": this.translationUrl, "logo-url": this.logoUrl }));
|
|
1988
2045
|
}
|
|
1989
2046
|
if (this.activeTab === Tab.MyTickets) {
|
|
1990
|
-
return (index.h("lottery-tipping-ticket-history", { endpoint: this.endpoint,
|
|
2047
|
+
return (index.h("lottery-tipping-ticket-history", { endpoint: this.endpoint, gameId: this.gameId, playerId: this.playerId, sessionId: this.sessionId, drawId: this.drawId, language: this.language, "mb-source": this.mbSource, "client-styling-url": this.clientStylingUrl, "client-styling": this.clientStyling, "translation-url": this.translationUrl }));
|
|
1991
2048
|
}
|
|
1992
2049
|
return null;
|
|
1993
2050
|
}
|
|
1994
2051
|
render() {
|
|
1995
|
-
return (index.h("div", { key: '
|
|
2052
|
+
return (index.h("div", { key: '410b13d8772d8a22ea4a2795230b5ea17975b3c3', class: "lottery-tipping-page", ref: (el) => (this.stylingContainer = el) }, index.h("div", { key: 'f468ef27a6a720aa92fe6eda9729e9faf682c110', class: "lottery-tipping-page-header" }, index.h("slot", { key: 'd0485663265b73a313f9749ec0a4be14162c0203', name: "backBtn" }), this.renderTabs(), index.h("div", { key: '3fb36223d652e0702884102173f43920c9d684b1', class: "lottery-tipping-page-header-operation" }, index.h("slot", { key: 'd7d4b03c828c1b1a0f26eba9594093c8352bafbb', name: "themeBtn" }), index.h("slot", { key: '2a59bcae7c9e360bc4d6b35a441340f32f8d4f77', name: "logoutBtn" }))), index.h("div", { key: 'f290300abafc8c31d23651fe7a9195a1f9e09e05', class: "lottery-tipping-content" }, this.renderContent())));
|
|
1996
2053
|
}
|
|
1997
2054
|
static get watchers() { return {
|
|
1998
2055
|
"clientStyling": ["handleClientStylingChange"],
|
|
@@ -2538,24 +2595,51 @@ const thousandSeparator = (value) => {
|
|
|
2538
2595
|
parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
|
|
2539
2596
|
return parts.join('.');
|
|
2540
2597
|
};
|
|
2541
|
-
|
|
2598
|
+
const HomeDrawAwayArr = ['H', 'D', 'A'];
|
|
2599
|
+
// Utility to format raw results into winning numbers (H/D/A)
|
|
2542
2600
|
const formatResultsToWinningNumbers = (rawResults) => {
|
|
2543
|
-
|
|
2544
|
-
const
|
|
2545
|
-
|
|
2546
|
-
|
|
2547
|
-
|
|
2548
|
-
|
|
2549
|
-
|
|
2550
|
-
|
|
2551
|
-
|
|
2552
|
-
|
|
2553
|
-
|
|
2554
|
-
|
|
2555
|
-
|
|
2556
|
-
|
|
2557
|
-
|
|
2558
|
-
|
|
2601
|
+
// Convert each bullet item into binary (1 if selected, 0 otherwise)
|
|
2602
|
+
const toBinarySelection = (matchRes) => matchRes.map((bulletItem) => (bulletItem.isSelected ? 1 : 0));
|
|
2603
|
+
// Step 1: Convert rawResults into arrays of 0/1 flags
|
|
2604
|
+
const binaryResults = rawResults.map((lineRes) => lineRes.map(toBinarySelection));
|
|
2605
|
+
const resultLinesArr = [];
|
|
2606
|
+
// Step 2: Iterate through each line of results
|
|
2607
|
+
binaryResults.forEach((line, lineIdx) => {
|
|
2608
|
+
const formattedLine = [];
|
|
2609
|
+
// Step 3: Iterate through each match in a line
|
|
2610
|
+
line.forEach((match, matchIdx) => {
|
|
2611
|
+
// Step 4: Collect the winning outcomes (H/D/A) based on binary flags
|
|
2612
|
+
const outcomes = match.map((isSelected, idx) => (isSelected ? HomeDrawAwayArr[idx] : null)).filter(Boolean);
|
|
2613
|
+
// Wrap outcomes into the expected structure [[matchRes]]
|
|
2614
|
+
formattedLine[matchIdx] = [outcomes];
|
|
2615
|
+
});
|
|
2616
|
+
resultLinesArr[lineIdx] = formattedLine;
|
|
2617
|
+
});
|
|
2618
|
+
return resultLinesArr;
|
|
2619
|
+
};
|
|
2620
|
+
const buildSubmitParam = ({ playerId, rawResults, gameId, rawData, amount, currentStake, betTypeId, betType }) => {
|
|
2621
|
+
var _a;
|
|
2622
|
+
const body = { playerId, tickets: [] };
|
|
2623
|
+
const selections = formatResultsToWinningNumbers(rawResults);
|
|
2624
|
+
const stake = currentStake || {};
|
|
2625
|
+
body.tickets.push({
|
|
2626
|
+
startingDrawId: (_a = rawData === null || rawData === void 0 ? void 0 : rawData.currentDraw) === null || _a === void 0 ? void 0 : _a.id,
|
|
2627
|
+
amount,
|
|
2628
|
+
gameId: gameId,
|
|
2629
|
+
gameName: rawData.name,
|
|
2630
|
+
currency: stake.currency,
|
|
2631
|
+
selection: selections.map((i) => ({
|
|
2632
|
+
betType: betTypeId,
|
|
2633
|
+
stake: +stake.value,
|
|
2634
|
+
poolGameSelections: i,
|
|
2635
|
+
quickPick: false,
|
|
2636
|
+
betName: betType.name
|
|
2637
|
+
})),
|
|
2638
|
+
multiplier: false,
|
|
2639
|
+
drawCount: 1,
|
|
2640
|
+
quickPick: false
|
|
2641
|
+
});
|
|
2642
|
+
return body;
|
|
2559
2643
|
};
|
|
2560
2644
|
// BettingTypes, playModes and playTypes
|
|
2561
2645
|
const getEnableOptions = (raw = []) => raw.filter((i) => i.enabled);
|
|
@@ -2929,7 +3013,6 @@ const LotteryTippingTicketBet = class {
|
|
|
2929
3013
|
}
|
|
2930
3014
|
}
|
|
2931
3015
|
componentDidLoad() {
|
|
2932
|
-
console.log(111, this.stylingContainer);
|
|
2933
3016
|
if (this.stylingContainer) {
|
|
2934
3017
|
if (this.mbSource)
|
|
2935
3018
|
lotteryTippingEntrance.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
|
|
@@ -2972,7 +3055,7 @@ const LotteryTippingTicketBet = class {
|
|
|
2972
3055
|
}
|
|
2973
3056
|
fetchMatchData() {
|
|
2974
3057
|
// get match
|
|
2975
|
-
let url = new URL(`${this.endpoint}/
|
|
3058
|
+
let url = new URL(`${this.endpoint}/poolgames/${this.gameId}/draws/${this.drawId}/matchConfig`);
|
|
2976
3059
|
if (!this.gameId || !this.drawId)
|
|
2977
3060
|
return;
|
|
2978
3061
|
this.isLoading = true;
|
|
@@ -3210,7 +3293,7 @@ const doSubmitTicket = ({ body, sessionId, url }) => {
|
|
|
3210
3293
|
};
|
|
3211
3294
|
async function fetchSaleStatistics({ endpoint, gameId, drawId }) {
|
|
3212
3295
|
try {
|
|
3213
|
-
const res = await fetchRequest(`${endpoint}/
|
|
3296
|
+
const res = await fetchRequest(`${endpoint}/games/${gameId}/draws/${drawId}/saleStatistics`);
|
|
3214
3297
|
return res;
|
|
3215
3298
|
}
|
|
3216
3299
|
catch (error) {
|
|
@@ -3236,8 +3319,6 @@ const LotteryTippingTicketController = class {
|
|
|
3236
3319
|
this.language = 'en';
|
|
3237
3320
|
this.logoUrl = undefined;
|
|
3238
3321
|
this.endpoint = '';
|
|
3239
|
-
this.endpointLotteryBe = '';
|
|
3240
|
-
this.endpointTicket = undefined;
|
|
3241
3322
|
this.sessionId = undefined;
|
|
3242
3323
|
this.gameId = undefined;
|
|
3243
3324
|
this.playerId = '';
|
|
@@ -3473,7 +3554,7 @@ const LotteryTippingTicketController = class {
|
|
|
3473
3554
|
updateSaleStatistics() {
|
|
3474
3555
|
var _a;
|
|
3475
3556
|
return fetchSaleStatistics({
|
|
3476
|
-
endpoint: this.
|
|
3557
|
+
endpoint: this.endpoint,
|
|
3477
3558
|
gameId: (_a = this.rawData) === null || _a === void 0 ? void 0 : _a.type,
|
|
3478
3559
|
drawId: this.drawId
|
|
3479
3560
|
}).then((res) => {
|
|
@@ -3487,35 +3568,17 @@ const LotteryTippingTicketController = class {
|
|
|
3487
3568
|
selectedBettingType: this.selectedBettingType,
|
|
3488
3569
|
selectedPlayingMode: this.selectedPlayingMode
|
|
3489
3570
|
});
|
|
3490
|
-
const
|
|
3491
|
-
|
|
3492
|
-
|
|
3493
|
-
|
|
3494
|
-
|
|
3495
|
-
|
|
3496
|
-
|
|
3497
|
-
|
|
3498
|
-
|
|
3499
|
-
|
|
3500
|
-
|
|
3501
|
-
gameId: this.gameId,
|
|
3502
|
-
gameName: this.rawData.name,
|
|
3503
|
-
currency: stake.currency,
|
|
3504
|
-
selection: selections.map((i) => ({
|
|
3505
|
-
betType: betTypeId,
|
|
3506
|
-
stake: +stake.value,
|
|
3507
|
-
selections: i,
|
|
3508
|
-
quickPick: false,
|
|
3509
|
-
betName: betType.name
|
|
3510
|
-
})),
|
|
3511
|
-
multiplier: false,
|
|
3512
|
-
drawCount: 1,
|
|
3513
|
-
quickPick: false
|
|
3514
|
-
});
|
|
3515
|
-
return body;
|
|
3516
|
-
};
|
|
3517
|
-
const url = new URL(`${this.endpointTicket}/tickets`);
|
|
3518
|
-
const body = buildSubmitParam();
|
|
3571
|
+
const url = new URL(`${this.endpoint}/tickets`);
|
|
3572
|
+
const body = buildSubmitParam({
|
|
3573
|
+
playerId: this.playerId,
|
|
3574
|
+
rawResults,
|
|
3575
|
+
gameId: this.gameId,
|
|
3576
|
+
rawData: this.rawData,
|
|
3577
|
+
amount: this.calculateTotalAmount().toString(),
|
|
3578
|
+
currentStake: this.currentStake,
|
|
3579
|
+
betTypeId,
|
|
3580
|
+
betType
|
|
3581
|
+
});
|
|
3519
3582
|
this.submitLoading = true;
|
|
3520
3583
|
doSubmitTicket({ body, sessionId: this.sessionId, url: url.href })
|
|
3521
3584
|
.then(() => {
|
|
@@ -3543,7 +3606,7 @@ const LotteryTippingTicketController = class {
|
|
|
3543
3606
|
return _ + ' ' + unit;
|
|
3544
3607
|
}
|
|
3545
3608
|
renderBettingControls() {
|
|
3546
|
-
var _a;
|
|
3609
|
+
var _a, _b;
|
|
3547
3610
|
const renderSkeleton = () => (index.h("div", { class: "skeleton-content" }, index.h("div", { class: "skeleton-item skeleton-animated" })));
|
|
3548
3611
|
const renderBettingTypeOptions = () => (index.h("div", { class: "LotteryTippingTicketController__segmented-control" }, this.bettingTypeOptions.map((item) => (index.h("button", { class: {
|
|
3549
3612
|
LotteryTippingTicketController__segment: true,
|
|
@@ -3557,15 +3620,15 @@ const LotteryTippingTicketController = class {
|
|
|
3557
3620
|
var _a;
|
|
3558
3621
|
return (index.h("div", null, index.h("vaadin-select", { items: this.stakeOptions || [], value: ((_a = this.currentStake) === null || _a === void 0 ? void 0 : _a.value) || '', "on-value-changed": this.onStakeChange.bind(this), "no-vertical-overlap": true })));
|
|
3559
3622
|
};
|
|
3560
|
-
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$2('bettingType', this.language)), !!this.bettingTypeOptions.length ? renderBettingTypeOptions() : renderSkeleton()), index.h("div", { class: "LotteryTippingTicketController__section" }, index.h("span", { class: "LotteryTippingTicketController__label" }, translate$2('playingMode', this.language)), !!this.playingModeOptions.length ? renderPlayingModeOptions() : renderSkeleton()), ((_a = this.stakeOptions) === null || _a === void 0 ? void 0 : _a.length) > 1 && (index.h("div", { class: "LotteryTippingTicketController__section" }, index.h("span", { class: "LotteryTippingTicketController__label" }, translate$2('stakePerLine', this.language)), renderingStakeOptions())))));
|
|
3623
|
+
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$2('bettingType', this.language)), !!this.bettingTypeOptions.length ? renderBettingTypeOptions() : renderSkeleton()), index.h("div", { class: "LotteryTippingTicketController__section" }, index.h("span", { class: "LotteryTippingTicketController__label" }, translate$2('playingMode', this.language)), !!this.playingModeOptions.length ? renderPlayingModeOptions() : renderSkeleton()), ((_a = this.stakeOptions) === null || _a === void 0 ? void 0 : _a.length) > 1 && (index.h("div", { class: "LotteryTippingTicketController__section" }, index.h("span", { class: "LotteryTippingTicketController__label" }, translate$2('stakePerLine', this.language)), renderingStakeOptions())), ((_b = this.stakeOptions) === null || _b === void 0 ? void 0 : _b.length) > 1 && (index.h("div", { class: "LotteryTippingTicketController__section" }, index.h("span", { class: "LotteryTippingTicketController__label" }, translate$2('stakePerLine', this.language)), renderingStakeOptions())))));
|
|
3561
3624
|
}
|
|
3562
3625
|
renderOrderSummary() {
|
|
3563
3626
|
var _a;
|
|
3564
3627
|
return (index.h("div", { class: "LotteryTippingTicketController__main--right order-summary" }, index.h("h3", { class: "order-summary__title" }, translate$2('orderSummaryTitle', this.language)), index.h("div", { class: "order-summary__ticket-info" }, index.h("div", { class: "order-summary__ticket" }, translate$2('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$2('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 || ((_a = this.currentStake) === null || _a === void 0 ? void 0 : _a.value) === undefined, text: translate$2('orderSummarySubmit', this.language) }))));
|
|
3565
3628
|
}
|
|
3566
3629
|
get formattedTurnover() {
|
|
3567
|
-
var _a, _b;
|
|
3568
|
-
const turnover = (_b = (_a = this.saleStatisticsInfo) === null || _a === void 0 ? void 0 : _a.wagerSegment) === null || _b === void 0 ? void 0 : _b.totalSalesCrossDraw;
|
|
3630
|
+
var _a, _b, _c;
|
|
3631
|
+
const turnover = (_c = (_b = (_a = this.saleStatisticsInfo) === null || _a === void 0 ? void 0 : _a.wagerSegment) === null || _b === void 0 ? void 0 : _b.totalSalesCrossDraw) !== null && _c !== void 0 ? _c : 0;
|
|
3569
3632
|
if (turnover === null || turnover === undefined)
|
|
3570
3633
|
return '';
|
|
3571
3634
|
const unit = '€';
|
|
@@ -3573,7 +3636,7 @@ const LotteryTippingTicketController = class {
|
|
|
3573
3636
|
}
|
|
3574
3637
|
render() {
|
|
3575
3638
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
3576
|
-
return (index.h("div", { key: '
|
|
3639
|
+
return (index.h("div", { key: '353f56111a3dc6f6e7365d563163a38c850f2e88', class: "lottery-tipping-ticket-controller__container", ref: (el) => (this.stylingContainer = el) }, index.h("lottery-tipping-ticket-banner", { key: '3a2472f0bf9195547f5e4c6c2c0a2362c790aa27', "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: '9d0a9391ccf79351959cc280e3c15efc657a966f', class: "flex flex-wrap LotteryTippingTicketController__main" }, index.h("div", { key: 'c61fdb41d41694227971478e193cc5162bff30c3', class: "LotteryTippingTicketController__main--left" }, index.h("lottery-tipping-ticket-bet", { key: '56964177a4366a366279b2ebfff2ee52d1e27de0', 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: 'fe8eb6d26eecee3c6e10b20c4f2ad968f707d51c', rejectButtonVisible: true, rejectText: translate$2('cancel', this.language), confirmText: translate$2('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))));
|
|
3577
3640
|
}
|
|
3578
3641
|
static get assetsDirs() { return ["../static"]; }
|
|
3579
3642
|
static get watchers() { return {
|
|
@@ -3630,7 +3693,6 @@ const LotteryTippingTicketHistory = class {
|
|
|
3630
3693
|
return resultArr;
|
|
3631
3694
|
};
|
|
3632
3695
|
this.endpoint = undefined;
|
|
3633
|
-
this.endpointTicket = undefined;
|
|
3634
3696
|
this.gameId = undefined;
|
|
3635
3697
|
this.playerId = undefined;
|
|
3636
3698
|
this.sessionId = '';
|
|
@@ -3741,7 +3803,7 @@ const LotteryTippingTicketHistory = class {
|
|
|
3741
3803
|
async fetchTicketList() {
|
|
3742
3804
|
this.isLoading = true;
|
|
3743
3805
|
try {
|
|
3744
|
-
const { items, total } = await fetchRequest$1(`${this.
|
|
3806
|
+
const { items, total } = await fetchRequest$1(`${this.endpoint}/tickets${toQueryParams(this.filterData)}`, 'GET', null, {
|
|
3745
3807
|
Authorization: `Bearer ${this.sessionId}`
|
|
3746
3808
|
});
|
|
3747
3809
|
this.ticketHistory = items;
|
|
@@ -3923,15 +3985,15 @@ const LotteryTippingTicketHistory = class {
|
|
|
3923
3985
|
return name !== null && name !== void 0 ? name : bettingType;
|
|
3924
3986
|
}
|
|
3925
3987
|
render() {
|
|
3926
|
-
return (index.h("div", { key: '
|
|
3927
|
-
item.drawResults.map((drawResultItem) => (index.h("div", { class: "draw-info-container" }, drawResultItem.tempDrawData ? (index.h("div", { class: "draw-info" }, index.h("div", { class: "draw-info-item" }, index.h("div", { class: "draw-info-label" }, translate$4('ticketResult', this.language)), index.h("div", { class: "draw-info-val" }, this.resultMap[drawResultItem.state])), index.h("div", { class: "draw-info-item" }, index.h("div", { class: "draw-info-label" }, translate$4('drawId', this.language)), index.h("div", { class: "draw-info-val" }, drawResultItem.drawId)), index.h("div", { class: "draw-info-item" }, index.h("div", { class: "draw-info-label" }, translate$4('drawDate', this.language)), index.h("div", { class: "draw-info-val" }, lotteryTippingEntrance.format(new Date(drawResultItem.tempDrawData.date), 'dd/MM/yyyy'))), index.h("div", { class: "draw-info-item" }, index.h("div", { class: "draw-info-label" }, translate$4('result', this.language)), index.h("div", { class: "draw-info-val" }, index.h("span", { class: "show-detail-link", onClick: () => this.handleShowCurrentDraw(drawResultItem.tempDrawData) }, translate$4('seeDetails', this.language)))), drawResultItem.state === DrawResult.WON && (index.h("div", { class: "draw-info-item" }, index.h("div", { class: "draw-info-label" }, translate$4('prize', this.language)), index.h("div", { class: "draw-info-val1" }, index.h("div", { style: { height: '20px' } }), drawResultItem.prizeDetails.map((prizeItem) => (index.h("span", null, index.h("div", null, index.h("span", { style: { color: 'rgb(85, 85, 85)' } }, prizeItem.prizeName, prizeItem.times > 1 ? ' x ' + prizeItem.times : '', ":", ' '), index.h("span", { style: { 'margin-right': '4px', color: 'rgb(85, 85, 85)' } }, thousandSeperator(prizeItem.amount)), index.h("span", { style: { color: 'rgb(85, 85, 85)' } }, prizeItem.currency)))))))))) : (index.h("div", { class: "draw-info-skeleton" }, [...Array(5)].map(() => (index.h("div", { class: "skeleton-line" })))))))))))))), !this.isLoading && this.paginationInfo.total === 0 && (index.h("div", { key: '
|
|
3988
|
+
return (index.h("div", { key: 'e2bdf93193821b73ab85c98bbaeb20a9ddffd4a7', class: "lottery-tipping-ticket-history", ref: (el) => (this.stylingContainer = el) }, index.h("div", { key: '795fb954de08c6c3d125ef386906c10ebb9df5dc', class: "ticket-history-title" }, translate$4('ticketsHistory', this.language)), index.h("div", { key: 'a73aca010e47e8f29f7df93fe0240fa772e717f1', class: "filter-wrap" }, index.h("div", { key: '49d6f18bb302811d4616a7d1e9cbc3155abbd71c', class: "filter-status" }, this.statusOptions.map((status) => (index.h("div", { class: 'filter-status-btn' + (this.activeStatus == status.value ? ' active' : ''), onClick: () => this.changeStatus(status.value) }, status.label)))), index.h("div", { key: '9d17d4e3f67cd68fe1dc6c748c682d3ebd7673d4', class: "filter-operation" }, index.h("lottery-tipping-filter", { key: '1403ac73aa834f0f8ad8428923887e331470184f', "quick-filters-active": this.quickFiltersActive, language: this.language, "translation-url": this.translationUrl }))), this.isLoading && (index.h("div", { key: 'af70782819d38af17770e0b28ef13da5a1ad5096', class: "loading-wrap" }, index.h("section", { key: '9f384d693af08125c321dc08c42cd2d32dd44fb1', class: "dots-container" }, index.h("div", { key: '82e89a8645383c6f537d7ad0906642fdb3a78cb6', class: "dot" }), index.h("div", { key: '574610642a60089eef6ccd6f26a1e18ed856bee3', class: "dot" }), index.h("div", { key: 'e90eff2b5330571da92fe14ec0afeaa3256730c3', class: "dot" }), index.h("div", { key: '9c9579c96c98af756fc9d0125039337b069cabc9', class: "dot" }), index.h("div", { key: 'a5d651350e459b867ce0f3125bffb3ae13e99415', class: "dot" })))), !this.isLoading && this.paginationInfo.total > 0 && (index.h("div", { key: '62ca1b0fa1f5a6538d3bfecbceeb675e9da83ff0', class: "ticket-list-wrap" }, this.ticketHistory.map((item) => (index.h("lottery-tipping-panel", { "header-title": lotteryTippingEntrance.format(new Date(item.createdAt), 'dd/MM/yyyy HH:mm:ss') + ' ' + item.state }, index.h("div", { class: "panel-content", slot: "content" }, index.h("div", { class: "ticket-info" }, index.h("div", { class: "ticket-info-item" }, index.h("div", { class: "ticket-info-label" }, translate$4('ticketId', this.language)), index.h("div", { class: "ticket-info-val" }, item.id, " ")), index.h("div", { class: "ticket-info-item" }, index.h("div", { class: "ticket-info-label" }, translate$4('ticketType', this.language)), index.h("div", { class: "ticket-info-val" }, this.ticketTypeMap[item.wagerType], " ")), index.h("div", { class: "ticket-info-item" }, index.h("div", { class: "ticket-info-label" }, translate$4('ticketAmount', this.language)), index.h("div", { class: "ticket-info-val" }, `${item.amount} ${item.currency}`)), index.h("div", { class: "ticket-info-item" }, index.h("div", { class: "ticket-info-label" }, translate$4('lineDetail', this.language)), index.h("div", { class: "ticket-info-val" }, index.h("span", { class: "show-detail-link", onClick: () => this.handleShowTicketLineDetial(item) }, translate$4('seeDetails', this.language)))), index.h("div", { class: "ticket-info-item" }, index.h("div", { class: "ticket-info-label" }, translate$4('numberOfDraw', this.language)), index.h("div", { class: "ticket-info-val" }, item.drawCount))), item.state == 'Settled' &&
|
|
3989
|
+
item.drawResults.map((drawResultItem) => (index.h("div", { class: "draw-info-container" }, drawResultItem.tempDrawData ? (index.h("div", { class: "draw-info" }, index.h("div", { class: "draw-info-item" }, index.h("div", { class: "draw-info-label" }, translate$4('ticketResult', this.language)), index.h("div", { class: "draw-info-val" }, this.resultMap[drawResultItem.state])), index.h("div", { class: "draw-info-item" }, index.h("div", { class: "draw-info-label" }, translate$4('drawId', this.language)), index.h("div", { class: "draw-info-val" }, drawResultItem.drawId)), index.h("div", { class: "draw-info-item" }, index.h("div", { class: "draw-info-label" }, translate$4('drawDate', this.language)), index.h("div", { class: "draw-info-val" }, lotteryTippingEntrance.format(new Date(drawResultItem.tempDrawData.date), 'dd/MM/yyyy'))), index.h("div", { class: "draw-info-item" }, index.h("div", { class: "draw-info-label" }, translate$4('result', this.language)), index.h("div", { class: "draw-info-val" }, index.h("span", { class: "show-detail-link", onClick: () => this.handleShowCurrentDraw(drawResultItem.tempDrawData) }, translate$4('seeDetails', this.language)))), drawResultItem.state === DrawResult.WON && (index.h("div", { class: "draw-info-item" }, index.h("div", { class: "draw-info-label" }, translate$4('prize', this.language)), index.h("div", { class: "draw-info-val1" }, index.h("div", { style: { height: '20px' } }), drawResultItem.prizeDetails.map((prizeItem) => (index.h("span", null, index.h("div", null, index.h("span", { style: { color: 'rgb(85, 85, 85)' } }, prizeItem.prizeName, prizeItem.times > 1 ? ' x ' + prizeItem.times : '', ":", ' '), index.h("span", { style: { 'margin-right': '4px', color: 'rgb(85, 85, 85)' } }, thousandSeperator(prizeItem.amount)), index.h("span", { style: { color: 'rgb(85, 85, 85)' } }, prizeItem.currency)))))))))) : (index.h("div", { class: "draw-info-skeleton" }, [...Array(5)].map(() => (index.h("div", { class: "skeleton-line" })))))))))))))), !this.isLoading && this.paginationInfo.total === 0 && (index.h("div", { key: 'f4e82cafb79a5766b2bca251c1171905fdbefe02', class: "empty-wrap" }, translate$4('noData', this.language))), index.h("lottery-tipping-dialog", { key: '89ff90664a6ae0cfdd739c202010602c1b037062', visible: this.showCurrentTicketLine, width: !isMobile(window.navigator.userAgent) ? '720px' : undefined, fullscreen: isMobile(window.navigator.userAgent), closable: true, showFooter: false, onCancel: () => {
|
|
3928
3990
|
this.showCurrentTicketLine = false;
|
|
3929
|
-
}, language: this.language, "translation-url": this.translationUrl }, this.curSelection && this.curSelection.length && this.showCurrentTicketLine && (index.h("div", { key: '
|
|
3991
|
+
}, language: this.language, "translation-url": this.translationUrl }, this.curSelection && this.curSelection.length && this.showCurrentTicketLine && (index.h("div", { key: '5345d592ac9f0130f971cfacb58ca8ddebae4399' }, index.h("div", { key: '3d3b4011822202dd2f4c23483226e329333710cd', class: "betting-type" }, index.h("div", { key: 'c04048d3a580a8b36de76a3bf1ec7ad40edaf91b', class: "betting-type-title" }, translate$4('bettingType', this.language)), index.h("div", { key: '1614ff0010fc627e36da87361b7a8cd1e17f251e', class: "betting-type-text" }, this.getBettingTypeName(this.getBettingType(this.curTicketItem.selection[this.curSelectionIdx].betType)))), index.h("lottery-tipping-ticket-bet", { key: 'b5747189176752774d02e0dd74e795d445b6246a', endpoint: this.endpoint, "session-id": this.sessionId, "game-id": this.curTicketItem.vendorGameId, "draw-id": this.curTicketItem.startingDrawId, "default-bullet-config-line-group": JSON.stringify(this.curSelection), "read-pretty": true, "total-pages": this.curSelection.length, language: this.language, "translation-url": this.translationUrl })))), index.h("lottery-tipping-dialog", { key: '94c1c58c2443895e1e5205fc3301a89a9b064e4f', visible: this.showCurrentDrawResult, width: !isMobile(window.navigator.userAgent) ? '720px' : undefined, fullscreen: isMobile(window.navigator.userAgent), closable: true, showFooter: false, onCancel: () => {
|
|
3930
3992
|
this.showCurrentDrawResult = false;
|
|
3931
|
-
}, language: this.language, "translation-url": this.translationUrl }, this.curDrawSelection && this.curDrawSelection.length && this.showCurrentDrawResult && (index.h("div", { key: '
|
|
3993
|
+
}, language: this.language, "translation-url": this.translationUrl }, this.curDrawSelection && this.curDrawSelection.length && this.showCurrentDrawResult && (index.h("div", { key: '000d5fda83c1d4496428fc5570576c1a33d16366' }, index.h("div", { key: '896d3e013f27f8971ee4220f0d3853e696f69c4c', class: "betting-type" }, index.h("div", { key: 'ea6eae9c86f6cbfbaf2644a17bf009a78b50bdae', class: "betting-type-title" }, translate$4('bettingType', this.language)), index.h("div", { key: 'fa22c6c07946f12d6a52d498dbc5339b1e4eb795', class: "betting-type-text" }, index.h("div", { key: 'cc6199976821e84b112b5091fa617b40e09a62dc', class: "LotteryTippingTicketController__segmented-control" }, Object.keys(this.curDrawSelectionMap).map((bettingType) => (index.h("button", { class: {
|
|
3932
3994
|
LotteryTippingTicketController__segment: true,
|
|
3933
3995
|
'LotteryTippingTicketController__segment--active': this.curDrawSelectionBettingType === bettingType
|
|
3934
|
-
}, onClick: () => this.handleDrawBettingTypeChange(bettingType) }, this.getBettingTypeName(bettingType))))))), index.h("lottery-tipping-ticket-bet", { key: '
|
|
3996
|
+
}, onClick: () => this.handleDrawBettingTypeChange(bettingType) }, this.getBettingTypeName(bettingType))))))), index.h("lottery-tipping-ticket-bet", { key: '82873092dfa36aa666aebbf90330af309be60df6', endpoint: this.endpoint, "session-id": this.sessionId, "game-id": this.curDrawItem.vendorGameId, "draw-id": this.curDrawItem.id, "default-bullet-config-line-group": JSON.stringify(this.curDrawSelection), "read-pretty": true, "total-pages": this.curDrawSelection.length, language: this.language, "translation-url": this.translationUrl })))), index.h("div", { key: '2a4e1557bb2644e9c41820d77fa77fb53212c263', class: "pagination-wrap" }, index.h("lottery-tipping-pagination", { key: '515ad839d8104fe3ecdb50ba6d6b915fd6842781', total: this.paginationInfo.total, current: this.paginationInfo.current, "page-size": this.paginationInfo.pageSize, language: this.language, "translation-url": this.translationUrl }))));
|
|
3935
3997
|
}
|
|
3936
3998
|
static get watchers() { return {
|
|
3937
3999
|
"clientStyling": ["handleClientStylingChange"],
|
|
@@ -3939,13 +4001,186 @@ const LotteryTippingTicketHistory = class {
|
|
|
3939
4001
|
"mbSource": ["handleMbSourceChange"],
|
|
3940
4002
|
"gameId": ["handleGameInfoChange"],
|
|
3941
4003
|
"endpoint": ["handleGameInfoChange"],
|
|
3942
|
-
"endpointTicket": ["handleTicketInfoChange"],
|
|
3943
4004
|
"playerId": ["handleTicketInfoChange"],
|
|
3944
4005
|
"sessionId": ["handleTicketInfoChange"]
|
|
3945
4006
|
}; }
|
|
3946
4007
|
};
|
|
3947
4008
|
LotteryTippingTicketHistory.style = LotteryTippingTicketHistoryStyle0;
|
|
3948
4009
|
|
|
4010
|
+
const uiSkeletonCss = ":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.SkeletonRectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 10px)}.SkeletonCircle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.SkeletonText{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 10px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.SkeletonText:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.SkeletonTitle{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 10px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.SkeletonImage{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, unset)}.SkeletonLogo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 10px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, #e0e0e0)}100%{background-color:var(--emw-skeleton-secondary-color, #f0f0f0)}}";
|
|
4011
|
+
const UiSkeletonStyle0 = uiSkeletonCss;
|
|
4012
|
+
|
|
4013
|
+
const UiSkeleton = class {
|
|
4014
|
+
constructor(hostRef) {
|
|
4015
|
+
index.registerInstance(this, hostRef);
|
|
4016
|
+
this.stylingValue = {
|
|
4017
|
+
width: this.handleStylingProps(this.width),
|
|
4018
|
+
height: this.handleStylingProps(this.height),
|
|
4019
|
+
borderRadius: this.handleStylingProps(this.borderRadius),
|
|
4020
|
+
marginBottom: this.handleStylingProps(this.marginBottom),
|
|
4021
|
+
marginTop: this.handleStylingProps(this.marginTop),
|
|
4022
|
+
marginLeft: this.handleStylingProps(this.marginLeft),
|
|
4023
|
+
marginRight: this.handleStylingProps(this.marginRight),
|
|
4024
|
+
size: this.handleStylingProps(this.size),
|
|
4025
|
+
};
|
|
4026
|
+
this.structure = undefined;
|
|
4027
|
+
this.width = 'unset';
|
|
4028
|
+
this.height = 'unset';
|
|
4029
|
+
this.borderRadius = 'unset';
|
|
4030
|
+
this.marginBottom = 'unset';
|
|
4031
|
+
this.marginTop = 'unset';
|
|
4032
|
+
this.marginLeft = 'unset';
|
|
4033
|
+
this.marginRight = 'unset';
|
|
4034
|
+
this.animation = true;
|
|
4035
|
+
this.rows = 0;
|
|
4036
|
+
this.size = '100%';
|
|
4037
|
+
}
|
|
4038
|
+
handleStructureChange(newValue, oldValue) {
|
|
4039
|
+
if (oldValue !== newValue) {
|
|
4040
|
+
this.handleStructure(newValue);
|
|
4041
|
+
}
|
|
4042
|
+
}
|
|
4043
|
+
handleStylingProps(value) {
|
|
4044
|
+
switch (typeof value) {
|
|
4045
|
+
case 'number':
|
|
4046
|
+
return value === 0 ? 0 : `${value}px`;
|
|
4047
|
+
case 'undefined':
|
|
4048
|
+
return 'unset';
|
|
4049
|
+
case 'string':
|
|
4050
|
+
if (['auto', 'unset', 'none', 'inherit', 'initial'].includes(value) ||
|
|
4051
|
+
value.endsWith('px') ||
|
|
4052
|
+
value.endsWith('%')) {
|
|
4053
|
+
return value;
|
|
4054
|
+
}
|
|
4055
|
+
else {
|
|
4056
|
+
return 'unset';
|
|
4057
|
+
}
|
|
4058
|
+
default:
|
|
4059
|
+
return 'unset';
|
|
4060
|
+
}
|
|
4061
|
+
}
|
|
4062
|
+
handleStructure(structure) {
|
|
4063
|
+
switch (structure) {
|
|
4064
|
+
case 'logo':
|
|
4065
|
+
return this.renderLogo();
|
|
4066
|
+
case 'image':
|
|
4067
|
+
return this.renderImage();
|
|
4068
|
+
case 'title':
|
|
4069
|
+
return this.renderTitle();
|
|
4070
|
+
case 'text':
|
|
4071
|
+
return this.renderText();
|
|
4072
|
+
case 'rectangle':
|
|
4073
|
+
return this.renderRectangle();
|
|
4074
|
+
case 'circle':
|
|
4075
|
+
return this.renderCircle();
|
|
4076
|
+
default:
|
|
4077
|
+
return null;
|
|
4078
|
+
}
|
|
4079
|
+
}
|
|
4080
|
+
renderLogo() {
|
|
4081
|
+
return (index.h("div", { class: "SkeletonContainer" }, index.h("div", { class: 'SkeletonLogo ' + (this.animation ? 'Skeleton' : '') })));
|
|
4082
|
+
}
|
|
4083
|
+
renderImage() {
|
|
4084
|
+
return index.h("div", { class: 'SkeletonImage ' + (this.animation ? 'Skeleton' : '') });
|
|
4085
|
+
}
|
|
4086
|
+
renderTitle() {
|
|
4087
|
+
return (index.h("div", { class: "SkeletonContainer" }, index.h("div", { class: 'SkeletonTitle ' + (this.animation ? 'Skeleton' : '') })));
|
|
4088
|
+
}
|
|
4089
|
+
renderText() {
|
|
4090
|
+
return (index.h("div", { class: "SkeletonContainer" }, Array.from({ length: this.rows > 0 ? this.rows : 1 }).map((_, index$1) => (index.h("div", { key: index$1, class: 'SkeletonText ' + (this.animation ? 'Skeleton' : '') })))));
|
|
4091
|
+
}
|
|
4092
|
+
renderRectangle() {
|
|
4093
|
+
return (index.h("div", { class: "SkeletonContainer" }, index.h("div", { class: 'SkeletonRectangle ' + (this.animation ? 'Skeleton' : '') })));
|
|
4094
|
+
}
|
|
4095
|
+
renderCircle() {
|
|
4096
|
+
return (index.h("div", { class: "SkeletonContainer" }, index.h("div", { class: 'SkeletonCircle ' + (this.animation ? 'Skeleton' : '') })));
|
|
4097
|
+
}
|
|
4098
|
+
render() {
|
|
4099
|
+
let styleBlock = '';
|
|
4100
|
+
switch (this.structure) {
|
|
4101
|
+
case 'logo':
|
|
4102
|
+
styleBlock = `
|
|
4103
|
+
:host {
|
|
4104
|
+
--emw-skeleton-logo-width: ${this.stylingValue.width};
|
|
4105
|
+
--emw-skeleton-logo-height: ${this.stylingValue.height};
|
|
4106
|
+
--emw-skeleton-logo-border-radius: ${this.stylingValue.borderRadius};
|
|
4107
|
+
--emw-skeleton-logo-margin-bottom: ${this.stylingValue.marginBottom};
|
|
4108
|
+
--emw-skeleton-logo-margin-top: ${this.stylingValue.marginTop};
|
|
4109
|
+
--emw-skeleton-logo-margin-left: ${this.stylingValue.marginLeft};
|
|
4110
|
+
--emw-skeleton-logo-margin-right: ${this.stylingValue.marginRight};
|
|
4111
|
+
}
|
|
4112
|
+
`;
|
|
4113
|
+
break;
|
|
4114
|
+
case 'image':
|
|
4115
|
+
styleBlock = `
|
|
4116
|
+
:host {
|
|
4117
|
+
--emw-skeleton-image-width: ${this.stylingValue.width};
|
|
4118
|
+
--emw-skeleton-image-height: ${this.stylingValue.height};
|
|
4119
|
+
--emw-skeleton-image-border-radius: ${this.stylingValue.borderRadius};
|
|
4120
|
+
--emw-skeleton-image-margin-bottom: ${this.stylingValue.marginBottom};
|
|
4121
|
+
--emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};
|
|
4122
|
+
--emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};
|
|
4123
|
+
--emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};
|
|
4124
|
+
}
|
|
4125
|
+
`;
|
|
4126
|
+
break;
|
|
4127
|
+
case 'title':
|
|
4128
|
+
styleBlock = `
|
|
4129
|
+
:host {
|
|
4130
|
+
--emw-skeleton-title-width: ${this.stylingValue.width};
|
|
4131
|
+
--emw-skeleton-title-height: ${this.stylingValue.height};
|
|
4132
|
+
--emw-skeleton-title-border-radius: ${this.stylingValue.borderRadius};
|
|
4133
|
+
--emw-skeleton-title-margin-bottom: ${this.stylingValue.marginBottom};
|
|
4134
|
+
--emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};
|
|
4135
|
+
--emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};
|
|
4136
|
+
--emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};
|
|
4137
|
+
}
|
|
4138
|
+
`;
|
|
4139
|
+
break;
|
|
4140
|
+
case 'text':
|
|
4141
|
+
styleBlock = `
|
|
4142
|
+
:host {
|
|
4143
|
+
--emw-skeleton-text-width: ${this.stylingValue.width};
|
|
4144
|
+
--emw-skeleton-text-height: ${this.stylingValue.height};
|
|
4145
|
+
--emw-skeleton-text-border-radius: ${this.stylingValue.borderRadius};
|
|
4146
|
+
--emw-skeleton-text-margin-bottom: ${this.stylingValue.marginBottom};
|
|
4147
|
+
--emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};
|
|
4148
|
+
--emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};
|
|
4149
|
+
--emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};
|
|
4150
|
+
}
|
|
4151
|
+
`;
|
|
4152
|
+
break;
|
|
4153
|
+
case 'rectangle':
|
|
4154
|
+
styleBlock = `
|
|
4155
|
+
:host {
|
|
4156
|
+
--emw-skeleton-rectangle-width: ${this.stylingValue.width};
|
|
4157
|
+
--emw-skeleton-rectangle-height: ${this.stylingValue.height};
|
|
4158
|
+
--emw-skeleton-rectangle-border-radius: ${this.stylingValue.borderRadius};
|
|
4159
|
+
--emw-skeleton-rectangle-margin-bottom: ${this.stylingValue.marginBottom};
|
|
4160
|
+
--emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};
|
|
4161
|
+
--emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};
|
|
4162
|
+
--emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};
|
|
4163
|
+
}
|
|
4164
|
+
`;
|
|
4165
|
+
break;
|
|
4166
|
+
case 'circle':
|
|
4167
|
+
styleBlock = `
|
|
4168
|
+
:host {
|
|
4169
|
+
--emw-skeleton-circle-size: ${this.stylingValue.size};
|
|
4170
|
+
}
|
|
4171
|
+
`;
|
|
4172
|
+
break;
|
|
4173
|
+
default:
|
|
4174
|
+
styleBlock = '';
|
|
4175
|
+
}
|
|
4176
|
+
return (index.h(index.Host, { key: 'c2a2650acd416962a2bc4e1a7ee18bc6d8e2def8' }, index.h("style", { key: '9bd7fc1f9e9ed9f17735a7b72fce6f09696f5e19' }, styleBlock), this.handleStructure(this.structure)));
|
|
4177
|
+
}
|
|
4178
|
+
static get watchers() { return {
|
|
4179
|
+
"structure": ["handleStructureChange"]
|
|
4180
|
+
}; }
|
|
4181
|
+
};
|
|
4182
|
+
UiSkeleton.style = UiSkeletonStyle0;
|
|
4183
|
+
|
|
3949
4184
|
exports.lottery_tipping_entrance = lotteryTippingEntrance.LotteryTippingEntrance;
|
|
3950
4185
|
exports.draw_selection = DrawSelection;
|
|
3951
4186
|
exports.general_multi_select = GeneralMultiSelect;
|
|
@@ -3964,3 +4199,4 @@ exports.lottery_tipping_ticket_banner = LotteryTippingTicketBanner;
|
|
|
3964
4199
|
exports.lottery_tipping_ticket_bet = LotteryTippingTicketBet;
|
|
3965
4200
|
exports.lottery_tipping_ticket_controller = LotteryTippingTicketController;
|
|
3966
4201
|
exports.lottery_tipping_ticket_history = LotteryTippingTicketHistory;
|
|
4202
|
+
exports.ui_skeleton = UiSkeleton;
|