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

SecureCall Core Web Component

'use strict';

var index = require('./index-4GqdwRn1.js');
var logger = require('./logger-CTFQb4FW.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 = logger.Logger('SecurecallResponseButton');
    handleClick() {
        this.log.debug("handleClick: field", this.fieldName, "clicked");
        this.responseButtonEvent.emit(this.action);
    }
    render() {
        return (index.h(index.Host, { key: 'f816c5ae1509e330f91f2f5d3e70b008d1243bdb' }, index.h("div", { key: '39350d41d8c67e62020a5618ae3f369a1aabe243', class: "response-field-container" }, index.h("button", { key: '73fbc0e4c7136f4f8cdbe73312d7d4554f8880cc', 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

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