@everymatrix/lottery-oddsbom-ticket-history 0.7.26 → 0.7.28

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.
@@ -98,4 +98,10 @@
98
98
  padding: 6px 12px;
99
99
  font-size: 13px;
100
100
  }
101
+ }
102
+ .general-multi-select-container {
103
+ width: var(--vaadin-field-default-width, 16em);
104
+ }
105
+ .general-multi-select-container vaadin-text-field {
106
+ width: 100%;
101
107
  }
@@ -139,13 +139,13 @@ export class FilterGroup {
139
139
  return (h("div", { class: "filter-status" }, this.statusOptions.map((status) => (h("div", { class: 'filter-status-btn' + (this.filterParams.state === status.value ? ' active' : ''), onClick: this.handleSelectStatus.bind(this, status.value) }, status.label)))));
140
140
  }
141
141
  renderFilterContent() {
142
- return (h("div", { class: "dialog-content" }, h("div", { class: "filter-item" }, h("div", { class: "filter-item-label" }, translate('searchByTicketId', this.language)), h("div", { class: "filter-item-val" }, h("vaadin-text-field", { placeholder: translate('enterTicketId', this.language), value: this.filterParams.id, onInput: this.handleTicketIdInput.bind(this) }))), h("div", { class: "filter-item" }, h("div", { class: "filter-item-label" }, translate('searchByTicketType', this.language)), h("div", { class: "general-multi-select-container" }, h("general-multi-select", { ref: (el) => (this.comboBox = el), placeholder: translate('selectTicketType', this.language), "max-visible-chips": "2", options: this.ticketTypeList.map((item) => ({
142
+ return (h("div", { class: "dialog-content" }, h("div", { class: "filter-item" }, h("div", { class: "filter-item-label" }, translate('searchByTicketId', this.language)), h("div", { class: "filter-item-val" }, h("div", { class: "general-multi-select-container" }, h("vaadin-text-field", { placeholder: translate('enterTicketId', this.language), value: this.filterParams.id, onInput: this.handleTicketIdInput.bind(this) })))), h("div", { class: "filter-item" }, h("div", { class: "filter-item-label" }, translate('searchByTicketType', this.language)), h("div", { class: "general-multi-select-container" }, h("general-multi-select", { ref: (el) => (this.comboBox = el), placeholder: translate('selectTicketType', this.language), "max-visible-chips": "2", options: this.ticketTypeList.map((item) => ({
143
143
  text: item.label,
144
144
  value: item.value
145
145
  })), onChange: this.handleTicketType.bind(this), "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl, "mb-source": this.mbSource }))), h("div", { class: "filter-item" }, h("div", { class: "filter-item-label" }, translate('searchByDate', this.language)), h("div", { class: "filter-item-val" }, h("vaadin-date-picker", { value: this.filterParams.from, max: this.maxFrom, onChange: this.handleFilterFrom.bind(this), placeholder: translate('from', this.language), ref: (el) => setDateFormate(el), class: "VaadinDatePicker", invalid: this.invalid.from, "error-message": translate('pleaseSelectADate', this.language) }), h("vaadin-date-picker", { value: this.filterParams.to, min: this.minTo, onChange: this.handleFilterTo.bind(this), placeholder: translate('to', this.language), ref: (el) => setDateFormate(el), class: "VaadinDatePicker", invalid: this.invalid.to, "error-message": translate('pleaseSelectADate', this.language) })))));
146
146
  }
147
147
  render() {
148
- return (h("div", { key: '0e7d77068c53724b6d90833559d287841312f918', class: "filter-wrap", ref: (el) => (this.stylingContainer = el) }, this.renderFilterLeft(), h("div", { key: '4a5cf9cc96422b5b4a152d8308b9c1e3e6033f8c', class: "filter-operation" }, h("div", { key: '87885e1bb9238f1e6ef2049d9899b4f7091ca2c9', class: "lottery-tipping-filter" }, h("div", { key: '0ae6c91ba3621ee6fe3897276a43147198d1dd27', class: "operate-btns" }, h("div", { key: '98ddfd9907685a2e16ca8074abe1c8c74d06551e', class: "operate-btn", onClick: this.handleOpen.bind(this) }, translate('filter', this.language)), h("div", { key: '4c05e4c3c7a01472de6a86069f5d0feb7ebd473f', class: "operate-btn", onClick: this.resetSearch.bind(this) }, translate('clear', this.language))), h("lottery-tipping-dialog", { key: '91f85110aa3f30556098e338c9b66b0a419aa460', "dialog-title": translate('filter', this.language), visible: this.isOpen, onCancel: () => {
148
+ return (h("div", { key: '189470f0c8c937f3c133fb727245ec582bb813bf', class: "filter-wrap", ref: (el) => (this.stylingContainer = el) }, this.renderFilterLeft(), h("div", { key: '2ae61cb743c4088c5476ab8a2787fc56a55eeca4', class: "filter-operation" }, h("div", { key: '32b08d551d2e86bb0c1452fed2aaab248eaeefc8', class: "lottery-tipping-filter" }, h("div", { key: '22cf53d1f94b5450c739892b6b5d11ee26220beb', class: "operate-btns" }, h("div", { key: '30c2245db6b665d444f29bc0b85c1ad594e4bbbe', class: "operate-btn", onClick: this.handleOpen.bind(this) }, translate('filter', this.language)), h("div", { key: '3dde72ceade830d3acafb08eb53604f02f391f2e', class: "operate-btn", onClick: this.resetSearch.bind(this) }, translate('clear', this.language))), h("lottery-tipping-dialog", { key: '3452780b717c8872cf02f2b3cefe0b290db001af', "dialog-title": translate('filter', this.language), visible: this.isOpen, onCancel: () => {
149
149
  this.isOpen = false;
150
150
  }, onConfirm: this.handleDialogConfirm.bind(this), animationDuration: 300, language: this.language, "translation-url": this.translationUrl }, this.renderFilterContent())))));
151
151
  }
@@ -1,4 +1,5 @@
1
1
  import { fetchRequest, toQueryParams } from "./utils";
2
+ import Decimal from "decimal.js";
2
3
  export async function fetchTicketList({ endpoint, filterData, sessionId }) {
3
4
  try {
4
5
  const { items = [], total } = await fetchRequest(`${endpoint}/tickets${toQueryParams(filterData)}`, 'GET', null, {
@@ -40,22 +41,35 @@ function displayPrizeCategory(details) {
40
41
  let prizeName = detail.divisionDisplayName;
41
42
  let amount = detail.amount;
42
43
  let currency = detail.currency;
43
- if (prizeName && prizeName != 'None') {
44
+ if (prizeName && prizeName !== 'None') {
45
+ const decimalAmount = new Decimal(amount);
44
46
  if (prizeMap.has(prizeName)) {
47
+ const existingEntry = prizeMap.get(prizeName);
48
+ const newAmount = existingEntry.amount.plus(decimalAmount);
45
49
  prizeMap.set(prizeName, {
46
- amount: prizeMap.get(prizeName)['amount'] + amount,
50
+ amount: newAmount,
47
51
  currency,
48
- times: prizeMap.get(prizeName)['times'] + 1
52
+ times: existingEntry.times + 1
49
53
  });
50
54
  }
51
55
  else {
52
- prizeMap.set(prizeName, { amount, currency, times: 1 });
56
+ prizeMap.set(prizeName, {
57
+ amount: decimalAmount,
58
+ currency,
59
+ times: 1
60
+ });
53
61
  }
54
62
  }
55
63
  });
56
64
  const resultArr = [];
57
65
  for (let [key, val] of prizeMap.entries()) {
58
- resultArr.push({ prizeName: key, amount: val['amount'], currency: val['currency'], times: val['times'] });
66
+ const finalAmount = val.amount.times(100).floor().dividedBy(100);
67
+ resultArr.push({
68
+ prizeName: key,
69
+ amount: finalAmount.toNumber(),
70
+ currency: val.currency,
71
+ times: val.times
72
+ });
59
73
  }
60
74
  resultArr.sort((p1, p2) => p2.prizeName.localeCompare(p1.prizeName));
61
75
  return resultArr;
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, h, g as getAssetPath, a as getElement } from './index-e66667d7.js';
2
- import { s as setClientStyling, a as setClientStylingURL, b as setStreamStyling, r as resolveTranslationUrl$2, t as translate$2, c as setDateFormate, i as isMobile, D as DrawResult, g as getTicketResults, d as getDrawResults, f as formatDateToCustomFormat, e as buildDrawResults, h as format, j as thousandSeparator, p as parseISO } from './lottery-oddsbom-ticket-history-397fc07f.js';
3
- export { L as lottery_oddsbom_ticket_history } from './lottery-oddsbom-ticket-history-397fc07f.js';
2
+ import { s as setClientStyling, a as setClientStylingURL, b as setStreamStyling, r as resolveTranslationUrl$2, t as translate$2, c as setDateFormate, i as isMobile, D as DrawResult, g as getTicketResults, d as getDrawResults, f as formatDateToCustomFormat, e as buildDrawResults, h as format, j as thousandSeparator, p as parseISO } from './lottery-oddsbom-ticket-history-ba01bfe1.js';
3
+ export { L as lottery_oddsbom_ticket_history } from './lottery-oddsbom-ticket-history-ba01bfe1.js';
4
4
 
5
5
  var qr=Object.defineProperty,Yr=Object.defineProperties;var Kr=Object.getOwnPropertyDescriptors;var lo=Object.getOwnPropertySymbols;var Gr=Object.prototype.hasOwnProperty,Xr=Object.prototype.propertyIsEnumerable;var Mt=(s,t,e)=>t in s?qr(s,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):s[t]=e,we=(s,t)=>{for(var e in t||(t={}))Gr.call(t,e)&&Mt(s,e,t[e]);if(lo)for(var e of lo(t))Xr.call(t,e)&&Mt(s,e,t[e]);return s},Nt=(s,t)=>Yr(s,Kr(t));var k=(s,t,e)=>(Mt(s,typeof t!="symbol"?t+"":t,e),e);var Ce=(s,t,e)=>new Promise((i,o)=>{var r=l=>{try{a(e.next(l));}catch(d){o(d);}},n=l=>{try{a(e.throw(l));}catch(d){o(d);}},a=l=>l.done?i(l.value):Promise.resolve(l.value).then(r,n);a((e=e.apply(s,t)).next());});/**
6
6
  * @license
@@ -6662,7 +6662,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
6662
6662
  <div on-click="_scrollForward" part="forward-button" aria-hidden="true"></div>
6663
6663
  `}static get is(){return "vaadin-tabs"}}v(vh);
6664
6664
 
6665
- const filterGroupCss = ".filter-wrap {\n margin-bottom: 20px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n container-type: inline-size;\n container-type: inline-size;\n}\n\n.filter-wrap .filter-status {\n display: flex;\n gap: 12px;\n align-items: center;\n}\n\n.filter-wrap .filter-status-btn {\n background: var(--emw--color-background, #fff);\n border: 1px solid var(--emw--color-primary, #0d196e);\n color: var(--emw--color-typography, #000);\n border-radius: 6px;\n padding: 12px;\n font-size: 13px;\n text-transform: uppercase;\n font-weight: 500;\n cursor: pointer;\n transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;\n}\n\n.filter-wrap .filter-status-btn:hover {\n background-color: var(--emw--color-secondary, #1367e7);\n}\n\n.filter-wrap .filter-status-btn.active {\n background: var(--emw--color-secondary, #1367e7);\n color: var(--emw--color-typography-reverse, #fff);\n}\n\n@container (max-width: 480px) {\n .filter-wrap {\n flex-direction: column;\n align-items: flex-start;\n gap: 10px;\n }\n .filter-wrap .filter-status {\n flex-wrap: wrap;\n gap: 8px;\n }\n .filter-wrap .filter-status-btn {\n padding: 6px 10px;\n font-size: 12px;\n }\n}\n.lottery-tipping-filter .operate-btns {\n display: flex;\n gap: 12px;\n}\n\n.lottery-tipping-filter .operate-btn {\n background: var(--emw--color-primary, #0d196e);\n border-radius: 20px;\n padding: 8px 16px;\n font-size: 14px;\n color: var(--emw--color-typography-normalized, #fff);\n font-weight: 600;\n cursor: pointer;\n transition: background 0.2s ease, border-color 0.2s ease;\n}\n\n.lottery-tipping-filter .operate-btn:hover {\n background: var(--emw--color-secondary, #1367e7);\n}\n\n.dialog-content {\n display: flex;\n flex-direction: column;\n align-items: center;\n color: var(--emw--color-typography, #000);\n}\n.dialog-content .filter-item {\n margin-bottom: 12px;\n}\n.dialog-content .filter-item-label {\n text-align: center;\n}\n.dialog-content .filter-item-val {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n}\n\n@container (max-width: 480px) {\n .lottery-tipping-filter .operate-btns {\n gap: 6px;\n flex-wrap: wrap;\n }\n .lottery-tipping-filter .operate-btn {\n padding: 6px 12px;\n font-size: 13px;\n }\n}";
6665
+ const filterGroupCss = ".filter-wrap {\n margin-bottom: 20px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n container-type: inline-size;\n container-type: inline-size;\n}\n\n.filter-wrap .filter-status {\n display: flex;\n gap: 12px;\n align-items: center;\n}\n\n.filter-wrap .filter-status-btn {\n background: var(--emw--color-background, #fff);\n border: 1px solid var(--emw--color-primary, #0d196e);\n color: var(--emw--color-typography, #000);\n border-radius: 6px;\n padding: 12px;\n font-size: 13px;\n text-transform: uppercase;\n font-weight: 500;\n cursor: pointer;\n transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;\n}\n\n.filter-wrap .filter-status-btn:hover {\n background-color: var(--emw--color-secondary, #1367e7);\n}\n\n.filter-wrap .filter-status-btn.active {\n background: var(--emw--color-secondary, #1367e7);\n color: var(--emw--color-typography-reverse, #fff);\n}\n\n@container (max-width: 480px) {\n .filter-wrap {\n flex-direction: column;\n align-items: flex-start;\n gap: 10px;\n }\n .filter-wrap .filter-status {\n flex-wrap: wrap;\n gap: 8px;\n }\n .filter-wrap .filter-status-btn {\n padding: 6px 10px;\n font-size: 12px;\n }\n}\n.lottery-tipping-filter .operate-btns {\n display: flex;\n gap: 12px;\n}\n\n.lottery-tipping-filter .operate-btn {\n background: var(--emw--color-primary, #0d196e);\n border-radius: 20px;\n padding: 8px 16px;\n font-size: 14px;\n color: var(--emw--color-typography-normalized, #fff);\n font-weight: 600;\n cursor: pointer;\n transition: background 0.2s ease, border-color 0.2s ease;\n}\n\n.lottery-tipping-filter .operate-btn:hover {\n background: var(--emw--color-secondary, #1367e7);\n}\n\n.dialog-content {\n display: flex;\n flex-direction: column;\n align-items: center;\n color: var(--emw--color-typography, #000);\n}\n.dialog-content .filter-item {\n margin-bottom: 12px;\n}\n.dialog-content .filter-item-label {\n text-align: center;\n}\n.dialog-content .filter-item-val {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n}\n\n@container (max-width: 480px) {\n .lottery-tipping-filter .operate-btns {\n gap: 6px;\n flex-wrap: wrap;\n }\n .lottery-tipping-filter .operate-btn {\n padding: 6px 12px;\n font-size: 13px;\n }\n}\n.general-multi-select-container {\n width: var(--vaadin-field-default-width, 16em);\n}\n.general-multi-select-container vaadin-text-field {\n width: 100%;\n}";
6666
6666
  const FilterGroupStyle0 = filterGroupCss;
6667
6667
 
6668
6668
  const FilterGroup = class {
@@ -6741,13 +6741,13 @@ const FilterGroup = class {
6741
6741
  }
6742
6742
  handleMbSourceChange(newValue, oldValue) {
6743
6743
  if (newValue != oldValue) {
6744
- setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
6744
+ setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
6745
6745
  }
6746
6746
  }
6747
6747
  componentDidLoad() {
6748
6748
  if (this.stylingContainer) {
6749
6749
  if (this.mbSource)
6750
- setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
6750
+ setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
6751
6751
  if (this.clientStyling)
6752
6752
  setClientStyling(this.stylingContainer, this.clientStyling);
6753
6753
  if (this.clientStylingUrl)
@@ -6801,13 +6801,13 @@ const FilterGroup = class {
6801
6801
  return (h("div", { class: "filter-status" }, this.statusOptions.map((status) => (h("div", { class: 'filter-status-btn' + (this.filterParams.state === status.value ? ' active' : ''), onClick: this.handleSelectStatus.bind(this, status.value) }, status.label)))));
6802
6802
  }
6803
6803
  renderFilterContent() {
6804
- return (h("div", { class: "dialog-content" }, h("div", { class: "filter-item" }, h("div", { class: "filter-item-label" }, translate$2('searchByTicketId', this.language)), h("div", { class: "filter-item-val" }, h("vaadin-text-field", { placeholder: translate$2('enterTicketId', this.language), value: this.filterParams.id, onInput: this.handleTicketIdInput.bind(this) }))), h("div", { class: "filter-item" }, h("div", { class: "filter-item-label" }, translate$2('searchByTicketType', this.language)), h("div", { class: "general-multi-select-container" }, h("general-multi-select", { ref: (el) => (this.comboBox = el), placeholder: translate$2('selectTicketType', this.language), "max-visible-chips": "2", options: this.ticketTypeList.map((item) => ({
6804
+ return (h("div", { class: "dialog-content" }, h("div", { class: "filter-item" }, h("div", { class: "filter-item-label" }, translate$2('searchByTicketId', this.language)), h("div", { class: "filter-item-val" }, h("div", { class: "general-multi-select-container" }, h("vaadin-text-field", { placeholder: translate$2('enterTicketId', this.language), value: this.filterParams.id, onInput: this.handleTicketIdInput.bind(this) })))), h("div", { class: "filter-item" }, h("div", { class: "filter-item-label" }, translate$2('searchByTicketType', this.language)), h("div", { class: "general-multi-select-container" }, h("general-multi-select", { ref: (el) => (this.comboBox = el), placeholder: translate$2('selectTicketType', this.language), "max-visible-chips": "2", options: this.ticketTypeList.map((item) => ({
6805
6805
  text: item.label,
6806
6806
  value: item.value
6807
6807
  })), onChange: this.handleTicketType.bind(this), "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl, "mb-source": this.mbSource }))), h("div", { class: "filter-item" }, h("div", { class: "filter-item-label" }, translate$2('searchByDate', this.language)), h("div", { class: "filter-item-val" }, h("vaadin-date-picker", { value: this.filterParams.from, max: this.maxFrom, onChange: this.handleFilterFrom.bind(this), placeholder: translate$2('from', this.language), ref: (el) => setDateFormate(el), class: "VaadinDatePicker", invalid: this.invalid.from, "error-message": translate$2('pleaseSelectADate', this.language) }), h("vaadin-date-picker", { value: this.filterParams.to, min: this.minTo, onChange: this.handleFilterTo.bind(this), placeholder: translate$2('to', this.language), ref: (el) => setDateFormate(el), class: "VaadinDatePicker", invalid: this.invalid.to, "error-message": translate$2('pleaseSelectADate', this.language) })))));
6808
6808
  }
6809
6809
  render() {
6810
- return (h("div", { key: '0e7d77068c53724b6d90833559d287841312f918', class: "filter-wrap", ref: (el) => (this.stylingContainer = el) }, this.renderFilterLeft(), h("div", { key: '4a5cf9cc96422b5b4a152d8308b9c1e3e6033f8c', class: "filter-operation" }, h("div", { key: '87885e1bb9238f1e6ef2049d9899b4f7091ca2c9', class: "lottery-tipping-filter" }, h("div", { key: '0ae6c91ba3621ee6fe3897276a43147198d1dd27', class: "operate-btns" }, h("div", { key: '98ddfd9907685a2e16ca8074abe1c8c74d06551e', class: "operate-btn", onClick: this.handleOpen.bind(this) }, translate$2('filter', this.language)), h("div", { key: '4c05e4c3c7a01472de6a86069f5d0feb7ebd473f', class: "operate-btn", onClick: this.resetSearch.bind(this) }, translate$2('clear', this.language))), h("lottery-tipping-dialog", { key: '91f85110aa3f30556098e338c9b66b0a419aa460', "dialog-title": translate$2('filter', this.language), visible: this.isOpen, onCancel: () => {
6810
+ return (h("div", { key: '189470f0c8c937f3c133fb727245ec582bb813bf', class: "filter-wrap", ref: (el) => (this.stylingContainer = el) }, this.renderFilterLeft(), h("div", { key: '2ae61cb743c4088c5476ab8a2787fc56a55eeca4', class: "filter-operation" }, h("div", { key: '32b08d551d2e86bb0c1452fed2aaab248eaeefc8', class: "lottery-tipping-filter" }, h("div", { key: '22cf53d1f94b5450c739892b6b5d11ee26220beb', class: "operate-btns" }, h("div", { key: '30c2245db6b665d444f29bc0b85c1ad594e4bbbe', class: "operate-btn", onClick: this.handleOpen.bind(this) }, translate$2('filter', this.language)), h("div", { key: '3dde72ceade830d3acafb08eb53604f02f391f2e', class: "operate-btn", onClick: this.resetSearch.bind(this) }, translate$2('clear', this.language))), h("lottery-tipping-dialog", { key: '3452780b717c8872cf02f2b3cefe0b290db001af', "dialog-title": translate$2('filter', this.language), visible: this.isOpen, onCancel: () => {
6811
6811
  this.isOpen = false;
6812
6812
  }, onConfirm: this.handleDialogConfirm.bind(this), animationDuration: 300, language: this.language, "translation-url": this.translationUrl }, this.renderFilterContent())))));
6813
6813
  }
@@ -6819,7 +6819,7 @@ const FilterGroup = class {
6819
6819
  };
6820
6820
  FilterGroup.style = FilterGroupStyle0;
6821
6821
 
6822
- const generalMultiSelectCss = ".multi-select-container{position:relative;font-family:\"Inter\", sans-serif;margin-top:4px;width:100%}.flex-row{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;padding:8px 12px;padding-right:4px;border-radius:4px;background:var(--emw-selector-color-background, #e8ebef);cursor:pointer}.control{flex:1;display:flex;align-items:center;flex-wrap:nowrap;overflow:hidden}.control:focus-within{border-color:var(--emw--color-primary, #fed275);box-shadow:0 0 0 2px var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15))}.chip{display:inline-flex;align-items:center;background:var(--emw--color-gray-50, #f5f5f5);color:var(--emw--color-dialog-typography, #000);border-radius:4px;padding:2px 8px;margin-right:6px;font-size:0.875rem;line-height:1.2;justify-content:space-between;flex:0 1 auto;min-width:0}.chip-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overflow-chip{background:var(--emw--color-gray-100, #e6e6e6);color:var(--emw--color-gray-300, #333);width:20px;text-align:center;display:block}.remove-btn{background:none;border:none;font-size:1rem;margin-left:6px;cursor:pointer;color:var(--emw--color-gray-150, #6f6f6f)}.remove-btn:hover{color:var(--emw--color-error, red)}.placeholder{color:var(--emw--color-gray-150, #6f6f6f);font-size:0.875rem;padding:3px 8px;line-height:1.2}.arrow{margin-left:auto;font-size:0.8rem;width:20px;color:var(--emw--color-gray-150, #6f6f6f)}.dropdown{position:absolute;top:calc(100% + 4px);left:0;width:100%;max-height:240px;overflow-y:auto;border:1px solid var(--emw--color-gray-100, #e6e6e6);border-radius:6px;background:var(--emw--color-dialog-background, #ffffff);box-shadow:0 4px 12px var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15));z-index:10}.dropdown-item{padding:10px 14px;cursor:pointer;font-size:0.875rem;line-height:1.4;transition:background 0.2s}.dropdown-item:hover{background:var(--emw--color-background-tertiary, #ccc);color:var(--emw--color-typography, #000)}.dropdown-item.selected{background:var(--emw--color-background-secondary, #f5f5f5);color:var(--emw--color-typography, #000);font-weight:500}.overflow-popover{position:absolute;top:var(--overflow-top, 0px);left:var(--overflow-left, 0px);max-width:200px;padding:12px;display:flex;flex-wrap:wrap;gap:6px;border:1px solid var(--emw--color-gray-100, #d0d5dd);border-radius:6px;background:var(--emw--color-background, #ffffff);box-shadow:0 4px 12px var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15));z-index:20}";
6822
+ const generalMultiSelectCss = ".multi-select-container{position:relative;font-family:\"Inter\", sans-serif;margin-top:4px;width:100%}.flex-row{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;padding:6px 10px;padding-right:6px;border-radius:0.25em;background:var(--emw-selector-color-background, #e8ebef);cursor:pointer}.control{flex:1;display:flex;align-items:center;flex-wrap:nowrap;overflow:hidden}.control:focus-within{border-color:var(--emw--color-primary, #fed275);box-shadow:0 0 0 2px var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15))}.chip{display:inline-flex;align-items:center;background:var(--emw--color-gray-50, #f5f5f5);color:var(--emw--color-dialog-typography, #000);border-radius:4px;padding:2px 8px;margin-right:6px;font-size:0.875rem;line-height:1.2;justify-content:space-between;flex:0 1 auto;min-width:0}.chip-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overflow-chip{background:var(--emw--color-gray-100, #e6e6e6);color:var(--emw--color-gray-300, #333);width:20px;text-align:center;display:block}.remove-btn{background:none;border:none;font-size:1rem;margin-left:6px;cursor:pointer;color:var(--emw--color-gray-150, #6f6f6f)}.remove-btn:hover{color:var(--emw--color-error, red)}.placeholder{color:var(--emw--color-gray-150, #6f6f6f);font-size:0.875rem;padding:3px 8px;padding-left:0;line-height:1.2}.arrow{margin-left:auto;font-size:0.8rem;width:20px;color:var(--emw--color-gray-150, #6f6f6f)}.dropdown{position:absolute;top:calc(100% + 4px);left:0;width:100%;max-height:240px;overflow-y:auto;border:1px solid var(--emw--color-gray-100, #e6e6e6);border-radius:6px;background:var(--emw--color-dialog-background, #ffffff);box-shadow:0 4px 12px var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15));z-index:10}.dropdown-item{padding:10px 14px;cursor:pointer;font-size:0.875rem;line-height:1.4;transition:background 0.2s}.dropdown-item:hover{background:var(--emw--color-background-tertiary, #ccc);color:var(--emw--color-typography, #000)}.dropdown-item.selected{background:var(--emw--color-background-secondary, #f5f5f5);color:var(--emw--color-typography, #000);font-weight:500}.overflow-popover{position:absolute;top:var(--overflow-top, 0px);left:var(--overflow-left, 0px);max-width:200px;padding:12px;display:flex;flex-wrap:wrap;gap:6px;border:1px solid var(--emw--color-gray-100, #d0d5dd);border-radius:6px;background:var(--emw--color-background, #ffffff);box-shadow:0 4px 12px var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15));z-index:20}";
6823
6823
  const GeneralMultiSelectStyle0 = generalMultiSelectCss;
6824
6824
 
6825
6825
  const GeneralMultiSelect = class {
@@ -6905,13 +6905,13 @@ const GeneralMultiSelect = class {
6905
6905
  }
6906
6906
  handleMbSourceChange(newValue, oldValue) {
6907
6907
  if (newValue != oldValue) {
6908
- setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
6908
+ setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
6909
6909
  }
6910
6910
  }
6911
6911
  componentDidLoad() {
6912
6912
  if (this.stylingContainer) {
6913
6913
  if (this.mbSource)
6914
- setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
6914
+ setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
6915
6915
  if (this.clientStyling)
6916
6916
  setClientStyling(this.stylingContainer, this.clientStyling);
6917
6917
  if (this.clientStylingUrl)
@@ -7015,13 +7015,13 @@ const GeneralPagination = class {
7015
7015
  }
7016
7016
  handleMbSourceChange(newValue, oldValue) {
7017
7017
  if (newValue != oldValue) {
7018
- setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
7018
+ setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
7019
7019
  }
7020
7020
  }
7021
7021
  componentDidLoad() {
7022
7022
  if (this.stylingContainer) {
7023
7023
  if (this.mbSource)
7024
- setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
7024
+ setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
7025
7025
  if (this.clientStyling)
7026
7026
  setClientStyling(this.stylingContainer, this.clientStyling);
7027
7027
  if (this.clientStylingUrl)
@@ -7190,13 +7190,13 @@ const GeneralPanel = class {
7190
7190
  }
7191
7191
  handleMbSourceChange(newValue, oldValue) {
7192
7192
  if (newValue != oldValue) {
7193
- setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
7193
+ setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
7194
7194
  }
7195
7195
  }
7196
7196
  componentDidLoad() {
7197
7197
  if (this.stylingContainer) {
7198
7198
  if (this.mbSource)
7199
- setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
7199
+ setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
7200
7200
  if (this.clientStyling)
7201
7201
  setClientStyling(this.stylingContainer, this.clientStyling);
7202
7202
  if (this.clientStylingUrl)
@@ -7255,7 +7255,7 @@ const HistoryList = class {
7255
7255
  }
7256
7256
  handleMbSourceChange(newValue, oldValue) {
7257
7257
  if (newValue != oldValue) {
7258
- setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
7258
+ setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
7259
7259
  }
7260
7260
  }
7261
7261
  handleDefaultTicketHistoryChange(newValue, oldValue) {
@@ -7266,7 +7266,7 @@ const HistoryList = class {
7266
7266
  componentDidLoad() {
7267
7267
  if (this.stylingContainer) {
7268
7268
  if (this.mbSource)
7269
- setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
7269
+ setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
7270
7270
  if (this.clientStyling)
7271
7271
  setClientStyling(this.stylingContainer, this.clientStyling);
7272
7272
  if (this.clientStylingUrl)
@@ -7386,13 +7386,13 @@ const LotteryOddsbomBullet = class {
7386
7386
  }
7387
7387
  handleMbSourceChange(newValue, oldValue) {
7388
7388
  if (newValue != oldValue) {
7389
- setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
7389
+ setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
7390
7390
  }
7391
7391
  }
7392
7392
  componentDidLoad() {
7393
7393
  if (this.stylingContainer) {
7394
7394
  if (this.mbSource)
7395
- setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
7395
+ setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
7396
7396
  if (this.clientStyling)
7397
7397
  setClientStyling(this.stylingContainer, this.clientStyling);
7398
7398
  if (this.clientStylingUrl)
@@ -7732,13 +7732,13 @@ const LotteryOddsbomTicketResult = class {
7732
7732
  }
7733
7733
  handleMbSourceChange(newValue, oldValue) {
7734
7734
  if (newValue !== oldValue) {
7735
- setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
7735
+ setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
7736
7736
  }
7737
7737
  }
7738
7738
  componentDidLoad() {
7739
7739
  if (this.stylingContainer) {
7740
7740
  if (this.mbSource)
7741
- setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
7741
+ setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
7742
7742
  if (this.clientStyling)
7743
7743
  setClientStyling(this.stylingContainer, this.clientStyling);
7744
7744
  if (this.clientStylingUrl)
@@ -7935,7 +7935,7 @@ const resolveTranslationUrl = async (translationUrl) => {
7935
7935
  }
7936
7936
  };
7937
7937
 
7938
- const lotteryTippingDialogCss = ".dialog-wrapper{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:1;z-index:199}.dialog-wrapper-visible{visibility:visible}.mask{position:fixed;inset:0;background-color:rgba(0, 0, 0, 0.5);opacity:0;z-index:1000;transition:opacity var(--duration) linear}.mask-enter{opacity:1}.mask-leave{opacity:0}.dialog{position:relative;background:var(--emw--color-background, #fff);border-radius:12px;box-shadow:0 4px 32px rgba(0, 0, 0, 0.15);opacity:0;transform:scale(0.9);transition:all var(--duration) linear;width:100%;max-width:100vw;overflow:hidden;z-index:1000}.dialog-enter{opacity:1;transform:scale(1)}.dialog-leave{opacity:0}.dialog.fullscreen{width:100vw !important;height:100vh;overflow:auto;max-height:none;border-radius:0;overflow:hidden}.dialog-header{padding:16px 16px 0 16px;display:flex;justify-content:space-between;align-items:center}.dialog-header .dialog-title{margin:0;font-size:1.25rem;font-weight:500;color:var(--emw--color-typography, #000)}.dialog-header .close-btn{background:transparent;border:none;font-size:1.5rem;width:2rem;height:2rem;color:var(--emw--color-gray-150, #6f6f6f);cursor:pointer;border-radius:4px}.dialog-header .close-btn:hover{background:var(--emw--color-gray-50, #f5f5f5);color:var(--emw--color-gray-300, #333)}.dialog-content{padding:24px;font-size:0.95rem;line-height:1.6;color:var(--emw--color-dialog-typography, #000);flex:1;overflow-y:auto;max-height:calc(100vh - 200px)}.dialog.fullscreen .dialog-content{max-height:none}.dialog-footer{padding:0 16px 16px 16px;display:flex;justify-content:center;gap:12px}.dialog-footer .cancel-btn,.dialog-footer .confirm-btn{padding:10px 24px;border-radius:6px;font-size:0.9rem;cursor:pointer;transition:all 0.3s linear}.dialog-footer .cancel-btn{border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));background-color:var(--emw--color-background, #fff);color:var(--emw--color-typography, #000)}.dialog-footer .cancel-btn:hover{background-color:var(--emw--color-background-tertiary, #ccc)}.dialog-footer .confirm-btn{border:none;color:var(--emw--color-typography-normalized, #ffffff);background:var(--emw--color-primary, #009993)}.dialog-footer .confirm-btn:hover{background:var(--emw--color-primary-variant, #004d4a)}@media screen and (max-width: 480px){.dialog.fullscreen .dialog-content{padding:12px}}.Loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.Loading svg{animation:spin 1s linear infinite;transform-origin:center}@keyframes spin{100%{transform:rotate(360deg)}}";
7938
+ const lotteryTippingDialogCss = ".dialog-wrapper{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:1;z-index:199}.dialog-wrapper-visible{visibility:visible}.mask{position:fixed;inset:0;background: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)}}";
7939
7939
  const LotteryTippingDialogStyle0 = lotteryTippingDialogCss;
7940
7940
 
7941
7941
  const LotteryTippingDialog = class {
@@ -7976,7 +7976,7 @@ const LotteryTippingDialog = class {
7976
7976
  }
7977
7977
  handleMbSourceChange(newValue, oldValue) {
7978
7978
  if (newValue != oldValue) {
7979
- setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
7979
+ setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
7980
7980
  }
7981
7981
  }
7982
7982
  componentWillLoad() {
package/dist/esm/index.js CHANGED
@@ -1,2 +1,2 @@
1
- export { L as LotteryOddsbomTicketHistory } from './lottery-oddsbom-ticket-history-397fc07f.js';
1
+ export { L as LotteryOddsbomTicketHistory } from './lottery-oddsbom-ticket-history-ba01bfe1.js';
2
2
  import './index-e66667d7.js';