@everymatrix/casino-challenges-modal 0.0.1

package/dist/cjs/index.cjs.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const casinoChallengesModal = require('./casino-challenges-modal-9e634999.js');
+require('./index-0e4accfe.js');
+
+
+
+exports.CasinoChallengesModal = casinoChallengesModal.CasinoChallengesModal;

package/dist/cjs/loader.cjs.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-0e4accfe.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
+
+const defineCustomElements = async (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy([["casino-challenges-modal.cjs",[[1,"casino-challenges-modal",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"isOpen":[516,"is-open"],"showWinAnimation":[516,"show-win-animation"],"showBackdrop":[516,"show-backdrop"],"showCloseButton":[516,"show-close-button"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
+};
+
+exports.setNonce = index.setNonce;
+exports.defineCustomElements = defineCustomElements;

package/dist/collection/assets/x-close.svg

@@ -0,0 +1,3 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.85149 4.85198C5.20947 4.494 5.78988 4.494 6.14786 4.85198L10.9997 9.7038L15.8515 4.85198C16.2095 4.494 16.7899 4.494 17.1479 4.85198C17.5058 5.20996 17.5058 5.79036 17.1479 6.14834L12.296 11.0002L17.1479 15.852C17.5058 16.21 17.5058 16.7904 17.1479 17.1483C16.7899 17.5063 16.2095 17.5063 15.8515 17.1483L10.9997 12.2965L6.14786 17.1483C5.78988 17.5063 5.20947 17.5063 4.85149 17.1483C4.49351 16.7904 4.49351 16.21 4.85149 15.852L9.70331 11.0002L4.85149 6.14834C4.49351 5.79036 4.49351 5.20996 4.85149 4.85198Z" fill="white"/>
+</svg>

package/dist/collection/collection-manifest.json

@@ -0,0 +1,12 @@
+{
+  "entries": [
+    "components/casino-challenges-modal/casino-challenges-modal.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "4.19.2",
+    "typescriptVersion": "5.4.5"
+  },
+  "collections": [],
+  "bundles": []
+}

package/dist/collection/components/casino-challenges-modal/casino-challenges-modal.css

@@ -0,0 +1,121 @@
+:host {
+  display: block;
+  font-family: inherit;
+}
+
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+button {
+  border: none;
+  background: none;
+  cursor: pointer;
+  touch-action: manipulation;
+}
+button:focus {
+  outline: none;
+}
+
+.Backdrop {
+  position: absolute;
+  background-color: rgba(0, 0, 0, 0.6);
+  opacity: 0.6;
+  width: 100%;
+  height: 100%;
+  z-index: 301;
+}
+
+.ModalOverlay {
+  display: none;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0);
+  justify-content: center;
+  align-items: center;
+  z-index: 300;
+}
+
+.ModalOverlay.Open {
+  display: flex;
+}
+
+.ModalContent {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  position: relative;
+  z-index: 302;
+  background: linear-gradient(90deg, var(--emw--color-background, #003E5C) 0.05%, var(--emw--color-background-secondary, #113B21) 87.69%);
+  padding: 26px;
+  border-radius: 26px;
+  border: 2px solid var(--emw--color-primary-variant, #1E654F);
+  width: 450px;
+  max-width: 90%;
+  text-align: center;
+  max-height: 90dvh;
+  min-height: 100px;
+  font-family: "Roboto", sans-serif;
+  transition: all 0.3s;
+}
+
+.InnerContainer {
+  border-radius: 20px;
+  background: #F9F8F8;
+  padding: 25px;
+  width: 100%;
+}
+
+.ModalHeader {
+  color: var(--emw--color-typography, #212529);
+  text-align: center;
+  font-family: var(--emw--button-typography, "PF BeauSans Pro", sans-serif);
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: normal;
+  text-transform: uppercase;
+  letter-spacing: 1px;
+}
+
+.ModalAction {
+  border-radius: var(--emw--button-border-radius, 99px);
+  border: 2px solid var(--emw--button-border-color, #083B17);
+  background: linear-gradient(90deg, var(--emw--color-primary, #24AA4D) 0%, var(--emw--color-background-secondary, #113F21) 100%);
+  padding: 9px 20px;
+  margin-top: 10px;
+  text-transform: uppercase;
+  color: var(--emw--button-text-color, #FFF);
+  text-align: center;
+  font-family: var(--emw--button-typography, "PF BeauSans Pro", sans-serif);
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 700;
+  letter-spacing: 1px;
+  line-height: 1;
+}
+
+.close-modal {
+  position: absolute;
+  width: 32px;
+  height: 32px;
+  background: rgba(219, 255, 243, 0.2);
+  border-radius: 16px;
+  right: 20px;
+  top: 16px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+}
+
+@Container casino-challenges-modal (min-width: 576px) {
+  .close-modal {
+    top: 50px;
+  }
+}

package/dist/collection/components/casino-challenges-modal/casino-challenges-modal.js

@@ -0,0 +1,217 @@
+import { h } from "@stencil/core";
+import { setClientStyling, setClientStylingURL, setStreamStyling } from "../../../../../../../../libs/common/src/styling/index";
+import closeIcon from "../../assets/x-close.svg";
+export class CasinoChallengesModal {
+    constructor() {
+        this.onClose = () => {
+            this.close.emit();
+        };
+        this.mbSource = undefined;
+        this.clientStyling = undefined;
+        this.clientStylingUrl = undefined;
+        this.isOpen = false;
+        this.showWinAnimation = false;
+        this.showBackdrop = false;
+        this.showCloseButton = false;
+    }
+    handleClientStylingChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            setClientStyling(this.stylingContainer, this.clientStyling);
+        }
+    }
+    handleClientStylingUrlChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+        }
+    }
+    handleMbSourceChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
+        }
+    }
+    componentDidLoad() {
+        if (this.stylingContainer) {
+            if (this.mbSource)
+                setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
+            if (this.clientStyling)
+                setClientStyling(this.stylingContainer, this.clientStyling);
+            if (this.clientStylingUrl)
+                setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+        }
+    }
+    disconnectedCallback() {
+        this.stylingSubscription && this.stylingSubscription.unsubscribe();
+    }
+    render() {
+        return (h("div", { key: '760f548283506b890c94b5a31b2f482977dad63b', ref: (el) => (this.stylingContainer = el), class: `ModalOverlay ${this.isOpen && 'Open'}` }, this.showBackdrop && h("div", { key: 'fcdf3d8cde0e0e7a55c63775f3b273537b52bea7', class: "Backdrop", onClick: this.onClose }), this.showWinAnimation && h("div", { key: '83e715fb8d3c5f4f7b5e5966fe9d4514c546e663', class: "ModalWinAnimation" }), h("div", { key: 'e309cf1d60a5f23c98fd10219a390f6b6fe3ccee', class: "ModalContent GradientBorder Container", part: "modal-content" }, h("div", { key: '9512aae0d774d647862060fdc10b20ad73287b75', class: "InnerContainer", part: "inner-container" }, h("div", { key: '6ae4466f071b01b4910c6e4d5cb07200f07a3aee', class: "ModalHeader" }, this.showCloseButton && (h("div", { key: 'e3f498699a76d5d336266327569b21670b07a097', class: "close-modal", part: "close-button", onClick: this.onClose }, h("img", { key: 'ce3ceb9083ef59952daa01872b50acff28101e55', src: closeIcon }))), h("slot", { key: '68324278177e10ef244a850196cae86c86bbab14', name: "header" })), h("div", { key: '5c341711027e532542dc04f14e46c5cb95aa0d20', class: "ModalBody" }, h("slot", { key: '27f5279c49a3d936e49a29655b07d28e72f526f4', name: "body" })), h("div", { key: '81fd4db2428a5a48286c4ffbaab56fdf566da612', class: "ModalFooter" }, h("slot", { key: 'cb2ab035f8b044937221c011ba13243e297ee346', name: "footer" }))))));
+    }
+    static get is() { return "casino-challenges-modal"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["casino-challenges-modal.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["casino-challenges-modal.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "mbSource": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "mb-source",
+                "reflect": true
+            },
+            "clientStyling": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "client-styling",
+                "reflect": true
+            },
+            "clientStylingUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "client-styling-url",
+                "reflect": true
+            },
+            "isOpen": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "is-open",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "showWinAnimation": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "show-win-animation",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "showBackdrop": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "show-backdrop",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "showCloseButton": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "show-close-button",
+                "reflect": true,
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "close",
+                "name": "close",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+    static get watchers() {
+        return [{
+                "propName": "clientStyling",
+                "methodName": "handleClientStylingChange"
+            }, {
+                "propName": "clientStylingUrl",
+                "methodName": "handleClientStylingUrlChange"
+            }, {
+                "propName": "mbSource",
+                "methodName": "handleMbSourceChange"
+            }];
+    }
+}

package/dist/collection/components/casino-challenges-modal/index.js

@@ -0,0 +1 @@
+export { CasinoChallengesModal } from './casino-challenges-modal';

package/dist/collection/index.js

@@ -0,0 +1 @@
+export * from './components/casino-challenges-modal';

package/dist/collection/utils/utils.js

@@ -0,0 +1,3 @@
+export function format(first, middle, last) {
+    return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
+}

package/dist/esm/app-globals-0f993ce5.js

@@ -0,0 +1,3 @@
+const globalScripts = () => {};
+
+export { globalScripts as g };

package/dist/esm/casino-challenges-modal-2fc23147.js

@@ -0,0 +1,180 @@
+import { r as registerInstance, c as createEvent, h } from './index-27d1076a.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
+ * @param {HTMLElement} stylingContainer The reference element of the widget
+ * @param {string} clientStyling The style content
+ */
+function setClientStyling(stylingContainer, clientStyling) {
+  if (stylingContainer) {
+    const sheet = document.createElement('style');
+    sheet.innerHTML = clientStyling;
+    stylingContainer.appendChild(sheet);
+  }
+}
+
+/**
+ * @name setClientStylingURL
+ * @description Method used to create and append to the passed element of the widget a style element with the content fetched from a given URL
+ * @param {HTMLElement} stylingContainer The reference element of the widget
+ * @param {string} clientStylingUrl The URL of the style content
+ */
+function setClientStylingURL(stylingContainer, clientStylingUrl) {
+  if (!stylingContainer || !clientStylingUrl) return;
+
+  const url = new URL(clientStylingUrl);
+
+  fetch(url.href)
+    .then((res) => res.text())
+    .then((data) => {
+      const cssFile = document.createElement('style');
+      cssFile.innerHTML = data;
+      if (stylingContainer) {
+        stylingContainer.appendChild(cssFile);
+      }
+    })
+    .catch((err) => {
+      console.error('There was an error while trying to load client styling from URL', err);
+    });
+}
+
+/**
+ * @name setStreamLibrary
+ * @description Method used to create and append to the passed element of the widget a style element with content fetched from the MessageBus
+ * @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, useAdoptedStyleSheets = false) {
+  if (!window.emMessageBus) return;
+
+  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] && 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 xCloseSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00Ljg1MTQ5IDQuODUxOThDNS4yMDk0NyA0LjQ5NCA1Ljc4OTg4IDQuNDk0IDYuMTQ3ODYgNC44NTE5OEwxMC45OTk3IDkuNzAzOEwxNS44NTE1IDQuODUxOThDMTYuMjA5NSA0LjQ5NCAxNi43ODk5IDQuNDk0IDE3LjE0NzkgNC44NTE5OEMxNy41MDU4IDUuMjA5OTYgMTcuNTA1OCA1Ljc5MDM2IDE3LjE0NzkgNi4xNDgzNEwxMi4yOTYgMTEuMDAwMkwxNy4xNDc5IDE1Ljg1MkMxNy41MDU4IDE2LjIxIDE3LjUwNTggMTYuNzkwNCAxNy4xNDc5IDE3LjE0ODNDMTYuNzg5OSAxNy41MDYzIDE2LjIwOTUgMTcuNTA2MyAxNS44NTE1IDE3LjE0ODNMMTAuOTk5NyAxMi4yOTY1TDYuMTQ3ODYgMTcuMTQ4M0M1Ljc4OTg4IDE3LjUwNjMgNS4yMDk0NyAxNy41MDYzIDQuODUxNDkgMTcuMTQ4M0M0LjQ5MzUxIDE2Ljc5MDQgNC40OTM1MSAxNi4yMSA0Ljg1MTQ5IDE1Ljg1Mkw5LjcwMzMxIDExLjAwMDJMNC44NTE0OSA2LjE0ODM0QzQuNDkzNTEgNS43OTAzNiA0LjQ5MzUxIDUuMjA5OTYgNC44NTE0OSA0Ljg1MTk4WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==';
+
+const casinoChallengesModalCss = ":host {\n  display: block;\n  font-family: inherit;\n}\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nbutton {\n  border: none;\n  background: none;\n  cursor: pointer;\n  touch-action: manipulation;\n}\nbutton:focus {\n  outline: none;\n}\n\n.Backdrop {\n  position: absolute;\n  background-color: rgba(0, 0, 0, 0.6);\n  opacity: 0.6;\n  width: 100%;\n  height: 100%;\n  z-index: 301;\n}\n\n.ModalOverlay {\n  display: none;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0);\n  justify-content: center;\n  align-items: center;\n  z-index: 300;\n}\n\n.ModalOverlay.Open {\n  display: flex;\n}\n\n.ModalContent {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  position: relative;\n  z-index: 302;\n  background: linear-gradient(90deg, var(--emw--color-background, #003E5C) 0.05%, var(--emw--color-background-secondary, #113B21) 87.69%);\n  padding: 26px;\n  border-radius: 26px;\n  border: 2px solid var(--emw--color-primary-variant, #1E654F);\n  width: 450px;\n  max-width: 90%;\n  text-align: center;\n  max-height: 90dvh;\n  min-height: 100px;\n  font-family: \"Roboto\", sans-serif;\n  transition: all 0.3s;\n}\n\n.InnerContainer {\n  border-radius: 20px;\n  background: #F9F8F8;\n  padding: 25px;\n  width: 100%;\n}\n\n.ModalHeader {\n  color: var(--emw--color-typography, #212529);\n  text-align: center;\n  font-family: var(--emw--button-typography, \"PF BeauSans Pro\", sans-serif);\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.ModalAction {\n  border-radius: var(--emw--button-border-radius, 99px);\n  border: 2px solid var(--emw--button-border-color, #083B17);\n  background: linear-gradient(90deg, var(--emw--color-primary, #24AA4D) 0%, var(--emw--color-background-secondary, #113F21) 100%);\n  padding: 9px 20px;\n  margin-top: 10px;\n  text-transform: uppercase;\n  color: var(--emw--button-text-color, #FFF);\n  text-align: center;\n  font-family: var(--emw--button-typography, \"PF BeauSans Pro\", sans-serif);\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 700;\n  letter-spacing: 1px;\n  line-height: 1;\n}\n\n.close-modal {\n  position: absolute;\n  width: 32px;\n  height: 32px;\n  background: rgba(219, 255, 243, 0.2);\n  border-radius: 16px;\n  right: 20px;\n  top: 16px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n}\n\n@Container casino-challenges-modal (min-width: 576px) {\n  .close-modal {\n    top: 50px;\n  }\n}";
+const CasinoChallengesModalStyle0 = casinoChallengesModalCss;
+
+const CasinoChallengesModal = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.close = createEvent(this, "close", 7);
+        this.onClose = () => {
+            this.close.emit();
+        };
+        this.mbSource = undefined;
+        this.clientStyling = undefined;
+        this.clientStylingUrl = undefined;
+        this.isOpen = false;
+        this.showWinAnimation = false;
+        this.showBackdrop = false;
+        this.showCloseButton = false;
+    }
+    handleClientStylingChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            setClientStyling(this.stylingContainer, this.clientStyling);
+        }
+    }
+    handleClientStylingUrlChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+        }
+    }
+    handleMbSourceChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
+        }
+    }
+    componentDidLoad() {
+        if (this.stylingContainer) {
+            if (this.mbSource)
+                setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
+            if (this.clientStyling)
+                setClientStyling(this.stylingContainer, this.clientStyling);
+            if (this.clientStylingUrl)
+                setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+        }
+    }
+    disconnectedCallback() {
+        this.stylingSubscription && this.stylingSubscription.unsubscribe();
+    }
+    render() {
+        return (h("div", { key: '760f548283506b890c94b5a31b2f482977dad63b', ref: (el) => (this.stylingContainer = el), class: `ModalOverlay ${this.isOpen && 'Open'}` }, this.showBackdrop && h("div", { key: 'fcdf3d8cde0e0e7a55c63775f3b273537b52bea7', class: "Backdrop", onClick: this.onClose }), this.showWinAnimation && h("div", { key: '83e715fb8d3c5f4f7b5e5966fe9d4514c546e663', class: "ModalWinAnimation" }), h("div", { key: 'e309cf1d60a5f23c98fd10219a390f6b6fe3ccee', class: "ModalContent GradientBorder Container", part: "modal-content" }, h("div", { key: '9512aae0d774d647862060fdc10b20ad73287b75', class: "InnerContainer", part: "inner-container" }, h("div", { key: '6ae4466f071b01b4910c6e4d5cb07200f07a3aee', class: "ModalHeader" }, this.showCloseButton && (h("div", { key: 'e3f498699a76d5d336266327569b21670b07a097', class: "close-modal", part: "close-button", onClick: this.onClose }, h("img", { key: 'ce3ceb9083ef59952daa01872b50acff28101e55', src: xCloseSvg }))), h("slot", { key: '68324278177e10ef244a850196cae86c86bbab14', name: "header" })), h("div", { key: '5c341711027e532542dc04f14e46c5cb95aa0d20', class: "ModalBody" }, h("slot", { key: '27f5279c49a3d936e49a29655b07d28e72f526f4', name: "body" })), h("div", { key: '81fd4db2428a5a48286c4ffbaab56fdf566da612', class: "ModalFooter" }, h("slot", { key: 'cb2ab035f8b044937221c011ba13243e297ee346', name: "footer" }))))));
+    }
+    static get watchers() { return {
+        "clientStyling": ["handleClientStylingChange"],
+        "clientStylingUrl": ["handleClientStylingUrlChange"],
+        "mbSource": ["handleMbSourceChange"]
+    }; }
+};
+CasinoChallengesModal.style = CasinoChallengesModalStyle0;
+
+export { CasinoChallengesModal as C };

package/dist/esm/casino-challenges-modal.entry.js

@@ -0,0 +1,2 @@
+export { C as casino_challenges_modal } from './casino-challenges-modal-2fc23147.js';
+import './index-27d1076a.js';

package/dist/esm/casino-challenges-modal.js

@@ -0,0 +1,20 @@
+import { p as promiseResolve, b as bootstrapLazy } from './index-27d1076a.js';
+export { s as setNonce } from './index-27d1076a.js';
+import { g as globalScripts } from './app-globals-0f993ce5.js';
+
+/*
+ Stencil Client Patch Browser v4.19.2 | MIT Licensed | https://stenciljs.com
+ */
+var patchBrowser = () => {
+  const importMeta = import.meta.url;
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return promiseResolve(opts);
+};
+
+patchBrowser().then(async (options) => {
+  await globalScripts();
+  return bootstrapLazy([["casino-challenges-modal",[[1,"casino-challenges-modal",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"isOpen":[516,"is-open"],"showWinAnimation":[516,"show-win-animation"],"showBackdrop":[516,"show-backdrop"],"showCloseButton":[516,"show-close-button"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
+});