@everymatrix/lottery-tipping-page 1.87.25 → 1.87.27

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 (11) hide show
  1. package/dist/cjs/general-multi-select_14.cjs.entry.js +26 -26
  2. package/dist/cjs/index.cjs.js +1 -1
  3. package/dist/cjs/{lottery-tipping-page-b3e59c9c.js → lottery-tipping-page-ea2c1c3e.js} +70 -11
  4. package/dist/esm/general-multi-select_14.entry.js +27 -27
  5. package/dist/esm/index.js +1 -1
  6. package/dist/esm/{lottery-tipping-page-6edb8c22.js → lottery-tipping-page-af6b6291.js} +70 -11
  7. package/dist/lottery-tipping-page/general-multi-select_14.entry.js +2 -2
  8. package/dist/lottery-tipping-page/index.esm.js +1 -1
  9. package/dist/lottery-tipping-page/lottery-tipping-page-af6b6291.js +1 -0
  10. package/package.json +1 -1
  11. package/dist/lottery-tipping-page/lottery-tipping-page-6edb8c22.js +0 -1
package/dist/cjs/general-multi-select_14.cjs.entry.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-9d5d8231.js');
6
- const lotteryTippingPage = require('./lottery-tipping-page-b3e59c9c.js');
6
+ const lotteryTippingPage = require('./lottery-tipping-page-ea2c1c3e.js');
7
7
 
8
8
  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}";
9
9
  const GeneralMultiSelectStyle0 = generalMultiSelectCss;
@@ -91,13 +91,13 @@ const GeneralMultiSelect = class {
91
91
  }
92
92
  handleMbSourceChange(newValue, oldValue) {
93
93
  if (newValue != oldValue) {
94
- lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
94
+ lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
95
95
  }
96
96
  }
