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

SecureCall Core Web Component

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 n=":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 r=class{constructor(t){i(this,t);this.isValidEvent=e(this,"isValidEvent")}fieldName;config;isValidEvent;log=new l("SecurecallRequestString");get value(){return this.config.value}set value(i){if(this.config.value!==i){this.config.value=i;this.validateChange()}}handleConfigChange(i,e){this.log.debug(this.fieldName+": handleConfigChange: config",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(this.fieldName+": handleChange: string change:",i.target.value);this.value=i.target.value}validateChange(){let i=this.value;this.log.debug(this.fieldName+": validateChange: string:",i);let e=false;if(this.config.optional&&(!i||i.trim()==="")){e=true;i=""}else{const t=this.config.min||1;const a=this.config.max;e=i?.length>=t&&(!a||i.length<=a)}if(this.config.valid!==e){this.config.valid=e;t(this)}this.isValidEvent.emit({field:this.fieldName,valid:e,value:i})}render(){return a(s,{key:"4a85bda081774d79ad9741d907b43a789c2da216"},a("div",{key:"c929b17cede5db4e19ea4472e5b24416119027d9",class:"field-container"},a("label",{key:"64a0f6a89fca43a0164b13591d167859c00dcfa4",class:"custom-label"},this.config.label,":"),a("input",{key:"c17c58bca84f13869a83fb8127027312aff944f7",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:"d74e8fb6aecb615228156b5c900ec63ab9a8d5ec",class:this.config.valid?"field-valid":"field-invalid"})))}static get watchers(){return{config:["handleConfigChange"]}}};r.style=n;export{r as securecall_request_string};
//# sourceMappingURL=p-d99f0e75.entry.js.map