New toasts and icons

[FilipLeitner]

Description

Toasts

• added configuration param toastAnchor which can be used to control whether the toast messages will be anchored to the map or to the screen
• toast message can be positioned to top or bottom, left/center/right which we dont actually utilise yet. Only bottom-right or left is chosen based on the sidebar position

Icons

• new icons can be added by chosing from https://fontawesome.com/search?ic=free. Adding icon name (without fa prefix) to the txt file found in projects/hslayers/css/fontawesome and running npm run subset-icons
• most of the icons should be avaialable in both solid or regular versions (we use mostly solids for now)
• icon subseting script is exposed in build and can be used via command line to generate custom subset necessary for container app as python "${SCRIPT_PATH}" --icons-file "${ICONS_FILE}" --output-file "${OUTPUT_FILE}". Generated custom-fa-icons.css file needs to be then included into app styles eg. @use "./custom-fa-icons.css

Related issues or pull requests

Please list issues or pull requests that the changes you propose are related to. It does not matter if they are still open and/or unmerged, any link is appreciated.

Pull request type

Please check the type of change your PR introduces:

• Bugfix
• Feature
• Dependency updates
• Code style update (formatting, renaming)
• Refactoring (no functional changes, no api changes)
• Build related changes
• Documentation content changes
• Other (please describe)
• I am unsure (we'll look into it together)

Do you introduce a breaking change?

• Yes
• No
• I am unsure (no worries, we'll find out)

Checklist

• I understand and agree that the changes in this PR will be licensed under the [MIT License]
• I have followed the guidelines for contributing
• The proposed change fits to the content of the code of conduct
• I have added or updated tests and documentation, and the test suite passes (run npm test locally)
• I'm lost; why do I have to check so many boxes? Please help!

[jmacura]

The toasts and icons are nice, thanks!
Some impressions:

What about the font in the sidebar menu?

---

These chevrons are not animated any more.

In that matter, I would use chevron-down and chevron-up, and move them to the left side, before the texts.

---

A simple "x"-like cross would be better here I think.

---

How did these icons get in this place?

---

Perhaps "mountain-city" or "globe" would be more appropriate than "mountain-sun" for hs-cesium switch... Idk

[FilipLeitner]

All fixed.

• icons where just for the test purposes in index.html of test-app
• changed cesium toggle to globe
• ban icon mostly replaced with xmark or ereaser
• sidebar font had high font weight
• chevrons replaced with just one - animated. Now we have rotate class utiltiy

[jmacura]

Superb! The animation of chevrons is cool 😎