@securecall/client-component
Version:
SecureCall Core Web Component
95 lines (94 loc) • 3.98 kB
JavaScript
import { Host, h } from "@stencil/core";
import { Logger } from "../../utils/logger";
export class SecurecallRequestSecure {
fieldName;
config;
secureFieldResetEvent;
log = new Logger('SecurecallRequestSecure');
handleClick(ev) {
ev.preventDefault();
this.log.debug("handleClick: field", this.fieldName, "clicked");
this.config.valid = false;
this.secureFieldResetEvent.emit(this.fieldName);
}
render() {
return (h(Host, { key: '19c03033ea68d8e9c8cd76cd4019f6b2c351c723' }, h("div", { key: 'b177eb2e8580ccfb278f346bfc91f33eb24c304f', class: "field-container" }, h("label", { key: '0631170c01df76dc3dbe3a2732941a1674ae9fa0', class: "custom-label", htmlFor: this.fieldName }, this.config["label"], ": ", this.config.active), h("input", { key: 'b420fcf15ebcc6a0a84019b3b99bd471cd1bde79', type: "text", class: `custom-input ${this.config.active ? 'active' : 'inactive'}`, id: this.fieldName, readOnly: true, placeholder: this.config.value }), h("div", { key: 'a649497776c0cf4b4ad58d39d2591b244391cc65', class: this.config.valid ? 'field-valid' : 'field-invalid', onClick: (ev) => this.handleClick(ev) }))));
}
static get is() { return "securecall-request-secure"; }
static get encapsulation() { return "shadow"; }
static get originalStyleUrls() {
return {
"$": ["securecall-request-secure.css"]
};
}
static get styleUrls() {
return {
"$": ["securecall-request-secure.css"]
};
}
static get properties() {
return {
"fieldName": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": ""
},
"getter": false,
"setter": false,
"reflect": false,
"attribute": "field-name"
},
"config": {
"type": "unknown",
"mutable": false,
"complexType": {
"original": "IRequestField",
"resolved": "{ hidden?: boolean; label?: string; value?: string; max?: number; min?: number; placeholder?: string; readOnly?: boolean; order?: number; component?: string; valid?: boolean; possibleValues?: Record<string, string>; mapping?: string; externalMapping?: string; active?: boolean; hideRelatedFields?: Record<string, object>; secure?: boolean; optional?: boolean; }",
"references": {
"IRequestField": {
"location": "import",
"path": "../../interfaces/configuration",
"id": "src/interfaces/configuration.ts::IRequestField"
}
}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": ""
},
"getter": false,
"setter": false
}
};
}
static get events() {
return [{
"method": "secureFieldResetEvent",
"name": "secureFieldResetEvent",
"bubbles": true,
"cancelable": true,
"composed": true,
"docs": {
"tags": [],
"text": ""
},
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
}
}];
}
}
//# sourceMappingURL=securecall-request-secure.js.map