@securecall/client-component
Version:
SecureCall Core Web Component
45 lines (40 loc) • 2.13 kB
JavaScript
import { p as proxyCustomElement, H, h, d as Host } from './p-0D76SiW-.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$1 = /*@__PURE__*/ proxyCustomElement(class SecurecallResponseField extends H {
constructor(registerHost) {
super();
if (registerHost !== false) {
this.__registerHost();
}
this.__attachShadow();
}
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))));
}
static get style() { return securecallResponseFieldCss; }
}, [257, "securecall-response-field", {
"fieldName": [1, "field-name"],
"label": [1],
"value": [1]
}]);
function defineCustomElement$1() {
if (typeof customElements === "undefined") {
return;
}
const components = ["securecall-response-field"];
components.forEach(tagName => { switch (tagName) {
case "securecall-response-field":
if (!customElements.get(tagName)) {
customElements.define(tagName, SecurecallResponseField$1);
}
break;
} });
}
const SecurecallResponseField = SecurecallResponseField$1;
const defineCustomElement = defineCustomElement$1;
export { SecurecallResponseField, defineCustomElement };
//# sourceMappingURL=securecall-response-field.js.map
//# sourceMappingURL=securecall-response-field.js.map