import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
import { u as radioListItem } from './parts.js';
import { S as StyledHost } from './styled-host.js';
import './justifi-details2.js';
import './event-types.js';
import './justifi-radio-list-item2.js';
import { d as defineCustomElement$3 } from './form-control-help-text3.js';
import { d as defineCustomElement$2 } from './form-control-radio2.js';

const PaymentMethodOption$1 = /*@__PURE__*/ proxyCustomElement(class PaymentMethodOption extends HTMLElement {
    constructor(registerHost) {
        super();
        if (registerHost !== false) {
            this.__registerHost();
        }
        this.__attachShadow();
    }
    render() {
        return (h(StyledHost, { key: '526c90a231cf9132798d1135da9eb3cf7c1e0dde', class: "payment-method" }, h("div", { key: '189394f898e9d907af6209982e2150e672e90622', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: '291e6f6e165daf7a6c0b8f9077e7b8b1fbd9a3df', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
    }
}, [257, "payment-method-option", {
        "paymentMethodOptionId": [1, "payment-method-option-id"],
        "isSelected": [4, "is-selected"],
        "clickHandler": [16],
        "radioButtonHidden": [4, "radio-button-hidden"],
        "label": [1]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["payment-method-option", "form-control-help-text", "form-control-radio"];
    components.forEach(tagName => { switch (tagName) {
        case "payment-method-option":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, PaymentMethodOption$1);
            }
            break;
        case "form-control-help-text":
            if (!customElements.get(tagName)) {
                defineCustomElement$3();
            }
            break;
        case "form-control-radio":
            if (!customElements.get(tagName)) {
                defineCustomElement$2();
            }
            break;
    } });
}
defineCustomElement$1();

const PaymentMethodOption = PaymentMethodOption$1;
const defineCustomElement = defineCustomElement$1;

export { PaymentMethodOption, defineCustomElement };
