@everymatrix/lottery-oddsbom-ticket-bet 0.7.26 → 0.7.27

package/dist/cjs/index.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const lotteryOddsbomTicketBet = require('./lottery-oddsbom-ticket-bet-6aa76dcd.js');
+const lotteryOddsbomTicketBet = require('./lottery-oddsbom-ticket-bet-886fd964.js');
 require('./index-b8e9c8e4.js');
 
 

package/dist/cjs/lottery-oddsbom-bullet_9.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b8e9c8e4.js');
-const lotteryOddsbomTicketBet = require('./lottery-oddsbom-ticket-bet-6aa76dcd.js');
+const lotteryOddsbomTicketBet = require('./lottery-oddsbom-ticket-bet-886fd964.js');
 
 // This icon file is generated automatically.
 var ArrowUpOutlined = { "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" };
@@ -111,13 +111,13 @@ const LotteryOddsbomBullet = class {
     }
     handleMbSourceChange(newValue, oldValue) {
         if (newValue != oldValue) {
-            lotteryOddsbomTicketBet.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+            lotteryOddsbomTicketBet.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
         }
     }
     componentDidLoad() {
         if (this.stylingContainer) {
             if (this.mbSource)
-                lotteryOddsbomTicketBet.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+                lotteryOddsbomTicketBet.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
             if (this.clientStyling)
                 lotteryOddsbomTicketBet.setClientStyling(this.stylingContainer, this.clientStyling);
             if (this.clientStylingUrl)
@@ -208,7 +208,7 @@ const LotteryOddsbomBulletGroup = class {
     }
     handleMbSourceChange(newValue, oldValue) {
         if (newValue != oldValue) {
-            lotteryOddsbomTicketBet.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+            lotteryOddsbomTicketBet.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
         }
     }
     oddsbomBulletToggleHandler(event) {
@@ -251,7 +251,7 @@ const LotteryOddsbomBulletGroup = class {
     componentDidLoad() {
         if (this.stylingContainer) {
             if (this.mbSource)
-                lotteryOddsbomTicketBet.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+                lotteryOddsbomTicketBet.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
             if (this.clientStyling)
                 lotteryOddsbomTicketBet.setClientStyling(this.stylingContainer, this.clientStyling);
             if (this.clientStylingUrl)
@@ -415,7 +415,7 @@ const LotteryOddsbomOddschart = class {
     }
     handleMbSourceChange(newValue, oldValue) {
         if (newValue != oldValue) {
-            lotteryOddsbomTicketBet.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+            lotteryOddsbomTicketBet.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
         }
     }
     handleMatchInfoChange(newValue) {
@@ -429,7 +429,7 @@ const LotteryOddsbomOddschart = class {
     componentDidLoad() {
         if (this.stylingContainer) {
             if (this.mbSource)
-                lotteryOddsbomTicketBet.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+                lotteryOddsbomTicketBet.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
             if (this.clientStyling)
                 lotteryOddsbomTicketBet.setClientStyling(this.stylingContainer, this.clientStyling);
             if (this.clientStylingUrl)
@@ -541,13 +541,13 @@ const LotteryOddsbomOddschartInput = class {
     }
     handleMbSourceChange(newValue, oldValue) {
         if (newValue != oldValue) {
-            lotteryOddsbomTicketBet.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+            lotteryOddsbomTicketBet.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
         }
     }
     componentDidLoad() {
         if (this.stylingContainer) {
             if (this.mbSource)
-                lotteryOddsbomTicketBet.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+                lotteryOddsbomTicketBet.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
             if (this.clientStyling)
                 lotteryOddsbomTicketBet.setClientStyling(this.stylingContainer, this.clientStyling);
             if (this.clientStylingUrl)
@@ -606,7 +606,7 @@ const LotteryOddsbomTicketBoard = class {
     }
     handleMbSourceChange(newValue, oldValue) {
         if (newValue != oldValue) {
-            lotteryOddsbomTicketBet.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+            lotteryOddsbomTicketBet.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
         }
     }
     componentWillLoad() {
@@ -677,7 +677,7 @@ const LotteryOddsbomTicketBoard = class {
     componentDidLoad() {
         if (this.stylingContainer) {
             if (this.mbSource)
-                lotteryOddsbomTicketBet.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+                lotteryOddsbomTicketBet.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
             if (this.clientStyling)
                 lotteryOddsbomTicketBet.setClientStyling(this.stylingContainer, this.clientStyling);
             if (this.clientStylingUrl)
@@ -756,7 +756,7 @@ const LotteryOddsbomTicketButton = class {
     }
     handleMbSourceChange(newValue, oldValue) {
         if (newValue != oldValue) {
-            lotteryOddsbomTicketBet.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+            lotteryOddsbomTicketBet.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
         }
     }
     disconnectedCallback() {
@@ -823,7 +823,7 @@ const LotteryOddsbomTicketSelection = class {
     }
     handleMbSourceChange(newValue, oldValue) {
         if (newValue != oldValue) {
-            lotteryOddsbomTicketBet.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+            lotteryOddsbomTicketBet.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
         }
     }
     componentWillLoad() {
@@ -832,7 +832,7 @@ const LotteryOddsbomTicketSelection = class {
     componentDidLoad() {
         if (this.stylingContainer) {
             if (this.mbSource)
-                lotteryOddsbomTicketBet.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+                lotteryOddsbomTicketBet.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
             if (this.clientStyling)
                 lotteryOddsbomTicketBet.setClientStyling(this.stylingContainer, this.clientStyling);
             if (this.clientStylingUrl)
@@ -990,7 +990,7 @@ const LotteryTippingDialog = class {
     }
     handleMbSourceChange(newValue, oldValue) {
         if (newValue != oldValue) {
-            lotteryOddsbomTicketBet.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+            lotteryOddsbomTicketBet.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
         }
     }
     componentWillLoad() {

package/dist/cjs/{lottery-oddsbom-ticket-bet-6aa76dcd.js → lottery-oddsbom-ticket-bet-886fd964.js}

@@ -2,6 +2,8 @@
 
 const index = require('./index-b8e9c8e4.js');
 
+const StyleCacheKey = '__WIDGET_GLOBAL_STYLE_CACHE__';
+
 /**
  * @name setClientStyling
  * @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) {
  * @param {HTMLElement} stylingContainer The highest element of the widget
  * @param {string} domain The domain from where the content should be fetched (e.g. 'Casino.Style', 'App.Style', 'casino-footer.style', etc.)
  * @param {ref} subscription A reference to a variable where the subscription should be saved for unsubscribing when no longer needed
+ * @param {boolean} useAdoptedStyleSheets A flag to gradually enable testing of adoptedStyleSheets
  */
-function setStreamStyling(stylingContainer, domain, subscription) {
-  if (window.emMessageBus) {
-    const sheet = document.createElement('style');
+function setStreamStyling(stylingContainer, domain, subscription, useAdoptedStyleSheets = false) {
+  if (!window.emMessageBus) return;
 
-    window.emMessageBus.subscribe(domain, (data) => {
-      sheet.innerHTML = data;
-      if (stylingContainer) {
-        stylingContainer.appendChild(sheet);
-      }
-    });
+  const supportAdoptStyle = 'adoptedStyleSheets' in Document.prototype;
+
+  if (!supportAdoptStyle || !useAdoptedStyleSheets) {
+    subscription = getStyleTagSubscription(stylingContainer, domain);
+
+    return subscription;
   }
+
+  if (!window[StyleCacheKey]) {
+    window[StyleCacheKey] = {};
+  }
+  subscription = getAdoptStyleSubscription(stylingContainer, domain);
+
+  const originalUnsubscribe = subscription.unsubscribe.bind(subscription);
+  const wrappedUnsubscribe = () => {
+    if (window[StyleCacheKey][domain]) {
+      const cachedObject = window[StyleCacheKey][domain];
+      cachedObject.refCount > 1
+        ? (cachedObject.refCount = cachedObject.refCount - 1)
+        : delete window[StyleCacheKey][domain];
+    }
+
+    originalUnsubscribe();
+  };
+  subscription.unsubscribe = wrappedUnsubscribe;
+
+  return subscription;
+}
+
+function getStyleTagSubscription(stylingContainer, domain) {
+  const sheet = document.createElement('style');
+
+  return window.emMessageBus.subscribe(domain, (data) => {
+    if (stylingContainer) {
+      sheet.innerHTML = data;
+      stylingContainer.appendChild(sheet);
+    }
+  });
+}
+
+function getAdoptStyleSubscription(stylingContainer, domain) {
+  return window.emMessageBus.subscribe(domain, (data) => {
+    if (!stylingContainer) return;
+
+    const shadowRoot = stylingContainer.getRootNode();
+    const cacheStyleObject = window[StyleCacheKey];
+    let cachedStyle = cacheStyleObject[domain]?.sheet;
+
+    if (!cachedStyle) {
+      cachedStyle = new CSSStyleSheet();
+      cachedStyle.replaceSync(data);
+      cacheStyleObject[domain] = {
+        sheet: cachedStyle,
+        refCount: 1
+      };
+    } else {
+      cacheStyleObject[domain].refCount = cacheStyleObject[domain].refCount + 1;
+    }
+
+    const currentSheets = shadowRoot.adoptedStyleSheets || [];
+    if (!currentSheets.includes(cachedStyle)) {
+      shadowRoot.adoptedStyleSheets = [...currentSheets, cachedStyle];
+    }
+  });
 }
 
 function _typeof(o) {
@@ -9644,7 +9703,7 @@ const LotteryOddsbomTicketBet = class {
     }
     handleMbSourceChange(newValue, oldValue) {
         if (newValue != oldValue) {
-            setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+            setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
         }
     }
     componentWillLoad() {
@@ -9687,7 +9746,7 @@ const LotteryOddsbomTicketBet = class {
     async componentDidLoad() {
         if (this.stylingContainer) {
             if (this.mbSource)
-                setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+                setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
             if (this.clientStyling)
                 setClientStyling(this.stylingContainer, this.clientStyling);
             if (this.clientStylingUrl)

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-export { L as LotteryOddsbomTicketBet } from './lottery-oddsbom-ticket-bet-32060989.js';
+export { L as LotteryOddsbomTicketBet } from './lottery-oddsbom-ticket-bet-1e36d8ab.js';
 import './index-9dee9d86.js';

package/dist/esm/lottery-oddsbom-bullet_9.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-9dee9d86.js';
-import { s as setClientStyling, a as setClientStylingURL, b as setStreamStyling, c as showNotification, t as translate$1, d as stringToBase64, r as resolveTranslationUrl$1, f as formatNumber, g as getTranslations$1, M as MAX_DISPLAY_OPTION_NUM } from './lottery-oddsbom-ticket-bet-32060989.js';
-export { L as lottery_oddsbom_ticket_bet } from './lottery-oddsbom-ticket-bet-32060989.js';
+import { s as setClientStyling, a as setClientStylingURL, b as setStreamStyling, c as showNotification, t as translate$1, d as stringToBase64, r as resolveTranslationUrl$1, f as formatNumber, g as getTranslations$1, M as MAX_DISPLAY_OPTION_NUM } from './lottery-oddsbom-ticket-bet-1e36d8ab.js';
+export { L as lottery_oddsbom_ticket_bet } from './lottery-oddsbom-ticket-bet-1e36d8ab.js';
 
 // This icon file is generated automatically.
 var ArrowUpOutlined = { "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" };
@@ -108,13 +108,13 @@ const LotteryOddsbomBullet = class {
     }
     handleMbSourceChange(newValue, oldValue) {
         if (newValue != oldValue) {
-            setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+            setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
         }
     }
     componentDidLoad() {
         if (this.stylingContainer) {
             if (this.mbSource)
-                setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+                setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
             if (this.clientStyling)
                 setClientStyling(this.stylingContainer, this.clientStyling);
             if (this.clientStylingUrl)
@@ -205,7 +205,7 @@ const LotteryOddsbomBulletGroup = class {
     }
     handleMbSourceChange(newValue, oldValue) {
         if (newValue != oldValue) {
-            setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+            setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
         }
     }
     oddsbomBulletToggleHandler(event) {
@@ -248,7 +248,7 @@ const LotteryOddsbomBulletGroup = class {
     componentDidLoad() {
         if (this.stylingContainer) {
             if (this.mbSource)
-                setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+                setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
             if (this.clientStyling)
                 setClientStyling(this.stylingContainer, this.clientStyling);
             if (this.clientStylingUrl)
@@ -412,7 +412,7 @@ const LotteryOddsbomOddschart = class {
     }
     handleMbSourceChange(newValue, oldValue) {
         if (newValue != oldValue) {
-            setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+            setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
         }
     }
     handleMatchInfoChange(newValue) {
@@ -426,7 +426,7 @@ const LotteryOddsbomOddschart = class {
     componentDidLoad() {
         if (this.stylingContainer) {
             if (this.mbSource)
-                setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+                setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
             if (this.clientStyling)
                 setClientStyling(this.stylingContainer, this.clientStyling);
             if (this.clientStylingUrl)
@@ -538,13 +538,13 @@ const LotteryOddsbomOddschartInput = class {
     }
     handleMbSourceChange(newValue, oldValue) {
         if (newValue != oldValue) {
-            setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+            setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
         }
     }
     componentDidLoad() {
         if (this.stylingContainer) {
             if (this.mbSource)
-                setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+                setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
             if (this.clientStyling)
                 setClientStyling(this.stylingContainer, this.clientStyling);
             if (this.clientStylingUrl)
@@ -603,7 +603,7 @@ const LotteryOddsbomTicketBoard = class {
     }
     handleMbSourceChange(newValue, oldValue) {
         if (newValue != oldValue) {
-            setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+            setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
         }
     }
     componentWillLoad() {
@@ -674,7 +674,7 @@ const LotteryOddsbomTicketBoard = class {
     componentDidLoad() {
         if (this.stylingContainer) {
             if (this.mbSource)
-                setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+                setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
             if (this.clientStyling)
                 setClientStyling(this.stylingContainer, this.clientStyling);
             if (this.clientStylingUrl)
@@ -753,7 +753,7 @@ const LotteryOddsbomTicketButton = class {
     }
     handleMbSourceChange(newValue, oldValue) {
         if (newValue != oldValue) {
-            setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+            setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
         }
     }
     disconnectedCallback() {
@@ -820,7 +820,7 @@ const LotteryOddsbomTicketSelection = class {
     }
     handleMbSourceChange(newValue, oldValue) {
         if (newValue != oldValue) {
-            setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+            setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
         }
     }
     componentWillLoad() {
@@ -829,7 +829,7 @@ const LotteryOddsbomTicketSelection = class {
     componentDidLoad() {
         if (this.stylingContainer) {
             if (this.mbSource)
-                setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+                setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
             if (this.clientStyling)
                 setClientStyling(this.stylingContainer, this.clientStyling);
             if (this.clientStylingUrl)
@@ -987,7 +987,7 @@ const LotteryTippingDialog = class {
     }
     handleMbSourceChange(newValue, oldValue) {
         if (newValue != oldValue) {
-            setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+            setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
         }
     }
     componentWillLoad() {

package/dist/esm/{lottery-oddsbom-ticket-bet-32060989.js → lottery-oddsbom-ticket-bet-1e36d8ab.js}

@@ -1,5 +1,7 @@
 import { r as registerInstance, h } from './index-9dee9d86.js';
 
+const StyleCacheKey = '__WIDGET_GLOBAL_STYLE_CACHE__';
+
 /**
  * @name setClientStyling
  * @description Method used to create and append to the passed element of the widget a style element with the content received
@@ -45,18 +47,75 @@ function setClientStylingURL(stylingContainer, clientStylingUrl) {
  * @param {HTMLElement} stylingContainer The highest element of the widget
  * @param {string} domain The domain from where the content should be fetched (e.g. 'Casino.Style', 'App.Style', 'casino-footer.style', etc.)
  * @param {ref} subscription A reference to a variable where the subscription should be saved for unsubscribing when no longer needed
+ * @param {boolean} useAdoptedStyleSheets A flag to gradually enable testing of adoptedStyleSheets
  */
-function setStreamStyling(stylingContainer, domain, subscription) {
-  if (window.emMessageBus) {
-    const sheet = document.createElement('style');
+function setStreamStyling(stylingContainer, domain, subscription, useAdoptedStyleSheets = false) {
+  if (!window.emMessageBus) return;
 
-    window.emMessageBus.subscribe(domain, (data) => {
-      sheet.innerHTML = data;
-      if (stylingContainer) {
-        stylingContainer.appendChild(sheet);
-      }
-    });
+  const supportAdoptStyle = 'adoptedStyleSheets' in Document.prototype;
+
+  if (!supportAdoptStyle || !useAdoptedStyleSheets) {
+    subscription = getStyleTagSubscription(stylingContainer, domain);
+
+    return subscription;
   }
+
+  if (!window[StyleCacheKey]) {
+    window[StyleCacheKey] = {};
+  }
+  subscription = getAdoptStyleSubscription(stylingContainer, domain);
+
+  const originalUnsubscribe = subscription.unsubscribe.bind(subscription);
+  const wrappedUnsubscribe = () => {
+    if (window[StyleCacheKey][domain]) {
+      const cachedObject = window[StyleCacheKey][domain];
+      cachedObject.refCount > 1
+        ? (cachedObject.refCount = cachedObject.refCount - 1)
+        : delete window[StyleCacheKey][domain];
+    }
+
+    originalUnsubscribe();
+  };
+  subscription.unsubscribe = wrappedUnsubscribe;
+
+  return subscription;
+}
+
+function getStyleTagSubscription(stylingContainer, domain) {
+  const sheet = document.createElement('style');
+
+  return window.emMessageBus.subscribe(domain, (data) => {
+    if (stylingContainer) {
+      sheet.innerHTML = data;
+      stylingContainer.appendChild(sheet);
+    }
+  });
+}
+
+function getAdoptStyleSubscription(stylingContainer, domain) {
+  return window.emMessageBus.subscribe(domain, (data) => {
+    if (!stylingContainer) return;
+
+    const shadowRoot = stylingContainer.getRootNode();
+    const cacheStyleObject = window[StyleCacheKey];
+    let cachedStyle = cacheStyleObject[domain]?.sheet;
+
+    if (!cachedStyle) {
+      cachedStyle = new CSSStyleSheet();
+      cachedStyle.replaceSync(data);
+      cacheStyleObject[domain] = {
+        sheet: cachedStyle,
+        refCount: 1
+      };
+    } else {
+      cacheStyleObject[domain].refCount = cacheStyleObject[domain].refCount + 1;
+    }
+
+    const currentSheets = shadowRoot.adoptedStyleSheets || [];
+    if (!currentSheets.includes(cachedStyle)) {
+      shadowRoot.adoptedStyleSheets = [...currentSheets, cachedStyle];
+    }
+  });
 }
 
 function _typeof(o) {
@@ -9642,7 +9701,7 @@ const LotteryOddsbomTicketBet = class {
     }
     handleMbSourceChange(newValue, oldValue) {
         if (newValue != oldValue) {
-            setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+            setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
         }
     }
     componentWillLoad() {
@@ -9685,7 +9744,7 @@ const LotteryOddsbomTicketBet = class {
     async componentDidLoad() {
         if (this.stylingContainer) {
             if (this.mbSource)
-                setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+                setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
             if (this.clientStyling)
                 setClientStyling(this.stylingContainer, this.clientStyling);
             if (this.clientStylingUrl)

package/dist/lottery-oddsbom-ticket-bet/index.esm.js

@@ -1 +1 @@
-export{L as LotteryOddsbomTicketBet}from"./lottery-oddsbom-ticket-bet-32060989.js";import"./index-9dee9d86.js";
+export{L as LotteryOddsbomTicketBet}from"./lottery-oddsbom-ticket-bet-1e36d8ab.js";import"./index-9dee9d86.js";