fix: fix searchbox carousel navigation behaviour

[c5346163]

Fix Safari searchbox carousel clicks closing results panel by preventing mousedown blur and moving next-slide logic into a reusable handler.

[github-actions]

Merge Checks Failed

Please push a commit to re-trigger the build.
To push an empty commit you can use `git commit --allow-empty -m "Trigger Build"`

[cypress]

spartacus    Run #51898

Run Properties:   Passed #51898  •  6398fc9384 ℹ️: Merge f34e30e7202b05da95098d72f79b9302154cc9ff into e8e85b0dc9df49128d97da0599e7...

Project	spartacus
Branch Review	CXCDS-17219
Run status	Passed #51898
Run duration	03m 38s
Commit	6398fc9384 ℹ️: Merge f34e30e7202b05da95098d72f79b9302154cc9ff into e8e85b0dc9df49128d97da0599e7...
Committer	Konrad Dzikowski
View all properties for this run ↗︎

---

Test results
Failures	0
Flaky	5
Pending	0
Skipped	0
Passing	101
View all changes introduced in this branch ↗︎

[Pucek9]

LGTM

QA steps I did:
On Mac, opened the homepage and decreased the window height, typed "cam" in searchbox and saw carousel arrows; both work fine and no longer close the search results

[rmch91]

Actually this can be breaking change for customers, example:
Customer registered event listener, something like: this.el.nativeElement.addEventListener('focus', this.onFocus, true); and implement some custom logic on focus.
When you are adding (mousedown)="preventDefault($event)" it will not be triggered.

[Pucek9]

@rmch91 That's true, but the question that comes to mind is why would he do it in such a complicated way? If he extends the class, that forces him to have its own HTML structure (which will not be automatically updated from here). The fact that we cannot fix the behavior in his code - it's beyond our control if there is any customization, the question is only whether we are able to break something in his code/ui behavior this way?

[rmch91]

User can do it without any customization of the component. just register an event listener on cx-carousel in app.component and apply his own logic.
After this change it will not work. So seems that it is breaking

[c5346163]

I've made the fix opt-in via a preventNavigationFocus input flag (defaults to false), so it's only enabled in search-box and doesn't affect existing carousels or customer event listeners.

[github-actions]

Merge Checks Failed

Please push a commit to re-trigger the build.
To push an empty commit you can use `git commit --allow-empty -m "Trigger Build"`