@everymatrix/casino-challenges-modal 0.6.102 → 0.6.105

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 (13) hide show
  1. package/dist/casino-challenges-modal/casino-challenges-modal-4d51bd45.js +1 -0
  2. package/dist/casino-challenges-modal/casino-challenges-modal.entry.js +1 -1
  3. package/dist/casino-challenges-modal/index.esm.js +1 -1
  4. package/dist/cjs/{casino-challenges-modal-9e634999.js → casino-challenges-modal-18cda43d.js} +2 -2
  5. package/dist/cjs/casino-challenges-modal.cjs.entry.js +1 -1
  6. package/dist/cjs/index.cjs.js +1 -1
  7. package/dist/collection/components/casino-challenges-modal/casino-challenges-modal.css +7 -7
  8. package/dist/collection/components/casino-challenges-modal/casino-challenges-modal.js +1 -1
  9. package/dist/esm/{casino-challenges-modal-2fc23147.js → casino-challenges-modal-4d51bd45.js} +2 -2
  10. package/dist/esm/casino-challenges-modal.entry.js +1 -1
  11. package/dist/esm/index.js +1 -1
  12. package/package.json +1 -1
  13. package/dist/casino-challenges-modal/casino-challenges-modal-2fc23147.js +0 -1
package/dist/casino-challenges-modal/casino-challenges-modal-4d51bd45.js ADDED
@@ -0,0 +1 @@
1
+ import{r as n,c as e,h as t}from"./index-27d1076a.js";const i="__WIDGET_GLOBAL_STYLE_CACHE__";function o(n,e){if(n){const t=document.createElement("style");t.innerHTML=e,n.appendChild(t)}}function a(n,e){if(!n||!e)return;const t=new URL(e);fetch(t.href).then((n=>n.text())).then((e=>{const t=document.createElement("style");t.innerHTML=e,n&&n.appendChild(t)})).catch((n=>{console.error("There was an error while trying to load client styling from URL",n)}))}function r(n,e,t,o=!1){if(!window.emMessageBus)return;if(!("adoptedStyleSheets"in Document.prototype)||!o)return t=function(n,e){const t=document.createElement("style");return window.emMessageBus.subscribe(e,(e=>{n&&(t.innerHTML=e,n.appendChild(t))}))}(n,e),t;window[i]||(window[i]={}),t=function(n,e){return window.emMessageBus.subscribe(e,(t=>{if(!n)return;const o=n.getRootNode(),a=window[i];let r=a[e]&&a[e].sheet;r?a[e].refCount=a[e].refCount+1:(r=new CSSStyleSheet,r.replaceSync(t),a[e]={sheet:r,refCount:1});const d=o.adoptedStyleSheets||[];d.includes(r)||(o.adoptedStyleSheets=[...d,r])}))}(n,e);const a=t.unsubscribe.bind(t);return t.unsubscribe=()=>{if(window[i][e]){const n=window[i][e];n.refCount>1?n.refCount=n.refCount-1:delete window[i][e]}a()},t}const d=class{constructor(t){n(this,t),this.close=e(this,"close",7),this.onClose=()=>{this.close.emit()},this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.isOpen=!1,this.showWinAnimation=!1,this.showBackdrop=!1,this.showCloseButton=!1}handleClientStylingChange(n,e){n!=e&&o(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(n,e){n!=e&&a(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(n,e){n!=e&&r(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&r(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&o(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&a(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}render(){return t("div",{key:"760f548283506b890c94b5a31b2f482977dad63b",ref:n=>this.stylingContainer=n,class:`ModalOverlay ${this.isOpen&&"Open"}`},this.showBackdrop&&t("div",{key:"2b70890acb811431b631390fc33175327805f80e",class:"Backdrop",part:"modal-backdrop",onClick:this.onClose}),this.showWinAnimation&&t("div",{key:"d58e6dcb200a68e50563df0c4ef58283365de39b",class:"ModalWinAnimation"}),t("div",{key:"0c51c1a25f315fa2aa0746238656591ce8c712d7",class:"ModalContent GradientBorder Container",part:"modal-content"},t("div",{key:"efd8c434f1d4e549da886946a9162689bcfe32b2",class:"InnerContainer",part:"inner-container"},t("div",{key:"9fedd4bea2afc8a5cabff830be12d26762192461",class:"ModalHeader"},this.showCloseButton&&t("div",{key:"02e2426102767f0aaab5c38b066cfd1151f7c8bb",class:"close-modal",part:"close-button",onClick:this.onClose},t("img",{key:"58e13aceb01493fbf607423c8f51a2f380db2dd0",part:"close-icon",src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00Ljg1MTQ5IDQuODUxOThDNS4yMDk0NyA0LjQ5NCA1Ljc4OTg4IDQuNDk0IDYuMTQ3ODYgNC44NTE5OEwxMC45OTk3IDkuNzAzOEwxNS44NTE1IDQuODUxOThDMTYuMjA5NSA0LjQ5NCAxNi43ODk5IDQuNDk0IDE3LjE0NzkgNC44NTE5OEMxNy41MDU4IDUuMjA5OTYgMTcuNTA1OCA1Ljc5MDM2IDE3LjE0NzkgNi4xNDgzNEwxMi4yOTYgMTEuMDAwMkwxNy4xNDc5IDE1Ljg1MkMxNy41MDU4IDE2LjIxIDE3LjUwNTggMTYuNzkwNCAxNy4xNDc5IDE3LjE0ODNDMTYuNzg5OSAxNy41MDYzIDE2LjIwOTUgMTcuNTA2MyAxNS44NTE1IDE3LjE0ODNMMTAuOTk5NyAxMi4yOTY1TDYuMTQ3ODYgMTcuMTQ4M0M1Ljc4OTg4IDE3LjUwNjMgNS4yMDk0NyAxNy41MDYzIDQuODUxNDkgMTcuMTQ4M0M0LjQ5MzUxIDE2Ljc5MDQgNC40OTM1MSAxNi4yMSA0Ljg1MTQ5IDE1Ljg1Mkw5LjcwMzMxIDExLjAwMDJMNC44NTE0OSA2LjE0ODM0QzQuNDkzNTEgNS43OTAzNiA0LjQ5MzUxIDUuMjA5OTYgNC44NTE0OSA0Ljg1MTk4WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg=="})),t("slot",{key:"01a0db1d1da988e69863a9605a78b29d60675d75",name:"header"})),t("div",{key:"43a0336ef7d6d8469e1ec7432f3c920eed68450f",class:"ModalBody"},t("slot",{key:"102f9a002e13a48a277979a45ee23d6141757d63",name:"body"})),t("div",{key:"07c62531052355d447cf1b965652cf0c3e215b9d",class:"ModalFooter"},t("slot",{key:"fa80a8aab4b30642c713a6019b27a0e9feb0d1be",name:"footer"})))))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};d.style=':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--gradient-blue, #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}';export{d as C}
package/dist/casino-challenges-modal/casino-challenges-modal.entry.js CHANGED
@@ -1 +1 @@
1
- export{C as casino_challenges_modal}from"./casino-challenges-modal-2fc23147.js";import"./index-27d1076a.js";
1
+ export{C as casino_challenges_modal}from"./casino-challenges-modal-4d51bd45.js";import"./index-27d1076a.js";
package/dist/casino-challenges-modal/index.esm.js CHANGED
@@ -1 +1 @@
1
- export{C as CasinoChallengesModal}from"./casino-challenges-modal-2fc23147.js";import"./index-27d1076a.js";
1
+ export{C as CasinoChallengesModal}from"./casino-challenges-modal-4d51bd45.js";import"./index-27d1076a.js";
package/dist/cjs/{casino-challenges-modal-9e634999.js → casino-challenges-modal-18cda43d.js} RENAMED
@@ -122,7 +122,7 @@ function getAdoptStyleSubscription(stylingContainer, domain) {
122
122
 
123
123
  const xCloseSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00Ljg1MTQ5IDQuODUxOThDNS4yMDk0NyA0LjQ5NCA1Ljc4OTg4IDQuNDk0IDYuMTQ3ODYgNC44NTE5OEwxMC45OTk3IDkuNzAzOEwxNS44NTE1IDQuODUxOThDMTYuMjA5NSA0LjQ5NCAxNi43ODk5IDQuNDk0IDE3LjE0NzkgNC44NTE5OEMxNy41MDU4IDUuMjA5OTYgMTcuNTA1OCA1Ljc5MDM2IDE3LjE0NzkgNi4xNDgzNEwxMi4yOTYgMTEuMDAwMkwxNy4xNDc5IDE1Ljg1MkMxNy41MDU4IDE2LjIxIDE3LjUwNTggMTYuNzkwNCAxNy4xNDc5IDE3LjE0ODNDMTYuNzg5OSAxNy41MDYzIDE2LjIwOTUgMTcuNTA2MyAxNS44NTE1IDE3LjE0ODNMMTAuOTk5NyAxMi4yOTY1TDYuMTQ3ODYgMTcuMTQ4M0M1Ljc4OTg4IDE3LjUwNjMgNS4yMDk0NyAxNy41MDYzIDQuODUxNDkgMTcuMTQ4M0M0LjQ5MzUxIDE2Ljc5MDQgNC40OTM1MSAxNi4yMSA0Ljg1MTQ5IDE1Ljg1Mkw5LjcwMzMxIDExLjAwMDJMNC44NTE0OSA2LjE0ODM0QzQuNDkzNTEgNS43OTAzNiA0LjQ5MzUxIDUuMjA5OTYgNC44NTE0OSA0Ljg1MTk4WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==';
124
124
 
125
- 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}";
125
+ 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--gradient-blue, #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}";
126
126
  const CasinoChallengesModalStyle0 = casinoChallengesModalCss;
127
127
 
128
128
  const CasinoChallengesModal = class {
@@ -169,7 +169,7 @@ const CasinoChallengesModal = class {
169
169
  this.stylingSubscription && this.stylingSubscription.unsubscribe();
170
170
  }
171
171
  render() {
172
- return (index.h("div", { key: '760f548283506b890c94b5a31b2f482977dad63b', ref: (el) => (this.stylingContainer = el), class: `ModalOverlay ${this.isOpen && 'Open'}` }, this.showBackdrop && index.h("div", { key: 'fcdf3d8cde0e0e7a55c63775f3b273537b52bea7', class: "Backdrop", onClick: this.onClose }), this.showWinAnimation && index.h("div", { key: '83e715fb8d3c5f4f7b5e5966fe9d4514c546e663', class: "ModalWinAnimation" }), index.h("div", { key: 'e309cf1d60a5f23c98fd10219a390f6b6fe3ccee', class: "ModalContent GradientBorder Container", part: "modal-content" }, index.h("div", { key: '9512aae0d774d647862060fdc10b20ad73287b75', class: "InnerContainer", part: "inner-container" }, index.h("div", { key: '6ae4466f071b01b4910c6e4d5cb07200f07a3aee', class: "ModalHeader" }, this.showCloseButton && (index.h("div", { key: 'e3f498699a76d5d336266327569b21670b07a097', class: "close-modal", part: "close-button", onClick: this.onClose }, index.h("img", { key: 'ce3ceb9083ef59952daa01872b50acff28101e55', src: xCloseSvg }))), index.h("slot", { key: '68324278177e10ef244a850196cae86c86bbab14', name: "header" })), index.h("div", { key: '5c341711027e532542dc04f14e46c5cb95aa0d20', class: "ModalBody" }, index.h("slot", { key: '27f5279c49a3d936e49a29655b07d28e72f526f4', name: "body" })), index.h("div", { key: '81fd4db2428a5a48286c4ffbaab56fdf566da612', class: "ModalFooter" }, index.h("slot", { key: 'cb2ab035f8b044937221c011ba13243e297ee346', name: "footer" }))))));
172
+ return (index.h("div", { key: '760f548283506b890c94b5a31b2f482977dad63b', ref: (el) => (this.stylingContainer = el), class: `ModalOverlay ${this.isOpen && 'Open'}` }, this.showBackdrop && index.h("div", { key: '2b70890acb811431b631390fc33175327805f80e', class: "Backdrop", part: "modal-backdrop", onClick: this.onClose }), this.showWinAnimation && index.h("div", { key: 'd58e6dcb200a68e50563df0c4ef58283365de39b', class: "ModalWinAnimation" }), index.h("div", { key: '0c51c1a25f315fa2aa0746238656591ce8c712d7', class: "ModalContent GradientBorder Container", part: "modal-content" }, index.h("div", { key: 'efd8c434f1d4e549da886946a9162689bcfe32b2', class: "InnerContainer", part: "inner-container" }, index.h("div", { key: '9fedd4bea2afc8a5cabff830be12d26762192461', class: "ModalHeader" }, this.showCloseButton && (index.h("div", { key: '02e2426102767f0aaab5c38b066cfd1151f7c8bb', class: "close-modal", part: "close-button", onClick: this.onClose }, index.h("img", { key: '58e13aceb01493fbf607423c8f51a2f380db2dd0', part: "close-icon", src: xCloseSvg }))), index.h("slot", { key: '01a0db1d1da988e69863a9605a78b29d60675d75', name: "header" })), index.h("div", { key: '43a0336ef7d6d8469e1ec7432f3c920eed68450f', class: "ModalBody" }, index.h("slot", { key: '102f9a002e13a48a277979a45ee23d6141757d63', name: "body" })), index.h("div", { key: '07c62531052355d447cf1b965652cf0c3e215b9d', class: "ModalFooter" }, index.h("slot", { key: 'fa80a8aab4b30642c713a6019b27a0e9feb0d1be', name: "footer" }))))));
173
173
  }
174
174
  static get watchers() { return {
175
175
  "clientStyling": ["handleClientStylingChange"],
package/dist/cjs/casino-challenges-modal.cjs.entry.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const casinoChallengesModal = require('./casino-challenges-modal-9e634999.js');
5
+ const casinoChallengesModal = require('./casino-challenges-modal-18cda43d.js');
6
6
  require('./index-0e4accfe.js');
7
7
 
8
8
 
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 casinoChallengesModal = require('./casino-challenges-modal-9e634999.js');
5
+ const casinoChallengesModal = require('./casino-challenges-modal-18cda43d.js');
6
6
  require('./index-0e4accfe.js');
7
7
 
8
8
 
package/dist/collection/components/casino-challenges-modal/casino-challenges-modal.css CHANGED
@@ -51,10 +51,10 @@ button:focus {
51
51
  align-items: center;
52
52
  position: relative;
53
53
  z-index: 302;
54
- background: linear-gradient(90deg, var(--emw--color-background, #003E5C) 0.05%, var(--emw--color-background-secondary, #113B21) 87.69%);
54
+ background: linear-gradient(90deg, var(--emw--gradient-blue, #003e5c) 0.05%, var(--emw--color-background-secondary, #113b21) 87.69%);
55
55
  padding: 26px;
56
56
  border-radius: 26px;
57
- border: 2px solid var(--emw--color-primary-variant, #1E654F);
57
+ border: 2px solid var(--emw--color-primary-variant, #1e654f);
58
58
  width: 450px;
59
59
  max-width: 90%;
60
60
  text-align: center;
@@ -66,7 +66,7 @@ button:focus {
66
66
 
67
67
  .InnerContainer {
68
68
  border-radius: 20px;
69
- background: #F9F8F8;
69
+ background: #f9f8f8;
70
70
  padding: 25px;
71
71
  width: 100%;
72
72
  }
@@ -85,12 +85,12 @@ button:focus {
85
85
 
86
86
  .ModalAction {
87
87
  border-radius: var(--emw--button-border-radius, 99px);
88
- border: 2px solid var(--emw--button-border-color, #083B17);
89
- background: linear-gradient(90deg, var(--emw--color-primary, #24AA4D) 0%, var(--emw--color-background-secondary, #113F21) 100%);
88
+ border: 2px solid var(--emw--button-border-color, #083b17);
89
+ background: linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%);
90
90
  padding: 9px 20px;
91
91
  margin-top: 10px;
92
92
  text-transform: uppercase;
93
- color: var(--emw--button-text-color, #FFF);
93
+ color: var(--emw--button-text-color, #fff);
94
94
  text-align: center;
95
95
  font-family: var(--emw--button-typography, "PF BeauSans Pro", sans-serif);
96
96
  font-size: 12px;
@@ -114,7 +114,7 @@ button:focus {
114
114
  cursor: pointer;
115
115
  }
116
116
 
117
- @Container casino-challenges-modal (min-width: 576px) {
117
+ @container casino-challenges-modal (min-width: 576px) {
118
118
  .close-modal {
119
119
  top: 50px;
120
120
  }
package/dist/collection/components/casino-challenges-modal/casino-challenges-modal.js CHANGED
@@ -43,7 +43,7 @@ export class CasinoChallengesModal {
43
43
  this.stylingSubscription && this.stylingSubscription.unsubscribe();
44
44
  }
45
45
  render() {
46
- 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" }))))));
46
+ return (h("div", { key: '760f548283506b890c94b5a31b2f482977dad63b', ref: (el) => (this.stylingContainer = el), class: `ModalOverlay ${this.isOpen && 'Open'}` }, this.showBackdrop && h("div", { key: '2b70890acb811431b631390fc33175327805f80e', class: "Backdrop", part: "modal-backdrop", onClick: this.onClose }), this.showWinAnimation && h("div", { key: 'd58e6dcb200a68e50563df0c4ef58283365de39b', class: "ModalWinAnimation" }), h("div", { key: '0c51c1a25f315fa2aa0746238656591ce8c712d7', class: "ModalContent GradientBorder Container", part: "modal-content" }, h("div", { key: 'efd8c434f1d4e549da886946a9162689bcfe32b2', class: "InnerContainer", part: "inner-container" }, h("div", { key: '9fedd4bea2afc8a5cabff830be12d26762192461', class: "ModalHeader" }, this.showCloseButton && (h("div", { key: '02e2426102767f0aaab5c38b066cfd1151f7c8bb', class: "close-modal", part: "close-button", onClick: this.onClose }, h("img", { key: '58e13aceb01493fbf607423c8f51a2f380db2dd0', part: "close-icon", src: closeIcon }))), h("slot", { key: '01a0db1d1da988e69863a9605a78b29d60675d75', name: "header" })), h("div", { key: '43a0336ef7d6d8469e1ec7432f3c920eed68450f', class: "ModalBody" }, h("slot", { key: '102f9a002e13a48a277979a45ee23d6141757d63', name: "body" })), h("div", { key: '07c62531052355d447cf1b965652cf0c3e215b9d', class: "ModalFooter" }, h("slot", { key: 'fa80a8aab4b30642c713a6019b27a0e9feb0d1be', name: "footer" }))))));
47
47
  }
48
48
  static get is() { return "casino-challenges-modal"; }
49
49
  static get encapsulation() { return "shadow"; }
package/dist/esm/{casino-challenges-modal-2fc23147.js → casino-challenges-modal-4d51bd45.js} RENAMED
@@ -120,7 +120,7 @@ function getAdoptStyleSubscription(stylingContainer, domain) {
120
120
 
121
121
  const xCloseSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00Ljg1MTQ5IDQuODUxOThDNS4yMDk0NyA0LjQ5NCA1Ljc4OTg4IDQuNDk0IDYuMTQ3ODYgNC44NTE5OEwxMC45OTk3IDkuNzAzOEwxNS44NTE1IDQuODUxOThDMTYuMjA5NSA0LjQ5NCAxNi43ODk5IDQuNDk0IDE3LjE0NzkgNC44NTE5OEMxNy41MDU4IDUuMjA5OTYgMTcuNTA1OCA1Ljc5MDM2IDE3LjE0NzkgNi4xNDgzNEwxMi4yOTYgMTEuMDAwMkwxNy4xNDc5IDE1Ljg1MkMxNy41MDU4IDE2LjIxIDE3LjUwNTggMTYuNzkwNCAxNy4xNDc5IDE3LjE0ODNDMTYuNzg5OSAxNy41MDYzIDE2LjIwOTUgMTcuNTA2MyAxNS44NTE1IDE3LjE0ODNMMTAuOTk5NyAxMi4yOTY1TDYuMTQ3ODYgMTcuMTQ4M0M1Ljc4OTg4IDE3LjUwNjMgNS4yMDk0NyAxNy41MDYzIDQuODUxNDkgMTcuMTQ4M0M0LjQ5MzUxIDE2Ljc5MDQgNC40OTM1MSAxNi4yMSA0Ljg1MTQ5IDE1Ljg1Mkw5LjcwMzMxIDExLjAwMDJMNC44NTE0OSA2LjE0ODM0QzQuNDkzNTEgNS43OTAzNiA0LjQ5MzUxIDUuMjA5OTYgNC44NTE0OSA0Ljg1MTk4WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==';
122
122
 
123
- 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}";
123
+ 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--gradient-blue, #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}";
124
124
  const CasinoChallengesModalStyle0 = casinoChallengesModalCss;
125
125
 
126
126
  const CasinoChallengesModal = class {
@@ -167,7 +167,7 @@ const CasinoChallengesModal = class {
167
167
  this.stylingSubscription && this.stylingSubscription.unsubscribe();
168
168
  }
169
169
  render() {
170
- 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" }))))));
170
+ return (h("div", { key: '760f548283506b890c94b5a31b2f482977dad63b', ref: (el) => (this.stylingContainer = el), class: `ModalOverlay ${this.isOpen && 'Open'}` }, this.showBackdrop && h("div", { key: '2b70890acb811431b631390fc33175327805f80e', class: "Backdrop", part: "modal-backdrop", onClick: this.onClose }), this.showWinAnimation && h("div", { key: 'd58e6dcb200a68e50563df0c4ef58283365de39b', class: "ModalWinAnimation" }), h("div", { key: '0c51c1a25f315fa2aa0746238656591ce8c712d7', class: "ModalContent GradientBorder Container", part: "modal-content" }, h("div", { key: 'efd8c434f1d4e549da886946a9162689bcfe32b2', class: "InnerContainer", part: "inner-container" }, h("div", { key: '9fedd4bea2afc8a5cabff830be12d26762192461', class: "ModalHeader" }, this.showCloseButton && (h("div", { key: '02e2426102767f0aaab5c38b066cfd1151f7c8bb', class: "close-modal", part: "close-button", onClick: this.onClose }, h("img", { key: '58e13aceb01493fbf607423c8f51a2f380db2dd0', part: "close-icon", src: xCloseSvg }))), h("slot", { key: '01a0db1d1da988e69863a9605a78b29d60675d75', name: "header" })), h("div", { key: '43a0336ef7d6d8469e1ec7432f3c920eed68450f', class: "ModalBody" }, h("slot", { key: '102f9a002e13a48a277979a45ee23d6141757d63', name: "body" })), h("div", { key: '07c62531052355d447cf1b965652cf0c3e215b9d', class: "ModalFooter" }, h("slot", { key: 'fa80a8aab4b30642c713a6019b27a0e9feb0d1be', name: "footer" }))))));
171
171
  }
172
172
  static get watchers() { return {
173
173
  "clientStyling": ["handleClientStylingChange"],
package/dist/esm/casino-challenges-modal.entry.js CHANGED
@@ -1,2 +1,2 @@
1
- export { C as casino_challenges_modal } from './casino-challenges-modal-2fc23147.js';
1
+ export { C as casino_challenges_modal } from './casino-challenges-modal-4d51bd45.js';
2
2
  import './index-27d1076a.js';
package/dist/esm/index.js CHANGED
@@ -1,2 +1,2 @@
1
- export { C as CasinoChallengesModal } from './casino-challenges-modal-2fc23147.js';
1
+ export { C as CasinoChallengesModal } from './casino-challenges-modal-4d51bd45.js';
2
2
  import './index-27d1076a.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/casino-challenges-modal",
3
- "version": "0.6.102",
3
+ "version": "0.6.105",
4
4
  "main": "./dist/index.cjs.js",
5
5
  "module": "./dist/index.js",
6
6
  "es2015": "./dist/esm/index.mjs",
package/dist/casino-challenges-modal/casino-challenges-modal-2fc23147.js DELETED
@@ -1 +0,0 @@
1
- import{r as n,c as e,h as t}from"./index-27d1076a.js";const i="__WIDGET_GLOBAL_STYLE_CACHE__";function o(n,e){if(n){const t=document.createElement("style");t.innerHTML=e,n.appendChild(t)}}function a(n,e){if(!n||!e)return;const t=new URL(e);fetch(t.href).then((n=>n.text())).then((e=>{const t=document.createElement("style");t.innerHTML=e,n&&n.appendChild(t)})).catch((n=>{console.error("There was an error while trying to load client styling from URL",n)}))}function r(n,e,t,o=!1){if(!window.emMessageBus)return;if(!("adoptedStyleSheets"in Document.prototype)||!o)return t=function(n,e){const t=document.createElement("style");return window.emMessageBus.subscribe(e,(e=>{n&&(t.innerHTML=e,n.appendChild(t))}))}(n,e),t;window[i]||(window[i]={}),t=function(n,e){return window.emMessageBus.subscribe(e,(t=>{if(!n)return;const o=n.getRootNode(),a=window[i];let r=a[e]&&a[e].sheet;r?a[e].refCount=a[e].refCount+1:(r=new CSSStyleSheet,r.replaceSync(t),a[e]={sheet:r,refCount:1});const d=o.adoptedStyleSheets||[];d.includes(r)||(o.adoptedStyleSheets=[...d,r])}))}(n,e);const a=t.unsubscribe.bind(t);return t.unsubscribe=()=>{if(window[i][e]){const n=window[i][e];n.refCount>1?n.refCount=n.refCount-1:delete window[i][e]}a()},t}const d=class{constructor(t){n(this,t),this.close=e(this,"close",7),this.onClose=()=>{this.close.emit()},this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.isOpen=!1,this.showWinAnimation=!1,this.showBackdrop=!1,this.showCloseButton=!1}handleClientStylingChange(n,e){n!=e&&o(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(n,e){n!=e&&a(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(n,e){n!=e&&r(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&r(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&o(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&a(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}render(){return t("div",{key:"760f548283506b890c94b5a31b2f482977dad63b",ref:n=>this.stylingContainer=n,class:`ModalOverlay ${this.isOpen&&"Open"}`},this.showBackdrop&&t("div",{key:"fcdf3d8cde0e0e7a55c63775f3b273537b52bea7",class:"Backdrop",onClick:this.onClose}),this.showWinAnimation&&t("div",{key:"83e715fb8d3c5f4f7b5e5966fe9d4514c546e663",class:"ModalWinAnimation"}),t("div",{key:"e309cf1d60a5f23c98fd10219a390f6b6fe3ccee",class:"ModalContent GradientBorder Container",part:"modal-content"},t("div",{key:"9512aae0d774d647862060fdc10b20ad73287b75",class:"InnerContainer",part:"inner-container"},t("div",{key:"6ae4466f071b01b4910c6e4d5cb07200f07a3aee",class:"ModalHeader"},this.showCloseButton&&t("div",{key:"e3f498699a76d5d336266327569b21670b07a097",class:"close-modal",part:"close-button",onClick:this.onClose},t("img",{key:"ce3ceb9083ef59952daa01872b50acff28101e55",src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00Ljg1MTQ5IDQuODUxOThDNS4yMDk0NyA0LjQ5NCA1Ljc4OTg4IDQuNDk0IDYuMTQ3ODYgNC44NTE5OEwxMC45OTk3IDkuNzAzOEwxNS44NTE1IDQuODUxOThDMTYuMjA5NSA0LjQ5NCAxNi43ODk5IDQuNDk0IDE3LjE0NzkgNC44NTE5OEMxNy41MDU4IDUuMjA5OTYgMTcuNTA1OCA1Ljc5MDM2IDE3LjE0NzkgNi4xNDgzNEwxMi4yOTYgMTEuMDAwMkwxNy4xNDc5IDE1Ljg1MkMxNy41MDU4IDE2LjIxIDE3LjUwNTggMTYuNzkwNCAxNy4xNDc5IDE3LjE0ODNDMTYuNzg5OSAxNy41MDYzIDE2LjIwOTUgMTcuNTA2MyAxNS44NTE1IDE3LjE0ODNMMTAuOTk5NyAxMi4yOTY1TDYuMTQ3ODYgMTcuMTQ4M0M1Ljc4OTg4IDE3LjUwNjMgNS4yMDk0NyAxNy41MDYzIDQuODUxNDkgMTcuMTQ4M0M0LjQ5MzUxIDE2Ljc5MDQgNC40OTM1MSAxNi4yMSA0Ljg1MTQ5IDE1Ljg1Mkw5LjcwMzMxIDExLjAwMDJMNC44NTE0OSA2LjE0ODM0QzQuNDkzNTEgNS43OTAzNiA0LjQ5MzUxIDUuMjA5OTYgNC44NTE0OSA0Ljg1MTk4WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg=="})),t("slot",{key:"68324278177e10ef244a850196cae86c86bbab14",name:"header"})),t("div",{key:"5c341711027e532542dc04f14e46c5cb95aa0d20",class:"ModalBody"},t("slot",{key:"27f5279c49a3d936e49a29655b07d28e72f526f4",name:"body"})),t("div",{key:"81fd4db2428a5a48286c4ffbaab56fdf566da612",class:"ModalFooter"},t("slot",{key:"cb2ab035f8b044937221c011ba13243e297ee346",name:"footer"})))))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};d.style=':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}';export{d as C}