Animation: Focus and Selected State

[dmitry-kurmanov]

• [ ] use Settings animationEnabled see https://github.com/surveyjs/survey-library/issues/7573

• [x] theme builder support

• [x] focus

• [x] selected state

[mikeamelin]

Focus Issues

• [x] focus appears through "empty". It looks not too natural...

• [x] focus is not only border. Ideally all elements should be animated. For example, background and dot should change colors slowly

• [x] issue with border width on Safari

https://github.com/surveyjs/survey-library/assets/17025812/7fced928-d6a6-458d-b2cb-742d520e0596

[dmitry-kurmanov]

according to Safari issue:

• https://stackoverflow.com/questions/70168252/box-shadow-animation-is-bugging-on-safari-browsers
• https://codepen.io/kbav/pen/eYOqKBQ?editors=0100
• https://stackoverflow.com/questions/71405676/drop-shadow-with-fade-in-animation-is-cut-off-on-ios !
• https://stackoverflow.com/questions/43496495/text-shadow-in-safari-getting-cut-off-not-rendering-beyond-element-border !
• https://stackoverflow.com/questions/73047620/safari-box-shadow-bug