react-hoc-modal/dist/main.js

React component for easy create modals

/*! For license information please see main.js.LICENSE.txt */
import*as t from"react";import*as e from"react-dom";var r={183:(t,e,r)=>{r.d(e,{Z:()=>a});var n=r(537),o=r.n(n),A=r(645),i=r.n(A)()(o());i.push([t.id,".auFl248wvNmqeaiQe63K{display:flex;flex-direction:column;width:100%;height:100%;border-radius:10px 10px 0 0;transform:translateY(100%);transition:transform .1s ease;border:0;padding:0;bottom:0;gap:10px;overflow:hidden;box-sizing:border-box;background-color:#fff;box-shadow:0px 0px 6px hsla(0,0%,100%,.6);touch-action:none}.auFl248wvNmqeaiQe63K .uPvlPzlHmYR1aF6ZnO9l{display:flex;flex-direction:row;justify-content:center;margin-top:15px}.auFl248wvNmqeaiQe63K .p4sqqbBaBKpMqVSuf0IX{width:20%;max-width:90px;height:4px;background-color:#ccc}.auFl248wvNmqeaiQe63K.oKX_CUSmF2waz4FJVCiP{transition:none}.auFl248wvNmqeaiQe63K .ZcUQHs9wEVtshn72Vjnh{flex:1;display:flex;flex-direction:column;gap:15px}.auFl248wvNmqeaiQe63K .Udu462nEtHCsRq5yvr_m{flex:1;flex-basis:0;display:flex;flex-direction:column;border-radius:5px;gap:10px;position:relative;width:100%;max-height:90vh;padding:10px;overflow:auto;color:#000;overscroll-behavior-y:contain;overscroll-behavior:none}.auFl248wvNmqeaiQe63K .Udu462nEtHCsRq5yvr_m ::-webkit-scrollbar{width:5px;-webkit-transition:.3s;transition:.3s}.auFl248wvNmqeaiQe63K .Udu462nEtHCsRq5yvr_m ::-webkit-scrollbar-thumb{background-color:#979faa}.auFl248wvNmqeaiQe63K .LlBbA7rd_mCUEh8kYucb{display:flex;flex-direction:row;justify-content:space-around;align-items:center;font-size:20px;box-sizing:border-box;padding:15px 10px;background-color:#fff;color:#303843;width:100%}.auFl248wvNmqeaiQe63K .LlBbA7rd_mCUEh8kYucb .r0Rdrp3sbjaLMQtkuQFQ{flex:1;text-align:center;padding:0 5px 0 5px}.auFl248wvNmqeaiQe63K .zMGE1GoJnU84qu4haSuf{display:flex;flex-direction:row;justify-content:center;margin-bottom:15px;color:#000}.dark .auFl248wvNmqeaiQe63K{background-color:#041030}.dark .auFl248wvNmqeaiQe63K .LlBbA7rd_mCUEh8kYucb{color:#fff;background-color:#051f3d}.dark .auFl248wvNmqeaiQe63K .zMGE1GoJnU84qu4haSuf{color:#fff}.dark .auFl248wvNmqeaiQe63K .Udu462nEtHCsRq5yvr_m{background-color:#041030;color:#e0e1e5}","",{version:3,sources:["webpack://./src/Components/BottomSheet/style.module.scss"],names:[],mappings:"AAAA,sBACC,YAAA,CACG,qBAAA,CACH,UAAA,CACG,WAAA,CACA,2BAAA,CACH,0BAAA,CACA,6BAAA,CACA,QAAA,CACA,SAAA,CACA,QAAA,CACA,QAAA,CACG,eAAA,CACH,qBAAA,CACA,qBAAA,CACA,yCAAA,CACA,iBAAA,CAEA,4CACC,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,eAAA,CAGD,4CACC,SAAA,CACA,cAAA,CACA,UAAA,CACA,qBAAA,CAGD,2CACC,eAAA,CAGD,4CACC,MAAA,CACA,YAAA,CACA,qBAAA,CACA,QAAA,CAGD,4CACC,MAAA,CACA,YAAA,CACA,YAAA,CACA,qBAAA,CACA,iBAAA,CACA,QAAA,CACA,iBAAA,CACA,UAAA,CACA,eAAA,CACA,YAAA,CACA,aAAA,CACA,UAAA,CACA,6BAAA,CACA,wBAAA,CAEA,gEACC,SAAA,CACA,sBAAA,CAAA,cAAA,CAGD,sEACC,wBAAA,CAIF,4CACC,YAAA,CACA,kBAAA,CACA,4BAAA,CACA,kBAAA,CACA,cAAA,CACA,qBAAA,CACA,iBAAA,CACA,qBAAA,CACA,aAAA,CACA,UAAA,CAEA,kEACC,MAAA,CACA,iBAAA,CACA,mBAAA,CAIF,4CACC,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,kBAAA,CACA,UAAA,CAGD,4BACC,wBAAA,CAEA,kDACC,UAAA,CACA,wBAAA,CAGD,kDACC,UAAA,CAGD,kDACC,wBAAA,CACA,aAAA",sourcesContent:[".bottomsheet-container {\r\n\tdisplay: flex;\r\n    flex-direction: column;\r\n\twidth: 100%;\r\n    height: 100%;\r\n    border-radius: 10px 10px 0 0;\r\n\ttransform: translateY(100%);\r\n\ttransition: transform 0.1s ease;\r\n\tborder: 0;\r\n\tpadding: 0;\r\n\tbottom: 0;\r\n\tgap: 10px;\r\n    overflow: hidden;\r\n\tbox-sizing: border-box;\r\n\tbackground-color: #FFFFFF;\r\n\tbox-shadow: 0px 0px 6px hsla(0, 0%, 100%, .6);\r\n\ttouch-action: none;\r\n\r\n\t.bottomsheet-handle-container {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\tjustify-content: center;\r\n\t\tmargin-top: 15px;\r\n\t}\r\n\r\n\t.bottomsheet-handle-indicator {\r\n\t\twidth: 20%;\r\n\t\tmax-width: 90px;\r\n\t\theight: 4px;\r\n\t\tbackground-color: #CCCCCC;\r\n\t}\r\n\r\n\t&.touch {\r\n\t\ttransition: none;\r\n\t}\r\n\r\n\t.bottomsheet {\r\n\t\tflex: 1;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tgap: 15px;\r\n\t}\r\n\r\n\t.content {\r\n\t\tflex: 1;\r\n\t\tflex-basis: 0;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tborder-radius: 5px;\r\n\t\tgap: 10px;\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\t\tmax-height: 90vh;\r\n\t\tpadding: 10px;\r\n\t\toverflow: auto;\r\n\t\tcolor: #000000;\r\n\t\toverscroll-behavior-y: contain;\r\n\t\toverscroll-behavior: none;\r\n\r\n\t\t::-webkit-scrollbar {\r\n\t\t\twidth: 5px;\r\n\t\t\ttransition: 0.3s;\r\n\t\t}\r\n\r\n\t\t::-webkit-scrollbar-thumb {\r\n\t\t\tbackground-color:  #979faa;\r\n\t\t}\r\n\t}\r\n\r\n\t.header {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\tjustify-content: space-around;\r\n\t\talign-items: center;\r\n\t\tfont-size: 20px;\r\n\t\tbox-sizing: border-box;\r\n\t\tpadding: 15px 10px;\r\n\t\tbackground-color: #FFFFFF;\r\n\t\tcolor: #303843;\r\n\t\twidth: 100%;\r\n\r\n\t\t.text {\r\n\t\t\tflex: 1;\r\n\t\t\ttext-align: center;\r\n\t\t\tpadding: 0 5px 0 5px;\r\n\t\t}\r\n\t}\r\n\r\n\t.footer {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\tjustify-content: center;\r\n\t\tmargin-bottom: 15px;\r\n\t\tcolor: #000000;\r\n\t}\r\n\r\n\t:global(.dark) & {\r\n\t\tbackground-color: #041030;\r\n\r\n\t\t.header {\r\n\t\t\tcolor: #ffffff;\r\n\t\t\tbackground-color: #051f3d;\r\n\t\t}\r\n\r\n\t\t.footer {\r\n\t\t\tcolor: #FFFFFF;\r\n\t\t}\r\n\r\n\t\t.content {\r\n\t\t\tbackground-color: #041030;\r\n\t\t\tcolor: #E0E1E5;\r\n\t\t}\r\n\t}\r\n}"],sourceRoot:""}]),i.locals={"bottomsheet-container":"auFl248wvNmqeaiQe63K","bottomsheet-handle-container":"uPvlPzlHmYR1aF6ZnO9l","bottomsheet-handle-indicator":"p4sqqbBaBKpMqVSuf0IX",touch:"oKX_CUSmF2waz4FJVCiP",bottomsheet:"ZcUQHs9wEVtshn72Vjnh",content:"Udu462nEtHCsRq5yvr_m",header:"LlBbA7rd_mCUEh8kYucb",text:"r0Rdrp3sbjaLMQtkuQFQ",footer:"zMGE1GoJnU84qu4haSuf"};const a=i},976:(t,e,r)=>{r.d(e,{Z:()=>a});var n=r(537),o=r.n(n),A=r(645),i=r.n(A)()(o());i.push([t.id,".a9v6mDxRnfuVmzzE3lpt{padding:.4em 1.2em;font-size:1em;font-weight:400;background-color:rgba(0,0,0,0);color:#000;border-radius:inherit;border:1px solid #ccc;cursor:pointer}.a9v6mDxRnfuVmzzE3lpt:active,.a9v6mDxRnfuVmzzE3lpt:focus{border:none;outline:none}","",{version:3,sources:["webpack://./src/Components/PopupItem/style.module.scss"],names:[],mappings:"AAAA,sBACC,kBAAA,CACA,aAAA,CACA,eAAA,CACA,8BAAA,CACA,UAAA,CACA,qBAAA,CACA,qBAAA,CACA,cAAA,CAEA,yDACC,WAAA,CACA,YAAA",sourcesContent:[".popup-item {\r\n\tpadding: 0.4em 1.2em;\r\n\tfont-size: 1em;\r\n\tfont-weight: 400;\r\n\tbackground-color: transparent;\r\n\tcolor: #000000;\r\n\tborder-radius: inherit;\r\n\tborder: 1px solid #CCCCCC;\r\n\tcursor: pointer;\r\n\r\n\t&:active, &:focus {\r\n\t\tborder: none;\r\n\t\toutline: none;\r\n\t}\r\n}"],sourceRoot:""}]),i.locals={"popup-item":"a9v6mDxRnfuVmzzE3lpt"};const a=i},114:(t,e,r)=>{r.d(e,{Z:()=>a});var n=r(537),o=r.n(n),A=r(645),i=r.n(A)()(o());i.push([t.id,".HX0nZDtNdg0wY9FWuLAA .W2Ds8wAhvNFrK9XiY_pF{display:block;position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,0);cursor:pointer;z-index:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.HX0nZDtNdg0wY9FWuLAA .TgGY93Zr6bV4CpXmeWx8{display:flex;position:fixed;border:0;outline:0;padding:0;margin:0;max-width:550px;transform:translate(0, 0);top:0;left:0;box-shadow:0px 0px 6px hsla(0,0%,100%,.6);border-radius:5px;overflow:hidden}.HX0nZDtNdg0wY9FWuLAA .TgGY93Zr6bV4CpXmeWx8 .gc7shEHPTskFJbfSIS_t{display:flex;flex-direction:column}","",{version:3,sources:["webpack://./src/Components/Popup/style.module.scss"],names:[],mappings:"AAEC,4CACC,aAAA,CACA,cAAA,CACA,UAAA,CACA,WAAA,CACA,8BAAA,CACA,cAAA,CACA,SAAA,CACA,yCAAA,CAGD,4CACC,YAAA,CACA,cAAA,CACA,QAAA,CACA,SAAA,CACA,SAAA,CACA,QAAA,CACA,eAAA,CACA,yBAAA,CACA,KAAA,CACA,MAAA,CACA,yCAAA,CACA,iBAAA,CACA,eAAA,CAEA,kEACC,YAAA,CACA,qBAAA",sourcesContent:[".popup-wrapper {\r\n\r\n\t.background {\r\n\t\tdisplay: block;\r\n\t\tposition: fixed;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tbackground-color: transparent;\r\n\t\tcursor: pointer;\r\n\t\tz-index: 0;\r\n\t\t-webkit-tap-highlight-color: transparent;\r\n\t}\r\n\r\n\t.popup-container {\r\n\t\tdisplay: flex;\r\n\t\tposition: fixed;\r\n\t\tborder: 0;\r\n\t\toutline: 0;\r\n\t\tpadding: 0;\r\n\t\tmargin: 0;\r\n\t\tmax-width: 550px;\r\n\t\ttransform: translate(0, 0);\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tbox-shadow: 0px 0px 6px hsla(0, 0%, 100%, .6);\r\n\t\tborder-radius: 5px;\r\n\t\toverflow: hidden;\r\n\r\n\t\t.popup {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t}\r\n\t}\r\n}"],sourceRoot:""}]),i.locals={"popup-wrapper":"HX0nZDtNdg0wY9FWuLAA",background:"W2Ds8wAhvNFrK9XiY_pF","popup-container":"TgGY93Zr6bV4CpXmeWx8",popup:"gc7shEHPTskFJbfSIS_t"};const a=i},474:(t,e,r)=>{r.d(e,{Z:()=>a});var n=r(537),o=r.n(n),A=r(645),i=r.n(A)()(o());i.push([t.id,'body.ywYO81ak9V2WIJshiWw1{overflow:hidden !important}.O8Njhgivk3CHTeUsdCyX{display:flex;position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;margin:0;transition:opacity .3s;z-index:999;opacity:0;overscroll-behavior-y:contain;overscroll-behavior:none}.O8Njhgivk3CHTeUsdCyX::backdrop{opacity:0}.O8Njhgivk3CHTeUsdCyX.mK0fClNyueZQWKEEULsh{opacity:1}.O8Njhgivk3CHTeUsdCyX div{box-sizing:border-box}.O8Njhgivk3CHTeUsdCyX .B7jzb437Fjh0Gj6QlUbJ{display:block;position:absolute;width:100%;height:100%;background-color:rgba(4,16,48,.95);cursor:pointer;z-index:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.gRhEnP0R9rw5OLEia6Yn{flex:1;display:flex}.gRhEnP0R9rw5OLEia6Yn .PscWQ4HRVQVP6mFHWB9v{display:flex;position:fixed;border:0;outline:0;padding:0;margin:0;max-width:550px;transform:translate(-50%, -50%);top:50%;left:50%}.gRhEnP0R9rw5OLEia6Yn .PscWQ4HRVQVP6mFHWB9v:focus{outline:0}.gRhEnP0R9rw5OLEia6Yn .PscWQ4HRVQVP6mFHWB9v.UIwbcJfBamxrdMkx7A7n{transition:none !important;-webkit-user-select:none !important;-moz-user-select:none !important;user-select:none !important;cursor:pointer !important}.BHZjmmgrhQQsarR1edUN{display:flex;flex-direction:row;justify-content:flex-end;margin:10px 2px;cursor:pointer}.O8Njhgivk3CHTeUsdCyX.O7tWoEoCsojbptUicu4l .B7jzb437Fjh0Gj6QlUbJ,.O8Njhgivk3CHTeUsdCyX.O7tWoEoCsojbptUicu4l .BHZjmmgrhQQsarR1edUN{cursor:unset}.PVA97UqXD6mqTq4PCiTr{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:0 0 10px 10px;font-size:18px;min-width:300px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0px 0px 6px hsla(0,0%,100%,.6)}.O8Njhgivk3CHTeUsdCyX.CzxTqGUtYht8ffj_cnXN .PscWQ4HRVQVP6mFHWB9v{transform:none;transition:none}.O8Njhgivk3CHTeUsdCyX.EKyfaWskiqxBxqBkLp8_ .PscWQ4HRVQVP6mFHWB9v{transform:scale(0.8);transition:transform .3s}.O8Njhgivk3CHTeUsdCyX.mK0fClNyueZQWKEEULsh.EKyfaWskiqxBxqBkLp8_ .PscWQ4HRVQVP6mFHWB9v{transform:scale(1)}.PoFqJ4IB_z32EOUskcQM{display:flex;flex-direction:row;justify-content:space-around;align-items:center;font-size:20px;color:#fff;box-sizing:border-box;padding:15px 10px;background-color:#051f3d;width:100%}.PoFqJ4IB_z32EOUskcQM ._iJtB0LUeHWOHhkUBZAf{flex:1;text-align:center;padding:0 5px 0 5px}.uzKTIXmHOjtfU2zzx3JU{display:flex;position:relative;justify-content:center;align-items:center;width:20px;height:20px;cursor:pointer;opacity:.7;transition:transform .3s,opacity .3s}.uzKTIXmHOjtfU2zzx3JU.ixeu6lwp8pGfP3ipXcKr{width:30px;height:30px}.uzKTIXmHOjtfU2zzx3JU::before,.uzKTIXmHOjtfU2zzx3JU::after{content:"";display:block;position:absolute;width:100%;height:3px;background-color:#fff}.uzKTIXmHOjtfU2zzx3JU::before{transform:rotate(45deg)}.uzKTIXmHOjtfU2zzx3JU::after{transform:rotate(-45deg)}.uzKTIXmHOjtfU2zzx3JU:active{transform:scale(1.1)}.uzKTIXmHOjtfU2zzx3JU:hover{opacity:1}.qLDg19C906Nj4DExWecR{flex:1;display:block;position:relative;width:100%;max-height:90vh;padding:10px;overflow:auto;color:#000}.qLDg19C906Nj4DExWecR::-webkit-scrollbar{width:5px;-webkit-transition:.3s;transition:.3s}.qLDg19C906Nj4DExWecR::-webkit-scrollbar-thumb{background-color:#979faa}.i7L7Rf8SZltNXB8_jOgX{display:flex;flex-direction:row;justify-content:space-around;width:100%;border-radius:0 0 7px 7px;color:#fff;gap:10px;padding:5px}.O8Njhgivk3CHTeUsdCyX.light .B7jzb437Fjh0Gj6QlUbJ{background-color:rgba(63,66,73,.6)}.O8Njhgivk3CHTeUsdCyX.light dialog,.O8Njhgivk3CHTeUsdCyX.light .PVA97UqXD6mqTq4PCiTr,.O8Njhgivk3CHTeUsdCyX.light .PoFqJ4IB_z32EOUskcQM,.O8Njhgivk3CHTeUsdCyX.light .qLDg19C906Nj4DExWecR,.O8Njhgivk3CHTeUsdCyX.light .i7L7Rf8SZltNXB8_jOgX{background-color:#fff;color:#303843}.O8Njhgivk3CHTeUsdCyX.light .PVA97UqXD6mqTq4PCiTr{border-radius:0}.O8Njhgivk3CHTeUsdCyX.light .PoFqJ4IB_z32EOUskcQM .uzKTIXmHOjtfU2zzx3JU::before,.O8Njhgivk3CHTeUsdCyX.light .PoFqJ4IB_z32EOUskcQM .uzKTIXmHOjtfU2zzx3JU::after{background-color:#303843}.O8Njhgivk3CHTeUsdCyX.light .i7L7Rf8SZltNXB8_jOgX{box-shadow:0px 0px 15px 0px rgba(0,0,0,.3)}.O8Njhgivk3CHTeUsdCyX.dark dialog,.O8Njhgivk3CHTeUsdCyX.dark .PVA97UqXD6mqTq4PCiTr,.O8Njhgivk3CHTeUsdCyX.dark .qLDg19C906Nj4DExWecR{background-color:#041030;color:#e0e1e5}.O8Njhgivk3CHTeUsdCyX.dark .i7L7Rf8SZltNXB8_jOgX,.O8Njhgivk3CHTeUsdCyX.dark .PVA97UqXD6mqTq4PCiTr{background-color:#041030}',"",{version:3,sources:["webpack://./src/style.module.scss"],names:[],mappings:"AACA,0BACC,0BAAA,CAED,sBACC,YAAA,CAGA,cAAA,CACA,KAAA,CACA,MAAA,CACA,WAAA,CACA,YAAA,CACA,aAAA,CACA,QAAA,CACA,sBAAA,CACA,WAAA,CACA,SAAA,CACA,6BAAA,CACA,wBAAA,CAEA,gCACC,SAAA,CAGD,2CACC,SAAA,CAGD,0BACC,qBAAA,CAGD,4CACC,aAAA,CACA,iBAAA,CACA,UAAA,CACA,WAAA,CACA,kCAAA,CACA,cAAA,CACA,SAAA,CACA,yCAAA,CAIF,sBACC,MAAA,CACA,YAAA,CAEA,4CACC,YAAA,CACA,cAAA,CACA,QAAA,CACA,SAAA,CACA,SAAA,CACA,QAAA,CACA,eAAA,CACA,+BAAA,CACA,OAAA,CACA,QAAA,CAEA,kDACC,SAAA,CAGD,iEACC,0BAAA,CACA,mCAAA,CAAA,gCAAA,CAAA,2BAAA,CACA,yBAAA,CAOH,sBACC,YAAA,CACA,kBAAA,CACA,wBAAA,CACA,eAAA,CACA,cAAA,CAGD,kIACC,YAAA,CAGD,sBACC,YAAA,CACA,qBAAA,CACA,sBAAA,CACA,kBAAA,CACA,2BAAA,CACA,cAAA,CACA,eAAA,CACA,UAAA,CACA,eAAA,CACA,eAAA,CACA,yCAAA,CAID,iEACC,cAAA,CACA,eAAA,CAGD,iEACC,oBAAA,CACA,wBAAA,CAGD,sFACC,kBAAA,CAGD,sBACC,YAAA,CACA,kBAAA,CACA,4BAAA,CACA,kBAAA,CACA,cAAA,CACA,UAAA,CACA,qBAAA,CACA,iBAAA,CACA,wBAAA,CACA,UAAA,CAGD,4CACC,MAAA,CACA,iBAAA,CACA,mBAAA,CAKD,sBACC,YAAA,CACA,iBAAA,CACA,sBAAA,CACA,kBAAA,CACA,UAAA,CACA,WAAA,CACA,cAAA,CACA,UAAA,CACA,oCAAA,CAGD,2CACC,UAAA,CACA,WAAA,CAGD,2DACC,UAAA,CACA,aAAA,CACA,iBAAA,CACA,UAAA,CACA,UAAA,CACA,qBAAA,CAGD,8BACC,uBAAA,CAGD,6BACC,wBAAA,CAGD,6BACC,oBAAA,CAGD,4BACC,SAAA,CAGD,sBACC,MAAA,CACA,aAAA,CACA,iBAAA,CACA,UAAA,CACA,eAAA,CACA,YAAA,CACA,aAAA,CACA,UAAA,CAGD,yCACC,SAAA,CACA,sBAAA,CAAA,cAAA,CAGD,+CACC,wBAAA,CAGD,sBACC,YAAA,CACA,kBAAA,CACA,4BAAA,CACA,UAAA,CACA,yBAAA,CACA,UAAA,CACA,QAAA,CACA,WAAA,CAMD,kDACC,kCAAA,CAGD,2OACC,qBAAA,CACA,aAAA,CAGD,kDACC,eAAA,CAGD,+JACC,wBAAA,CAGD,kDACC,0CAAA,CAKD,oIACC,wBAAA,CACA,aAAA,CAGD,kGACC,wBAAA",sourcesContent:['/* Modal */\r\nbody.block-scroll {\r\n\toverflow: hidden !important;\r\n}\r\n.container {\r\n\tdisplay: flex;\r\n\t// justify-content: center;\r\n\t// align-items: center;\r\n\tposition: fixed;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\twidth: 100vw;\r\n\theight: 100vh;\r\n\theight: 100dvh;\r\n\tmargin: 0;\r\n\ttransition: opacity 0.3s;\r\n\tz-index: 999;\r\n\topacity: 0;\r\n\toverscroll-behavior-y: contain;\r\n\toverscroll-behavior: none;\r\n\r\n\t&::backdrop {\r\n\t\topacity: 0;\r\n\t}\r\n\r\n\t&.active {\r\n\t\topacity: 1;\r\n\t}\r\n\r\n\tdiv {\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.background {\r\n\t\tdisplay: block;\r\n\t\tposition: absolute;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tbackground-color: rgba(4, 16, 48, 0.95);\r\n\t\tcursor: pointer;\r\n\t\tz-index: 0;\r\n\t\t-webkit-tap-highlight-color: transparent;\r\n\t}\r\n}\r\n\r\n.modal-wrapper {\r\n\tflex: 1;\r\n\tdisplay: flex;\r\n\t\r\n\t.modal-container {\r\n\t\tdisplay: flex;\r\n\t\tposition: fixed;\r\n\t\tborder: 0;\r\n\t\toutline: 0;\r\n\t\tpadding: 0;\r\n\t\tmargin: 0;\r\n\t\tmax-width: 550px;\r\n\t\ttransform: translate(-50%, -50%);\r\n\t\ttop: 50%;\r\n\t\tleft: 50%;\r\n\r\n\t\t&:focus {\r\n\t\t\toutline: 0;\r\n\t\t}\r\n\r\n\t\t&.drag {\r\n\t\t\ttransition: none !important;\r\n\t\t\tuser-select: none !important;\r\n\t\t\tcursor: pointer !important;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n\r\n\r\n.close-block {\r\n\tdisplay: flex;\r\n\tflex-direction: row;\r\n\tjustify-content: flex-end;\r\n\tmargin: 10px 2px;\r\n\tcursor: pointer;\r\n}\r\n\r\n.container.cursor-unset .background, .container.cursor-unset .close-block {\r\n\tcursor: unset;\r\n}\r\n\r\n.modal {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tborder-radius: 0 0 10px 10px;\r\n\tfont-size: 18px;\r\n\tmin-width: 300px;\r\n\twidth: 100%;\r\n\tmax-height: 90vh;\r\n\toverflow: hidden;\r\n\tbox-shadow: 0px 0px 6px rgb(255 255 255 / 60%);\r\n}\r\n\r\n/* Effects */\r\n.container.effect-none .modal-container {\r\n\ttransform: none;\r\n\ttransition: none;\r\n}\r\n\r\n.container.effect-scale .modal-container {\r\n\ttransform: scale(0.8);\r\n\ttransition: transform 0.3s;\r\n}\r\n\r\n.container.active.effect-scale .modal-container {\r\n\ttransform: scale(1);\r\n}\r\n\r\n.header {\r\n\tdisplay: flex;\r\n\tflex-direction: row;\r\n\tjustify-content: space-around;\r\n\talign-items: center;\r\n\tfont-size: 20px;\r\n\tcolor: #ffffff;\r\n\tbox-sizing: border-box;\r\n\tpadding: 15px 10px;\r\n\tbackground-color: #051f3d;\r\n\twidth: 100%;\r\n}\r\n\r\n.header .text {\r\n\tflex: 1;\r\n\ttext-align: center;\r\n\tpadding: 0 5px 0 5px;\r\n}\r\n\r\n/* Close button */\r\n\r\n.close {\r\n\tdisplay: flex;\r\n\tposition: relative;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\twidth: 20px;\r\n\theight: 20px;\r\n\tcursor: pointer;\r\n\topacity: 0.7;\r\n\ttransition: transform 0.3s, opacity 0.3s;\r\n}\r\n\r\n.close.large {\r\n\twidth: 30px;\r\n\theight: 30px;\r\n}\r\n\r\n.close::before, .close::after {\r\n\tcontent: "";\r\n\tdisplay: block;\r\n\tposition: absolute;\r\n\twidth: 100%;\r\n\theight: 3px;\r\n\tbackground-color: #FFFFFF;\r\n}\r\n\r\n.close::before {\r\n\ttransform: rotate(45deg);\r\n}\r\n\r\n.close::after {\r\n\ttransform: rotate(-45deg);\r\n}\r\n\r\n.close:active {\r\n\ttransform: scale(1.1);\r\n}\r\n\r\n.close:hover {\r\n\topacity: 1;\r\n}\r\n\r\n.content {\r\n\tflex: 1;\r\n\tdisplay: block;\r\n\tposition: relative;\r\n\twidth: 100%;\r\n\tmax-height: 90vh;\r\n\tpadding: 10px;\r\n\toverflow: auto;\r\n\tcolor: #000000;\r\n}\r\n\r\n.content::-webkit-scrollbar {\r\n\twidth: 5px;\r\n\ttransition: 0.3s;\r\n}\r\n\r\n.content::-webkit-scrollbar-thumb {\r\n\tbackground-color:  #979faa;\r\n}\r\n\r\n.footer {\r\n\tdisplay: flex;\r\n\tflex-direction: row;\r\n\tjustify-content: space-around;\r\n\twidth: 100%;\r\n\tborder-radius: 0 0 7px 7px;\r\n\tcolor: #FFFFFF;\r\n\tgap: 10px;\r\n\tpadding: 5px;\r\n}\r\n\r\n/* Themes */\r\n\r\n/* light */\r\n.container:global(.light) .background {\r\n\tbackground-color: rgba(63, 66, 73, 0.60);\r\n}\r\n\r\n.container:global(.light) dialog, .container:global(.light) .modal, .container:global(.light) .header, .container:global(.light) .content, .container:global(.light) .footer {\r\n\tbackground-color: #FFFFFF;\r\n\tcolor: #303843;\r\n}\r\n\r\n.container:global(.light) .modal {\r\n\tborder-radius: 0;\r\n}\r\n\r\n.container:global(.light) .header .close::before, .container:global(.light) .header .close::after {\r\n\tbackground-color: #303843;\r\n}\r\n\r\n.container:global(.light) .footer {\r\n\tbox-shadow: 0px 0px 15px 0px rgb(0 0 0 / 30%);\r\n}\r\n\r\n\r\n/* Dark */\r\n.container:global(.dark) dialog, .container:global(.dark) .modal, .container:global(.dark) .content {\r\n\tbackground-color: #041030;\r\n\tcolor: #E0E1E5;\r\n}\r\n\r\n.container:global(.dark) .footer, .container:global(.dark) .modal {\r\n\tbackground-color: #041030;\r\n}'],sourceRoot:""}]),i.locals={"block-scroll":"ywYO81ak9V2WIJshiWw1",container:"O8Njhgivk3CHTeUsdCyX",active:"mK0fClNyueZQWKEEULsh",background:"B7jzb437Fjh0Gj6QlUbJ","modal-wrapper":"gRhEnP0R9rw5OLEia6Yn","modal-container":"PscWQ4HRVQVP6mFHWB9v",drag:"UIwbcJfBamxrdMkx7A7n","close-block":"BHZjmmgrhQQsarR1edUN","cursor-unset":"O7tWoEoCsojbptUicu4l",modal:"PVA97UqXD6mqTq4PCiTr","effect-none":"CzxTqGUtYht8ffj_cnXN","effect-scale":"EKyfaWskiqxBxqBkLp8_",header:"PoFqJ4IB_z32EOUskcQM",text:"_iJtB0LUeHWOHhkUBZAf",close:"uzKTIXmHOjtfU2zzx3JU",large:"ixeu6lwp8pGfP3ipXcKr",content:"qLDg19C906Nj4DExWecR",footer:"i7L7Rf8SZltNXB8_jOgX"};const a=i},645:t=>{t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var r="",n=void 0!==e[5];return e[4]&&(r+="@supports (".concat(e[4],") {")),e[2]&&(r+="@media ".concat(e[2]," {")),n&&(r+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),r+=t(e),n&&(r+="}"),e[2]&&(r+="}"),e[4]&&(r+="}"),r})).join("")},e.i=function(t,r,n,o,A){"string"==typeof t&&(t=[[null,t,void 0]]);var i={};if(n)for(var a=0;a<this.length;a++){var s=this[a][0];null!=s&&(i[s]=!0)}for(var c=0;c<t.length;c++){var l=[].concat(t[c]);n&&i[l[0]]||(void 0!==A&&(void 0===l[5]||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=A),r&&(l[2]?(l[1]="@media ".concat(l[2]," {").concat(l[1],"}"),l[2]=r):l[2]=r),o&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=o):l[4]="".concat(o)),e.push(l))}},e}},537:t=>{t.exports=function(t){var e=t[1],r=t[3];if(!r)return e;if("function"==typeof btoa){var n=btoa(unescape(encodeURIComponent(JSON.stringify(r)))),o="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(n),A="/*# ".concat(o," */");return[e].concat([A]).join("\n")}return[e].join("\n")}},106:(t,e)=>{e.Z=class{constructor(){Object.defineProperty(this,"viewport",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"content",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),this.viewport=this.mountViewport(),this.content=""===this.viewport.content?[]:this.viewport.content.split(",").map((t=>t.trim().split("=")))}mountViewport(){const t=document.head.querySelector("meta[name='viewport']");if(t)return t;{const t=document.createElement("meta");return t.name="viewport",t.content="",document.head.appendChild(t),t}}findIndex(t){return this.content.findIndex((e=>e[0]===t))}save(){this.viewport.content=this.content.map((t=>t.join("="))).join(",")}add(t,e){this.has(t)||(this.content.push([t,String(e)]),this.save())}remove(t){const e=this.findIndex(t);e<0||(this.content.splice(e,1),this.save())}has(t){return this.findIndex(t)>=0}}},251:(t,e,r)=>{var n=r(810),o=Symbol.for("react.element"),A=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,a=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function c(t,e,r){var n,A={},c=null,l=null;for(n in void 0!==r&&(c=""+r),void 0!==e.key&&(c=""+e.key),void 0!==e.ref&&(l=e.ref),e)i.call(e,n)&&!s.hasOwnProperty(n)&&(A[n]=e[n]);if(t&&t.defaultProps)for(n in e=t.defaultProps)void 0===A[n]&&(A[n]=e[n]);return{$$typeof:o,type:t,key:c,ref:l,props:A,_owner:a.current}}e.Fragment=A,e.jsx=c,e.jsxs=c},893:(t,e,r)=>{t.exports=r(251)},379:t=>{var e=[];function r(t){for(var r=-1,n=0;n<e.length;n++)if(e[n].identifier===t){r=n;break}return r}function n(t,n){for(var A={},i=[],a=0;a<t.length;a++){var s=t[a],c=n.base?s[0]+n.base:s[0],l=A[c]||0,d="".concat(c," ").concat(l);A[c]=l+1;var C=r(d),u={css:s[1],media:s[2],sourceMap:s[3],supports:s[4],layer:s[5]};if(-1!==C)e[C].references++,e[C].updater(u);else{var p=o(u,n);n.byIndex=a,e.splice(a,0,{identifier:d,updater:p,references:1})}i.push(d)}return i}function o(t,e){var r=e.domAPI(e);return r.update(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap&&e.supports===t.supports&&e.layer===t.layer)return;r.update(t=e)}else r.remove()}}t.exports=function(t,o){var A=n(t=t||[],o=o||{});return function(t){t=t||[];for(var i=0;i<A.length;i++){var a=r(A[i]);e[a].references--}for(var s=n(t,o),c=0;c<A.length;c++){var l=r(A[c]);0===e[l].references&&(e[l].updater(),e.splice(l,1))}A=s}}},569:t=>{var e={};t.exports=function(t,r){var n=function(t){if(void 0===e[t]){var r=document.querySelector(t);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(t){r=null}e[t]=r}return e[t]}(t);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");n.appendChild(r)}},216:t=>{t.exports=function(t){var e=document.createElement("style");return t.setAttributes(e,t.attributes),t.insert(e,t.options),e}},565:(t,e,r)=>{t.exports=function(t){var e=r.nc;e&&t.setAttribute("nonce",e)}},795:t=>{t.exports=function(t){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var e=t.insertStyleElement(t);return{update:function(r){!function(t,e,r){var n="";r.supports&&(n+="@supports (".concat(r.supports,") {")),r.media&&(n+="@media ".concat(r.media," {"));var o=void 0!==r.layer;o&&(n+="@layer".concat(r.layer.length>0?" ".concat(r.layer):""," {")),n+=r.css,o&&(n+="}"),r.media&&(n+="}"),r.supports&&(n+="}");var A=r.sourceMap;A&&"undefined"!=typeof btoa&&(n+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(A))))," */")),e.styleTagTransform(n,t,e.options)}(e,t,r)},remove:function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(e)}}}},589:t=>{t.exports=function(t,e){if(e.styleSheet)e.styleSheet.cssText=t;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(t))}}},810:e=>{e.exports=t}},n={};function o(t){var e=n[t];if(void 0!==e)return e.exports;var A=n[t]={id:t,exports:{}};return r[t](A,A.exports,o),A.exports}o.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return o.d(e,{a:e}),e},o.d=(t,e)=>{for(var r in e)o.o(e,r)&&!o.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},o.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),o.nc=void 0;var A={};(()=>{o.d(A,{uq:()=>I,VI:()=>R,mz:()=>_,yh:()=>Z,DY:()=>l,ZP:()=>V,dd:()=>L,LU:()=>W});var t=o(893),r=o(810);const n=(d={createPortal:()=>e.createPortal},C={},o.d(C,d),C),i=(0,r.createContext)({push:()=>{},count:()=>0,modals:null}),a=(0,r.createContext)({hide:()=>{},setFooter:t=>{},listeners:{current:{onHide:()=>{}}},initPosition:{current:void 0},footer:void 0,footerRef:{current:void 0}}),s=(0,r.createContext)({withModal:!1,setConfig:()=>{},state:{},footerRef:null,showPopup:()=>{},show:()=>{},hide:()=>{}}),c=(0,r.createRef)(),l=({children:e,SPA:n=!1})=>{const o=(0,r.useRef)(new Map),A=(0,r.useRef)(null),a=t=>{const e=o.current.get(t);e&&e.show()},s=t=>{t&&o.current.has(t)?o.current.get(t)?.hide():o.current.forEach((t=>t.hide()))};return n||(0,r.useImperativeHandle)(A,(()=>{if("undefined"==typeof window)return document.createElement("div");const t="__modals-container",e=document.getElementById(t);if(e)return e;{const e=document.createElement("div");return e.id=t,document.body.appendChild(e),e}})),(0,r.useImperativeHandle)(c,(()=>({show:a,hide:s}))),(0,t.jsxs)(i.Provider,{value:{push:(t,e)=>{o.current.set(t,e)},modals:A,count:()=>Array.from(o.current.values()).filter((t=>!0===t.showStatus.current)).length},children:[e,n&&(0,t.jsx)("div",{ref:A})]})};var d,C,u=o(379),p=o.n(u),f=o(795),h=o.n(f),m=o(569),x=o.n(m),g=o(565),b=o.n(g),v=o(216),w=o.n(v),y=o(589),k=o.n(y),B=o(474),j={};j.styleTagTransform=k(),j.setAttributes=b(),j.insert=x().bind(null,"head"),j.domAPI=h(),j.insertStyleElement=w(),p()(B.Z,j);const U=B.Z&&B.Z.locals?B.Z.locals:void 0;var E=o(106);const F=(t,e=U,r="_modal-")=>Array.isArray(t)?t.map((t=>F(t,e,r))).join(" "):`${e[t]||""} ${r}${t}`.trim(),N=(t,e)=>"undefined"==typeof window?void 0:(0,r.useLayoutEffect)(t,e),R=(0,r.memo)((0,r.forwardRef)((({style:e,active:n,onScroll:o,...A},i)=>{const a=(0,r.useRef)(!0),s=(0,r.useCallback)((t=>{const e=t.currentTarget;a.current=0===e.scrollTop,"function"==typeof o&&o(t)}),[]),c=(0,r.useCallback)((t=>{n&&!a.current&&t.stopPropagation()}),[a,n]);return(0,t.jsx)("div",{...A,onTouchMove:c,onScroll:s,style:{...e,overflow:n?"auto":"hidden"},ref:i})}))),P=(t,e="_modal-")=>(0,r.useCallback)((r=>F(r,t,e)),[t,e]),H=({onBackground:e,onClose:n,renderProps:o,...A})=>{if("undefined"==typeof window)return null;const{render:i,dialogStyle:s,hideCloseButton:c,className:l,style:d,title:C,children:u,contentStyle:p,closeLabel:f,bottomSheetMaxWidth:h,draggable:m}=A,x=P(U,"_modal-"),g=(0,r.useContext)(a),b=(0,r.useRef)(null),[v,w]=(0,r.useState)({x:0,y:0}),y=(0,r.useRef)({x:0,y:0}),k=(0,r.useRef)({x:0,y:0}),B=(0,r.useRef)({x:0,y:0,width:0,height:0}),j=(0,r.useRef)(!1),E=({target:t,...e})=>{if(!t.closest("header")||!m||!b.current)return;const{x:r,y:n,width:o,height:A}=b.current.getBoundingClientRect(),{clientX:i,clientY:a}="touches"in e?e.touches[0]:e;j.current=!0,y.current={x:i,y:a},B.current={x:r,y:n,width:o,height:A},b.current?.classList.add(U.drag)},F=()=>{j.current&&(j.current=!1,k.current={...v},b.current?.classList.remove(U.drag))},H=t=>{if(!j.current)return;t.stopPropagation();const{clientX:e,clientY:r}="touches"in t?t.touches[0]:t,n=e-y.current.x,o=r-y.current.y,A=k.current.x+n,i=k.current.y+o,a=window.innerWidth/2,s=window.innerHeight/2,c=a-B.current.width/2,l=s-B.current.height/2,d=Math.max(Math.min(A,c),-c),C=Math.max(Math.min(i,l),-l);w({x:d,y:C})};return N((()=>{g.footer&&g.setFooter("mount")}),[g.footer]),(0,t.jsxs)("div",{className:x("modal-wrapper"),onMouseDown:E,onMouseUp:F,onMouseLeave:F,onMouseMove:H,onTouchStart:E,onTouchEnd:F,onTouchCancel:F,onTouchMove:H,children:[(0,t.jsx)("div",{className:x("background"),onClick:e}),(0,t.jsxs)("dialog",{className:x("modal-container"),tabIndex:1,role:"dialog",style:{maxWidth:h,transform:`translate(calc(-50% + ${v.x}px), calc(-50% + ${v.y}px))`,...s},ref:b,open:!0,children:["function"==typeof i&&!c&&(0,t.jsx)("div",{className:x("close-block"),onClick:e,children:(0,t.jsx)("div",{className:x(["close","large"]),onClick:n})}),"function"==typeof i?i(o):(0,t.jsxs)("div",{className:x("modal")+(l?" "+l:""),style:d,children:[(0,t.jsxs)("header",{className:x("header"),children:[(0,t.jsx)("div",{className:x("text"),children:C}),!c&&(f?(0,t.jsx)("span",{children:f,onClick:n}):(0,t.jsx)("span",{className:x("close"),onClick:n}))]}),(0,t.jsx)(R,{className:x("content"),style:p,active:!0,children:u}),g.footer?(0,t.jsx)("footer",{className:x("footer"),ref:o.footerRef}):null]})]})]})};var q=o(183),z={};z.styleTagTransform=k(),z.setAttributes=b(),z.insert=x().bind(null,"head"),z.domAPI=h(),z.insertStyleElement=w(),p()(q.Z,z);const T=q.Z&&q.Z.locals?q.Z.locals:void 0,D=({onBackground:e,onClose:n,renderProps:o,...A})=>{if("undefined"==typeof window)return null;const{render:i,dialogStyle:s,bottomSheetSnapPoints:c,disableClose:l,bottomSheetOverDrag:d,className:C,style:u,children:p,title:f}=A,h=(0,r.useContext)(a),m=P(T,"_bottomsheet-"),[x,g]=(0,r.useState)([]),b=(0,r.useMemo)((()=>d??.01),[d]),v=(0,r.useRef)(null),w=(0,r.useRef)(null),[y,k]=(0,r.useState)(0),B=(0,r.useRef)(null),j=(0,r.useRef)(null),U=(0,r.useRef)(-1),E=(0,r.useMemo)((()=>{const t=x.findIndex((t=>parseFloat(t)>=y));return t>=0&&U.current!==t&&(U.current=t),U.current}),[x,y]),H=(0,r.useMemo)((()=>x.at(E)),[x,E]),q=(0,r.useMemo)((()=>x.at(-1)??"50%"),[x]),z=(0,r.useMemo)((()=>x.at(0)??"0%"),[x]),D=(0,r.useMemo)((()=>parseFloat(z)),[z]),M=(0,r.useMemo)((()=>parseFloat(q)),[q]),S=(0,r.useMemo)((()=>M/100),[M]),O=(0,r.useMemo)((()=>(x.at(0)??"0%")===H),[x,H]),X=((0,r.useMemo)((()=>H===q),[H,q]),(0,r.useMemo)((()=>Math.round(y)===M),[y,M])),Q=(0,r.useMemo)((()=>Math.abs(y-M)/100*window.innerHeight),[y,M]),I=()=>{k(0)},W=()=>{l||o.hide()},L=(0,r.useCallback)(((t,e)=>{const r="string"==typeof t?parseFloat(t):t,n=e.map((t=>parseFloat(t)));if(0===n.length)return-1;if(r<n[0]/1.5)return-1;if(1===n.length)return 0;for(let t=1;t<n.length;t++)if(r<(n[t-1]+n[t])/2)return t-1;return n.length-1}),[]),_=(0,r.useCallback)((t=>{v.current?.classList.add(T.touch),B.current=t.touches[0].clientY,j.current=y}),[y]),G=(0,r.useRef)(0),Y=(0,r.useCallback)((t=>{if(null===B.current||null===j.current)return;t.stopPropagation();const e=t.touches[0].clientY;let r=Math.abs((e-B.current)/window.innerHeight*100-j.current);if(!(r>=100||r<=0||e>window.innerHeight)){if(r>=M||l&&r<=D){if(0===b)return;0===G.current?r>=M?G.current=M:r<=D&&(G.current=D):r>=M?G.current+=b:r<=D&&(G.current-=b),r=G.current}else G.current=0;k(r)}}),[B.current,j.current,M,y,O,b,l]),K=(0,r.useCallback)((()=>{v.current?.classList.remove(T.touch);const t=L(y,x);if(t>=0){const e=parseFloat(x[t]);k(e)}else l?k(D):W();G.current=0}),[y,x,D]);return(0,r.useEffect)((()=>{if(w.current&&(!c||c&&"auto"===c[0])){let t=w.current?.offsetHeight/window.innerHeight*100;t=t>=100?100:t,g([`${t}%`])}else g(c??["50%"])}),[c]),(0,r.useEffect)((()=>{x.length>0&&k(parseFloat(x[0]??10))}),[x]),(0,r.useEffect)((()=>{h.listeners.current.onHide=I}),[]),N((()=>{h.footer&&h.setFooter("mount")}),[h.footer]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:F("background"),onClick:W}),(0,t.jsxs)("dialog",{className:m("bottomsheet-container"),tabIndex:1,role:"dialog",style:{...s,transform:`translateY(${Math.abs(y-100)}%)`},ref:v,onTouchStart:_,onTouchMove:Y,onTouchEnd:K,onTouchCancel:K,open:!0,children:[(0,t.jsx)("div",{className:m("bottomsheet-handle-container"),children:(0,t.jsx)("span",{className:m("bottomsheet-handle-indicator")})}),"function"==typeof i?i(o):(0,t.jsxs)("div",{className:m("bottomsheet")+(C?" "+C:""),style:{...u,flexGrow:S},children:[(0,t.jsx)("header",{className:m("header"),children:(0,t.jsx)("div",{className:m("text"),children:f})}),(0,t.jsx)(R,{className:m("content"),active:X,style:u,ref:w,children:p}),h.footer?(0,t.jsx)("footer",{className:m("footer"),ref:o.footerRef,style:{transform:`translateY(-${Q}px)`}}):null]})]})]})};var M=o(114),S={};S.styleTagTransform=k(),S.setAttributes=b(),S.insert=x().bind(null,"head"),S.domAPI=h(),S.insertStyleElement=w(),p()(M.Z,S);const O=M.Z&&M.Z.locals?M.Z.locals:void 0,X=({onBackground:e,onClose:n,renderProps:o,...A})=>{const{render:i,dialogStyle:s,className:c,style:l,children:d,bottomSheetMaxWidth:C,popupPreferTop:u}=A,p=P(O,"_popup-"),f=(0,r.useContext)(a),h=(0,r.useRef)(null),[m,x]=(0,r.useState)({x:0,y:0});return(0,r.useEffect)((()=>{f.initPosition.current&&((t,e=!1)=>{if("undefined"==typeof window)return;if(!h.current)return;const r=h.current,n=r.offsetWidth,o=r.offsetHeight,A=window.innerWidth,i=window.innerHeight;let a=t.x+t.width/2-n/2;a=Math.max(0,Math.min(a,A-n));const s=t.y+t.height+8+o<=i,c=t.y-o-8>=0;let l;l=e?c?t.y-o-8:t.y+t.height+8:s?t.y+t.height+8:t.y-o-8,l=Math.max(0,Math.min(l,i-o)),x({x:a,y:l})})(f.initPosition.current,u)}),[f.initPosition,u]),(0,t.jsxs)("div",{className:p("popup-wrapper"),children:[(0,t.jsx)("div",{className:p("background"),onClick:e}),(0,t.jsx)("dialog",{className:p("popup-container"),tabIndex:1,role:"dialog",style:{...s,maxWidth:C,transform:`translate(${m.x}px, ${m.y}px)`},ref:h,open:!0,children:"function"==typeof i?i(o):(0,t.jsx)("div",{className:p("popup")+(c?" "+c:""),style:l,children:d})})]})},Q=(0,r.forwardRef)(((e,o)=>{const{bottomSheet:A,name:s,disableClose:c=!1,backgroundClose:l=!0,bottomSheetMaxWidth:d=550,popup:C,theme:u="light",effect:p="scale",onHide:f}=e,h=(0,r.useId)(),m=(0,r.useMemo)((()=>s??h),[s,h]),x=(0,r.useRef)(null),g=(0,r.useRef)(null),b=(0,r.useRef)(!1),v=(0,r.useRef)(),[w,y]=(0,r.useState)(!1),[k,B]=(0,r.useState)(!1),[j,R]=(0,r.useState)(),P=(0,r.useContext)(i),q=(0,r.useRef)({onHide:()=>{}}),z=()=>{y(!0)},T=t=>{t&&"target"in t&&(v.current=t.target.getBoundingClientRect()),z()},M=()=>{const t=x.current;t&&(q.current.onHide(),t.ontransitionend=()=>{y(!1)},t?.classList.remove(U.active,"active"))},S=()=>{M()},O=()=>{c||M()},Q=()=>{l&&O()},I=t=>{if("undefined"==typeof window)return;if(!document.body)return;const e=document.body.classList;t?e.add(U["block-scroll"]):e.remove(U["block-scroll"])},W=t=>{"Escape"===t.code&&S()},L=t=>{if("undefined"==typeof window)return;const e=(t?t.target.innerWidth:window.innerWidth)<=d;e!==k&&B(e)};(0,r.useEffect)((()=>{b.current=w;const t=new E.Z;w?(t.add("interactive-widget","resizes-content"),requestAnimationFrame((()=>x.current?.classList.add(U.active,"active")))):(R(void 0),t.remove("interactive-widget"),f?.()),requestAnimationFrame((()=>{!w&&P.count()>0||I(w)}))}),[w]),(0,r.useEffect)((()=>()=>{R(void 0),b.current=!1,I(!1)}),[]),N((()=>{if("undefined"!=typeof window)return L(),window.addEventListener("resize",L),()=>{window.removeEventListener("resize",L)}}),[k,d]),N((()=>{if(!x.current)return;const t=x.current;l?t?.classList.remove(U["cursor-unset"]):t?.classList.add(U["cursor-unset"])}),[l]),N((()=>{if("undefined"!=typeof window)return P.push(m,{show:z,hide:M,showStatus:b}),document.addEventListener("keydown",W),()=>{document.removeEventListener("keydown",W)}}),[]),(0,r.useImperativeHandle)(o,(()=>({show:z,showPopup:T,hide:S,footerRef:g})));const _=(0,r.useMemo)((()=>{const t=[F("container")];return u&&t.push(u),p&&t.push(U["effect-"+p]),A&&t.push(U.bottomsheet),t.join(" ")}),[u,p,A]);if(!P.modals||!P.modals.current)return null;const G={...e,showPopup:T,show:z,hide:S,footerRef:g};return(0,n.createPortal)((0,t.jsx)(a.Provider,{value:{initPosition:v,footer:j,footerRef:g,listeners:q,setFooter:R,hide:S},children:w&&(0,t.jsx)("div",{className:_,ref:x,children:A&&k?(0,t.jsx)(D,{...e,onBackground:Q,onClose:O,renderProps:G}):C?(0,t.jsx)(X,{...e,onBackground:Q,onClose:O,renderProps:G}):(0,t.jsx)(H,{...e,onBackground:Q,onClose:O,renderProps:G})})}),P.modals.current)})),I=({children:t,...e})=>{const o=(0,r.useContext)(s),[A,i]=(0,r.useState)(!1);return N((()=>{o.setConfig({...e})}),[e.title,e.disableClose]),N((()=>{requestAnimationFrame((()=>i(!0)))}),[]),o.footerRef&&o.footerRef.current||A?(0,n.createPortal)("function"==typeof t?t(o):t,o.footerRef.current):null},W=(e,n)=>{const o=(0,r.createRef)(),A=()=>{o.current?.show()},i=t=>{o.current?.showPopup(t)},a=()=>{o.current?.hide()};return{...(0,r.forwardRef)(((c,l)=>{const d=(0,r.useRef)(null),[C,u]=(0,r.useState)(),p=(0,r.useId)(),[f,h]=(0,r.useState)(n);return(0,r.useEffect)((()=>{h(n)}),[n]),(0,r.useImperativeHandle)(o,(()=>({...d.current,setState:u}))),(0,t.jsx)(s.Provider,{value:{setConfig:t=>{h((e=>({...e,...t})))},state:C,footerRef:d.current?.footerRef,showPopup:i,show:A,hide:a,withModal:!0},children:(0,t.jsx)(Q,{name:f?.name??p,title:f?.title??"",...f,ref:d,children:(0,t.jsx)(e,{...c,ref:l})})})})),showPopup:i,show:A,hide:a,setState:t=>{"function"==typeof o.current.setState&&o.current.setState(t)}}},L=(t,e=[])=>{const{setConfig:n,show:o,state:A,...i}=(0,r.useContext)(s),c=(0,r.useContext)(a);return N((()=>{t&&n(t)}),e),{show:o,hide:()=>{i.withModal?i.hide():c.hide()},setConfig:n,state:A}},_=({children:t})=>{const e=(0,r.useContext)(a);return N((()=>{t&&e.setFooter("render")}),[]),e.footerRef.current?(0,n.createPortal)(t,e.footerRef.current):null};var G=o(976),Y={};Y.styleTagTransform=k(),Y.setAttributes=b(),Y.insert=x().bind(null,"head"),Y.domAPI=h(),Y.insertStyleElement=w(),p()(G.Z,Y);const K=G.Z&&G.Z.locals?G.Z.locals:void 0,Z=({className:e,onClick:n,...o})=>{const A=P(K,"_popup-"),{hide:i}=(0,r.useContext)(a),s=(0,r.useCallback)((t=>{"function"==typeof n&&n(t),i()}),[n]);return(0,t.jsx)("button",{...o,className:A("popup-item")+(e?` ${e}`:""),onClick:s})},V={...(0,r.forwardRef)((({...e},r)=>(0,t.jsx)(Q,{...e,ref:r}))),Provider:l,Footer:_,ContentScroll:R,PopupItem:Z,Config:I,show:t=>c.current.show(t),hide:t=>c.current.hide(t),withModal:W,useModal:L}})();var i=A.uq,a=A.VI,s=A.mz,c=A.yh,l=A.DY,d=A.ZP,C=A.dd,u=A.LU;export{i as ModalConfig,a as ModalContentScroll,s as ModalFooter,c as ModalPopupItem,l as ModalProvider,d as default,C as useModal,u as withModal};
//# sourceMappingURL=main.js.map