@if(abmListInput.label) {
    <mat-label [class.required]="isControlRequired()">{{abmListInput.label}}</mat-label>    
  }
    <mat-form-field class="example-full-width custom-label-outside" appearance="outline" floatLabel="always">
        <input 
            matInput 
            class="form-control"
            [formControl]="formControl" 
            [type]="abmListInput.inputType ? abmListInput.inputType : 'text'" 
            [placeholder]="abmListInput.placeholder ? abmListInput.placeholder : '' " 
            [dropSpecialCharacters]="abmListInput.mask && abmListInput.mask.dropSpecialCharacters ? false : true"
            [prefix]="abmListInput.mask?.prefix || ''"
            [suffix]="abmListInput.mask?.suffix || ''"
            [mask]="abmListInput.mask?.mask || ''"
            [showMaskTyped]="abmListInput.mask?.showMaskTyped || false"
            [allowNegativeNumbers]="abmListInput.mask?.allowNegativeNumbers || false"
            [clearIfNotMatch]="abmListInput.mask?.clearIfNotMatch || false"
            [specialCharacters]="abmListInput.mask?.specialCharacters || ['']"
            [thousandSeparator]="abmListInput.mask?.thousandSeparator || '.'"
            [decimalMarker]="(abmListInput.mask && abmListInput.mask.thousandSeparator && abmListInput.mask.thousandSeparator === '.') ? ',':'.'"
            [patterns]="abmListInput.mask?.customPatterns ||  null"
            [validation]=" abmListInput.mask?.validation ||  false" />
            @if(abmErrorDescription) {
                <mat-error>{{abmErrorDescription}}</mat-error>
            }
            @if (formControl.hasError('required')) {
                <mat-error
                    > {{abmListInput.label ? abmListInput.label: 'Este campo'}} es  <strong> requerido</strong></mat-error
                >
            }

    </mat-form-field>