ngx-toastr 8.2.1 → 8.4.0

package/bundles/ngx-toastr.umd.js

@@ -1,6 +1,6 @@
 (function (global, factory) {
 	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs/Subject'), require('@angular/platform-browser'), require('@angular/animations'), require('@angular/common')) :
-	typeof define === 'function' && define.amd ? define(['exports', '@angular/core', 'rxjs/Subject', '@angular/platform-browser', '@angular/animations', '@angular/common'], factory) :
+	typeof define === 'function' && define.amd ? define('ngx-toastr', ['exports', '@angular/core', 'rxjs/Subject', '@angular/platform-browser', '@angular/animations', '@angular/common'], factory) :
 	(factory((global['ngx-toastr'] = {}),global.ng.core,global.Rx,global.ng.platformBrowser,global.ng.animations,global.ng.common));
 }(this, (function (exports,core,Subject,platformBrowser,animations,common) { 'use strict';
 
@@ -44,88 +44,41 @@ function __values(o) {
     };
 }
 
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes} checked by tsc
- */
-/**
- * @record
- */
-/**
- * A `ComponentPortal` is a portal that instantiates some Component upon attachment.
- */
 var ComponentPortal = /** @class */ (function () {
-    /**
-     * @param {?} component
-     * @param {?} injector
-     */
     function ComponentPortal(component, injector) {
         this.component = component;
         this.injector = injector;
     }
-    /**
-     * Attach this portal to a host.
-     * @param {?} host
-     * @param {?} newestOnTop
-     * @return {?}
-     */
     ComponentPortal.prototype.attach = function (host, newestOnTop) {
         this._attachedHost = host;
         return host.attach(this, newestOnTop);
     };
-    /**
-     * Detach this portal from its host
-     * @return {?}
-     */
     ComponentPortal.prototype.detach = function () {
-        var /** @type {?} */ host = this._attachedHost;
+        var host = this._attachedHost;
         if (host) {
             this._attachedHost = undefined;
             return host.detach();
         }
     };
     Object.defineProperty(ComponentPortal.prototype, "isAttached", {
-        /**
-         * Whether this portal is attached to a host.
-         * @return {?}
-         */
         get: function () {
             return this._attachedHost != null;
         },
         enumerable: true,
         configurable: true
     });
-    /**
-     * Sets the PortalHost reference without performing `attach()`. This is used directly by
-     * the PortalHost when it is performing an `attach()` or `detach()`.
-     * @param {?=} host
-     * @return {?}
-     */
     ComponentPortal.prototype.setAttachedHost = function (host) {
         this._attachedHost = host;
     };
     return ComponentPortal;
 }());
-/**
- * Partial implementation of PortalHost that only deals with attaching a
- * ComponentPortal
- * @abstract
- */
 var BasePortalHost = /** @class */ (function () {
     function BasePortalHost() {
     }
-    /**
-     * @param {?} portal
-     * @param {?} newestOnTop
-     * @return {?}
-     */
     BasePortalHost.prototype.attach = function (portal, newestOnTop) {
         this._attachedPortal = portal;
         return this.attachComponentPortal(portal, newestOnTop);
     };
-    /**
-     * @return {?}
-     */
     BasePortalHost.prototype.detach = function () {
         if (this._attachedPortal) {
             this._attachedPortal.setAttachedHost();
@@ -136,32 +89,13 @@ var BasePortalHost = /** @class */ (function () {
             this._disposeFn = undefined;
         }
     };
-    /**
-     * @param {?} fn
-     * @return {?}
-     */
     BasePortalHost.prototype.setDisposeFn = function (fn) {
         this._disposeFn = fn;
     };
     return BasePortalHost;
 }());
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes} checked by tsc
- */
-/**
- * A PortalHost for attaching portals to an arbitrary DOM element outside of the Angular
- * application context.
- *
- * This is the only part of the portal core that directly touches the DOM.
- */
 var DomPortalHost = /** @class */ (function (_super) {
     __extends(DomPortalHost, _super);
-    /**
-     * @param {?} _hostDomElement
-     * @param {?} _componentFactoryResolver
-     * @param {?} _appRef
-     */
     function DomPortalHost(_hostDomElement, _componentFactoryResolver, _appRef) {
         var _this = _super.call(this) || this;
         _this._hostDomElement = _hostDomElement;
@@ -169,34 +103,16 @@ var DomPortalHost = /** @class */ (function (_super) {
         _this._appRef = _appRef;
         return _this;
     }
-    /**
-     * Attach the given ComponentPortal to DOM element using the ComponentFactoryResolver.
-     * @template T
-     * @param {?} portal Portal to be attached
-     * @param {?} newestOnTop
-     * @return {?}
-     */
     DomPortalHost.prototype.attachComponentPortal = function (portal, newestOnTop) {
         var _this = this;
-        var /** @type {?} */ componentFactory = this._componentFactoryResolver.resolveComponentFactory(portal.component);
-        var /** @type {?} */ componentRef;
-        // If the portal specifies a ViewContainerRef, we will use that as the attachment point
-        // for the component (in terms of Angular's component tree, not rendering).
-        // When the ViewContainerRef is missing, we use the factory to create the component directly
-        // and then manually attach the ChangeDetector for that component to the application (which
-        // happens automatically when using a ViewContainer).
+        var componentFactory = this._componentFactoryResolver.resolveComponentFactory(portal.component);
+        var componentRef;
         componentRef = componentFactory.create(portal.injector);
-        // When creating a component outside of a ViewContainer, we need to manually register
-        // its ChangeDetector with the application. This API is unfortunately not yet published
-        // in Angular core. The change detector must also be deregistered when the component
-        // is destroyed to prevent memory leaks.
         this._appRef.attachView(componentRef.hostView);
         this.setDisposeFn(function () {
             _this._appRef.detachView(componentRef.hostView);
             componentRef.destroy();
         });
-        // At this point the component has been instantiated, so we move it to the location in the DOM
-        // where we want it to be rendered.
         if (newestOnTop) {
             this._hostDomElement.insertBefore(this._getComponentRootNode(componentRef), this._hostDomElement.firstChild);
         }
@@ -205,124 +121,51 @@ var DomPortalHost = /** @class */ (function (_super) {
         }
         return componentRef;
     };
-    /**
-     * Gets the root HTMLElement for an instantiated component.
-     * @param {?} componentRef
-     * @return {?}
-     */
     DomPortalHost.prototype._getComponentRootNode = function (componentRef) {
-        return /** @type {?} */ (((componentRef.hostView)).rootNodes[0]);
+        return (((componentRef.hostView)).rootNodes[0]);
     };
     return DomPortalHost;
 }(BasePortalHost));
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes} checked by tsc
- */
-/**
- * Reference to an overlay that has been created with the Overlay service.
- * Used to manipulate or dispose of said overlay.
- */
 var OverlayRef = /** @class */ (function () {
-    /**
-     * @param {?} _portalHost
-     */
     function OverlayRef(_portalHost) {
         this._portalHost = _portalHost;
     }
-    /**
-     * @param {?} portal
-     * @param {?=} newestOnTop
-     * @return {?}
-     */
     OverlayRef.prototype.attach = function (portal, newestOnTop) {
         if (newestOnTop === void 0) { newestOnTop = true; }
         return this._portalHost.attach(portal, newestOnTop);
     };
-    /**
-     * Detaches an overlay from a portal.
-     * @return {?} Resolves when the overlay has been detached.
-     */
     OverlayRef.prototype.detach = function () {
         return this._portalHost.detach();
     };
     return OverlayRef;
 }());
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes} checked by tsc
- */
-/**
- * The OverlayContainer is the container in which all overlays will load.
- * It should be provided in the root component to ensure it is properly shared.
- */
 var OverlayContainer = /** @class */ (function () {
     function OverlayContainer() {
     }
-    /**
-     * This method returns the overlay container element.  It will lazily
-     * create the element the first time  it is called to facilitate using
-     * the container in non-browser environments.
-     * @return {?} the container element
-     */
     OverlayContainer.prototype.getContainerElement = function () {
         if (!this._containerElement) {
             this._createContainer();
         }
         return this._containerElement;
     };
-    /**
-     * Create the overlay container element, which is simply a div
-     * with the 'cdk-overlay-container' class on the document body.
-     * @return {?}
-     */
     OverlayContainer.prototype._createContainer = function () {
-        var /** @type {?} */ container = document.createElement('div');
+        var container = document.createElement('div');
         container.classList.add('overlay-container');
         document.body.appendChild(container);
         this._containerElement = container;
     };
     return OverlayContainer;
 }());
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes} checked by tsc
- */
-/**
- * Service to create Overlays. Overlays are dynamically added pieces of floating UI, meant to be
- * used as a low-level building building block for other components. Dialogs, tooltips, menus,
- * selects, etc. can all be built using overlays. The service should primarily be used by authors
- * of re-usable components rather than developers building end-user applications.
- *
- * An overlay *is* a PortalHost, so any kind of Portal can be loaded into one.
- */
 var Overlay = /** @class */ (function () {
-    /**
-     * @param {?} _overlayContainer
-     * @param {?} _componentFactoryResolver
-     * @param {?} _appRef
-     */
     function Overlay(_overlayContainer, _componentFactoryResolver, _appRef) {
         this._overlayContainer = _overlayContainer;
         this._componentFactoryResolver = _componentFactoryResolver;
         this._appRef = _appRef;
         this._paneElements = {};
     }
-    /**
-     * Creates an overlay.
-     * @param {?=} positionClass
-     * @param {?=} overlayContainer
-     * @return {?} A reference to the created overlay.
-     */
     Overlay.prototype.create = function (positionClass, overlayContainer) {
-        // get existing pane if possible
         return this._createOverlayRef(this.getPaneElement(positionClass, overlayContainer));
     };
-    /**
-     * @param {?=} positionClass
-     * @param {?=} overlayContainer
-     * @return {?}
-     */
     Overlay.prototype.getPaneElement = function (positionClass, overlayContainer) {
         if (positionClass === void 0) { positionClass = ''; }
         if (!this._paneElements[positionClass]) {
@@ -330,14 +173,8 @@ var Overlay = /** @class */ (function () {
         }
         return this._paneElements[positionClass];
     };
-    /**
-     * Creates the DOM element for an overlay and appends it to the overlay container.
-     * @param {?} positionClass
-     * @param {?=} overlayContainer
-     * @return {?} Newly-created pane element
-     */
     Overlay.prototype._createPaneElement = function (positionClass, overlayContainer) {
-        var /** @type {?} */ pane = document.createElement('div');
+        var pane = document.createElement('div');
         pane.id = 'toast-container';
         pane.classList.add(positionClass);
         pane.classList.add('toast-container');
@@ -349,19 +186,9 @@ var Overlay = /** @class */ (function () {
         }
         return pane;
     };
-    /**
-     * Create a DomPortalHost into which the overlay content can be loaded.
-     * @param {?} pane The DOM element to turn into a portal host.
-     * @return {?} A portal host for the given DOM element.
-     */
     Overlay.prototype._createPortalHost = function (pane) {
         return new DomPortalHost(pane, this._componentFactoryResolver, this._appRef);
     };
-    /**
-     * Creates an OverlayRef for an overlay in the given DOM element.
-     * @param {?} pane DOM element for the overlay
-     * @return {?}
-     */
     Overlay.prototype._createOverlayRef = function (pane) {
         return new OverlayRef(this._createPortalHost(pane));
     };
@@ -370,33 +197,19 @@ var Overlay = /** @class */ (function () {
 Overlay.decorators = [
     { type: core.Injectable },
 ];
-/** @nocollapse */
 Overlay.ctorParameters = function () { return [
     { type: OverlayContainer, },
     { type: core.ComponentFactoryResolver, },
     { type: core.ApplicationRef, },
 ]; };
-/**
- * Providers for Overlay and its related injectables.
- */
 var OVERLAY_PROVIDERS = [
     Overlay,
     OverlayContainer,
 ];
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes} checked by tsc
- */
 var ToastContainerDirective = /** @class */ (function () {
-    /**
-     * @param {?} el
-     */
     function ToastContainerDirective(el) {
         this.el = el;
     }
-    /**
-     * @return {?}
-     */
     ToastContainerDirective.prototype.getContainerElement = function () {
         return this.el.nativeElement;
     };
@@ -408,7 +221,6 @@ ToastContainerDirective.decorators = [
                 exportAs: 'toastContainer',
             },] },
 ];
-/** @nocollapse */
 ToastContainerDirective.ctorParameters = function () { return [
     { type: core.ElementRef, },
 ]; };
@@ -423,36 +235,8 @@ ToastContainerModule.decorators = [
                 exports: [ToastContainerDirective],
             },] },
 ];
-/** @nocollapse */
 ToastContainerModule.ctorParameters = function () { return []; };
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes} checked by tsc
- */
-/**
- * Configuration for an individual toast.
- * @record
- */
-/**
- * @record
- */
-/**
- * Global Toast configuration
- * Includes all IndividualConfig
- * @record
- */
-/**
- * Everything a toast needs to launch
- */
 var ToastPackage = /** @class */ (function () {
-    /**
-     * @param {?} toastId
-     * @param {?} config
-     * @param {?} message
-     * @param {?} title
-     * @param {?} toastType
-     * @param {?} toastRef
-     */
     function ToastPackage(toastId, config, message, title, toastType, toastRef) {
         var _this = this;
         this.toastId = toastId;
@@ -468,88 +252,35 @@ var ToastPackage = /** @class */ (function () {
             _this._onTap.complete();
         });
     }
-    /**
-     * Fired on click
-     * @return {?}
-     */
     ToastPackage.prototype.triggerTap = function () {
         this._onTap.next();
         this._onTap.complete();
     };
-    /**
-     * @return {?}
-     */
     ToastPackage.prototype.onTap = function () {
         return this._onTap.asObservable();
     };
-    /**
-     * available for use in custom toast
-     * @param {?=} action
-     * @return {?}
-     */
     ToastPackage.prototype.triggerAction = function (action) {
         this._onAction.next(action);
     };
-    /**
-     * @return {?}
-     */
     ToastPackage.prototype.onAction = function () {
         return this._onAction.asObservable();
     };
     return ToastPackage;
 }());
-/**
- * @record
- */
-/**
- * @record
- */
-/**
- * @record
- */
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes} checked by tsc
- */
-/**
- * Reference to a toast opened via the Toastr service.
- */
 var ToastRef = /** @class */ (function () {
-    /**
-     * @param {?} _overlayRef
-     */
     function ToastRef(_overlayRef) {
         this._overlayRef = _overlayRef;
-        /**
-         * Subject for notifying the user that the toast has finished closing.
-         */
         this._afterClosed = new Subject.Subject();
-        /**
-         * triggered when toast is activated
-         */
         this._activate = new Subject.Subject();
-        /**
-         * notifies the toast that it should close before the timeout
-         */
         this._manualClose = new Subject.Subject();
     }
-    /**
-     * @return {?}
-     */
     ToastRef.prototype.manualClose = function () {
         this._manualClose.next();
         this._manualClose.complete();
     };
-    /**
-     * @return {?}
-     */
     ToastRef.prototype.manualClosed = function () {
         return this._manualClose.asObservable();
     };
-    /**
-     * Close the toast.
-     * @return {?}
-     */
     ToastRef.prototype.close = function () {
         this._overlayRef.detach();
         this._afterClosed.next();
@@ -557,52 +288,26 @@ var ToastRef = /** @class */ (function () {
         this._manualClose.complete();
         this._activate.complete();
     };
-    /**
-     * Gets an observable that is notified when the toast is finished closing.
-     * @return {?}
-     */
     ToastRef.prototype.afterClosed = function () {
         return this._afterClosed.asObservable();
     };
-    /**
-     * @return {?}
-     */
     ToastRef.prototype.isInactive = function () {
         return this._activate.isStopped;
     };
-    /**
-     * @return {?}
-     */
     ToastRef.prototype.activate = function () {
         this._activate.next();
         this._activate.complete();
     };
-    /**
-     * Gets an observable that is notified when the toast has started opening.
-     * @return {?}
-     */
     ToastRef.prototype.afterActivate = function () {
         return this._activate.asObservable();
     };
     return ToastRef;
 }());
-/**
- * Custom injector type specifically for instantiating components with a toast.
- */
 var ToastInjector = /** @class */ (function () {
-    /**
-     * @param {?} _toastPackage
-     * @param {?} _parentInjector
-     */
     function ToastInjector(_toastPackage, _parentInjector) {
         this._toastPackage = _toastPackage;
         this._parentInjector = _parentInjector;
     }
-    /**
-     * @param {?} token
-     * @param {?=} notFoundValue
-     * @return {?}
-     */
     ToastInjector.prototype.get = function (token, notFoundValue) {
         if (token === ToastPackage && this._toastPackage) {
             return this._toastPackage;
@@ -611,29 +316,8 @@ var ToastInjector = /** @class */ (function () {
     };
     return ToastInjector;
 }());
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes} checked by tsc
- */
-/**
- * @record
- */
 var TOAST_CONFIG = new core.InjectionToken('ToastConfig');
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes} checked by tsc
- */
-/**
- * @record
- */
 var ToastrService = /** @class */ (function () {
-    /**
-     * @param {?} token
-     * @param {?} overlay
-     * @param {?} _injector
-     * @param {?} sanitizer
-     * @param {?} ngZone
-     */
     function ToastrService(token, overlay, _injector, sanitizer, ngZone) {
         this.overlay = overlay;
         this._injector = _injector;
@@ -642,79 +326,37 @@ var ToastrService = /** @class */ (function () {
         this.currentlyActive = 0;
         this.toasts = [];
         this.index = 0;
-        var /** @type {?} */ defaultConfig = new token.defaults;
+        var defaultConfig = new token.defaults;
         this.toastrConfig = Object.assign({}, defaultConfig, token.config);
         this.toastrConfig.iconClasses = Object.assign({}, defaultConfig.iconClasses, token.config.iconClasses);
     }
-    /**
-     * show toast
-     * @param {?=} message
-     * @param {?=} title
-     * @param {?=} override
-     * @param {?=} type
-     * @return {?}
-     */
     ToastrService.prototype.show = function (message, title, override, type) {
         if (override === void 0) { override = {}; }
         if (type === void 0) { type = ''; }
         return this._preBuildNotification(type, message, title, this.applyConfig(override));
     };
-    /**
-     * show successful toast
-     * @param {?=} message
-     * @param {?=} title
-     * @param {?=} override
-     * @return {?}
-     */
     ToastrService.prototype.success = function (message, title, override) {
         if (override === void 0) { override = {}; }
-        var /** @type {?} */ type = this.toastrConfig.iconClasses.success || '';
+        var type = this.toastrConfig.iconClasses.success || '';
         return this._preBuildNotification(type, message, title, this.applyConfig(override));
     };
-    /**
-     * show error toast
-     * @param {?=} message
-     * @param {?=} title
-     * @param {?=} override
-     * @return {?}
-     */
     ToastrService.prototype.error = function (message, title, override) {
         if (override === void 0) { override = {}; }
-        var /** @type {?} */ type = this.toastrConfig.iconClasses.error || '';
+        var type = this.toastrConfig.iconClasses.error || '';
         return this._preBuildNotification(type, message, title, this.applyConfig(override));
     };
-    /**
-     * show info toast
-     * @param {?=} message
-     * @param {?=} title
-     * @param {?=} override
-     * @return {?}
-     */
     ToastrService.prototype.info = function (message, title, override) {
         if (override === void 0) { override = {}; }
-        var /** @type {?} */ type = this.toastrConfig.iconClasses.info || '';
+        var type = this.toastrConfig.iconClasses.info || '';
         return this._preBuildNotification(type, message, title, this.applyConfig(override));
     };
-    /**
-     * show warning toast
-     * @param {?=} message
-     * @param {?=} title
-     * @param {?=} override
-     * @return {?}
-     */
     ToastrService.prototype.warning = function (message, title, override) {
         if (override === void 0) { override = {}; }
-        var /** @type {?} */ type = this.toastrConfig.iconClasses.warning || '';
+        var type = this.toastrConfig.iconClasses.warning || '';
         return this._preBuildNotification(type, message, title, this.applyConfig(override));
     };
-    /**
-     * Remove all or a single toast by id
-     * @param {?=} toastId
-     * @return {?}
-     */
     ToastrService.prototype.clear = function (toastId) {
         try {
-            // Call every toastRef manualClose function
             for (var _a = __values(this.toasts), _b = _a.next(); !_b.done; _b = _a.next()) {
                 var toast = _b.value;
                 if (toastId !== undefined) {
@@ -737,13 +379,8 @@ var ToastrService = /** @class */ (function () {
         }
         var e_1, _c;
     };
-    /**
-     * Remove and destroy a single toast by id
-     * @param {?} toastId
-     * @return {?}
-     */
     ToastrService.prototype.remove = function (toastId) {
-        var /** @type {?} */ found = this._findToast(toastId);
+        var found = this._findToast(toastId);
         if (!found) {
             return false;
         }
@@ -753,8 +390,8 @@ var ToastrService = /** @class */ (function () {
         if (!this.toastrConfig.maxOpened || !this.toasts.length) {
             return false;
         }
-        if (this.currentlyActive <= +this.toastrConfig.maxOpened && this.toasts[this.currentlyActive]) {
-            var /** @type {?} */ p = this.toasts[this.currentlyActive].toastRef;
+        if (this.currentlyActive < this.toastrConfig.maxOpened && this.toasts[this.currentlyActive]) {
+            var p = this.toasts[this.currentlyActive].toastRef;
             if (!p.isInactive()) {
                 this.currentlyActive = this.currentlyActive + 1;
                 p.activate();
@@ -762,49 +399,26 @@ var ToastrService = /** @class */ (function () {
         }
         return true;
     };
-    /**
-     * Determines if toast message is already shown
-     * @param {?} message
-     * @return {?}
-     */
     ToastrService.prototype.isDuplicate = function (message) {
-        for (var /** @type {?} */ i = 0; i < this.toasts.length; i++) {
+        for (var i = 0; i < this.toasts.length; i++) {
             if (this.toasts[i].message === message) {
                 return true;
             }
         }
         return false;
     };
-    /**
-     * create a clone of global config and apply individual settings
-     * @param {?=} override
-     * @return {?}
-     */
     ToastrService.prototype.applyConfig = function (override) {
         if (override === void 0) { override = {}; }
         return Object.assign({}, this.toastrConfig, override);
     };
-    /**
-     * Find toast object by id
-     * @param {?} toastId
-     * @return {?}
-     */
     ToastrService.prototype._findToast = function (toastId) {
-        for (var /** @type {?} */ i = 0; i < this.toasts.length; i++) {
+        for (var i = 0; i < this.toasts.length; i++) {
             if (this.toasts[i].toastId === toastId) {
                 return { index: i, activeToast: this.toasts[i] };
             }
         }
         return null;
     };
-    /**
-     * Determines the need to run inside angular's zone then builds the toast
-     * @param {?} toastType
-     * @param {?} message
-     * @param {?} title
-     * @param {?} config
-     * @return {?}
-     */
     ToastrService.prototype._preBuildNotification = function (toastType, message, title, config) {
         var _this = this;
         if (config.onActivateTick) {
@@ -812,43 +426,35 @@ var ToastrService = /** @class */ (function () {
         }
         return this._buildNotification(toastType, message, title, config);
     };
-    /**
-     * Creates and attaches toast data to component
-     * returns null if toast is duplicate and preventDuplicates == True
-     * @param {?} toastType
-     * @param {?} message
-     * @param {?} title
-     * @param {?} config
-     * @return {?}
-     */
     ToastrService.prototype._buildNotification = function (toastType, message, title, config) {
         var _this = this;
         if (!config.toastComponent) {
             throw new Error('toastComponent required');
         }
-        // max opened and auto dismiss = true
         if (message && this.toastrConfig.preventDuplicates && this.isDuplicate(message)) {
             return null;
         }
         this.previousToastMessage = message;
-        var /** @type {?} */ keepInactive = false;
+        var keepInactive = false;
         if (this.toastrConfig.maxOpened && this.currentlyActive >= this.toastrConfig.maxOpened) {
             keepInactive = true;
             if (this.toastrConfig.autoDismiss) {
                 this.clear(this.toasts[this.toasts.length - 1].toastId);
             }
         }
-        var /** @type {?} */ overlayRef = this.overlay.create(config.positionClass, this.overlayContainer);
+        var overlayRef = this.overlay.create(config.positionClass, this.overlayContainer);
         this.index = this.index + 1;
-        var /** @type {?} */ sanitizedMessage = message;
+        var sanitizedMessage = message;
         if (message && config.enableHtml) {
             sanitizedMessage = this.sanitizer.sanitize(core.SecurityContext.HTML, message);
         }
-        var /** @type {?} */ toastRef = new ToastRef(overlayRef);
-        var /** @type {?} */ toastPackage = new ToastPackage(this.index, config, sanitizedMessage, title, toastType, toastRef);
-        var /** @type {?} */ toastInjector = new ToastInjector(toastPackage, this._injector);
-        var /** @type {?} */ component = new ComponentPortal(config.toastComponent, toastInjector);
-        var /** @type {?} */ ins = {
+        var toastRef = new ToastRef(overlayRef);
+        var toastPackage = new ToastPackage(this.index, config, sanitizedMessage, title, toastType, toastRef);
+        var toastInjector = new ToastInjector(toastPackage, this._injector);
+        var component = new ComponentPortal(config.toastComponent, toastInjector);
+        var portal = overlayRef.attach(component, this.toastrConfig.newestOnTop);
+        toastRef.componentInstance = ((portal))._component;
+        var ins = {
             toastId: this.index,
             message: message || '',
             toastRef: toastRef,
@@ -856,7 +462,7 @@ var ToastrService = /** @class */ (function () {
             onHidden: toastRef.afterClosed(),
             onTap: toastPackage.onTap(),
             onAction: toastPackage.onAction(),
-            portal: overlayRef.attach(component, this.toastrConfig.newestOnTop),
+            portal: portal,
         };
         if (!keepInactive) {
             setTimeout(function () {
@@ -872,7 +478,6 @@ var ToastrService = /** @class */ (function () {
 ToastrService.decorators = [
     { type: core.Injectable },
 ];
-/** @nocollapse */
 ToastrService.ctorParameters = function () { return [
     { type: undefined, decorators: [{ type: core.Inject, args: [TOAST_CONFIG,] },] },
     { type: Overlay, },
@@ -880,32 +485,14 @@ ToastrService.ctorParameters = function () { return [
     { type: platformBrowser.DomSanitizer, },
     { type: core.NgZone, },
 ]; };
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes} checked by tsc
- */
 var Toast = /** @class */ (function () {
-    /**
-     * @param {?} toastrService
-     * @param {?} toastPackage
-     * @param {?=} ngZone
-     */
     function Toast(toastrService, toastPackage, ngZone) {
         var _this = this;
         this.toastrService = toastrService;
         this.toastPackage = toastPackage;
         this.ngZone = ngZone;
-        /**
-         * width of progress bar
-         */
         this.width = -1;
-        /**
-         * a combination of toast type and options.toastClass
-         */
         this.toastClasses = '';
-        /**
-         * controls animation
-         */
         this.state = {
             value: 'inactive',
             params: {
@@ -924,19 +511,12 @@ var Toast = /** @class */ (function () {
             _this.remove();
         });
     }
-    /**
-     * @return {?}
-     */
     Toast.prototype.ngOnDestroy = function () {
         this.sub.unsubscribe();
         this.sub1.unsubscribe();
         clearInterval(this.intervalId);
         clearTimeout(this.timeout);
     };
-    /**
-     * activates toast and sets timeout
-     * @return {?}
-     */
     Toast.prototype.activateToast = function () {
         var _this = this;
         this.state = Object.assign({}, this.state, { value: 'active' });
@@ -948,16 +528,12 @@ var Toast = /** @class */ (function () {
             }
         }
     };
-    /**
-     * updates progress bar width
-     * @return {?}
-     */
     Toast.prototype.updateProgress = function () {
         if (this.width === 0 || this.width === 100 || !this.options.timeOut) {
             return;
         }
-        var /** @type {?} */ now = new Date().getTime();
-        var /** @type {?} */ remaining = this.hideTime - now;
+        var now = new Date().getTime();
+        var remaining = this.hideTime - now;
         this.width = (remaining / this.options.timeOut) * 100;
         if (this.options.progressAnimation === 'increasing') {
             this.width = 100 - this.width;
@@ -969,10 +545,6 @@ var Toast = /** @class */ (function () {
             this.width = 100;
         }
     };
-    /**
-     * tells toastrService to remove this toast after animation time
-     * @return {?}
-     */
     Toast.prototype.remove = function () {
         var _this = this;
         if (this.state.value === 'removed') {
@@ -982,9 +554,6 @@ var Toast = /** @class */ (function () {
         this.state = Object.assign({}, this.state, { value: 'removed' });
         this.outsideTimeout(function () { return _this.toastrService.remove(_this.toastPackage.toastId); }, +this.toastPackage.config.easeTime);
     };
-    /**
-     * @return {?}
-     */
     Toast.prototype.tapToast = function () {
         if (this.state.value === 'removed') {
             return;
@@ -994,9 +563,6 @@ var Toast = /** @class */ (function () {
             this.remove();
         }
     };
-    /**
-     * @return {?}
-     */
     Toast.prototype.stickAround = function () {
         if (this.state.value === 'removed') {
             return;
@@ -1004,13 +570,9 @@ var Toast = /** @class */ (function () {
         clearTimeout(this.timeout);
         this.options.timeOut = 0;
         this.hideTime = 0;
-        // disable progressBar
         clearInterval(this.intervalId);
         this.width = 0;
     };
-    /**
-     * @return {?}
-     */
     Toast.prototype.delayedHideToast = function () {
         var _this = this;
         if (this.options.disableTimeOut
@@ -1026,11 +588,6 @@ var Toast = /** @class */ (function () {
             this.outsideInterval(function () { return _this.updateProgress(); }, 10);
         }
     };
-    /**
-     * @param {?} func
-     * @param {?} timeout
-     * @return {?}
-     */
     Toast.prototype.outsideTimeout = function (func, timeout) {
         var _this = this;
         if (this.ngZone) {
@@ -1040,11 +597,6 @@ var Toast = /** @class */ (function () {
             this.timeout = setTimeout(function () { return func(); }, timeout);
         }
     };
-    /**
-     * @param {?} func
-     * @param {?} timeout
-     * @return {?}
-     */
     Toast.prototype.outsideInterval = function (func, timeout) {
         var _this = this;
         if (this.ngZone) {
@@ -1054,10 +606,6 @@ var Toast = /** @class */ (function () {
             this.intervalId = setInterval(function () { return func(); }, timeout);
         }
     };
-    /**
-     * @param {?} func
-     * @return {?}
-     */
     Toast.prototype.runInsideAngular = function (func) {
         if (this.ngZone) {
             this.ngZone.run(function () { return func(); });
@@ -1087,7 +635,6 @@ Toast.decorators = [
                 preserveWhitespaces: false,
             },] },
 ];
-/** @nocollapse */
 Toast.ctorParameters = function () { return [
     { type: ToastrService, },
     { type: ToastPackage, },
@@ -1100,13 +647,8 @@ Toast.propDecorators = {
     "stickAround": [{ type: core.HostListener, args: ['mouseenter',] },],
     "delayedHideToast": [{ type: core.HostListener, args: ['mouseleave',] },],
 };
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes} checked by tsc
- */
 var DefaultGlobalConfig = /** @class */ (function () {
     function DefaultGlobalConfig() {
-        // Global
         this.maxOpened = 0;
         this.autoDismiss = false;
         this.newestOnTop = true;
@@ -1117,7 +659,6 @@ var DefaultGlobalConfig = /** @class */ (function () {
             success: 'toast-success',
             warning: 'toast-warning',
         };
-        // Individual
         this.toastComponent = Toast;
         this.closeButton = false;
         this.timeOut = 5000;
@@ -1136,23 +677,12 @@ var DefaultGlobalConfig = /** @class */ (function () {
     }
     return DefaultGlobalConfig;
 }());
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes} checked by tsc
- */
 var ToastrModule = /** @class */ (function () {
-    /**
-     * @param {?} parentModule
-     */
     function ToastrModule(parentModule) {
         if (parentModule) {
             throw new Error('ToastrModule is already loaded. It should only be imported in your application\'s main module.');
         }
     }
-    /**
-     * @param {?=} config
-     * @return {?}
-     */
     ToastrModule.forRoot = function (config) {
         if (config === void 0) { config = {}; }
         return {
@@ -1175,36 +705,17 @@ ToastrModule.decorators = [
                 entryComponents: [Toast],
             },] },
 ];
-/** @nocollapse */
 ToastrModule.ctorParameters = function () { return [
     { type: ToastrModule, decorators: [{ type: core.Optional }, { type: core.SkipSelf },] },
 ]; };
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes} checked by tsc
- */
 var ToastNoAnimation = /** @class */ (function () {
-    /**
-     * @param {?} toastrService
-     * @param {?} toastPackage
-     * @param {?} appRef
-     */
     function ToastNoAnimation(toastrService, toastPackage, appRef) {
         var _this = this;
         this.toastrService = toastrService;
         this.toastPackage = toastPackage;
         this.appRef = appRef;
-        /**
-         * width of progress bar
-         */
         this.width = -1;
-        /**
-         * a combination of toast type and options.toastClass
-         */
         this.toastClasses = '';
-        /**
-         * controls animation
-         */
         this.state = 'inactive';
         this.message = toastPackage.message;
         this.title = toastPackage.title;
@@ -1217,19 +728,22 @@ var ToastNoAnimation = /** @class */ (function () {
             _this.remove();
         });
     }
-    /**
-     * @return {?}
-     */
+    Object.defineProperty(ToastNoAnimation.prototype, "displayStyle", {
+        get: function () {
+            if (this.state === 'inactive') {
+                return 'none';
+            }
+            return 'inherit';
+        },
+        enumerable: true,
+        configurable: true
+    });
     ToastNoAnimation.prototype.ngOnDestroy = function () {
         this.sub.unsubscribe();
         this.sub1.unsubscribe();
         clearInterval(this.intervalId);
         clearTimeout(this.timeout);
     };
-    /**
-     * activates toast and sets timeout
-     * @return {?}
-     */
     ToastNoAnimation.prototype.activateToast = function () {
         var _this = this;
         this.state = 'active';
@@ -1246,16 +760,12 @@ var ToastNoAnimation = /** @class */ (function () {
             this.appRef.tick();
         }
     };
-    /**
-     * updates progress bar width
-     * @return {?}
-     */
     ToastNoAnimation.prototype.updateProgress = function () {
         if (this.width === 0 || this.width === 100 || !this.options.timeOut) {
             return;
         }
-        var /** @type {?} */ now = new Date().getTime();
-        var /** @type {?} */ remaining = this.hideTime - now;
+        var now = new Date().getTime();
+        var remaining = this.hideTime - now;
         this.width = remaining / this.options.timeOut * 100;
         if (this.options.progressAnimation === 'increasing') {
             this.width = 100 - this.width;
@@ -1267,10 +777,6 @@ var ToastNoAnimation = /** @class */ (function () {
             this.width = 100;
         }
     };
-    /**
-     * tells toastrService to remove this toast after animation time
-     * @return {?}
-     */
     ToastNoAnimation.prototype.remove = function () {
         var _this = this;
         if (this.state === 'removed') {
@@ -1280,9 +786,6 @@ var ToastNoAnimation = /** @class */ (function () {
         this.state = 'removed';
         this.timeout = setTimeout(function () { return _this.toastrService.remove(_this.toastPackage.toastId); });
     };
-    /**
-     * @return {?}
-     */
     ToastNoAnimation.prototype.tapToast = function () {
         if (this.state === 'removed') {
             return;
@@ -1292,9 +795,6 @@ var ToastNoAnimation = /** @class */ (function () {
             this.remove();
         }
     };
-    /**
-     * @return {?}
-     */
     ToastNoAnimation.prototype.stickAround = function () {
         if (this.state === 'removed') {
             return;
@@ -1302,13 +802,9 @@ var ToastNoAnimation = /** @class */ (function () {
         clearTimeout(this.timeout);
         this.options.timeOut = 0;
         this.hideTime = 0;
-        // disable progressBar
         clearInterval(this.intervalId);
         this.width = 0;
     };
-    /**
-     * @return {?}
-     */
     ToastNoAnimation.prototype.delayedHideToast = function () {
         var _this = this;
         if (this.options.disableTimeOut
@@ -1332,7 +828,6 @@ ToastNoAnimation.decorators = [
                 template: "\n  <button *ngIf=\"options.closeButton\" (click)=\"remove()\" class=\"toast-close-button\" aria-label=\"Close\">\n    <span aria-hidden=\"true\">&times;</span>\n  </button>\n  <div *ngIf=\"title\" [class]=\"options.titleClass\" [attr.aria-label]=\"title\">\n    {{ title }}\n  </div>\n  <div *ngIf=\"message && options.enableHtml\" role=\"alert\" aria-live=\"polite\"\n    [class]=\"options.messageClass\" [innerHTML]=\"message\">\n  </div>\n  <div *ngIf=\"message && !options.enableHtml\" role=\"alert\" aria-live=\"polite\"\n    [class]=\"options.messageClass\" [attr.aria-label]=\"message\">\n    {{ message }}\n  </div>\n  <div *ngIf=\"options.progressBar\">\n    <div class=\"toast-progress\" [style.width]=\"width + '%'\"></div>\n  </div>\n  ",
             },] },
 ];
-/** @nocollapse */
 ToastNoAnimation.ctorParameters = function () { return [
     { type: ToastrService, },
     { type: ToastPackage, },
@@ -1340,6 +835,7 @@ ToastNoAnimation.ctorParameters = function () { return [
 ]; };
 ToastNoAnimation.propDecorators = {
     "toastClasses": [{ type: core.HostBinding, args: ['class',] },],
+    "displayStyle": [{ type: core.HostBinding, args: ['style.display',] },],
     "tapToast": [{ type: core.HostListener, args: ['click',] },],
     "stickAround": [{ type: core.HostListener, args: ['mouseenter',] },],
     "delayedHideToast": [{ type: core.HostListener, args: ['mouseleave',] },],
@@ -1357,7 +853,6 @@ ToastNoAnimationModule.decorators = [
                 entryComponents: [ToastNoAnimation],
             },] },
 ];
-/** @nocollapse */
 ToastNoAnimationModule.ctorParameters = function () { return []; };
 
 exports.ComponentPortal = ComponentPortal;