@everymatrix/lottery-oddsbom-bullet-group 0.7.26 → 0.7.27

package/dist/cjs/index.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const lotteryOddsbomBulletGroup = require('./lottery-oddsbom-bullet-group-a0684dc8.js');
+const lotteryOddsbomBulletGroup = require('./lottery-oddsbom-bullet-group-001f8c5a.js');
 require('./index-887155dc.js');
 
 

package/dist/cjs/{lottery-oddsbom-bullet-group-a0684dc8.js → lottery-oddsbom-bullet-group-001f8c5a.js}

@@ -2,6 +2,8 @@
 
 const index = require('./index-887155dc.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];
+    }
+  });
 }
 
 const lotteryOddsbomBulletGroupCss = ".oddsbomBulletGroup{width:100%}.oddsbomBulletGroup .oddsbomBulletGroup-list{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.oddsbomBulletGroup .selection-bullet-list{justify-content:flex-end}";
@@ -107,7 +166,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) {
@@ -150,7 +209,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)

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-887155dc.js');
-const lotteryOddsbomBulletGroup = require('./lottery-oddsbom-bullet-group-a0684dc8.js');
+const lotteryOddsbomBulletGroup = require('./lottery-oddsbom-bullet-group-001f8c5a.js');
 
 // This icon file is generated automatically.
 var DeleteFilled = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M864 256H736v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zm-200 0H360v-72h304v72z" } }] }, "name": "delete", "theme": "filled" };
@@ -91,13 +91,13 @@ const LotteryOddsbomBullet = class {
     }
     handleMbSourceChange(newValue, oldValue) {
         if (newValue != oldValue) {
-            lotteryOddsbomBulletGroup.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+            lotteryOddsbomBulletGroup.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
         }
     }
     componentDidLoad() {
         if (this.stylingContainer) {
             if (this.mbSource)
-                lotteryOddsbomBulletGroup.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+                lotteryOddsbomBulletGroup.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
             if (this.clientStyling)
                 lotteryOddsbomBulletGroup.setClientStyling(this.stylingContainer, this.clientStyling);
             if (this.clientStylingUrl)

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-export { L as LotteryOddsbomBulletGroup } from './lottery-oddsbom-bullet-group-471fda1e.js';
+export { L as LotteryOddsbomBulletGroup } from './lottery-oddsbom-bullet-group-d66a61e2.js';
 import './index-85e87cde.js';

package/dist/esm/{lottery-oddsbom-bullet-group-471fda1e.js → lottery-oddsbom-bullet-group-d66a61e2.js}

@@ -1,5 +1,7 @@
 import { r as registerInstance, c as createEvent, h } from './index-85e87cde.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];
+    }
+  });
 }
 
 const lotteryOddsbomBulletGroupCss = ".oddsbomBulletGroup{width:100%}.oddsbomBulletGroup .oddsbomBulletGroup-list{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.oddsbomBulletGroup .selection-bullet-list{justify-content:flex-end}";
@@ -105,7 +164,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) {
@@ -148,7 +207,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)

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h } from './index-85e87cde.js';
-import { s as setClientStyling, a as setClientStylingURL, b as setStreamStyling } from './lottery-oddsbom-bullet-group-471fda1e.js';
-export { L as lottery_oddsbom_bullet_group } from './lottery-oddsbom-bullet-group-471fda1e.js';
+import { s as setClientStyling, a as setClientStylingURL, b as setStreamStyling } from './lottery-oddsbom-bullet-group-d66a61e2.js';
+export { L as lottery_oddsbom_bullet_group } from './lottery-oddsbom-bullet-group-d66a61e2.js';
 
 // This icon file is generated automatically.
 var DeleteFilled = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M864 256H736v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zm-200 0H360v-72h304v72z" } }] }, "name": "delete", "theme": "filled" };
@@ -88,13 +88,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)

package/dist/lottery-oddsbom-bullet-group/index.esm.js

