import { r as registerInstance, c as createEvent, h, H as Host } from './index-CF7i8guW.js';

const verdocsDialogCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-dialog{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-dialog .background-overlay{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:absolute;-ms-flex-align:center;align-items:center;background:rgba(0, 0, 0, 0.4980392157);-ms-flex-pack:center;justify-content:center}verdocs-dialog .dialog{width:420px;display:-ms-flexbox;display:flex;max-width:100%;overflow:hidden;border-radius:8px;background:#ffffff;-ms-flex-direction:column;flex-direction:column;border:1px solid #aeb4bf;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-dialog .heading{gap:12px;padding:20px;display:-ms-flexbox;display:flex;font-size:16px;font-weight:500;-ms-flex-direction:row;flex-direction:row;color:#ffffff;border-bottom:1.5px solid #e5e7eb}verdocs-dialog .heading .icon{width:40px;height:40px;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;border-radius:8px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#654dcb}verdocs-dialog .heading .title{-ms-flex:1;flex:1;height:40px;display:-ms-flexbox;display:flex;font-size:20px;font-weight:500;-ms-flex-align:center;align-items:center;color:#092c4c}verdocs-dialog .content{padding:20px 20px 0 20px;font-size:16px;line-height:26px;color:#374151}verdocs-dialog .content p{margin:0 0 1em 0}verdocs-dialog .content ul{margin:0 0 1em 0;padding:0 0 0 20px}verdocs-dialog .content ul li{font-size:14px;line-height:20px;margin:0 0 12px 0;padding:0 0 0 8px}verdocs-dialog .content ul li::marker{font-size:18px;color:#654dcb}verdocs-dialog .content ol{margin:0 0 1em 0;padding:0 0 0 20px}verdocs-dialog .content ol li{font-size:14px;line-height:20px;margin:0 0 12px 0;padding:0 0 0 8px}verdocs-dialog .content ol li::marker{font-weight:500;color:#654dcb}verdocs-dialog .footer{padding:0 20px 20px 20px}";

const VerdocsDialog = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.exit = createEvent(this, "exit");
    }
    // We need a separate event handler for clicking the background because it can
    // receive events "through" other child components
    handleDismiss(e) {
        var _a;
        if (e.target.className === 'background-overlay') {
            e.preventDefault();
            (_a = this.exit) === null || _a === void 0 ? void 0 : _a.emit();
        }
    }
    render() {
        return (h(Host, { key: '270be447ea798d42275ea9ac4e2ecc4a33251233' }, h("div", { key: '8c9b1a41e6dea1b1910c296069f4cfce3779e704', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '486f221c4c6c7fa934536b17757f8427ddfa0e85', class: "dialog" }, h("slot", { key: 'b2814fca9288d6a5de00cb11b24b6a7ff596546b', name: "heading" }, h("div", { key: '0ec2f776317e5a702f160e45bfe872264b82becc', class: "heading" }, "Title")), h("slot", { key: '008cac1775d418d930052a4cd32eb816ddf3755a', name: "content" }, h("div", { key: '670e9177b5586aed4401763ec662b07388735135', class: "content" }, "Content")), h("slot", { key: '3c731fec8083aab7966b5a478bf64c78d95ac8da', name: "footer" }, h("div", { key: '727b66e86fafbad600ed11d7930efe5d3cd8d08f', class: "footer" }, "Footer"))))));
    }
};
VerdocsDialog.style = verdocsDialogCss;

export { VerdocsDialog as verdocs_dialog };
//# sourceMappingURL=verdocs-dialog.entry.js.map

//# sourceMappingURL=verdocs-dialog.entry.js.map