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

const DgaSearchBoxUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaSearchBoxUsage extends H {
    constructor() {
        super();
        this.__registerHost();
        this.value = 'test';
    }
    render() {
        return (h("div", { key: '65894b0c58c547c4e224cc5572c8486367e6cef8' }, h("h1", { key: '0c9674f6dd93e7cd2bb240c4e37e7be3e2bad136' }, "Search Box Example"), h("div", { key: '62fb9045bdfadc2ba8e4df6f1fe11e7ba5792916', style: { padding: '50px' } }, h("div", { key: 'bdd54032c27a3c30db31252453f16c03e592aa82', style: { display: "flex", flexDirection: "column", gap: "16px" } }, h("dga-search-box", { key: '2d0a1549a57506e6ab40bfcec20e05d8de402f2c', variant: 'default', value: this.value, placeholder: 'test placeholder', onChange: (e) => {
                const target = e.target;
                console.log("search changed");
                this.value = target.value;
            }, onInput: (e) => {
                console.log("search changed", e.target.value);
                this.value = e.target.value;
            } })))));
    }
}, [0, "dga-search-box-usage", {
        "value": [32]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["dga-search-box-usage", "dga-icon-v2", "dga-search-box", "dga-tooltip"];
    components.forEach(tagName => { switch (tagName) {
        case "dga-search-box-usage":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, DgaSearchBoxUsage$1);
            }
            break;
        case "dga-icon-v2":
            if (!customElements.get(tagName)) {
                defineCustomElement$4();
            }
            break;
        case "dga-search-box":
            if (!customElements.get(tagName)) {
                defineCustomElement$3();
            }
            break;
        case "dga-tooltip":
            if (!customElements.get(tagName)) {
                defineCustomElement$2();
            }
            break;
    } });
}

const DgaSearchBoxUsage = DgaSearchBoxUsage$1;
const defineCustomElement = defineCustomElement$1;

export { DgaSearchBoxUsage, defineCustomElement };

//# sourceMappingURL=dga-search-box-usage.js.map