Неверная работа input

Библиотека

• @digital-plant/zyfra-components

Компонент

Input

Версия

Операционная ситема:

Windows 10, etc

Браузер:

Google Chrome Версия 96.0.4664.110 (Официальная сборка), (x86_64)

NodeJS:

➜ node --version
v16.13.0

Dependencies:

➜ npm ls @digital-plant/zyfra-components

@digital-plant/zyfra-components 0.4.1

➜ npm ls @angular/core

@digital-plant/sdk@0.0.2 /Users/rustamz/dev/zyfra/sdk
├─┬ @angular/animations@12.2.12
│ └── @angular/core@12.2.12 deduped
├─┬ @angular/cdk@12.2.13
│ └── @angular/core@12.2.12 deduped
├─┬ @angular/common@12.2.12
│ └── @angular/core@12.2.12 deduped
├── @angular/core@12.2.12
├─┬ @angular/forms@12.2.12
│ └── @angular/core@12.2.12 deduped
├─┬ @angular/platform-browser-dynamic@12.2.12
│ └── @angular/core@12.2.12 deduped
├─┬ @angular/platform-browser@12.2.12
│ └── @angular/core@12.2.12 deduped
├─┬ @angular/router@12.2.12
│ └── @angular/core@12.2.12 deduped
├─┬ @storybook/angular@6.3.12
│ └── @angular/core@12.2.12 deduped
├─┬ jest-preset-angular@10.0.1
│ └── @angular/core@12.2.12 deduped
└─┬ primeng@12.2.2
  └── @angular/core@12.2.12 deduped

Проект в котором используется КБ

• zui-app-shell

Скрин / Видео проблемы

Описание проблемы

Нет нужных параметров и работа не очень корректна Отсутствует autocomplete="off" Отсутствует borderNone="true"

Как найти кнопку clear ?

Если нет label не выводить undefined внутри input

Есть проблема следующего характера:

Шаги воспроизведения:

1 Использовать input <zyfra-input #search class="search-field" [class.visible]="isHiddenSearchField" [label]="'Hints.Search' | translate" [(ngModel)]="searchText" aqa-attribute="search-input" autocomplete="off" borderNone="true"> <zyfra-clear zyfraSuffix *ngIf="searchText !== ''" (click)="searchText = ''">