import { LightningElement,api } from 'lwc';

export default class LexCustomTableInput extends LightningElement {
    @api inputValue;
    @api recordId;
    @api valueType;
    @api upperLimit;
    @api lowerLimit;
    @api allnumber;

    get showInputType(){
        if(this.valueType == 'Number'){
            return true;
        }else{
            return false;
        }
    }

    valueChange(event){
        this.inputValue = event.target.value;

        this.dispatchEvent(new CustomEvent('changevalue', {
            composed: true,
            bubbles: true,
            cancelable: true,
            detail: {
                data: { value: this.inputValue, recordId: this.recordId }
            }
        }));
    }

    blurInput(event){
        console.log('value1:'+event.target.value);
        console.log('limit:'+this.inputValue+'---'+ this.upperLimit+'---'+this.lowerLimit+'---'+this.allnumber);
        this.dispatchEvent(new CustomEvent('valueblur', {
            composed: true,
            bubbles: true,
            cancelable: true,
            detail: {
                data: { value: this.inputValue, upperLimit: this.upperLimit, lowerLimit: this.lowerLimit, allnumber: this.allnumber }
            }
        }));
    }
}