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

SecureCall Core Web Component

import { r as registerInstance, h, H as Host } from './index-CHf4eHvJ.js';

const securecallResponseFieldCss = ":host{display:block}.field-container{display:grid;grid-template-columns:10em 1fr 20px;align-items:center;gap:1rem}.custom-label{color:var(--theme-primary-color);text-align:right;align-items:center;font-weight:bold;gap:0.5rem}.response-field{background-color:transparent;color:var(--theme-primary-color);padding:0.2rem;border:none;font-size:1rem;overflow-wrap:normal}";

const SecurecallResponseField = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
    }
    fieldName;
    label;
    value;
    render() {
        return (h(Host, { key: 'f7f6e0bf03aba0dd21673b8419793b48eaa9a88d' }, h("div", { key: '5e261913a0a7c3a306aae981121a496621487327', class: "field-container" }, h("label", { key: '702ad28e42f4c0311e1dc9dc0412b7cebc7af524', class: "custom-label", htmlFor: this.fieldName }, this.label, ":"), h("div", { key: '6ea34bb95cd6a0d0ef2873ab9644f7ce8cf17362', class: "response-field", id: this.fieldName }, this.value))));
    }
};
SecurecallResponseField.style = securecallResponseFieldCss;

export { SecurecallResponseField as securecall_response_field };
//# sourceMappingURL=securecall-response-field.entry.js.map

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