feat(kit): highlight improvements

[MillerSvt]

PR Type

What kind of change does this PR introduce?

• Bugfix
• Feature
• Refactoring
• Build or CI related changes
• Tests related changes
• Documentation content changes

What is the current behaviour?

1. Not support for multiple occurrences
2. Not support for multiple highlights
3. Not support for case-sensitive mode
4. Not support for regexp

Closes #5838

What is the new behaviour?

1. Adding support for multiple occurrences
2. Adding support for multiple highlights
3. Adding support for case-sensitive mode
4. Adding support for regexp

[lumberjack-bot]

Pull request was closed ✔️

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

[lumberjack-bot]

Tests are running 🚀

Wait for workflow run with tests to finish ☕

[bundlemon]

BundleMon

Files updated (3)

Status	Path	Size	Limits
✅	demo/browser/main.(hash).js	298.67KB (+639B +0.21%)	+10%
✅	demo/browser/runtime.(hash).js	41.45KB (+156B +0.37%)	+10%
✅	demo/browser/styles.(hash).css	13.75KB (-137B -0.96%)	+10%

Unchanged files (2)

Status	Path	Size	Limits
✅	demo/browser/vendor.(hash).js	206.9KB	+10%
✅	demo/browser/polyfills.(hash).js	11.21KB	+10%

Total files change +658B +0.11%

Groups updated (1)

Status	Path	Size	Limits
✅	demo/browser/*..js	7.4MB (+28.65KB +0.38%)	-

Final result: ✅

View report in BundleMon website ➡️

---

Current branch size history | Target branch size history

[github-actions]

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

https://taiga-ui--pr5841-task-5838-tv2q2kvu.web.app

_{(expires Thu, 06 Jun 2024 07:38:15 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 4b5ece1e114386f6a105425ef799091475b249eb}

[codecov]

Codecov Report

Attention: Patch coverage is 92.92929% with 7 lines in your changes missing coverage. Please review.

Project coverage is 71.98%. Comparing base (43c0ebb) to head (30d1178).
Report is 650 commits behind head on main.

❗ Current head 30d1178 differs from pull request most recent head e289cd8

Please upload reports for the commit e289cd8 to get more accurate results.

Files	Patch %	Lines
...ts/kit/directives/highlight/highlight.directive.ts	93.33%	5 Missing ⚠️
projects/cdk/utils/miscellaneous/to-array.ts	50.00%	1 Missing ⚠️
projects/kit/pipes/to-regexp/to-regexp.pipe.ts	85.71%	1 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #5841      +/-   ##
==========================================
+ Coverage   70.19%   71.98%   +1.79%     
==========================================
  Files        1460     1467       +7     
  Lines       15934    16032      +98     
  Branches     2292     2276      -16     
==========================================
+ Hits        11185    11541     +356     
+ Misses       4369     4119     -250     
+ Partials      380      372       -8     

Flag	Coverage Δ
addon-charts	71.10% <ø> (?)
addon-doc	59.66% <ø> (?)
addon-mobile	60.58% <ø> (?)
addon-table	60.75% <ø> (?)
addon-tablebars	90.90% <ø> (?)
cdk	78.65% <75.00%> (?)
core	77.99% <ø> (?)
kit	70.30% <93.68%> (?)
summary	71.98% <92.92%> (+1.79%)	⬆️

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

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[splincode]

What about if search will be string[]?

[MillerSvt]

What about if search will be string[]?

This will work the same way as with regular expressions. Or do you mean that I didn't add a demo?

[splincode]

Yes, you didn't add a demo

[MillerSvt]

Yes, you didn't add a demo

added

[splincode]

@waterplea @nsbarsukov let's wait for our jedi to review

[MillerSvt]

I found some problems here:

1. We can't highlight multiline occurrences correctly in this solution.
2. We may get performance degradation when resize with large DOM tree.

I'll think about what we can do with it, and I'll see how these problems are solved in third-party libraries.

[MillerSvt]

I found some problems here

fixed, ready to review

[splincode]

use coerceArray from angular/cdk