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

const verdocsSelectInputCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}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 #707ae5;border-radius:4px;background:#ffffff;color:#092c4c;width:100%;font-size:14px;height:34px;padding: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() {
        super();
        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: '77abc1aafe63b9ce7325461ffeee2c9c865fff43', class: "input-field" }, h("label", { key: '36660b7b3106fd0caad73493fd42d6e1305a2f71' }, this.label ? h("div", { class: "input-label" }, this.label + ':') : h("div", null), h("select", { key: '8b05eb6648f308ca0015e806eeaf8c634acbb92c', 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; }
}, [0, "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-Cs2yaGJp.js.map

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