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

const verdocsRadioButtonCss = "@-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-radio-button{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:20px;height:20px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:100%}verdocs-radio-button.disabled{opacity:0.5}verdocs-radio-button input[type=radio]{position:absolute;opacity:0}verdocs-radio-button input[type=radio]+label:before{content:\"\";background:#f5f5fa;border-radius:100%;border:1px solid rgba(0, 0, 0, 0.6);display:inline-block;width:16px;height:16px;position:absolute;left:1px;top:1px;cursor:pointer;text-align:center;-webkit-transition:all 250ms ease;transition:all 250ms ease}verdocs-radio-button input[type=radio]:checked+label:before{background-color:#55bc81;-webkit-box-shadow:inset 0 0 0 2px #f5f5fa;box-shadow:inset 0 0 0 2px #f5f5fa}verdocs-radio-button input[type=radio]:focus+label:before{outline:none;border-color:#55bc81}verdocs-radio-button input[type=radio]:disabled+label:before{-webkit-box-shadow:inset 0 0 0 4px #f5f5fa;box-shadow:inset 0 0 0 4px #f5f5fa;border-color:rgb(160, 160, 207.5);background:rgb(160, 160, 207.5)}verdocs-radio-button input[type=radio]+label:empty:before{margin-right:0}verdocs-radio-button.required input[type=radio]+label:before{border:1px solid #cc0000}verdocs-radio-button.hide{display:none}verdocs-radio-button.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}";

const VerdocsRadioButton$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsRadioButton extends H {
    constructor() {
        super();
        this.__registerHost();
        /**
         * Whether the radio button is currently selected.
         */
        this.checked = false;
        /**
         * HTML form field name for the input.
         */
        this.name = '';
        /**
         * Value to track with the input.
         */
        this.value = '';
        /**
         * If set, the button will still be displayed but not selectable.
         */
        this.disabled = false;
    }
    render() {
        return (h(Host, { key: '1706718a820c71690d78fb101c02d0e68eb4386e', class: { disabled: this.disabled } }, h("input", { key: '82eaec668b1a39cf05d645dd3479a48be73a1cd5', type: "radio", value: this.value, name: this.name, id: `verdocs-radio-button-${this.name}-${this.value}`, checked: this.checked, disabled: this.disabled }), h("label", { key: '419894528ba238e0058cb7c6543b8f59d8349e2b', htmlFor: `verdocs-radio-button-${this.name}-${this.value}` })));
    }
    static get style() { return verdocsRadioButtonCss; }
}, [0, "verdocs-radio-button", {
        "checked": [4],
        "name": [1],
        "value": [1],
        "disabled": [4]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["verdocs-radio-button"];
    components.forEach(tagName => { switch (tagName) {
        case "verdocs-radio-button":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, VerdocsRadioButton$1);
            }
            break;
    } });
}

const VerdocsRadioButton = VerdocsRadioButton$1;
const defineCustomElement = defineCustomElement$1;

export { VerdocsRadioButton, defineCustomElement };
//# sourceMappingURL=verdocs-radio-button.js.map

//# sourceMappingURL=verdocs-radio-button.js.map