import { LightningElement,api } from 'lwc';

export default class CustomUnitComp extends LightningElement {
    @api unitValue;
    @api unitOptions;
    @api recordId;

    connectedCallback(){
        console.log('unitValue = ' + this.unitValue);
        console.log('unitOptions = ' + JSON.stringify(this.unitOptions));
        console.log('recordId = ' + this.recordId);
    }

    handleDataChange(event){
        console.log('dataChange' + event.target.value);

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