import { p as proxyCustomElement, H, h } from './p-604af0ee.js';
import { d as defineCustomElement$3 } from './p-115ed7c3.js';
import { d as defineCustomElement$2 } from './p-9d81b5d3.js';

const DgaNotificationToastUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaNotificationToastUsage extends H {
    constructor() {
        super();
        this.__registerHost();
        this.type = 'error';
        this.open = false;
    }
    render() {
        return (h("div", { key: 'e0fe45cfafdc9a9ac4eb0cb1d296acf8610c9cc4' }, h("h1", { key: '05215f7a7d8c28c6be070fcfeffba01c0db126f6' }, "Notification Toast Example"), h("div", { key: '1efbf1a7c405e02fd5268e6a9d673ca23e5cbc68', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'e97b1f1d1d39d72703366a6db5968981587b6934', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '293af21e808e38f06b44355ea4a50fb94f7cc6d6', style: { display: "flex", justifyContent: "center" } }, h("button", { key: 'c8c3ad73e78a52813de5164a92facf3abedbe75f', onClick: () => this.open = true }, "open"), h("button", { key: '65a5479ef46d9ec44a8044fed514f5cfa6bcd540', onClick: () => this.open = false }, "close")), h("dga-notification-toast", { key: 'b10369b2ade8d421f9c5ab0f27f8b688682a243d', type: this.type, open: this.open, leadText: "Notification/Alert message title", hasHelperText: true, helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", action: true, buttonsList: [
                {
                    label: 'Button',
                    onClick: () => { },
                    title: 'Button 2',
                },
                {
                    label: 'Button',
                    onClick: () => { },
                    title: 'Button',
                },
            ], closeButton: true, hPostion: 'right', onClose: () => this.open = false })), h("div", { key: '13c669192aa253df012246b2367db0ef2a6be1b3', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
    }
}, [0, "dga-notification-toast-usage", {
        "type": [32],
        "open": [32]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["dga-notification-toast-usage", "dga-icon-v2", "dga-notification-toast"];
    components.forEach(tagName => { switch (tagName) {
        case "dga-notification-toast-usage":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, DgaNotificationToastUsage$1);
            }
            break;
        case "dga-icon-v2":
            if (!customElements.get(tagName)) {
                defineCustomElement$3();
            }
            break;
        case "dga-notification-toast":
            if (!customElements.get(tagName)) {
                defineCustomElement$2();
            }
            break;
    } });
}

const DgaNotificationToastUsage = DgaNotificationToastUsage$1;
const defineCustomElement = defineCustomElement$1;

export { DgaNotificationToastUsage, defineCustomElement };

//# sourceMappingURL=dga-notification-toast-usage.js.map