@everymatrix/lottery-tipping-dialog 1.77.30 → 1.77.32

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.
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const lotteryTippingDialog = require('./lottery-tipping-dialog-249a9a6e.js');
5
+ const lotteryTippingDialog = require('./lottery-tipping-dialog-6ff47906.js');
6
6
  require('./index-8fa36c42.js');
7
7
 
8
8
 
@@ -95,7 +95,7 @@ function setStreamStyling(stylingContainer, domain, subscription) {
95
95
  }
96
96
  }
97
97
 
98
- const lotteryTippingDialogCss = ".dialog-wrapper{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:1;z-index:199}.dialog-wrapper-visible{visibility:visible}.mask{position:fixed;inset:0;background-color:rgba(0, 0, 0, 0.5);opacity:0;z-index:1000;transition:opacity var(--duration) linear}.mask-enter{opacity:1}.mask-leave{opacity:0}.dialog{position:relative;background:var(--emw--color-dialog-background, #fff);border-radius:12px;box-shadow:0 4px 32px rgba(0, 0, 0, 0.15);opacity:0;transform:scale(0.9);transition:all var(--duration) linear;width:100%;max-width:100vw;min-height:200px;overflow:hidden;z-index:1000}.dialog-enter{opacity:1;transform:scale(1)}.dialog-leave{opacity:0}.dialog.fullscreen{width:100vw !important;height:100vh;overflow:auto;max-height:none;border-radius:0;overflow:hidden}.dialog-header{padding:16px 16px 0 16px;display:flex;justify-content:space-between;align-items:center}.dialog-header .dialog-title{margin:0;font-size:1.25rem;font-weight:500;color:var(--emw--color-dialog-typography, #000)}.dialog-header .close-btn{background:transparent;border:none;font-size:1.5rem;width:2rem;height:2rem;color:var(--emw--color-gray-150, #6f6f6f);cursor:pointer;border-radius:4px}.dialog-header .close-btn:hover{background:var(--emw--color-gray-50, #f5f5f5);color:var(--emw--color-gray-300, #333)}.dialog-content{padding:24px;font-size:0.95rem;line-height:1.6;color:var(--emw--color-dialog-typography, #000);flex:1;overflow-y:auto;max-height:calc(100vh - 200px)}.dialog.fullscreen .dialog-content{max-height:none}.dialog-footer{padding:0 16px 16px 16px;display:flex;justify-content:center;gap:12px}.dialog-footer .cancel-btn,.dialog-footer .confirm-btn{padding:10px 24px;border-radius:6px;font-size:0.9rem;cursor:pointer;transition:all 0.3s linear}.dialog-footer .cancel-btn{border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));color:var(--emw--color-gray-300, #333);background:var(--emw--color-gray-400, #fff)}.dialog-footer .cancel-btn:hover{border-color:var(--emw--color-gray-100, #e6e6e6)}.dialog-footer .confirm-btn{border:none;color:var(--emw--color-gray-400, #fff);background:var(--emw-pool-game-acition-normal, #4a90e2);box-shadow:0 2px 4px rgba(74, 144, 226, 0.2)}.dialog-footer .confirm-btn:hover{background:var(--emw-pool-game-action-hover, #357abd)}@media screen and (max-width: 480px){.dialog.fullscreen .dialog-content{padding:12px}}";
98
+ const lotteryTippingDialogCss = ".dialog-wrapper{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:1;z-index:199}.dialog-wrapper-visible{visibility:visible}.mask{position:fixed;inset:0;background-color:rgba(0, 0, 0, 0.5);opacity:0;z-index:1000;transition:opacity var(--duration) linear}.mask-enter{opacity:1}.mask-leave{opacity:0}.dialog{position:relative;background:var(--emw--color-dialog-background, #fff);border-radius:12px;box-shadow:0 4px 32px rgba(0, 0, 0, 0.15);opacity:0;transform:scale(0.9);transition:all var(--duration) linear;width:100%;max-width:100vw;min-height:200px;overflow:hidden;z-index:1000}.dialog-enter{opacity:1;transform:scale(1)}.dialog-leave{opacity:0}.dialog.fullscreen{width:100vw !important;height:100vh;overflow:auto;max-height:none;border-radius:0;overflow:hidden}.dialog-header{padding:16px 16px 0 16px;display:flex;justify-content:space-between;align-items:center}.dialog-header .dialog-title{margin:0;font-size:1.25rem;font-weight:500;color:var(--emw--color-dialog-typography, #000)}.dialog-header .close-btn{background:transparent;border:none;font-size:1.5rem;width:2rem;height:2rem;color:var(--emw--color-gray-150, #6f6f6f);cursor:pointer;border-radius:4px}.dialog-header .close-btn:hover{background:var(--emw--color-gray-50, #f5f5f5);color:var(--emw--color-gray-300, #333)}.dialog-content{padding:24px;font-size:0.95rem;line-height:1.6;color:var(--emw--color-dialog-typography, #000);flex:1;overflow-y:auto;max-height:calc(100vh - 200px)}.dialog.fullscreen .dialog-content{max-height:none}.dialog-footer{padding:0 16px 16px 16px;display:flex;justify-content:center;gap:12px}.dialog-footer .cancel-btn,.dialog-footer .confirm-btn{padding:10px 24px;border-radius:6px;font-size:0.9rem;cursor:pointer;transition:all 0.3s linear}.dialog-footer .cancel-btn{border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));color:var(--emw--color-gray-300, #333);background:var(--emw--color-gray-400, #fff)}.dialog-footer .cancel-btn:hover{border-color:var(--emw--color-gray-100, #e6e6e6)}.dialog-footer .confirm-btn{border:none;color:var(--emw--color-gray-400, #fff);background:var(--emw--color-primary, #009993)}.dialog-footer .confirm-btn:hover{background:var(--emw--color-primary-variant, #004d4a)}@media screen and (max-width: 480px){.dialog.fullscreen .dialog-content{padding:12px}}";
99
99
  const LotteryTippingDialogStyle0 = lotteryTippingDialogCss;
