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
                    }
                }
            })
        );
    }
}