ngx-bootstrap 5.4.0 → 5.6.2

package/modal/fesm5/ngx-bootstrap-modal.js

@@ -1,7 +1,8 @@
-import { Injectable, Component, ElementRef, Renderer2, HostListener, Directive, ViewContainerRef, Input, Output, EventEmitter, RendererFactory2, NgModule } from '@angular/core';
+import { Injectable, Component, ElementRef, Renderer2, HostListener, EventEmitter, Directive, ViewContainerRef, Input, Output, RendererFactory2, NgModule } from '@angular/core';
 import { isBs3, Utils, document as document$1, window as window$1 } from 'ngx-bootstrap/utils';
 import { ComponentLoaderFactory } from 'ngx-bootstrap/component-loader';
 import { PositioningService } from 'ngx-bootstrap/positioning';
+import { __values } from 'tslib';
 
 /**
  * @fileoverview added by tsickle
@@ -23,6 +24,23 @@ var BsModalRef = /** @class */ (function () {
     ];
     return BsModalRef;
 }());
+if (false) {
+    /**
+     * Reference to a component inside the modal. Null if modal's been created with TemplateRef
+     * @type {?}
+     */
+    BsModalRef.prototype.content;
+    /**
+     * Hides the modal
+     * @type {?}
+     */
+    BsModalRef.prototype.hide;
+    /**
+     * Sets new class to modal window
+     * @type {?}
+     */
+    BsModalRef.prototype.setClass;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -35,6 +53,10 @@ var ModalBackdropOptions = /** @class */ (function () {
     }
     return ModalBackdropOptions;
 }());
+if (false) {
+    /** @type {?} */
+    ModalBackdropOptions.prototype.animate;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -48,6 +70,61 @@ var ModalOptions = /** @class */ (function () {
     ];
     return ModalOptions;
 }());
