fix(cdk): refactor autofill directive

[splincode]

PR Checklist

Please check if your PR fulfills the following requirements:

• The commit message follows Conventional Commits
• Tests for the changes have been added (for bug fixes / features)
• Docs have been added / updated (for bug fixes / features)

PR Type

What kind of change does this PR introduce?

• Bugfix
• Feature
• Refactoring
• Code style update
• Build or CI related changes
• Documentation content changes

What is the current behavior?

Closes #1679 #1785

What is the new behavior?

Screen.Recording.2022-05-18.at.19.23.36.mov

Does this PR introduce a breaking change?

• Yes
• No

[lumberjack-bot]

Pull request was closed ✔️

All saved screenshots (for current PR) were deleted 🗑️

[github-actions]

Visit the preview URL for this PR (updated for commit a383428):

https://taiga-ui--pr1775-splincode-bugfix-iss-ydzrpwi9.web.app

_{(expires Sat, 21 May 2022 17:04:54 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

[codecov]

Codecov Report

Merging #1775 (a383428) into main (910ae9b) will increase coverage by 0.07%.
The diff coverage is 77.77%.

@@            Coverage Diff             @@
##             main    #1775      +/-   ##
==========================================
+ Coverage   63.17%   63.25%   +0.07%     
==========================================
  Files         930      931       +1     
  Lines       10050    10052       +2     
  Branches     1943     1945       +2     
==========================================
+ Hits         6349     6358       +9     
+ Misses       3251     3240      -11     
- Partials      450      454       +4     

Flag	Coverage Δ
addon-charts	74.42% <ø> (ø)
addon-doc	26.73% <ø> (ø)
addon-editor	45.87% <ø> (ø)
addon-mobile	∅ <ø> (∅)
addon-table	79.59% <ø> (ø)
addon-tablebars	∅ <ø> (∅)
cdk	68.77% <77.77%> (+0.22%)	⬆️
core	68.00% <ø> (+0.18%)	⬆️
kit	63.16% <ø> (ø)
summary	63.25% <77.77%> (+0.07%)	⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
...cts/cdk/directives/autofilled/autofilled.module.ts	100.00% <ø> (ø)
.../cdk/directives/autofilled/autofilled.directive.ts	77.77% <75.00%> (+15.27%)	⬆️
...irectives/autofilled/autofilled-style.component.ts	100.00% <100.00%> (ø)
...imitive-textfield/primitive-textfield.component.ts	79.06% <0.00%> (+4.65%)	⬆️
projects/cdk/services/directive-styles.service.ts	92.85% <0.00%> (+7.14%)	⬆️
projects/cdk/tokens/default-renderer.ts	100.00% <0.00%> (+50.00%)	⬆️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 910ae9b...a383428. Read the comment docs.

[waterplea]

I believe we no longer need this class, do we?

[splincode]

Yes, transition: box-shadow 0.01s; we need to define rules only for those elements who input.tui-autofill or .tui-autofill input

[waterplea]

I think this doesn't do anything, we add this class on host in PrimitiveTextfield and styles rely on it being there, not here.

[splincode]

<input (tuiAutofillChanges)="next.emit($event)">

But it would be great for us to add a class to the host to determine that it is autofilled.

_autofilled - system css class looks like _focused, etc

[splincode]

@nsbarsukov hello, please review me)

[well-done-bot]