ngx-toastr

8.10.1 (2018-08-14)

Bug Fixes

• use non-deprecated injector interface (#538) (b668d5b)
• resetTimeoutOnDuplicate doesn't revive dismissed toasts #524

feature:

Allows for dynamic inline containers #509

thanks @chris-allen

fixes:

bootstrap 4 sass styles svg scss for IE #503

Feature:

Reset timeout on duplicate #500
Trigger manual close when user clicks close button #471

Fix:

close button styling on bootstrap sass file #499

Thanks @yarrgh @jlberrocal

fix: autodismiss should dismiss oldest toast instead of current #457

attempted to fix a packaging issue

feat: leaves ontap open when tapToDismiss false #409 (#436)

requires rxjs v6

fixes

• ActiveToast.toastRef.componentInstance not being defined. #374

breaking change: ActiveToast interface takes a component type

fix: Apply proper style to ToastNoAnimation when inactive (#381)
fix: limit maxOpened correctly #380

fix icons not showing for IE11 #337 fixes #330

upgrade dependency and publish using ng-packagr

allows angular >= 5

run setTimeout outside angular zone #299 @PhilippStein more info #109

Another week another major version? See release notes for v7.0.0

New Features

• Additional aria labels on alert close button
• Bootstrap 4 Alert styled notification SASS

// remove other toast styles and import
@import "~ngx-toastr/toastr-bs4-alert"
// should be after your bootstrap imports, it uses bs4 variables

Breaking Changes

• new svg icons from Font Awesome 5.0 replacing old base64 encoded images closes #281
• refactor default css
  • uses classes instead of #toast-container id
  • remove use of !important
  • slight organization
• the old CSS still works and is available via @import "~ngx-toastr/toastr-old"

Previews

Old Default closeup:

New Default closeup:

New Bootstrap 4 alert styles:

adds disableTimeOut convenience config option that disables both timeouts #284 @yarrgh

Use NgZone to run inside Angular's zone fixes #275 @yarrgh

fix progress bar on extendedTimeOut #276

New:

• Toast Easing customization. see easing and easeTime here
• use ngx-toastr without animaitons see readme #252 @yarrgh
• add aria roles on toast messages #269
• onAction can be fired multiple times #273
• onAction and onTap are completed when the toast is destroyed #273

Breaking:

• Requires Angular 5
• remove ApplicationRef from toast component #237 @yarrgh
  This fixes toasts inside ErrorHandler coming from errors in the template. Also, makes one fewer dependency inside toasts.

Features

https://github.com/scttcper/ngx-toastr/commit/5273ce34ae4a98d9ae2d6728d247a56743c4ec9f adds progressAnimation for setting progress bar direction thanks @yarrgh closes #192

breaking for maybe a few

removes ToastContainerModule.forRoot() you should be importing ToastContainerModule in the module that you're going to use the directive. Normal use of ngx-toastr does not require this. I think this is the issue seen in #147