@securecall/client-component/dist/client-component/p-bc527517.entry.js

SecureCall Core Web Component

import{r as e,c as t,h as i,H as s}from"./p-CHf4eHvJ.js";import{L as a}from"./p-CgjdSc_8.js";const c=":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}";const n=class{constructor(i){e(this,i);this.isValidEvent=t(this,"isValidEvent")}fieldName;config;isValidEvent;log=a("SecurecallRequestString");get value(){return this.config.value}set value(e){if(this.config.value!==e){this.config.value=e;this.validateChange()}}handleConfigChange(e,t){this.log.debug(this.fieldName+": handleConfigChange: config",e,t);if(t.value!==e.value){this.value=e.value;this.validateChange()}else if(t.valid!==e.valid){this.validateChange()}}componentWillLoad(){this.log.debug(this.fieldName+": componentWillLoad: config",this.config);this.validateChange()}handleChange(e){this.log.debug(this.fieldName+": handleChange: string change:",e.target.value);this.value=e.target.value}validateChange(){const e=this.value;this.log.debug(this.fieldName+": validateChange: string:",e);if(this.config.optional&&(!e||e.trim()===""))return this.isValidEvent.emit({field:this.fieldName,valid:true,value:""});const t=this.config.min||1;const i=this.config.max;const s=e?.length>=t&&(!i||e.length<=i);this.isValidEvent.emit({field:this.fieldName,valid:s,value:e})}render(){return i(s,{key:"926acfb306eabea9af9133906fece66ca621ed13"},i("div",{key:"94d7481dce814bbe32eaa423feacd79f4ecee857",class:"field-container"},i("label",{key:"cb77d8a2cdf9e03852208c38ec45a212b35f6573",class:"custom-label"},this.config.label,":"),i("input",{key:"bbef54e2a9c1314fe4334897030c1c57864c0c2e",type:"text",class:"custom-input",id:this.fieldName,placeholder:this.config.placeholder||this.config.label,value:this.value,disabled:this.config.readOnly,onInput:e=>this.handleChange(e)}),i("div",{key:"e26c8853a943d3c3495f006505ba621f0dc16c66",class:"validity none"})))}static get watchers(){return{config:["handleConfigChange"]}}};n.style=c;export{n as securecall_request_string};
//# sourceMappingURL=p-bc527517.entry.js.map