@everymatrix/lottery-tipping-page 1.92.1 → 1.92.3

package/dist/cjs/general-multi-select_14.cjs.entry.js

@@ -12057,7 +12057,7 @@ const LotteryTippingTicketController = class {
         return _ + ' ' + unit;
     }
     renderBettingControls() {
-        var _a, _b;
+        var _a;
         const renderSkeleton = () => (index.h("div", { class: "skeleton-content" }, index.h("div", { class: "skeleton-item skeleton-animated" })));
         const renderBettingTypeOptions = () => (index.h("div", { class: "LotteryTippingTicketController__segmented-control" }, this.bettingTypeOptions.map((item) => (index.h("button", { class: {
                 LotteryTippingTicketController__segment: true,
@@ -12071,7 +12071,7 @@ const LotteryTippingTicketController = class {
             var _a;
             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 })));
         };
-        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()), ((_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('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('stakePerLine', this.language)), renderingStakeOptions())))));
+        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()), ((_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('stakePerLine', this.language)), renderingStakeOptions())))));
     }
     renderOrderSummary() {
         var _a;
@@ -12082,7 +12082,7 @@ const LotteryTippingTicketController = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-        return (index.h("div", { key: 'fd8f4df594a1eb81a2a5f439100ce0ba88c1f3ac', class: "lottery-tipping-ticket-controller__container", ref: (el) => (this.stylingContainer = el) }, index.h("lottery-banner", { key: '04d6c8d1b568d368c6cfbc52bdd7fea4fafdaf01', "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, startTime: (_d = (_c = this.rawData) === null || _c === void 0 ? void 0 : _c.currentDraw) === null || _d === void 0 ? void 0 : _d.wagerStartTime, "banner-title": formattedWeekName((_f = (_e = this.rawData) === null || _e === void 0 ? void 0 : _e.currentDraw) === null || _f === void 0 ? void 0 : _f.date), turnover: formattedTurnover((_h = (_g = this.saleStatisticsInfo) === null || _g === void 0 ? void 0 : _g.wagerSegment) === null || _h === void 0 ? void 0 : _h.totalSalesCrossDraw), language: this.language, "translation-url": this.translationUrl, onLotteryBannerTimerStop: this.handleTimerStop.bind(this) }), this.renderBettingControls(), index.h("div", { key: '0004daf2791fe4fe38a3d8a4a053e00134afa22b', class: "flex flex-wrap LotteryTippingTicketController__main" }, index.h("div", { key: '073f3a40306c2e7fb957ec6d298b27161ce13882', class: "LotteryTippingTicketController__main--left" }, index.h("lottery-tipping-ticket-bet", { key: '8bb892411deff47a27d468088d18810e8a9613f3', ref: (el) => (this.childRef = el), endpoint: this.endpoint, "session-id": this.sessionId, "game-id": (_j = this.rawData) === null || _j === void 0 ? void 0 : _j.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: 'a68fd4482a21b06bff943702c117ab7ca53db204', rejectButtonVisible: true, rejectText: translate('cancel', this.language), confirmText: translate('confirm', this.language), opened: (_k = this.dialogConfig) === null || _k === void 0 ? void 0 : _k.visible, onConfirm: this.dialogConfig.onConfirm, onReject: this.dialogConfig.onCancel }, (_l = this.dialogConfig) === null || _l === void 0 ? void 0 : _l.content))));
+        return (index.h("div", { key: '8f520b33fe0b935feb26e39baa840457ccc357df', class: "lottery-tipping-ticket-controller__container", ref: (el) => (this.stylingContainer = el) }, index.h("lottery-banner", { key: '10ddfb775cfe7c8f2c980414302123309a7ad7d1', "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, startTime: (_d = (_c = this.rawData) === null || _c === void 0 ? void 0 : _c.currentDraw) === null || _d === void 0 ? void 0 : _d.wagerStartTime, "banner-title": formattedWeekName((_f = (_e = this.rawData) === null || _e === void 0 ? void 0 : _e.currentDraw) === null || _f === void 0 ? void 0 : _f.date), turnover: formattedTurnover((_h = (_g = this.saleStatisticsInfo) === null || _g === void 0 ? void 0 : _g.wagerSegment) === null || _h === void 0 ? void 0 : _h.totalSalesCrossDraw), language: this.language, "translation-url": this.translationUrl, onLotteryBannerTimerStop: this.handleTimerStop.bind(this) }), this.renderBettingControls(), index.h("div", { key: 'add963c6aaa5f852f589fc1b20b31882d62ca8db', class: "flex flex-wrap LotteryTippingTicketController__main" }, index.h("div", { key: '55c990ea441ca3b2192c3dbaa328dd31046b6d9c', class: "LotteryTippingTicketController__main--left" }, index.h("lottery-tipping-ticket-bet", { key: '7511cd997bfef3688e60afd207c109bfe20637cd', ref: (el) => (this.childRef = el), endpoint: this.endpoint, "session-id": this.sessionId, "game-id": (_j = this.rawData) === null || _j === void 0 ? void 0 : _j.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: 'dfc1353806484dc8614d19737f922113a18099af', rejectButtonVisible: true, rejectText: translate('cancel', this.language), confirmText: translate('confirm', this.language), opened: (_k = this.dialogConfig) === null || _k === void 0 ? void 0 : _k.visible, onConfirm: this.dialogConfig.onConfirm, onReject: this.dialogConfig.onCancel }, (_l = this.dialogConfig) === null || _l === void 0 ? void 0 : _l.content))));
     }
     static get assetsDirs() { return ["../static"]; }
     static get watchers() { return {

package/dist/esm/general-multi-select_14.entry.js

@@ -12054,7 +12054,7 @@ const LotteryTippingTicketController = class {
         return _ + ' ' + unit;
     }
     renderBettingControls() {
-        var _a, _b;
+        var _a;
         const renderSkeleton = () => (h("div", { class: "skeleton-content" }, h("div", { class: "skeleton-item skeleton-animated" })));
         const renderBettingTypeOptions = () => (h("div", { class: "LotteryTippingTicketController__segmented-control" }, this.bettingTypeOptions.map((item) => (h("button", { class: {
                 LotteryTippingTicketController__segment: true,
@@ -12068,7 +12068,7 @@ const LotteryTippingTicketController = class {
             var _a;
             return (h("div", null, 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 })));
         };
-        return (h("div", { class: "LotteryTippingTicketController__top" }, h("div", { class: "LotteryTippingTicketController__row" }, h("div", { class: "LotteryTippingTicketController__section" }, h("span", { class: "LotteryTippingTicketController__label" }, translate('bettingType', this.language)), !!this.bettingTypeOptions.length ? renderBettingTypeOptions() : renderSkeleton()), h("div", { class: "LotteryTippingTicketController__section" }, h("span", { class: "LotteryTippingTicketController__label" }, translate('playingMode', this.language)), !!this.playingModeOptions.length ? renderPlayingModeOptions() : renderSkeleton()), ((_a = this.stakeOptions) === null || _a === void 0 ? void 0 : _a.length) > 1 && (h("div", { class: "LotteryTippingTicketController__section" }, h("span", { class: "LotteryTippingTicketController__label" }, translate('stakePerLine', this.language)), renderingStakeOptions())), ((_b = this.stakeOptions) === null || _b === void 0 ? void 0 : _b.length) > 1 && (h("div", { class: "LotteryTippingTicketController__section" }, h("span", { class: "LotteryTippingTicketController__label" }, translate('stakePerLine', this.language)), renderingStakeOptions())))));
+        return (h("div", { class: "LotteryTippingTicketController__top" }, h("div", { class: "LotteryTippingTicketController__row" }, h("div", { class: "LotteryTippingTicketController__section" }, h("span", { class: "LotteryTippingTicketController__label" }, translate('bettingType', this.language)), !!this.bettingTypeOptions.length ? renderBettingTypeOptions() : renderSkeleton()), h("div", { class: "LotteryTippingTicketController__section" }, h("span", { class: "LotteryTippingTicketController__label" }, translate('playingMode', this.language)), !!this.playingModeOptions.length ? renderPlayingModeOptions() : renderSkeleton()), ((_a = this.stakeOptions) === null || _a === void 0 ? void 0 : _a.length) > 1 && (h("div", { class: "LotteryTippingTicketController__section" }, h("span", { class: "LotteryTippingTicketController__label" }, translate('stakePerLine', this.language)), renderingStakeOptions())))));
     }
     renderOrderSummary() {
         var _a;
@@ -12079,7 +12079,7 @@ const LotteryTippingTicketController = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-        return (h("div", { key: 'fd8f4df594a1eb81a2a5f439100ce0ba88c1f3ac', class: "lottery-tipping-ticket-controller__container", ref: (el) => (this.stylingContainer = el) }, h("lottery-banner", { key: '04d6c8d1b568d368c6cfbc52bdd7fea4fafdaf01', "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, startTime: (_d = (_c = this.rawData) === null || _c === void 0 ? void 0 : _c.currentDraw) === null || _d === void 0 ? void 0 : _d.wagerStartTime, "banner-title": formattedWeekName((_f = (_e = this.rawData) === null || _e === void 0 ? void 0 : _e.currentDraw) === null || _f === void 0 ? void 0 : _f.date), turnover: formattedTurnover((_h = (_g = this.saleStatisticsInfo) === null || _g === void 0 ? void 0 : _g.wagerSegment) === null || _h === void 0 ? void 0 : _h.totalSalesCrossDraw), language: this.language, "translation-url": this.translationUrl, onLotteryBannerTimerStop: this.handleTimerStop.bind(this) }), this.renderBettingControls(), h("div", { key: '0004daf2791fe4fe38a3d8a4a053e00134afa22b', class: "flex flex-wrap LotteryTippingTicketController__main" }, h("div", { key: '073f3a40306c2e7fb957ec6d298b27161ce13882', class: "LotteryTippingTicketController__main--left" }, h("lottery-tipping-ticket-bet", { key: '8bb892411deff47a27d468088d18810e8a9613f3', ref: (el) => (this.childRef = el), endpoint: this.endpoint, "session-id": this.sessionId, "game-id": (_j = this.rawData) === null || _j === void 0 ? void 0 : _j.type, "draw-id": this.drawId, language: this.language, "translation-url": this.translationUrl, "max-total-pages": this.lineNumberRange.maxLineNumber, "min-total-pages": this.lineNumberRange.minLineNumber, "total-pages": this.lineNumberRange.defaultBoards, mode: this.selectedPlayingMode === PlayModeEnum.SingleBet ? 'single' : 'multi', "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl })), this.renderOrderSummary()), this.dialogConfig.visible && (h("vaadin-confirm-dialog", { key: 'a68fd4482a21b06bff943702c117ab7ca53db204', rejectButtonVisible: true, rejectText: translate('cancel', this.language), confirmText: translate('confirm', this.language), opened: (_k = this.dialogConfig) === null || _k === void 0 ? void 0 : _k.visible, onConfirm: this.dialogConfig.onConfirm, onReject: this.dialogConfig.onCancel }, (_l = this.dialogConfig) === null || _l === void 0 ? void 0 : _l.content))));
+        return (h("div", { key: '8f520b33fe0b935feb26e39baa840457ccc357df', class: "lottery-tipping-ticket-controller__container", ref: (el) => (this.stylingContainer = el) }, h("lottery-banner", { key: '10ddfb775cfe7c8f2c980414302123309a7ad7d1', "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, startTime: (_d = (_c = this.rawData) === null || _c === void 0 ? void 0 : _c.currentDraw) === null || _d === void 0 ? void 0 : _d.wagerStartTime, "banner-title": formattedWeekName((_f = (_e = this.rawData) === null || _e === void 0 ? void 0 : _e.currentDraw) === null || _f === void 0 ? void 0 : _f.date), turnover: formattedTurnover((_h = (_g = this.saleStatisticsInfo) === null || _g === void 0 ? void 0 : _g.wagerSegment) === null || _h === void 0 ? void 0 : _h.totalSalesCrossDraw), language: this.language, "translation-url": this.translationUrl, onLotteryBannerTimerStop: this.handleTimerStop.bind(this) }), this.renderBettingControls(), h("div", { key: 'add963c6aaa5f852f589fc1b20b31882d62ca8db', class: "flex flex-wrap LotteryTippingTicketController__main" }, h("div", { key: '55c990ea441ca3b2192c3dbaa328dd31046b6d9c', class: "LotteryTippingTicketController__main--left" }, h("lottery-tipping-ticket-bet", { key: '7511cd997bfef3688e60afd207c109bfe20637cd', ref: (el) => (this.childRef = el), endpoint: this.endpoint, "session-id": this.sessionId, "game-id": (_j = this.rawData) === null || _j === void 0 ? void 0 : _j.type, "draw-id": this.drawId, language: this.language, "translation-url": this.translationUrl, "max-total-pages": this.lineNumberRange.maxLineNumber, "min-total-pages": this.lineNumberRange.minLineNumber, "total-pages": this.lineNumberRange.defaultBoards, mode: this.selectedPlayingMode === PlayModeEnum.SingleBet ? 'single' : 'multi', "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl })), this.renderOrderSummary()), this.dialogConfig.visible && (h("vaadin-confirm-dialog", { key: 'dfc1353806484dc8614d19737f922113a18099af', rejectButtonVisible: true, rejectText: translate('cancel', this.language), confirmText: translate('confirm', this.language), opened: (_k = this.dialogConfig) === null || _k === void 0 ? void 0 : _k.visible, onConfirm: this.dialogConfig.onConfirm, onReject: this.dialogConfig.onCancel }, (_l = this.dialogConfig) === null || _l === void 0 ? void 0 : _l.content))));
     }
     static get assetsDirs() { return ["../static"]; }
     static get watchers() { return {

package/dist/lottery-tipping-page/general-multi-select_14.entry.js

@@ -6654,7 +6654,7 @@ fi("vaadin-tabs",ee`
       </div>
 
       <div on-click="_scrollForward" part="forward-button" aria-hidden="true"></div>
-    `}static get is(){return"vaadin-tabs"}}Yt(Gh);const Yh=["ro","en","fr","ar","hr"],Jh={en:{totalItems:"Total {total} items",perPage:"{size} / page",goTo:"Go to",filter:"Filter",clear:"Clear",searchByTicketId:"Search by Ticket ID",enterTicketId:"Enter Ticket ID",searchByTicketType:"Search by Ticket Type",selectTicketType:"Select Ticket Type",searchByDate:"Search by Date",from:"From",to:"To",normal:"Normal",subscription:"Subscription",ticketsHistory:"Tickets History",settled:"Settled",purchased:"Purchased",canceled:"Canceled",noData:"No data Avaliable.",ticketId:"Ticket ID:",ticketType:"Ticket Type:",ticketAmount:"Ticket Amount:",lineDetail:"Line Detail:",seeDetails:"See Details",numberOfDraw:"Number of Draw:",ticketResult:"Ticket Result:",drawId:"Draw ID:",drawDate:"Draw Date:",result:"Result:",prize:"Prize:",bettingType:"Betting Type:"},ro:{},fr:{},ar:{},hr:{}},Xh=(t,e,i)=>{const o=e;let r=Jh[void 0!==o&&Yh.includes(o)?o:"en"][t];return i&&Object.keys(i).forEach((t=>{r=r.replace(`{${t}}`,i[t])})),r},Kh=t=>{Object.keys(t).forEach((e=>{for(let i in t[e])Jh[e][i]=t[e][i]}))},Zh=class{constructor(i){t(this,i),this.filterChange=e(this,"filterChange",7),this.filterClear=e(this,"filterClear",7),this.handleTicketType=t=>{t.detail&&t.detail.length&&(this.filterData.ticketType=t.detail)},this.handleFilterFrom=t=>{let e=t.target.value.split("-");3===e.length&&(this.filterData=Object.assign(Object.assign({},this.filterData),{filterFromCalendar:`${e[2]}/${e[1]}/${e[0]}`}))},this.handleFilterTo=t=>{let e=t.target.value.split("-");3===e.length&&(this.filterData=Object.assign(Object.assign({},this.filterData),{filterToCalendar:`${e[2]}/${e[1]}/${e[0]}`}))},this.quickFiltersActive=!1,this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.language="en",this.translationUrl=void 0,this.isOpen=!1,this.filterData={filterFromCalendar:"",filterToCalendar:"",ticketId:"",ticketType:[]},this.ticketTypeList=void 0,this.showClearButton=!1}handleClientStylingChange(t,e){t!=e&&n(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&s(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&a(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}componentWillLoad(){this.translationUrl&&Kh(JSON.parse(this.translationUrl)),this.ticketTypeList=[{label:Xh("normal",this.language),value:"NORMAL"},{label:Xh("subscription",this.language),value:"SUBSCRIPTION"}]}componentDidLoad(){this.stylingContainer&&(this.mbSource&&a(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&n(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&s(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}handleModalClose(){this.isOpen=!1}changeFormate(t){const[e,i,o]=t.split("/");return`${o}-${i}-${e}`}formateDate(t){const{year:e,month:i,day:o}=t;return ht(new Date(e,i,o),"dd/MM/yyyy")}parseDate(t){const[e,i,o]=t.split("/");return{year:o,month:parseInt(i)-1,day:e}}setDateFormate(t){t.i18n=Object.assign(Object.assign({},t.i18n),{formatDate:this.formateDate,parseDate:this.parseDate})}clearSelection(){this.comboBox.clear()}resetSearch(){this.showClearButton=!1,this.clearSelection(),this.filterData={filterFromCalendar:"",filterToCalendar:"",ticketId:"",ticketType:[]},this.filterClear.emit()}handleDialogConfirm(){if(this.filterData.filterFromCalendar&&this.filterData.filterToCalendar){let t=this.filterData.filterFromCalendar.split("/"),e=this.filterData.filterToCalendar.split("/");const i={filterFromCalendar:new Date(Date.UTC(Number(t[2]),Number(t[1])-1,Number(t[0]),0,0,0)).toISOString(),filterToCalendar:new Date(Date.UTC(Number(e[2]),Number(e[1])-1,Number(e[0]),23,59,59)).toISOString()};this.filterData=Object.assign(Object.assign({},this.filterData),i)}this.filterChange.emit(this.filterData),this.isOpen=!1,this.showClearButton=!0}render(){return o("div",{key:"74aa590f6f92b9df971fd17cb3f573cc6a0a68e9",class:"lottery-tipping-filter",ref:t=>this.stylingContainer=t},o("div",{key:"ebf385371627466c5eb06a5ef75a14a467b1badd",class:"operate-btns"},!this.showClearButton&&o("div",{key:"55c709034e124b51e8b9057980f5a3c3b8c6d5ce",class:"operate-btn",onClick:()=>{this.isOpen=!0}},Xh("filter",this.language)),(this.showClearButton||this.quickFiltersActive)&&o("div",{key:"aa747af2461e72fbacc16decd7fc75cd6f640c47",class:"operate-btn",onClick:()=>this.resetSearch()},Xh("clear",this.language))),o("lottery-tipping-dialog",{key:"9a9472dee498db7acc83fd96db89b635be07a837","dialog-title":Xh("ticketResult",this.language),visible:this.isOpen,onCancel:()=>{this.isOpen=!1},onConfirm:this.handleDialogConfirm.bind(this),animationDuration:300,language:this.language,"translation-url":this.translationUrl},o("div",{key:"a7bfe435c8f7a43abf2c2d500d7e31fe62123787",class:"dialog-content"},o("div",{key:"4fcf5f1d3da61ba5e3e8c09b4a97339c1eafaf64",class:"filter-item"},o("div",{key:"397bb60af15071331c46c0b83366475ef66205fd",class:"filter-item-label"},Xh("searchByTicketId",this.language)),o("div",{key:"657e0014bb0d8af52ed273149bad534b2cd035b6",class:"filter-item-val"},o("div",{key:"7e49aab4b087a1e077cc03d4331df52be03a79c2",class:"general-multi-select-container"},o("vaadin-text-field",{key:"9d810aac3959e689cefed434d7c5569b18e4c0ec",placeholder:Xh("enterTicketId",this.language),value:this.filterData.ticketId,onInput:t=>{this.filterData.ticketId=t.target.value}})))),o("div",{key:"8b9fda151a493c920797e4c7e2a8693c84ea5620",class:"filter-item"},o("div",{key:"23439a0cad69db2ddafc8c131d5e1f5a019c3805",class:"filter-item-label"},Xh("searchByTicketType",this.language)),o("div",{key:"ffe8de6c8acb7ecb92301d417e5d3cddb9941601",class:"general-multi-select-container"},o("general-multi-select",{key:"90b2b967b17830a22ea08aa0f22e155e42922f21",ref:t=>this.comboBox=t,placeholder:Xh("selectTicketType",this.language),"max-visible-chips":"2",options:this.ticketTypeList.map((t=>({text:t.label,value:t.value}))),onChange:this.handleTicketType,"client-styling":this.clientStyling,"client-styling-Url":this.clientStylingUrl,"mb-source":this.mbSource}))),o("div",{key:"b8dc91b5337a8f4064160c50c20f213fbb1649bd",class:"filter-item"},o("div",{key:"476fb4074ad41ce1a014eb9355504aa4a53161ca",class:"filter-item-label"},Xh("searchByDate",this.language)),o("div",{key:"d4498509f769af6cd5d008dc8433a61b9c9c5487",class:"filter-item-val"},o("vaadin-date-picker",{key:"bd525309eb193cd2e12fc87aee172d423397d22e",value:this.filterData.filterFromCalendar,max:void 0===this.filterData.filterToCalendar?void 0:this.changeFormate(this.filterData.filterToCalendar),onChange:this.handleFilterFrom,placeholder:Xh("from",this.language),ref:t=>this.setDateFormate(t),class:"VaadinDatePicker"}),o("vaadin-date-picker",{key:"50eb713df259a2d0fce36b90d81d1ea388c8545d",value:this.filterData.filterToCalendar,min:void 0===this.filterData.filterFromCalendar?void 0:this.changeFormate(this.filterData.filterFromCalendar),onChange:this.handleFilterTo,placeholder:Xh("to",this.language),ref:t=>this.setDateFormate(t),class:"VaadinDatePicker"}))))))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};function Qh(t,e="GET",i=null,o={}){return new Promise(((r,n)=>{const s="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(t){var e=16*Math.random()|0;return("x"==t?e:3&e|8).toString(16)})),a=Object.assign({"Content-Type":"application/json"},o);"GET"!==e&&"HEAD"!==e&&(a["X-Idempotency-Key"]=s);const l={method:e,headers:a,body:null};i&&"GET"!==e&&"HEAD"!==e?l.body=JSON.stringify(i):delete l.body,fetch(t,l).then((t=>t.ok?t.json():n(t))).then((t=>r(t))).catch((t=>n(t)))}))}function tc(t,e){return null==t||""===t||(0!==t||!e)&&(Array.isArray(t)?function(t){if(0===t.length)return!0;const e=t.length;let i=0;for(let o=0;o<e;o++){if(!tc(t[o]))return!1;i++}return i===e}(t):"[object Object]"===Object.prototype.toString.call(t)?function(t){if(0===Object.keys(t).length)return!0;const e=Object.keys(t).length;let i=0;for(const e of Object.values(t)){if(!tc(e))return!1;i++}return i===e}(t):!t)}Zh.style=".lottery-tipping-filter .operate-btns{display:flex;gap:10px}.lottery-tipping-filter .operate-btns .operate-btn{background:var(--emw--color-primary, #fed275);border:1px solid var(--emw--color-primary, #fed275);border-radius:16px;padding:8px 10px;font-size:14px;color:var(--emw--color-typography, #000);font-weight:600;cursor:pointer;transition:0.2s linear}.dialog-content{display:flex;flex-direction:column;align-items:center}.dialog-content .filter-item{margin-bottom:12px}.dialog-content .filter-item-label{text-align:center;color:var(--emw--color-typography, #000)}.dialog-content .filter-item-val{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}@media screen and (max-width: 480px){.lottery-tipping-filter .operate-btns{gap:4px}}.general-multi-select-container{width:var(--vaadin-field-default-width, 16em)}.general-multi-select-container vaadin-text-field{width:100%}";const ec={0:"1",1:"X",2:"2"},ic={H:0,D:1,A:2},oc=t=>{const e=t.map((t=>{const e=[0,0,0];return t[0].forEach((t=>{const i=ic[t];void 0!==i&&(e[i]=1)})),e.map(((t,e)=>({isSelected:1===t,value:ec[e]})))}));return e},rc=t=>!!(t.toLowerCase().match(/android/i)||t.toLowerCase().match(/blackberry|bb/i)||t.toLowerCase().match(/iphone|ipad|ipod/i)||t.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i)),nc=({message:t,theme:e="success"})=>{window.postMessage({type:"ShowNotificationToast",message:t,theme:e})},sc=class{constructor(i){t(this,i),this.pageChange=e(this,"pageChange",7),this.pageSizeChange=e(this,"pageSizeChange",7),this.userAgent=window.navigator.userAgent,this.total=0,this.pageSizeOptions=[10,20,50],this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.language="en",this.translationUrl=void 0,this.current=1,this.pageSize=10,this.totalPages=1}handleClientStylingChange(t,e){t!=e&&n(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&s(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&a(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&a(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&n(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&s(this.stylingContainer,this.clientStylingUrl))}componentWillLoad(){this.translationUrl&&Kh(JSON.parse(this.translationUrl)),this.pageSize=this.pageSizeOptions[0],this.updateTotalPages()}updateTotalPages(){this.totalPages=Math.max(Math.ceil(this.total/this.pageSize),1),this.current>this.totalPages&&(this.current=this.totalPages,this.pageChange.emit(this.current))}goToPage(t){t<1||t>this.totalPages||t===this.current||(this.current=t,this.pageChange.emit(t))}changePageSize(t){this.pageSize=t,this.pageSizeChange.emit(t),this.updateTotalPages(),this.goToPage(1)}getPagesToShow(){const t=[],e=rc(this.userAgent)?1:2,{totalPages:i,current:o}=this;if(i<=7)for(let e=1;e<=i;e++)t.push({type:"page",value:e});else{t.push({type:"page",value:1}),o>e+2&&t.push({type:"jump",direction:"prev"});const r=Math.max(2,o-e),n=Math.min(i-1,o+e);for(let e=r;e<=n;e++)t.push({type:"page",value:e});o<i-e-1&&t.push({type:"jump",direction:"next"}),t.push({type:"page",value:i})}return t}jumpTo(t){this.goToPage("prev"===t?Math.max(1,this.current-5):Math.min(this.totalPages,this.current+5))}render(){const t=this.getPagesToShow();return o("div",{key:"daa1bf4cd3031ae3f908bd2638424cbf82b81021",class:"paginator",ref:t=>this.stylingContainer=t},o("div",{key:"93841d6094df6f52b24e277b66d92158aabd2955",class:"total-num"},Xh("totalItems",this.language,{total:this.total})),o("button",{key:"205e1dcc5e5c1b18f2dbbb61e127d13e4adaa79f",class:"arrow-btn",disabled:this.current<=1,onClick:()=>this.goToPage(this.current-1)},"<"),t.map((t=>"page"===t.type?o("button",{class:{page:!0,active:this.current===t.value},onClick:()=>this.goToPage(t.value)},t.value):o("button",{class:"ellipsis",onClick:()=>this.jumpTo(t.direction)},"..."))),o("button",{key:"3213a6519702b4215e66afadf8dc6e44839455e7",class:"arrow-btn",disabled:this.current>=this.totalPages,onClick:()=>this.goToPage(this.current+1)},">"),o("select",{key:"da36befb97834a7d3ca212f724306cbe57f76167",onInput:t=>this.changePageSize(parseInt(t.target.value))},this.pageSizeOptions.map((t=>o("option",{value:t},Xh("perPage",this.language,{size:t}))))),o("div",{key:"063ca0f31a3ab170a697af945414602f95748dac",class:"jump-box"},Xh("goTo",this.language),o("input",{key:"1ec1cbf62de505ea6770c59536c41f3bbb241261",type:"number",min:"1",max:this.totalPages,value:this.current,onKeyDown:t=>{if("Enter"===t.key){const e=parseInt(t.target.value);isNaN(e)||this.goToPage(e)}},onInput:t=>{const e=t.target;parseInt(e.value)>this.totalPages&&(e.value=this.totalPages.toString()),parseInt(e.value)<1&&(e.value="1")}})))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],total:["updateTotalPages"],pageSize:["updateTotalPages"]}}};sc.style=".paginator{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.paginator .page{color:var(--emw--color-typography, #000)}button{padding:4px 8px;font-size:14px;background:var(--emw--color-background, #fff);border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));border-radius:var(--emw--border-radius-small, 4px);cursor:pointer;min-width:28px;transition:all 0.2s ease}.arrow-btn{color:var(--emw--color-typography, #000)}button.active{color:#333;background:var(--emw--color-primary, #fed275);border-color:var(--emw--color-primary, #fed275);font-weight:bold}button:not(.arrow-btn):hover{background:var(--emw--color-secondary, #fff3b9);border-color:var(--emw--color-secondary, #fff3b9)}button:disabled{cursor:not-allowed;border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));user-select:none}.ellipsis{font-weight:bold;color:var(--emw--color-typography, #000);border:none}select{padding:4px 8px;border-radius:4px;border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));font-size:14px}.jump-box{display:flex;align-items:center;gap:4px;margin-left:8px;color:var(--emw--color-typography, #000)}.jump-box input{width:50px;padding:2px 6px;font-size:14px;border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));border-radius:4px;text-align:center}.total-num{user-select:none;font-size:14px;color:var(--emw--color-typography, #333)}";const ac=Dt({icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"}}]},name:"down",theme:"outlined"},{extraSVGAttrs:{width:"16px",height:"16px",fill:"currentColor"}}),lc=class{constructor(e){t(this,e),this.togglePanel=()=>{this.expanded=!this.expanded},this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.headerTitle=void 0,this.expanded=!1}handleClientStylingChange(t,e){t!=e&&n(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&s(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&a(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&a(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&n(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&s(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}render(){return o("div",{key:"3a7acb79544c31ac93d82a2ea62ca7d343901b3f",class:"panel-container",ref:t=>this.stylingContainer=t},o("div",{key:"1c4f38f5c8df2e08dd3a33f9af45b7bc0cc1f025",class:{"panel-header":!0,active:this.expanded},onClick:this.togglePanel},o("div",{key:"6e08ac8f744bb3abbfb0148d4cc82843f13b1ea5",class:"header-content"},o("slot",{key:"b58eee18d78117db3638ed71800b40e626de7d63",name:"header"},o("span",{key:"cfc3586117731014a1511f9df19d53132580e2ac"},this.headerTitle))),o("span",{key:"41a8fb02bb96acd842668cd717909f07d02bdad2",class:"arrow "+(this.expanded?"expanded":""),innerHTML:ac})),o("div",{key:"5deb75348843b6cf12bba4c03a5defeaa82760f8",class:"panel-body "+(this.expanded?"open":"closed")},o("slot",{key:"0191d8c751a6fecaaeae237cba17e125df42b6d4",name:"content"})))}get el(){return r(this)}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};lc.style=".panel-container{border:1px solid var(--emw--color-typography, #000);border-radius:8px;overflow:hidden;font-family:sans-serif;width:calc(100% - 4px)}.panel-header{background-color:var(--emw--color-background, #fff);padding:8px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:14px}.panel-header .header-content{color:var(--emw--color-typography, #000)}.panel-header:hover{background-color:var(--emw--color-primary, #fed275)}.panel-header.active{background-color:var(--emw--color-primary, #fed275)}.header-content{white-space:nowrap;user-select:none}.arrow{transition:transform 0.3s ease;font-size:16px;display:inline-flex}.arrow.expanded{transform:rotate(180deg)}.panel-body{overflow:hidden;max-height:0;transition:max-height 0.3s ease, padding 0.3s ease;background-color:var(--emw--color-background, #fff);padding:0 12px;font-size:14px}.panel-body.open{max-height:500px;padding:10px 12px}.panel-body.closed{max-height:0;padding-top:0;padding-bottom:0}";const hc=["ro","en","fr","ar","hr"],cc={en:{homeTeam:"Home team:",awayTeam:"Away team:",selectionCleared:"Your selection has been cleared.",selectionOnLineCleared:"Your selection on this line will be cleared.",loading:"Loading...",error:"Error!",noData:"No data available.",lineInfo:"Line {currentPage} of {totalPages}",clearAll:"Clear All",cancel:"Cancel",confirm:"Confirm"},ro:{homeTeam:"Echipa gazdă:",awayTeam:"Echipa oaspete:",selectionCleared:"Selecția dvs. a fost ștearsă.",selectionOnLineCleared:"Selecția dvs. de pe această linie va fi ștearsă.",loading:"Se încarcă...',n    error: 'Eroare!",noData:"Nu sunt date disponibile.",lineInfo:"Linia {currentPage} din {totalPages}",clearAll:"Șterge tot",cancel:"Anulează",confirm:"Confirmă"},fr:{homeTeam:"Équipe à domicile:",awayTeam:"Équipe à l'extérieur:",selectionCleared:"Votre sélection a été effacée.",selectionOnLineCleared:"Votre sélection sur cette ligne sera effacée.",loading:"Chargement...',n    error: 'Erreur!",noData:"Aucune donnée disponible.",lineInfo:"Ligne {currentPage} sur {totalPages}",clearAll:"Tout effacer",cancel:"Annuler",confirm:"Confirmer"},ar:{homeTeam:"الفريق المضيف:",awayTeam:"الفريق الضيف:",selectionCleared:"تم مسح اختيارك.",selectionOnLineCleared:"سيتم مسح اختيارك في هذا السطر.",loading:"جار التحميل...',n    error: 'خطأ!",noData:"لا توجد بيانات متاحة.",lineInfo:"السطر {currentPage} من {totalPages}",clearAll:"مسح الكل",cancel:"إلغاء",confirm:"تأكيد"},hr:{homeTeam:"Domaći tim:",awayTeam:"Gostujući tim:",selectionCleared:"Vaš odabir je obrisan.",selectionOnLineCleared:"Vaš odabir na ovoj liniji bit će obrisan.",loading:"Učitavanje...',n    error: 'Greška!",noData:"Nema dostupnih podataka.",lineInfo:"Linija {currentPage} od {totalPages}",clearAll:"Očisti sve",cancel:"Odustani",confirm:"Potvrdi"}},dc=(t,e,i)=>{const o=e;let r=cc[void 0!==o&&hc.includes(o)?o:"en"][t];return i&&Object.keys(i).forEach((t=>{r=r.replace(`{${t}}`,i[t])})),r},uc=t=>{Object.keys(t).forEach((e=>{for(let i in t[e])cc[e][i]=t[e][i]}))},pc=[{value:"1"},{value:"X"},{value:"2"}],mc=Dt({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"},{extraSVGAttrs:{width:"20px",height:"20px",fill:"currentColor"}}),fc=Dt({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"},{extraSVGAttrs:{width:"20px",height:"20px",fill:"currentColor"}}),vc=Dt({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"},{extraSVGAttrs:{width:"16px",height:"16px",fill:"currentColor"}}),gc=Dt({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"},{extraSVGAttrs:{width:"20px",height:"20px",fill:"currentColor"}}),bc=Dt({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"},{extraSVGAttrs:{width:"20px",height:"20px",fill:"currentColor"}}),yc=class{constructor(i){t(this,i),this.lotteryTippingBulletBetEvent=e(this,"lotteryTippingBulletBetSelect",7),this.lotteryTippingCurrentPageChangeEvent=e(this,"lotteryTippingCurrentPageChange",7),this.eventNameRender=(t,e)=>o("div",{class:"flex gap-1 eventNameContainer__item"},o("span",{class:"eventNameContainer__item--title"},e),o("general-tooltip",null,o("span",{slot:"trigger",class:"icon info-icon",innerHTML:vc,style:{width:"18px"}}),o("div",{slot:"content"},o("div",{class:"match-info"},o("div",{class:"match-info-item"},o("div",{class:"match-info-item-label"},dc("homeTeam",this.language)),o("div",{class:"match-info-item-value"},t.homeName)),o("div",{class:"match-info-item"},o("div",{class:"match-info-item-label"},dc("awayTeam",this.language)),o("div",{class:"match-info-item-value"},t.awayName)))))),this.columns=[{title:"",value:"index",width:3},{title:"",value:"eventName",width:70,render:this.eventNameRender},{title:"",value:"startTime",width:22,align:"right",nowrap:!0,render:(t,e)=>(({date:t,type:e="date",format:i})=>{try{const o=ct(t);if(isNaN(o.getTime()))throw new Error(`Invalid date: ${t}`);if(i)return ht(o,i);let r="dd/MM/yyyy";return"time"===e?r="dd/MM/yyyy HH:mm:ss":"week"===e&&(r="ccc dd/MM/yyyy HH:mm:ss"),ht(o,r)}catch(t){return console.error("Error formatting date:",t.message),""}})({date:e,format:"ccc HH:mm"})},{title:()=>o("lottery-tipping-bullet-group",{theme:"text",bulletConfigContent:JSON.stringify(pc)}),value:"results",width:5,render:(t,e,i)=>{var r,n;return o("lottery-tipping-bullet-group",{mode:this.mode,bulletConfigContent:JSON.stringify(null===(n=null===(r=this.bulletConfigLineGroup)||void 0===r?void 0:r[this.currentPage-1])||void 0===n?void 0:n[i]),"position-idx":`${this.currentPage-1}-${i}`})}}],this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.translationUrl="",this.language="en",this.translationData=void 0,this.clientStylingUrlContent="",this.sessionId=void 0,this.endpoint="",this.gameId=void 0,this.drawId=void 0,this.totalPages=void 0,this.minTotalPages=0,this.maxTotalPages=0,this.mode="multi",this.readPretty=!1,this.defaultBulletConfigLineGroup=void 0,this.bulletConfigLineGroup=[[[]]],this.currentPage=1,this.isLoading=!1,this.hasErrors=!1,this.dialogConfig={visible:!1},this.ticketDataSource=[]}handleNewTranslations(){this.isLoading=!0,uc(JSON.parse(this.translationUrl)),this.isLoading=!1}handleClientStylingChange(t,e){t!=e&&n(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&s(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&a(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}componentWillLoad(){this.translationUrl&&uc(JSON.parse(this.translationUrl))}componentDidLoad(){this.stylingContainer&&(this.mbSource&&a(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&n(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&s(this.stylingContainer,this.clientStylingUrl))}get parsedDefaultBulletConfigLineGroup(){if("string"==typeof this.defaultBulletConfigLineGroup&&this.defaultBulletConfigLineGroup)try{const t=JSON.parse(this.defaultBulletConfigLineGroup);return this.readPrettyHandler(t)}catch(t){return void console.error("Error parsing defaultBulletConfigLineGroup:",t)}}readPrettyHandler(t){return this.readPretty?(this.currentPage=1,this.minTotalPages=1,this.maxTotalPages=this.totalPages,null==t?void 0:t.map((t=>null==t?void 0:t.map((t=>null==t?void 0:t.map((t=>Object.assign(Object.assign({},t),{disabled:!0})))))))):t}initLineForBulletConfig(){var t;return Array.from({length:null===(t=this.ticketDataSource)||void 0===t?void 0:t.length},(()=>[...pc]))}_resetBulletConfig(){this.bulletConfigLineGroup=Array.from({length:this.totalPages}).map(this.initLineForBulletConfig.bind(this))}fetchMatchData(){let t=new URL(`${this.endpoint}/poolgames/${this.gameId}/draws/${this.drawId}/matchConfig`);this.gameId&&this.drawId&&(this.isLoading=!0,(t=>fetch(t).then((t=>t.json())))(t.href).then((t=>{this.ticketDataSource=t||[],this.isLoading=!1,this.updateBulletConfigLineGroup()})).catch((t=>{this.isLoading=!1,this.hasErrors=!0,console.error("Error!",t)})))}updateBulletConfigLineGroup(){this.parsedDefaultBulletConfigLineGroup&&this.parsedDefaultBulletConfigLineGroup.length>0?this.bulletConfigLineGroup=this.parsedDefaultBulletConfigLineGroup:this._resetBulletConfig()}connectedCallback(){this.fetchMatchData()}handleClearAll(){this._resetBulletConfig(),(({message:t,theme:e="success",renderOne:i=!1})=>{window.postMessage({type:"ShowNotificationToast",message:t,theme:e,renderOne:i})})({message:dc("selectionCleared",this.language),renderOne:!0}),this.lotteryTippingBulletBetEvent.emit({hasSelectBullet:!1})}async resetBulletConfig({minLineNumber:t,maxLineNumber:e,defaultBoards:i}){this.totalPages=i,this.minTotalPages=t,this.maxTotalPages=e,this.currentPage=1,this._resetBulletConfig(),this.lotteryTippingBulletBetEvent.emit({hasSelectBullet:!1})}lotteryTippingBulletGroupSelectionHandler(t){const{bulletConfigArr:e,positionIdx:i}=t.detail,[o,r]=i.split("-");this.bulletConfigLineGroup[o][r]=e,this.bulletConfigLineGroup=[...this.bulletConfigLineGroup],this.lotteryTippingBulletBetEvent.emit({hasSelectBullet:!0})}async getData(){return await this.validateBulletConfigLineGroup(),this.bulletConfigLineGroup}validateBulletConfigLineGroup(){if("[[[]]]"===JSON.stringify(this.bulletConfigLineGroup))return Promise.resolve(this.bulletConfigLineGroup);const t=this.bulletConfigLineGroup.length;return t!==this.totalPages||t<this.minTotalPages||t>this.maxTotalPages?(this._resetBulletConfig(),Promise.reject(new Error("Invalid bullet config line group length"))):Promise.resolve(this.bulletConfigLineGroup)}prevPage(){this.swapCard("prev",(()=>{this.currentPage>1&&this.currentPage--}))}nextPage(){this.swapCard("next",(()=>{this.currentPage<this.totalPages&&this.currentPage++}))}handleAddLine(){this.swapCard("add",(()=>{this.totalPages<=this.maxTotalPages-1&&(this.bulletConfigLineGroup.push(this.initLineForBulletConfig()),this.totalPages++,this.currentPage++,this.lotteryTippingBulletBetEvent.emit())}))}handleRemoveLine(){(()=>{if(this.totalPages>=this.minTotalPages+1){const t=()=>{this.dialogConfig={visible:!1}},e=()=>{this.bulletConfigLineGroup.splice(this.currentPage-1,1),this.totalPages--,1!==this.currentPage&&this.currentPage--,this.lotteryTippingBulletBetEvent.emit(),this.swapCard("remove",t)};this.dialogConfig={visible:!0,content:dc("selectionOnLineCleared",this.language),onConfirm:e,onCancel:t}}})()}swapCard(t,e){const i=this.mainContainer;if(!i)return;const{out:o,in:r}={next:{out:"card-out-left",in:"card-in-left"},prev:{out:"card-out-right",in:"card-in-right"},remove:{out:"card-out-down",in:"card-in-right"},add:{out:"card-out-left",in:"card-in-up"}}[t];i.classList.add(o),i.addEventListener("animationend",(()=>{i.classList.remove(o),e();const t=this.mainContainer;t&&(t.classList.add(r),t.addEventListener("animationend",(()=>t.classList.remove(r)),{once:!0}))}),{once:!0})}handleCurrentPageChange(){this.lotteryTippingCurrentPageChangeEvent.emit({currentPage:this.currentPage})}renderLoading(){return o("div",{class:"loading-wrap"},o("section",{class:"dots-container"},o("div",{class:"dot"}),o("div",{class:"dot"}),o("div",{class:"dot"}),o("div",{class:"dot"}),o("div",{class:"dot"})))}render(){var t,e,i,r;if(this.isLoading)return this.renderLoading();if(this.hasErrors)return o("div",{ref:t=>this.stylingContainer=t,class:"LotteryTippingTicketBet__container"},o("p",null,dc("error",this.language)));const n=({columns:t,dataSource:e,hideHead:i=!1,grid:r=!0,bordered:n=!0})=>o("table",{class:{bordered:n,grid:r,"my-table-component":!0}},!i&&o("thead",null,o("tr",null,t.map((t=>{var e;return o("th",{key:t.value,style:{width:t.width+"%",textAlign:t.align}},"string"==typeof t.title?t.title:null===(e=t.title)||void 0===e?void 0:e.call(t))})))),o("tbody",null,e.map(((e,i)=>o("tr",{key:i},t.map((t=>o("td",{key:t.value,style:{width:t.width+"%",textAlign:t.align},class:{"no-wrap":t.nowrap}},t.render?t.render(e,e[t.value],i):e[t.value])))))))),s=this.totalPages<this.maxTotalPages&&this.currentPage===this.totalPages,a=this.totalPages>this.minTotalPages;return 0===this.ticketDataSource.length||0===this.minTotalPages||0===this.maxTotalPages?o("div",{class:"LotteryTippingTicketBet__container",ref:t=>this.stylingContainer=t},o("div",{class:"LotteryTippingTicketBet__empty"},o("p",null,dc("noData",this.language)))):this.readPretty?o("div",{class:"LotteryTippingTicketBet__container",ref:t=>this.stylingContainer=t},o("div",{class:"LotteryTippingTicketBet__main",ref:t=>this.mainContainer=t},o(n,{columns:this.columns,dataSource:(null===(t=this.ticketDataSource)||void 0===t?void 0:t.map(((t,e)=>Object.assign(Object.assign({},t),{index:e+1}))))||[],hideHead:!1,grid:!1,bordered:!1}),this.totalPages>1&&o("div",null,o("div",{class:"border-line"}),o("div",{class:"LotteryTippingTicketBet__footer"},o("div",{class:"my-pagination flex justify-between"},o("span",null,dc("lineInfo",this.language,{currentPage:this.currentPage,totalPages:this.totalPages})),o("div",{class:"flex gap-1"},o("span",{class:"btn "+(1===this.currentPage?"disabled":""),onClick:this.prevPage.bind(this)},o("span",{class:"icon",innerHTML:gc})),o("span",{class:"btn "+(this.currentPage===this.totalPages?"disabled":""),onClick:this.nextPage.bind(this)},o("span",{class:"icon",innerHTML:bc})))))))):o("div",{ref:t=>this.stylingContainer=t,class:"LotteryTippingTicketBet__container"},o("div",{class:"LotteryTippingTicketBet__tableToolbar flex justify-end gap-1"},o("button",{class:{"LotteryTippingTicketBet__tableToolbar--item":!0,"mr-0":!(s||a)},onClick:this.handleClearAll.bind(this)},dc("clearAll",this.language))),o("div",{class:"flex align-center LotteryTippingTicketBet__main",ref:t=>this.mainContainer=t},o(n,{columns:this.columns,dataSource:(null===(e=this.ticketDataSource)||void 0===e?void 0:e.map(((t,e)=>Object.assign(Object.assign({},t),{index:e+1}))))||[],hideHead:!1,grid:!1,bordered:!1}),(s||a)&&o("div",{class:"LotteryTippingTicketBet__lineOperatorGroup"},s&&o("div",{class:{"LotteryTippingTicketBet__lineOperatorGroup--item":!0},onClick:this.handleAddLine.bind(this)},o("span",{class:"icon",innerHTML:mc})),a&&o("div",{class:{"LotteryTippingTicketBet__lineOperatorGroup--item":!0},onClick:this.handleRemoveLine.bind(this)},o("span",{class:"icon",innerHTML:fc})))),o("div",{class:"border-line"}),o("div",{class:"LotteryTippingTicketBet__footer"},o("div",{class:"my-pagination flex justify-between"},o("span",null,dc("lineInfo",this.language,{currentPage:this.currentPage,totalPages:this.totalPages})),o("div",{class:"flex gap-1"},o("span",{class:"btn "+(1===this.currentPage?"disabled":""),onClick:this.prevPage.bind(this)},o("span",{class:"icon",innerHTML:gc})),o("span",{class:"btn "+(this.currentPage===this.totalPages?"disabled":""),onClick:this.nextPage.bind(this)},o("span",{class:"icon",innerHTML:bc}))))),this.dialogConfig.visible&&o("vaadin-confirm-dialog",{rejectButtonVisible:!0,rejectText:dc("cancel",this.language),confirmText:dc("confirm",this.language),opened:null===(i=this.dialogConfig)||void 0===i?void 0:i.visible,onConfirm:this.dialogConfig.onConfirm,onReject:this.dialogConfig.onCancel},null===(r=this.dialogConfig)||void 0===r?void 0:r.content))}static get assetsDirs(){return["../static"]}static get watchers(){return{translationUrl:["handleNewTranslations"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],gameId:["fetchMatchData"],sessionId:["fetchMatchData"],drawId:["fetchMatchData"],defaultBulletConfigLineGroup:["fetchMatchData"],currentPage:["handleCurrentPageChange"]}}};var wc,xc,_c,kc;yc.style=".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}",function(t){t.SingleBet="SingleBet",t.SystemBet="SystemBet"}(wc||(wc={})),function(t){t.FullTime="FullTime",t.HalfTime="HalfTime",t.Both="Both"}(xc||(xc={})),function(t){t.OPEN="OPEN"}(_c||(_c={})),function(t){t.Settled="Settled",t.Purchased="Purchased",t.Canceled="Canceled"}(kc||(kc={}));const Cc=["ro","en","fr","ar","hr"],Sc={en:{stop:"Stop",at:"at",turnover:"Turnover: ",selectionCleared:"Your selection will be cleared.",ticketSubmitted:"Ticket submitted successfully.",ticketFailed:"Failed to submit tickets.",lines:"Lines",line:"Line",bettingType:"Betting Type",playingMode:"Playing Mode",orderSummaryTitle:"Order Summary",orderSummaryTickets:"Tickets",orderSummaryTotal:"Total",orderSummarySubmit:"Submit",cancel:"Cancel",confirm:"Confirm",stakePerLine:"Stake per Line:"},ro:{selectionCleared:"Selecția dvs. va fi ștearsă.",ticketSubmitted:"Bilet trimis cu succes.",ticketFailed:"Nu s-a putut achiziționa biletul. Vă rugăm să încercați din nou.",lines:"Linii",line:"Linie",bettingType:"Tip de pariu",playingMode:"Mod de joc",orderSummaryTitle:"Sumar comandă",orderSummaryTickets:"Bilete",orderSummaryTotal:"Total",orderSummarySubmit:"Trimite",cancel:"Anulează",confirm:"Confirmă"},fr:{selectionCleared:"Votre sélection sera effacée.",ticketSubmitted:"Billet soumis avec succès.",ticketFailed:"Échec de l'achat du billet. Veuillez réessayer.",lines:"Lignes",line:"Ligne",bettingType:"Type de pari",playingMode:"Mode de jeu",orderSummaryTitle:"Résumé de la commande",orderSummaryTickets:"Billets",orderSummaryTotal:"Total",orderSummarySubmit:"Soumettre",cancel:"Annuler",confirm:"Confirmer"},ar:{selectionCleared:"سيتم مسح اختيارك.",ticketSubmitted:"تم إرسال التذكرة بنجاح.",ticketFailed:"فشل شراء التذكرة. يرجى المحاولة مرة أخرى.",lines:"خطوط",line:"خط",bettingType:"نوع الرهان",playingMode:"وضع اللعب",orderSummaryTitle:"ملخص الطلب",orderSummaryTickets:"التذاكر",orderSummaryTotal:"المجموع",orderSummarySubmit:"إرسال",cancel:"إلغاء",confirm:"تأكيد"},hr:{selectionCleared:"Vaš odabir bit će obrisan.",ticketSubmitted:"Listić je uspješno predan.",ticketFailed:"Kupnja listića nije uspjela. Molimo pokušajte ponovo.",lines:"Linije",line:"Linija",bettingType:"Vrsta oklade",playingMode:"Način igranja",orderSummaryTitle:"Sažetak narudžbe",orderSummaryTickets:"Listići",orderSummaryTotal:"Ukupno",orderSummarySubmit:"Pošalji",cancel:"Odustani",confirm:"Potvrdi"}},Tc=(t,e)=>{const i=e;return Sc[void 0!==i&&Cc.includes(i)?i:"en"][t]};function Ac(t,e="GET",i=null,o={}){return new Promise(((r,n)=>{const s="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(t){var e=16*Math.random()|0;return("x"==t?e:3&e|8).toString(16)})),a=Object.assign({"Content-Type":"application/json"},o);"GET"!==e&&"HEAD"!==e&&(a["X-Idempotency-Key"]=s);const l={method:e,headers:a};i&&"GET"!==e&&"HEAD"!==e&&(l.body=JSON.stringify(i)),fetch(t,l).then((t=>{if(!t.ok)throw new Error(`HTTP error! Status: ${t.status}`);return t.json()})).then((t=>r(t))).catch((t=>n(t)))}))}const zc=({message:t,theme:e="success"})=>{window.postMessage({type:"ShowNotificationToast",message:t,theme:e})},Ic=t=>{if(0===t)return"0";if(!t)return"";const e=(t=t.toString()).split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")},Mc=["H","D","A"],Dc=(t=[])=>t.filter((t=>t.enabled)),Nc=({rawData:t,selectedBettingType:e,selectedPlayingMode:i})=>{var o,r,n,s,a,l;const h=null===(s=null===(n=null===(r=null===(o=null==t?void 0:t.rules)||void 0===o?void 0:o.poolGame)||void 0===r?void 0:r.playTypes)||void 0===n?void 0:n.find((t=>t.bettingType===e&&t.playMode===i)))||void 0===s?void 0:s.betTypeId,c=null===(l=null===(a=null==t?void 0:t.rules)||void 0===a?void 0:a.betTypes)||void 0===l?void 0:l.find((t=>t.id===h));return{betTypeId:h,betType:c}};function Oc(t,e="€"){return null==t?"":`${e}${t?Ic(t):0}`}function Ec(t){if(!t)return"";const e=(({date:t,type:e="date",format:i})=>{try{const o=ct(t);if(isNaN(o.getTime()))throw new Error(`Invalid date: ${t}`);if(i)return ht(o,i);let r="dd/MM/yyyy";return"time"===e?r="dd/MM/yyyy HH:mm:ss":"week"===e&&(r="ccc dd/MM/yyyy HH:mm:ss"),ht(o,r)}catch(t){return console.error("Error formatting date:",t.message),""}})({date:t,format:"EEEE"});return["saturday","sunday"].includes(e.toLowerCase())?e.toUpperCase():"MIDWEEK"}const Pc="TICKET_INVALID_TOKEN",Bc=class{constructor(i){t(this,i),this.logoutEventHandler=e(this,"logout",7),this.bothBettingTypeMultiplier=2,this.onStakeChange=t=>{this.currentStake=this.getCurrentStakeByValue(t.detail.value)},this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.translationUrl="",this.language="en",this.endpoint="",this.sessionId=void 0,this.gameId=void 0,this.playerId="",this.drawId=void 0,this.isLoading=!0,this.bettingTypeOptions=[],this.playingModeOptions=[],this.selectedBettingType=void 0,this.selectedPlayingMode=void 0,this.hasSelectBullet=void 0,this.hasSelectAllBullet=void 0,this.totalLineCombination=0,this.submitLoading=void 0,this.drawSubmitAvailable=!1,this.rawData={},this.saleStatisticsInfo={},this.currentStake=void 0,this.dialogConfig={visible:!1}}async getLotteryTippingBulletResults(){return await this.childRef.getData()}get lineNumberRange(){const{betType:t}=Nc({rawData:this.rawData,selectedBettingType:this.selectedBettingType,selectedPlayingMode:this.selectedPlayingMode}),e=(null==t?void 0:t.boardsAllowed)||[0],[i,o]=[Math.min(...e),Math.max(...e)];return{minLineNumber:i,maxLineNumber:o,defaultBoards:(null==t?void 0:t.defaultBoards)||i}}get playTypeConfig(){var t,e,i;return null===(i=null===(e=null===(t=this.rawData)||void 0===t?void 0:t.rules)||void 0===e?void 0:e.poolGame)||void 0===i?void 0:i.playTypes}get betTypeConfig(){var t,e;return null===(e=null===(t=this.rawData)||void 0===t?void 0:t.rules)||void 0===e?void 0:e.betTypes}get isBothBettingType(){return this.selectedBettingType===xc.Both}get stakeOptions(){var t,e,i;return null===(i=null===(e=null===(t=this.rawData)||void 0===t?void 0:t.rules)||void 0===e?void 0:e.stakes)||void 0===i?void 0:i.map((t=>{var e;return{value:null===(e=t.value)||void 0===e?void 0:e.toString(),label:t.value,currency:t.currency}}))}getCurrentStakeByValue(t){var e;return null===(e=this.stakeOptions)||void 0===e?void 0:e.find((e=>+e.value==+t))}initiateCurrentStake(){var t,e,i;if(1===(null===(t=this.stakeOptions)||void 0===t?void 0:t.length))this.currentStake=this.stakeOptions[0];else{const t=(i=(null===(e=this.stakeOptions)||void 0===e?void 0:e.map((t=>t.value)))||[]).length?Math.min.apply(null,i):void 0;this.currentStake=this.getCurrentStakeByValue(t)}}handleBettingTypeChange(t){var e,i,o,r;if(t===this.selectedBettingType)return;this.selectedBettingType=t;const n=(({bettingType:t,playTypeConfig:e,betTypeConfig:i,enabledPlayingModeOptions:o})=>{const r=i.filter((t=>t.enabled)).map((t=>t.id)),n=e.filter((t=>r.includes(t.betTypeId))).filter((e=>e.bettingType===t)).map((t=>t.playMode));return o.filter((t=>n.includes(t.code)))})({bettingType:this.selectedBettingType,playTypeConfig:this.playTypeConfig,betTypeConfig:this.betTypeConfig,enabledPlayingModeOptions:Dc((null===(o=null===(i=null===(e=this.rawData)||void 0===e?void 0:e.rules)||void 0===i?void 0:i.poolGame)||void 0===o?void 0:o.playModes)||[])});this.playingModeOptions=n,n.length?n.map((t=>t.code)).includes(this.selectedPlayingMode)||(this.hasSelectBullet=!1,this.handlePlayingModeChange(null===(r=n[0])||void 0===r?void 0:r.code)):this.selectedPlayingMode=void 0,this.clearBulletConfig()}async clearBulletConfig(){return await this.childRef.resetBulletConfig(this.lineNumberRange)}handlePlayingModeChange(t){if(t===this.selectedPlayingMode)return;const e=e=>{this.selectedPlayingMode=t,this.clearBulletConfig().then((()=>{null==e||e()}))};if(this.hasSelectBullet){const t=()=>{this.dialogConfig={visible:!1}},i=()=>{e(t)};this.dialogConfig={visible:!0,content:Tc("selectionCleared",this.language),onConfirm:i,onCancel:t}}else e()}lotteryTippingBulletGroupSelectionHandler(t){var e;const i=null===(e=t.detail)||void 0===e?void 0:e.hasSelectBullet;void 0!==i&&(this.hasSelectBullet=i),this.bulletBetSelectChecker()}calculateCombinationInLine(t){return t.reduce(((t,e)=>t*e),1)}calculateTotalAmount(){const t=this.currentStake;if(!t)return 0;let e=+t.value*this.totalLineCombination;return this.isBothBettingType&&(e*=this.bothBettingTypeMultiplier),e}get totalAmountFormatted(){var t;const e=this.calculateTotalAmount();return Ic(e)+" "+((null===(t=this.currentStake)||void 0===t?void 0:t.currency)||"")}get currentStakeFormatted(){const{value:t="",currency:e=""}=this.currentStake||{};return`${t} ${e}`}bulletBetSelectChecker(){(async()=>{const t=await this.getLotteryTippingBulletResults();this.hasSelectAllBullet=!(({rawResults:t})=>{const e=(({rawResults:t})=>{const e=t=>t.filter((t=>t.isSelected)).length;return t.map((t=>t.length>0?t.map(e):[0]))})({rawResults:t});this.totalLineCombination=e.reduce(((t,e)=>t+this.calculateCombinationInLine(e)),0);const{combinations:i=1,maxCombinations:o=1}=Nc({rawData:this.rawData,selectedBettingType:this.selectedBettingType,selectedPlayingMode:this.selectedPlayingMode}).betType||{};return e.some((t=>{const e=this.calculateCombinationInLine(t);return e<i||e>o}))})({rawResults:t})})()}handleClientStylingChange(t,e){t!=e&&n(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&s(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&a(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}handleTimerStop(){this.drawSubmitAvailable=!0}componentWillLoad(){this.translationUrl&&(async t=>{if(t)try{const i=await fetch(t);if(!i.ok)throw new Error(`HTTP error! status: ${i.status}`);const o=await i.json();e=o,Object.keys(e).forEach((t=>{for(let i in e[t])Sc[t][i]=e[t][i]}))}catch(t){console.error("Failed to fetch or parse translations from URL:",t)}var e})(this.translationUrl)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&a(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&n(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&s(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}connectedCallback(){(()=>{let t=new URL(`${this.endpoint}/games/${this.gameId}`);this.isLoading=!0,Ac(t.href,"GET").then((t=>{var e,i,o,r,n,s,a;this.rawData=t,this.bettingTypeOptions=Dc((null===(i=null===(e=null==t?void 0:t.rules)||void 0===e?void 0:e.poolGame)||void 0===i?void 0:i.bettingTypes)||[]),this.playingModeOptions=Dc((null===(r=null===(o=null==t?void 0:t.rules)||void 0===o?void 0:o.poolGame)||void 0===r?void 0:r.playModes)||[]),this.initiateCurrentStake();const{bettingType:l,playMode:h}=(({playTypeConfig:t=[],betTypeConfig:e=[],enabledBettingTypeOptions:i=[],enabledPlayingModeOptions:o=[]})=>{const r=e.filter((t=>t.enabled));for(const e of r){const{bettingType:r,playMode:n}=null==t?void 0:t.find((t=>t.betTypeId===e.id));if(i.map((t=>t.code)).includes(r)&&o.map((t=>t.code)).includes(n))return{bettingType:r,playMode:n}}return{}})({playTypeConfig:null===(s=null===(n=null==t?void 0:t.rules)||void 0===n?void 0:n.poolGame)||void 0===s?void 0:s.playTypes,betTypeConfig:null===(a=null==t?void 0:t.rules)||void 0===a?void 0:a.betTypes,enabledBettingTypeOptions:this.bettingTypeOptions,enabledPlayingModeOptions:this.playingModeOptions});return this.handleBettingTypeChange(l),this.selectedPlayingMode=h,this.updateSaleStatistics()})).catch((t=>{console.error("Error!",t)})).finally((()=>{this.isLoading=!1}))})()}updateSaleStatistics(){var t;return async function({endpoint:t,gameId:e,drawId:i}){try{return await Ac(`${t}/games/${e}/draws/${i}/saleStatistics`)}catch(t){return Promise.reject(t)}}({endpoint:this.endpoint,gameId:null===(t=this.rawData)||void 0===t?void 0:t.type,drawId:this.drawId}).then((t=>{this.saleStatisticsInfo=t}))}async handleSubmit(){const t=await this.getLotteryTippingBulletResults(),{betTypeId:e,betType:i}=Nc({rawData:this.rawData,selectedBettingType:this.selectedBettingType,selectedPlayingMode:this.selectedPlayingMode}),o=new URL(`${this.endpoint}/tickets`),r=(({playerId:t,rawResults:e,gameId:i,rawData:o,amount:r,currentStake:n,betTypeId:s,betType:a})=>{var l;const h={playerId:t,tickets:[]},c=(t=>{const e=t=>t.map((t=>t.isSelected?1:0)),i=t.map((t=>t.map(e))),o=[];return i.forEach(((t,e)=>{const i=[];t.forEach(((t,e)=>{const o=t.map(((t,e)=>t?Mc[e]:null)).filter(Boolean);i[e]=[o]})),o[e]=i})),o})(e),d=n||{};return h.tickets.push({startingDrawId:null===(l=null==o?void 0:o.currentDraw)||void 0===l?void 0:l.id,amount:r,gameId:i,gameName:o.name,currency:d.currency,selection:c.map((t=>({betType:s,stake:+d.value,poolGameSelections:t,quickPick:!1,betName:a.name}))),multiplier:!1,drawCount:1,quickPick:!1}),h})({playerId:this.playerId,rawResults:t,gameId:this.gameId,rawData:this.rawData,amount:this.calculateTotalAmount().toString(),currentStake:this.currentStake,betTypeId:e,betType:i});this.submitLoading=!0,(({body:t,sessionId:e,url:i})=>{const o={method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json",Authorization:`Bearer ${e}`,"X-Idempotency-Key":"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(t){var e=16*Math.random()|0;return("x"==t?e:3&e|8).toString(16)}))},body:JSON.stringify(t)};return fetch(i,o).then((t=>{if(401===t.status)throw new Error(Pc);if(t.status>300)throw new Error(t.statusText);return t.json().then((e=>{if(!(i=e.tickets)||!i.length||i.some((t=>t.state!==kc.Purchased)))throw new Error(t.statusText);var i;return e}))}))})({body:r,sessionId:this.sessionId,url:o.href}).then((()=>{zc({message:Tc("ticketSubmitted",this.language)}),this.clearBulletConfig(),this.updateSaleStatistics()})).catch((t=>{if(t.message===Pc)return this.logoutEventHandler.emit(),void zc({message:Pc,theme:"error"});zc({message:Tc("ticketFailed",this.language),theme:"error"})})).finally((()=>{this.submitLoading=!1}))}get lineCountRender(){const t=Ic(this.totalLineCombination);let e=Tc("lines",this.language);return[0,1].includes(+t)&&(e=Tc("line",this.language)),t+" "+e}renderBettingControls(){var t,e;const i=()=>o("div",{class:"skeleton-content"},o("div",{class:"skeleton-item skeleton-animated"})),r=()=>{var t;return o("div",null,o("vaadin-select",{items:this.stakeOptions||[],value:(null===(t=this.currentStake)||void 0===t?void 0:t.value)||"","on-value-changed":this.onStakeChange.bind(this),"no-vertical-overlap":!0}))};return o("div",{class:"LotteryTippingTicketController__top"},o("div",{class:"LotteryTippingTicketController__row"},o("div",{class:"LotteryTippingTicketController__section"},o("span",{class:"LotteryTippingTicketController__label"},Tc("bettingType",this.language)),this.bettingTypeOptions.length?(()=>o("div",{class:"LotteryTippingTicketController__segmented-control"},this.bettingTypeOptions.map((t=>o("button",{class:{LotteryTippingTicketController__segment:!0,"LotteryTippingTicketController__segment--active":this.selectedBettingType===t.code},onClick:this.handleBettingTypeChange.bind(this,t.code)},t.name)))))():i()),o("div",{class:"LotteryTippingTicketController__section"},o("span",{class:"LotteryTippingTicketController__label"},Tc("playingMode",this.language)),this.playingModeOptions.length?(()=>o("div",{class:"LotteryTippingTicketController__segmented-control"},this.playingModeOptions.map((t=>o("button",{class:{LotteryTippingTicketController__segment:!0,"LotteryTippingTicketController__segment--active":this.selectedPlayingMode===t.code},onClick:this.handlePlayingModeChange.bind(this,t.code)},t.name)))))():i()),(null===(t=this.stakeOptions)||void 0===t?void 0:t.length)>1&&o("div",{class:"LotteryTippingTicketController__section"},o("span",{class:"LotteryTippingTicketController__label"},Tc("stakePerLine",this.language)),r()),(null===(e=this.stakeOptions)||void 0===e?void 0:e.length)>1&&o("div",{class:"LotteryTippingTicketController__section"},o("span",{class:"LotteryTippingTicketController__label"},Tc("stakePerLine",this.language)),r())))}renderOrderSummary(){var t;return o("div",{class:"LotteryTippingTicketController__main--right order-summary"},o("h3",{class:"order-summary__title"},Tc("orderSummaryTitle",this.language)),o("div",{class:"order-summary__ticket-info"},o("div",{class:"order-summary__ticket"},Tc("orderSummaryTickets",this.language),":"),o("div",{class:"order-summary__details"},o("span",{class:"order-summary__line-count"},this.lineCountRender),o("div",null,this.currentStake&&o("span",{class:"order-summary__multiplier"},"x"),o("span",{class:"order-summary__stake"},this.currentStakeFormatted)),this.isBothBettingType&&o("div",null,o("span",{class:"order-summary__multiplier"},"x"),o("span",{class:"order-summary__stake"},this.bothBettingTypeMultiplier)))),o("hr",{class:"order-summary__divider"}),o("div",{class:"order-summary__ticket-info"},o("div",{class:"order-summary__ticket"},Tc("orderSummaryTotal",this.language),":"),o("span",{class:"order-summary__details"},this.totalAmountFormatted)),o("div",{class:"order-summary__button-wrapper"},o("lottery-button",{onClick:this.handleSubmit.bind(this),loading:this.submitLoading,disabled:!this.hasSelectAllBullet||this.submitLoading||void 0===(null===(t=this.currentStake)||void 0===t?void 0:t.value)||!this.drawSubmitAvailable,text:Tc("orderSummarySubmit",this.language)})))}render(){var t,e,i,r,n,s,a,l,h,c,d;return o("div",{key:"fd8f4df594a1eb81a2a5f439100ce0ba88c1f3ac",class:"lottery-tipping-ticket-controller__container",ref:t=>this.stylingContainer=t},o("lottery-banner",{key:"04d6c8d1b568d368c6cfbc52bdd7fea4fafdaf01","client-styling":this.clientStyling,"client-styling-Url":this.clientStylingUrl,stopTime:null===(e=null===(t=this.rawData)||void 0===t?void 0:t.currentDraw)||void 0===e?void 0:e.wagerCloseTime,startTime:null===(r=null===(i=this.rawData)||void 0===i?void 0:i.currentDraw)||void 0===r?void 0:r.wagerStartTime,"banner-title":Ec(null===(s=null===(n=this.rawData)||void 0===n?void 0:n.currentDraw)||void 0===s?void 0:s.date),turnover:Oc(null===(l=null===(a=this.saleStatisticsInfo)||void 0===a?void 0:a.wagerSegment)||void 0===l?void 0:l.totalSalesCrossDraw),language:this.language,"translation-url":this.translationUrl,onLotteryBannerTimerStop:this.handleTimerStop.bind(this)}),this.renderBettingControls(),o("div",{key:"0004daf2791fe4fe38a3d8a4a053e00134afa22b",class:"flex flex-wrap LotteryTippingTicketController__main"},o("div",{key:"073f3a40306c2e7fb957ec6d298b27161ce13882",class:"LotteryTippingTicketController__main--left"},o("lottery-tipping-ticket-bet",{key:"8bb892411deff47a27d468088d18810e8a9613f3",ref:t=>this.childRef=t,endpoint:this.endpoint,"session-id":this.sessionId,"game-id":null===(h=this.rawData)||void 0===h?void 0:h.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===wc.SingleBet?"single":"multi","client-styling":this.clientStyling,"client-styling-Url":this.clientStylingUrl})),this.renderOrderSummary()),this.dialogConfig.visible&&o("vaadin-confirm-dialog",{key:"a68fd4482a21b06bff943702c117ab7ca53db204",rejectButtonVisible:!0,rejectText:Tc("cancel",this.language),confirmText:Tc("confirm",this.language),opened:null===(c=this.dialogConfig)||void 0===c?void 0:c.visible,onConfirm:this.dialogConfig.onConfirm,onReject:this.dialogConfig.onCancel},null===(d=this.dialogConfig)||void 0===d?void 0:d.content))}static get assetsDirs(){return["../static"]}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};Bc.style=".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}";var jc,Lc="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},$c={exports:{}};jc=$c,function(t){
+    `}static get is(){return"vaadin-tabs"}}Yt(Gh);const Yh=["ro","en","fr","ar","hr"],Jh={en:{totalItems:"Total {total} items",perPage:"{size} / page",goTo:"Go to",filter:"Filter",clear:"Clear",searchByTicketId:"Search by Ticket ID",enterTicketId:"Enter Ticket ID",searchByTicketType:"Search by Ticket Type",selectTicketType:"Select Ticket Type",searchByDate:"Search by Date",from:"From",to:"To",normal:"Normal",subscription:"Subscription",ticketsHistory:"Tickets History",settled:"Settled",purchased:"Purchased",canceled:"Canceled",noData:"No data Avaliable.",ticketId:"Ticket ID:",ticketType:"Ticket Type:",ticketAmount:"Ticket Amount:",lineDetail:"Line Detail:",seeDetails:"See Details",numberOfDraw:"Number of Draw:",ticketResult:"Ticket Result:",drawId:"Draw ID:",drawDate:"Draw Date:",result:"Result:",prize:"Prize:",bettingType:"Betting Type:"},ro:{},fr:{},ar:{},hr:{}},Xh=(t,e,i)=>{const o=e;let r=Jh[void 0!==o&&Yh.includes(o)?o:"en"][t];return i&&Object.keys(i).forEach((t=>{r=r.replace(`{${t}}`,i[t])})),r},Kh=t=>{Object.keys(t).forEach((e=>{for(let i in t[e])Jh[e][i]=t[e][i]}))},Zh=class{constructor(i){t(this,i),this.filterChange=e(this,"filterChange",7),this.filterClear=e(this,"filterClear",7),this.handleTicketType=t=>{t.detail&&t.detail.length&&(this.filterData.ticketType=t.detail)},this.handleFilterFrom=t=>{let e=t.target.value.split("-");3===e.length&&(this.filterData=Object.assign(Object.assign({},this.filterData),{filterFromCalendar:`${e[2]}/${e[1]}/${e[0]}`}))},this.handleFilterTo=t=>{let e=t.target.value.split("-");3===e.length&&(this.filterData=Object.assign(Object.assign({},this.filterData),{filterToCalendar:`${e[2]}/${e[1]}/${e[0]}`}))},this.quickFiltersActive=!1,this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.language="en",this.translationUrl=void 0,this.isOpen=!1,this.filterData={filterFromCalendar:"",filterToCalendar:"",ticketId:"",ticketType:[]},this.ticketTypeList=void 0,this.showClearButton=!1}handleClientStylingChange(t,e){t!=e&&n(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&s(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&a(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}componentWillLoad(){this.translationUrl&&Kh(JSON.parse(this.translationUrl)),this.ticketTypeList=[{label:Xh("normal",this.language),value:"NORMAL"},{label:Xh("subscription",this.language),value:"SUBSCRIPTION"}]}componentDidLoad(){this.stylingContainer&&(this.mbSource&&a(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&n(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&s(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}handleModalClose(){this.isOpen=!1}changeFormate(t){const[e,i,o]=t.split("/");return`${o}-${i}-${e}`}formateDate(t){const{year:e,month:i,day:o}=t;return ht(new Date(e,i,o),"dd/MM/yyyy")}parseDate(t){const[e,i,o]=t.split("/");return{year:o,month:parseInt(i)-1,day:e}}setDateFormate(t){t.i18n=Object.assign(Object.assign({},t.i18n),{formatDate:this.formateDate,parseDate:this.parseDate})}clearSelection(){this.comboBox.clear()}resetSearch(){this.showClearButton=!1,this.clearSelection(),this.filterData={filterFromCalendar:"",filterToCalendar:"",ticketId:"",ticketType:[]},this.filterClear.emit()}handleDialogConfirm(){if(this.filterData.filterFromCalendar&&this.filterData.filterToCalendar){let t=this.filterData.filterFromCalendar.split("/"),e=this.filterData.filterToCalendar.split("/");const i={filterFromCalendar:new Date(Date.UTC(Number(t[2]),Number(t[1])-1,Number(t[0]),0,0,0)).toISOString(),filterToCalendar:new Date(Date.UTC(Number(e[2]),Number(e[1])-1,Number(e[0]),23,59,59)).toISOString()};this.filterData=Object.assign(Object.assign({},this.filterData),i)}this.filterChange.emit(this.filterData),this.isOpen=!1,this.showClearButton=!0}render(){return o("div",{key:"74aa590f6f92b9df971fd17cb3f573cc6a0a68e9",class:"lottery-tipping-filter",ref:t=>this.stylingContainer=t},o("div",{key:"ebf385371627466c5eb06a5ef75a14a467b1badd",class:"operate-btns"},!this.showClearButton&&o("div",{key:"55c709034e124b51e8b9057980f5a3c3b8c6d5ce",class:"operate-btn",onClick:()=>{this.isOpen=!0}},Xh("filter",this.language)),(this.showClearButton||this.quickFiltersActive)&&o("div",{key:"aa747af2461e72fbacc16decd7fc75cd6f640c47",class:"operate-btn",onClick:()=>this.resetSearch()},Xh("clear",this.language))),o("lottery-tipping-dialog",{key:"9a9472dee498db7acc83fd96db89b635be07a837","dialog-title":Xh("ticketResult",this.language),visible:this.isOpen,onCancel:()=>{this.isOpen=!1},onConfirm:this.handleDialogConfirm.bind(this),animationDuration:300,language:this.language,"translation-url":this.translationUrl},o("div",{key:"a7bfe435c8f7a43abf2c2d500d7e31fe62123787",class:"dialog-content"},o("div",{key:"4fcf5f1d3da61ba5e3e8c09b4a97339c1eafaf64",class:"filter-item"},o("div",{key:"397bb60af15071331c46c0b83366475ef66205fd",class:"filter-item-label"},Xh("searchByTicketId",this.language)),o("div",{key:"657e0014bb0d8af52ed273149bad534b2cd035b6",class:"filter-item-val"},o("div",{key:"7e49aab4b087a1e077cc03d4331df52be03a79c2",class:"general-multi-select-container"},o("vaadin-text-field",{key:"9d810aac3959e689cefed434d7c5569b18e4c0ec",placeholder:Xh("enterTicketId",this.language),value:this.filterData.ticketId,onInput:t=>{this.filterData.ticketId=t.target.value}})))),o("div",{key:"8b9fda151a493c920797e4c7e2a8693c84ea5620",class:"filter-item"},o("div",{key:"23439a0cad69db2ddafc8c131d5e1f5a019c3805",class:"filter-item-label"},Xh("searchByTicketType",this.language)),o("div",{key:"ffe8de6c8acb7ecb92301d417e5d3cddb9941601",class:"general-multi-select-container"},o("general-multi-select",{key:"90b2b967b17830a22ea08aa0f22e155e42922f21",ref:t=>this.comboBox=t,placeholder:Xh("selectTicketType",this.language),"max-visible-chips":"2",options:this.ticketTypeList.map((t=>({text:t.label,value:t.value}))),onChange:this.handleTicketType,"client-styling":this.clientStyling,"client-styling-Url":this.clientStylingUrl,"mb-source":this.mbSource}))),o("div",{key:"b8dc91b5337a8f4064160c50c20f213fbb1649bd",class:"filter-item"},o("div",{key:"476fb4074ad41ce1a014eb9355504aa4a53161ca",class:"filter-item-label"},Xh("searchByDate",this.language)),o("div",{key:"d4498509f769af6cd5d008dc8433a61b9c9c5487",class:"filter-item-val"},o("vaadin-date-picker",{key:"bd525309eb193cd2e12fc87aee172d423397d22e",value:this.filterData.filterFromCalendar,max:void 0===this.filterData.filterToCalendar?void 0:this.changeFormate(this.filterData.filterToCalendar),onChange:this.handleFilterFrom,placeholder:Xh("from",this.language),ref:t=>this.setDateFormate(t),class:"VaadinDatePicker"}),o("vaadin-date-picker",{key:"50eb713df259a2d0fce36b90d81d1ea388c8545d",value:this.filterData.filterToCalendar,min:void 0===this.filterData.filterFromCalendar?void 0:this.changeFormate(this.filterData.filterFromCalendar),onChange:this.handleFilterTo,placeholder:Xh("to",this.language),ref:t=>this.setDateFormate(t),class:"VaadinDatePicker"}))))))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};function Qh(t,e="GET",i=null,o={}){return new Promise(((r,n)=>{const s="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(t){var e=16*Math.random()|0;return("x"==t?e:3&e|8).toString(16)})),a=Object.assign({"Content-Type":"application/json"},o);"GET"!==e&&"HEAD"!==e&&(a["X-Idempotency-Key"]=s);const l={method:e,headers:a,body:null};i&&"GET"!==e&&"HEAD"!==e?l.body=JSON.stringify(i):delete l.body,fetch(t,l).then((t=>t.ok?t.json():n(t))).then((t=>r(t))).catch((t=>n(t)))}))}function tc(t,e){return null==t||""===t||(0!==t||!e)&&(Array.isArray(t)?function(t){if(0===t.length)return!0;const e=t.length;let i=0;for(let o=0;o<e;o++){if(!tc(t[o]))return!1;i++}return i===e}(t):"[object Object]"===Object.prototype.toString.call(t)?function(t){if(0===Object.keys(t).length)return!0;const e=Object.keys(t).length;let i=0;for(const e of Object.values(t)){if(!tc(e))return!1;i++}return i===e}(t):!t)}Zh.style=".lottery-tipping-filter .operate-btns{display:flex;gap:10px}.lottery-tipping-filter .operate-btns .operate-btn{background:var(--emw--color-primary, #fed275);border:1px solid var(--emw--color-primary, #fed275);border-radius:16px;padding:8px 10px;font-size:14px;color:var(--emw--color-typography, #000);font-weight:600;cursor:pointer;transition:0.2s linear}.dialog-content{display:flex;flex-direction:column;align-items:center}.dialog-content .filter-item{margin-bottom:12px}.dialog-content .filter-item-label{text-align:center;color:var(--emw--color-typography, #000)}.dialog-content .filter-item-val{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}@media screen and (max-width: 480px){.lottery-tipping-filter .operate-btns{gap:4px}}.general-multi-select-container{width:var(--vaadin-field-default-width, 16em)}.general-multi-select-container vaadin-text-field{width:100%}";const ec={0:"1",1:"X",2:"2"},ic={H:0,D:1,A:2},oc=t=>{const e=t.map((t=>{const e=[0,0,0];return t[0].forEach((t=>{const i=ic[t];void 0!==i&&(e[i]=1)})),e.map(((t,e)=>({isSelected:1===t,value:ec[e]})))}));return e},rc=t=>!!(t.toLowerCase().match(/android/i)||t.toLowerCase().match(/blackberry|bb/i)||t.toLowerCase().match(/iphone|ipad|ipod/i)||t.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i)),nc=({message:t,theme:e="success"})=>{window.postMessage({type:"ShowNotificationToast",message:t,theme:e})},sc=class{constructor(i){t(this,i),this.pageChange=e(this,"pageChange",7),this.pageSizeChange=e(this,"pageSizeChange",7),this.userAgent=window.navigator.userAgent,this.total=0,this.pageSizeOptions=[10,20,50],this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.language="en",this.translationUrl=void 0,this.current=1,this.pageSize=10,this.totalPages=1}handleClientStylingChange(t,e){t!=e&&n(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&s(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&a(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&a(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&n(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&s(this.stylingContainer,this.clientStylingUrl))}componentWillLoad(){this.translationUrl&&Kh(JSON.parse(this.translationUrl)),this.pageSize=this.pageSizeOptions[0],this.updateTotalPages()}updateTotalPages(){this.totalPages=Math.max(Math.ceil(this.total/this.pageSize),1),this.current>this.totalPages&&(this.current=this.totalPages,this.pageChange.emit(this.current))}goToPage(t){t<1||t>this.totalPages||t===this.current||(this.current=t,this.pageChange.emit(t))}changePageSize(t){this.pageSize=t,this.pageSizeChange.emit(t),this.updateTotalPages(),this.goToPage(1)}getPagesToShow(){const t=[],e=rc(this.userAgent)?1:2,{totalPages:i,current:o}=this;if(i<=7)for(let e=1;e<=i;e++)t.push({type:"page",value:e});else{t.push({type:"page",value:1}),o>e+2&&t.push({type:"jump",direction:"prev"});const r=Math.max(2,o-e),n=Math.min(i-1,o+e);for(let e=r;e<=n;e++)t.push({type:"page",value:e});o<i-e-1&&t.push({type:"jump",direction:"next"}),t.push({type:"page",value:i})}return t}jumpTo(t){this.goToPage("prev"===t?Math.max(1,this.current-5):Math.min(this.totalPages,this.current+5))}render(){const t=this.getPagesToShow();return o("div",{key:"daa1bf4cd3031ae3f908bd2638424cbf82b81021",class:"paginator",ref:t=>this.stylingContainer=t},o("div",{key:"93841d6094df6f52b24e277b66d92158aabd2955",class:"total-num"},Xh("totalItems",this.language,{total:this.total})),o("button",{key:"205e1dcc5e5c1b18f2dbbb61e127d13e4adaa79f",class:"arrow-btn",disabled:this.current<=1,onClick:()=>this.goToPage(this.current-1)},"<"),t.map((t=>"page"===t.type?o("button",{class:{page:!0,active:this.current===t.value},onClick:()=>this.goToPage(t.value)},t.value):o("button",{class:"ellipsis",onClick:()=>this.jumpTo(t.direction)},"..."))),o("button",{key:"3213a6519702b4215e66afadf8dc6e44839455e7",class:"arrow-btn",disabled:this.current>=this.totalPages,onClick:()=>this.goToPage(this.current+1)},">"),o("select",{key:"da36befb97834a7d3ca212f724306cbe57f76167",onInput:t=>this.changePageSize(parseInt(t.target.value))},this.pageSizeOptions.map((t=>o("option",{value:t},Xh("perPage",this.language,{size:t}))))),o("div",{key:"063ca0f31a3ab170a697af945414602f95748dac",class:"jump-box"},Xh("goTo",this.language),o("input",{key:"1ec1cbf62de505ea6770c59536c41f3bbb241261",type:"number",min:"1",max:this.totalPages,value:this.current,onKeyDown:t=>{if("Enter"===t.key){const e=parseInt(t.target.value);isNaN(e)||this.goToPage(e)}},onInput:t=>{const e=t.target;parseInt(e.value)>this.totalPages&&(e.value=this.totalPages.toString()),parseInt(e.value)<1&&(e.value="1")}})))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],total:["updateTotalPages"],pageSize:["updateTotalPages"]}}};sc.style=".paginator{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.paginator .page{color:var(--emw--color-typography, #000)}button{padding:4px 8px;font-size:14px;background:var(--emw--color-background, #fff);border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));border-radius:var(--emw--border-radius-small, 4px);cursor:pointer;min-width:28px;transition:all 0.2s ease}.arrow-btn{color:var(--emw--color-typography, #000)}button.active{color:#333;background:var(--emw--color-primary, #fed275);border-color:var(--emw--color-primary, #fed275);font-weight:bold}button:not(.arrow-btn):hover{background:var(--emw--color-secondary, #fff3b9);border-color:var(--emw--color-secondary, #fff3b9)}button:disabled{cursor:not-allowed;border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));user-select:none}.ellipsis{font-weight:bold;color:var(--emw--color-typography, #000);border:none}select{padding:4px 8px;border-radius:4px;border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));font-size:14px}.jump-box{display:flex;align-items:center;gap:4px;margin-left:8px;color:var(--emw--color-typography, #000)}.jump-box input{width:50px;padding:2px 6px;font-size:14px;border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));border-radius:4px;text-align:center}.total-num{user-select:none;font-size:14px;color:var(--emw--color-typography, #333)}";const ac=Dt({icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"}}]},name:"down",theme:"outlined"},{extraSVGAttrs:{width:"16px",height:"16px",fill:"currentColor"}}),lc=class{constructor(e){t(this,e),this.togglePanel=()=>{this.expanded=!this.expanded},this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.headerTitle=void 0,this.expanded=!1}handleClientStylingChange(t,e){t!=e&&n(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&s(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&a(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&a(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&n(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&s(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}render(){return o("div",{key:"3a7acb79544c31ac93d82a2ea62ca7d343901b3f",class:"panel-container",ref:t=>this.stylingContainer=t},o("div",{key:"1c4f38f5c8df2e08dd3a33f9af45b7bc0cc1f025",class:{"panel-header":!0,active:this.expanded},onClick:this.togglePanel},o("div",{key:"6e08ac8f744bb3abbfb0148d4cc82843f13b1ea5",class:"header-content"},o("slot",{key:"b58eee18d78117db3638ed71800b40e626de7d63",name:"header"},o("span",{key:"cfc3586117731014a1511f9df19d53132580e2ac"},this.headerTitle))),o("span",{key:"41a8fb02bb96acd842668cd717909f07d02bdad2",class:"arrow "+(this.expanded?"expanded":""),innerHTML:ac})),o("div",{key:"5deb75348843b6cf12bba4c03a5defeaa82760f8",class:"panel-body "+(this.expanded?"open":"closed")},o("slot",{key:"0191d8c751a6fecaaeae237cba17e125df42b6d4",name:"content"})))}get el(){return r(this)}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};lc.style=".panel-container{border:1px solid var(--emw--color-typography, #000);border-radius:8px;overflow:hidden;font-family:sans-serif;width:calc(100% - 4px)}.panel-header{background-color:var(--emw--color-background, #fff);padding:8px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:14px}.panel-header .header-content{color:var(--emw--color-typography, #000)}.panel-header:hover{background-color:var(--emw--color-primary, #fed275)}.panel-header.active{background-color:var(--emw--color-primary, #fed275)}.header-content{white-space:nowrap;user-select:none}.arrow{transition:transform 0.3s ease;font-size:16px;display:inline-flex}.arrow.expanded{transform:rotate(180deg)}.panel-body{overflow:hidden;max-height:0;transition:max-height 0.3s ease, padding 0.3s ease;background-color:var(--emw--color-background, #fff);padding:0 12px;font-size:14px}.panel-body.open{max-height:500px;padding:10px 12px}.panel-body.closed{max-height:0;padding-top:0;padding-bottom:0}";const hc=["ro","en","fr","ar","hr"],cc={en:{homeTeam:"Home team:",awayTeam:"Away team:",selectionCleared:"Your selection has been cleared.",selectionOnLineCleared:"Your selection on this line will be cleared.",loading:"Loading...",error:"Error!",noData:"No data available.",lineInfo:"Line {currentPage} of {totalPages}",clearAll:"Clear All",cancel:"Cancel",confirm:"Confirm"},ro:{homeTeam:"Echipa gazdă:",awayTeam:"Echipa oaspete:",selectionCleared:"Selecția dvs. a fost ștearsă.",selectionOnLineCleared:"Selecția dvs. de pe această linie va fi ștearsă.",loading:"Se încarcă...',n    error: 'Eroare!",noData:"Nu sunt date disponibile.",lineInfo:"Linia {currentPage} din {totalPages}",clearAll:"Șterge tot",cancel:"Anulează",confirm:"Confirmă"},fr:{homeTeam:"Équipe à domicile:",awayTeam:"Équipe à l'extérieur:",selectionCleared:"Votre sélection a été effacée.",selectionOnLineCleared:"Votre sélection sur cette ligne sera effacée.",loading:"Chargement...',n    error: 'Erreur!",noData:"Aucune donnée disponible.",lineInfo:"Ligne {currentPage} sur {totalPages}",clearAll:"Tout effacer",cancel:"Annuler",confirm:"Confirmer"},ar:{homeTeam:"الفريق المضيف:",awayTeam:"الفريق الضيف:",selectionCleared:"تم مسح اختيارك.",selectionOnLineCleared:"سيتم مسح اختيارك في هذا السطر.",loading:"جار التحميل...',n    error: 'خطأ!",noData:"لا توجد بيانات متاحة.",lineInfo:"السطر {currentPage} من {totalPages}",clearAll:"مسح الكل",cancel:"إلغاء",confirm:"تأكيد"},hr:{homeTeam:"Domaći tim:",awayTeam:"Gostujući tim:",selectionCleared:"Vaš odabir je obrisan.",selectionOnLineCleared:"Vaš odabir na ovoj liniji bit će obrisan.",loading:"Učitavanje...',n    error: 'Greška!",noData:"Nema dostupnih podataka.",lineInfo:"Linija {currentPage} od {totalPages}",clearAll:"Očisti sve",cancel:"Odustani",confirm:"Potvrdi"}},dc=(t,e,i)=>{const o=e;let r=cc[void 0!==o&&hc.includes(o)?o:"en"][t];return i&&Object.keys(i).forEach((t=>{r=r.replace(`{${t}}`,i[t])})),r},uc=t=>{Object.keys(t).forEach((e=>{for(let i in t[e])cc[e][i]=t[e][i]}))},pc=[{value:"1"},{value:"X"},{value:"2"}],mc=Dt({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"},{extraSVGAttrs:{width:"20px",height:"20px",fill:"currentColor"}}),fc=Dt({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"},{extraSVGAttrs:{width:"20px",height:"20px",fill:"currentColor"}}),vc=Dt({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"},{extraSVGAttrs:{width:"16px",height:"16px",fill:"currentColor"}}),gc=Dt({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"},{extraSVGAttrs:{width:"20px",height:"20px",fill:"currentColor"}}),bc=Dt({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"},{extraSVGAttrs:{width:"20px",height:"20px",fill:"currentColor"}}),yc=class{constructor(i){t(this,i),this.lotteryTippingBulletBetEvent=e(this,"lotteryTippingBulletBetSelect",7),this.lotteryTippingCurrentPageChangeEvent=e(this,"lotteryTippingCurrentPageChange",7),this.eventNameRender=(t,e)=>o("div",{class:"flex gap-1 eventNameContainer__item"},o("span",{class:"eventNameContainer__item--title"},e),o("general-tooltip",null,o("span",{slot:"trigger",class:"icon info-icon",innerHTML:vc,style:{width:"18px"}}),o("div",{slot:"content"},o("div",{class:"match-info"},o("div",{class:"match-info-item"},o("div",{class:"match-info-item-label"},dc("homeTeam",this.language)),o("div",{class:"match-info-item-value"},t.homeName)),o("div",{class:"match-info-item"},o("div",{class:"match-info-item-label"},dc("awayTeam",this.language)),o("div",{class:"match-info-item-value"},t.awayName)))))),this.columns=[{title:"",value:"index",width:3},{title:"",value:"eventName",width:70,render:this.eventNameRender},{title:"",value:"startTime",width:22,align:"right",nowrap:!0,render:(t,e)=>(({date:t,type:e="date",format:i})=>{try{const o=ct(t);if(isNaN(o.getTime()))throw new Error(`Invalid date: ${t}`);if(i)return ht(o,i);let r="dd/MM/yyyy";return"time"===e?r="dd/MM/yyyy HH:mm:ss":"week"===e&&(r="ccc dd/MM/yyyy HH:mm:ss"),ht(o,r)}catch(t){return console.error("Error formatting date:",t.message),""}})({date:e,format:"ccc HH:mm"})},{title:()=>o("lottery-tipping-bullet-group",{theme:"text",bulletConfigContent:JSON.stringify(pc)}),value:"results",width:5,render:(t,e,i)=>{var r,n;return o("lottery-tipping-bullet-group",{mode:this.mode,bulletConfigContent:JSON.stringify(null===(n=null===(r=this.bulletConfigLineGroup)||void 0===r?void 0:r[this.currentPage-1])||void 0===n?void 0:n[i]),"position-idx":`${this.currentPage-1}-${i}`})}}],this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.translationUrl="",this.language="en",this.translationData=void 0,this.clientStylingUrlContent="",this.sessionId=void 0,this.endpoint="",this.gameId=void 0,this.drawId=void 0,this.totalPages=void 0,this.minTotalPages=0,this.maxTotalPages=0,this.mode="multi",this.readPretty=!1,this.defaultBulletConfigLineGroup=void 0,this.bulletConfigLineGroup=[[[]]],this.currentPage=1,this.isLoading=!1,this.hasErrors=!1,this.dialogConfig={visible:!1},this.ticketDataSource=[]}handleNewTranslations(){this.isLoading=!0,uc(JSON.parse(this.translationUrl)),this.isLoading=!1}handleClientStylingChange(t,e){t!=e&&n(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&s(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&a(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}componentWillLoad(){this.translationUrl&&uc(JSON.parse(this.translationUrl))}componentDidLoad(){this.stylingContainer&&(this.mbSource&&a(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&n(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&s(this.stylingContainer,this.clientStylingUrl))}get parsedDefaultBulletConfigLineGroup(){if("string"==typeof this.defaultBulletConfigLineGroup&&this.defaultBulletConfigLineGroup)try{const t=JSON.parse(this.defaultBulletConfigLineGroup);return this.readPrettyHandler(t)}catch(t){return void console.error("Error parsing defaultBulletConfigLineGroup:",t)}}readPrettyHandler(t){return this.readPretty?(this.currentPage=1,this.minTotalPages=1,this.maxTotalPages=this.totalPages,null==t?void 0:t.map((t=>null==t?void 0:t.map((t=>null==t?void 0:t.map((t=>Object.assign(Object.assign({},t),{disabled:!0})))))))):t}initLineForBulletConfig(){var t;return Array.from({length:null===(t=this.ticketDataSource)||void 0===t?void 0:t.length},(()=>[...pc]))}_resetBulletConfig(){this.bulletConfigLineGroup=Array.from({length:this.totalPages}).map(this.initLineForBulletConfig.bind(this))}fetchMatchData(){let t=new URL(`${this.endpoint}/poolgames/${this.gameId}/draws/${this.drawId}/matchConfig`);this.gameId&&this.drawId&&(this.isLoading=!0,(t=>fetch(t).then((t=>t.json())))(t.href).then((t=>{this.ticketDataSource=t||[],this.isLoading=!1,this.updateBulletConfigLineGroup()})).catch((t=>{this.isLoading=!1,this.hasErrors=!0,console.error("Error!",t)})))}updateBulletConfigLineGroup(){this.parsedDefaultBulletConfigLineGroup&&this.parsedDefaultBulletConfigLineGroup.length>0?this.bulletConfigLineGroup=this.parsedDefaultBulletConfigLineGroup:this._resetBulletConfig()}connectedCallback(){this.fetchMatchData()}handleClearAll(){this._resetBulletConfig(),(({message:t,theme:e="success",renderOne:i=!1})=>{window.postMessage({type:"ShowNotificationToast",message:t,theme:e,renderOne:i})})({message:dc("selectionCleared",this.language),renderOne:!0}),this.lotteryTippingBulletBetEvent.emit({hasSelectBullet:!1})}async resetBulletConfig({minLineNumber:t,maxLineNumber:e,defaultBoards:i}){this.totalPages=i,this.minTotalPages=t,this.maxTotalPages=e,this.currentPage=1,this._resetBulletConfig(),this.lotteryTippingBulletBetEvent.emit({hasSelectBullet:!1})}lotteryTippingBulletGroupSelectionHandler(t){const{bulletConfigArr:e,positionIdx:i}=t.detail,[o,r]=i.split("-");this.bulletConfigLineGroup[o][r]=e,this.bulletConfigLineGroup=[...this.bulletConfigLineGroup],this.lotteryTippingBulletBetEvent.emit({hasSelectBullet:!0})}async getData(){return await this.validateBulletConfigLineGroup(),this.bulletConfigLineGroup}validateBulletConfigLineGroup(){if("[[[]]]"===JSON.stringify(this.bulletConfigLineGroup))return Promise.resolve(this.bulletConfigLineGroup);const t=this.bulletConfigLineGroup.length;return t!==this.totalPages||t<this.minTotalPages||t>this.maxTotalPages?(this._resetBulletConfig(),Promise.reject(new Error("Invalid bullet config line group length"))):Promise.resolve(this.bulletConfigLineGroup)}prevPage(){this.swapCard("prev",(()=>{this.currentPage>1&&this.currentPage--}))}nextPage(){this.swapCard("next",(()=>{this.currentPage<this.totalPages&&this.currentPage++}))}handleAddLine(){this.swapCard("add",(()=>{this.totalPages<=this.maxTotalPages-1&&(this.bulletConfigLineGroup.push(this.initLineForBulletConfig()),this.totalPages++,this.currentPage++,this.lotteryTippingBulletBetEvent.emit())}))}handleRemoveLine(){(()=>{if(this.totalPages>=this.minTotalPages+1){const t=()=>{this.dialogConfig={visible:!1}},e=()=>{this.bulletConfigLineGroup.splice(this.currentPage-1,1),this.totalPages--,1!==this.currentPage&&this.currentPage--,this.lotteryTippingBulletBetEvent.emit(),this.swapCard("remove",t)};this.dialogConfig={visible:!0,content:dc("selectionOnLineCleared",this.language),onConfirm:e,onCancel:t}}})()}swapCard(t,e){const i=this.mainContainer;if(!i)return;const{out:o,in:r}={next:{out:"card-out-left",in:"card-in-left"},prev:{out:"card-out-right",in:"card-in-right"},remove:{out:"card-out-down",in:"card-in-right"},add:{out:"card-out-left",in:"card-in-up"}}[t];i.classList.add(o),i.addEventListener("animationend",(()=>{i.classList.remove(o),e();const t=this.mainContainer;t&&(t.classList.add(r),t.addEventListener("animationend",(()=>t.classList.remove(r)),{once:!0}))}),{once:!0})}handleCurrentPageChange(){this.lotteryTippingCurrentPageChangeEvent.emit({currentPage:this.currentPage})}renderLoading(){return o("div",{class:"loading-wrap"},o("section",{class:"dots-container"},o("div",{class:"dot"}),o("div",{class:"dot"}),o("div",{class:"dot"}),o("div",{class:"dot"}),o("div",{class:"dot"})))}render(){var t,e,i,r;if(this.isLoading)return this.renderLoading();if(this.hasErrors)return o("div",{ref:t=>this.stylingContainer=t,class:"LotteryTippingTicketBet__container"},o("p",null,dc("error",this.language)));const n=({columns:t,dataSource:e,hideHead:i=!1,grid:r=!0,bordered:n=!0})=>o("table",{class:{bordered:n,grid:r,"my-table-component":!0}},!i&&o("thead",null,o("tr",null,t.map((t=>{var e;return o("th",{key:t.value,style:{width:t.width+"%",textAlign:t.align}},"string"==typeof t.title?t.title:null===(e=t.title)||void 0===e?void 0:e.call(t))})))),o("tbody",null,e.map(((e,i)=>o("tr",{key:i},t.map((t=>o("td",{key:t.value,style:{width:t.width+"%",textAlign:t.align},class:{"no-wrap":t.nowrap}},t.render?t.render(e,e[t.value],i):e[t.value])))))))),s=this.totalPages<this.maxTotalPages&&this.currentPage===this.totalPages,a=this.totalPages>this.minTotalPages;return 0===this.ticketDataSource.length||0===this.minTotalPages||0===this.maxTotalPages?o("div",{class:"LotteryTippingTicketBet__container",ref:t=>this.stylingContainer=t},o("div",{class:"LotteryTippingTicketBet__empty"},o("p",null,dc("noData",this.language)))):this.readPretty?o("div",{class:"LotteryTippingTicketBet__container",ref:t=>this.stylingContainer=t},o("div",{class:"LotteryTippingTicketBet__main",ref:t=>this.mainContainer=t},o(n,{columns:this.columns,dataSource:(null===(t=this.ticketDataSource)||void 0===t?void 0:t.map(((t,e)=>Object.assign(Object.assign({},t),{index:e+1}))))||[],hideHead:!1,grid:!1,bordered:!1}),this.totalPages>1&&o("div",null,o("div",{class:"border-line"}),o("div",{class:"LotteryTippingTicketBet__footer"},o("div",{class:"my-pagination flex justify-between"},o("span",null,dc("lineInfo",this.language,{currentPage:this.currentPage,totalPages:this.totalPages})),o("div",{class:"flex gap-1"},o("span",{class:"btn "+(1===this.currentPage?"disabled":""),onClick:this.prevPage.bind(this)},o("span",{class:"icon",innerHTML:gc})),o("span",{class:"btn "+(this.currentPage===this.totalPages?"disabled":""),onClick:this.nextPage.bind(this)},o("span",{class:"icon",innerHTML:bc})))))))):o("div",{ref:t=>this.stylingContainer=t,class:"LotteryTippingTicketBet__container"},o("div",{class:"LotteryTippingTicketBet__tableToolbar flex justify-end gap-1"},o("button",{class:{"LotteryTippingTicketBet__tableToolbar--item":!0,"mr-0":!(s||a)},onClick:this.handleClearAll.bind(this)},dc("clearAll",this.language))),o("div",{class:"flex align-center LotteryTippingTicketBet__main",ref:t=>this.mainContainer=t},o(n,{columns:this.columns,dataSource:(null===(e=this.ticketDataSource)||void 0===e?void 0:e.map(((t,e)=>Object.assign(Object.assign({},t),{index:e+1}))))||[],hideHead:!1,grid:!1,bordered:!1}),(s||a)&&o("div",{class:"LotteryTippingTicketBet__lineOperatorGroup"},s&&o("div",{class:{"LotteryTippingTicketBet__lineOperatorGroup--item":!0},onClick:this.handleAddLine.bind(this)},o("span",{class:"icon",innerHTML:mc})),a&&o("div",{class:{"LotteryTippingTicketBet__lineOperatorGroup--item":!0},onClick:this.handleRemoveLine.bind(this)},o("span",{class:"icon",innerHTML:fc})))),o("div",{class:"border-line"}),o("div",{class:"LotteryTippingTicketBet__footer"},o("div",{class:"my-pagination flex justify-between"},o("span",null,dc("lineInfo",this.language,{currentPage:this.currentPage,totalPages:this.totalPages})),o("div",{class:"flex gap-1"},o("span",{class:"btn "+(1===this.currentPage?"disabled":""),onClick:this.prevPage.bind(this)},o("span",{class:"icon",innerHTML:gc})),o("span",{class:"btn "+(this.currentPage===this.totalPages?"disabled":""),onClick:this.nextPage.bind(this)},o("span",{class:"icon",innerHTML:bc}))))),this.dialogConfig.visible&&o("vaadin-confirm-dialog",{rejectButtonVisible:!0,rejectText:dc("cancel",this.language),confirmText:dc("confirm",this.language),opened:null===(i=this.dialogConfig)||void 0===i?void 0:i.visible,onConfirm:this.dialogConfig.onConfirm,onReject:this.dialogConfig.onCancel},null===(r=this.dialogConfig)||void 0===r?void 0:r.content))}static get assetsDirs(){return["../static"]}static get watchers(){return{translationUrl:["handleNewTranslations"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],gameId:["fetchMatchData"],sessionId:["fetchMatchData"],drawId:["fetchMatchData"],defaultBulletConfigLineGroup:["fetchMatchData"],currentPage:["handleCurrentPageChange"]}}};var wc,xc,_c,kc;yc.style=".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}",function(t){t.SingleBet="SingleBet",t.SystemBet="SystemBet"}(wc||(wc={})),function(t){t.FullTime="FullTime",t.HalfTime="HalfTime",t.Both="Both"}(xc||(xc={})),function(t){t.OPEN="OPEN"}(_c||(_c={})),function(t){t.Settled="Settled",t.Purchased="Purchased",t.Canceled="Canceled"}(kc||(kc={}));const Cc=["ro","en","fr","ar","hr"],Sc={en:{stop:"Stop",at:"at",turnover:"Turnover: ",selectionCleared:"Your selection will be cleared.",ticketSubmitted:"Ticket submitted successfully.",ticketFailed:"Failed to submit tickets.",lines:"Lines",line:"Line",bettingType:"Betting Type",playingMode:"Playing Mode",orderSummaryTitle:"Order Summary",orderSummaryTickets:"Tickets",orderSummaryTotal:"Total",orderSummarySubmit:"Submit",cancel:"Cancel",confirm:"Confirm",stakePerLine:"Stake per Line:"},ro:{selectionCleared:"Selecția dvs. va fi ștearsă.",ticketSubmitted:"Bilet trimis cu succes.",ticketFailed:"Nu s-a putut achiziționa biletul. Vă rugăm să încercați din nou.",lines:"Linii",line:"Linie",bettingType:"Tip de pariu",playingMode:"Mod de joc",orderSummaryTitle:"Sumar comandă",orderSummaryTickets:"Bilete",orderSummaryTotal:"Total",orderSummarySubmit:"Trimite",cancel:"Anulează",confirm:"Confirmă"},fr:{selectionCleared:"Votre sélection sera effacée.",ticketSubmitted:"Billet soumis avec succès.",ticketFailed:"Échec de l'achat du billet. Veuillez réessayer.",lines:"Lignes",line:"Ligne",bettingType:"Type de pari",playingMode:"Mode de jeu",orderSummaryTitle:"Résumé de la commande",orderSummaryTickets:"Billets",orderSummaryTotal:"Total",orderSummarySubmit:"Soumettre",cancel:"Annuler",confirm:"Confirmer"},ar:{selectionCleared:"سيتم مسح اختيارك.",ticketSubmitted:"تم إرسال التذكرة بنجاح.",ticketFailed:"فشل شراء التذكرة. يرجى المحاولة مرة أخرى.",lines:"خطوط",line:"خط",bettingType:"نوع الرهان",playingMode:"وضع اللعب",orderSummaryTitle:"ملخص الطلب",orderSummaryTickets:"التذاكر",orderSummaryTotal:"المجموع",orderSummarySubmit:"إرسال",cancel:"إلغاء",confirm:"تأكيد"},hr:{selectionCleared:"Vaš odabir bit će obrisan.",ticketSubmitted:"Listić je uspješno predan.",ticketFailed:"Kupnja listića nije uspjela. Molimo pokušajte ponovo.",lines:"Linije",line:"Linija",bettingType:"Vrsta oklade",playingMode:"Način igranja",orderSummaryTitle:"Sažetak narudžbe",orderSummaryTickets:"Listići",orderSummaryTotal:"Ukupno",orderSummarySubmit:"Pošalji",cancel:"Odustani",confirm:"Potvrdi"}},Tc=(t,e)=>{const i=e;return Sc[void 0!==i&&Cc.includes(i)?i:"en"][t]};function Ac(t,e="GET",i=null,o={}){return new Promise(((r,n)=>{const s="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(t){var e=16*Math.random()|0;return("x"==t?e:3&e|8).toString(16)})),a=Object.assign({"Content-Type":"application/json"},o);"GET"!==e&&"HEAD"!==e&&(a["X-Idempotency-Key"]=s);const l={method:e,headers:a};i&&"GET"!==e&&"HEAD"!==e&&(l.body=JSON.stringify(i)),fetch(t,l).then((t=>{if(!t.ok)throw new Error(`HTTP error! Status: ${t.status}`);return t.json()})).then((t=>r(t))).catch((t=>n(t)))}))}const zc=({message:t,theme:e="success"})=>{window.postMessage({type:"ShowNotificationToast",message:t,theme:e})},Ic=t=>{if(0===t)return"0";if(!t)return"";const e=(t=t.toString()).split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")},Mc=["H","D","A"],Dc=(t=[])=>t.filter((t=>t.enabled)),Nc=({rawData:t,selectedBettingType:e,selectedPlayingMode:i})=>{var o,r,n,s,a,l;const h=null===(s=null===(n=null===(r=null===(o=null==t?void 0:t.rules)||void 0===o?void 0:o.poolGame)||void 0===r?void 0:r.playTypes)||void 0===n?void 0:n.find((t=>t.bettingType===e&&t.playMode===i)))||void 0===s?void 0:s.betTypeId,c=null===(l=null===(a=null==t?void 0:t.rules)||void 0===a?void 0:a.betTypes)||void 0===l?void 0:l.find((t=>t.id===h));return{betTypeId:h,betType:c}};function Oc(t,e="€"){return null==t?"":`${e}${t?Ic(t):0}`}function Ec(t){if(!t)return"";const e=(({date:t,type:e="date",format:i})=>{try{const o=ct(t);if(isNaN(o.getTime()))throw new Error(`Invalid date: ${t}`);if(i)return ht(o,i);let r="dd/MM/yyyy";return"time"===e?r="dd/MM/yyyy HH:mm:ss":"week"===e&&(r="ccc dd/MM/yyyy HH:mm:ss"),ht(o,r)}catch(t){return console.error("Error formatting date:",t.message),""}})({date:t,format:"EEEE"});return["saturday","sunday"].includes(e.toLowerCase())?e.toUpperCase():"MIDWEEK"}const Pc="TICKET_INVALID_TOKEN",Bc=class{constructor(i){t(this,i),this.logoutEventHandler=e(this,"logout",7),this.bothBettingTypeMultiplier=2,this.onStakeChange=t=>{this.currentStake=this.getCurrentStakeByValue(t.detail.value)},this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.translationUrl="",this.language="en",this.endpoint="",this.sessionId=void 0,this.gameId=void 0,this.playerId="",this.drawId=void 0,this.isLoading=!0,this.bettingTypeOptions=[],this.playingModeOptions=[],this.selectedBettingType=void 0,this.selectedPlayingMode=void 0,this.hasSelectBullet=void 0,this.hasSelectAllBullet=void 0,this.totalLineCombination=0,this.submitLoading=void 0,this.drawSubmitAvailable=!1,this.rawData={},this.saleStatisticsInfo={},this.currentStake=void 0,this.dialogConfig={visible:!1}}async getLotteryTippingBulletResults(){return await this.childRef.getData()}get lineNumberRange(){const{betType:t}=Nc({rawData:this.rawData,selectedBettingType:this.selectedBettingType,selectedPlayingMode:this.selectedPlayingMode}),e=(null==t?void 0:t.boardsAllowed)||[0],[i,o]=[Math.min(...e),Math.max(...e)];return{minLineNumber:i,maxLineNumber:o,defaultBoards:(null==t?void 0:t.defaultBoards)||i}}get playTypeConfig(){var t,e,i;return null===(i=null===(e=null===(t=this.rawData)||void 0===t?void 0:t.rules)||void 0===e?void 0:e.poolGame)||void 0===i?void 0:i.playTypes}get betTypeConfig(){var t,e;return null===(e=null===(t=this.rawData)||void 0===t?void 0:t.rules)||void 0===e?void 0:e.betTypes}get isBothBettingType(){return this.selectedBettingType===xc.Both}get stakeOptions(){var t,e,i;return null===(i=null===(e=null===(t=this.rawData)||void 0===t?void 0:t.rules)||void 0===e?void 0:e.stakes)||void 0===i?void 0:i.map((t=>{var e;return{value:null===(e=t.value)||void 0===e?void 0:e.toString(),label:t.value,currency:t.currency}}))}getCurrentStakeByValue(t){var e;return null===(e=this.stakeOptions)||void 0===e?void 0:e.find((e=>+e.value==+t))}initiateCurrentStake(){var t,e,i;if(1===(null===(t=this.stakeOptions)||void 0===t?void 0:t.length))this.currentStake=this.stakeOptions[0];else{const t=(i=(null===(e=this.stakeOptions)||void 0===e?void 0:e.map((t=>t.value)))||[]).length?Math.min.apply(null,i):void 0;this.currentStake=this.getCurrentStakeByValue(t)}}handleBettingTypeChange(t){var e,i,o,r;if(t===this.selectedBettingType)return;this.selectedBettingType=t;const n=(({bettingType:t,playTypeConfig:e,betTypeConfig:i,enabledPlayingModeOptions:o})=>{const r=i.filter((t=>t.enabled)).map((t=>t.id)),n=e.filter((t=>r.includes(t.betTypeId))).filter((e=>e.bettingType===t)).map((t=>t.playMode));return o.filter((t=>n.includes(t.code)))})({bettingType:this.selectedBettingType,playTypeConfig:this.playTypeConfig,betTypeConfig:this.betTypeConfig,enabledPlayingModeOptions:Dc((null===(o=null===(i=null===(e=this.rawData)||void 0===e?void 0:e.rules)||void 0===i?void 0:i.poolGame)||void 0===o?void 0:o.playModes)||[])});this.playingModeOptions=n,n.length?n.map((t=>t.code)).includes(this.selectedPlayingMode)||(this.hasSelectBullet=!1,this.handlePlayingModeChange(null===(r=n[0])||void 0===r?void 0:r.code)):this.selectedPlayingMode=void 0,this.clearBulletConfig()}async clearBulletConfig(){return await this.childRef.resetBulletConfig(this.lineNumberRange)}handlePlayingModeChange(t){if(t===this.selectedPlayingMode)return;const e=e=>{this.selectedPlayingMode=t,this.clearBulletConfig().then((()=>{null==e||e()}))};if(this.hasSelectBullet){const t=()=>{this.dialogConfig={visible:!1}},i=()=>{e(t)};this.dialogConfig={visible:!0,content:Tc("selectionCleared",this.language),onConfirm:i,onCancel:t}}else e()}lotteryTippingBulletGroupSelectionHandler(t){var e;const i=null===(e=t.detail)||void 0===e?void 0:e.hasSelectBullet;void 0!==i&&(this.hasSelectBullet=i),this.bulletBetSelectChecker()}calculateCombinationInLine(t){return t.reduce(((t,e)=>t*e),1)}calculateTotalAmount(){const t=this.currentStake;if(!t)return 0;let e=+t.value*this.totalLineCombination;return this.isBothBettingType&&(e*=this.bothBettingTypeMultiplier),e}get totalAmountFormatted(){var t;const e=this.calculateTotalAmount();return Ic(e)+" "+((null===(t=this.currentStake)||void 0===t?void 0:t.currency)||"")}get currentStakeFormatted(){const{value:t="",currency:e=""}=this.currentStake||{};return`${t} ${e}`}bulletBetSelectChecker(){(async()=>{const t=await this.getLotteryTippingBulletResults();this.hasSelectAllBullet=!(({rawResults:t})=>{const e=(({rawResults:t})=>{const e=t=>t.filter((t=>t.isSelected)).length;return t.map((t=>t.length>0?t.map(e):[0]))})({rawResults:t});this.totalLineCombination=e.reduce(((t,e)=>t+this.calculateCombinationInLine(e)),0);const{combinations:i=1,maxCombinations:o=1}=Nc({rawData:this.rawData,selectedBettingType:this.selectedBettingType,selectedPlayingMode:this.selectedPlayingMode}).betType||{};return e.some((t=>{const e=this.calculateCombinationInLine(t);return e<i||e>o}))})({rawResults:t})})()}handleClientStylingChange(t,e){t!=e&&n(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&s(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&a(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}handleTimerStop(){this.drawSubmitAvailable=!0}componentWillLoad(){this.translationUrl&&(async t=>{if(t)try{const i=await fetch(t);if(!i.ok)throw new Error(`HTTP error! status: ${i.status}`);const o=await i.json();e=o,Object.keys(e).forEach((t=>{for(let i in e[t])Sc[t][i]=e[t][i]}))}catch(t){console.error("Failed to fetch or parse translations from URL:",t)}var e})(this.translationUrl)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&a(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&n(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&s(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}connectedCallback(){(()=>{let t=new URL(`${this.endpoint}/games/${this.gameId}`);this.isLoading=!0,Ac(t.href,"GET").then((t=>{var e,i,o,r,n,s,a;this.rawData=t,this.bettingTypeOptions=Dc((null===(i=null===(e=null==t?void 0:t.rules)||void 0===e?void 0:e.poolGame)||void 0===i?void 0:i.bettingTypes)||[]),this.playingModeOptions=Dc((null===(r=null===(o=null==t?void 0:t.rules)||void 0===o?void 0:o.poolGame)||void 0===r?void 0:r.playModes)||[]),this.initiateCurrentStake();const{bettingType:l,playMode:h}=(({playTypeConfig:t=[],betTypeConfig:e=[],enabledBettingTypeOptions:i=[],enabledPlayingModeOptions:o=[]})=>{const r=e.filter((t=>t.enabled));for(const e of r){const{bettingType:r,playMode:n}=null==t?void 0:t.find((t=>t.betTypeId===e.id));if(i.map((t=>t.code)).includes(r)&&o.map((t=>t.code)).includes(n))return{bettingType:r,playMode:n}}return{}})({playTypeConfig:null===(s=null===(n=null==t?void 0:t.rules)||void 0===n?void 0:n.poolGame)||void 0===s?void 0:s.playTypes,betTypeConfig:null===(a=null==t?void 0:t.rules)||void 0===a?void 0:a.betTypes,enabledBettingTypeOptions:this.bettingTypeOptions,enabledPlayingModeOptions:this.playingModeOptions});return this.handleBettingTypeChange(l),this.selectedPlayingMode=h,this.updateSaleStatistics()})).catch((t=>{console.error("Error!",t)})).finally((()=>{this.isLoading=!1}))})()}updateSaleStatistics(){var t;return async function({endpoint:t,gameId:e,drawId:i}){try{return await Ac(`${t}/games/${e}/draws/${i}/saleStatistics`)}catch(t){return Promise.reject(t)}}({endpoint:this.endpoint,gameId:null===(t=this.rawData)||void 0===t?void 0:t.type,drawId:this.drawId}).then((t=>{this.saleStatisticsInfo=t}))}async handleSubmit(){const t=await this.getLotteryTippingBulletResults(),{betTypeId:e,betType:i}=Nc({rawData:this.rawData,selectedBettingType:this.selectedBettingType,selectedPlayingMode:this.selectedPlayingMode}),o=new URL(`${this.endpoint}/tickets`),r=(({playerId:t,rawResults:e,gameId:i,rawData:o,amount:r,currentStake:n,betTypeId:s,betType:a})=>{var l;const h={playerId:t,tickets:[]},c=(t=>{const e=t=>t.map((t=>t.isSelected?1:0)),i=t.map((t=>t.map(e))),o=[];return i.forEach(((t,e)=>{const i=[];t.forEach(((t,e)=>{const o=t.map(((t,e)=>t?Mc[e]:null)).filter(Boolean);i[e]=[o]})),o[e]=i})),o})(e),d=n||{};return h.tickets.push({startingDrawId:null===(l=null==o?void 0:o.currentDraw)||void 0===l?void 0:l.id,amount:r,gameId:i,gameName:o.name,currency:d.currency,selection:c.map((t=>({betType:s,stake:+d.value,poolGameSelections:t,quickPick:!1,betName:a.name}))),multiplier:!1,drawCount:1,quickPick:!1}),h})({playerId:this.playerId,rawResults:t,gameId:this.gameId,rawData:this.rawData,amount:this.calculateTotalAmount().toString(),currentStake:this.currentStake,betTypeId:e,betType:i});this.submitLoading=!0,(({body:t,sessionId:e,url:i})=>{const o={method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json",Authorization:`Bearer ${e}`,"X-Idempotency-Key":"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(t){var e=16*Math.random()|0;return("x"==t?e:3&e|8).toString(16)}))},body:JSON.stringify(t)};return fetch(i,o).then((t=>{if(401===t.status)throw new Error(Pc);if(t.status>300)throw new Error(t.statusText);return t.json().then((e=>{if(!(i=e.tickets)||!i.length||i.some((t=>t.state!==kc.Purchased)))throw new Error(t.statusText);var i;return e}))}))})({body:r,sessionId:this.sessionId,url:o.href}).then((()=>{zc({message:Tc("ticketSubmitted",this.language)}),this.clearBulletConfig(),this.updateSaleStatistics()})).catch((t=>{if(t.message===Pc)return this.logoutEventHandler.emit(),void zc({message:Pc,theme:"error"});zc({message:Tc("ticketFailed",this.language),theme:"error"})})).finally((()=>{this.submitLoading=!1}))}get lineCountRender(){const t=Ic(this.totalLineCombination);let e=Tc("lines",this.language);return[0,1].includes(+t)&&(e=Tc("line",this.language)),t+" "+e}renderBettingControls(){var t;const e=()=>o("div",{class:"skeleton-content"},o("div",{class:"skeleton-item skeleton-animated"}));return o("div",{class:"LotteryTippingTicketController__top"},o("div",{class:"LotteryTippingTicketController__row"},o("div",{class:"LotteryTippingTicketController__section"},o("span",{class:"LotteryTippingTicketController__label"},Tc("bettingType",this.language)),this.bettingTypeOptions.length?(()=>o("div",{class:"LotteryTippingTicketController__segmented-control"},this.bettingTypeOptions.map((t=>o("button",{class:{LotteryTippingTicketController__segment:!0,"LotteryTippingTicketController__segment--active":this.selectedBettingType===t.code},onClick:this.handleBettingTypeChange.bind(this,t.code)},t.name)))))():e()),o("div",{class:"LotteryTippingTicketController__section"},o("span",{class:"LotteryTippingTicketController__label"},Tc("playingMode",this.language)),this.playingModeOptions.length?(()=>o("div",{class:"LotteryTippingTicketController__segmented-control"},this.playingModeOptions.map((t=>o("button",{class:{LotteryTippingTicketController__segment:!0,"LotteryTippingTicketController__segment--active":this.selectedPlayingMode===t.code},onClick:this.handlePlayingModeChange.bind(this,t.code)},t.name)))))():e()),(null===(t=this.stakeOptions)||void 0===t?void 0:t.length)>1&&o("div",{class:"LotteryTippingTicketController__section"},o("span",{class:"LotteryTippingTicketController__label"},Tc("stakePerLine",this.language)),(()=>{var t;return o("div",null,o("vaadin-select",{items:this.stakeOptions||[],value:(null===(t=this.currentStake)||void 0===t?void 0:t.value)||"","on-value-changed":this.onStakeChange.bind(this),"no-vertical-overlap":!0}))})())))}renderOrderSummary(){var t;return o("div",{class:"LotteryTippingTicketController__main--right order-summary"},o("h3",{class:"order-summary__title"},Tc("orderSummaryTitle",this.language)),o("div",{class:"order-summary__ticket-info"},o("div",{class:"order-summary__ticket"},Tc("orderSummaryTickets",this.language),":"),o("div",{class:"order-summary__details"},o("span",{class:"order-summary__line-count"},this.lineCountRender),o("div",null,this.currentStake&&o("span",{class:"order-summary__multiplier"},"x"),o("span",{class:"order-summary__stake"},this.currentStakeFormatted)),this.isBothBettingType&&o("div",null,o("span",{class:"order-summary__multiplier"},"x"),o("span",{class:"order-summary__stake"},this.bothBettingTypeMultiplier)))),o("hr",{class:"order-summary__divider"}),o("div",{class:"order-summary__ticket-info"},o("div",{class:"order-summary__ticket"},Tc("orderSummaryTotal",this.language),":"),o("span",{class:"order-summary__details"},this.totalAmountFormatted)),o("div",{class:"order-summary__button-wrapper"},o("lottery-button",{onClick:this.handleSubmit.bind(this),loading:this.submitLoading,disabled:!this.hasSelectAllBullet||this.submitLoading||void 0===(null===(t=this.currentStake)||void 0===t?void 0:t.value)||!this.drawSubmitAvailable,text:Tc("orderSummarySubmit",this.language)})))}render(){var t,e,i,r,n,s,a,l,h,c,d;return o("div",{key:"8f520b33fe0b935feb26e39baa840457ccc357df",class:"lottery-tipping-ticket-controller__container",ref:t=>this.stylingContainer=t},o("lottery-banner",{key:"10ddfb775cfe7c8f2c980414302123309a7ad7d1","client-styling":this.clientStyling,"client-styling-Url":this.clientStylingUrl,stopTime:null===(e=null===(t=this.rawData)||void 0===t?void 0:t.currentDraw)||void 0===e?void 0:e.wagerCloseTime,startTime:null===(r=null===(i=this.rawData)||void 0===i?void 0:i.currentDraw)||void 0===r?void 0:r.wagerStartTime,"banner-title":Ec(null===(s=null===(n=this.rawData)||void 0===n?void 0:n.currentDraw)||void 0===s?void 0:s.date),turnover:Oc(null===(l=null===(a=this.saleStatisticsInfo)||void 0===a?void 0:a.wagerSegment)||void 0===l?void 0:l.totalSalesCrossDraw),language:this.language,"translation-url":this.translationUrl,onLotteryBannerTimerStop:this.handleTimerStop.bind(this)}),this.renderBettingControls(),o("div",{key:"add963c6aaa5f852f589fc1b20b31882d62ca8db",class:"flex flex-wrap LotteryTippingTicketController__main"},o("div",{key:"55c990ea441ca3b2192c3dbaa328dd31046b6d9c",class:"LotteryTippingTicketController__main--left"},o("lottery-tipping-ticket-bet",{key:"7511cd997bfef3688e60afd207c109bfe20637cd",ref:t=>this.childRef=t,endpoint:this.endpoint,"session-id":this.sessionId,"game-id":null===(h=this.rawData)||void 0===h?void 0:h.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===wc.SingleBet?"single":"multi","client-styling":this.clientStyling,"client-styling-Url":this.clientStylingUrl})),this.renderOrderSummary()),this.dialogConfig.visible&&o("vaadin-confirm-dialog",{key:"dfc1353806484dc8614d19737f922113a18099af",rejectButtonVisible:!0,rejectText:Tc("cancel",this.language),confirmText:Tc("confirm",this.language),opened:null===(c=this.dialogConfig)||void 0===c?void 0:c.visible,onConfirm:this.dialogConfig.onConfirm,onReject:this.dialogConfig.onCancel},null===(d=this.dialogConfig)||void 0===d?void 0:d.content))}static get assetsDirs(){return["../static"]}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};Bc.style=".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}";var jc,Lc="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},$c={exports:{}};jc=$c,function(t){
 /*!
    *  decimal.js v10.6.0
    *  An arbitrary-precision Decimal type for JavaScript.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/lottery-tipping-page",
-  "version": "1.92.1",
+  "version": "1.92.3",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",
   "es2015": "./dist/esm/index.mjs",