coreui / coreui-pro / 31190734908

93%

main: 94%

push

github

refactor(Toast)!: move the transition to CSS with @starting-style (#707)

Toast was the last component driving its animation from JavaScript: it
toggled `.fade`, forced a reflow, then juggled `.show`, `.showing` and a
deprecated `.hide` class to fake an exit animation. Menu and the picker popup
already express this in CSS, so Toast now does the same — `@starting-style`
supplies the state to animate from, and a discrete `display` transition keeps
the toast laid out until the fade-out finishes. JavaScript only toggles
`.show`.

BREAKING CHANGE: the `animation` option and `data-coreui-animation` are gone;
add `.toast-instant` to skip the animation. The `.showing` class and the
deprecated `.hide` class are gone with them, and toasts no longer take the
generic `.fade` class. `isShown()` now returns `false` as soon as `hide()` is
called, rather than when the fade-out ends.

Ported from twbs/bootstrap#42783.

4268 of 4821 branches covered (88.53%)

Branch coverage included in aggregate %.

6 of 6 new or added lines in 1 file covered. (100.0%)

8277 of 8673 relevant lines covered (95.43%)

362.76 hits per line