@@ -1 +1 @@
-export{L as LotteryOddsbomBulletGroup}from"./lottery-oddsbom-bullet-group-471fda1e.js";import"./index-85e87cde.js";
+export{L as LotteryOddsbomBulletGroup}from"./lottery-oddsbom-bullet-group-d66a61e2.js";import"./index-85e87cde.js";

package/dist/lottery-oddsbom-bullet-group/lottery-oddsbom-bullet-group-d66a61e2.js

@@ -0,0 +1 @@
+import{r as t,c as e,h as i}from"./index-85e87cde.js";const s="__WIDGET_GLOBAL_STYLE_CACHE__";function l(t,e){if(t){const i=document.createElement("style");i.innerHTML=e,t.appendChild(i)}}function o(t,e){if(!t||!e)return;const i=new URL(e);fetch(i.href).then((t=>t.text())).then((e=>{const i=document.createElement("style");i.innerHTML=e,t&&t.appendChild(i)})).catch((t=>{console.error("There was an error while trying to load client styling from URL",t)}))}function n(t,e,i,l=!1){if(!window.emMessageBus)return;if(!("adoptedStyleSheets"in Document.prototype)||!l)return i=function(t,e){const i=document.createElement("style");return window.emMessageBus.subscribe(e,(e=>{t&&(i.innerHTML=e,t.appendChild(i))}))}(t,e),i;window[s]||(window[s]={}),i=function(t,e){return window.emMessageBus.subscribe(e,(i=>{if(!t)return;const l=t.getRootNode(),o=window[s];let n=o[e]?.sheet;n?o[e].refCount=o[e].refCount+1:(n=new CSSStyleSheet,n.replaceSync(i),o[e]={sheet:n,refCount:1});const d=l.adoptedStyleSheets||[];d.includes(n)||(l.adoptedStyleSheets=[...d,n])}))}(t,e);const o=i.unsubscribe.bind(i);return i.unsubscribe=()=>{if(window[s][e]){const t=window[s][e];t.refCount>1?t.refCount=t.refCount-1:delete window[s][e]}o()},i}const d=class{constructor(i){t(this,i),this.addSelectionEvent=e(this,"addSelection",7),this.deleteSelectionEvent=e(this,"deleteSelection",7),this.deleteSelectionOriginEvent=e(this,"deleteSelectionOrigin",7),this.oddsbomBulletGroupToggleEvent=e(this,"oddsbomBulletGroupToggle",7),this.oddsbomBulletGroupAddedByMoreBtnDelEvent=e(this,"oddsbomBulletGroupAddedByMoreBtnDel",7),this.oddsbomBulletCallDialogFromGroupEvent=e(this,"oddsbomBulletCallDialogFromGroup",7),this.selectionIdx=void 0,this.matchIdx=void 0,this.bulletConfigs=[],this.bulletConfigsDeleteOrigin=[],this.addSelectionConfig=void 0,this.isDeleteByIcon=void 0,this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.bulletListClass=void 0,this.innerBulletConfigs=void 0,this.innerBulletConfigsDeleteOrigin=void 0}handleBulletConfigsChange(t){this.innerBulletConfigs=t.map((t=>Object.assign({},t)))}handleBulletConfigsDeleteOriginChange(t){this.innerBulletConfigsDeleteOrigin=t.map((t=>Object.assign({},t)))}componentWillLoad(){this.handleBulletConfigsChange(this.bulletConfigs)}handleClientStylingChange(t,e){t!=e&&l(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&o(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&n(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}oddsbomBulletToggleHandler(t){const e=t.detail,{matchIdx:i,selectionIdx:s}=this,l=[...this.innerBulletConfigs],o=Object.assign({},l[e]);o.isSelected=!o.isSelected,l[e]=o,this.innerBulletConfigs=l,this.oddsbomBulletGroupToggleEvent.emit({bulletSelctionArr:this.innerBulletConfigs,matchIdx:i,selectionIdx:s})}oddsbomBulletDeleteHandler(t){const e=t.detail,{matchIdx:i,selectionIdx:s}=this,l=[...this.innerBulletConfigsDeleteOrigin],o=Object.assign({},l[e]);o.isSelected=!o.isSelected,l[e]=o,this.innerBulletConfigsDeleteOrigin=l,this.oddsbomBulletGroupToggleEvent.emit({bulletSelctionArr:this.innerBulletConfigsDeleteOrigin,matchIdx:i,selectionIdx:s})}oddsbomBulletAddedByMoreBtnDeleteHandler(t){const e=t.detail,{matchIdx:i,selectionIdx:s}=this;this.oddsbomBulletGroupAddedByMoreBtnDelEvent.emit({delText:e,matchIdx:i,selectionIdx:s})}componentDidLoad(){this.stylingContainer&&(this.mbSource&&n(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&l(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&o(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}handleOddsbomBulletCallDialog(){const{matchIdx:t,selectionIdx:e}=this;this.oddsbomBulletCallDialogFromGroupEvent.emit({matchIdx:t,selectionIdx:e})}render(){return i("div",{key:"38102a447cf8fafc8f7a7e5a122c7ccbc2ce8b4a",class:"oddsbomBulletGroup",ref:t=>this.stylingContainer=t},i("div",{key:"59ca1df498575356eb3438b45e9431b1bc7ee2dd",class:`oddsbomBulletGroup-list ${this.bulletListClass||""}`},this.innerBulletConfigs.map((t=>i("lottery-oddsbom-bullet",t.isAddMoreBtn?{text:`${this.addSelectionConfig.maxOverScore}+`,disabled:t.isDisabled,isCallDialogBtn:!0,onOddsbomBulletCallDialog:this.handleOddsbomBulletCallDialog.bind(this)}:{text:t.text,idx:t.idx,isSelected:t.isSelected,disabled:t.isDisabled,isDeleteByIcon:this.isDeleteByIcon,isAddedByMoreBtn:t.isAddedByMoreBtn})))))}static get watchers(){return{bulletConfigs:["handleBulletConfigsChange"],bulletConfigsDeleteOrigin:["handleBulletConfigsDeleteOriginChange"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};d.style=".oddsbomBulletGroup{width:100%}.oddsbomBulletGroup .oddsbomBulletGroup-list{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.oddsbomBulletGroup .selection-bullet-list{justify-content:flex-end}";export{d as L,o as a,n as b,l as s}

package/dist/lottery-oddsbom-bullet-group/lottery-oddsbom-bullet_2.entry.js

@@ -1 +1 @@
-import{r as t,c as o,h as e}from"./index-85e87cde.js";import{s as l,a as s,b as d}from"./lottery-oddsbom-bullet-group-471fda1e.js";export{L as lottery_oddsbom_bullet_group}from"./lottery-oddsbom-bullet-group-471fda1e.js";var r=function(){return r=Object.assign||function(t){for(var o,e=1,l=arguments.length;e<l;e++)for(var s in o=arguments[e])Object.prototype.hasOwnProperty.call(o,s)&&(t[s]=o[s]);return t},r.apply(this,arguments)},n={primaryColor:"#333",secondaryColor:"#E6E6E6"};function i(t,o){var e="svg"===t.tag?r(r({},t.attrs),o.extraSVGAttrs||{}):t.attrs,l=Object.keys(e).reduce((function(t,o){var l=e[o],s="".concat(o,'="').concat(l,'"');return t.push(s),t}),[]),s=l.length?" "+l.join(" "):"",d=(t.children||[]).map((function(t){return i(t,o)})).join("");return d&&d.length?"<".concat(t.tag).concat(s,">").concat(d,"</").concat(t.tag,">"):"<".concat(t.tag).concat(s," />")}const a=function(t,o){if(void 0===o&&(o={}),"function"==typeof t.icon){var e=o.placeholders||n;return i(t.icon(e.primaryColor,e.secondaryColor),o)}return i(t.icon,o)}({icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M864 256H736v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zm-200 0H360v-72h304v72z"}}]},name:"delete",theme:"filled"},{extraSVGAttrs:{width:"18px",height:"18px",fill:""}}),h=class{constructor(e){t(this,e),this.oddsbomBulletToggleEvent=o(this,"oddsbomBulletToggle",7),this.oddsbomBulletDeleteEvent=o(this,"oddsbomBulletDelete",7),this.oddsbomBulletAddedByMoreBtnDeleteEvent=o(this,"oddsbomBulletAddedByMoreBtnDelete",7),this.oddsbomBulletCallDialogEvent=o(this,"oddsbomBulletCallDialog",7),this.isSelected=void 0,this.disabled=void 0,this.text=void 0,this.idx=void 0,this.isReading=void 0,this.isDeleteByIcon=void 0,this.isCallDialogBtn=void 0,this.isAddedByMoreBtn=void 0,this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0}handleClientStylingChange(t,o){t!=o&&l(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,o){t!=o&&s(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,o){t!=o&&d(this.stylingContainer,`${this.mbSource}.Style`)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&d(this.stylingContainer,`${this.mbSource}.Style`),this.clientStyling&&l(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&s(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}handleClick(){this.isCallDialogBtn?this.oddsbomBulletCallDialogEvent.emit():this.isDeleteByIcon?this.isAddedByMoreBtn?this.oddsbomBulletAddedByMoreBtnDeleteEvent.emit(this.text):this.oddsbomBulletDeleteEvent.emit(this.idx):this.disabled||this.oddsbomBulletToggleEvent.emit(this.idx)}render(){return e("div",{key:"e21cf46108e35dcbf7d65e8c6a5f12f5d5ae49cb",class:"OddsbomBullet",ref:t=>this.stylingContainer=t},e("button",{key:"4edf5cd481d8283bd71f6806b6f93949e1308095",class:{OddsbomBulletBtn__normal:!0,OddsbomBulletBtn__selected:this.isSelected,OddsbomBulletBtn__disabled:this.disabled,isDeleteByIcon:this.isDeleteByIcon,isCallDialogBtn:this.isCallDialogBtn||this.isReading},onClick:this.handleClick.bind(this),disabled:this.disabled},e("span",{key:"fa1aed0293dc004808e6992c069d6992317b0788",class:"OddsbomBullet--deleteIcon",innerHTML:a}),e("span",{key:"53ed96f2c2b833d21488049f987b6131718d563e",class:"OddsbomBullet--text"},this.text)))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};h.style=".OddsbomBullet .OddsbomBulletBtn__normal{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--emw--color-background, #fff);border:2px solid var(--emw--color-primary, #0d196e);border-radius:var(--emw--border-radius-medium, 8px);color:var(--emw--color-typography, #000);font-weight:bold;cursor:pointer;transition:transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.2s ease, background-color 0.3s;user-select:none;position:relative}.OddsbomBullet .OddsbomBulletBtn__normal:hover{transform:scale(1.15) rotate(-5deg);box-shadow:var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15)) 7px 6px 6px}.OddsbomBullet .OddsbomBulletBtn__normal .OddsbomBullet--deleteIcon{display:none}.OddsbomBullet .OddsbomBulletBtn__normal.isDeleteByIcon:hover{background-color:var(--emw--color-background, #fff)}.OddsbomBullet .OddsbomBulletBtn__normal.isDeleteByIcon:hover .OddsbomBullet--text{display:none}.OddsbomBullet .OddsbomBulletBtn__normal.isDeleteByIcon:hover .OddsbomBullet--deleteIcon{display:inline;fill:var(--emw--color-typography, #000)}.OddsbomBullet .OddsbomBulletBtn__normal.isCallDialogBtn:hover{transform:none;box-shadow:none}.OddsbomBullet .OddsbomBulletBtn__normal.OddsbomBulletBtn__selected{background-color:var(--emw--color-primary, #0d196e);color:var(--emw--color-typography-inverse, #fff);transform:scale(1.05);box-shadow:0 5px 10px var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15))}.OddsbomBullet .OddsbomBulletBtn__normal.OddsbomBulletBtn__disabled{background-color:var(--emw--color-gray-50, #f5f5f5);border-color:var(--emw--color-gray-100, #e6e6e6);color:var(--emw--color-gray-150, #6f6f6f);cursor:not-allowed;transform:none;box-shadow:none}.OddsbomBullet .OddsbomBulletBtn__normal.OddsbomBulletBtn__disabled:hover{transform:none;box-shadow:none}";export{h as lottery_oddsbom_bullet}
+import{r as t,c as o,h as e}from"./index-85e87cde.js";import{s as l,a as s,b as d}from"./lottery-oddsbom-bullet-group-d66a61e2.js";export{L as lottery_oddsbom_bullet_group}from"./lottery-oddsbom-bullet-group-d66a61e2.js";var r=function(){return r=Object.assign||function(t){for(var o,e=1,l=arguments.length;e<l;e++)for(var s in o=arguments[e])Object.prototype.hasOwnProperty.call(o,s)&&(t[s]=o[s]);return t},r.apply(this,arguments)},i={primaryColor:"#333",secondaryColor:"#E6E6E6"};function n(t,o){var e="svg"===t.tag?r(r({},t.attrs),o.extraSVGAttrs||{}):t.attrs,l=Object.keys(e).reduce((function(t,o){var l=e[o],s="".concat(o,'="').concat(l,'"');return t.push(s),t}),[]),s=l.length?" "+l.join(" "):"",d=(t.children||[]).map((function(t){return n(t,o)})).join("");return d&&d.length?"<".concat(t.tag).concat(s,">").concat(d,"</").concat(t.tag,">"):"<".concat(t.tag).concat(s," />")}const a=function(t,o){if(void 0===o&&(o={}),"function"==typeof t.icon){var e=o.placeholders||i;return n(t.icon(e.primaryColor,e.secondaryColor),o)}return n(t.icon,o)}({icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M864 256H736v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zm-200 0H360v-72h304v72z"}}]},name:"delete",theme:"filled"},{extraSVGAttrs:{width:"18px",height:"18px",fill:""}}),h=class{constructor(e){t(this,e),this.oddsbomBulletToggleEvent=o(this,"oddsbomBulletToggle",7),this.oddsbomBulletDeleteEvent=o(this,"oddsbomBulletDelete",7),this.oddsbomBulletAddedByMoreBtnDeleteEvent=o(this,"oddsbomBulletAddedByMoreBtnDelete",7),this.oddsbomBulletCallDialogEvent=o(this,"oddsbomBulletCallDialog",7),this.isSelected=void 0,this.disabled=void 0,this.text=void 0,this.idx=void 0,this.isReading=void 0,this.isDeleteByIcon=void 0,this.isCallDialogBtn=void 0,this.isAddedByMoreBtn=void 0,this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0}handleClientStylingChange(t,o){t!=o&&l(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,o){t!=o&&s(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,o){t!=o&&d(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&d(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&l(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&s(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}handleClick(){this.isCallDialogBtn?this.oddsbomBulletCallDialogEvent.emit():this.isDeleteByIcon?this.isAddedByMoreBtn?this.oddsbomBulletAddedByMoreBtnDeleteEvent.emit(this.text):this.oddsbomBulletDeleteEvent.emit(this.idx):this.disabled||this.oddsbomBulletToggleEvent.emit(this.idx)}render(){return e("div",{key:"e21cf46108e35dcbf7d65e8c6a5f12f5d5ae49cb",class:"OddsbomBullet",ref:t=>this.stylingContainer=t},e("button",{key:"4edf5cd481d8283bd71f6806b6f93949e1308095",class:{OddsbomBulletBtn__normal:!0,OddsbomBulletBtn__selected:this.isSelected,OddsbomBulletBtn__disabled:this.disabled,isDeleteByIcon:this.isDeleteByIcon,isCallDialogBtn:this.isCallDialogBtn||this.isReading},onClick:this.handleClick.bind(this),disabled:this.disabled},e("span",{key:"fa1aed0293dc004808e6992c069d6992317b0788",class:"OddsbomBullet--deleteIcon",innerHTML:a}),e("span",{key:"53ed96f2c2b833d21488049f987b6131718d563e",class:"OddsbomBullet--text"},this.text)))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};h.style=".OddsbomBullet .OddsbomBulletBtn__normal{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--emw--color-background, #fff);border:2px solid var(--emw--color-primary, #0d196e);border-radius:var(--emw--border-radius-medium, 8px);color:var(--emw--color-typography, #000);font-weight:bold;cursor:pointer;transition:transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.2s ease, background-color 0.3s;user-select:none;position:relative}.OddsbomBullet .OddsbomBulletBtn__normal:hover{transform:scale(1.15) rotate(-5deg);box-shadow:var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15)) 7px 6px 6px}.OddsbomBullet .OddsbomBulletBtn__normal .OddsbomBullet--deleteIcon{display:none}.OddsbomBullet .OddsbomBulletBtn__normal.isDeleteByIcon:hover{background-color:var(--emw--color-background, #fff)}.OddsbomBullet .OddsbomBulletBtn__normal.isDeleteByIcon:hover .OddsbomBullet--text{display:none}.OddsbomBullet .OddsbomBulletBtn__normal.isDeleteByIcon:hover .OddsbomBullet--deleteIcon{display:inline;fill:var(--emw--color-typography, #000)}.OddsbomBullet .OddsbomBulletBtn__normal.isCallDialogBtn:hover{transform:none;box-shadow:none}.OddsbomBullet .OddsbomBulletBtn__normal.OddsbomBulletBtn__selected{background-color:var(--emw--color-primary, #0d196e);color:var(--emw--color-typography-inverse, #fff);transform:scale(1.05);box-shadow:0 5px 10px var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15))}.OddsbomBullet .OddsbomBulletBtn__normal.OddsbomBulletBtn__disabled{background-color:var(--emw--color-gray-50, #f5f5f5);border-color:var(--emw--color-gray-100, #e6e6e6);color:var(--emw--color-gray-150, #6f6f6f);cursor:not-allowed;transform:none;box-shadow:none}.OddsbomBullet .OddsbomBulletBtn__normal.OddsbomBulletBtn__disabled:hover{transform:none;box-shadow:none}";export{h as lottery_oddsbom_bullet}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/lottery-oddsbom-bullet-group",
-  "version": "0.7.26",
+  "version": "0.7.27",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",
   "es2015": "./dist/esm/index.mjs",

package/dist/lottery-oddsbom-bullet-group/lottery-oddsbom-bullet-group-471fda1e.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as i}from"./index-85e87cde.js";function l(t,e){if(t){const i=document.createElement("style");i.innerHTML=e,t.appendChild(i)}}function s(t,e){if(!t||!e)return;const i=new URL(e);fetch(i.href).then((t=>t.text())).then((e=>{const i=document.createElement("style");i.innerHTML=e,t&&t.appendChild(i)})).catch((t=>{console.error("There was an error while trying to load client styling from URL",t)}))}function o(t,e){if(window.emMessageBus){const i=document.createElement("style");window.emMessageBus.subscribe(e,(e=>{i.innerHTML=e,t&&t.appendChild(i)}))}}const d=class{constructor(i){t(this,i),this.addSelectionEvent=e(this,"addSelection",7),this.deleteSelectionEvent=e(this,"deleteSelection",7),this.deleteSelectionOriginEvent=e(this,"deleteSelectionOrigin",7),this.oddsbomBulletGroupToggleEvent=e(this,"oddsbomBulletGroupToggle",7),this.oddsbomBulletGroupAddedByMoreBtnDelEvent=e(this,"oddsbomBulletGroupAddedByMoreBtnDel",7),this.oddsbomBulletCallDialogFromGroupEvent=e(this,"oddsbomBulletCallDialogFromGroup",7),this.selectionIdx=void 0,this.matchIdx=void 0,this.bulletConfigs=[],this.bulletConfigsDeleteOrigin=[],this.addSelectionConfig=void 0,this.isDeleteByIcon=void 0,this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.bulletListClass=void 0,this.innerBulletConfigs=void 0,this.innerBulletConfigsDeleteOrigin=void 0}handleBulletConfigsChange(t){this.innerBulletConfigs=t.map((t=>Object.assign({},t)))}handleBulletConfigsDeleteOriginChange(t){this.innerBulletConfigsDeleteOrigin=t.map((t=>Object.assign({},t)))}componentWillLoad(){this.handleBulletConfigsChange(this.bulletConfigs)}handleClientStylingChange(t,e){t!=e&&l(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&s(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&o(this.stylingContainer,`${this.mbSource}.Style`)}oddsbomBulletToggleHandler(t){const e=t.detail,{matchIdx:i,selectionIdx:l}=this,s=[...this.innerBulletConfigs],o=Object.assign({},s[e]);o.isSelected=!o.isSelected,s[e]=o,this.innerBulletConfigs=s,this.oddsbomBulletGroupToggleEvent.emit({bulletSelctionArr:this.innerBulletConfigs,matchIdx:i,selectionIdx:l})}oddsbomBulletDeleteHandler(t){const e=t.detail,{matchIdx:i,selectionIdx:l}=this,s=[...this.innerBulletConfigsDeleteOrigin],o=Object.assign({},s[e]);o.isSelected=!o.isSelected,s[e]=o,this.innerBulletConfigsDeleteOrigin=s,this.oddsbomBulletGroupToggleEvent.emit({bulletSelctionArr:this.innerBulletConfigsDeleteOrigin,matchIdx:i,selectionIdx:l})}oddsbomBulletAddedByMoreBtnDeleteHandler(t){const e=t.detail,{matchIdx:i,selectionIdx:l}=this;this.oddsbomBulletGroupAddedByMoreBtnDelEvent.emit({delText:e,matchIdx:i,selectionIdx:l})}componentDidLoad(){this.stylingContainer&&(this.mbSource&&o(this.stylingContainer,`${this.mbSource}.Style`),this.clientStyling&&l(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&s(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}handleOddsbomBulletCallDialog(){const{matchIdx:t,selectionIdx:e}=this;this.oddsbomBulletCallDialogFromGroupEvent.emit({matchIdx:t,selectionIdx:e})}render(){return i("div",{key:"38102a447cf8fafc8f7a7e5a122c7ccbc2ce8b4a",class:"oddsbomBulletGroup",ref:t=>this.stylingContainer=t},i("div",{key:"59ca1df498575356eb3438b45e9431b1bc7ee2dd",class:`oddsbomBulletGroup-list ${this.bulletListClass||""}`},this.innerBulletConfigs.map((t=>i("lottery-oddsbom-bullet",t.isAddMoreBtn?{text:`${this.addSelectionConfig.maxOverScore}+`,disabled:t.isDisabled,isCallDialogBtn:!0,onOddsbomBulletCallDialog:this.handleOddsbomBulletCallDialog.bind(this)}:{text:t.text,idx:t.idx,isSelected:t.isSelected,disabled:t.isDisabled,isDeleteByIcon:this.isDeleteByIcon,isAddedByMoreBtn:t.isAddedByMoreBtn})))))}static get watchers(){return{bulletConfigs:["handleBulletConfigsChange"],bulletConfigsDeleteOrigin:["handleBulletConfigsDeleteOriginChange"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};d.style=".oddsbomBulletGroup{width:100%}.oddsbomBulletGroup .oddsbomBulletGroup-list{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.oddsbomBulletGroup .selection-bullet-list{justify-content:flex-end}";export{d as L,s as a,o as b,l as s}