ngx-toastr 8.2.1 → 8.4.0

package/esm5/ngx-toastr.js

@@ -1,91 +1,45 @@
-import * as tslib_1 from "tslib";
+import { __extends, __values } from 'tslib';
 import { ApplicationRef, ComponentFactoryResolver, Injectable, Directive, ElementRef, NgModule, InjectionToken, Inject, Injector, NgZone, SecurityContext, Component, HostBinding, HostListener, Optional, SkipSelf } from '@angular/core';
 import { Subject } from 'rxjs/Subject';
 import { DomSanitizer } from '@angular/platform-browser';
 import { animate, state, style, transition, trigger } from '@angular/animations';
 import { CommonModule } from '@angular/common';
-/**
- * @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();
@@ -96,32 +50,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) {
-    tslib_1.__extends(DomPortalHost, _super);
-    /**
-     * @param {?} _hostDomElement
-     * @param {?} _componentFactoryResolver
-     * @param {?} _appRef
-     */
+    __extends(DomPortalHost, _super);
     function DomPortalHost(_hostDomElement, _componentFactoryResolver, _appRef) {
         var _this = _super.call(this) || this;
         _this._hostDomElement = _hostDomElement;
@@ -129,34 +64,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);
         }
@@ -165,124 +82,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]) {
@@ -290,14 +134,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');
@@ -309,19 +147,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));
     };
@@ -330,33 +158,19 @@ var Overlay = /** @class */ (function () {
 Overlay.decorators = [
     { type: Injectable },
 ];
-/** @nocollapse */
 Overlay.ctorParameters = function () { return [
     { type: OverlayContainer, },
     { type: ComponentFactoryResolver, },
     { type: 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;
     };
@@ -368,7 +182,6 @@ ToastContainerDirective.decorators = [
                 exportAs: 'toastContainer',
             },] },
 ];
-/** @nocollapse */
 ToastContainerDirective.ctorParameters = function () { return [
     { type: ElementRef, },
 ]; };
@@ -383,36 +196,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;
@@ -428,88 +213,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();
-        /**
-         * triggered when toast is activated
-         */
         this._activate = new Subject();
-        /**
-         * notifies the toast that it should close before the timeout
-         */
         this._manualClose = new 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();
@@ -517,52 +249,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;
@@ -571,29 +277,8 @@ var ToastInjector = /** @class */ (function () {
     };
     return ToastInjector;
 }());
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes} checked by tsc
- */
-/**
- * @record
- */
 var TOAST_CONFIG = new 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;
@@ -602,80 +287,38 @@ 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 = tslib_1.__values(this.toasts), _b = _a.next(); !_b.done; _b = _a.next()) {
+            for (var _a = __values(this.toasts), _b = _a.next(); !_b.done; _b = _a.next()) {
                 var toast = _b.value;
                 if (toastId !== undefined) {
                     if (toast.toastId === toastId) {
@@ -697,13 +340,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;
         }
@@ -713,8 +351,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();
@@ -722,49 +360,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) {
@@ -772,43 +387,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(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,
@@ -816,7 +423,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 () {
@@ -832,7 +439,6 @@ var ToastrService = /** @class */ (function () {
 ToastrService.decorators = [
     { type: Injectable },
 ];
-/** @nocollapse */
 ToastrService.ctorParameters = function () { return [
     { type: undefined, decorators: [{ type: Inject, args: [TOAST_CONFIG,] },] },
     { type: Overlay, },
@@ -840,32 +446,14 @@ ToastrService.ctorParameters = function () { return [
     { type: DomSanitizer, },
     { type: 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: {
@@ -884,19 +472,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' });
@@ -908,16 +489,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;
@@ -929,10 +506,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') {
@@ -942,9 +515,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;
@@ -954,9 +524,6 @@ var Toast = /** @class */ (function () {
             this.remove();
         }
     };
-    /**
-     * @return {?}
-     */
     Toast.prototype.stickAround = function () {
         if (this.state.value === 'removed') {
             return;
@@ -964,13 +531,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
@@ -986,11 +549,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) {
@@ -1000,11 +558,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) {
@@ -1014,10 +567,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(); });
@@ -1047,7 +596,6 @@ Toast.decorators = [
                 preserveWhitespaces: false,
             },] },
 ];
-/** @nocollapse */
 Toast.ctorParameters = function () { return [
     { type: ToastrService, },
     { type: ToastPackage, },
@@ -1060,13 +608,8 @@ Toast.propDecorators = {
     "stickAround": [{ type: HostListener, args: ['mouseenter',] },],
     "delayedHideToast": [{ type: 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;
@@ -1077,7 +620,6 @@ var DefaultGlobalConfig = /** @class */ (function () {
             success: 'toast-success',
             warning: 'toast-warning',
         };
-        // Individual
         this.toastComponent = Toast;
         this.closeButton = false;
         this.timeOut = 5000;
@@ -1096,23 +638,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 {
@@ -1135,36 +666,17 @@ ToastrModule.decorators = [
                 entryComponents: [Toast],
             },] },
 ];
-/** @nocollapse */
 ToastrModule.ctorParameters = function () { return [
     { type: ToastrModule, decorators: [{ type: Optional }, { type: 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;
@@ -1177,19 +689,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';
@@ -1206,16 +721,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;
@@ -1227,10 +738,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') {
@@ -1240,9 +747,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;
@@ -1252,9 +756,6 @@ var ToastNoAnimation = /** @class */ (function () {
             this.remove();
         }
     };
-    /**
-     * @return {?}
-     */
     ToastNoAnimation.prototype.stickAround = function () {
         if (this.state === 'removed') {
             return;
@@ -1262,13 +763,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
@@ -1292,7 +789,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, },
@@ -1300,6 +796,7 @@ ToastNoAnimation.ctorParameters = function () { return [
 ]; };
 ToastNoAnimation.propDecorators = {
     "toastClasses": [{ type: HostBinding, args: ['class',] },],
+    "displayStyle": [{ type: HostBinding, args: ['style.display',] },],
     "tapToast": [{ type: HostListener, args: ['click',] },],
     "stickAround": [{ type: HostListener, args: ['mouseenter',] },],
     "delayedHideToast": [{ type: HostListener, args: ['mouseleave',] },],
@@ -1317,18 +814,7 @@ ToastNoAnimationModule.decorators = [
                 entryComponents: [ToastNoAnimation],
             },] },
 ];
-/** @nocollapse */
 ToastNoAnimationModule.ctorParameters = function () { return []; };
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes} checked by tsc
- */
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes} checked by tsc
- */
-/**
- * Generated bundle index. Do not edit.
- */
+
 export { ComponentPortal, BasePortalHost, Overlay, OVERLAY_PROVIDERS, OverlayContainer, OverlayRef, ToastContainerDirective, ToastContainerModule, Toast, ToastrService, ToastPackage, DefaultGlobalConfig, ToastrModule, ToastRef, ToastInjector, TOAST_CONFIG, ToastNoAnimation, ToastNoAnimationModule };
 //# sourceMappingURL=ngx-toastr.js.map