@everymatrix/casino-engagement-suite-modal 1.76.7 → 1.76.9
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.
- package/dist/casino-engagement-suite-modal/casino-engagement-suite-modal.entry.js +1 -1
- package/dist/casino-engagement-suite-modal/casino-engagement-suite-modal.esm.js +1 -1
- package/dist/cjs/casino-engagement-suite-modal.cjs.entry.js +6 -3
- package/dist/cjs/casino-engagement-suite-modal.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/casino-engagement-suite-modal/casino-engagement-suite-modal.css +7 -0
- package/dist/collection/components/casino-engagement-suite-modal/casino-engagement-suite-modal.js +22 -2
- package/dist/esm/casino-engagement-suite-modal.entry.js +6 -3
- package/dist/esm/casino-engagement-suite-modal.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/casino-engagement-suite-modal/.stencil/packages/stencil/casino-engagement-suite-modal/stencil.config.d.ts +2 -0
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/casino-engagement-suite-modal/.stencil/packages/stencil/casino-engagement-suite-modal/stencil.config.dev.d.ts +2 -0
- package/dist/types/components/casino-engagement-suite-modal/casino-engagement-suite-modal.d.ts +1 -0
- package/dist/types/components.d.ts +2 -0
- package/package.json +1 -1
- package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/casino-engagement-suite-modal/.stencil/packages/stencil/casino-engagement-suite-modal/stencil.config.d.ts +0 -2
- package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/casino-engagement-suite-modal/.stencil/packages/stencil/casino-engagement-suite-modal/stencil.config.dev.d.ts +0 -2
- /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/casino-engagement-suite-modal/.stencil/libs/common/src/storybook/storybook-utils.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/casino-engagement-suite-modal/.stencil/packages/stencil/casino-engagement-suite-modal/storybook/main.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/casino-engagement-suite-modal/.stencil/packages/stencil/casino-engagement-suite-modal/storybook/preview.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/casino-engagement-suite-modal/.stencil/tools/plugins/index.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/casino-engagement-suite-modal/.stencil/tools/plugins/stencil-clean-deps-plugin.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/casino-engagement-suite-modal/.stencil/tools/plugins/vite-chunk-plugin.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/casino-engagement-suite-modal/.stencil/tools/plugins/vite-clean-deps-plugin.d.ts +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as o,h as t,g as a}from"./index-2faffb64.js";const i=class{constructor(t){e(this,t),this.closeModal=o(this,"closeModal",7),this.handleCloseClick=()=>{this.isLoading||this.closeModal.emit(this.modalType)},this.setClientStyling=()=>{let e=document.createElement("style");e.innerHTML=this.clientStyling,this.host.prepend(e)},this.setClientStylingURL=()=>{let e=new URL(this.clientStylingUrl),o=document.createElement("style");fetch(e.href).then((e=>e.text())).then((e=>{o.innerHTML=e,setTimeout((()=>{this.host.prepend(o)}),1)})).catch((e=>{console.log("Error ",e)}))},this.clientStyling="",this.clientStylingUrl="",this.isOpen=void 0,this.isLoading=void 0,this.header=void 0,this.contentIcon=void 0,this.modalType=void 0,this.device="Mobile",this.showAnimation=!1,this.limitStylingAppends=!1}componentDidRender(){!this.limitStylingAppends&&this.host&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.limitStylingAppends=!0)}render(){return t("div",{key:"
|
|
1
|
+
import{r as e,c as o,h as t,g as a}from"./index-2faffb64.js";const i=class{constructor(t){e(this,t),this.closeModal=o(this,"closeModal",7),this.handleCloseClick=()=>{this.isLoading||this.closeModal.emit(this.modalType)},this.setClientStyling=()=>{let e=document.createElement("style");e.innerHTML=this.clientStyling,this.host.prepend(e)},this.setClientStylingURL=()=>{let e=new URL(this.clientStylingUrl),o=document.createElement("style");fetch(e.href).then((e=>e.text())).then((e=>{o.innerHTML=e,setTimeout((()=>{this.host.prepend(o)}),1)})).catch((e=>{console.log("Error ",e)}))},this.clientStyling="",this.clientStylingUrl="",this.isOpen=void 0,this.isLoading=void 0,this.header=void 0,this.contentIcon=void 0,this.modalType=void 0,this.assets=void 0,this.device="Mobile",this.showAnimation=!1,this.limitStylingAppends=!1}componentDidRender(){!this.limitStylingAppends&&this.host&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.limitStylingAppends=!0)}render(){return t("div",{key:"27c64eb08e60bdc0525d1bfa800f7d3257d8e377",class:`ModalOverlay ${this.isOpen&&"Open"} ${this.device} ${this.showAnimation&&"ShowAnimation"}`},t("div",{key:"75080d22dbe97360c91356da2a4fa73dd1ded948",class:"ModalWinAnimation"}),t("div",{key:"e25510992fa764b9d0976566df40c8aa04aca38a",class:"ModalContent GradientBorder"},t("div",{key:"9d5f1d11afc7522857d49fd9dedb704b216c4a1e",class:"IconCloseContainer"},t("button",{key:"5edea8aafd0fbc7104e7093f2a9f12568187fa05",class:"EngagementSuiteIconButton Close",onClick:this.handleCloseClick})),this.assets?t("div",{class:"ModalAssets",style:{background:`url(${this.assets}) no-repeat center / cover`}}):this.contentIcon?t("div",{class:"ModalIcon",style:{background:`url(${this.contentIcon}) no-repeat center, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%)`}}):null,t("div",{key:"c787b35b593d94258072420ff4a47e0433369b21",class:"ModalHeader"},t("h1",{key:"3e162d602050e9d3e1c3a97234549bc971370a23"},this.header)),t("div",{key:"35784436dc1b5d8342730959d69bc8e08910aeb7",class:"ModalBodyWrapper"},t("div",{key:"500831b113cde82958ae1971d8710c6f0e2a45ff",class:"ModalBody"},t("slot",{key:"b47a0252f9fe4fa01bea07a69e3d6b7cc02f575c",name:"body"})),t("div",{key:"d10041375451213d55c7be600b237a802cbe56f5",class:"ModalFooter"},t("slot",{key:"db205227b152ead571e2029f66ba3d381337457a",name:"footer"})))))}get host(){return a(this)}};i.style=':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}.EngagementSuiteIconButton{width:24px;height:24px}.EngagementSuiteIconButton.Close{background:center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/close.svg) no-repeat}.ModalOverlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);justify-content:center;align-items:center;z-index:1}.ModalOverlay.Open{display:flex}.IconCloseContainer{width:100%;display:flex;justify-content:end}.ModalBodyWrapper{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.ModalBodyWrapper::-webkit-scrollbar{width:3px;background:none}.ModalBodyWrapper::-webkit-scrollbar-thumb{border-radius:var(--emw--border-radius-small, 4px);background-color:var(--emw--color-gray-transparency-30, rgba(255, 255, 255, 0.3))}.ModalContent{display:flex;flex-direction:column;align-items:center;font-family:var(--emw--font-family-secondary, "Montserrat", sans-serif);position:relative;color:var(--emw--color-typography, #FFFFFF);background-color:var(--emw--color-background, #1E1638);padding:24px;border-radius:var(--emw--border-radius-large, 8px);width:450px;max-width:100%;text-align:center;max-height:90dvh}.GradientBorder::before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:var(--emw--border-radius-large, 9px);background:linear-gradient(143.2deg, #FF9401 -0.41%, #FFD32D 45.61%, #FF9401 82.77%);z-index:-1}.ModalHeader h1{font-weight:var(--emw--font-weight-semibold, 600);font-size:var(--emw--font-size-large-plus, 24px);padding:0 16px;margin-bottom:16px}.ModalIcon{width:44px;height:44px;border-radius:50%;background-size:cover;margin:12px 0}.ModalAssets{width:44px;height:44px;background-size:cover;margin:12px 0}.ModalBody{font-size:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weight-normal, 400);color:var(--emw--color-secondary, #BBB9C3);padding:0 16px}.ModalFooter{margin-top:40px;margin-bottom:28px;padding:0 16px;width:100%}@keyframes rotate{100%{transform:rotate(1turn)}}.ModalOverlay .ModalWinAnimation{display:none}.ModalOverlay.ShowAnimation .ModalWinAnimation{display:block;position:absolute;width:100%;height:100%;inset:0;background:center/550px url(https://static.everymatrix.com/gic/img/engagement-suite/light.svg) no-repeat, center/550px url(https://static.everymatrix.com/gic/img/engagement-suite/win.svg) no-repeat;animation:6s rotate linear infinite}.ModalOverlay.Mobile .EngagementSuiteIconButton{width:16px;height:16px}.ModalOverlay.Mobile .ModalBody{font-size:var(--emw--font-size-small, 14px)}.ModalOverlay.Mobile .ModalContent{width:318px;padding:12px}.ModalOverlay.Mobile .ModalHeader h1{font-size:var(--emw--font-size-large, 20px);padding:0 60px}.ModalOverlay.Mobile.ShowAnimation .ModalWinAnimation{background-size:400px}';export{i as casino_engagement_suite_modal}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as n,b as
|
|
1
|
+
import{p as n,b as e}from"./index-2faffb64.js";export{s as setNonce}from"./index-2faffb64.js";import{g as i}from"./app-globals-0f993ce5.js";(()=>{const e=import.meta.url,i={};return""!==e&&(i.resourcesUrl=new URL(".",e).href),n(i)})().then((async n=>(await i(),e([["casino-engagement-suite-modal",[[1,"casino-engagement-suite-modal",{clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],isOpen:[4,"is-open"],isLoading:[1028,"is-loading"],header:[1],contentIcon:[1,"content-icon"],modalType:[1,"modal-type"],assets:[1],device:[1],showAnimation:[4,"show-animation"],limitStylingAppends:[32]}]]]],n))));
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-0d730cd7.js');
|
|
6
6
|
|
|
7
|
-
const casinoEngagementSuiteModalCss = ":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}.EngagementSuiteIconButton{width:24px;height:24px}.EngagementSuiteIconButton.Close{background:center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/close.svg) no-repeat}.ModalOverlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);justify-content:center;align-items:center;z-index:1}.ModalOverlay.Open{display:flex}.IconCloseContainer{width:100%;display:flex;justify-content:end}.ModalBodyWrapper{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.ModalBodyWrapper::-webkit-scrollbar{width:3px;background:none}.ModalBodyWrapper::-webkit-scrollbar-thumb{border-radius:var(--emw--border-radius-small, 4px);background-color:var(--emw--color-gray-transparency-30, rgba(255, 255, 255, 0.3))}.ModalContent{display:flex;flex-direction:column;align-items:center;font-family:var(--emw--font-family-secondary, \"Montserrat\", sans-serif);position:relative;color:var(--emw--color-typography, #FFFFFF);background-color:var(--emw--color-background, #1E1638);padding:24px;border-radius:var(--emw--border-radius-large, 8px);width:450px;max-width:100%;text-align:center;max-height:90dvh}.GradientBorder::before{content:\"\";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:var(--emw--border-radius-large, 9px);background:linear-gradient(143.2deg, #FF9401 -0.41%, #FFD32D 45.61%, #FF9401 82.77%);z-index:-1}.ModalHeader h1{font-weight:var(--emw--font-weight-semibold, 600);font-size:var(--emw--font-size-large-plus, 24px);padding:0 16px;margin-bottom:16px}.ModalIcon{width:44px;height:44px;border-radius:50%;background-size:cover;margin:12px 0}.ModalBody{font-size:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weight-normal, 400);color:var(--emw--color-secondary, #BBB9C3);padding:0 16px}.ModalFooter{margin-top:40px;margin-bottom:28px;padding:0 16px;width:100%}@keyframes rotate{100%{transform:rotate(1turn)}}.ModalOverlay .ModalWinAnimation{display:none}.ModalOverlay.ShowAnimation .ModalWinAnimation{display:block;position:absolute;width:100%;height:100%;inset:0;background:center/550px url(https://static.everymatrix.com/gic/img/engagement-suite/light.svg) no-repeat, center/550px url(https://static.everymatrix.com/gic/img/engagement-suite/win.svg) no-repeat;animation:6s rotate linear infinite}.ModalOverlay.Mobile .EngagementSuiteIconButton{width:16px;height:16px}.ModalOverlay.Mobile .ModalBody{font-size:var(--emw--font-size-small, 14px)}.ModalOverlay.Mobile .ModalContent{width:318px;padding:12px}.ModalOverlay.Mobile .ModalHeader h1{font-size:var(--emw--font-size-large, 20px);padding:0 60px}.ModalOverlay.Mobile.ShowAnimation .ModalWinAnimation{background-size:400px}";
|
|
7
|
+
const casinoEngagementSuiteModalCss = ":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}.EngagementSuiteIconButton{width:24px;height:24px}.EngagementSuiteIconButton.Close{background:center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/close.svg) no-repeat}.ModalOverlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);justify-content:center;align-items:center;z-index:1}.ModalOverlay.Open{display:flex}.IconCloseContainer{width:100%;display:flex;justify-content:end}.ModalBodyWrapper{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.ModalBodyWrapper::-webkit-scrollbar{width:3px;background:none}.ModalBodyWrapper::-webkit-scrollbar-thumb{border-radius:var(--emw--border-radius-small, 4px);background-color:var(--emw--color-gray-transparency-30, rgba(255, 255, 255, 0.3))}.ModalContent{display:flex;flex-direction:column;align-items:center;font-family:var(--emw--font-family-secondary, \"Montserrat\", sans-serif);position:relative;color:var(--emw--color-typography, #FFFFFF);background-color:var(--emw--color-background, #1E1638);padding:24px;border-radius:var(--emw--border-radius-large, 8px);width:450px;max-width:100%;text-align:center;max-height:90dvh}.GradientBorder::before{content:\"\";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:var(--emw--border-radius-large, 9px);background:linear-gradient(143.2deg, #FF9401 -0.41%, #FFD32D 45.61%, #FF9401 82.77%);z-index:-1}.ModalHeader h1{font-weight:var(--emw--font-weight-semibold, 600);font-size:var(--emw--font-size-large-plus, 24px);padding:0 16px;margin-bottom:16px}.ModalIcon{width:44px;height:44px;border-radius:50%;background-size:cover;margin:12px 0}.ModalAssets{width:44px;height:44px;background-size:cover;margin:12px 0}.ModalBody{font-size:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weight-normal, 400);color:var(--emw--color-secondary, #BBB9C3);padding:0 16px}.ModalFooter{margin-top:40px;margin-bottom:28px;padding:0 16px;width:100%}@keyframes rotate{100%{transform:rotate(1turn)}}.ModalOverlay .ModalWinAnimation{display:none}.ModalOverlay.ShowAnimation .ModalWinAnimation{display:block;position:absolute;width:100%;height:100%;inset:0;background:center/550px url(https://static.everymatrix.com/gic/img/engagement-suite/light.svg) no-repeat, center/550px url(https://static.everymatrix.com/gic/img/engagement-suite/win.svg) no-repeat;animation:6s rotate linear infinite}.ModalOverlay.Mobile .EngagementSuiteIconButton{width:16px;height:16px}.ModalOverlay.Mobile .ModalBody{font-size:var(--emw--font-size-small, 14px)}.ModalOverlay.Mobile .ModalContent{width:318px;padding:12px}.ModalOverlay.Mobile .ModalHeader h1{font-size:var(--emw--font-size-large, 20px);padding:0 60px}.ModalOverlay.Mobile.ShowAnimation .ModalWinAnimation{background-size:400px}";
|
|
8
8
|
const CasinoEngagementSuiteModalStyle0 = casinoEngagementSuiteModalCss;
|
|
9
9
|
|
|
10
10
|
const CasinoEngagementSuiteModal = class {
|
|
@@ -41,6 +41,7 @@ const CasinoEngagementSuiteModal = class {
|
|
|
41
41
|
this.header = undefined;
|
|
42
42
|
this.contentIcon = undefined;
|
|
43
43
|
this.modalType = undefined;
|
|
44
|
+
this.assets = undefined;
|
|
44
45
|
this.device = 'Mobile';
|
|
45
46
|
this.showAnimation = false;
|
|
46
47
|
this.limitStylingAppends = false;
|
|
@@ -55,9 +56,11 @@ const CasinoEngagementSuiteModal = class {
|
|
|
55
56
|
}
|
|
56
57
|
}
|
|
57
58
|
render() {
|
|
58
|
-
return (index.h("div", { key: '
|
|
59
|
+
return (index.h("div", { key: '27c64eb08e60bdc0525d1bfa800f7d3257d8e377', class: `ModalOverlay ${this.isOpen && 'Open'} ${this.device} ${this.showAnimation && 'ShowAnimation'}` }, index.h("div", { key: '75080d22dbe97360c91356da2a4fa73dd1ded948', class: "ModalWinAnimation" }), index.h("div", { key: 'e25510992fa764b9d0976566df40c8aa04aca38a', class: "ModalContent GradientBorder" }, index.h("div", { key: '9d5f1d11afc7522857d49fd9dedb704b216c4a1e', class: 'IconCloseContainer' }, index.h("button", { key: '5edea8aafd0fbc7104e7093f2a9f12568187fa05', class: "EngagementSuiteIconButton Close", onClick: this.handleCloseClick })), this.assets ? (index.h("div", { class: "ModalAssets", style: {
|
|
60
|
+
background: `url(${this.assets}) no-repeat center / cover`
|
|
61
|
+
} })) : this.contentIcon ? (index.h("div", { class: "ModalIcon", style: {
|
|
59
62
|
background: `url(${this.contentIcon}) no-repeat center, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%)`
|
|
60
|
-
} })) : null, index.h("div", { key: '
|
|
63
|
+
} })) : null, index.h("div", { key: 'c787b35b593d94258072420ff4a47e0433369b21', class: "ModalHeader" }, index.h("h1", { key: '3e162d602050e9d3e1c3a97234549bc971370a23' }, this.header)), index.h("div", { key: '35784436dc1b5d8342730959d69bc8e08910aeb7', class: "ModalBodyWrapper" }, index.h("div", { key: '500831b113cde82958ae1971d8710c6f0e2a45ff', class: "ModalBody" }, index.h("slot", { key: 'b47a0252f9fe4fa01bea07a69e3d6b7cc02f575c', name: "body" })), index.h("div", { key: 'd10041375451213d55c7be600b237a802cbe56f5', class: "ModalFooter" }, index.h("slot", { key: 'db205227b152ead571e2029f66ba3d381337457a', name: "footer" }))))));
|
|
61
64
|
}
|
|
62
65
|
get host() { return index.getElement(this); }
|
|
63
66
|
};
|
|
@@ -19,7 +19,7 @@ var patchBrowser = () => {
|
|
|
19
19
|
|
|
20
20
|
patchBrowser().then(async (options) => {
|
|
21
21
|
await appGlobals.globalScripts();
|
|
22
|
-
return index.bootstrapLazy([["casino-engagement-suite-modal.cjs",[[1,"casino-engagement-suite-modal",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"isOpen":[4,"is-open"],"isLoading":[1028,"is-loading"],"header":[1],"contentIcon":[1,"content-icon"],"modalType":[1,"modal-type"],"device":[1],"showAnimation":[4,"show-animation"],"limitStylingAppends":[32]}]]]], options);
|
|
22
|
+
return index.bootstrapLazy([["casino-engagement-suite-modal.cjs",[[1,"casino-engagement-suite-modal",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"isOpen":[4,"is-open"],"isLoading":[1028,"is-loading"],"header":[1],"contentIcon":[1,"content-icon"],"modalType":[1,"modal-type"],"assets":[1],"device":[1],"showAnimation":[4,"show-animation"],"limitStylingAppends":[32]}]]]], options);
|
|
23
23
|
});
|
|
24
24
|
|
|
25
25
|
exports.setNonce = index.setNonce;
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
|
8
8
|
const defineCustomElements = async (win, options) => {
|
|
9
9
|
if (typeof window === 'undefined') return undefined;
|
|
10
10
|
await appGlobals.globalScripts();
|
|
11
|
-
return index.bootstrapLazy([["casino-engagement-suite-modal.cjs",[[1,"casino-engagement-suite-modal",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"isOpen":[4,"is-open"],"isLoading":[1028,"is-loading"],"header":[1],"contentIcon":[1,"content-icon"],"modalType":[1,"modal-type"],"device":[1],"showAnimation":[4,"show-animation"],"limitStylingAppends":[32]}]]]], options);
|
|
11
|
+
return index.bootstrapLazy([["casino-engagement-suite-modal.cjs",[[1,"casino-engagement-suite-modal",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"isOpen":[4,"is-open"],"isLoading":[1028,"is-loading"],"header":[1],"contentIcon":[1,"content-icon"],"modalType":[1,"modal-type"],"assets":[1],"device":[1],"showAnimation":[4,"show-animation"],"limitStylingAppends":[32]}]]]], options);
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
exports.setNonce = index.setNonce;
|
package/dist/collection/components/casino-engagement-suite-modal/casino-engagement-suite-modal.css
CHANGED
|
@@ -108,6 +108,13 @@ button:focus {
|
|
|
108
108
|
margin: 12px 0;
|
|
109
109
|
}
|
|
110
110
|
|
|
111
|
+
.ModalAssets {
|
|
112
|
+
width: 44px;
|
|
113
|
+
height: 44px;
|
|
114
|
+
background-size: cover;
|
|
115
|
+
margin: 12px 0;
|
|
116
|
+
}
|
|
117
|
+
|
|
111
118
|
.ModalBody {
|
|
112
119
|
font-size: var(--emw--font-size-medium, 16px);
|
|
113
120
|
font-weight: var(--emw--font-weight-normal, 400);
|
package/dist/collection/components/casino-engagement-suite-modal/casino-engagement-suite-modal.js
CHANGED
|
@@ -31,6 +31,7 @@ export class CasinoEngagementSuiteModal {
|
|
|
31
31
|
this.header = undefined;
|
|
32
32
|
this.contentIcon = undefined;
|
|
33
33
|
this.modalType = undefined;
|
|
34
|
+
this.assets = undefined;
|
|
34
35
|
this.device = 'Mobile';
|
|
35
36
|
this.showAnimation = false;
|
|
36
37
|
this.limitStylingAppends = false;
|
|
@@ -45,9 +46,11 @@ export class CasinoEngagementSuiteModal {
|
|
|
45
46
|
}
|
|
46
47
|
}
|
|
47
48
|
render() {
|
|
48
|
-
return (h("div", { key: '
|
|
49
|
+
return (h("div", { key: '27c64eb08e60bdc0525d1bfa800f7d3257d8e377', class: `ModalOverlay ${this.isOpen && 'Open'} ${this.device} ${this.showAnimation && 'ShowAnimation'}` }, h("div", { key: '75080d22dbe97360c91356da2a4fa73dd1ded948', class: "ModalWinAnimation" }), h("div", { key: 'e25510992fa764b9d0976566df40c8aa04aca38a', class: "ModalContent GradientBorder" }, h("div", { key: '9d5f1d11afc7522857d49fd9dedb704b216c4a1e', class: 'IconCloseContainer' }, h("button", { key: '5edea8aafd0fbc7104e7093f2a9f12568187fa05', class: "EngagementSuiteIconButton Close", onClick: this.handleCloseClick })), this.assets ? (h("div", { class: "ModalAssets", style: {
|
|
50
|
+
background: `url(${this.assets}) no-repeat center / cover`
|
|
51
|
+
} })) : this.contentIcon ? (h("div", { class: "ModalIcon", style: {
|
|
49
52
|
background: `url(${this.contentIcon}) no-repeat center, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%)`
|
|
50
|
-
} })) : null, h("div", { key: '
|
|
53
|
+
} })) : null, h("div", { key: 'c787b35b593d94258072420ff4a47e0433369b21', class: "ModalHeader" }, h("h1", { key: '3e162d602050e9d3e1c3a97234549bc971370a23' }, this.header)), h("div", { key: '35784436dc1b5d8342730959d69bc8e08910aeb7', class: "ModalBodyWrapper" }, h("div", { key: '500831b113cde82958ae1971d8710c6f0e2a45ff', class: "ModalBody" }, h("slot", { key: 'b47a0252f9fe4fa01bea07a69e3d6b7cc02f575c', name: "body" })), h("div", { key: 'd10041375451213d55c7be600b237a802cbe56f5', class: "ModalFooter" }, h("slot", { key: 'db205227b152ead571e2029f66ba3d381337457a', name: "footer" }))))));
|
|
51
54
|
}
|
|
52
55
|
static get is() { return "casino-engagement-suite-modal"; }
|
|
53
56
|
static get encapsulation() { return "shadow"; }
|
|
@@ -184,6 +187,23 @@ export class CasinoEngagementSuiteModal {
|
|
|
184
187
|
"attribute": "modal-type",
|
|
185
188
|
"reflect": false
|
|
186
189
|
},
|
|
190
|
+
"assets": {
|
|
191
|
+
"type": "string",
|
|
192
|
+
"mutable": false,
|
|
193
|
+
"complexType": {
|
|
194
|
+
"original": "string",
|
|
195
|
+
"resolved": "string",
|
|
196
|
+
"references": {}
|
|
197
|
+
},
|
|
198
|
+
"required": false,
|
|
199
|
+
"optional": false,
|
|
200
|
+
"docs": {
|
|
201
|
+
"tags": [],
|
|
202
|
+
"text": ""
|
|
203
|
+
},
|
|
204
|
+
"attribute": "assets",
|
|
205
|
+
"reflect": false
|
|
206
|
+
},
|
|
187
207
|
"device": {
|
|
188
208
|
"type": "string",
|
|
189
209
|
"mutable": false,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-2faffb64.js';
|
|
2
2
|
|
|
3
|
-
const casinoEngagementSuiteModalCss = ":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}.EngagementSuiteIconButton{width:24px;height:24px}.EngagementSuiteIconButton.Close{background:center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/close.svg) no-repeat}.ModalOverlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);justify-content:center;align-items:center;z-index:1}.ModalOverlay.Open{display:flex}.IconCloseContainer{width:100%;display:flex;justify-content:end}.ModalBodyWrapper{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.ModalBodyWrapper::-webkit-scrollbar{width:3px;background:none}.ModalBodyWrapper::-webkit-scrollbar-thumb{border-radius:var(--emw--border-radius-small, 4px);background-color:var(--emw--color-gray-transparency-30, rgba(255, 255, 255, 0.3))}.ModalContent{display:flex;flex-direction:column;align-items:center;font-family:var(--emw--font-family-secondary, \"Montserrat\", sans-serif);position:relative;color:var(--emw--color-typography, #FFFFFF);background-color:var(--emw--color-background, #1E1638);padding:24px;border-radius:var(--emw--border-radius-large, 8px);width:450px;max-width:100%;text-align:center;max-height:90dvh}.GradientBorder::before{content:\"\";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:var(--emw--border-radius-large, 9px);background:linear-gradient(143.2deg, #FF9401 -0.41%, #FFD32D 45.61%, #FF9401 82.77%);z-index:-1}.ModalHeader h1{font-weight:var(--emw--font-weight-semibold, 600);font-size:var(--emw--font-size-large-plus, 24px);padding:0 16px;margin-bottom:16px}.ModalIcon{width:44px;height:44px;border-radius:50%;background-size:cover;margin:12px 0}.ModalBody{font-size:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weight-normal, 400);color:var(--emw--color-secondary, #BBB9C3);padding:0 16px}.ModalFooter{margin-top:40px;margin-bottom:28px;padding:0 16px;width:100%}@keyframes rotate{100%{transform:rotate(1turn)}}.ModalOverlay .ModalWinAnimation{display:none}.ModalOverlay.ShowAnimation .ModalWinAnimation{display:block;position:absolute;width:100%;height:100%;inset:0;background:center/550px url(https://static.everymatrix.com/gic/img/engagement-suite/light.svg) no-repeat, center/550px url(https://static.everymatrix.com/gic/img/engagement-suite/win.svg) no-repeat;animation:6s rotate linear infinite}.ModalOverlay.Mobile .EngagementSuiteIconButton{width:16px;height:16px}.ModalOverlay.Mobile .ModalBody{font-size:var(--emw--font-size-small, 14px)}.ModalOverlay.Mobile .ModalContent{width:318px;padding:12px}.ModalOverlay.Mobile .ModalHeader h1{font-size:var(--emw--font-size-large, 20px);padding:0 60px}.ModalOverlay.Mobile.ShowAnimation .ModalWinAnimation{background-size:400px}";
|
|
3
|
+
const casinoEngagementSuiteModalCss = ":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}.EngagementSuiteIconButton{width:24px;height:24px}.EngagementSuiteIconButton.Close{background:center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/close.svg) no-repeat}.ModalOverlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);justify-content:center;align-items:center;z-index:1}.ModalOverlay.Open{display:flex}.IconCloseContainer{width:100%;display:flex;justify-content:end}.ModalBodyWrapper{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.ModalBodyWrapper::-webkit-scrollbar{width:3px;background:none}.ModalBodyWrapper::-webkit-scrollbar-thumb{border-radius:var(--emw--border-radius-small, 4px);background-color:var(--emw--color-gray-transparency-30, rgba(255, 255, 255, 0.3))}.ModalContent{display:flex;flex-direction:column;align-items:center;font-family:var(--emw--font-family-secondary, \"Montserrat\", sans-serif);position:relative;color:var(--emw--color-typography, #FFFFFF);background-color:var(--emw--color-background, #1E1638);padding:24px;border-radius:var(--emw--border-radius-large, 8px);width:450px;max-width:100%;text-align:center;max-height:90dvh}.GradientBorder::before{content:\"\";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:var(--emw--border-radius-large, 9px);background:linear-gradient(143.2deg, #FF9401 -0.41%, #FFD32D 45.61%, #FF9401 82.77%);z-index:-1}.ModalHeader h1{font-weight:var(--emw--font-weight-semibold, 600);font-size:var(--emw--font-size-large-plus, 24px);padding:0 16px;margin-bottom:16px}.ModalIcon{width:44px;height:44px;border-radius:50%;background-size:cover;margin:12px 0}.ModalAssets{width:44px;height:44px;background-size:cover;margin:12px 0}.ModalBody{font-size:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weight-normal, 400);color:var(--emw--color-secondary, #BBB9C3);padding:0 16px}.ModalFooter{margin-top:40px;margin-bottom:28px;padding:0 16px;width:100%}@keyframes rotate{100%{transform:rotate(1turn)}}.ModalOverlay .ModalWinAnimation{display:none}.ModalOverlay.ShowAnimation .ModalWinAnimation{display:block;position:absolute;width:100%;height:100%;inset:0;background:center/550px url(https://static.everymatrix.com/gic/img/engagement-suite/light.svg) no-repeat, center/550px url(https://static.everymatrix.com/gic/img/engagement-suite/win.svg) no-repeat;animation:6s rotate linear infinite}.ModalOverlay.Mobile .EngagementSuiteIconButton{width:16px;height:16px}.ModalOverlay.Mobile .ModalBody{font-size:var(--emw--font-size-small, 14px)}.ModalOverlay.Mobile .ModalContent{width:318px;padding:12px}.ModalOverlay.Mobile .ModalHeader h1{font-size:var(--emw--font-size-large, 20px);padding:0 60px}.ModalOverlay.Mobile.ShowAnimation .ModalWinAnimation{background-size:400px}";
|
|
4
4
|
const CasinoEngagementSuiteModalStyle0 = casinoEngagementSuiteModalCss;
|
|
5
5
|
|
|
6
6
|
const CasinoEngagementSuiteModal = class {
|
|
@@ -37,6 +37,7 @@ const CasinoEngagementSuiteModal = class {
|
|
|
37
37
|
this.header = undefined;
|
|
38
38
|
this.contentIcon = undefined;
|
|
39
39
|
this.modalType = undefined;
|
|
40
|
+
this.assets = undefined;
|
|
40
41
|
this.device = 'Mobile';
|
|
41
42
|
this.showAnimation = false;
|
|
42
43
|
this.limitStylingAppends = false;
|
|
@@ -51,9 +52,11 @@ const CasinoEngagementSuiteModal = class {
|
|
|
51
52
|
}
|
|
52
53
|
}
|
|
53
54
|
render() {
|
|
54
|
-
return (h("div", { key: '
|
|
55
|
+
return (h("div", { key: '27c64eb08e60bdc0525d1bfa800f7d3257d8e377', class: `ModalOverlay ${this.isOpen && 'Open'} ${this.device} ${this.showAnimation && 'ShowAnimation'}` }, h("div", { key: '75080d22dbe97360c91356da2a4fa73dd1ded948', class: "ModalWinAnimation" }), h("div", { key: 'e25510992fa764b9d0976566df40c8aa04aca38a', class: "ModalContent GradientBorder" }, h("div", { key: '9d5f1d11afc7522857d49fd9dedb704b216c4a1e', class: 'IconCloseContainer' }, h("button", { key: '5edea8aafd0fbc7104e7093f2a9f12568187fa05', class: "EngagementSuiteIconButton Close", onClick: this.handleCloseClick })), this.assets ? (h("div", { class: "ModalAssets", style: {
|
|
56
|
+
background: `url(${this.assets}) no-repeat center / cover`
|
|
57
|
+
} })) : this.contentIcon ? (h("div", { class: "ModalIcon", style: {
|
|
55
58
|
background: `url(${this.contentIcon}) no-repeat center, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%)`
|
|
56
|
-
} })) : null, h("div", { key: '
|
|
59
|
+
} })) : null, h("div", { key: 'c787b35b593d94258072420ff4a47e0433369b21', class: "ModalHeader" }, h("h1", { key: '3e162d602050e9d3e1c3a97234549bc971370a23' }, this.header)), h("div", { key: '35784436dc1b5d8342730959d69bc8e08910aeb7', class: "ModalBodyWrapper" }, h("div", { key: '500831b113cde82958ae1971d8710c6f0e2a45ff', class: "ModalBody" }, h("slot", { key: 'b47a0252f9fe4fa01bea07a69e3d6b7cc02f575c', name: "body" })), h("div", { key: 'd10041375451213d55c7be600b237a802cbe56f5', class: "ModalFooter" }, h("slot", { key: 'db205227b152ead571e2029f66ba3d381337457a', name: "footer" }))))));
|
|
57
60
|
}
|
|
58
61
|
get host() { return getElement(this); }
|
|
59
62
|
};
|
|
@@ -16,5 +16,5 @@ var patchBrowser = () => {
|
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(async (options) => {
|
|
18
18
|
await globalScripts();
|
|
19
|
-
return bootstrapLazy([["casino-engagement-suite-modal",[[1,"casino-engagement-suite-modal",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"isOpen":[4,"is-open"],"isLoading":[1028,"is-loading"],"header":[1],"contentIcon":[1,"content-icon"],"modalType":[1,"modal-type"],"device":[1],"showAnimation":[4,"show-animation"],"limitStylingAppends":[32]}]]]], options);
|
|
19
|
+
return bootstrapLazy([["casino-engagement-suite-modal",[[1,"casino-engagement-suite-modal",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"isOpen":[4,"is-open"],"isLoading":[1028,"is-loading"],"header":[1],"contentIcon":[1,"content-icon"],"modalType":[1,"modal-type"],"assets":[1],"device":[1],"showAnimation":[4,"show-animation"],"limitStylingAppends":[32]}]]]], options);
|
|
20
20
|
});
|
package/dist/esm/loader.js
CHANGED
|
@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
6
6
|
if (typeof window === 'undefined') return undefined;
|
|
7
7
|
await globalScripts();
|
|
8
|
-
return bootstrapLazy([["casino-engagement-suite-modal",[[1,"casino-engagement-suite-modal",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"isOpen":[4,"is-open"],"isLoading":[1028,"is-loading"],"header":[1],"contentIcon":[1,"content-icon"],"modalType":[1,"modal-type"],"device":[1],"showAnimation":[4,"show-animation"],"limitStylingAppends":[32]}]]]], options);
|
|
8
|
+
return bootstrapLazy([["casino-engagement-suite-modal",[[1,"casino-engagement-suite-modal",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"isOpen":[4,"is-open"],"isLoading":[1028,"is-loading"],"header":[1],"contentIcon":[1,"content-icon"],"modalType":[1,"modal-type"],"assets":[1],"device":[1],"showAnimation":[4,"show-animation"],"limitStylingAppends":[32]}]]]], options);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export { defineCustomElements };
|
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
|
|
8
8
|
export namespace Components {
|
|
9
9
|
interface CasinoEngagementSuiteModal {
|
|
10
|
+
"assets": string;
|
|
10
11
|
/**
|
|
11
12
|
* Client custom styling via string
|
|
12
13
|
*/
|
|
@@ -55,6 +56,7 @@ declare global {
|
|
|
55
56
|
}
|
|
56
57
|
declare namespace LocalJSX {
|
|
57
58
|
interface CasinoEngagementSuiteModal {
|
|
59
|
+
"assets"?: string;
|
|
58
60
|
/**
|
|
59
61
|
* Client custom styling via string
|
|
60
62
|
*/
|
package/package.json
CHANGED
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|