import { p as proxyCustomElement, H, h } from './p-604af0ee.js';
import { d as defineCustomElement$a } from './p-8eedb895.js';
import { d as defineCustomElement$9 } from './p-b7682164.js';
import { d as defineCustomElement$8 } from './p-1ce0345b.js';
import { d as defineCustomElement$7 } from './p-a1269ead.js';
import { d as defineCustomElement$6 } from './p-cdd41c39.js';
import { d as defineCustomElement$5 } from './p-888b8e69.js';
import { d as defineCustomElement$4 } from './p-0102a31f.js';
import { d as defineCustomElement$3 } from './p-a7c64e98.js';
import { d as defineCustomElement$2 } from './p-921307d1.js';

const DgaDateFieldUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDateFieldUsage extends H {
    constructor() {
        super();
        this.__registerHost();
        this.value = '';
    }
    render() {
        return (h("div", { key: '833cfac0d6ae05383119fe4bb202450d74068a7b' }, h("h1", { key: '15b9efce7cc80dd262a34dc94704907b4b0ed911' }, "Date Field Example"), h("div", { key: '7e8ae1b53c534c67b99158434d73eb49f1829e76', style: { padding: '50px' } }, h("div", { key: 'e20253376b05c069d23e2c378ef70b1489704124', style: { display: "flex", flexDirection: "column", gap: "16px" } }, h("dga-date-field", { key: 'acd7c1e59c8dfbae44e58d12fa921ef8da02e6a6', value: this.value, onChange: (e) => this.value = e.target.value })))));
    }
}, [0, "dga-date-field-usage", {
        "value": [32]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["dga-date-field-usage", "date-cell", "dga-button", "dga-date-field", "dga-datepicker", "dga-helper-text", "dga-icon", "dga-label", "dga-text-input", "month-navigator"];
    components.forEach(tagName => { switch (tagName) {
        case "dga-date-field-usage":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, DgaDateFieldUsage$1);
            }
            break;
        case "date-cell":
            if (!customElements.get(tagName)) {
                defineCustomElement$a();
            }
            break;
        case "dga-button":
            if (!customElements.get(tagName)) {
                defineCustomElement$9();
            }
            break;
        case "dga-date-field":
            if (!customElements.get(tagName)) {
                defineCustomElement$8();
            }
            break;
        case "dga-datepicker":
            if (!customElements.get(tagName)) {
                defineCustomElement$7();
            }
            break;
        case "dga-helper-text":
            if (!customElements.get(tagName)) {
                defineCustomElement$6();
            }
            break;
        case "dga-icon":
            if (!customElements.get(tagName)) {
                defineCustomElement$5();
            }
            break;
        case "dga-label":
            if (!customElements.get(tagName)) {
                defineCustomElement$4();
            }
            break;
        case "dga-text-input":
            if (!customElements.get(tagName)) {
                defineCustomElement$3();
            }
            break;
        case "month-navigator":
            if (!customElements.get(tagName)) {
                defineCustomElement$2();
            }
            break;
    } });
}

const DgaDateFieldUsage = DgaDateFieldUsage$1;
const defineCustomElement = defineCustomElement$1;

export { DgaDateFieldUsage, defineCustomElement };

//# sourceMappingURL=dga-date-field-usage.js.map