$App.dialog* now uses UModal internally

Pavlo Mashliakovskiyrequested to merge
feat/gialogYesNoUseUModal into master

$App.dialog* now uses UModal internally:

  • UModal: new props icon and iconColor CSS class and color for the icon on the left of the title
  • UModal: title prop value now translated using i18n
  • UDialog (and, accordingly, the $App.dialog*): added moving focus between buttons using left\right arrows (in addition to Tab\Shift+Tab)
  • UDialog (and, accordingly, the $App.dialog* function) now uses UModal internally instead of el-dialog. The UModal, based on the native <dialog> element, gives us the native modal experience. The main thing is that after closing, the modal dialog now returns the focus back to the element from which it was called
  • deletion confirmation dialog: the entity code and name will be formatted in Bold (for de, uk, en lang)

Merge request reports