psp_panel/src/app/shared/components/input/input.component.html

<uikit-field [label]="label" [name]="name" [control]="control" [showLabel]="!!label" [showErrors]="showErrors">
  @if (type === "switch") {
    <p-toggleSwitch [formControl]="control" />
  } @else {
    <p-inputgroup>
      <!-- [minlength]="minlength || null" -->
      @if (type === "price") {
        <p-inputnumber
          [attr.id]="name"
          [formControl]="control"
          [maxlength]="preparedMaxLength || null"
          [attr.name]="name"
          [attr.placeholder]="preparedPlaceholder"
          [attr.type]="htmlType"
          [attr.autocomplete]="autocomplete"
          [class]="` w-full ${size === 'large' ? 'p-inputtext-lg' : size === 'small' ? 'p-inputtext-sm' : ''}`"
          [required]="isRequired"
          [invalid]="control.invalid && (control.touched || control.dirty)"
          (onInput)="onPriceInput($event)"
          (onBlur)="blur.emit()"
        />
        <!-- (input)="onInput($event)" -->
      } @else {
        <input
          pInputText
          [attr.id]="name"
          [formControl]="control"
          [attr.name]="name"
          [attr.placeholder]="preparedPlaceholder"
          [attr.inputmode]="inputMode"
          [attr.maxlength]="preparedMaxLength || null"
          [attr.type]="htmlType"
          [attr.autocomplete]="autocomplete"
          [classList]="
            [
              inputClass,
              'w-full',
              `${size === 'large' ? 'p-inputtext-lg' : size === 'small' ? 'p-inputtext-sm' : ''}`,
              suffixTemp || preparedSuffix() ? 'hasSuffix' : '',
            ].join(' ')
          "
          [required]="isRequired"
          [invalid]="control.invalid && (control.touched || control.dirty)"
          (onBlur)="blur.emit()"
          (input)="onInput($event)"
        />
      }
      @if (suffixTemp) {
        <ng-container [ngTemplateOutlet]="suffixTemp" />
      } @else if (preparedSuffix()) {
        <p-inputgroup-addon>{{ preparedSuffix() }}</p-inputgroup-addon>
      }
    </p-inputgroup>
  }
  @if (hint) {
    <small [attr.id]="name + '-help'">{{ hint }}</small>
  }
</uikit-field>