Priority "hover color" over custom colors

[robertbiskup]

Describe the bug 📝

When I add new colors to the highlighter component and use them to color the elements with the function highlightByID(color, items, removePrevious, centerOnProject), the hover functionality stops working on that elements as if this new color had priority. The color-hover should still works properly after moving to an element and after leaving it - the new custom color should returns (not the original one). Hover is a special highlighter, it should take priority over added custom highlighted colors.

Reproduction ▶️

No response

Steps to reproduce 🔢

No response

System Info 💻

"@thatopen/components-front": "2.4.2",
"@thatopen/components": "2.4.3",
"@thatopen/fragments" : "2.4.0",
"web-ifc": "0.0.66",

Used Package Manager 📦

npm

Error Trace/Logs 📃

No response

Validations ✅

• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a repository issue and not a framework-specific issue. For example, if it's a THREE.js related bug, it should likely be reported to mrdoob/threejs instead.
• Check that this is a concrete bug. For Q&A join our Community.
• The provided reproduction is a minimal reproducible example of the bug.