+if (false) {
+    /**
+     *  Includes a modal-backdrop element. Alternatively,
+     *  specify static for a backdrop which doesn't close the modal on click.
+     * @type {?}
+     */
+    ModalOptions.prototype.backdrop;
+    /**
+     * Closes the modal when escape key is pressed.
+     * @type {?}
+     */
+    ModalOptions.prototype.keyboard;
+    /** @type {?} */
+    ModalOptions.prototype.focus;
+    /**
+     * Shows the modal when initialized.
+     * @type {?}
+     */
+    ModalOptions.prototype.show;
+    /**
+     * Ignore the backdrop click
+     * @type {?}
+     */
+    ModalOptions.prototype.ignoreBackdropClick;
+    /**
+     * Css class for opened modal
+     * @type {?}
+     */
+    ModalOptions.prototype.class;
+    /**
+     * Toggle animation
+     * @type {?}
+     */
+    ModalOptions.prototype.animated;
+    /**
+     * Modal data
+     * @type {?}
+     */
+    ModalOptions.prototype.initialState;
+    /**
+     * Modal providers
+     * @type {?}
+     */
+    ModalOptions.prototype.providers;
+    /**
+     * aria-labelledby attribute value to set on the modal window
+     * @type {?}
+     */
+    ModalOptions.prototype.ariaLabelledBy;
+    /**
+     * aria-describedby attribute value to set on the modal window
+     * @type {?}
+     */
+    ModalOptions.prototype.ariaDescribedby;
+}
 /** @type {?} */
 var modalConfigDefaults = {
     backdrop: true,
@@ -70,6 +147,13 @@ var CLASS_NAME = {
     SHOW: 'show' // bs4
 };
 /** @type {?} */
+var SELECTOR = {
+    DIALOG: '.modal-dialog',
+    DATA_TOGGLE: '[data-toggle="modal"]',
+    DATA_DISMISS: '[data-dismiss="modal"]',
+    FIXED_CONTENT: '.navbar-fixed-top, .navbar-fixed-bottom, .is-fixed'
+};
+/** @type {?} */
 var TRANSITION_DURATIONS = {
     MODAL: 300,
     BACKDROP: 150
@@ -90,6 +174,7 @@ var ModalContainerComponent = /** @class */ (function () {
         this._renderer = _renderer;
         this.isShown = false;
         this.isModalHiding = false;
+        this.clickStartedInContent = false;
         this.config = Object.assign({}, options);
     }
     /**
@@ -126,14 +211,28 @@ var ModalContainerComponent = /** @class */ (function () {
      * @param {?} event
      * @return {?}
      */
-    ModalContainerComponent.prototype.onClick = /**
+    ModalContainerComponent.prototype.onClickStarted = /**
+     * @param {?} event
+     * @return {?}
+     */
+    function (event) {
+        this.clickStartedInContent = event.target !== this._element.nativeElement;
+    };
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    ModalContainerComponent.prototype.onClickStop = /**
      * @param {?} event
      * @return {?}
      */
     function (event) {
+        /** @type {?} */
+        var clickedInBackdrop = event.target === this._element.nativeElement && !this.clickStartedInContent;
         if (this.config.ignoreBackdropClick ||
             this.config.backdrop === 'static' ||
-            event.target !== this._element.nativeElement) {
+            !clickedInBackdrop) {
+            this.clickStartedInContent = false;
             return;
         }
         this.bsModalService.setDismissReason(DISMISS_REASONS.BACKRDOP);
@@ -207,7 +306,9 @@ var ModalContainerComponent = /** @class */ (function () {
                         class: 'modal',
                         role: 'dialog',
                         tabindex: '-1',
-                        '[attr.aria-modal]': 'true'
+                        '[attr.aria-modal]': 'true',
+                        '[attr.aria-labelledby]': 'config.ariaLabelledBy',
+                        '[attr.aria-describedby]': 'config.ariaDescribedby'
                     }
                 }] }
     ];
@@ -218,11 +319,44 @@ var ModalContainerComponent = /** @class */ (function () {
         { type: Renderer2 }
     ]; };
     ModalContainerComponent.propDecorators = {
-        onClick: [{ type: HostListener, args: ['click', ['$event'],] }],
+        onClickStarted: [{ type: HostListener, args: ['mousedown', ['$event'],] }],
+        onClickStop: [{ type: HostListener, args: ['mouseup', ['$event'],] }],
         onEsc: [{ type: HostListener, args: ['window:keydown.esc', ['$event'],] }]
     };
     return ModalContainerComponent;
 }());
+if (false) {
+    /** @type {?} */
+    ModalContainerComponent.prototype.config;
+    /** @type {?} */
+    ModalContainerComponent.prototype.isShown;
+    /** @type {?} */
+    ModalContainerComponent.prototype.level;
+    /** @type {?} */
+    ModalContainerComponent.prototype.isAnimated;
+    /** @type {?} */
+    ModalContainerComponent.prototype.bsModalService;
+    /**
+     * @type {?}
+     * @private
+     */
+    ModalContainerComponent.prototype.isModalHiding;
+    /**
+     * @type {?}
+     * @private
+     */
+    ModalContainerComponent.prototype.clickStartedInContent;
+    /**
+     * @type {?}
+     * @protected
+     */
+    ModalContainerComponent.prototype._element;
+    /**
+     * @type {?}
+     * @private
+     */
+    ModalContainerComponent.prototype._renderer;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -313,6 +447,22 @@ var ModalBackdropComponent = /** @class */ (function () {
     ]; };
     return ModalBackdropComponent;
 }());
