globalThis.Component.register("Dialog",globalThis.Component.getSetupFunction("Modal"),globalThis.Util.makeDom('\n<div class="modal fade" data-bs-backdrop="static">\n  <div class="modal-dialog modal-dialog-centered">\n    <div $class="modal-content border-${this.state?.type || \'primary\'} border-2 shadow-lg">\n      <template $if="this.state?.title">\n        <div $class="modal-header py-2 px-3 bg-light fw-bold text-${this.state?.type || \'primary\'}" $text="this.state?.title"></div>\n      </template>\n      <div class="modal-body p-4 text-center">\n        <div $text="this.state?.message" class="fs-5 text-secondary"></div>\n      </div>\n      <div class="modal-footer py-2 px-3 bg-light border-0 d-flex justify-content-center gap-3">\n        <template $each="this.state?.buttons">\n        <button type="button" $class="btn btn-${this.state?.type} px-4" $onclick="this.result=index+1; this.hide()" $text="item"></button>\n        </template>\n      </div>\n    </div>\n  </div>\n</div>\n')),globalThis.Util.makeDom("\n<style>\n  Dialog.modal { background: transparent; border: 0; padding: 0; }\n</style>\n");let _dialogCount=0;globalThis.Dialog={show({title:t="",message:e="",buttons:s=["{#Close#}"],type:a="body"}){const n=document.body.appendChild(document.createElement("Dialog"));return n.style.zIndex=2e3+ ++_dialogCount,Promise.resolve().then(()=>{Object.assign(n.state,{message:e,title:t,type:a,buttons:s}),n.show()}),new Promise(t=>{n.addEventListener("change",e=>{_dialogCount--,t(n.result||0),n.remove()})})},alert(t,e={}){return this.show({message:t,...e})},confirm(t,e={}){return new Promise(s=>this.show({message:t,buttons:["{#Cancel#}","{#Confirm#}"],...e}).then(t=>s(t>=2)).catch(()=>s(!1)))}};