97
97
  componentDidLoad() {
98
98
  if (this.stylingContainer) {
99
99
  if (this.mbSource)
100
- lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
100
+ lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
101
101
  if (this.clientStyling)
102
102
  lotteryTippingPage.setClientStyling(this.stylingContainer, this.clientStyling);
103
103
  if (this.clientStylingUrl)
@@ -177,7 +177,7 @@ const GeneralTooltip = class {
177
177
  }
178
178
  handleMbSourceChange(newValue, oldValue) {
179
179
  if (newValue != oldValue) {
180
- lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
180
+ lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
181
181
  }
182
182
  }
183
183
  componentWillLoad() {
@@ -186,7 +186,7 @@ const GeneralTooltip = class {
186
186
  componentDidLoad() {
187
187
  if (this.stylingContainer) {
188
188
  if (this.mbSource)
189
- lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
189
+ lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
190
190
  if (this.clientStyling)
191
191
  lotteryTippingPage.setClientStyling(this.stylingContainer, this.clientStyling);
192
192
  if (this.clientStylingUrl)
@@ -331,7 +331,7 @@ const LotteryButton = class {
331
331
  }
332
332
  handleMbSourceChange(newValue, oldValue) {
333
333
  if (newValue != oldValue) {
334
- lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
334
+ lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
335
335
  }
336
336
  }
337
337
  disconnectedCallback() {
@@ -340,7 +340,7 @@ const LotteryButton = class {
340
340
  componentDidLoad() {
341
341
  if (this.stylingContainer) {
342
342
  if (this.mbSource)
343
- lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
343
+ lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
344
344
  if (this.clientStyling)
345
345
  lotteryTippingPage.setClientStyling(this.stylingContainer, this.clientStyling);
346
346
  if (this.clientStylingUrl)
@@ -433,13 +433,13 @@ const LotteryTippingBullet = class {
433
433
  }
434
434
  handleMbSourceChange(newValue, oldValue) {
435
435
  if (newValue != oldValue) {
436
- lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
436
+ lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
437
437
  }
438
438
  }
439
439
  componentDidLoad() {
440
440
  if (this.stylingContainer) {
441
441
  if (this.mbSource)
442
- lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
442
+ lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
443
443
  if (this.clientStyling)
444
444
  lotteryTippingPage.setClientStyling(this.stylingContainer, this.clientStyling);
445
445
  if (this.clientStylingUrl)
@@ -525,13 +525,13 @@ const LotteryTippingBulletGroup = class {
525
525
  }
526
526
  handleMbSourceChange(newValue, oldValue) {
527
527
  if (newValue != oldValue) {
528
- lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
528
+ lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
529
529
  }
530
530
  }
531
531
  componentDidLoad() {
532
532
  if (this.stylingContainer) {
533
533
  if (this.mbSource)
534
- lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
534
+ lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
535
535
  if (this.clientStyling)
536
536
  lotteryTippingPage.setClientStyling(this.stylingContainer, this.clientStyling);
537
537
  if (this.clientStylingUrl)
@@ -666,7 +666,7 @@ const LotteryTippingDialog = class {
666
666
  }
667
667
  handleMbSourceChange(newValue, oldValue) {
668
668
  if (newValue != oldValue) {
669
- lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
669
+ lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
670
670
  }
671
671
  }
672
672
  componentWillLoad() {
@@ -10042,7 +10042,7 @@ const LotteryTippingFilter = class {
10042
10042
  }
10043
10043
  handleMbSourceChange(newValue, oldValue) {
10044
10044
  if (newValue != oldValue) {
10045
- lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
10045
+ lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
10046
10046
  }
10047
10047
  }
10048
10048
  componentWillLoad() {
@@ -10057,7 +10057,7 @@ const LotteryTippingFilter = class {
10057
10057
  componentDidLoad() {
10058
10058
  if (this.stylingContainer) {
10059
10059
  if (this.mbSource)
10060
- lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
10060
+ lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
10061
10061
  if (this.clientStyling)
10062
10062
  lotteryTippingPage.setClientStyling(this.stylingContainer, this.clientStyling);
10063
10063
  if (this.clientStylingUrl)
@@ -10330,13 +10330,13 @@ const LotteryTippingPagination = class {
10330
10330
  }
10331
10331
  handleMbSourceChange(newValue, oldValue) {
10332
10332
  if (newValue != oldValue) {
10333
- lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
10333
+ lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
10334
10334
  }
10335
10335
  }
10336
10336
  componentDidLoad() {
10337
10337
  if (this.stylingContainer) {
10338
10338
  if (this.mbSource)
10339
- lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
10339
+ lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
10340
10340
  if (this.clientStyling)
10341
10341
  lotteryTippingPage.setClientStyling(this.stylingContainer, this.clientStyling);
10342
10342
  if (this.clientStylingUrl)
@@ -10533,13 +10533,13 @@ const lotteryTippingPanel = class {
10533
10533
  }
10534
10534
  handleMbSourceChange(newValue, oldValue) {
10535
10535
  if (newValue != oldValue) {
10536
- lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
10536
+ lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
10537
10537
  }
10538
10538
  }
10539
10539
  componentDidLoad() {
10540
10540
  if (this.stylingContainer) {
10541
10541
  if (this.mbSource)
10542
- lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
10542
+ lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
10543
10543
  if (this.clientStyling)
10544
10544
  lotteryTippingPage.setClientStyling(this.stylingContainer, this.clientStyling);
10545
10545
  if (this.clientStylingUrl)
@@ -10899,7 +10899,7 @@ const LotteryTippingTicketBanner = class {
10899
10899
  }
10900
10900
  handleMbSourceChange(newValue, oldValue) {
10901
10901
  if (newValue != oldValue) {
10902
- lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
10902
+ lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
10903
10903
  }
10904
10904
  }
10905
10905
  async componentWillLoad() {
@@ -10910,7 +10910,7 @@ const LotteryTippingTicketBanner = class {
10910
10910
  componentDidLoad() {
10911
10911
  if (this.stylingContainer) {
10912
10912
  if (this.mbSource)
10913
- lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
10913
+ lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
10914
10914
  if (this.clientStyling)
10915
10915
  lotteryTippingPage.setClientStyling(this.stylingContainer, this.clientStyling);
10916
10916
  if (this.clientStylingUrl)
@@ -11149,7 +11149,7 @@ const LotteryTippingTicketBet = class {
11149
11149
  }
11150
11150
  handleMbSourceChange(newValue, oldValue) {
11151
11151
  if (newValue != oldValue) {
11152
- lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
11152
+ lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
11153
11153
  }
11154
11154
  }
11155
11155
  disconnectedCallback() {
@@ -11163,7 +11163,7 @@ const LotteryTippingTicketBet = class {
11163
11163
  componentDidLoad() {
11164
11164
  if (this.stylingContainer) {
11165
11165
  if (this.mbSource)
11166
- lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
11166
+ lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
11167
11167
  if (this.clientStyling)
11168
11168
  lotteryTippingPage.setClientStyling(this.stylingContainer, this.clientStyling);
11169
11169
  if (this.clientStylingUrl)
@@ -11647,7 +11647,7 @@ const LotteryTippingTicketController = class {
11647
11647
  }
11648
11648
  handleMbSourceChange(newValue, oldValue) {
11649
11649
  if (newValue != oldValue) {
11650
- lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
11650
+ lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
11651
11651
  }
11652
11652
  }
11653
11653
  componentWillLoad() {
@@ -11658,7 +11658,7 @@ const LotteryTippingTicketController = class {
11658
11658
  componentDidLoad() {
11659
11659
  if (this.stylingContainer) {
11660
11660
  if (this.mbSource)
11661
- lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
11661
+ lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
11662
11662
  if (this.clientStyling)
11663
11663
  lotteryTippingPage.setClientStyling(this.stylingContainer, this.clientStyling);
11664
11664
  if (this.clientStylingUrl)
@@ -11894,13 +11894,13 @@ const LotteryTippingTicketHistory = class {
11894
11894
  }
11895
11895
  handleMbSourceChange(newValue, oldValue) {
11896
11896
  if (newValue != oldValue) {
11897
- lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
11897
+ lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
11898
11898
  }
11899
11899
  }
11900
11900
  componentDidLoad() {
11901
11901
  if (this.stylingContainer) {
11902
11902
  if (this.mbSource)
11903
- lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
11903
+ lotteryTippingPage.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
11904
11904
  if (this.clientStyling)
11905
11905
  lotteryTippingPage.setClientStyling(this.stylingContainer, this.clientStyling);
11906
11906
  if (this.clientStylingUrl)
package/dist/cjs/index.cjs.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const lotteryTippingPage = require('./lottery-tipping-page-b3e59c9c.js');
5
+ const lotteryTippingPage = require('./lottery-tipping-page-ea2c1c3e.js');
6
6
  require('./index-9d5d8231.js');
7
7
 
8
8
 
package/dist/cjs/{lottery-tipping-page-b3e59c9c.js → lottery-tipping-page-ea2c1c3e.js} RENAMED
@@ -2,6 +2,8 @@
2
2
 
3
3
  const index = require('./index-9d5d8231.js');
4
4
 
5
+ const StyleCacheKey = '__WIDGET_GLOBAL_STYLE_CACHE__';
6
+
5
7
  /**
6
8
  * @name setClientStyling
7
9
  * @description Method used to create and append to the passed element of the widget a style element with the content received
@@ -47,18 +49,75 @@ function setClientStylingURL(stylingContainer, clientStylingUrl) {
47
49
  * @param {HTMLElement} stylingContainer The highest element of the widget
48
50
  * @param {string} domain The domain from where the content should be fetched (e.g. 'Casino.Style', 'App.Style', 'casino-footer.style', etc.)
49
51
  * @param {ref} subscription A reference to a variable where the subscription should be saved for unsubscribing when no longer needed
52
+ * @param {boolean} useAdoptedStyleSheets A flag to gradually enable testing of adoptedStyleSheets
50
53
  */
51
- function setStreamStyling(stylingContainer, domain, subscription) {
52
- if (window.emMessageBus) {
53
- const sheet = document.createElement('style');
54
+ function setStreamStyling(stylingContainer, domain, subscription, useAdoptedStyleSheets = false) {
55
+ if (!window.emMessageBus) return;
54
56
 
55
- window.emMessageBus.subscribe(domain, (data) => {
56
- sheet.innerHTML = data;
57
- if (stylingContainer) {
58
- stylingContainer.appendChild(sheet);
59
- }
60
- });
57
+ const supportAdoptStyle = 'adoptedStyleSheets' in Document.prototype;
58
+
59
+ if (!supportAdoptStyle || !useAdoptedStyleSheets) {
60
+ subscription = getStyleTagSubscription(stylingContainer, domain);
61
+
62
+ return subscription;
63
+ }
64
+
65
+ if (!window[StyleCacheKey]) {
66
+ window[StyleCacheKey] = {};
61
67
  }
68
+ subscription = getAdoptStyleSubscription(stylingContainer, domain);
69
+
70
+ const originalUnsubscribe = subscription.unsubscribe.bind(subscription);
71
+ const wrappedUnsubscribe = () => {
72
+ if (window[StyleCacheKey][domain]) {
73
+ const cachedObject = window[StyleCacheKey][domain];
74
+ cachedObject.refCount > 1
75
+ ? (cachedObject.refCount = cachedObject.refCount - 1)
76
+ : delete window[StyleCacheKey][domain];
77
+ }
78
+
79
+ originalUnsubscribe();
80
+ };
81
+ subscription.unsubscribe = wrappedUnsubscribe;
82
+
83
+ return subscription;
84
+ }
85
+
86
+ function getStyleTagSubscription(stylingContainer, domain) {
87
+ const sheet = document.createElement('style');
88
+
89
+ return window.emMessageBus.subscribe(domain, (data) => {
90
+ if (stylingContainer) {
91
+ sheet.innerHTML = data;
92
+ stylingContainer.appendChild(sheet);
93
+ }
94
+ });
95
+ }
96
+
97
+ function getAdoptStyleSubscription(stylingContainer, domain) {
98
+ return window.emMessageBus.subscribe(domain, (data) => {
99
+ if (!stylingContainer) return;
100
+
101
+ const shadowRoot = stylingContainer.getRootNode();
102
+ const cacheStyleObject = window[StyleCacheKey];
103
+ let cachedStyle = cacheStyleObject[domain]?.sheet;
104
+
105
+ if (!cachedStyle) {
106
+ cachedStyle = new CSSStyleSheet();
107
+ cachedStyle.replaceSync(data);
108
+ cacheStyleObject[domain] = {
109
+ sheet: cachedStyle,
110
+ refCount: 1
111
+ };
112
+ } else {
113
+ cacheStyleObject[domain].refCount = cacheStyleObject[domain].refCount + 1;
114
+ }
115
+
116
+ const currentSheets = shadowRoot.adoptedStyleSheets || [];
117
+ if (!currentSheets.includes(cachedStyle)) {
118
+ shadowRoot.adoptedStyleSheets = [...currentSheets, cachedStyle];
119
+ }
120
+ });
62
121
  }
63
122
 
64
123
  var Tab;
@@ -157,7 +216,7 @@ const LotteryTippingPage = class {
157
216
  }
158
217
  handleMbSourceChange(newValue, oldValue) {
159
218
  if (newValue != oldValue) {
160
- setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
219
+ setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
161
220
  }
162
221
  }
163
222
  componentWillLoad() {
@@ -168,7 +227,7 @@ const LotteryTippingPage = class {
168
227
  componentDidLoad() {
169
228
  if (this.stylingContainer) {
170
229
  if (this.mbSource)
171
- setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
230
+ setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
172
231
  if (this.clientStyling)
173
232
  setClientStyling(this.stylingContainer, this.clientStyling);
174
233
  if (this.clientStylingUrl)
package/dist/esm/general-multi-select_14.entry.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, g as getAssetPath, h, a as getElement } from './index-3be4f76e.js';
2
- import { s as setClientStyling, a as setClientStylingURL, b as setStreamStyling } from './lottery-tipping-page-6edb8c22.js';
3
- export { L as lottery_tipping_page } from './lottery-tipping-page-6edb8c22.js';
2
+ import { s as setClientStyling, a as setClientStylingURL, b as setStreamStyling } from './lottery-tipping-page-af6b6291.js';
3
+ export { L as lottery_tipping_page } from './lottery-tipping-page-af6b6291.js';
4
4
 
5
5
  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}";
6
6
  const GeneralMultiSelectStyle0 = generalMultiSelectCss;
@@ -88,13 +88,13 @@ const GeneralMultiSelect = class {
88
88
  }
89
89
  handleMbSourceChange(newValue, oldValue) {
90
90
  if (newValue != oldValue) {
91
- setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
91
+ setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
92
92
  }
93
93
  }
94
94
  componentDidLoad() {
95
95
  if (this.stylingContainer) {
96
96
  if (this.mbSource)
97
- setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
97
+ setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
98
98
  if (this.clientStyling)
99
99
  setClientStyling(this.stylingContainer, this.clientStyling);
100
100
  if (this.clientStylingUrl)
@@ -174,7 +174,7 @@ const GeneralTooltip = class {
174
174
  }
175
175
  handleMbSourceChange(newValue, oldValue) {
176
176
  if (newValue != oldValue) {
177
- setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
177
+ setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
178
178
  }
179
179
  }
180
180
  componentWillLoad() {
@@ -183,7 +183,7 @@ const GeneralTooltip = class {
183
183
  componentDidLoad() {
184
184
  if (this.stylingContainer) {
185
185
  if (this.mbSource)
186
- setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
186
+ setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
187
187
  if (this.clientStyling)
188
188
  setClientStyling(this.stylingContainer, this.clientStyling);
189
189
  if (this.clientStylingUrl)
@@ -328,7 +328,7 @@ const LotteryButton = class {
328
328
  }
329
329
  handleMbSourceChange(newValue, oldValue) {
330
330
  if (newValue != oldValue) {
331
- setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
331
+ setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
332
332
  }
333
333
  }
334
334
  disconnectedCallback() {
@@ -337,7 +337,7 @@ const LotteryButton = class {
337
337
  componentDidLoad() {
338
338
  if (this.stylingContainer) {
339
339
  if (this.mbSource)
340
- setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
340
+ setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
341
341
  if (this.clientStyling)
342
342
  setClientStyling(this.stylingContainer, this.clientStyling);
343
343
  if (this.clientStylingUrl)
@@ -430,13 +430,13 @@ const LotteryTippingBullet = class {
430
430
  }
431
431
  handleMbSourceChange(newValue, oldValue) {
432
432
  if (newValue != oldValue) {
433
- setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
433
+ setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
434
434
  }
435
435
  }
436
436
  componentDidLoad() {
437
437
  if (this.stylingContainer) {
438
438
  if (this.mbSource)
439
- setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
439
+ setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
440
440
  if (this.clientStyling)
441
441
  setClientStyling(this.stylingContainer, this.clientStyling);
442
442
  if (this.clientStylingUrl)
@@ -522,13 +522,13 @@ const LotteryTippingBulletGroup = class {
522
522
  }
523
523
  handleMbSourceChange(newValue, oldValue) {
524
524
  if (newValue != oldValue) {
525
- setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
525
+ setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
526
526
  }
527
527
  }
528
528
  componentDidLoad() {
529
529
  if (this.stylingContainer) {
530
530
  if (this.mbSource)
531
- setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
531
+ setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
532
532
  if (this.clientStyling)
533
533
  setClientStyling(this.stylingContainer, this.clientStyling);
534
534
  if (this.clientStylingUrl)
@@ -663,7 +663,7 @@ const LotteryTippingDialog = class {
663
663
  }
664
664
  handleMbSourceChange(newValue, oldValue) {
665
665
  if (newValue != oldValue) {
666
- setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
666
+ setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
667
667
  }
668
668
  }
669
669
  componentWillLoad() {
@@ -10039,7 +10039,7 @@ const LotteryTippingFilter = class {
10039
10039
  }
10040
10040
  handleMbSourceChange(newValue, oldValue) {
10041
10041
  if (newValue != oldValue) {
10042
- setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
10042
+ setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
10043
10043
  }
10044
10044
  }
10045
10045
  componentWillLoad() {
@@ -10054,7 +10054,7 @@ const LotteryTippingFilter = class {
10054
10054
  componentDidLoad() {
10055
10055
  if (this.stylingContainer) {
10056
10056
  if (this.mbSource)
10057
- setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
10057
+ setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
10058
10058
  if (this.clientStyling)
10059
10059
  setClientStyling(this.stylingContainer, this.clientStyling);
10060
10060
  if (this.clientStylingUrl)
@@ -10327,13 +10327,13 @@ const LotteryTippingPagination = class {
10327
10327
  }
10328
10328
  handleMbSourceChange(newValue, oldValue) {
10329
10329
  if (newValue != oldValue) {
10330
- setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
10330
+ setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
10331
10331
  }
10332
10332
  }
10333
10333
  componentDidLoad() {
10334
10334
  if (this.stylingContainer) {
10335
10335
  if (this.mbSource)
10336
- setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
10336
+ setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
10337
10337
  if (this.clientStyling)
10338
10338
  setClientStyling(this.stylingContainer, this.clientStyling);
10339
10339
  if (this.clientStylingUrl)
@@ -10530,13 +10530,13 @@ const lotteryTippingPanel = class {
10530
10530
  }
10531
10531
  handleMbSourceChange(newValue, oldValue) {
10532
10532
  if (newValue != oldValue) {
10533
- setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
10533
+ setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
10534
10534
  }
10535
10535
  }
10536
10536
  componentDidLoad() {
10537
10537
  if (this.stylingContainer) {
10538
10538
  if (this.mbSource)
10539
- setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
10539
+ setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
10540
10540
  if (this.clientStyling)
10541
10541
  setClientStyling(this.stylingContainer, this.clientStyling);
10542
10542
  if (this.clientStylingUrl)
@@ -10896,7 +10896,7 @@ const LotteryTippingTicketBanner = class {
10896
10896
  }
10897
10897
  handleMbSourceChange(newValue, oldValue) {
10898
10898
  if (newValue != oldValue) {
10899
- setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
10899
+ setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
10900
10900
  }
10901
10901
  }
10902
10902
  async componentWillLoad() {
@@ -10907,7 +10907,7 @@ const LotteryTippingTicketBanner = class {
10907
10907
  componentDidLoad() {
10908
10908
  if (this.stylingContainer) {
10909
10909
  if (this.mbSource)
10910
- setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
10910
+ setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
10911
10911
  if (this.clientStyling)
10912
10912
  setClientStyling(this.stylingContainer, this.clientStyling);
10913
10913
  if (this.clientStylingUrl)
@@ -11146,7 +11146,7 @@ const LotteryTippingTicketBet = class {
11146
11146
  }
11147
11147
  handleMbSourceChange(newValue, oldValue) {
11148
11148
  if (newValue != oldValue) {
11149
- setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
11149
+ setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
11150
11150
  }
11151
11151
  }
11152
11152
  disconnectedCallback() {
@@ -11160,7 +11160,7 @@ const LotteryTippingTicketBet = class {
11160
11160
  componentDidLoad() {
11161
11161
  if (this.stylingContainer) {
11162
11162
  if (this.mbSource)
11163
- setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
11163
+ setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
11164
11164
  if (this.clientStyling)
11165
11165
  setClientStyling(this.stylingContainer, this.clientStyling);
11166
11166
  if (this.clientStylingUrl)
@@ -11644,7 +11644,7 @@ const LotteryTippingTicketController = class {
11644
11644
  }
11645
11645
  handleMbSourceChange(newValue, oldValue) {
11646
11646
  if (newValue != oldValue) {
11647
- setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
11647
+ setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
11648
11648
  }
11649
11649
  }
11650
11650
  componentWillLoad() {
@@ -11655,7 +11655,7 @@ const LotteryTippingTicketController = class {
11655
11655
  componentDidLoad() {
11656
11656
  if (this.stylingContainer) {
11657
11657
  if (this.mbSource)
11658
- setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
11658
+ setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
11659
11659
  if (this.clientStyling)
11660
11660
  setClientStyling(this.stylingContainer, this.clientStyling);
11661
11661
  if (this.clientStylingUrl)
@@ -11891,13 +11891,13 @@ const LotteryTippingTicketHistory = class {
11891
11891
  }
11892
11892
  handleMbSourceChange(newValue, oldValue) {
11893
11893
  if (newValue != oldValue) {
11894
- setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
11894
+ setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
11895
11895
  }
11896
11896
  }
11897
11897
  componentDidLoad() {
11898
11898
  if (this.stylingContainer) {
11899
11899
  if (this.mbSource)
11900
- setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
11900
+ setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
11901
11901
  if (this.clientStyling)
11902
11902
  setClientStyling(this.stylingContainer, this.clientStyling);
11903
11903
  if (this.clientStylingUrl)
package/dist/esm/index.js CHANGED
@@ -1,2 +1,2 @@
1
- export { L as LotteryTippingPage } from './lottery-tipping-page-6edb8c22.js';
1
+ export { L as LotteryTippingPage } from './lottery-tipping-page-af6b6291.js';
2
2
  import './index-3be4f76e.js';