@everymatrix/lottery-oddsbom-ticket-bet 0.7.30 → 0.7.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/cjs/lottery-banner_10.cjs.entry.js +5 -6
  2. package/dist/esm/lottery-banner_10.entry.js +5 -6
  3. package/dist/lottery-oddsbom-ticket-bet/lottery-banner_10.entry.js +1 -1
  4. package/package.json +1 -1
package/dist/cjs/lottery-banner_10.cjs.entry.js CHANGED
@@ -160,8 +160,7 @@ const TRANSLATIONS$1 = {
160
160
  stop: 'Stop',
161
161
  at: 'at',
162
162
  turnover: 'Turnover: ',
163
- start: 'Sales Start',
164
- in: 'in'
163
+ startIn: 'Sales Start in:',
165
164
  },
166
165
  ro: {
167
166
  stop: 'Oprește',
@@ -271,7 +270,7 @@ function getWagerTime(startTime, stopTime) {
271
270
  return {};
272
271
  }
273
272
 
274
- const lotteryBannerCss = ":host {\n display: block;\n container-type: inline-size;\n}\n\n.lottery-banner {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--lottery-banner-gap, 0.5rem);\n padding: var(--lottery-banner-padding, 0px 20px);\n background: var(--lottery-banner-background, var(--emw--color-primary, #fed275));\n border-top: var(--lottery-banner-border-width, 2px) var(--lottery-banner-border-style, solid) var(--lottery-banner-border-color, var(--emw--color-primary, #fed275));\n border-bottom: var(--lottery-banner-border-width, 2px) var(--lottery-banner-border-style, solid) var(--lottery-banner-border-color, var(--emw--color-primary, #fed275));\n border-left: var(--lottery-banner-border-left, none);\n border-right: var(--lottery-banner-border-right, none);\n border-radius: var(--lottery-banner-border-radius, 0);\n white-space: nowrap;\n height: var(--lottery-banner-height, 50px);\n position: relative;\n box-sizing: border-box;\n}\n\n.lottery-banner__logo-wrapper {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n}\n.lottery-banner__logo-wrapper img {\n height: 100%;\n object-fit: var(--lottery-banner-logo-object-fit, contain);\n}\n\n.lottery-banner__item--center {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n\n.lottery-banner__title {\n text-align: center;\n font-size: var(--lottery-banner-title-font-size, 1.5rem);\n font-weight: 800;\n font-style: italic;\n letter-spacing: var(--lottery-banner-title-font-letter-spacing, 0.04em);\n color: var(--emw--color-typography, #000);\n}\n\n.lottery-banner__info {\n display: flex;\n align-items: center;\n gap: var(--lottery-banner-info-gap, 0.75rem);\n}\n\n.lottery-banner__info-item {\n font-size: var(--lottery-banner-info-font-size, 0.9rem);\n color: var(--lottery-banner-info-color, var(--emw--color-typography, #000));\n display: inline-flex;\n align-items: center;\n gap: 0.3rem;\n}\n\n.lottery-banner__info-item-label {\n color: var(--lottery-banner-info-label-color, var(--emw--color-typography, #000));\n}\n.lottery-banner__info-item-label__strong {\n font-weight: var(--lottery-banner-info-label-font-weight, 700);\n}\n\n.lottery-banner__info-item-value {\n font-weight: var(--lottery-banner-info-value-font-weight, inherit);\n color: var(--lottery-banner-info-value-color, var(--emw--color-typography, #000));\n}\n\n@container (max-width: 700px) {\n .lottery-banner {\n height: auto;\n padding: var(--lottery-banner-mobile-padding, 0.5rem 1rem);\n }\n .lottery-banner__title {\n flex-basis: 100%;\n text-align: var(--lottery-banner-mobile-title-text-align, left);\n }\n .lottery-banner__info {\n flex-direction: column;\n align-items: flex-start;\n gap: var(--lottery-banner-mobile-info-gap, 0.1rem);\n }\n}";
273
+ const lotteryBannerCss = ":host {\n display: block;\n container-type: inline-size;\n}\n\n.lottery-banner {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--lottery-banner-gap, 0.5rem);\n padding: var(--lottery-banner-padding, 0px 20px);\n background: var(--lottery-banner-background, var(--emw--color-primary, #fed275));\n border-top: var(--lottery-banner-border-width, 2px) var(--lottery-banner-border-style, solid) var(--lottery-banner-border-color, var(--emw--color-primary, #fed275));\n border-bottom: var(--lottery-banner-border-width, 2px) var(--lottery-banner-border-style, solid) var(--lottery-banner-border-color, var(--emw--color-primary, #fed275));\n border-left: var(--lottery-banner-border-left, none);\n border-right: var(--lottery-banner-border-right, none);\n border-radius: var(--lottery-banner-border-radius, 0);\n white-space: nowrap;\n height: var(--lottery-banner-height, 50px);\n position: relative;\n box-sizing: border-box;\n}\n\n.lottery-banner__logo-wrapper {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n}\n.lottery-banner__logo-wrapper img {\n height: 100%;\n object-fit: var(--lottery-banner-logo-object-fit, contain);\n}\n\n.lottery-banner__item--center {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n\n.lottery-banner__title {\n text-align: center;\n font-size: var(--lottery-banner-title-font-size, 1.5rem);\n font-weight: 800;\n font-style: italic;\n letter-spacing: var(--lottery-banner-title-font-letter-spacing, 0.04em);\n color: var(--emw--color-typography, #000);\n}\n\n.lottery-banner__info {\n display: flex;\n align-items: center;\n gap: var(--lottery-banner-info-gap, 0.75rem);\n}\n\n.lottery-banner__info-item {\n font-size: var(--lottery-banner-info-font-size, 0.9rem);\n color: var(--lottery-banner-info-color, var(--emw--color-typography, #000));\n display: inline-flex;\n align-items: center;\n gap: 0.3rem;\n}\n\n.lottery-banner__info-item-label {\n color: var(--lottery-banner-info-label-color, var(--emw--color-typography, #000));\n}\n.lottery-banner__info-item-label__strong {\n font-weight: var(--lottery-banner-info-label-font-weight, 700);\n}\n\n.lottery-banner__info-item-value {\n font-weight: var(--lottery-banner-info-value-font-weight, inherit);\n color: var(--lottery-banner-info-value-color, var(--emw--color-typography, #000));\n}\n.lottery-banner__info-item-value__strong {\n font-weight: 700;\n}\n\n@container (max-width: 700px) {\n .lottery-banner {\n height: auto;\n padding: var(--lottery-banner-mobile-padding, 0.5rem 1rem);\n }\n .lottery-banner__title {\n flex-basis: 100%;\n text-align: var(--lottery-banner-mobile-title-text-align, left);\n }\n .lottery-banner__info {\n flex-direction: column;\n align-items: flex-start;\n gap: var(--lottery-banner-mobile-info-gap, 0.1rem);\n }\n}";
275
274
  const LotteryBannerStyle0 = lotteryBannerCss;
276
275
 
277
276
  const LotteryBanner = class {
@@ -347,21 +346,21 @@ const LotteryBanner = class {
347
346
  this.timer && clearInterval(this.timer);
348
347
  }
349
348
  renderElement(item, className = '') {
350
- var _a, _b;
349
+ var _a, _b, _c;
351
350
  switch (item) {
352
351
  case 'logo':
353
352
  return (index.h("div", { class: `lottery-banner__logo-wrapper ${className}` }, this.logoUrl && index.h("img", { alt: "logo", src: this.logoUrl, class: "lottery-banner__logo" })));
354
353
  case 'title':
355
354
  return this.bannerTitle && index.h("div", { class: `lottery-banner__title ${className}` }, this.bannerTitle);
356
355
  case 'info':
357
- return (index.h("div", { class: `lottery-banner__info ${className}` }, ((_a = this.formattedTime) === null || _a === void 0 ? void 0 : _a.start) && (index.h("div", { class: "lottery-banner__info-item" }, index.h("span", { class: "lottery-banner__info-item-label" }, index.h("span", { class: "lottery-banner__info-item-label__strong" }, translate$1('start', this.language)), "\u00A0", translate$1('in', this.language)), index.h("span", { class: "lottery-banner__info-item-value" }, this.formattedTime.start))), ((_b = this.formattedTime) === null || _b === void 0 ? void 0 : _b.end) && (index.h("div", { class: "lottery-banner__info-item" }, index.h("span", { class: "lottery-banner__info-item-label" }, index.h("span", { class: "lottery-banner__info-item-label__strong" }, translate$1('stop', this.language)), "\u00A0", translate$1('at', this.language)), index.h("span", { class: "lottery-banner__info-item-value" }, this.formattedTime.end))), this.turnover !== null && this.turnover !== undefined && (index.h("div", { class: "lottery-banner__info-item" }, index.h("span", { class: "lottery-banner__info-item-label" }, translate$1('turnover', this.language)), index.h("span", { class: "lottery-banner__info-item-value" }, this.turnover)))));
356
+ return (index.h("div", { class: `lottery-banner__info ${className}` }, ((_a = this.formattedTime) === null || _a === void 0 ? void 0 : _a.start) && (index.h("div", { class: "lottery-banner__info-item" }, index.h("span", { class: "lottery-banner__info-item-label" }, index.h("span", { class: "lottery-banner__info-item-label__strong" }, translate$1('startIn', this.language)), "\u00A0"), index.h("span", { class: "lottery-banner__info-item-value lottery-banner__info-item-value__strong" }, this.formattedTime.start))), ((_b = this.formattedTime) === null || _b === void 0 ? void 0 : _b.end) && (index.h("div", { class: "lottery-banner__info-item" }, index.h("span", { class: "lottery-banner__info-item-label" }, index.h("span", { class: "lottery-banner__info-item-label__strong" }, translate$1('stop', this.language)), "\u00A0", translate$1('at', this.language)), index.h("span", { class: "lottery-banner__info-item-value" }, this.formattedTime.end))), ((_c = this.formattedTime) === null || _c === void 0 ? void 0 : _c.end) && this.turnover !== null && this.turnover !== undefined && (index.h("div", { class: "lottery-banner__info-item" }, index.h("span", { class: "lottery-banner__info-item-label" }, translate$1('turnover', this.language)), index.h("span", { class: "lottery-banner__info-item-value" }, this.turnover)))));
358
357
  default:
359
358
  return null;
360
359
  }
361
360
  }
362
361
  render() {
363
362
  const layoutItems = this.layout.split(',').map((item) => item.trim());
364
- return (index.h("section", { key: '058aa04a8104d393f6066fd2738fb33cb6d832a2', ref: (el) => (this.stylingContainer = el), class: "lottery-banner" }, layoutItems.map((item, index) => {
363
+ return (index.h("section", { key: 'de09c785c74e1182381ba3332899158da814240d', ref: (el) => (this.stylingContainer = el), class: "lottery-banner" }, layoutItems.map((item, index) => {
365
364
  const isMiddle = layoutItems.length === 3 && index === 1;
366
365
  const className = isMiddle ? 'lottery-banner__item--center' : '';
367
366
  return this.renderElement(item, className);
package/dist/esm/lottery-banner_10.entry.js CHANGED
@@ -157,8 +157,7 @@ const TRANSLATIONS$1 = {
157
157
  stop: 'Stop',
158
158
  at: 'at',
159
159
  turnover: 'Turnover: ',
160
- start: 'Sales Start',
161
- in: 'in'
160
+ startIn: 'Sales Start in:',
162
161
  },
163
162
  ro: {
164
163
  stop: 'Oprește',
@@ -268,7 +267,7 @@ function getWagerTime(startTime, stopTime) {
268
267
  return {};
269
268
  }
270
269
 
271
- const lotteryBannerCss = ":host {\n display: block;\n container-type: inline-size;\n}\n\n.lottery-banner {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--lottery-banner-gap, 0.5rem);\n padding: var(--lottery-banner-padding, 0px 20px);\n background: var(--lottery-banner-background, var(--emw--color-primary, #fed275));\n border-top: var(--lottery-banner-border-width, 2px) var(--lottery-banner-border-style, solid) var(--lottery-banner-border-color, var(--emw--color-primary, #fed275));\n border-bottom: var(--lottery-banner-border-width, 2px) var(--lottery-banner-border-style, solid) var(--lottery-banner-border-color, var(--emw--color-primary, #fed275));\n border-left: var(--lottery-banner-border-left, none);\n border-right: var(--lottery-banner-border-right, none);\n border-radius: var(--lottery-banner-border-radius, 0);\n white-space: nowrap;\n height: var(--lottery-banner-height, 50px);\n position: relative;\n box-sizing: border-box;\n}\n\n.lottery-banner__logo-wrapper {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n}\n.lottery-banner__logo-wrapper img {\n height: 100%;\n object-fit: var(--lottery-banner-logo-object-fit, contain);\n}\n\n.lottery-banner__item--center {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n\n.lottery-banner__title {\n text-align: center;\n font-size: var(--lottery-banner-title-font-size, 1.5rem);\n font-weight: 800;\n font-style: italic;\n letter-spacing: var(--lottery-banner-title-font-letter-spacing, 0.04em);\n color: var(--emw--color-typography, #000);\n}\n\n.lottery-banner__info {\n display: flex;\n align-items: center;\n gap: var(--lottery-banner-info-gap, 0.75rem);\n}\n\n.lottery-banner__info-item {\n font-size: var(--lottery-banner-info-font-size, 0.9rem);\n color: var(--lottery-banner-info-color, var(--emw--color-typography, #000));\n display: inline-flex;\n align-items: center;\n gap: 0.3rem;\n}\n\n.lottery-banner__info-item-label {\n color: var(--lottery-banner-info-label-color, var(--emw--color-typography, #000));\n}\n.lottery-banner__info-item-label__strong {\n font-weight: var(--lottery-banner-info-label-font-weight, 700);\n}\n\n.lottery-banner__info-item-value {\n font-weight: var(--lottery-banner-info-value-font-weight, inherit);\n color: var(--lottery-banner-info-value-color, var(--emw--color-typography, #000));\n}\n\n@container (max-width: 700px) {\n .lottery-banner {\n height: auto;\n padding: var(--lottery-banner-mobile-padding, 0.5rem 1rem);\n }\n .lottery-banner__title {\n flex-basis: 100%;\n text-align: var(--lottery-banner-mobile-title-text-align, left);\n }\n .lottery-banner__info {\n flex-direction: column;\n align-items: flex-start;\n gap: var(--lottery-banner-mobile-info-gap, 0.1rem);\n }\n}";
270
+ const lotteryBannerCss = ":host {\n display: block;\n container-type: inline-size;\n}\n\n.lottery-banner {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--lottery-banner-gap, 0.5rem);\n padding: var(--lottery-banner-padding, 0px 20px);\n background: var(--lottery-banner-background, var(--emw--color-primary, #fed275));\n border-top: var(--lottery-banner-border-width, 2px) var(--lottery-banner-border-style, solid) var(--lottery-banner-border-color, var(--emw--color-primary, #fed275));\n border-bottom: var(--lottery-banner-border-width, 2px) var(--lottery-banner-border-style, solid) var(--lottery-banner-border-color, var(--emw--color-primary, #fed275));\n border-left: var(--lottery-banner-border-left, none);\n border-right: var(--lottery-banner-border-right, none);\n border-radius: var(--lottery-banner-border-radius, 0);\n white-space: nowrap;\n height: var(--lottery-banner-height, 50px);\n position: relative;\n box-sizing: border-box;\n}\n\n.lottery-banner__logo-wrapper {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n}\n.lottery-banner__logo-wrapper img {\n height: 100%;\n object-fit: var(--lottery-banner-logo-object-fit, contain);\n}\n\n.lottery-banner__item--center {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n\n.lottery-banner__title {\n text-align: center;\n font-size: var(--lottery-banner-title-font-size, 1.5rem);\n font-weight: 800;\n font-style: italic;\n letter-spacing: var(--lottery-banner-title-font-letter-spacing, 0.04em);\n color: var(--emw--color-typography, #000);\n}\n\n.lottery-banner__info {\n display: flex;\n align-items: center;\n gap: var(--lottery-banner-info-gap, 0.75rem);\n}\n\n.lottery-banner__info-item {\n font-size: var(--lottery-banner-info-font-size, 0.9rem);\n color: var(--lottery-banner-info-color, var(--emw--color-typography, #000));\n display: inline-flex;\n align-items: center;\n gap: 0.3rem;\n}\n\n.lottery-banner__info-item-label {\n color: var(--lottery-banner-info-label-color, var(--emw--color-typography, #000));\n}\n.lottery-banner__info-item-label__strong {\n font-weight: var(--lottery-banner-info-label-font-weight, 700);\n}\n\n.lottery-banner__info-item-value {\n font-weight: var(--lottery-banner-info-value-font-weight, inherit);\n color: var(--lottery-banner-info-value-color, var(--emw--color-typography, #000));\n}\n.lottery-banner__info-item-value__strong {\n font-weight: 700;\n}\n\n@container (max-width: 700px) {\n .lottery-banner {\n height: auto;\n padding: var(--lottery-banner-mobile-padding, 0.5rem 1rem);\n }\n .lottery-banner__title {\n flex-basis: 100%;\n text-align: var(--lottery-banner-mobile-title-text-align, left);\n }\n .lottery-banner__info {\n flex-direction: column;\n align-items: flex-start;\n gap: var(--lottery-banner-mobile-info-gap, 0.1rem);\n }\n}";
272
271
  const LotteryBannerStyle0 = lotteryBannerCss;
273
272
 
274
273
  const LotteryBanner = class {
@@ -344,21 +343,21 @@ const LotteryBanner = class {
344
343
  this.timer && clearInterval(this.timer);
345
344
  }
346
345
  renderElement(item, className = '') {
347
- var _a, _b;
346
+ var _a, _b, _c;
348
347
  switch (item) {
349
348
  case 'logo':
350
349
  return (h("div", { class: `lottery-banner__logo-wrapper ${className}` }, this.logoUrl && h("img", { alt: "logo", src: this.logoUrl, class: "lottery-banner__logo" })));
351
350
  case 'title':
352
351
  return this.bannerTitle && h("div", { class: `lottery-banner__title ${className}` }, this.bannerTitle);
353
352
  case 'info':
354
- return (h("div", { class: `lottery-banner__info ${className}` }, ((_a = this.formattedTime) === null || _a === void 0 ? void 0 : _a.start) && (h("div", { class: "lottery-banner__info-item" }, h("span", { class: "lottery-banner__info-item-label" }, h("span", { class: "lottery-banner__info-item-label__strong" }, translate$1('start', this.language)), "\u00A0", translate$1('in', this.language)), h("span", { class: "lottery-banner__info-item-value" }, this.formattedTime.start))), ((_b = this.formattedTime) === null || _b === void 0 ? void 0 : _b.end) && (h("div", { class: "lottery-banner__info-item" }, h("span", { class: "lottery-banner__info-item-label" }, h("span", { class: "lottery-banner__info-item-label__strong" }, translate$1('stop', this.language)), "\u00A0", translate$1('at', this.language)), h("span", { class: "lottery-banner__info-item-value" }, this.formattedTime.end))), this.turnover !== null && this.turnover !== undefined && (h("div", { class: "lottery-banner__info-item" }, h("span", { class: "lottery-banner__info-item-label" }, translate$1('turnover', this.language)), h("span", { class: "lottery-banner__info-item-value" }, this.turnover)))));
353
+ return (h("div", { class: `lottery-banner__info ${className}` }, ((_a = this.formattedTime) === null || _a === void 0 ? void 0 : _a.start) && (h("div", { class: "lottery-banner__info-item" }, h("span", { class: "lottery-banner__info-item-label" }, h("span", { class: "lottery-banner__info-item-label__strong" }, translate$1('startIn', this.language)), "\u00A0"), h("span", { class: "lottery-banner__info-item-value lottery-banner__info-item-value__strong" }, this.formattedTime.start))), ((_b = this.formattedTime) === null || _b === void 0 ? void 0 : _b.end) && (h("div", { class: "lottery-banner__info-item" }, h("span", { class: "lottery-banner__info-item-label" }, h("span", { class: "lottery-banner__info-item-label__strong" }, translate$1('stop', this.language)), "\u00A0", translate$1('at', this.language)), h("span", { class: "lottery-banner__info-item-value" }, this.formattedTime.end))), ((_c = this.formattedTime) === null || _c === void 0 ? void 0 : _c.end) && this.turnover !== null && this.turnover !== undefined && (h("div", { class: "lottery-banner__info-item" }, h("span", { class: "lottery-banner__info-item-label" }, translate$1('turnover', this.language)), h("span", { class: "lottery-banner__info-item-value" }, this.turnover)))));
355
354
  default:
356
355
  return null;
357
356
  }
358
357
  }
359
358
  render() {
360
359
  const layoutItems = this.layout.split(',').map((item) => item.trim());
361
- return (h("section", { key: '058aa04a8104d393f6066fd2738fb33cb6d832a2', ref: (el) => (this.stylingContainer = el), class: "lottery-banner" }, layoutItems.map((item, index) => {
360
+ return (h("section", { key: 'de09c785c74e1182381ba3332899158da814240d', ref: (el) => (this.stylingContainer = el), class: "lottery-banner" }, layoutItems.map((item, index) => {
362
361
  const isMiddle = layoutItems.length === 3 && index === 1;
363
362
  const className = isMiddle ? 'lottery-banner__item--center' : '';
364
363
  return this.renderElement(item, className);
package/dist/lottery-oddsbom-ticket-bet/lottery-banner_10.entry.js CHANGED
@@ -1 +1 @@
1
- import{r as t,c as e,h as n,g as i}from"./index-9dee9d86.js";import{r as o,t as s,p as a,i as d,f as r,s as l,a as c,b as h,c as b,d as m,e as p,g,h as f,j as u,M as y}from"./lottery-oddsbom-ticket-bet-65daa420.js";export{L as lottery_oddsbom_ticket_bet}from"./lottery-oddsbom-ticket-bet-65daa420.js";var v={ceil:Math.ceil,round:Math.round,floor:Math.floor,trunc:function(t){return t<0?Math.ceil(t):Math.floor(t)}},x="trunc";const w=["ro","en","fr","ar","hr"],S={en:{stop:"Stop",at:"at",turnover:"Turnover: ",start:"Sales Start",in:"in"},ro:{stop:"Oprește",at:"la"},fr:{stop:"Arrêtez",at:"à"},ar:{stop:"توقف",at:"في"},hr:{stop:"Stop",at:"u"}},k=(t,e)=>{const n=e;return S[void 0!==n&&w.includes(n)?n:"en"][t]},C=({date:t,type:e="date",format:n})=>{try{const i=a(t);if(isNaN(i.getTime()))throw new Error(`Invalid date: ${t}`);if(n)return r(i,n);let o="dd/MM/yyyy";return"time"===e?o="dd/MM/yyyy HH:mm:ss":"week"===e&&(o="ccc dd/MM/yyyy HH:mm:ss"),r(i,o)}catch(t){return console.error("Error formatting date:",t.message),""}};function B(t){if(t)return d(new Date(t))?C({date:t,format:"HH:mm"}):C({date:t,format:"dd/MM/yyyy HH:mm"})}function _(t,e){if(!t)return;let n=function(t,e,n){o(2,arguments);var i,a=function(t,e){return o(2,arguments),s(t).getTime()-s(e).getTime()}(t,e)/1e3;return((i=null==n?void 0:n.roundingMethod)?v[i]:v[x])(a)}("string"==typeof t?a(t):t,e&&new Date);if(n<0)return"0D 00H 00M 00S";const i=Math.floor(n/86400);n%=86400;const d=Math.floor(n/3600);n%=3600;const r=Math.floor(n/60),l=n%60;return`${i}D ${d.toString().padStart(2,"0")}H ${r.toString().padStart(2,"0")}M ${l.toString().padStart(2,"0")}S`}const O=class{constructor(n){t(this,n),this.lotteryBannerTimerStop=e(this,"lotteryBannerTimerStop",7),this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.translationUrl="",this.language="en",this.logoUrl=void 0,this.stopTime="",this.startTime="",this.bannerTitle=void 0,this.turnover=void 0,this.layout="logo,title,info",this.formattedTime=void 0}handleClientStylingChange(t,e){t!==e&&l(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!==e&&c(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!==e&&h(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}handleTimeChange(){this.startTimer()}async componentWillLoad(){this.translationUrl&&(async t=>{if(t)try{const n=await fetch(t);if(!n.ok)throw new Error(`HTTP error! status: ${n.status}`);const i=await n.json();e=i,Object.keys(e).forEach((t=>{for(let n in e[t])S[t][n]=e[t][n]}))}catch(t){console.error("Failed to fetch or parse translations from URL:",t)}var e})(this.translationUrl),this.startTimer()}startTimer(){this.timer&&clearInterval(this.timer),this.updateTime(),this.timer=setInterval((()=>{this.updateTime()}),1e3)}updateTime(){var t;this.formattedTime=function(t,e){const n=new Date;return t&&function(t,e){o(2,arguments);var n=s(t),i=s(e);return n.getTime()<i.getTime()}(n,a(t))?{start:_(t,n)}:t&&e&&function(t,e){o(2,arguments);var n=s(t).getTime(),i=s(e.start).getTime(),a=s(e.end).getTime();if(!(i<=a))throw new RangeError("Invalid interval");return n>=i&&n<=a}(n,{start:a(t),end:a(e)})?{end:B(e)}:{}}(this.startTime,this.stopTime),(null===(t=this.formattedTime)||void 0===t?void 0:t.end)&&(this.timer&&clearInterval(this.timer),this.lotteryBannerTimerStop.emit())}componentDidLoad(){this.stylingContainer&&(this.mbSource&&h(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&l(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&c(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe(),this.timer&&clearInterval(this.timer)}renderElement(t,e=""){var i,o;switch(t){case"logo":return n("div",{class:`lottery-banner__logo-wrapper ${e}`},this.logoUrl&&n("img",{alt:"logo",src:this.logoUrl,class:"lottery-banner__logo"}));case"title":return this.bannerTitle&&n("div",{class:`lottery-banner__title ${e}`},this.bannerTitle);case"info":return n("div",{class:`lottery-banner__info ${e}`},(null===(i=this.formattedTime)||void 0===i?void 0:i.start)&&n("div",{class:"lottery-banner__info-item"},n("span",{class:"lottery-banner__info-item-label"},n("span",{class:"lottery-banner__info-item-label__strong"},k("start",this.language))," ",k("in",this.language)),n("span",{class:"lottery-banner__info-item-value"},this.formattedTime.start)),(null===(o=this.formattedTime)||void 0===o?void 0:o.end)&&n("div",{class:"lottery-banner__info-item"},n("span",{class:"lottery-banner__info-item-label"},n("span",{class:"lottery-banner__info-item-label__strong"},k("stop",this.language))," ",k("at",this.language)),n("span",{class:"lottery-banner__info-item-value"},this.formattedTime.end)),null!=this.turnover&&n("div",{class:"lottery-banner__info-item"},n("span",{class:"lottery-banner__info-item-label"},k("turnover",this.language)),n("span",{class:"lottery-banner__info-item-value"},this.turnover)));default:return null}}render(){const t=this.layout.split(",").map((t=>t.trim()));return n("section",{key:"058aa04a8104d393f6066fd2738fb33cb6d832a2",ref:t=>this.stylingContainer=t,class:"lottery-banner"},t.map(((e,n)=>this.renderElement(e,3===t.length&&1===n?"lottery-banner__item--center":""))))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],startTime:["handleTimeChange"],stopTime:["handleTimeChange"]}}};O.style=":host {\n display: block;\n container-type: inline-size;\n}\n\n.lottery-banner {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--lottery-banner-gap, 0.5rem);\n padding: var(--lottery-banner-padding, 0px 20px);\n background: var(--lottery-banner-background, var(--emw--color-primary, #fed275));\n border-top: var(--lottery-banner-border-width, 2px) var(--lottery-banner-border-style, solid) var(--lottery-banner-border-color, var(--emw--color-primary, #fed275));\n border-bottom: var(--lottery-banner-border-width, 2px) var(--lottery-banner-border-style, solid) var(--lottery-banner-border-color, var(--emw--color-primary, #fed275));\n border-left: var(--lottery-banner-border-left, none);\n border-right: var(--lottery-banner-border-right, none);\n border-radius: var(--lottery-banner-border-radius, 0);\n white-space: nowrap;\n height: var(--lottery-banner-height, 50px);\n position: relative;\n box-sizing: border-box;\n}\n\n.lottery-banner__logo-wrapper {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n}\n.lottery-banner__logo-wrapper img {\n height: 100%;\n object-fit: var(--lottery-banner-logo-object-fit, contain);\n}\n\n.lottery-banner__item--center {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n\n.lottery-banner__title {\n text-align: center;\n font-size: var(--lottery-banner-title-font-size, 1.5rem);\n font-weight: 800;\n font-style: italic;\n letter-spacing: var(--lottery-banner-title-font-letter-spacing, 0.04em);\n color: var(--emw--color-typography, #000);\n}\n\n.lottery-banner__info {\n display: flex;\n align-items: center;\n gap: var(--lottery-banner-info-gap, 0.75rem);\n}\n\n.lottery-banner__info-item {\n font-size: var(--lottery-banner-info-font-size, 0.9rem);\n color: var(--lottery-banner-info-color, var(--emw--color-typography, #000));\n display: inline-flex;\n align-items: center;\n gap: 0.3rem;\n}\n\n.lottery-banner__info-item-label {\n color: var(--lottery-banner-info-label-color, var(--emw--color-typography, #000));\n}\n.lottery-banner__info-item-label__strong {\n font-weight: var(--lottery-banner-info-label-font-weight, 700);\n}\n\n.lottery-banner__info-item-value {\n font-weight: var(--lottery-banner-info-value-font-weight, inherit);\n color: var(--lottery-banner-info-value-color, var(--emw--color-typography, #000));\n}\n\n@container (max-width: 700px) {\n .lottery-banner {\n height: auto;\n padding: var(--lottery-banner-mobile-padding, 0.5rem 1rem);\n }\n .lottery-banner__title {\n flex-basis: 100%;\n text-align: var(--lottery-banner-mobile-title-text-align, left);\n }\n .lottery-banner__info {\n flex-direction: column;\n align-items: flex-start;\n gap: var(--lottery-banner-mobile-info-gap, 0.1rem);\n }\n}";const I={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 64zm32 664c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V456c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272zm-32-344a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"}}]},name:"info-circle",theme:"filled"};var M=function(){return M=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},M.apply(this,arguments)},j={primaryColor:"#333",secondaryColor:"#E6E6E6"};function T(t,e){if(void 0===e&&(e={}),"function"==typeof t.icon){var n=e.placeholders||j;return z(t.icon(n.primaryColor,n.secondaryColor),e)}return z(t.icon,e)}function z(t,e){var n="svg"===t.tag?M(M({},t.attrs),e.extraSVGAttrs||{}):t.attrs,i=Object.keys(n).reduce((function(t,e){var i=n[e],o="".concat(e,'="').concat(i,'"');return t.push(o),t}),[]),o=i.length?" "+i.join(" "):"",s=(t.children||[]).map((function(t){return z(t,e)})).join("");return s&&s.length?"<".concat(t.tag).concat(o,">").concat(s,"</").concat(t.tag,">"):"<".concat(t.tag).concat(o," />")}const D=T({icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M864 256H736v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80H160c-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-32zm-200 0H360v-72h304v72z"}}]},name:"delete",theme:"filled"},{extraSVGAttrs:{width:"18px",height:"18px",fill:""}}),$=class{constructor(n){t(this,n),this.oddsbomBulletToggleEvent=e(this,"oddsbomBulletToggle",7),this.oddsbomBulletDeleteEvent=e(this,"oddsbomBulletDelete",7),this.oddsbomBulletAddedByMoreBtnDeleteEvent=e(this,"oddsbomBulletAddedByMoreBtnDelete",7),this.oddsbomBulletCallDialogEvent=e(this,"oddsbomBulletCallDialog",7),this.isSelected=void 0,this.disabled=void 0,this.text=void 0,this.idx=void 0,this.isReading=void 0,this.isDeleteByIcon=void 0,this.isCallDialogBtn=void 0,this.isAddedByMoreBtn=void 0,this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0}handleClientStylingChange(t,e){t!=e&&l(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&c(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&h(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&h(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&l(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&c(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}handleClick(){this.isCallDialogBtn?this.oddsbomBulletCallDialogEvent.emit():this.isDeleteByIcon?this.isAddedByMoreBtn?this.oddsbomBulletAddedByMoreBtnDeleteEvent.emit(this.text):this.oddsbomBulletDeleteEvent.emit(this.idx):this.disabled||this.oddsbomBulletToggleEvent.emit(this.idx)}render(){return n("div",{key:"e21cf46108e35dcbf7d65e8c6a5f12f5d5ae49cb",class:"OddsbomBullet",ref:t=>this.stylingContainer=t},n("button",{key:"4edf5cd481d8283bd71f6806b6f93949e1308095",class:{OddsbomBulletBtn__normal:!0,OddsbomBulletBtn__selected:this.isSelected,OddsbomBulletBtn__disabled:this.disabled,isDeleteByIcon:this.isDeleteByIcon,isCallDialogBtn:this.isCallDialogBtn||this.isReading},onClick:this.handleClick.bind(this),disabled:this.disabled},n("span",{key:"fa1aed0293dc004808e6992c069d6992317b0788",class:"OddsbomBullet--deleteIcon",innerHTML:D}),n("span",{key:"53ed96f2c2b833d21488049f987b6131718d563e",class:"OddsbomBullet--text"},this.text)))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};$.style=".OddsbomBullet .OddsbomBulletBtn__normal{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--emw--color-background, #fff);border:2px solid var(--emw--color-primary, #0d196e);border-radius:var(--emw--border-radius-medium, 8px);color:var(--emw--color-typography, #000);font-weight:bold;cursor:pointer;transition:transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.2s ease, background-color 0.3s;user-select:none;position:relative}.OddsbomBullet .OddsbomBulletBtn__normal:hover{transform:scale(1.15) rotate(-5deg);box-shadow:var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15)) 7px 6px 6px}.OddsbomBullet .OddsbomBulletBtn__normal .OddsbomBullet--deleteIcon{display:none}.OddsbomBullet .OddsbomBulletBtn__normal.isDeleteByIcon:hover{background-color:var(--emw--color-background, #fff)}.OddsbomBullet .OddsbomBulletBtn__normal.isDeleteByIcon:hover .OddsbomBullet--text{display:none}.OddsbomBullet .OddsbomBulletBtn__normal.isDeleteByIcon:hover .OddsbomBullet--deleteIcon{display:inline;fill:var(--emw--color-typography, #000)}.OddsbomBullet .OddsbomBulletBtn__normal.isCallDialogBtn:hover{transform:none;box-shadow:none}.OddsbomBullet .OddsbomBulletBtn__normal.OddsbomBulletBtn__selected{background-color:var(--emw--color-primary, #0d196e);color:var(--emw--color-typography-inverse, #fff);transform:scale(1.05);box-shadow:0 5px 10px var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15))}.OddsbomBullet .OddsbomBulletBtn__normal.OddsbomBulletBtn__disabled{background-color:var(--emw--color-gray-50, #f5f5f5);border-color:var(--emw--color-gray-100, #e6e6e6);color:var(--emw--color-gray-150, #6f6f6f);cursor:not-allowed;transform:none;box-shadow:none}.OddsbomBullet .OddsbomBulletBtn__normal.OddsbomBulletBtn__disabled:hover{transform:none;box-shadow:none}";const U=class{constructor(n){t(this,n),this.addSelectionEvent=e(this,"addSelection",7),this.deleteSelectionEvent=e(this,"deleteSelection",7),this.deleteSelectionOriginEvent=e(this,"deleteSelectionOrigin",7),this.oddsbomBulletGroupToggleEvent=e(this,"oddsbomBulletGroupToggle",7),this.oddsbomBulletGroupAddedByMoreBtnDelEvent=e(this,"oddsbomBulletGroupAddedByMoreBtnDel",7),this.oddsbomBulletCallDialogFromGroupEvent=e(this,"oddsbomBulletCallDialogFromGroup",7),this.selectionIdx=void 0,this.matchIdx=void 0,this.bulletConfigs=[],this.bulletConfigsDeleteOrigin=[],this.addSelectionConfig=void 0,this.isDeleteByIcon=void 0,this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.bulletListClass=void 0,this.innerBulletConfigs=void 0,this.innerBulletConfigsDeleteOrigin=void 0}handleBulletConfigsChange(t){this.innerBulletConfigs=t.map((t=>Object.assign({},t)))}handleBulletConfigsDeleteOriginChange(t){this.innerBulletConfigsDeleteOrigin=t.map((t=>Object.assign({},t)))}componentWillLoad(){this.handleBulletConfigsChange(this.bulletConfigs)}handleClientStylingChange(t,e){t!=e&&l(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&c(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&h(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}oddsbomBulletToggleHandler(t){const e=t.detail,{matchIdx:n,selectionIdx:i}=this,o=[...this.innerBulletConfigs],s=Object.assign({},o[e]);s.isSelected=!s.isSelected,o[e]=s,this.innerBulletConfigs=o,this.oddsbomBulletGroupToggleEvent.emit({bulletSelctionArr:this.innerBulletConfigs,matchIdx:n,selectionIdx:i})}oddsbomBulletDeleteHandler(t){const e=t.detail,{matchIdx:n,selectionIdx:i}=this,o=[...this.innerBulletConfigsDeleteOrigin],s=Object.assign({},o[e]);s.isSelected=!s.isSelected,o[e]=s,this.innerBulletConfigsDeleteOrigin=o,this.oddsbomBulletGroupToggleEvent.emit({bulletSelctionArr:this.innerBulletConfigsDeleteOrigin,matchIdx:n,selectionIdx:i})}oddsbomBulletAddedByMoreBtnDeleteHandler(t){const e=t.detail,{matchIdx:n,selectionIdx:i}=this;this.oddsbomBulletGroupAddedByMoreBtnDelEvent.emit({delText:e,matchIdx:n,selectionIdx:i})}componentDidLoad(){this.stylingContainer&&(this.mbSource&&h(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&l(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&c(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}handleOddsbomBulletCallDialog(){const{matchIdx:t,selectionIdx:e}=this;this.oddsbomBulletCallDialogFromGroupEvent.emit({matchIdx:t,selectionIdx:e})}render(){return n("div",{key:"38102a447cf8fafc8f7a7e5a122c7ccbc2ce8b4a",class:"oddsbomBulletGroup",ref:t=>this.stylingContainer=t},n("div",{key:"59ca1df498575356eb3438b45e9431b1bc7ee2dd",class:`oddsbomBulletGroup-list ${this.bulletListClass||""}`},this.innerBulletConfigs.map((t=>n("lottery-oddsbom-bullet",t.isAddMoreBtn?{text:`${this.addSelectionConfig.maxOverScore}+`,disabled:t.isDisabled,isCallDialogBtn:!0,onOddsbomBulletCallDialog:this.handleOddsbomBulletCallDialog.bind(this)}:{text:t.text,idx:t.idx,isSelected:t.isSelected,disabled:t.isDisabled,isDeleteByIcon:this.isDeleteByIcon,isAddedByMoreBtn:t.isAddedByMoreBtn})))))}static get watchers(){return{bulletConfigs:["handleBulletConfigsChange"],bulletConfigsDeleteOrigin:["handleBulletConfigsDeleteOriginChange"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};U.style=".oddsbomBulletGroup{width:100%}.oddsbomBulletGroup .oddsbomBulletGroup-list{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.oddsbomBulletGroup .selection-bullet-list{justify-content:flex-end}";const H=T({icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M868 545.5L536.1 163a31.96 31.96 0 00-48.3 0L156 545.5a7.97 7.97 0 006 13.2h81c4.6 0 9-2 12.1-5.5L474 300.9V864c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V300.9l218.9 252.3c3 3.5 7.4 5.5 12.1 5.5h81c6.8 0 10.5-8 6-13.2z"}}]},name:"arrow-up",theme:"outlined"},{extraSVGAttrs:{width:"16px",height:"16px",fill:""}}),A=T(I,{extraSVGAttrs:{width:"18px",height:"18px",fill:"#0d196e"}}),N=T(I,{extraSVGAttrs:{width:"16px",height:"16px",fill:"#1367e7"}}),G=T({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:"16px",height:"16px",fill:""}}),V=T({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:"16px",height:"16px",fill:""}}),E=class{constructor(n){t(this,n),this.oddsQueryLineChangeEvent=e(this,"oddsQueryLineChange",7),this.oddschartFillInEvent=e(this,"oddschartFillIn",7),this.oddsQueryChangeEvent=e(this,"oddsQueryChange",7),this.handleSearch=async()=>{const t=this.matchItemsContainer.querySelectorAll("lottery-oddsbom-oddschart-input"),e=await Promise.all(Array.from(t).map((t=>t.getValue())));if(e.length!=2*this.matchInfo.length)return void b({theme:"warning",message:m("pleaseFillIn",this.language)});const n=[...this.matchSelection],i=[];for(let t=0;t<e.length;t+=2){const o=e[t],s=e[t+1],a=t/2;o&&s&&(i.push([[`${o}:${s}`]]),n[a]=[o,s])}if(this.matchSelection=[...n],i.length>0){const t=await p(JSON.stringify(i));this.oddsQueryLineChangeEvent.emit({lineSelectionBase64:t,offset:0}),this.hasFillInSelection=!0}},this.handleGroupClick=t=>{this.selectedGroupIndex=t},this.toggleFilterIcon=()=>{this.isAscend=!this.isAscend,this.selectedGroupIndex=-1,this.oddsQueryChangeEvent.emit({ascending:this.isAscend,offset:0,lineSelectionBase64:""})},this.handlePrevPage=()=>{this.curPage>=1&&(this.selectedGroupIndex=-1,this.oddsQueryChangeEvent.emit({offset:this.offset-this.limit,lineSelectionBase64:""}))},this.handleNextPage=()=>{this.curPage<this.totalPage-1&&(this.selectedGroupIndex=-1,this.oddsQueryChangeEvent.emit({offset:this.offset+this.limit,lineSelectionBase64:""}))},this.matchInfo=void 0,this.oddsInfo=void 0,this.total=void 0,this.curPage=void 0,this.limit=void 0,this.offset=void 0,this.filterdOdds=void 0,this.isSearching=void 0,this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.isLoading=!1,this.language="en",this.translationUrl="",this.isAscend=!0,this.selectedGroupIndex=-1,this.matchSelection=[],this.hasFillInSelection=!1}async initOddsChart(){this.oddsQueryChangeEvent.emit({offset:0,ascending:!0,lineSelectionBase64:""})}async closeOddsChart(){this.hasFillInSelection=!1,this.selectedGroupIndex=-1,this.matchSelection=[],this.isAscend=!0,this.matchItemsContainer&&this.matchItemsContainer.querySelectorAll("lottery-oddsbom-oddschart-input").forEach((t=>{t.clearValue()}))}handleClientStylingChange(t,e){t!=e&&l(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&c(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&h(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}handleMatchInfoChange(t){this.matchSelection=t.map((()=>[-1,-1]))}componentWillLoad(){this.translationUrl&&g(this.translationUrl)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&h(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&l(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&c(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}get totalPage(){return Math.ceil(this.total/this.limit)}generateBulletGroup(t,e,i){let o;try{o=JSON.parse(t)}catch(t){return console.error("Failed to parse line JSON:",t),n("div",{class:"error-message"},"Invalid data format")}let s=o.map((t=>t[0])).map((t=>t[0]));const a=this.selectedGroupIndex===i;return n("div",{class:"oddsbom-oddschart-selection--group",onClick:this.handleGroupClick.bind(this,i)},n("div",{class:"oddsbom-oddschart-selection--group-wrap",style:{flexBasis:160*s.length+"px"}},s.map(((t,e)=>{const i=t.split(":");return n("div",{class:"oddsbom-oddschart-selection-item",key:e},n("div",{class:"oddsbom-oddschart-selection-item--1"},n("lottery-oddsbom-bullet",{text:i[0],"is-reading":!0,"is-selected":a})),n("div",{class:"oddsbom-oddschart-selection-item--2"},n("lottery-oddsbom-bullet",{text:i[1],"is-reading":!0,"is-selected":a})))}))),n("div",{class:"oddsbom-oddschart-selection-odds"},n("div",{class:"oddsbom-oddschart-selection-odds--text"},f(e)),a&&n("div",{class:"oddsbom-oddschart-selection-odds--fillIn"},n("lottery-oddsbom-ticket-button",{text:m("fillIn",this.language),size:"small",variant:"outline",onClick:this.handleFillIn.bind(this,s),language:this.language,"translation-url":this.translationUrl,"client-styling":this.clientStyling,"client-styling-Url":this.clientStylingUrl}))))}handleFillIn(t){this.oddschartFillInEvent.emit({fillInNums:t})}clearMatchSelection(){this.hasFillInSelection=!1,this.matchItemsContainer&&this.matchItemsContainer.querySelectorAll("lottery-oddsbom-oddschart-input").forEach((t=>{t.clearValue()}))}fillInMatchSelection(){const t=[];this.matchSelection.forEach((e=>{t.push(`${e[0]}:${e[1]}`)})),this.handleFillIn(t)}render(){var t,e;return n("div",{key:"e7c7c883ae3e911cb828a7076e0cb9fa73ddd2af",class:"oddsbom-oddschart",ref:t=>this.stylingContainer=t},(null===(t=this.matchInfo)||void 0===t?void 0:t.length)&&(null===(e=this.oddsInfo)||void 0===e?void 0:e.length)?this.matchInfo&&n("div",{class:"oddsbom-oddschart-container"},n("div",{class:"oddsbom-oddschart-wrap"},n("div",{class:"oddsbom-oddschart-match",ref:t=>this.matchItemsContainer=t},this.matchInfo.map(((t,e)=>n("div",{class:"oddsbom-oddschart-match-item",key:e},n("div",{class:"oddsbom-oddschart-match-item-name"},n("div",{class:"oddsbom-oddschart-match-item-name--home"},`${e+1}. ${t.eventName.split("vs")[0]}`),n("div",{class:"oddsbom-oddschart-match-item-name--delimiter"},"vs"),n("div",{class:"oddsbom-oddschart-match-item-name--away"},`${t.eventName.split("vs")[1]}`)),n("div",{class:"oddsbom-oddschart-match-item-input"},n("lottery-oddsbom-oddschart-input",null),n("lottery-oddsbom-oddschart-input",null))))),n("div",{class:"oddsbom-oddschart-match-search"},n("lottery-oddsbom-ticket-button",{text:m("search",this.language),variant:"outline",onClick:this.handleSearch}))),this.hasFillInSelection&&!this.isSearching&&(this.filterdOdds?n("div",{class:"oddsbom-oddschart-input-wrap"},n("div",{class:"oddsbom-oddschart-input"},this.matchSelection.map((t=>n("div",{class:"oddsbom-oddschart-input-item"},n("lottery-oddsbom-bullet",{text:t[0],"is-reading":!0,"is-selected":!0}),n("lottery-oddsbom-bullet",{text:t[1],"is-reading":!0,"is-selected":!0})))),n("div",{class:"oddsbom-oddschart-input-odds"},f(this.filterdOdds))),n("div",{class:"oddsbom-oddschart-input-operation"},n("lottery-oddsbom-ticket-button",{text:m("clear",this.language),variant:"outline",size:"small",onClick:this.clearMatchSelection.bind(this)}),n("lottery-oddsbom-ticket-button",{text:m("fillIn",this.language),variant:"outline",size:"small",onClick:this.fillInMatchSelection.bind(this)}))):n("div",{class:"oddsbom-oddschart-input-empty"},n("div",null,n("span",{innerHTML:N,style:{marginRight:"6px",height:"16px"}}),n("span",{style:{fontSize:"14px"}},m("noBets",this.language))),n("div",{class:"oddsbom-oddschart-input-empty-operation"},n("lottery-oddsbom-ticket-button",{text:m("clear",this.language),variant:"text",size:"small",onClick:this.clearMatchSelection.bind(this)}),n("lottery-oddsbom-ticket-button",{text:m("fillIn",this.language),variant:"text",size:"small",onClick:this.fillInMatchSelection.bind(this)})))),n("div",{class:"oddsbom-oddschart-match-filter"},(this.isLoading||this.isSearching)&&n("div",{class:"progress-bar"}),n("span",{onClick:this.toggleFilterIcon,class:"arrow "+(this.isAscend?"ascend":""),innerHTML:H})),n("div",{class:"oddsbom-oddschart-selection"},this.oddsInfo.map(((t,e)=>this.generateBulletGroup(t.lineSelection,t.odds,e)))),n("div",{class:"oddsbom-oddschart-pagination"},n("div",{class:"oddsbom-oddschart-pagination-wrap"},n("div",{class:"oddsbom-oddschart-pagination-prev "+(this.curPage<1?"disabled":""),onClick:this.handlePrevPage},n("div",{class:"oddsbom-oddschart-pagination-icon",innerHTML:G})),n("div",{class:"oddsbom-oddschart-pagination-page"},`${this.curPage+1} / ${this.totalPage}`),n("div",{class:"oddsbom-oddschart-pagination-next "+(this.curPage>=this.totalPage-1?"disabled":""),onClick:this.handleNextPage},n("div",{class:"oddsbom-oddschart-pagination-icon",innerHTML:V})))))):n("div",{class:"empty-wrap"},n("span",{innerHTML:A,style:{marginRight:"6px",height:"18px"}}),n("span",{class:"empty-wrap-text",style:{fontSize:"18px"}},m("noBets",this.language))))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],matchInfo:["handleMatchInfoChange"]}}};E.style='.oddsbom-oddschart {\n container-type: inline-size;\n}\n.oddsbom-oddschart-container {\n position: relative;\n}\n.oddsbom-oddschart-match {\n display: flex;\n align-items: flex-end;\n margin-bottom: 4px;\n}\n.oddsbom-oddschart-match-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n flex-basis: 160px;\n}\n.oddsbom-oddschart-match-item-name {\n margin-bottom: 8px;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n.oddsbom-oddschart-match-item-name--home, .oddsbom-oddschart-match-item-name--away, .oddsbom-oddschart-match-item-name--delimiter {\n font-size: 13px;\n height: 16px;\n line-height: 16px;\n overflow: hidden;\n color: var(--emw--color-typography, #000);\n}\n.oddsbom-oddschart-match-item-input {\n display: flex;\n justify-content: space-between;\n}\n.oddsbom-oddschart-match-search {\n flex-basis: 130px;\n text-align: center;\n}\n.oddsbom-oddschart-match-filter {\n display: flex;\n justify-content: flex-end;\n padding: 2px;\n position: relative;\n padding-top: 4px;\n border-top: 1px solid var(--emw--color-gray-100, #e6e6e6);\n}\n.oddsbom-oddschart-input {\n display: flex;\n margin-top: 4px;\n}\n.oddsbom-oddschart-input-empty {\n padding: 12px;\n border: 1px solid var(--emw--color-primary-variant, #1367e7);\n background-color: var(--emw--color-tertiary, #e3f2fd);\n width: 50%;\n min-width: 240px;\n max-width: 360px;\n margin: 4px auto;\n border-radius: 6px;\n display: flex;\n align-items: center;\n flex-direction: column;\n justify-content: center;\n}\n.oddsbom-oddschart-input-empty-operation {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-top: 4px;\n}\n.oddsbom-oddschart-input-wrap {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-bottom: 4px;\n}\n.oddsbom-oddschart-input-item {\n display: flex;\n align-items: center;\n flex-basis: 160px;\n justify-content: center;\n gap: 5px;\n}\n.oddsbom-oddschart-input-odds {\n flex-basis: 130px;\n display: flex;\n align-items: center;\n font-size: 14px;\n text-indent: 16px;\n}\n.oddsbom-oddschart-input-operation {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 20px;\n}\n.oddsbom-oddschart-selection--group {\n display: flex;\n margin-bottom: 8px;\n}\n.oddsbom-oddschart-selection--group-wrap {\n display: flex;\n border-radius: 4px;\n}\n.oddsbom-oddschart-selection--group-wrap:hover {\n background: var(--emw--color-gray-50, #f5f5f5);\n cursor: pointer;\n}\n.oddsbom-oddschart-selection-item {\n display: flex;\n flex-basis: 160px;\n justify-content: center;\n gap: 10px;\n}\n.oddsbom-oddschart-selection-odds {\n display: flex;\n gap: 12px;\n align-items: center;\n flex-basis: 130px;\n position: relative;\n text-indent: 16px;\n}\n.oddsbom-oddschart-selection-odds--text {\n font-size: 14px;\n color: var(--emw--color-typography, #000);\n}\n.oddsbom-oddschart-selection-odds--fillIn {\n position: absolute;\n right: 0;\n}\n@container (max-width: 430px) {\n .oddsbom-oddschart .oddsbom-oddschart-selection-odds {\n text-indent: unset;\n }\n .oddsbom-oddschart .oddsbom-oddschart-selection-odds--fillIn {\n right: -22px;\n }\n .oddsbom-oddschart .oddsbom-oddschart-selection-item {\n gap: 4px;\n }\n}\n.oddsbom-oddschart .arrow {\n transition: transform 0.3s ease;\n font-size: 16px;\n display: inline-flex;\n cursor: pointer;\n fill: var(--emw--color-typography, #000);\n display: flex;\n justify-content: center;\n flex-basis: 130px;\n}\n.oddsbom-oddschart .arrow.ascend {\n transform: rotate(180deg);\n}\n\n.empty-wrap {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.empty-wrap-text {\n color: var(--emw--color-typography, #000);\n}\n\n.oddsbom-oddschart-pagination {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n margin-top: 10px;\n padding-right: 16px;\n}\n.oddsbom-oddschart-pagination-wrap {\n display: flex;\n align-items: center;\n gap: 12px;\n height: 18px;\n}\n.oddsbom-oddschart-pagination-prev, .oddsbom-oddschart-pagination-next {\n cursor: pointer;\n}\n.oddsbom-oddschart-pagination-prev.disabled, .oddsbom-oddschart-pagination-next.disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n.oddsbom-oddschart-pagination-icon {\n display: flex;\n height: 18px;\n align-items: center;\n fill: var(--emw--color-typography, #000);\n}\n.oddsbom-oddschart-pagination-page {\n font-size: 14px;\n color: var(--emw--color-typography, #000);\n}\n\n.progress-bar {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 2px;\n background-color: var(--emw--color-gray-100, #e6e6e6);\n overflow: hidden;\n}\n.progress-bar::after {\n content: "";\n display: block;\n width: 20%;\n height: 100%;\n background-color: var(--emw--color-primary, #0d196e);\n animation: progress 1.5s linear infinite;\n}\n\n@keyframes progress {\n 0% {\n transform: translateX(-100%);\n }\n 100% {\n transform: translateX(500%);\n }\n}';const F=class{constructor(n){t(this,n),this.valueChange=e(this,"valueChange",7),this.handleInputChange=t=>{const e=t.target.value.trim();this.valueChange.emit(e)},this.handleKeyDown=t=>{"Enter"===t.key&&this.inputElement.blur()},this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.value=""}async getValue(){return this.inputElement.value}async clearValue(){this.inputElement&&(this.inputElement.value=""),this.value=""}handleClientStylingChange(t,e){t!=e&&l(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&c(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&h(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&h(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&l(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&c(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}render(){return n("div",{key:"027256f6e35e605b7a9afb83e81a099343615f96",class:"oddscharts-input",ref:t=>this.stylingContainer=t},n("input",{key:"fc8e961ee6701f8bb57349c9ead508af2d2b448f",ref:t=>this.inputElement=t,type:"text",inputMode:"numeric",value:this.value,onInput:this.handleInputChange,onKeyDown:this.handleKeyDown,autocomplete:"one-time-code"}))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};F.style=".oddscharts-input{display:inline-flex;padding:2px}.oddscharts-input input{width:32px;height:32px;text-align:center;font-size:14px;font-weight:bold;line-height:32px;border:2px solid var(--emw--color-gray-100, #e6e6e6);border-radius:4px;padding:0;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--emw--color-background, #fff);color:var(--emw--color-typography, #000);text-transform:uppercase}.oddscharts-input input:focus{outline:none;border-color:var(--emw--color-primary, #0d196e);box-shadow:0 0 0 2px var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15));border-width:2px}.oddscharts-input input:disabled{background-color:var(--emw--color-gray-50, #f5f5f5);border-color:var(--emw--color-gray-100, #e6e6e6);color:var(--emw--color-gray-150, #6f6f6f);cursor:not-allowed}.oddscharts-input input.error{border-color:var(--emw--color-error, #ff3d00)}.oddscharts-input input.error:focus{box-shadow:0 0 0 2px var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15))}";const J=class{constructor(n){t(this,n),this.oddsbomBoardClearEvent=e(this,"oddsbomBoardClear",7),this.oddsbomAddMoreToMatchEvent=e(this,"oddsbomAddMoreToMatch",7),this.ticketBoardInfo=void 0,this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.language="en",this.translationUrl="",this.addSelectionConfig=void 0,this.bulletsConfig=void 0,this.isInputInvalid=!1,this.errorMessage="",this.dialogConfig={width:"400px",visible:!1,onConfirm:()=>this.handleFillInAddMore(),onCancel:()=>this.handleCloseAddMoreDialog()},this.curAddMoreInfo={matchIdx:0,selectionIdx:0,value:""}}handleClientStylingChange(t,e){t!=e&&l(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&c(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&h(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}componentWillLoad(){this.translationUrl&&u(JSON.parse(this.translationUrl))}handleOddsbomBulletGroupToggle(t){const{bulletConfigArr:e}=t.detail;this.bulletsConfig=e}handleOddsbomBulletCallDialogFromGroup(t){const{matchIdx:e,selectionIdx:n}=t.detail;this.curAddMoreInfo=Object.assign(Object.assign({},this.curAddMoreInfo),{matchIdx:e,selectionIdx:n}),this.dialogConfig=Object.assign(Object.assign({},this.dialogConfig),{visible:!0})}handleFillInAddMore(){if(this.isInputInvalid)return void this.handleCloseAddMoreDialog();const{matchIdx:t,selectionIdx:e,value:n}=this.curAddMoreInfo;this.oddsbomAddMoreToMatchEvent.emit({matchIdx:t,selectionIdx:e,value:n}),this.dialogConfig=Object.assign(Object.assign({},this.dialogConfig),{visible:!1}),this.curAddMoreInfo=Object.assign(Object.assign({},this.curAddMoreInfo),{value:""})}handleCloseAddMoreDialog(){this.dialogConfig=Object.assign(Object.assign({},this.dialogConfig),{visible:!1}),this.curAddMoreInfo=Object.assign(Object.assign({},this.curAddMoreInfo),{value:""}),this.isInputInvalid=!1,this.errorMessage=""}handleClearAllSelection(){this.oddsbomBoardClearEvent.emit(),b({message:m("selectionCleared",this.language),renderOne:!0})}validateInput(t){const e=Number(t);if(isNaN(e))return this.isInputInvalid=!0,void(this.errorMessage=m("enterValidNumber",this.language));if(e<y||e>this.addSelectionConfig.maxScore)return this.isInputInvalid=!0,void(this.errorMessage=m("enterNumberBetween",this.language,{min:y,max:this.addSelectionConfig.maxScore}));const{matchIdx:n,selectionIdx:i}=this.curAddMoreInfo;if(this.ticketBoardInfo[n].addSelections[i].some((e=>Number(e)===Number(t))))return this.isInputInvalid=!0,void(this.errorMessage=m("numberAlreadySelected",this.language));this.isInputInvalid=!1,this.errorMessage=""}handleInputChange(t){const e=t.target.value;this.curAddMoreInfo=Object.assign(Object.assign({},this.curAddMoreInfo),{value:e}),this.validateInput(e)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&h(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&l(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&c(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}render(){return n("div",{key:"e5ca4eb7ad8945ab24c8fd400b0b7704bdb69f6e",class:"oddsbomTicketBoard",ref:t=>this.stylingContainer=t},n("div",{key:"5cf3ab87b72e81a169ffbe65084e86b38cb76ef3",class:"oddsbomTicketBoard-btn"},n("lottery-oddsbom-ticket-button",{key:"d8ebcd3faf085333b94d8a61b10c274a075b0d8a",onClick:this.handleClearAllSelection.bind(this),text:m("clearAll",this.language),variant:"outline"})),this.ticketBoardInfo.length?n("div",{class:"oddsbomTicketBoard-list"},this.ticketBoardInfo.map(((t,e)=>n("div",{class:"oddsbomTicketBoard-item"},n("div",{class:"oddsbomTicketBoard-item-header"},`${e+1}. ${t.matchName}`),n("div",{class:"oddsbomTicketBoard-item-match"},n("div",{class:"oddsbomTicketBoard-item-match--left"},t.matchName.split("vs")[0]),n("div",{class:"oddsbomTicketBoard-item-match--right"},n("lottery-oddsbom-bullet-group",{bulletConfigs:t.selections[0],selectionIdx:0,matchIdx:e,addSelectionConfig:this.addSelectionConfig}))),n("div",{class:"oddsbomTicketBoard-item-match"},n("div",{class:"oddsbomTicketBoard-item-match--left"},t.matchName.split("vs")[1]),n("div",{class:"oddsbomTicketBoard-item-match--right"},n("lottery-oddsbom-bullet-group",{bulletConfigs:t.selections[1],selectionIdx:1,matchIdx:e,addSelectionConfig:this.addSelectionConfig}))))))):n("div",{class:"oddsbomTicketBoard-noData"},m("noTicketBoard",this.language)),n("lottery-tipping-dialog",{key:"d70640fde439f49c4234b144c25c8a71486477d2",visible:this.dialogConfig.visible,width:this.dialogConfig.width,onCancel:this.handleCloseAddMoreDialog.bind(this)},n("div",{key:"8f6f15ec60cde94c4074e4b4d8c966e26608e577",class:"addSelectionDialog"},n("div",{key:"8a78285c454dd4414d167a4ea913df7040646c81",class:"addSelectionDialog-title"},m("enterScoreUpTo",this.language,{maxScore:this.addSelectionConfig.maxScore})),n("input",{key:"0a9139c2beb9627e14fa811f46f552a0e9a07af0",type:"text",class:{"dialog-input":!0,invalid:this.isInputInvalid},value:this.curAddMoreInfo.value,onInput:this.handleInputChange.bind(this)}),n("div",{key:"b537f8fd54aa70e043a1e319a4aabef85e8e458a",class:"error-message"},this.errorMessage)),n("div",{key:"8aa06cf57c03e73fd9c4cead9670d9f8a539d4ca",slot:"footer",class:"addSelectionDialog-footer"},n("lottery-oddsbom-ticket-button",{key:"9db45725204f7fb16407adbdc7ee77f88c2a2dc8",onClick:this.dialogConfig.onCancel,text:m("cancel",this.language),variant:"outline"}),n("lottery-oddsbom-ticket-button",{key:"10cc96b0f5bd1ef5431e1347b6a142797113d458",onClick:this.dialogConfig.onConfirm,text:m("confirm",this.language),variant:"primary",disabled:!this.curAddMoreInfo.value||this.isInputInvalid}))))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};J.style=".oddsbomTicketBoard {\n border: 1px solid var(--emw--color-gray-100, #e6e6e6);\n border-radius: 4px;\n container-type: inline-size;\n min-height: 220px;\n}\n.oddsbomTicketBoard-noData {\n display: flex;\n justify-content: center;\n height: 200px;\n align-items: center;\n}\n.oddsbomTicketBoard-btn {\n display: flex;\n justify-content: flex-end;\n margin: 16px;\n margin-bottom: unset;\n}\n.oddsbomTicketBoard-item {\n display: flex;\n gap: 16px;\n flex-direction: column;\n padding: 24px;\n}\n.oddsbomTicketBoard-item:not(:last-child) {\n border-bottom: 1px solid var(--emw--color-gray-100, #e6e6e6);\n}\n.oddsbomTicketBoard-item-header {\n font-weight: bold;\n color: var(--emw--color-typography, #000);\n}\n.oddsbomTicketBoard-item-match {\n display: flex;\n align-items: center;\n}\n.oddsbomTicketBoard-item-match--left {\n width: 130px;\n color: var(--emw--color-typography, #000);\n}\n.oddsbomTicketBoard-item-match--right {\n flex: 1;\n display: flex;\n align-items: center;\n gap: 12px;\n justify-content: space-evenly;\n}\n@container (max-width: 320px) {\n .oddsbomTicketBoard-item-match--left {\n width: 100px;\n max-width: 100px;\n }\n}\n\n.dialog-input {\n width: 100%;\n padding: 8px;\n border: 1px solid var(--emw--color-gray-100, #e6e6e6);\n border-radius: 4px;\n box-sizing: border-box;\n margin-top: 10px;\n}\n\n.dialog-input.invalid,\n.dialog-input.invalid:focus {\n border-color: var(--emw--color-error, #ff3d00);\n outline-color: var(--emw--color-error, #ff3d00);\n}\n\n.error-message {\n color: var(--emw--color-error, #ff3d00);\n font-size: 12px;\n margin-top: 4px;\n}\n\n.addSelectionDialog-title {\n color: var(--emw--color-typography, #000);\n}\n.addSelectionDialog-footer {\n display: flex;\n justify-content: flex-end;\n gap: 18px;\n}";const W=class{constructor(e){t(this,e),this.handleClick=t=>{if(this.disabled)return;const e=this.host.shadowRoot.querySelector(".btn");if(!e)return;const n=e.getBoundingClientRect(),i=Math.max(n.width,n.height),o={top:t.clientY-n.top-i/2,left:t.clientX-n.left-i/2,size:i};this.ripples=[...this.ripples,o],setTimeout((()=>{this.ripples=this.ripples.filter((t=>t!==o))}),600)},this.variant="primary",this.size="medium",this.disabled=!1,this.loading=!1,this.text=void 0,this.mbSource=void 0,this.language="en",this.clientStyling=void 0,this.clientStylingUrl=void 0,this.translationUrl="",this.ripples=[]}handleClientStylingChange(t,e){t!=e&&l(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&c(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&h(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}componentWillLoad(){this.translationUrl&&g(this.translationUrl)}render(){const{variant:t,disabled:e,size:i}=this,o=e||this.loading;return n("button",{key:"c0c87c36c7c3f48286729c9133eded8338f137be",class:{btn:!0,[`btn--${t}`]:!0,[`btn--${i}`]:!0,"btn--loading":this.loading},disabled:o,onClick:this.handleClick},this.loading?n("div",{class:"loading-container"},n("span",{class:"content"},this.text||m("loading",this.language)),n("span",{class:"spinner"})):n("span",{class:"content"},this.text),n("div",{key:"8276ad215063ef4217b11f65fb189d6fcccd1f24",class:"ripple-container"},this.ripples.map(((t,e)=>n("span",{key:e,class:"ripple",style:{top:`${t.top}px`,left:`${t.left}px`,width:`${t.size}px`,height:`${t.size}px`}})))))}get host(){return i(this)}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};W.style=':host{display:inline-block;font-family:"PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:6px;font-weight:500;cursor:pointer;outline:none;overflow:hidden;transition:background-color 0.2s, border-color 0.2s, color 0.2s;user-select:none;-webkit-tap-highlight-color:transparent}.btn .content{position:relative}.btn:disabled{cursor:not-allowed;opacity:0.5}.btn .loading-container{display:flex;align-items:center}.btn--loading{position:relative}.btn .spinner{display:inline-block;width:1em;height:1em;border:2px solid rgba(255, 255, 255, 0.3);border-radius:50%;border-top-color:white;animation:spin 1s ease-in-out infinite;margin-left:0.5em;vertical-align:middle}.btn--small .spinner{width:0.8em;height:0.8em}.btn--large .spinner{width:1.2em;height:1.2em}@keyframes spin{to{transform:rotate(360deg)}}.btn--primary{background-color:var(--emw--color-primary, #0d196e);color:var(--emw--color-typography-inverse, #fff)}.btn--primary:hover:not(:disabled){background-color:var(--emw--color-primary-variant, #1367e7)}.btn--primary:active:not(:disabled){background-color:#08104a}.btn--outline .spinner,.btn--dashed .spinner,.btn--text .spinner{border-top-color:currentColor;border-color:rgba(0, 0, 0, 0.2)}.btn--outline{background-color:var(--emw--color-background, #fff);border-color:#dcdcdc;color:var(--emw--color-typography, #000)}.btn--outline:hover:not(:disabled){background-color:var(--emw--color-background-tertiary, #ccc);border-color:#a6a6a6}.btn--outline:active:not(:disabled){background-color:#e6e6e6}.btn--dashed{background-color:transparent;border-style:dashed;border-color:#dcdcdc;color:#333}.btn--dashed:hover:not(:disabled){border-color:#a6a6a6;color:#0052d9}.btn--text{background-color:transparent;color:#0052d9;border-color:transparent}.btn--text:hover:not(:disabled){background-color:#f2f2f2}.btn--text:active:not(:disabled){background-color:#e6e6e6}.btn--small{height:28px;font-size:12px;padding:0 12px}.btn--medium{height:34px;font-size:14px;padding:0 18px}.btn--large{height:40px;font-size:16px;padding:0 24px}.ripple-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;border-radius:inherit}.ripple{position:absolute;border-radius:50%;background-color:rgba(255, 255, 255, 0.3);transform:scale(0);animation:ripple-animation 600ms linear}.btn--outline .ripple,.btn--dashed .ripple,.btn--text .ripple{background-color:rgba(0, 0, 0, 0.1)}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}';const P=T({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:""}}),R=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.ticketBoardInfo=void 0,this.language="en",this.expanded=!1,this._ticketBoardInfo=[]}handleClientStylingChange(t,e){t!=e&&l(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&c(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&h(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}componentWillLoad(){this._ticketBoardInfo=JSON.parse(JSON.stringify(this.ticketBoardInfo))}componentDidLoad(){this.stylingContainer&&(this.mbSource&&h(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&l(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&c(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}handleTicketBoradInfoChange(t){this._ticketBoardInfo=JSON.parse(JSON.stringify(t))}generateMatchItemSelection(t,e,i,o,s,a,d){return n("div",{class:"oddsbomSelection-item"},n("div",{class:"oddsbomSelection-item-number"},i+1),n("div",{class:"oddsbomSelection-item-selection"},n("div",{class:"oddsbomSelection-item-team"},n("div",{class:"oddsbomSelection-item-team-name"},t),n("div",{class:"oddsbomSelection-item-team-selection"},n("lottery-oddsbom-bullet-group",{bulletConfigs:o,selectionIdx:0,matchIdx:i,bulletConfigsDeleteOrigin:a,isDeleteByIcon:!0,bulletListClass:"selection-bullet-list"}))),n("div",{class:"oddsbomSelection-item-team"},n("div",{class:"oddsbomSelection-item-team-name"},e),n("div",{class:"oddsbomSelection-item-team-selection"},n("lottery-oddsbom-bullet-group",{bulletConfigs:s,selectionIdx:1,matchIdx:i,bulletConfigsDeleteOrigin:d,isDeleteByIcon:!0,bulletListClass:"selection-bullet-list"})))))}generateSelectionList(){return this._ticketBoardInfo?this._ticketBoardInfo.map(((t,e)=>{var n,i,o,s;const{matchName:a,selections:d}=t,r=a.split("vs")[0],l=a.split("vs")[1],c=d[0].filter((t=>t.isSelected)),h=d[1].filter((t=>t.isSelected)),b=null!==(i=null===(n=t.addSelections)||void 0===n?void 0:n[0])&&void 0!==i?i:[],m=null!==(s=null===(o=t.addSelections)||void 0===o?void 0:o[1])&&void 0!==s?s:[];return b.length>0&&b.forEach((t=>{c.push({text:t,idx:-1,isSelected:!0,isDisabled:!1,isAddedByMoreBtn:!0})})),m.length>0&&m.forEach((t=>{h.push({text:t,idx:-1,isSelected:!0,isDisabled:!1,isAddedByMoreBtn:!0})})),this.generateMatchItemSelection(r,l,e,c,h,d[0],d[1])})):null}render(){return n("div",{key:"79091bce57ba35ef7a7758daeae94b9847eb712d",class:"oddsbomSelection",ref:t=>this.stylingContainer=t},n("div",{key:"a4913e648d8deb508c68360d572d26b98843f0c5",class:"oddsbomSelection-panel"},n("div",{key:"fd6b9551dddd71f5eed648dc1ab8bbf6aeb8a92f",class:"oddsbomSelection-panel--header",onClick:this.togglePanel},n("div",{key:"88930dc74331ca9f6edec7a23c8d42cf9ca9a0e4",class:"oddsbomSelection-panel--header-title"},m("myChoices",this.language)),n("div",{key:"94b2bd032ea3b9ebcb9e406e74a52a4d1c55a67f",class:"oddsbomSelection-panel--header-icon "+(this.expanded?"expanded":""),innerHTML:P})),n("div",{key:"cf337fd2477ae140c6d7898f7742c326164f7282",class:"oddsbomSelection-panel--content "+(this.expanded?"open":"closed")},n("div",{key:"8dd02d79a4254278b415ec11bdd1906940cb6074",class:"oddsbomSelection-panel--content-thead"},n("div",{key:"113407e0f9ee69d449202ab1065623187bce2fbe",class:"oddsbomSelection-panel--content-thead-item"},m("teams",this.language)),n("div",{key:"fe38c2ad17fdea759f48938742808e622c4076be",class:"oddsbomSelection-panel--content-thead-item"},m("scores",this.language))),n("div",{key:"a750c174d5ac53bc77346907828a4bdc96f60e32",class:"oddsbomSelection-panel--content-tbody"},this.generateSelectionList()))))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],ticketBoardInfo:["handleTicketBoradInfoChange"]}}};R.style=".oddsbomSelection {\n container-type: inline-size;\n}\n.oddsbomSelection-panel--header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: pointer;\n height: 40px;\n padding: 0 4px;\n color: var(--emw--color-typography, #000);\n}\n.oddsbomSelection-panel--header:hover {\n background-color: var(--emw--color-background-tertiary, #ccc);\n border-radius: 4px;\n}\n.oddsbomSelection-panel--header-title {\n font-size: 16px;\n font-weight: 600;\n user-select: none;\n}\n.oddsbomSelection-panel--header-icon {\n transition: transform 0.2s;\n}\n.oddsbomSelection-panel--header-icon.expanded {\n transform: rotate(180deg);\n}\n.oddsbomSelection-panel--content {\n overflow: hidden;\n max-height: 0;\n transition: max-height 0.3s ease, padding 0.3s ease;\n padding: 0 12px;\n font-size: 14px;\n user-select: none;\n}\n.oddsbomSelection-panel--content.open {\n max-height: 19000px;\n padding: 10px 12px;\n background-color: var(--emw--color-background, #fff);\n}\n.oddsbomSelection-panel--content.closed {\n max-height: 0;\n padding-top: 0;\n padding-bottom: 0;\n}\n.oddsbomSelection-panel--content-thead {\n display: flex;\n justify-content: space-between;\n padding: 0 24px;\n margin-bottom: 12px;\n color: var(--emw--color-typography, #000);\n}\n.oddsbomSelection-panel--content-tbody {\n padding: 0 18px;\n}\n.oddsbomSelection-item {\n display: flex;\n justify-content: space-between;\n position: relative;\n padding: 8px;\n}\n.oddsbomSelection-item:not(:last-child) {\n border-bottom: 1px dashed var(--emw--color-gray-100, #e6e6e6);\n}\n.oddsbomSelection-item-number {\n position: absolute;\n left: -18px;\n top: 48%;\n color: var(--emw--color-typography, #000);\n}\n.oddsbomSelection-item-selection {\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n.oddsbomSelection-item-team {\n display: flex;\n justify-content: space-between;\n align-items: center;\n min-height: 32px;\n color: var();\n}\n.oddsbomSelection-item-team-name {\n max-width: 140px;\n width: 140px;\n color: var(--emw--color-typography, #000);\n}\n.oddsbomSelection-item-team-selection {\n display: flex;\n gap: 6px;\n flex: 1;\n justify-content: flex-end;\n}\n@container (max-width: 430px) {\n .oddsbomSelection-item-team-name {\n max-width: 80px;\n width: 80px;\n }\n}\n\n.oddsbomSelection-panel--header-icon {\n fill: var(--emw--color-typography, #000);\n}";const Q=["ro","en","fr","ar","hr"],X={en:{cancel:"Cancel",confirm:"Confirm"},ro:{cancel:"Anulează",confirm:"Confirmă"},fr:{cancel:"Annuler",confirm:"Confirmer"},ar:{cancel:"إلغاء",confirm:"تأكيد"},hr:{cancel:"Odustani",confirm:"Potvrdi"}},Y=(t,e)=>{const n=e;return X[void 0!==n&&Q.includes(n)?n:"en"][t]},K=class{constructor(n){t(this,n),this.open=e(this,"open",7),this.close=e(this,"close",7),this.confirm=e(this,"confirm",7),this.cancel=e(this,"cancel",7),this.wasVisible=!1,this.mbSource=void 0,this.clientStyling="",this.clientStylingUrl="",this.visible=void 0,this.dialogTitle="",this.width="520px",this.closable=!0,this.mask=!0,this.maskClosable=!0,this.animationDuration=300,this.fullscreen=!1,this.showFooter=!0,this.showCancelBtn=!0,this.language="en",this.translationUrl=void 0,this.dialogClass=void 0,this.dialogStyle=void 0}handleClientStylingChange(t,e){t!=e&&l(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&c(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&h(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}componentWillLoad(){this.translationUrl&&(async t=>{if(t)try{const n=await fetch(t);if(!n.ok)throw new Error(`HTTP error! status: ${n.status}`);const i=await n.json();e=i,Object.keys(e).forEach((t=>{for(let n in e[t])X[t][n]=e[t][n]}))}catch(t){console.error("Failed to fetch or parse translations from URL:",t)}var e})(this.translationUrl)}componentWillUpdate(){this.visible&&!this.wasVisible?this.disableBodyScroll():!this.visible&&this.wasVisible&&this.enableBodyScroll(),this.wasVisible=this.visible}disconnectedCallback(){this.enableBodyScroll(),this.stylingSubscription&&this.stylingSubscription.unsubscribe()}disableBodyScroll(){document.body.style.overflow="hidden"}enableBodyScroll(){document.body.style.overflow=""}handleClose(){this.cancel.emit()}handleMaskClick(){this.maskClosable&&this.cancel.emit()}handleConfirm(){this.confirm.emit()}render(){const t=Object.assign({width:"number"==typeof this.width?`${this.width}px`:this.width,"--duration":`${this.animationDuration}ms`},this.dialogStyle||{}),e=["dialog-wrapper",this.visible?"dialog-wrapper-visible":""],i=["mask",this.visible?"mask-enter":"mask-leave"],o=["dialog",this.visible?"dialog-enter":"dialog-leave",this.fullscreen?"fullscreen":"",this.dialogClass].filter(Boolean).join(" ");return n("div",{key:"306683c5190fa6dca57dcf75e52eca575c0215e7",class:e.join(" "),ref:t=>this.stylingContainer=t},n("div",{key:"8be097f3a86fcd9ad4e18c6ac56cafdcf249049b",class:i.join(" "),onClick:this.handleMaskClick.bind(this)}),n("div",{key:"87d2206d3e3d75fe0e0ef8a6afd8de5c20892ae6",part:"dialog",class:o,style:t,role:"dialog","aria-modal":"true","aria-labelledby":"dialog-title"},(this.dialogTitle||this.closable)&&n("div",{key:"04d54878aa24e0d9eb98bc921ea3edfacd6de3af",class:"dialog-header"},n("h2",{key:"f6f6c279de47e49cde86d0c907b9b40a115926b3",id:"dialog-title",class:"dialog-title"},this.dialogTitle),this.closable&&n("button",{key:"e1625473e5460cd667961923bf678c9a91b69c82",class:"close-btn",onClick:this.handleClose.bind(this)},"x")),n("div",{key:"fb0db8dd765832cf1d8e8b682131e4c97a93ac22",class:"dialog-content",style:{maxHeight:"calc(100vh - 62px)",overflowY:"auto"}},n("slot",{key:"75336f59c2a8fe6775fc12ed4e2e26ff6bb6b508"})),this.showFooter&&n("div",{key:"a305086a2830265317abb0fd6f59b4a053fd54a9",class:"dialog-footer"},n("slot",{key:"cb330ea63908002f4f8b4b8139d5843c2570302e",name:"footer"},this.showCancelBtn&&n("button",{key:"c3d2c15195e56efd6d388265e9ccb87030627b7b",class:"cancel-btn",onClick:this.handleClose.bind(this)},Y("cancel",this.language)),n("button",{key:"af9c96b4e1ce82f9ecb73e2b9f4e93cba0382d76",class:"confirm-btn",onClick:this.handleConfirm.bind(this)},Y("confirm",this.language))))))}get el(){return i(this)}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};K.style=".dialog-wrapper{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:1;z-index:199}.dialog-wrapper-visible{visibility:visible}.mask{position:fixed;inset:0;background:var(--emw--color-mask-dialog-background, rgba(0, 0, 0, 0.5));opacity:0;z-index:1000;transition:opacity var(--duration) linear}.mask-enter{opacity:1}.mask-leave{opacity:0}.dialog{position:relative;background:var(--emw--color-background, #fff);border-radius:12px;box-shadow:0 4px 32px var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15));opacity:0;transform:scale(0.9);transition:all var(--duration) linear;width:100%;max-width:100vw;overflow:hidden;z-index:1000}.dialog-enter{opacity:1;transform:scale(1)}.dialog-leave{opacity:0}.dialog.fullscreen{width:100vw !important;height:100vh;overflow:auto;max-height:none;border-radius:0;overflow:hidden}.dialog-header{padding:16px 16px 0 16px;display:flex;justify-content:space-between;align-items:center}.dialog-header .dialog-title{margin:0;font-size:1.25rem;font-weight:500;color:var(--emw--color-typography, #000)}.dialog-header .close-btn{background:transparent;border:none;font-size:1.5rem;width:2rem;height:2rem;color:var(--emw--color-gray-150, #6f6f6f);cursor:pointer;border-radius:4px}.dialog-header .close-btn:hover{background:var(--emw--color-gray-50, #f5f5f5);color:var(--emw--color-gray-300, #333)}.dialog-content{padding:24px;font-size:0.95rem;line-height:1.6;color:var(--emw--color-dialog-typography, #000);flex:1;overflow-y:auto;max-height:calc(100vh - 200px)}.dialog.fullscreen .dialog-content{max-height:none}.dialog-footer{padding:0 16px 16px 16px;display:flex;justify-content:center;gap:12px}.dialog-footer .cancel-btn,.dialog-footer .confirm-btn{padding:10px 24px;border-radius:6px;font-size:0.9rem;cursor:pointer;transition:all 0.3s linear}.dialog-footer .cancel-btn{border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));background-color:var(--emw--color-background, #fff);color:var(--emw--color-typography, #000)}.dialog-footer .cancel-btn:hover{background-color:var(--emw--color-background-tertiary, #ccc)}.dialog-footer .confirm-btn{border:none;color:var(--emw--color-typography-normalized, #ffffff);background:var(--emw--color-primary, #009993)}.dialog-footer .confirm-btn:hover{background:var(--emw--color-primary-variant, #004d4a)}@media screen and (max-width: 480px){.dialog.fullscreen .dialog-content{padding:12px}}.Loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.Loading svg{animation:spin 1s linear infinite;transform-origin:center}@keyframes spin{100%{transform:rotate(360deg)}}";export{O as lottery_banner,$ as lottery_oddsbom_bullet,U as lottery_oddsbom_bullet_group,E as lottery_oddsbom_oddschart,F as lottery_oddsbom_oddschart_input,J as lottery_oddsbom_ticket_board,W as lottery_oddsbom_ticket_button,R as lottery_oddsbom_ticket_selection,K as lottery_tipping_dialog}
1
+ import{r as t,c as e,h as n,g as i}from"./index-9dee9d86.js";import{r as o,t as s,p as a,i as d,f as r,s as l,a as c,b as h,c as b,d as m,e as p,g,h as f,j as u,M as y}from"./lottery-oddsbom-ticket-bet-65daa420.js";export{L as lottery_oddsbom_ticket_bet}from"./lottery-oddsbom-ticket-bet-65daa420.js";var v={ceil:Math.ceil,round:Math.round,floor:Math.floor,trunc:function(t){return t<0?Math.ceil(t):Math.floor(t)}},x="trunc";const w=["ro","en","fr","ar","hr"],S={en:{stop:"Stop",at:"at",turnover:"Turnover: ",startIn:"Sales Start in:"},ro:{stop:"Oprește",at:"la"},fr:{stop:"Arrêtez",at:"à"},ar:{stop:"توقف",at:"في"},hr:{stop:"Stop",at:"u"}},k=(t,e)=>{const n=e;return S[void 0!==n&&w.includes(n)?n:"en"][t]},C=({date:t,type:e="date",format:n})=>{try{const i=a(t);if(isNaN(i.getTime()))throw new Error(`Invalid date: ${t}`);if(n)return r(i,n);let o="dd/MM/yyyy";return"time"===e?o="dd/MM/yyyy HH:mm:ss":"week"===e&&(o="ccc dd/MM/yyyy HH:mm:ss"),r(i,o)}catch(t){return console.error("Error formatting date:",t.message),""}};function B(t){if(t)return d(new Date(t))?C({date:t,format:"HH:mm"}):C({date:t,format:"dd/MM/yyyy HH:mm"})}function _(t,e){if(!t)return;let n=function(t,e,n){o(2,arguments);var i,a=function(t,e){return o(2,arguments),s(t).getTime()-s(e).getTime()}(t,e)/1e3;return((i=null==n?void 0:n.roundingMethod)?v[i]:v[x])(a)}("string"==typeof t?a(t):t,e&&new Date);if(n<0)return"0D 00H 00M 00S";const i=Math.floor(n/86400);n%=86400;const d=Math.floor(n/3600);n%=3600;const r=Math.floor(n/60),l=n%60;return`${i}D ${d.toString().padStart(2,"0")}H ${r.toString().padStart(2,"0")}M ${l.toString().padStart(2,"0")}S`}const O=class{constructor(n){t(this,n),this.lotteryBannerTimerStop=e(this,"lotteryBannerTimerStop",7),this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.translationUrl="",this.language="en",this.logoUrl=void 0,this.stopTime="",this.startTime="",this.bannerTitle=void 0,this.turnover=void 0,this.layout="logo,title,info",this.formattedTime=void 0}handleClientStylingChange(t,e){t!==e&&l(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!==e&&c(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!==e&&h(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}handleTimeChange(){this.startTimer()}async componentWillLoad(){this.translationUrl&&(async t=>{if(t)try{const n=await fetch(t);if(!n.ok)throw new Error(`HTTP error! status: ${n.status}`);const i=await n.json();e=i,Object.keys(e).forEach((t=>{for(let n in e[t])S[t][n]=e[t][n]}))}catch(t){console.error("Failed to fetch or parse translations from URL:",t)}var e})(this.translationUrl),this.startTimer()}startTimer(){this.timer&&clearInterval(this.timer),this.updateTime(),this.timer=setInterval((()=>{this.updateTime()}),1e3)}updateTime(){var t;this.formattedTime=function(t,e){const n=new Date;return t&&function(t,e){o(2,arguments);var n=s(t),i=s(e);return n.getTime()<i.getTime()}(n,a(t))?{start:_(t,n)}:t&&e&&function(t,e){o(2,arguments);var n=s(t).getTime(),i=s(e.start).getTime(),a=s(e.end).getTime();if(!(i<=a))throw new RangeError("Invalid interval");return n>=i&&n<=a}(n,{start:a(t),end:a(e)})?{end:B(e)}:{}}(this.startTime,this.stopTime),(null===(t=this.formattedTime)||void 0===t?void 0:t.end)&&(this.timer&&clearInterval(this.timer),this.lotteryBannerTimerStop.emit())}componentDidLoad(){this.stylingContainer&&(this.mbSource&&h(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&l(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&c(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe(),this.timer&&clearInterval(this.timer)}renderElement(t,e=""){var i,o,s;switch(t){case"logo":return n("div",{class:`lottery-banner__logo-wrapper ${e}`},this.logoUrl&&n("img",{alt:"logo",src:this.logoUrl,class:"lottery-banner__logo"}));case"title":return this.bannerTitle&&n("div",{class:`lottery-banner__title ${e}`},this.bannerTitle);case"info":return n("div",{class:`lottery-banner__info ${e}`},(null===(i=this.formattedTime)||void 0===i?void 0:i.start)&&n("div",{class:"lottery-banner__info-item"},n("span",{class:"lottery-banner__info-item-label"},n("span",{class:"lottery-banner__info-item-label__strong"},k("startIn",this.language))," "),n("span",{class:"lottery-banner__info-item-value lottery-banner__info-item-value__strong"},this.formattedTime.start)),(null===(o=this.formattedTime)||void 0===o?void 0:o.end)&&n("div",{class:"lottery-banner__info-item"},n("span",{class:"lottery-banner__info-item-label"},n("span",{class:"lottery-banner__info-item-label__strong"},k("stop",this.language))," ",k("at",this.language)),n("span",{class:"lottery-banner__info-item-value"},this.formattedTime.end)),(null===(s=this.formattedTime)||void 0===s?void 0:s.end)&&null!=this.turnover&&n("div",{class:"lottery-banner__info-item"},n("span",{class:"lottery-banner__info-item-label"},k("turnover",this.language)),n("span",{class:"lottery-banner__info-item-value"},this.turnover)));default:return null}}render(){const t=this.layout.split(",").map((t=>t.trim()));return n("section",{key:"de09c785c74e1182381ba3332899158da814240d",ref:t=>this.stylingContainer=t,class:"lottery-banner"},t.map(((e,n)=>this.renderElement(e,3===t.length&&1===n?"lottery-banner__item--center":""))))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],startTime:["handleTimeChange"],stopTime:["handleTimeChange"]}}};O.style=":host {\n display: block;\n container-type: inline-size;\n}\n\n.lottery-banner {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--lottery-banner-gap, 0.5rem);\n padding: var(--lottery-banner-padding, 0px 20px);\n background: var(--lottery-banner-background, var(--emw--color-primary, #fed275));\n border-top: var(--lottery-banner-border-width, 2px) var(--lottery-banner-border-style, solid) var(--lottery-banner-border-color, var(--emw--color-primary, #fed275));\n border-bottom: var(--lottery-banner-border-width, 2px) var(--lottery-banner-border-style, solid) var(--lottery-banner-border-color, var(--emw--color-primary, #fed275));\n border-left: var(--lottery-banner-border-left, none);\n border-right: var(--lottery-banner-border-right, none);\n border-radius: var(--lottery-banner-border-radius, 0);\n white-space: nowrap;\n height: var(--lottery-banner-height, 50px);\n position: relative;\n box-sizing: border-box;\n}\n\n.lottery-banner__logo-wrapper {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n}\n.lottery-banner__logo-wrapper img {\n height: 100%;\n object-fit: var(--lottery-banner-logo-object-fit, contain);\n}\n\n.lottery-banner__item--center {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n\n.lottery-banner__title {\n text-align: center;\n font-size: var(--lottery-banner-title-font-size, 1.5rem);\n font-weight: 800;\n font-style: italic;\n letter-spacing: var(--lottery-banner-title-font-letter-spacing, 0.04em);\n color: var(--emw--color-typography, #000);\n}\n\n.lottery-banner__info {\n display: flex;\n align-items: center;\n gap: var(--lottery-banner-info-gap, 0.75rem);\n}\n\n.lottery-banner__info-item {\n font-size: var(--lottery-banner-info-font-size, 0.9rem);\n color: var(--lottery-banner-info-color, var(--emw--color-typography, #000));\n display: inline-flex;\n align-items: center;\n gap: 0.3rem;\n}\n\n.lottery-banner__info-item-label {\n color: var(--lottery-banner-info-label-color, var(--emw--color-typography, #000));\n}\n.lottery-banner__info-item-label__strong {\n font-weight: var(--lottery-banner-info-label-font-weight, 700);\n}\n\n.lottery-banner__info-item-value {\n font-weight: var(--lottery-banner-info-value-font-weight, inherit);\n color: var(--lottery-banner-info-value-color, var(--emw--color-typography, #000));\n}\n.lottery-banner__info-item-value__strong {\n font-weight: 700;\n}\n\n@container (max-width: 700px) {\n .lottery-banner {\n height: auto;\n padding: var(--lottery-banner-mobile-padding, 0.5rem 1rem);\n }\n .lottery-banner__title {\n flex-basis: 100%;\n text-align: var(--lottery-banner-mobile-title-text-align, left);\n }\n .lottery-banner__info {\n flex-direction: column;\n align-items: flex-start;\n gap: var(--lottery-banner-mobile-info-gap, 0.1rem);\n }\n}";const I={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 64zm32 664c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V456c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272zm-32-344a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"}}]},name:"info-circle",theme:"filled"};var M=function(){return M=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},M.apply(this,arguments)},j={primaryColor:"#333",secondaryColor:"#E6E6E6"};function T(t,e){if(void 0===e&&(e={}),"function"==typeof t.icon){var n=e.placeholders||j;return z(t.icon(n.primaryColor,n.secondaryColor),e)}return z(t.icon,e)}function z(t,e){var n="svg"===t.tag?M(M({},t.attrs),e.extraSVGAttrs||{}):t.attrs,i=Object.keys(n).reduce((function(t,e){var i=n[e],o="".concat(e,'="').concat(i,'"');return t.push(o),t}),[]),o=i.length?" "+i.join(" "):"",s=(t.children||[]).map((function(t){return z(t,e)})).join("");return s&&s.length?"<".concat(t.tag).concat(o,">").concat(s,"</").concat(t.tag,">"):"<".concat(t.tag).concat(o," />")}const D=T({icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M864 256H736v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80H160c-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-32zm-200 0H360v-72h304v72z"}}]},name:"delete",theme:"filled"},{extraSVGAttrs:{width:"18px",height:"18px",fill:""}}),$=class{constructor(n){t(this,n),this.oddsbomBulletToggleEvent=e(this,"oddsbomBulletToggle",7),this.oddsbomBulletDeleteEvent=e(this,"oddsbomBulletDelete",7),this.oddsbomBulletAddedByMoreBtnDeleteEvent=e(this,"oddsbomBulletAddedByMoreBtnDelete",7),this.oddsbomBulletCallDialogEvent=e(this,"oddsbomBulletCallDialog",7),this.isSelected=void 0,this.disabled=void 0,this.text=void 0,this.idx=void 0,this.isReading=void 0,this.isDeleteByIcon=void 0,this.isCallDialogBtn=void 0,this.isAddedByMoreBtn=void 0,this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0}handleClientStylingChange(t,e){t!=e&&l(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&c(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&h(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&h(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&l(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&c(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}handleClick(){this.isCallDialogBtn?this.oddsbomBulletCallDialogEvent.emit():this.isDeleteByIcon?this.isAddedByMoreBtn?this.oddsbomBulletAddedByMoreBtnDeleteEvent.emit(this.text):this.oddsbomBulletDeleteEvent.emit(this.idx):this.disabled||this.oddsbomBulletToggleEvent.emit(this.idx)}render(){return n("div",{key:"e21cf46108e35dcbf7d65e8c6a5f12f5d5ae49cb",class:"OddsbomBullet",ref:t=>this.stylingContainer=t},n("button",{key:"4edf5cd481d8283bd71f6806b6f93949e1308095",class:{OddsbomBulletBtn__normal:!0,OddsbomBulletBtn__selected:this.isSelected,OddsbomBulletBtn__disabled:this.disabled,isDeleteByIcon:this.isDeleteByIcon,isCallDialogBtn:this.isCallDialogBtn||this.isReading},onClick:this.handleClick.bind(this),disabled:this.disabled},n("span",{key:"fa1aed0293dc004808e6992c069d6992317b0788",class:"OddsbomBullet--deleteIcon",innerHTML:D}),n("span",{key:"53ed96f2c2b833d21488049f987b6131718d563e",class:"OddsbomBullet--text"},this.text)))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};$.style=".OddsbomBullet .OddsbomBulletBtn__normal{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--emw--color-background, #fff);border:2px solid var(--emw--color-primary, #0d196e);border-radius:var(--emw--border-radius-medium, 8px);color:var(--emw--color-typography, #000);font-weight:bold;cursor:pointer;transition:transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.2s ease, background-color 0.3s;user-select:none;position:relative}.OddsbomBullet .OddsbomBulletBtn__normal:hover{transform:scale(1.15) rotate(-5deg);box-shadow:var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15)) 7px 6px 6px}.OddsbomBullet .OddsbomBulletBtn__normal .OddsbomBullet--deleteIcon{display:none}.OddsbomBullet .OddsbomBulletBtn__normal.isDeleteByIcon:hover{background-color:var(--emw--color-background, #fff)}.OddsbomBullet .OddsbomBulletBtn__normal.isDeleteByIcon:hover .OddsbomBullet--text{display:none}.OddsbomBullet .OddsbomBulletBtn__normal.isDeleteByIcon:hover .OddsbomBullet--deleteIcon{display:inline;fill:var(--emw--color-typography, #000)}.OddsbomBullet .OddsbomBulletBtn__normal.isCallDialogBtn:hover{transform:none;box-shadow:none}.OddsbomBullet .OddsbomBulletBtn__normal.OddsbomBulletBtn__selected{background-color:var(--emw--color-primary, #0d196e);color:var(--emw--color-typography-inverse, #fff);transform:scale(1.05);box-shadow:0 5px 10px var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15))}.OddsbomBullet .OddsbomBulletBtn__normal.OddsbomBulletBtn__disabled{background-color:var(--emw--color-gray-50, #f5f5f5);border-color:var(--emw--color-gray-100, #e6e6e6);color:var(--emw--color-gray-150, #6f6f6f);cursor:not-allowed;transform:none;box-shadow:none}.OddsbomBullet .OddsbomBulletBtn__normal.OddsbomBulletBtn__disabled:hover{transform:none;box-shadow:none}";const U=class{constructor(n){t(this,n),this.addSelectionEvent=e(this,"addSelection",7),this.deleteSelectionEvent=e(this,"deleteSelection",7),this.deleteSelectionOriginEvent=e(this,"deleteSelectionOrigin",7),this.oddsbomBulletGroupToggleEvent=e(this,"oddsbomBulletGroupToggle",7),this.oddsbomBulletGroupAddedByMoreBtnDelEvent=e(this,"oddsbomBulletGroupAddedByMoreBtnDel",7),this.oddsbomBulletCallDialogFromGroupEvent=e(this,"oddsbomBulletCallDialogFromGroup",7),this.selectionIdx=void 0,this.matchIdx=void 0,this.bulletConfigs=[],this.bulletConfigsDeleteOrigin=[],this.addSelectionConfig=void 0,this.isDeleteByIcon=void 0,this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.bulletListClass=void 0,this.innerBulletConfigs=void 0,this.innerBulletConfigsDeleteOrigin=void 0}handleBulletConfigsChange(t){this.innerBulletConfigs=t.map((t=>Object.assign({},t)))}handleBulletConfigsDeleteOriginChange(t){this.innerBulletConfigsDeleteOrigin=t.map((t=>Object.assign({},t)))}componentWillLoad(){this.handleBulletConfigsChange(this.bulletConfigs)}handleClientStylingChange(t,e){t!=e&&l(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&c(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&h(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}oddsbomBulletToggleHandler(t){const e=t.detail,{matchIdx:n,selectionIdx:i}=this,o=[...this.innerBulletConfigs],s=Object.assign({},o[e]);s.isSelected=!s.isSelected,o[e]=s,this.innerBulletConfigs=o,this.oddsbomBulletGroupToggleEvent.emit({bulletSelctionArr:this.innerBulletConfigs,matchIdx:n,selectionIdx:i})}oddsbomBulletDeleteHandler(t){const e=t.detail,{matchIdx:n,selectionIdx:i}=this,o=[...this.innerBulletConfigsDeleteOrigin],s=Object.assign({},o[e]);s.isSelected=!s.isSelected,o[e]=s,this.innerBulletConfigsDeleteOrigin=o,this.oddsbomBulletGroupToggleEvent.emit({bulletSelctionArr:this.innerBulletConfigsDeleteOrigin,matchIdx:n,selectionIdx:i})}oddsbomBulletAddedByMoreBtnDeleteHandler(t){const e=t.detail,{matchIdx:n,selectionIdx:i}=this;this.oddsbomBulletGroupAddedByMoreBtnDelEvent.emit({delText:e,matchIdx:n,selectionIdx:i})}componentDidLoad(){this.stylingContainer&&(this.mbSource&&h(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&l(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&c(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}handleOddsbomBulletCallDialog(){const{matchIdx:t,selectionIdx:e}=this;this.oddsbomBulletCallDialogFromGroupEvent.emit({matchIdx:t,selectionIdx:e})}render(){return n("div",{key:"38102a447cf8fafc8f7a7e5a122c7ccbc2ce8b4a",class:"oddsbomBulletGroup",ref:t=>this.stylingContainer=t},n("div",{key:"59ca1df498575356eb3438b45e9431b1bc7ee2dd",class:`oddsbomBulletGroup-list ${this.bulletListClass||""}`},this.innerBulletConfigs.map((t=>n("lottery-oddsbom-bullet",t.isAddMoreBtn?{text:`${this.addSelectionConfig.maxOverScore}+`,disabled:t.isDisabled,isCallDialogBtn:!0,onOddsbomBulletCallDialog:this.handleOddsbomBulletCallDialog.bind(this)}:{text:t.text,idx:t.idx,isSelected:t.isSelected,disabled:t.isDisabled,isDeleteByIcon:this.isDeleteByIcon,isAddedByMoreBtn:t.isAddedByMoreBtn})))))}static get watchers(){return{bulletConfigs:["handleBulletConfigsChange"],bulletConfigsDeleteOrigin:["handleBulletConfigsDeleteOriginChange"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};U.style=".oddsbomBulletGroup{width:100%}.oddsbomBulletGroup .oddsbomBulletGroup-list{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.oddsbomBulletGroup .selection-bullet-list{justify-content:flex-end}";const H=T({icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M868 545.5L536.1 163a31.96 31.96 0 00-48.3 0L156 545.5a7.97 7.97 0 006 13.2h81c4.6 0 9-2 12.1-5.5L474 300.9V864c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V300.9l218.9 252.3c3 3.5 7.4 5.5 12.1 5.5h81c6.8 0 10.5-8 6-13.2z"}}]},name:"arrow-up",theme:"outlined"},{extraSVGAttrs:{width:"16px",height:"16px",fill:""}}),A=T(I,{extraSVGAttrs:{width:"18px",height:"18px",fill:"#0d196e"}}),N=T(I,{extraSVGAttrs:{width:"16px",height:"16px",fill:"#1367e7"}}),G=T({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:"16px",height:"16px",fill:""}}),V=T({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:"16px",height:"16px",fill:""}}),E=class{constructor(n){t(this,n),this.oddsQueryLineChangeEvent=e(this,"oddsQueryLineChange",7),this.oddschartFillInEvent=e(this,"oddschartFillIn",7),this.oddsQueryChangeEvent=e(this,"oddsQueryChange",7),this.handleSearch=async()=>{const t=this.matchItemsContainer.querySelectorAll("lottery-oddsbom-oddschart-input"),e=await Promise.all(Array.from(t).map((t=>t.getValue())));if(e.length!=2*this.matchInfo.length)return void b({theme:"warning",message:m("pleaseFillIn",this.language)});const n=[...this.matchSelection],i=[];for(let t=0;t<e.length;t+=2){const o=e[t],s=e[t+1],a=t/2;o&&s&&(i.push([[`${o}:${s}`]]),n[a]=[o,s])}if(this.matchSelection=[...n],i.length>0){const t=await p(JSON.stringify(i));this.oddsQueryLineChangeEvent.emit({lineSelectionBase64:t,offset:0}),this.hasFillInSelection=!0}},this.handleGroupClick=t=>{this.selectedGroupIndex=t},this.toggleFilterIcon=()=>{this.isAscend=!this.isAscend,this.selectedGroupIndex=-1,this.oddsQueryChangeEvent.emit({ascending:this.isAscend,offset:0,lineSelectionBase64:""})},this.handlePrevPage=()=>{this.curPage>=1&&(this.selectedGroupIndex=-1,this.oddsQueryChangeEvent.emit({offset:this.offset-this.limit,lineSelectionBase64:""}))},this.handleNextPage=()=>{this.curPage<this.totalPage-1&&(this.selectedGroupIndex=-1,this.oddsQueryChangeEvent.emit({offset:this.offset+this.limit,lineSelectionBase64:""}))},this.matchInfo=void 0,this.oddsInfo=void 0,this.total=void 0,this.curPage=void 0,this.limit=void 0,this.offset=void 0,this.filterdOdds=void 0,this.isSearching=void 0,this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.isLoading=!1,this.language="en",this.translationUrl="",this.isAscend=!0,this.selectedGroupIndex=-1,this.matchSelection=[],this.hasFillInSelection=!1}async initOddsChart(){this.oddsQueryChangeEvent.emit({offset:0,ascending:!0,lineSelectionBase64:""})}async closeOddsChart(){this.hasFillInSelection=!1,this.selectedGroupIndex=-1,this.matchSelection=[],this.isAscend=!0,this.matchItemsContainer&&this.matchItemsContainer.querySelectorAll("lottery-oddsbom-oddschart-input").forEach((t=>{t.clearValue()}))}handleClientStylingChange(t,e){t!=e&&l(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&c(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&h(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}handleMatchInfoChange(t){this.matchSelection=t.map((()=>[-1,-1]))}componentWillLoad(){this.translationUrl&&g(this.translationUrl)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&h(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&l(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&c(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}get totalPage(){return Math.ceil(this.total/this.limit)}generateBulletGroup(t,e,i){let o;try{o=JSON.parse(t)}catch(t){return console.error("Failed to parse line JSON:",t),n("div",{class:"error-message"},"Invalid data format")}let s=o.map((t=>t[0])).map((t=>t[0]));const a=this.selectedGroupIndex===i;return n("div",{class:"oddsbom-oddschart-selection--group",onClick:this.handleGroupClick.bind(this,i)},n("div",{class:"oddsbom-oddschart-selection--group-wrap",style:{flexBasis:160*s.length+"px"}},s.map(((t,e)=>{const i=t.split(":");return n("div",{class:"oddsbom-oddschart-selection-item",key:e},n("div",{class:"oddsbom-oddschart-selection-item--1"},n("lottery-oddsbom-bullet",{text:i[0],"is-reading":!0,"is-selected":a})),n("div",{class:"oddsbom-oddschart-selection-item--2"},n("lottery-oddsbom-bullet",{text:i[1],"is-reading":!0,"is-selected":a})))}))),n("div",{class:"oddsbom-oddschart-selection-odds"},n("div",{class:"oddsbom-oddschart-selection-odds--text"},f(e)),a&&n("div",{class:"oddsbom-oddschart-selection-odds--fillIn"},n("lottery-oddsbom-ticket-button",{text:m("fillIn",this.language),size:"small",variant:"outline",onClick:this.handleFillIn.bind(this,s),language:this.language,"translation-url":this.translationUrl,"client-styling":this.clientStyling,"client-styling-Url":this.clientStylingUrl}))))}handleFillIn(t){this.oddschartFillInEvent.emit({fillInNums:t})}clearMatchSelection(){this.hasFillInSelection=!1,this.matchItemsContainer&&this.matchItemsContainer.querySelectorAll("lottery-oddsbom-oddschart-input").forEach((t=>{t.clearValue()}))}fillInMatchSelection(){const t=[];this.matchSelection.forEach((e=>{t.push(`${e[0]}:${e[1]}`)})),this.handleFillIn(t)}render(){var t,e;return n("div",{key:"e7c7c883ae3e911cb828a7076e0cb9fa73ddd2af",class:"oddsbom-oddschart",ref:t=>this.stylingContainer=t},(null===(t=this.matchInfo)||void 0===t?void 0:t.length)&&(null===(e=this.oddsInfo)||void 0===e?void 0:e.length)?this.matchInfo&&n("div",{class:"oddsbom-oddschart-container"},n("div",{class:"oddsbom-oddschart-wrap"},n("div",{class:"oddsbom-oddschart-match",ref:t=>this.matchItemsContainer=t},this.matchInfo.map(((t,e)=>n("div",{class:"oddsbom-oddschart-match-item",key:e},n("div",{class:"oddsbom-oddschart-match-item-name"},n("div",{class:"oddsbom-oddschart-match-item-name--home"},`${e+1}. ${t.eventName.split("vs")[0]}`),n("div",{class:"oddsbom-oddschart-match-item-name--delimiter"},"vs"),n("div",{class:"oddsbom-oddschart-match-item-name--away"},`${t.eventName.split("vs")[1]}`)),n("div",{class:"oddsbom-oddschart-match-item-input"},n("lottery-oddsbom-oddschart-input",null),n("lottery-oddsbom-oddschart-input",null))))),n("div",{class:"oddsbom-oddschart-match-search"},n("lottery-oddsbom-ticket-button",{text:m("search",this.language),variant:"outline",onClick:this.handleSearch}))),this.hasFillInSelection&&!this.isSearching&&(this.filterdOdds?n("div",{class:"oddsbom-oddschart-input-wrap"},n("div",{class:"oddsbom-oddschart-input"},this.matchSelection.map((t=>n("div",{class:"oddsbom-oddschart-input-item"},n("lottery-oddsbom-bullet",{text:t[0],"is-reading":!0,"is-selected":!0}),n("lottery-oddsbom-bullet",{text:t[1],"is-reading":!0,"is-selected":!0})))),n("div",{class:"oddsbom-oddschart-input-odds"},f(this.filterdOdds))),n("div",{class:"oddsbom-oddschart-input-operation"},n("lottery-oddsbom-ticket-button",{text:m("clear",this.language),variant:"outline",size:"small",onClick:this.clearMatchSelection.bind(this)}),n("lottery-oddsbom-ticket-button",{text:m("fillIn",this.language),variant:"outline",size:"small",onClick:this.fillInMatchSelection.bind(this)}))):n("div",{class:"oddsbom-oddschart-input-empty"},n("div",null,n("span",{innerHTML:N,style:{marginRight:"6px",height:"16px"}}),n("span",{style:{fontSize:"14px"}},m("noBets",this.language))),n("div",{class:"oddsbom-oddschart-input-empty-operation"},n("lottery-oddsbom-ticket-button",{text:m("clear",this.language),variant:"text",size:"small",onClick:this.clearMatchSelection.bind(this)}),n("lottery-oddsbom-ticket-button",{text:m("fillIn",this.language),variant:"text",size:"small",onClick:this.fillInMatchSelection.bind(this)})))),n("div",{class:"oddsbom-oddschart-match-filter"},(this.isLoading||this.isSearching)&&n("div",{class:"progress-bar"}),n("span",{onClick:this.toggleFilterIcon,class:"arrow "+(this.isAscend?"ascend":""),innerHTML:H})),n("div",{class:"oddsbom-oddschart-selection"},this.oddsInfo.map(((t,e)=>this.generateBulletGroup(t.lineSelection,t.odds,e)))),n("div",{class:"oddsbom-oddschart-pagination"},n("div",{class:"oddsbom-oddschart-pagination-wrap"},n("div",{class:"oddsbom-oddschart-pagination-prev "+(this.curPage<1?"disabled":""),onClick:this.handlePrevPage},n("div",{class:"oddsbom-oddschart-pagination-icon",innerHTML:G})),n("div",{class:"oddsbom-oddschart-pagination-page"},`${this.curPage+1} / ${this.totalPage}`),n("div",{class:"oddsbom-oddschart-pagination-next "+(this.curPage>=this.totalPage-1?"disabled":""),onClick:this.handleNextPage},n("div",{class:"oddsbom-oddschart-pagination-icon",innerHTML:V})))))):n("div",{class:"empty-wrap"},n("span",{innerHTML:A,style:{marginRight:"6px",height:"18px"}}),n("span",{class:"empty-wrap-text",style:{fontSize:"18px"}},m("noBets",this.language))))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],matchInfo:["handleMatchInfoChange"]}}};E.style='.oddsbom-oddschart {\n container-type: inline-size;\n}\n.oddsbom-oddschart-container {\n position: relative;\n}\n.oddsbom-oddschart-match {\n display: flex;\n align-items: flex-end;\n margin-bottom: 4px;\n}\n.oddsbom-oddschart-match-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n flex-basis: 160px;\n}\n.oddsbom-oddschart-match-item-name {\n margin-bottom: 8px;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n.oddsbom-oddschart-match-item-name--home, .oddsbom-oddschart-match-item-name--away, .oddsbom-oddschart-match-item-name--delimiter {\n font-size: 13px;\n height: 16px;\n line-height: 16px;\n overflow: hidden;\n color: var(--emw--color-typography, #000);\n}\n.oddsbom-oddschart-match-item-input {\n display: flex;\n justify-content: space-between;\n}\n.oddsbom-oddschart-match-search {\n flex-basis: 130px;\n text-align: center;\n}\n.oddsbom-oddschart-match-filter {\n display: flex;\n justify-content: flex-end;\n padding: 2px;\n position: relative;\n padding-top: 4px;\n border-top: 1px solid var(--emw--color-gray-100, #e6e6e6);\n}\n.oddsbom-oddschart-input {\n display: flex;\n margin-top: 4px;\n}\n.oddsbom-oddschart-input-empty {\n padding: 12px;\n border: 1px solid var(--emw--color-primary-variant, #1367e7);\n background-color: var(--emw--color-tertiary, #e3f2fd);\n width: 50%;\n min-width: 240px;\n max-width: 360px;\n margin: 4px auto;\n border-radius: 6px;\n display: flex;\n align-items: center;\n flex-direction: column;\n justify-content: center;\n}\n.oddsbom-oddschart-input-empty-operation {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-top: 4px;\n}\n.oddsbom-oddschart-input-wrap {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-bottom: 4px;\n}\n.oddsbom-oddschart-input-item {\n display: flex;\n align-items: center;\n flex-basis: 160px;\n justify-content: center;\n gap: 5px;\n}\n.oddsbom-oddschart-input-odds {\n flex-basis: 130px;\n display: flex;\n align-items: center;\n font-size: 14px;\n text-indent: 16px;\n}\n.oddsbom-oddschart-input-operation {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 20px;\n}\n.oddsbom-oddschart-selection--group {\n display: flex;\n margin-bottom: 8px;\n}\n.oddsbom-oddschart-selection--group-wrap {\n display: flex;\n border-radius: 4px;\n}\n.oddsbom-oddschart-selection--group-wrap:hover {\n background: var(--emw--color-gray-50, #f5f5f5);\n cursor: pointer;\n}\n.oddsbom-oddschart-selection-item {\n display: flex;\n flex-basis: 160px;\n justify-content: center;\n gap: 10px;\n}\n.oddsbom-oddschart-selection-odds {\n display: flex;\n gap: 12px;\n align-items: center;\n flex-basis: 130px;\n position: relative;\n text-indent: 16px;\n}\n.oddsbom-oddschart-selection-odds--text {\n font-size: 14px;\n color: var(--emw--color-typography, #000);\n}\n.oddsbom-oddschart-selection-odds--fillIn {\n position: absolute;\n right: 0;\n}\n@container (max-width: 430px) {\n .oddsbom-oddschart .oddsbom-oddschart-selection-odds {\n text-indent: unset;\n }\n .oddsbom-oddschart .oddsbom-oddschart-selection-odds--fillIn {\n right: -22px;\n }\n .oddsbom-oddschart .oddsbom-oddschart-selection-item {\n gap: 4px;\n }\n}\n.oddsbom-oddschart .arrow {\n transition: transform 0.3s ease;\n font-size: 16px;\n display: inline-flex;\n cursor: pointer;\n fill: var(--emw--color-typography, #000);\n display: flex;\n justify-content: center;\n flex-basis: 130px;\n}\n.oddsbom-oddschart .arrow.ascend {\n transform: rotate(180deg);\n}\n\n.empty-wrap {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.empty-wrap-text {\n color: var(--emw--color-typography, #000);\n}\n\n.oddsbom-oddschart-pagination {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n margin-top: 10px;\n padding-right: 16px;\n}\n.oddsbom-oddschart-pagination-wrap {\n display: flex;\n align-items: center;\n gap: 12px;\n height: 18px;\n}\n.oddsbom-oddschart-pagination-prev, .oddsbom-oddschart-pagination-next {\n cursor: pointer;\n}\n.oddsbom-oddschart-pagination-prev.disabled, .oddsbom-oddschart-pagination-next.disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n.oddsbom-oddschart-pagination-icon {\n display: flex;\n height: 18px;\n align-items: center;\n fill: var(--emw--color-typography, #000);\n}\n.oddsbom-oddschart-pagination-page {\n font-size: 14px;\n color: var(--emw--color-typography, #000);\n}\n\n.progress-bar {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 2px;\n background-color: var(--emw--color-gray-100, #e6e6e6);\n overflow: hidden;\n}\n.progress-bar::after {\n content: "";\n display: block;\n width: 20%;\n height: 100%;\n background-color: var(--emw--color-primary, #0d196e);\n animation: progress 1.5s linear infinite;\n}\n\n@keyframes progress {\n 0% {\n transform: translateX(-100%);\n }\n 100% {\n transform: translateX(500%);\n }\n}';const F=class{constructor(n){t(this,n),this.valueChange=e(this,"valueChange",7),this.handleInputChange=t=>{const e=t.target.value.trim();this.valueChange.emit(e)},this.handleKeyDown=t=>{"Enter"===t.key&&this.inputElement.blur()},this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.value=""}async getValue(){return this.inputElement.value}async clearValue(){this.inputElement&&(this.inputElement.value=""),this.value=""}handleClientStylingChange(t,e){t!=e&&l(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&c(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&h(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&h(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&l(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&c(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}render(){return n("div",{key:"027256f6e35e605b7a9afb83e81a099343615f96",class:"oddscharts-input",ref:t=>this.stylingContainer=t},n("input",{key:"fc8e961ee6701f8bb57349c9ead508af2d2b448f",ref:t=>this.inputElement=t,type:"text",inputMode:"numeric",value:this.value,onInput:this.handleInputChange,onKeyDown:this.handleKeyDown,autocomplete:"one-time-code"}))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};F.style=".oddscharts-input{display:inline-flex;padding:2px}.oddscharts-input input{width:32px;height:32px;text-align:center;font-size:14px;font-weight:bold;line-height:32px;border:2px solid var(--emw--color-gray-100, #e6e6e6);border-radius:4px;padding:0;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--emw--color-background, #fff);color:var(--emw--color-typography, #000);text-transform:uppercase}.oddscharts-input input:focus{outline:none;border-color:var(--emw--color-primary, #0d196e);box-shadow:0 0 0 2px var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15));border-width:2px}.oddscharts-input input:disabled{background-color:var(--emw--color-gray-50, #f5f5f5);border-color:var(--emw--color-gray-100, #e6e6e6);color:var(--emw--color-gray-150, #6f6f6f);cursor:not-allowed}.oddscharts-input input.error{border-color:var(--emw--color-error, #ff3d00)}.oddscharts-input input.error:focus{box-shadow:0 0 0 2px var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15))}";const J=class{constructor(n){t(this,n),this.oddsbomBoardClearEvent=e(this,"oddsbomBoardClear",7),this.oddsbomAddMoreToMatchEvent=e(this,"oddsbomAddMoreToMatch",7),this.ticketBoardInfo=void 0,this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.language="en",this.translationUrl="",this.addSelectionConfig=void 0,this.bulletsConfig=void 0,this.isInputInvalid=!1,this.errorMessage="",this.dialogConfig={width:"400px",visible:!1,onConfirm:()=>this.handleFillInAddMore(),onCancel:()=>this.handleCloseAddMoreDialog()},this.curAddMoreInfo={matchIdx:0,selectionIdx:0,value:""}}handleClientStylingChange(t,e){t!=e&&l(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&c(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&h(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}componentWillLoad(){this.translationUrl&&u(JSON.parse(this.translationUrl))}handleOddsbomBulletGroupToggle(t){const{bulletConfigArr:e}=t.detail;this.bulletsConfig=e}handleOddsbomBulletCallDialogFromGroup(t){const{matchIdx:e,selectionIdx:n}=t.detail;this.curAddMoreInfo=Object.assign(Object.assign({},this.curAddMoreInfo),{matchIdx:e,selectionIdx:n}),this.dialogConfig=Object.assign(Object.assign({},this.dialogConfig),{visible:!0})}handleFillInAddMore(){if(this.isInputInvalid)return void this.handleCloseAddMoreDialog();const{matchIdx:t,selectionIdx:e,value:n}=this.curAddMoreInfo;this.oddsbomAddMoreToMatchEvent.emit({matchIdx:t,selectionIdx:e,value:n}),this.dialogConfig=Object.assign(Object.assign({},this.dialogConfig),{visible:!1}),this.curAddMoreInfo=Object.assign(Object.assign({},this.curAddMoreInfo),{value:""})}handleCloseAddMoreDialog(){this.dialogConfig=Object.assign(Object.assign({},this.dialogConfig),{visible:!1}),this.curAddMoreInfo=Object.assign(Object.assign({},this.curAddMoreInfo),{value:""}),this.isInputInvalid=!1,this.errorMessage=""}handleClearAllSelection(){this.oddsbomBoardClearEvent.emit(),b({message:m("selectionCleared",this.language),renderOne:!0})}validateInput(t){const e=Number(t);if(isNaN(e))return this.isInputInvalid=!0,void(this.errorMessage=m("enterValidNumber",this.language));if(e<y||e>this.addSelectionConfig.maxScore)return this.isInputInvalid=!0,void(this.errorMessage=m("enterNumberBetween",this.language,{min:y,max:this.addSelectionConfig.maxScore}));const{matchIdx:n,selectionIdx:i}=this.curAddMoreInfo;if(this.ticketBoardInfo[n].addSelections[i].some((e=>Number(e)===Number(t))))return this.isInputInvalid=!0,void(this.errorMessage=m("numberAlreadySelected",this.language));this.isInputInvalid=!1,this.errorMessage=""}handleInputChange(t){const e=t.target.value;this.curAddMoreInfo=Object.assign(Object.assign({},this.curAddMoreInfo),{value:e}),this.validateInput(e)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&h(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&l(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&c(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}render(){return n("div",{key:"e5ca4eb7ad8945ab24c8fd400b0b7704bdb69f6e",class:"oddsbomTicketBoard",ref:t=>this.stylingContainer=t},n("div",{key:"5cf3ab87b72e81a169ffbe65084e86b38cb76ef3",class:"oddsbomTicketBoard-btn"},n("lottery-oddsbom-ticket-button",{key:"d8ebcd3faf085333b94d8a61b10c274a075b0d8a",onClick:this.handleClearAllSelection.bind(this),text:m("clearAll",this.language),variant:"outline"})),this.ticketBoardInfo.length?n("div",{class:"oddsbomTicketBoard-list"},this.ticketBoardInfo.map(((t,e)=>n("div",{class:"oddsbomTicketBoard-item"},n("div",{class:"oddsbomTicketBoard-item-header"},`${e+1}. ${t.matchName}`),n("div",{class:"oddsbomTicketBoard-item-match"},n("div",{class:"oddsbomTicketBoard-item-match--left"},t.matchName.split("vs")[0]),n("div",{class:"oddsbomTicketBoard-item-match--right"},n("lottery-oddsbom-bullet-group",{bulletConfigs:t.selections[0],selectionIdx:0,matchIdx:e,addSelectionConfig:this.addSelectionConfig}))),n("div",{class:"oddsbomTicketBoard-item-match"},n("div",{class:"oddsbomTicketBoard-item-match--left"},t.matchName.split("vs")[1]),n("div",{class:"oddsbomTicketBoard-item-match--right"},n("lottery-oddsbom-bullet-group",{bulletConfigs:t.selections[1],selectionIdx:1,matchIdx:e,addSelectionConfig:this.addSelectionConfig}))))))):n("div",{class:"oddsbomTicketBoard-noData"},m("noTicketBoard",this.language)),n("lottery-tipping-dialog",{key:"d70640fde439f49c4234b144c25c8a71486477d2",visible:this.dialogConfig.visible,width:this.dialogConfig.width,onCancel:this.handleCloseAddMoreDialog.bind(this)},n("div",{key:"8f6f15ec60cde94c4074e4b4d8c966e26608e577",class:"addSelectionDialog"},n("div",{key:"8a78285c454dd4414d167a4ea913df7040646c81",class:"addSelectionDialog-title"},m("enterScoreUpTo",this.language,{maxScore:this.addSelectionConfig.maxScore})),n("input",{key:"0a9139c2beb9627e14fa811f46f552a0e9a07af0",type:"text",class:{"dialog-input":!0,invalid:this.isInputInvalid},value:this.curAddMoreInfo.value,onInput:this.handleInputChange.bind(this)}),n("div",{key:"b537f8fd54aa70e043a1e319a4aabef85e8e458a",class:"error-message"},this.errorMessage)),n("div",{key:"8aa06cf57c03e73fd9c4cead9670d9f8a539d4ca",slot:"footer",class:"addSelectionDialog-footer"},n("lottery-oddsbom-ticket-button",{key:"9db45725204f7fb16407adbdc7ee77f88c2a2dc8",onClick:this.dialogConfig.onCancel,text:m("cancel",this.language),variant:"outline"}),n("lottery-oddsbom-ticket-button",{key:"10cc96b0f5bd1ef5431e1347b6a142797113d458",onClick:this.dialogConfig.onConfirm,text:m("confirm",this.language),variant:"primary",disabled:!this.curAddMoreInfo.value||this.isInputInvalid}))))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};J.style=".oddsbomTicketBoard {\n border: 1px solid var(--emw--color-gray-100, #e6e6e6);\n border-radius: 4px;\n container-type: inline-size;\n min-height: 220px;\n}\n.oddsbomTicketBoard-noData {\n display: flex;\n justify-content: center;\n height: 200px;\n align-items: center;\n}\n.oddsbomTicketBoard-btn {\n display: flex;\n justify-content: flex-end;\n margin: 16px;\n margin-bottom: unset;\n}\n.oddsbomTicketBoard-item {\n display: flex;\n gap: 16px;\n flex-direction: column;\n padding: 24px;\n}\n.oddsbomTicketBoard-item:not(:last-child) {\n border-bottom: 1px solid var(--emw--color-gray-100, #e6e6e6);\n}\n.oddsbomTicketBoard-item-header {\n font-weight: bold;\n color: var(--emw--color-typography, #000);\n}\n.oddsbomTicketBoard-item-match {\n display: flex;\n align-items: center;\n}\n.oddsbomTicketBoard-item-match--left {\n width: 130px;\n color: var(--emw--color-typography, #000);\n}\n.oddsbomTicketBoard-item-match--right {\n flex: 1;\n display: flex;\n align-items: center;\n gap: 12px;\n justify-content: space-evenly;\n}\n@container (max-width: 320px) {\n .oddsbomTicketBoard-item-match--left {\n width: 100px;\n max-width: 100px;\n }\n}\n\n.dialog-input {\n width: 100%;\n padding: 8px;\n border: 1px solid var(--emw--color-gray-100, #e6e6e6);\n border-radius: 4px;\n box-sizing: border-box;\n margin-top: 10px;\n}\n\n.dialog-input.invalid,\n.dialog-input.invalid:focus {\n border-color: var(--emw--color-error, #ff3d00);\n outline-color: var(--emw--color-error, #ff3d00);\n}\n\n.error-message {\n color: var(--emw--color-error, #ff3d00);\n font-size: 12px;\n margin-top: 4px;\n}\n\n.addSelectionDialog-title {\n color: var(--emw--color-typography, #000);\n}\n.addSelectionDialog-footer {\n display: flex;\n justify-content: flex-end;\n gap: 18px;\n}";const W=class{constructor(e){t(this,e),this.handleClick=t=>{if(this.disabled)return;const e=this.host.shadowRoot.querySelector(".btn");if(!e)return;const n=e.getBoundingClientRect(),i=Math.max(n.width,n.height),o={top:t.clientY-n.top-i/2,left:t.clientX-n.left-i/2,size:i};this.ripples=[...this.ripples,o],setTimeout((()=>{this.ripples=this.ripples.filter((t=>t!==o))}),600)},this.variant="primary",this.size="medium",this.disabled=!1,this.loading=!1,this.text=void 0,this.mbSource=void 0,this.language="en",this.clientStyling=void 0,this.clientStylingUrl=void 0,this.translationUrl="",this.ripples=[]}handleClientStylingChange(t,e){t!=e&&l(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&c(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&h(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}componentWillLoad(){this.translationUrl&&g(this.translationUrl)}render(){const{variant:t,disabled:e,size:i}=this,o=e||this.loading;return n("button",{key:"c0c87c36c7c3f48286729c9133eded8338f137be",class:{btn:!0,[`btn--${t}`]:!0,[`btn--${i}`]:!0,"btn--loading":this.loading},disabled:o,onClick:this.handleClick},this.loading?n("div",{class:"loading-container"},n("span",{class:"content"},this.text||m("loading",this.language)),n("span",{class:"spinner"})):n("span",{class:"content"},this.text),n("div",{key:"8276ad215063ef4217b11f65fb189d6fcccd1f24",class:"ripple-container"},this.ripples.map(((t,e)=>n("span",{key:e,class:"ripple",style:{top:`${t.top}px`,left:`${t.left}px`,width:`${t.size}px`,height:`${t.size}px`}})))))}get host(){return i(this)}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};W.style=':host{display:inline-block;font-family:"PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:6px;font-weight:500;cursor:pointer;outline:none;overflow:hidden;transition:background-color 0.2s, border-color 0.2s, color 0.2s;user-select:none;-webkit-tap-highlight-color:transparent}.btn .content{position:relative}.btn:disabled{cursor:not-allowed;opacity:0.5}.btn .loading-container{display:flex;align-items:center}.btn--loading{position:relative}.btn .spinner{display:inline-block;width:1em;height:1em;border:2px solid rgba(255, 255, 255, 0.3);border-radius:50%;border-top-color:white;animation:spin 1s ease-in-out infinite;margin-left:0.5em;vertical-align:middle}.btn--small .spinner{width:0.8em;height:0.8em}.btn--large .spinner{width:1.2em;height:1.2em}@keyframes spin{to{transform:rotate(360deg)}}.btn--primary{background-color:var(--emw--color-primary, #0d196e);color:var(--emw--color-typography-inverse, #fff)}.btn--primary:hover:not(:disabled){background-color:var(--emw--color-primary-variant, #1367e7)}.btn--primary:active:not(:disabled){background-color:#08104a}.btn--outline .spinner,.btn--dashed .spinner,.btn--text .spinner{border-top-color:currentColor;border-color:rgba(0, 0, 0, 0.2)}.btn--outline{background-color:var(--emw--color-background, #fff);border-color:#dcdcdc;color:var(--emw--color-typography, #000)}.btn--outline:hover:not(:disabled){background-color:var(--emw--color-background-tertiary, #ccc);border-color:#a6a6a6}.btn--outline:active:not(:disabled){background-color:#e6e6e6}.btn--dashed{background-color:transparent;border-style:dashed;border-color:#dcdcdc;color:#333}.btn--dashed:hover:not(:disabled){border-color:#a6a6a6;color:#0052d9}.btn--text{background-color:transparent;color:#0052d9;border-color:transparent}.btn--text:hover:not(:disabled){background-color:#f2f2f2}.btn--text:active:not(:disabled){background-color:#e6e6e6}.btn--small{height:28px;font-size:12px;padding:0 12px}.btn--medium{height:34px;font-size:14px;padding:0 18px}.btn--large{height:40px;font-size:16px;padding:0 24px}.ripple-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;border-radius:inherit}.ripple{position:absolute;border-radius:50%;background-color:rgba(255, 255, 255, 0.3);transform:scale(0);animation:ripple-animation 600ms linear}.btn--outline .ripple,.btn--dashed .ripple,.btn--text .ripple{background-color:rgba(0, 0, 0, 0.1)}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}';const P=T({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:""}}),R=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.ticketBoardInfo=void 0,this.language="en",this.expanded=!1,this._ticketBoardInfo=[]}handleClientStylingChange(t,e){t!=e&&l(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&c(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&h(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}componentWillLoad(){this._ticketBoardInfo=JSON.parse(JSON.stringify(this.ticketBoardInfo))}componentDidLoad(){this.stylingContainer&&(this.mbSource&&h(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&l(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&c(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}handleTicketBoradInfoChange(t){this._ticketBoardInfo=JSON.parse(JSON.stringify(t))}generateMatchItemSelection(t,e,i,o,s,a,d){return n("div",{class:"oddsbomSelection-item"},n("div",{class:"oddsbomSelection-item-number"},i+1),n("div",{class:"oddsbomSelection-item-selection"},n("div",{class:"oddsbomSelection-item-team"},n("div",{class:"oddsbomSelection-item-team-name"},t),n("div",{class:"oddsbomSelection-item-team-selection"},n("lottery-oddsbom-bullet-group",{bulletConfigs:o,selectionIdx:0,matchIdx:i,bulletConfigsDeleteOrigin:a,isDeleteByIcon:!0,bulletListClass:"selection-bullet-list"}))),n("div",{class:"oddsbomSelection-item-team"},n("div",{class:"oddsbomSelection-item-team-name"},e),n("div",{class:"oddsbomSelection-item-team-selection"},n("lottery-oddsbom-bullet-group",{bulletConfigs:s,selectionIdx:1,matchIdx:i,bulletConfigsDeleteOrigin:d,isDeleteByIcon:!0,bulletListClass:"selection-bullet-list"})))))}generateSelectionList(){return this._ticketBoardInfo?this._ticketBoardInfo.map(((t,e)=>{var n,i,o,s;const{matchName:a,selections:d}=t,r=a.split("vs")[0],l=a.split("vs")[1],c=d[0].filter((t=>t.isSelected)),h=d[1].filter((t=>t.isSelected)),b=null!==(i=null===(n=t.addSelections)||void 0===n?void 0:n[0])&&void 0!==i?i:[],m=null!==(s=null===(o=t.addSelections)||void 0===o?void 0:o[1])&&void 0!==s?s:[];return b.length>0&&b.forEach((t=>{c.push({text:t,idx:-1,isSelected:!0,isDisabled:!1,isAddedByMoreBtn:!0})})),m.length>0&&m.forEach((t=>{h.push({text:t,idx:-1,isSelected:!0,isDisabled:!1,isAddedByMoreBtn:!0})})),this.generateMatchItemSelection(r,l,e,c,h,d[0],d[1])})):null}render(){return n("div",{key:"79091bce57ba35ef7a7758daeae94b9847eb712d",class:"oddsbomSelection",ref:t=>this.stylingContainer=t},n("div",{key:"a4913e648d8deb508c68360d572d26b98843f0c5",class:"oddsbomSelection-panel"},n("div",{key:"fd6b9551dddd71f5eed648dc1ab8bbf6aeb8a92f",class:"oddsbomSelection-panel--header",onClick:this.togglePanel},n("div",{key:"88930dc74331ca9f6edec7a23c8d42cf9ca9a0e4",class:"oddsbomSelection-panel--header-title"},m("myChoices",this.language)),n("div",{key:"94b2bd032ea3b9ebcb9e406e74a52a4d1c55a67f",class:"oddsbomSelection-panel--header-icon "+(this.expanded?"expanded":""),innerHTML:P})),n("div",{key:"cf337fd2477ae140c6d7898f7742c326164f7282",class:"oddsbomSelection-panel--content "+(this.expanded?"open":"closed")},n("div",{key:"8dd02d79a4254278b415ec11bdd1906940cb6074",class:"oddsbomSelection-panel--content-thead"},n("div",{key:"113407e0f9ee69d449202ab1065623187bce2fbe",class:"oddsbomSelection-panel--content-thead-item"},m("teams",this.language)),n("div",{key:"fe38c2ad17fdea759f48938742808e622c4076be",class:"oddsbomSelection-panel--content-thead-item"},m("scores",this.language))),n("div",{key:"a750c174d5ac53bc77346907828a4bdc96f60e32",class:"oddsbomSelection-panel--content-tbody"},this.generateSelectionList()))))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],ticketBoardInfo:["handleTicketBoradInfoChange"]}}};R.style=".oddsbomSelection {\n container-type: inline-size;\n}\n.oddsbomSelection-panel--header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: pointer;\n height: 40px;\n padding: 0 4px;\n color: var(--emw--color-typography, #000);\n}\n.oddsbomSelection-panel--header:hover {\n background-color: var(--emw--color-background-tertiary, #ccc);\n border-radius: 4px;\n}\n.oddsbomSelection-panel--header-title {\n font-size: 16px;\n font-weight: 600;\n user-select: none;\n}\n.oddsbomSelection-panel--header-icon {\n transition: transform 0.2s;\n}\n.oddsbomSelection-panel--header-icon.expanded {\n transform: rotate(180deg);\n}\n.oddsbomSelection-panel--content {\n overflow: hidden;\n max-height: 0;\n transition: max-height 0.3s ease, padding 0.3s ease;\n padding: 0 12px;\n font-size: 14px;\n user-select: none;\n}\n.oddsbomSelection-panel--content.open {\n max-height: 19000px;\n padding: 10px 12px;\n background-color: var(--emw--color-background, #fff);\n}\n.oddsbomSelection-panel--content.closed {\n max-height: 0;\n padding-top: 0;\n padding-bottom: 0;\n}\n.oddsbomSelection-panel--content-thead {\n display: flex;\n justify-content: space-between;\n padding: 0 24px;\n margin-bottom: 12px;\n color: var(--emw--color-typography, #000);\n}\n.oddsbomSelection-panel--content-tbody {\n padding: 0 18px;\n}\n.oddsbomSelection-item {\n display: flex;\n justify-content: space-between;\n position: relative;\n padding: 8px;\n}\n.oddsbomSelection-item:not(:last-child) {\n border-bottom: 1px dashed var(--emw--color-gray-100, #e6e6e6);\n}\n.oddsbomSelection-item-number {\n position: absolute;\n left: -18px;\n top: 48%;\n color: var(--emw--color-typography, #000);\n}\n.oddsbomSelection-item-selection {\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n.oddsbomSelection-item-team {\n display: flex;\n justify-content: space-between;\n align-items: center;\n min-height: 32px;\n color: var();\n}\n.oddsbomSelection-item-team-name {\n max-width: 140px;\n width: 140px;\n color: var(--emw--color-typography, #000);\n}\n.oddsbomSelection-item-team-selection {\n display: flex;\n gap: 6px;\n flex: 1;\n justify-content: flex-end;\n}\n@container (max-width: 430px) {\n .oddsbomSelection-item-team-name {\n max-width: 80px;\n width: 80px;\n }\n}\n\n.oddsbomSelection-panel--header-icon {\n fill: var(--emw--color-typography, #000);\n}";const Q=["ro","en","fr","ar","hr"],X={en:{cancel:"Cancel",confirm:"Confirm"},ro:{cancel:"Anulează",confirm:"Confirmă"},fr:{cancel:"Annuler",confirm:"Confirmer"},ar:{cancel:"إلغاء",confirm:"تأكيد"},hr:{cancel:"Odustani",confirm:"Potvrdi"}},Y=(t,e)=>{const n=e;return X[void 0!==n&&Q.includes(n)?n:"en"][t]},K=class{constructor(n){t(this,n),this.open=e(this,"open",7),this.close=e(this,"close",7),this.confirm=e(this,"confirm",7),this.cancel=e(this,"cancel",7),this.wasVisible=!1,this.mbSource=void 0,this.clientStyling="",this.clientStylingUrl="",this.visible=void 0,this.dialogTitle="",this.width="520px",this.closable=!0,this.mask=!0,this.maskClosable=!0,this.animationDuration=300,this.fullscreen=!1,this.showFooter=!0,this.showCancelBtn=!0,this.language="en",this.translationUrl=void 0,this.dialogClass=void 0,this.dialogStyle=void 0}handleClientStylingChange(t,e){t!=e&&l(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&c(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&h(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}componentWillLoad(){this.translationUrl&&(async t=>{if(t)try{const n=await fetch(t);if(!n.ok)throw new Error(`HTTP error! status: ${n.status}`);const i=await n.json();e=i,Object.keys(e).forEach((t=>{for(let n in e[t])X[t][n]=e[t][n]}))}catch(t){console.error("Failed to fetch or parse translations from URL:",t)}var e})(this.translationUrl)}componentWillUpdate(){this.visible&&!this.wasVisible?this.disableBodyScroll():!this.visible&&this.wasVisible&&this.enableBodyScroll(),this.wasVisible=this.visible}disconnectedCallback(){this.enableBodyScroll(),this.stylingSubscription&&this.stylingSubscription.unsubscribe()}disableBodyScroll(){document.body.style.overflow="hidden"}enableBodyScroll(){document.body.style.overflow=""}handleClose(){this.cancel.emit()}handleMaskClick(){this.maskClosable&&this.cancel.emit()}handleConfirm(){this.confirm.emit()}render(){const t=Object.assign({width:"number"==typeof this.width?`${this.width}px`:this.width,"--duration":`${this.animationDuration}ms`},this.dialogStyle||{}),e=["dialog-wrapper",this.visible?"dialog-wrapper-visible":""],i=["mask",this.visible?"mask-enter":"mask-leave"],o=["dialog",this.visible?"dialog-enter":"dialog-leave",this.fullscreen?"fullscreen":"",this.dialogClass].filter(Boolean).join(" ");return n("div",{key:"306683c5190fa6dca57dcf75e52eca575c0215e7",class:e.join(" "),ref:t=>this.stylingContainer=t},n("div",{key:"8be097f3a86fcd9ad4e18c6ac56cafdcf249049b",class:i.join(" "),onClick:this.handleMaskClick.bind(this)}),n("div",{key:"87d2206d3e3d75fe0e0ef8a6afd8de5c20892ae6",part:"dialog",class:o,style:t,role:"dialog","aria-modal":"true","aria-labelledby":"dialog-title"},(this.dialogTitle||this.closable)&&n("div",{key:"04d54878aa24e0d9eb98bc921ea3edfacd6de3af",class:"dialog-header"},n("h2",{key:"f6f6c279de47e49cde86d0c907b9b40a115926b3",id:"dialog-title",class:"dialog-title"},this.dialogTitle),this.closable&&n("button",{key:"e1625473e5460cd667961923bf678c9a91b69c82",class:"close-btn",onClick:this.handleClose.bind(this)},"x")),n("div",{key:"fb0db8dd765832cf1d8e8b682131e4c97a93ac22",class:"dialog-content",style:{maxHeight:"calc(100vh - 62px)",overflowY:"auto"}},n("slot",{key:"75336f59c2a8fe6775fc12ed4e2e26ff6bb6b508"})),this.showFooter&&n("div",{key:"a305086a2830265317abb0fd6f59b4a053fd54a9",class:"dialog-footer"},n("slot",{key:"cb330ea63908002f4f8b4b8139d5843c2570302e",name:"footer"},this.showCancelBtn&&n("button",{key:"c3d2c15195e56efd6d388265e9ccb87030627b7b",class:"cancel-btn",onClick:this.handleClose.bind(this)},Y("cancel",this.language)),n("button",{key:"af9c96b4e1ce82f9ecb73e2b9f4e93cba0382d76",class:"confirm-btn",onClick:this.handleConfirm.bind(this)},Y("confirm",this.language))))))}get el(){return i(this)}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};K.style=".dialog-wrapper{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:1;z-index:199}.dialog-wrapper-visible{visibility:visible}.mask{position:fixed;inset:0;background:var(--emw--color-mask-dialog-background, rgba(0, 0, 0, 0.5));opacity:0;z-index:1000;transition:opacity var(--duration) linear}.mask-enter{opacity:1}.mask-leave{opacity:0}.dialog{position:relative;background:var(--emw--color-background, #fff);border-radius:12px;box-shadow:0 4px 32px var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15));opacity:0;transform:scale(0.9);transition:all var(--duration) linear;width:100%;max-width:100vw;overflow:hidden;z-index:1000}.dialog-enter{opacity:1;transform:scale(1)}.dialog-leave{opacity:0}.dialog.fullscreen{width:100vw !important;height:100vh;overflow:auto;max-height:none;border-radius:0;overflow:hidden}.dialog-header{padding:16px 16px 0 16px;display:flex;justify-content:space-between;align-items:center}.dialog-header .dialog-title{margin:0;font-size:1.25rem;font-weight:500;color:var(--emw--color-typography, #000)}.dialog-header .close-btn{background:transparent;border:none;font-size:1.5rem;width:2rem;height:2rem;color:var(--emw--color-gray-150, #6f6f6f);cursor:pointer;border-radius:4px}.dialog-header .close-btn:hover{background:var(--emw--color-gray-50, #f5f5f5);color:var(--emw--color-gray-300, #333)}.dialog-content{padding:24px;font-size:0.95rem;line-height:1.6;color:var(--emw--color-dialog-typography, #000);flex:1;overflow-y:auto;max-height:calc(100vh - 200px)}.dialog.fullscreen .dialog-content{max-height:none}.dialog-footer{padding:0 16px 16px 16px;display:flex;justify-content:center;gap:12px}.dialog-footer .cancel-btn,.dialog-footer .confirm-btn{padding:10px 24px;border-radius:6px;font-size:0.9rem;cursor:pointer;transition:all 0.3s linear}.dialog-footer .cancel-btn{border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));background-color:var(--emw--color-background, #fff);color:var(--emw--color-typography, #000)}.dialog-footer .cancel-btn:hover{background-color:var(--emw--color-background-tertiary, #ccc)}.dialog-footer .confirm-btn{border:none;color:var(--emw--color-typography-normalized, #ffffff);background:var(--emw--color-primary, #009993)}.dialog-footer .confirm-btn:hover{background:var(--emw--color-primary-variant, #004d4a)}@media screen and (max-width: 480px){.dialog.fullscreen .dialog-content{padding:12px}}.Loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.Loading svg{animation:spin 1s linear infinite;transform-origin:center}@keyframes spin{100%{transform:rotate(360deg)}}";export{O as lottery_banner,$ as lottery_oddsbom_bullet,U as lottery_oddsbom_bullet_group,E as lottery_oddsbom_oddschart,F as lottery_oddsbom_oddschart_input,J as lottery_oddsbom_ticket_board,W as lottery_oddsbom_ticket_button,R as lottery_oddsbom_ticket_selection,K as lottery_tipping_dialog}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/lottery-oddsbom-ticket-bet",
3
- "version": "0.7.30",
3
+ "version": "0.7.32",
4
4
  "main": "./dist/index.cjs.js",
5
5
  "module": "./dist/index.js",
6
6
  "es2015": "./dist/esm/index.mjs",