@securecall/client-component/dist/esm/securecall-response-button.entry.js

SecureCall Core Web Component

import { r as registerInstance, c as createEvent, h, H as Host } from './index-CHf4eHvJ.js';
import { L as Logger } from './logger-CgjdSc_8.js';

const securecallResponseButtonCss = ":host{display:block;text-align:center;margin-top:1rem}.response-button{padding:0.75rem 1.5rem;background-color:var(--theme-button-color, #007bff);color:var(--theme-primary-color, #fff);border:none;border-radius:4px;cursor:pointer;font-size:1rem;width:fit-content}.response-button:disabled{background-color:var(--theme-button-color-disabled, #ccc);cursor:not-allowed}.response-button:hover:not(:disabled){background-color:var(--theme-button-color-hover, #0056b3)}";

const SecurecallResponseButton = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.responseButtonEvent = createEvent(this, "responseButtonEvent");
    }
    fieldName;
    label;
    action = "retryClearCVV";
    responseButtonEvent;
    log = Logger('SecurecallResponseButton');
    handleClick() {
        this.log.debug("handleClick: field", this.fieldName, "clicked");
        this.responseButtonEvent.emit(this.action);
    }
    render() {
        return (h(Host, { key: 'f816c5ae1509e330f91f2f5d3e70b008d1243bdb' }, h("div", { key: '39350d41d8c67e62020a5618ae3f369a1aabe243', class: "response-field-container" }, h("button", { key: '73fbc0e4c7136f4f8cdbe73312d7d4554f8880cc', type: "button", class: "response-button", onClick: () => this.handleClick() }, this.label))));
    }
};
SecurecallResponseButton.style = securecallResponseButtonCss;

export { SecurecallResponseButton as securecall_response_button };
//# sourceMappingURL=securecall-response-button.entry.js.map

//# sourceMappingURL=securecall-response-button.entry.js.map