@securecall/client-component
Version:
SecureCall Core Web Component
2 lines • 2.53 kB
JavaScript
import{r as i,c as e,f as t,h as a,H as s}from"./p-KxdoBBDC.js";import{L as l}from"./p-By6Qn8nU.js";const r=":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}.custom-input{padding:0.2rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.field-invalid{background-color:var(--theme-primary-color);-webkit-mask:var(--icon-invalid);mask:var(--icon-invalid);height:1.0rem;width:1.0rem}.field-valid{background-color:var(--theme-primary-color);-webkit-mask:var(--icon-valid);mask:var(--icon-valid);height:1.0rem;width:1.0rem}";const d=class{constructor(t){i(this,t);this.isValidEvent=e(this,"isValidEvent")}fieldName;config;isValidEvent;log=new l("SecurecallRequestCurrency");get value(){return this.config.value}set value(i){if(this.config.value!==i){this.config.value=i;this.validateChange()}}handleConfigChange(i,e){if(e.value!==i.value){this.value=i.value;this.validateChange()}else if(e.valid!==i.valid){this.validateChange()}}componentWillLoad(){this.log.debug(this.fieldName+": componentWillLoad: config",this.config);this.validateChange()}handleChange(i){this.log.debug("handleChange: string change:",i.target.value);this.value=i.target.value}validateChange(){const i=this.value;const e=parseFloat(i);const a=/^(\d+(\.\d{1,2})?)?$/.test(i);const s=!isNaN(e)&&e!==0&&a&&e>=(this.config.min||.01)&&e<=(this.config.max||99999.99);this.log.debug(this.fieldName+": validateChange: string:",i,"isValid:",s,"config.valid",this.config.valid);if(this.config.valid!==s){this.config.valid=s;t(this)}this.isValidEvent.emit({field:this.fieldName,valid:s,value:i})}render(){return a(s,{key:"e66b2d00594641d78171b84eeaf892cd24421a54"},a("div",{key:"809d5891d05f4389b99b31188772a5e9467c8259",class:"field-container"},a("label",{key:"4d600c4ab2bd2d60eb67d1e948c87acf8a377ddb",class:"custom-label",htmlFor:this.fieldName},this.config.label,":"),a("input",{key:"156e37b7333b64567ae0b9d75b19ef0275af633e",type:"text",class:"custom-input",id:this.fieldName,placeholder:this.config.placeholder||this.config.label,value:this.value,disabled:this.config.readOnly,onInput:i=>this.handleChange(i)}),a("div",{key:"8d027ba0bc68e9ad3fb6d8056520205b2e149b5d",class:this.config.valid?"field-valid":"field-invalid"})))}static get watchers(){return{config:["handleConfigChange"]}}};d.style=r;export{d as securecall_request_currency};
//# sourceMappingURL=p-bbefb035.entry.js.map