100
100
 
101
101
  const LotteryTippingDialog = class {
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const lotteryTippingDialog = require('./lottery-tipping-dialog-249a9a6e.js');
5
+ const lotteryTippingDialog = require('./lottery-tipping-dialog-6ff47906.js');
6
6
  require('./index-8fa36c42.js');
7
7
 
8
8
 
@@ -125,11 +125,10 @@
125
125
  .dialog-footer .confirm-btn {
126
126
  border: none;
127
127
  color: var(--emw--color-gray-400, #fff);
128
- background: var(--emw-pool-game-acition-normal, #4a90e2);
129
- box-shadow: 0 2px 4px rgba(74, 144, 226, 0.2);
128
+ background: var(--emw--color-primary, #009993);
130
129
  }
131
130
  .dialog-footer .confirm-btn:hover {
132
- background: var(--emw-pool-game-action-hover, #357abd);
131
+ background: var(--emw--color-primary-variant, #004d4a);
133
132
  }
134
133
 
135
134
  @media screen and (max-width: 480px) {
package/dist/esm/index.js CHANGED
@@ -1,2 +1,2 @@
1
- export { L as LotteryTippingDialog } from './lottery-tipping-dialog-6d46742d.js';
1
+ export { L as LotteryTippingDialog } from './lottery-tipping-dialog-2e88097f.js';
2
2
  import './index-9dba6e0e.js';
@@ -93,7 +93,7 @@ function setStreamStyling(stylingContainer, domain, subscription) {
93
93
  }
94
94
  }
95
95
 
96
- const lotteryTippingDialogCss = ".dialog-wrapper{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:1;z-index:199}.dialog-wrapper-visible{visibility:visible}.mask{position:fixed;inset:0;background-color:rgba(0, 0, 0, 0.5);opacity:0;z-index:1000;transition:opacity var(--duration) linear}.mask-enter{opacity:1}.mask-leave{opacity:0}.dialog{position:relative;background:var(--emw--color-dialog-background, #fff);border-radius:12px;box-shadow:0 4px 32px rgba(0, 0, 0, 0.15);opacity:0;transform:scale(0.9);transition:all var(--duration) linear;width:100%;max-width:100vw;min-height:200px;overflow:hidden;z-index:1000}.dialog-enter{opacity:1;transform:scale(1)}.dialog-leave{opacity:0}.dialog.fullscreen{width:100vw !important;height:100vh;overflow:auto;max-height:none;border-radius:0;overflow:hidden}.dialog-header{padding:16px 16px 0 16px;display:flex;justify-content:space-between;align-items:center}.dialog-header .dialog-title{margin:0;font-size:1.25rem;font-weight:500;color:var(--emw--color-dialog-typography, #000)}.dialog-header .close-btn{background:transparent;border:none;font-size:1.5rem;width:2rem;height:2rem;color:var(--emw--color-gray-150, #6f6f6f);cursor:pointer;border-radius:4px}.dialog-header .close-btn:hover{background:var(--emw--color-gray-50, #f5f5f5);color:var(--emw--color-gray-300, #333)}.dialog-content{padding:24px;font-size:0.95rem;line-height:1.6;color:var(--emw--color-dialog-typography, #000);flex:1;overflow-y:auto;max-height:calc(100vh - 200px)}.dialog.fullscreen .dialog-content{max-height:none}.dialog-footer{padding:0 16px 16px 16px;display:flex;justify-content:center;gap:12px}.dialog-footer .cancel-btn,.dialog-footer .confirm-btn{padding:10px 24px;border-radius:6px;font-size:0.9rem;cursor:pointer;transition:all 0.3s linear}.dialog-footer .cancel-btn{border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));color:var(--emw--color-gray-300, #333);background:var(--emw--color-gray-400, #fff)}.dialog-footer .cancel-btn:hover{border-color:var(--emw--color-gray-100, #e6e6e6)}.dialog-footer .confirm-btn{border:none;color:var(--emw--color-gray-400, #fff);background:var(--emw-pool-game-acition-normal, #4a90e2);box-shadow:0 2px 4px rgba(74, 144, 226, 0.2)}.dialog-footer .confirm-btn:hover{background:var(--emw-pool-game-action-hover, #357abd)}@media screen and (max-width: 480px){.dialog.fullscreen .dialog-content{padding:12px}}";
96
+ const lotteryTippingDialogCss = ".dialog-wrapper{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:1;z-index:199}.dialog-wrapper-visible{visibility:visible}.mask{position:fixed;inset:0;background-color:rgba(0, 0, 0, 0.5);opacity:0;z-index:1000;transition:opacity var(--duration) linear}.mask-enter{opacity:1}.mask-leave{opacity:0}.dialog{position:relative;background:var(--emw--color-dialog-background, #fff);border-radius:12px;box-shadow:0 4px 32px rgba(0, 0, 0, 0.15);opacity:0;transform:scale(0.9);transition:all var(--duration) linear;width:100%;max-width:100vw;min-height:200px;overflow:hidden;z-index:1000}.dialog-enter{opacity:1;transform:scale(1)}.dialog-leave{opacity:0}.dialog.fullscreen{width:100vw !important;height:100vh;overflow:auto;max-height:none;border-radius:0;overflow:hidden}.dialog-header{padding:16px 16px 0 16px;display:flex;justify-content:space-between;align-items:center}.dialog-header .dialog-title{margin:0;font-size:1.25rem;font-weight:500;color:var(--emw--color-dialog-typography, #000)}.dialog-header .close-btn{background:transparent;border:none;font-size:1.5rem;width:2rem;height:2rem;color:var(--emw--color-gray-150, #6f6f6f);cursor:pointer;border-radius:4px}.dialog-header .close-btn:hover{background:var(--emw--color-gray-50, #f5f5f5);color:var(--emw--color-gray-300, #333)}.dialog-content{padding:24px;font-size:0.95rem;line-height:1.6;color:var(--emw--color-dialog-typography, #000);flex:1;overflow-y:auto;max-height:calc(100vh - 200px)}.dialog.fullscreen .dialog-content{max-height:none}.dialog-footer{padding:0 16px 16px 16px;display:flex;justify-content:center;gap:12px}.dialog-footer .cancel-btn,.dialog-footer .confirm-btn{padding:10px 24px;border-radius:6px;font-size:0.9rem;cursor:pointer;transition:all 0.3s linear}.dialog-footer .cancel-btn{border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));color:var(--emw--color-gray-300, #333);background:var(--emw--color-gray-400, #fff)}.dialog-footer .cancel-btn:hover{border-color:var(--emw--color-gray-100, #e6e6e6)}.dialog-footer .confirm-btn{border:none;color:var(--emw--color-gray-400, #fff);background:var(--emw--color-primary, #009993)}.dialog-footer .confirm-btn:hover{background:var(--emw--color-primary-variant, #004d4a)}@media screen and (max-width: 480px){.dialog.fullscreen .dialog-content{padding:12px}}";
97
97
  const LotteryTippingDialogStyle0 = lotteryTippingDialogCss;
98
98
 
99
99
  const LotteryTippingDialog = class {
@@ -1,2 +1,2 @@
1
- export { L as lottery_tipping_dialog } from './lottery-tipping-dialog-6d46742d.js';
1
+ export { L as lottery_tipping_dialog } from './lottery-tipping-dialog-2e88097f.js';
2
2
  import './index-9dba6e0e.js';
@@ -1 +1 @@
1
- export{L as LotteryTippingDialog}from"./lottery-tipping-dialog-6d46742d.js";import"./index-9dba6e0e.js";
1
+ export{L as LotteryTippingDialog}from"./lottery-tipping-dialog-2e88097f.js";import"./index-9dba6e0e.js";
@@ -1 +1 @@
1
- import{r as e,c as i,h as o,g as t}from"./index-9dba6e0e.js";const a=["ro","en","fr","ar","hr"],n={en:{cancel:"Cancel",confirm:"Confirm"},ro:{cancel:"Anulează",confirm:"Confirmă"},fr:{cancel:"Annuler",confirm:"Confirmer"},ar:{cancel:"إلغاء",confirm:"تأكيد"},hr:{cancel:"Odustani",confirm:"Potvrdi"}},r=(e,i)=>{const o=i;return n[void 0!==o&&a.includes(o)?o:"en"][e]},l=class{constructor(o){e(this,o),this.open=i(this,"open",7),this.close=i(this,"close",7),this.confirm=i(this,"confirm",7),this.cancel=i(this,"cancel",7),this.wasVisible=!1,this.mbSource=void 0,this.clientStyling="",this.clientStylingUrl="",this.visible=void 0,this.dialogTitle="",this.width="520px",this.closable=!0,this.mask=!0,this.maskClosable=!0,this.animationDuration=300,this.fullscreen=!1,this.showFooter=!0,this.showCancelBtn=!0,this.language="en",this.translationUrl=void 0}handleClientStylingChange(e,i){e!=i&&function(e,i){if(e){const o=document.createElement("style");o.innerHTML=i,e.appendChild(o)}}(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(e,i){e!=i&&function(e,i){const o=new URL(i);fetch(o.href).then((e=>e.text())).then((i=>{const o=document.createElement("style");o.innerHTML=i,e&&e.appendChild(o)})).catch((e=>{console.error("There was an error while trying to load client styling from URL",e)}))}(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(e,i){e!=i&&function(e,i){if(window.emMessageBus){const o=document.createElement("style");window.emMessageBus.subscribe(i,(i=>{o.innerHTML=i,e&&e.appendChild(o)}))}}(this.stylingContainer,`${this.mbSource}.Style`)}componentWillLoad(){var e;this.translationUrl&&(e=JSON.parse(this.translationUrl),Object.keys(e).forEach((i=>{for(let o in e[i])n[i][o]=e[i][o]})))}componentWillUpdate(){this.visible&&!this.wasVisible?this.disableBodyScroll():!this.visible&&this.wasVisible&&this.enableBodyScroll(),this.wasVisible=this.visible}disconnectedCallback(){this.enableBodyScroll()}disableBodyScroll(){document.body.style.overflow="hidden"}enableBodyScroll(){document.body.style.overflow=""}handleClose(){this.visible=!1,this.cancel.emit()}handleMaskClick(e){this.maskClosable&&e.target===this.el.querySelector(".mask")&&(this.visible=!1,this.cancel.emit())}handleConfirm(){this.visible=!1,this.confirm.emit()}render(){const e={width:"number"==typeof this.width?`${this.width}px`:this.width,"--duration":`${this.animationDuration}ms`},i=["dialog-wrapper",this.visible?"dialog-wrapper-visible":""],t=["mask",this.visible?"mask-enter":"mask-leave"],a=["dialog",this.visible?"dialog-enter":"dialog-leave",this.fullscreen?"fullscreen":""].join(" ");return o("div",{key:"af4d92ae4ff3daf4788da45bee54758032f0da46",class:i.join(" "),ref:e=>this.stylingContainer=e},o("div",{key:"481d749fb5372916e1a5c638e1426ea81ba69b89",class:t.join(" "),onClick:this.handleMaskClick.bind(this)}),o("div",{key:"aaa55eb2020f6620479098ce4d73cdefa9545593",class:a,style:e,role:"dialog","aria-modal":"true","aria-labelledby":"dialog-title"},o("div",{key:"615b47331160463846f46d4931df61e432f66974",class:"dialog-header"},o("h2",{key:"138d61646e479c98b91420bf85841f0efd409f0f",id:"dialog-title",class:"dialog-title"},this.dialogTitle),this.closable&&o("button",{key:"0825e53e901c05928538bc53e68213201b72e7c4",class:"close-btn",onClick:this.handleClose.bind(this)},"x")),o("div",{key:"ce28487598c5055c64714daaf889e2761a0b05d0",class:"dialog-content",style:{maxHeight:"calc(100vh - 62px)",overflowY:"auto"}},o("slot",{key:"3f0094e744b50ce4d46493bba9179233516961bb"})),this.showFooter&&o("div",{key:"b9312bf147e522beadadcc45cb5e940614fdbc7a",class:"dialog-footer"},o("slot",{key:"2babe8bbba0bafe867d7035a852451d41016d23f",name:"footer"},this.showCancelBtn&&o("button",{key:"a9a856be2bec40af3557c80e3ead7883a3d4a137",class:"cancel-btn",onClick:this.handleClose.bind(this)},r("cancel",this.language)),o("button",{key:"9d32f271621e2dc076e7ba489e8494b5d0090f46",class:"confirm-btn",onClick:this.handleConfirm.bind(this)},r("confirm",this.language))))))}get el(){return t(this)}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};l.style=".dialog-wrapper{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:1;z-index:199}.dialog-wrapper-visible{visibility:visible}.mask{position:fixed;inset:0;background-color:rgba(0, 0, 0, 0.5);opacity:0;z-index:1000;transition:opacity var(--duration) linear}.mask-enter{opacity:1}.mask-leave{opacity:0}.dialog{position:relative;background:var(--emw--color-dialog-background, #fff);border-radius:12px;box-shadow:0 4px 32px rgba(0, 0, 0, 0.15);opacity:0;transform:scale(0.9);transition:all var(--duration) linear;width:100%;max-width:100vw;min-height:200px;overflow:hidden;z-index:1000}.dialog-enter{opacity:1;transform:scale(1)}.dialog-leave{opacity:0}.dialog.fullscreen{width:100vw !important;height:100vh;overflow:auto;max-height:none;border-radius:0;overflow:hidden}.dialog-header{padding:16px 16px 0 16px;display:flex;justify-content:space-between;align-items:center}.dialog-header .dialog-title{margin:0;font-size:1.25rem;font-weight:500;color:var(--emw--color-dialog-typography, #000)}.dialog-header .close-btn{background:transparent;border:none;font-size:1.5rem;width:2rem;height:2rem;color:var(--emw--color-gray-150, #6f6f6f);cursor:pointer;border-radius:4px}.dialog-header .close-btn:hover{background:var(--emw--color-gray-50, #f5f5f5);color:var(--emw--color-gray-300, #333)}.dialog-content{padding:24px;font-size:0.95rem;line-height:1.6;color:var(--emw--color-dialog-typography, #000);flex:1;overflow-y:auto;max-height:calc(100vh - 200px)}.dialog.fullscreen .dialog-content{max-height:none}.dialog-footer{padding:0 16px 16px 16px;display:flex;justify-content:center;gap:12px}.dialog-footer .cancel-btn,.dialog-footer .confirm-btn{padding:10px 24px;border-radius:6px;font-size:0.9rem;cursor:pointer;transition:all 0.3s linear}.dialog-footer .cancel-btn{border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));color:var(--emw--color-gray-300, #333);background:var(--emw--color-gray-400, #fff)}.dialog-footer .cancel-btn:hover{border-color:var(--emw--color-gray-100, #e6e6e6)}.dialog-footer .confirm-btn{border:none;color:var(--emw--color-gray-400, #fff);background:var(--emw-pool-game-acition-normal, #4a90e2);box-shadow:0 2px 4px rgba(74, 144, 226, 0.2)}.dialog-footer .confirm-btn:hover{background:var(--emw-pool-game-action-hover, #357abd)}@media screen and (max-width: 480px){.dialog.fullscreen .dialog-content{padding:12px}}";export{l as L}
1
+ import{r as e,c as i,h as o,g as t}from"./index-9dba6e0e.js";const a=["ro","en","fr","ar","hr"],r={en:{cancel:"Cancel",confirm:"Confirm"},ro:{cancel:"Anulează",confirm:"Confirmă"},fr:{cancel:"Annuler",confirm:"Confirmer"},ar:{cancel:"إلغاء",confirm:"تأكيد"},hr:{cancel:"Odustani",confirm:"Potvrdi"}},n=(e,i)=>{const o=i;return r[void 0!==o&&a.includes(o)?o:"en"][e]},l=class{constructor(o){e(this,o),this.open=i(this,"open",7),this.close=i(this,"close",7),this.confirm=i(this,"confirm",7),this.cancel=i(this,"cancel",7),this.wasVisible=!1,this.mbSource=void 0,this.clientStyling="",this.clientStylingUrl="",this.visible=void 0,this.dialogTitle="",this.width="520px",this.closable=!0,this.mask=!0,this.maskClosable=!0,this.animationDuration=300,this.fullscreen=!1,this.showFooter=!0,this.showCancelBtn=!0,this.language="en",this.translationUrl=void 0}handleClientStylingChange(e,i){e!=i&&function(e,i){if(e){const o=document.createElement("style");o.innerHTML=i,e.appendChild(o)}}(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(e,i){e!=i&&function(e,i){const o=new URL(i);fetch(o.href).then((e=>e.text())).then((i=>{const o=document.createElement("style");o.innerHTML=i,e&&e.appendChild(o)})).catch((e=>{console.error("There was an error while trying to load client styling from URL",e)}))}(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(e,i){e!=i&&function(e,i){if(window.emMessageBus){const o=document.createElement("style");window.emMessageBus.subscribe(i,(i=>{o.innerHTML=i,e&&e.appendChild(o)}))}}(this.stylingContainer,`${this.mbSource}.Style`)}componentWillLoad(){var e;this.translationUrl&&(e=JSON.parse(this.translationUrl),Object.keys(e).forEach((i=>{for(let o in e[i])r[i][o]=e[i][o]})))}componentWillUpdate(){this.visible&&!this.wasVisible?this.disableBodyScroll():!this.visible&&this.wasVisible&&this.enableBodyScroll(),this.wasVisible=this.visible}disconnectedCallback(){this.enableBodyScroll()}disableBodyScroll(){document.body.style.overflow="hidden"}enableBodyScroll(){document.body.style.overflow=""}handleClose(){this.visible=!1,this.cancel.emit()}handleMaskClick(e){this.maskClosable&&e.target===this.el.querySelector(".mask")&&(this.visible=!1,this.cancel.emit())}handleConfirm(){this.visible=!1,this.confirm.emit()}render(){const e={width:"number"==typeof this.width?`${this.width}px`:this.width,"--duration":`${this.animationDuration}ms`},i=["dialog-wrapper",this.visible?"dialog-wrapper-visible":""],t=["mask",this.visible?"mask-enter":"mask-leave"],a=["dialog",this.visible?"dialog-enter":"dialog-leave",this.fullscreen?"fullscreen":""].join(" ");return o("div",{key:"af4d92ae4ff3daf4788da45bee54758032f0da46",class:i.join(" "),ref:e=>this.stylingContainer=e},o("div",{key:"481d749fb5372916e1a5c638e1426ea81ba69b89",class:t.join(" "),onClick:this.handleMaskClick.bind(this)}),o("div",{key:"aaa55eb2020f6620479098ce4d73cdefa9545593",class:a,style:e,role:"dialog","aria-modal":"true","aria-labelledby":"dialog-title"},o("div",{key:"615b47331160463846f46d4931df61e432f66974",class:"dialog-header"},o("h2",{key:"138d61646e479c98b91420bf85841f0efd409f0f",id:"dialog-title",class:"dialog-title"},this.dialogTitle),this.closable&&o("button",{key:"0825e53e901c05928538bc53e68213201b72e7c4",class:"close-btn",onClick:this.handleClose.bind(this)},"x")),o("div",{key:"ce28487598c5055c64714daaf889e2761a0b05d0",class:"dialog-content",style:{maxHeight:"calc(100vh - 62px)",overflowY:"auto"}},o("slot",{key:"3f0094e744b50ce4d46493bba9179233516961bb"})),this.showFooter&&o("div",{key:"b9312bf147e522beadadcc45cb5e940614fdbc7a",class:"dialog-footer"},o("slot",{key:"2babe8bbba0bafe867d7035a852451d41016d23f",name:"footer"},this.showCancelBtn&&o("button",{key:"a9a856be2bec40af3557c80e3ead7883a3d4a137",class:"cancel-btn",onClick:this.handleClose.bind(this)},n("cancel",this.language)),o("button",{key:"9d32f271621e2dc076e7ba489e8494b5d0090f46",class:"confirm-btn",onClick:this.handleConfirm.bind(this)},n("confirm",this.language))))))}get el(){return t(this)}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};l.style=".dialog-wrapper{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:1;z-index:199}.dialog-wrapper-visible{visibility:visible}.mask{position:fixed;inset:0;background-color:rgba(0, 0, 0, 0.5);opacity:0;z-index:1000;transition:opacity var(--duration) linear}.mask-enter{opacity:1}.mask-leave{opacity:0}.dialog{position:relative;background:var(--emw--color-dialog-background, #fff);border-radius:12px;box-shadow:0 4px 32px rgba(0, 0, 0, 0.15);opacity:0;transform:scale(0.9);transition:all var(--duration) linear;width:100%;max-width:100vw;min-height:200px;overflow:hidden;z-index:1000}.dialog-enter{opacity:1;transform:scale(1)}.dialog-leave{opacity:0}.dialog.fullscreen{width:100vw !important;height:100vh;overflow:auto;max-height:none;border-radius:0;overflow:hidden}.dialog-header{padding:16px 16px 0 16px;display:flex;justify-content:space-between;align-items:center}.dialog-header .dialog-title{margin:0;font-size:1.25rem;font-weight:500;color:var(--emw--color-dialog-typography, #000)}.dialog-header .close-btn{background:transparent;border:none;font-size:1.5rem;width:2rem;height:2rem;color:var(--emw--color-gray-150, #6f6f6f);cursor:pointer;border-radius:4px}.dialog-header .close-btn:hover{background:var(--emw--color-gray-50, #f5f5f5);color:var(--emw--color-gray-300, #333)}.dialog-content{padding:24px;font-size:0.95rem;line-height:1.6;color:var(--emw--color-dialog-typography, #000);flex:1;overflow-y:auto;max-height:calc(100vh - 200px)}.dialog.fullscreen .dialog-content{max-height:none}.dialog-footer{padding:0 16px 16px 16px;display:flex;justify-content:center;gap:12px}.dialog-footer .cancel-btn,.dialog-footer .confirm-btn{padding:10px 24px;border-radius:6px;font-size:0.9rem;cursor:pointer;transition:all 0.3s linear}.dialog-footer .cancel-btn{border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));color:var(--emw--color-gray-300, #333);background:var(--emw--color-gray-400, #fff)}.dialog-footer .cancel-btn:hover{border-color:var(--emw--color-gray-100, #e6e6e6)}.dialog-footer .confirm-btn{border:none;color:var(--emw--color-gray-400, #fff);background:var(--emw--color-primary, #009993)}.dialog-footer .confirm-btn:hover{background:var(--emw--color-primary-variant, #004d4a)}@media screen and (max-width: 480px){.dialog.fullscreen .dialog-content{padding:12px}}";export{l as L}
@@ -1 +1 @@
1
- export{L as lottery_tipping_dialog}from"./lottery-tipping-dialog-6d46742d.js";import"./index-9dba6e0e.js";
1
+ export{L as lottery_tipping_dialog}from"./lottery-tipping-dialog-2e88097f.js";import"./index-9dba6e0e.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/lottery-tipping-dialog",
3
- "version": "1.77.30",
3
+ "version": "1.77.32",
4
4
  "main": "./dist/index.cjs.js",
5
5
  "module": "./dist/index.js",
6
6
  "es2015": "./dist/esm/index.mjs",