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

SecureCall Core Web Component

'use strict';

var index = require('./index-DcU5riY9.js');
var logger = require('./logger-MkCqSOk_.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) {
        index.registerInstance(this, hostRef);
        this.responseButtonEvent = index.createEvent(this, "responseButtonEvent");
    }
    fieldName;
    label;
    action = "retryClearCVV";
    responseButtonEvent;
    log = new logger.Logger('SecurecallResponseButton');
    handleClick() {
        this.log.debug("handleClick: field", this.fieldName, "clicked");
        this.responseButtonEvent.emit(this.action);
    }
    render() {
        return (index.h(index.Host, { key: '659031854eadfac8ae6a8ad7f71b07b1b4ecb711' }, index.h("div", { key: 'a75ccbe98bb8a695e38d0f1882e07be31f92d92b', class: "response-field-container" }, index.h("button", { key: '748b63c60e416fcf13a9c398ab69e087520c7d7d', type: "button", class: "response-button", onClick: () => this.handleClick() }, this.label))));
    }
};
SecurecallResponseButton.style = securecallResponseButtonCss;

exports.securecall_response_button = SecurecallResponseButton;
//# sourceMappingURL=securecall-response-button.entry.cjs.js.map