import { Pipe, PipeTransform } from '@angular/core';
import { ICaInput } from '../../ca-input/config';
import { OptionModel } from '../models';

@Pipe({
  name: 'inputDropdownMultiselectClass',
  standalone: true,
})
export class InputDropdownMultiselectClassPipe implements PipeTransform {
  transform(
    inputConfig: ICaInput,
    multiselectItems: OptionModel[],
    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,
    };
  }
}