import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-D16h8pzh.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 = /*@__PURE__*/ proxyCustomElement(class VerdocsDialog extends H {
    constructor() {
        super();
        this.__registerHost();
        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: 'd35ecf18632cd1fadd0d09f3620f70caa48e7e59' }, h("div", { key: '8be20513940431141c5081a1707fa476610e1012', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '54bd01f44dff81823f2e55fb123bb9c7f3426f5b', class: "dialog" }, h("slot", { key: '1af4b32c31c73b214e90358aaa49060dfb6d095f', name: "heading" }, h("div", { key: 'f6515a3b0fe401ab909dca565241e907233945e6', class: "heading" }, "Title")), h("slot", { key: '230fac7e4f60901bdbb4f147dc2bc8f69e84b48a', name: "content" }, h("div", { key: '0c015df8c5bd2d07268ea301477b8c4b5736fabe', class: "content" }, "Content")), h("slot", { key: 'cdee938000347d04a0c74b35643067925cddc0e1', name: "footer" }, h("div", { key: '4e930b83268f0e8432352048e157f7a89e312086', class: "footer" }, "Footer"))))));
    }
    static get style() { return verdocsDialogCss; }
}, [260, "verdocs-dialog"]);
function defineCustomElement() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["verdocs-dialog"];
    components.forEach(tagName => { switch (tagName) {
        case "verdocs-dialog":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, VerdocsDialog);
            }
            break;
    } });
}

export { VerdocsDialog as V, defineCustomElement as d };
//# sourceMappingURL=p-CZTe2XIO.js.map

//# sourceMappingURL=p-CZTe2XIO.js.map