import { p as proxyCustomElement, H, h, d as Host } from './p-CUAGH_8P.js';

const verdocsSelectInputCss = "verdocs-select-input{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px 0;display:block}verdocs-select-input .input-element{-webkit-box-sizing:border-box;box-sizing:border-box;background:#ffffff;border:1px solid rgba(112, 122, 229, 0.3725490196);border-radius:4px;background:#ffffff;color:#092c4c;width:100%;font-size:14px;height:34px;padding:2px 20px 2px 3px}verdocs-select-input .input-element::-webkit-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::-moz-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element:-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-label{display:block;color:#555570;font-weight:700;font-size:14px;margin:0 0 4px 0}";

const VerdocsSelectInput = /*@__PURE__*/ proxyCustomElement(class VerdocsSelectInput extends H {
    constructor(registerHost) {
        super();
        if (registerHost !== false) {
            this.__registerHost();
        }
        /**
         * The initial value for the input field.
         */
        this.value = '';
        /**
         * The label for the field.
         */
        this.label = '';
        /**
         * Should the field be disabled?
         */
        this.disabled = false;
    }
    render() {
        return (h(Host, { key: '910018105acf934bb4b1372a1e47b680d6ab6ca5', class: "input-field" }, h("label", { key: 'a771a34fcdd819aa861c2b69b88bdad7013080a0' }, this.label ? h("div", { class: "input-label" }, this.label + ':') : h("div", null), h("select", { key: '835939e41e5f88c16fcdd8b07846c74791f596ed', class: "input-element", disabled: this.disabled }, this.options.map(option => (h("option", { value: option.value, selected: option.value === this.value }, option.label)))))));
    }
    static get style() { return verdocsSelectInputCss; }
}, [256, "verdocs-select-input", {
        "value": [1],
        "label": [1],
        "options": [16],
        "disabled": [4]
    }]);
function defineCustomElement() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["verdocs-select-input"];
    components.forEach(tagName => { switch (tagName) {
        case "verdocs-select-input":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, VerdocsSelectInput);
            }
            break;
    } });
}

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

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