+if (false) {
+    /** @type {?} */
+    ModalBackdropComponent.prototype.element;
+    /** @type {?} */
+    ModalBackdropComponent.prototype.renderer;
+    /**
+     * @type {?}
+     * @protected
+     */
+    ModalBackdropComponent.prototype._isAnimated;
+    /**
+     * @type {?}
+     * @protected
+     */
+    ModalBackdropComponent.prototype._isShown;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -355,6 +505,7 @@ var ModalDirective = /** @class */ (function () {
         this.timerHideModal = 0;
         this.timerRmBackDrop = 0;
         this.isNested = false;
+        this.clickStartedInContent = false;
         this._backdrop = clf.createLoader(_element, _viewContainerRef, _renderer);
     }
     Object.defineProperty(ModalDirective.prototype, "config", {
@@ -390,14 +541,28 @@ var ModalDirective = /** @class */ (function () {
      * @param {?} event
      * @return {?}
      */
-    ModalDirective.prototype.onClick = /**
+    ModalDirective.prototype.onClickStarted = /**
      * @param {?} event
      * @return {?}
      */
     function (event) {
+        this.clickStartedInContent = event.target !== this._element.nativeElement;
+    };
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    ModalDirective.prototype.onClickStop = /**
+     * @param {?} event
+     * @return {?}
+     */
+    function (event) {
+        /** @type {?} */
+        var clickedInBackdrop = event.target === this._element.nativeElement && !this.clickStartedInContent;
         if (this.config.ignoreBackdropClick ||
             this.config.backdrop === 'static' ||
-            event.target !== this._element.nativeElement) {
+            !clickedInBackdrop) {
+            this.clickStartedInContent = false;
             return;
         }
         this.dismissReason = DISMISS_REASONS.BACKRDOP;
@@ -918,11 +1083,109 @@ var ModalDirective = /** @class */ (function () {
         onShown: [{ type: Output }],
         onHide: [{ type: Output }],
         onHidden: [{ type: Output }],
-        onClick: [{ type: HostListener, args: ['click', ['$event'],] }],
+        onClickStarted: [{ type: HostListener, args: ['mousedown', ['$event'],] }],
+        onClickStop: [{ type: HostListener, args: ['mouseup', ['$event'],] }],
         onEsc: [{ type: HostListener, args: ['keydown.esc', ['$event'],] }]
     };
     return ModalDirective;
 }());
+if (false) {
+    /**
+     * This event fires immediately when the `show` instance method is called.
+     * @type {?}
+     */
+    ModalDirective.prototype.onShow;
+    /**
+     * This event is fired when the modal has been made visible to the user
+     * (will wait for CSS transitions to complete)
+     * @type {?}
+     */
+    ModalDirective.prototype.onShown;
+    /**
+     * This event is fired immediately when
+     * the hide instance method has been called.
+     * @type {?}
+     */
+    ModalDirective.prototype.onHide;
+    /**
+     * This event is fired when the modal has finished being
+     * hidden from the user (will wait for CSS transitions to complete).
+     * @type {?}
+     */
+    ModalDirective.prototype.onHidden;
+    /**
+     * This field contains last dismiss reason.
+     * Possible values: `backdrop-click`, `esc` and `null`
+     * (if modal was closed by direct call of `.hide()`).
+     * @type {?}
+     */
+    ModalDirective.prototype.dismissReason;
+    /**
+     * @type {?}
+     * @protected
+     */
+    ModalDirective.prototype._config;
+    /**
+     * @type {?}
+     * @protected
+     */
+    ModalDirective.prototype._isShown;
+    /**
+     * @type {?}
+     * @protected
+     */
+    ModalDirective.prototype.isBodyOverflowing;
+    /**
+     * @type {?}
+     * @protected
+     */
+    ModalDirective.prototype.originalBodyPadding;
+    /**
+     * @type {?}
+     * @protected
+     */
+    ModalDirective.prototype.scrollbarWidth;
+    /**
+     * @type {?}
+     * @protected
+     */
+    ModalDirective.prototype.timerHideModal;
+    /**
+     * @type {?}
+     * @protected
+     */
+    ModalDirective.prototype.timerRmBackDrop;
+    /**
+     * @type {?}
+     * @protected
+     */
+    ModalDirective.prototype.backdrop;
+    /**
+     * @type {?}
+     * @private
+     */
+    ModalDirective.prototype._backdrop;
+    /**
+     * @type {?}
+     * @private
+     */
+    ModalDirective.prototype.isNested;
+    /**
+     * @type {?}
+     * @private
+     */
+    ModalDirective.prototype.clickStartedInContent;
+    /**
+     * @type {?}
+     * @private
+     */
+    ModalDirective.prototype._element;
+    /**
+     * @type {?}
+     * @private
+     */
+    ModalDirective.prototype._renderer;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -1051,8 +1314,25 @@ var BsModalService = /** @class */ (function () {
      * @return {?}
      */
     function (content) {
+        var e_1, _a;
+        var _this = this;
         /** @type {?} */
         var modalLoader = this.loaders[this.loaders.length - 1];
+        if (this.config && this.config.providers) {
+            try {
+                for (var _b = __values(this.config.providers), _c = _b.next(); !_c.done; _c = _b.next()) {
+                    var provider = _c.value;
+                    modalLoader.provide(provider);
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+        }
         /** @type {?} */
         var bsModalRef = new BsModalRef();
         /** @type {?} */
@@ -1067,7 +1347,12 @@ var BsModalService = /** @class */ (function () {
          * @return {?}
          */
         function () {
-            modalContainerRef.instance.hide();
+            /** @type {?} */
+            var duration = _this.config.animated ? TRANSITION_DURATIONS.MODAL : 0;
+            setTimeout((/**
+             * @return {?}
+             */
+            function () { return modalContainerRef.instance.hide(); }), duration);
         });
         bsModalRef.content = modalLoader.getInnerComponent() || null;
         bsModalRef.setClass = (/**
@@ -1124,17 +1409,14 @@ var BsModalService = /** @class */ (function () {
         this._backdropLoader.hide();
         this.backdropRef = null;
     };
-    /** AFTER PR MERGE MODAL.COMPONENT WILL BE USING THIS CODE */
-    /** Scroll bar tricks */
+    /** Checks if the body is overflowing and sets scrollbar width */
     /** @internal */
-    /** AFTER PR MERGE MODAL.COMPONENT WILL BE USING THIS CODE */
-    /** Scroll bar tricks */
+    /** Checks if the body is overflowing and sets scrollbar width */
     /**
      * \@internal
      * @return {?}
      */
-    BsModalService.prototype.checkScrollbar = /** AFTER PR MERGE MODAL.COMPONENT WILL BE USING THIS CODE */
-    /** Scroll bar tricks */
+    BsModalService.prototype.checkScrollbar = /** Checks if the body is overflowing and sets scrollbar width */
     /**
      * \@internal
      * @return {?}
@@ -1267,6 +1549,68 @@ var BsModalService = /** @class */ (function () {
     ]; };
     return BsModalService;
 }());
+if (false) {
+    /** @type {?} */
+    BsModalService.prototype.config;
+    /** @type {?} */
+    BsModalService.prototype.onShow;
+    /** @type {?} */
+    BsModalService.prototype.onShown;
+    /** @type {?} */
+    BsModalService.prototype.onHide;
+    /** @type {?} */
+    BsModalService.prototype.onHidden;
+    /**
+     * @type {?}
+     * @protected
+     */
+    BsModalService.prototype.isBodyOverflowing;
+    /**
+     * @type {?}
+     * @protected
+     */
+    BsModalService.prototype.originalBodyPadding;
+    /**
+     * @type {?}
+     * @protected
+     */
+    BsModalService.prototype.scrollbarWidth;
+    /**
+     * @type {?}
+     * @protected
+     */
+    BsModalService.prototype.backdropRef;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsModalService.prototype._backdropLoader;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsModalService.prototype.modalsCount;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsModalService.prototype.lastDismissReason;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsModalService.prototype.loaders;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsModalService.prototype._renderer;
+    /**
+     * @type {?}
+     * @private
+     */
+    BsModalService.prototype.clf;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -1287,6 +1631,18 @@ var ModalModule = /** @class */ (function () {
             providers: [BsModalService, ComponentLoaderFactory, PositioningService]
         };
     };
+    /**
+     * @return {?}
+     */
+    ModalModule.forChild = /**
+     * @return {?}
+     */
+    function () {
+        return {
+            ngModule: ModalModule,
+            providers: [BsModalService, ComponentLoaderFactory, PositioningService]
+        };
+    };
     ModalModule.decorators = [
         { type: NgModule, args: [{
                     declarations: [
@@ -1301,5 +1657,15 @@ var ModalModule = /** @class */ (function () {
     return ModalModule;
 }());
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
 export { BsModalRef, BsModalService, ModalBackdropComponent, ModalBackdropOptions, ModalContainerComponent, ModalDirective, ModalModule, ModalOptions, CLASS_NAME as ɵa };
 //# sourceMappingURL=ngx-bootstrap-modal.js.map