Timer Functionality

[codewithkyle]

The toaster notification interface needs a timer boolean setting. When true it will generated a timer element that will scale as the duration is reduced. Timers should support a timerType setting that can be "vertical" or "horizontal" with horizontal being the default. These values will be used to determine if we need to scaleX() or scaleY() during the animation callback method.

Why isn't this controlled via CSS keyframe animations?

Because notification timers are paused when the window loses focus so we must control the animations via inline CSS and JavaScript.