import { p as proxyCustomElement, H, h } from './p-BhqVmlhr.js';
import { d as defineCustomElement$5 } from './p-bvgZEbtQ.js';
import { d as defineCustomElement$4 } from './p-DiC-xcof.js';
import { d as defineCustomElement$3 } from './p-Cv0O724A.js';
import { d as defineCustomElement$2 } from './p-C1-LUGEF.js';

const DgaNotificationToastUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaNotificationToastUsage extends H {
    constructor() {
        super();
        this.__registerHost();
        this.type = 'success';
        this.open = false;
    }
    render() {
        return (h("div", { key: 'b27093c8415591490842e14d9ae55dba414227c3' }, h("h1", { key: 'aff55bfca6f49674f75058e368e00ee4841760a0' }, "Notification Toast Example"), h("div", { key: 'c75336576e6287582f8eab0c86dc41fa647991e7', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c1346f1f0c9c22adf57706a4fdcbb39ae0a343c2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'f18b54c14748da8735c93ac48749cd7205d22351', style: { display: "flex", justifyContent: "center" } }, h("button", { key: 'f3ff034ac4985460d6447e238fe84c7e3eb916f3', onClick: () => this.open = true }, "open"), h("button", { key: '243b1d32858e6b12d0d13d57f300fef40a91322b', onClick: () => this.open = false }, "close")), h("dga-notification-toast", { key: 'e7be6dc46b4a11b7813d6f53f03230e2e8396799', 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, vPostion: 'top', hPostion: 'left', onClose: () => this.open = false }), h("dga-notification-toast", { key: '50907531b0e58d87a80591aa316e967e6e96687a', 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, vPostion: 'bottom', hPostion: 'left', onClose: () => this.open = false })), h("div", { key: '4f9a08d122f0cd7ad5c79155dbeb9c5f24f67808', 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-featured-icon", "dga-icon", "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-featured-icon":
            if (!customElements.get(tagName)) {
                defineCustomElement$5();
            }
            break;
        case "dga-icon":
            if (!customElements.get(tagName)) {
                defineCustomElement$4();
            }
            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 };
