import { Pipe, PipeTransform } from '@angular/core';

// config
import { ICaInput } from '../../ca-input-test/config';

// interfaces
import { IOptionModel } from '../interfaces/input-dropdown-option.interface';


@Pipe({
  name: 'inputDropdownMultiselectClass',
  standalone: true,
})
export class InputDropdownMultiselectClassPipe implements PipeTransform {
  transform(
    inputConfig: ICaInput,
    multiselectItems: IOptionModel[],
    isMultiSelectInputFocus: boolean
  ): { [key: string]: boolean | undefined } {
    return {
      'multiselect-dropdown':
        inputConfig.multiselectDropdown && multiselectItems.length > 0,
      'multiselect-focus-out':
        !isMultiSelectInputFocus && !inputConfig.isDisabled,
      'multiselect-focus-in':
        isMultiSelectInputFocus && !inputConfig.isDisabled,
      'multiselect-disabled': inputConfig.isDisabled,
      'merge-dropdown-body-with-input': inputConfig.mergeDropdownBodyWithInput,
    };
  }
}