ngx-bootstrap 5.4.0 → 5.6.2

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

@@ -22,6 +22,23 @@ class BsModalRef {
 BsModalRef.decorators = [
     { type: Injectable }
 ];
+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
@@ -36,6 +53,10 @@ class ModalBackdropOptions {
         Object.assign(this, options);
     }
 }
+if (false) {
+    /** @type {?} */
+    ModalBackdropOptions.prototype.animate;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -46,6 +67,61 @@ class ModalOptions {
 ModalOptions.decorators = [
     { type: Injectable }
 ];
+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 {?} */
 const modalConfigDefaults = {
     backdrop: true,
@@ -68,6 +144,13 @@ const CLASS_NAME = {
     SHOW: 'show' // bs4
 };
 /** @type {?} */
+const 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 {?} */
 const TRANSITION_DURATIONS = {
     MODAL: 300,
     BACKDROP: 150
@@ -93,6 +176,7 @@ class ModalContainerComponent {
         this._renderer = _renderer;
         this.isShown = false;
         this.isModalHiding = false;
+        this.clickStartedInContent = false;
         this.config = Object.assign({}, options);
     }
     /**
@@ -125,10 +209,20 @@ class ModalContainerComponent {
      * @param {?} event
      * @return {?}
      */
-    onClick(event) {
+    onClickStarted(event) {
+        this.clickStartedInContent = event.target !== this._element.nativeElement;
+    }
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    onClickStop(event) {
+        /** @type {?} */
+        const 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);
@@ -198,7 +292,9 @@ ModalContainerComponent.decorators = [
                     class: 'modal',
                     role: 'dialog',
                     tabindex: '-1',
-                    '[attr.aria-modal]': 'true'
+                    '[attr.aria-modal]': 'true',
+                    '[attr.aria-labelledby]': 'config.ariaLabelledBy',
+                    '[attr.aria-describedby]': 'config.ariaDescribedby'
                 }
             }] }
 ];
@@ -209,9 +305,42 @@ ModalContainerComponent.ctorParameters = () => [
     { 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'],] }]
 };
+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
@@ -294,6 +423,22 @@ ModalBackdropComponent.ctorParameters = () => [
     { type: ElementRef },
     { type: Renderer2 }
 ];
+if (false) {
+    /** @type {?} */
+    ModalBackdropComponent.prototype.element;
+    /** @type {?} */
+    ModalBackdropComponent.prototype.renderer;
+    /**
+     * @type {?}
+     * @protected
+     */
+    ModalBackdropComponent.prototype._isAnimated;
+    /**
+     * @type {?}
+     * @protected
+     */
+    ModalBackdropComponent.prototype._isShown;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -342,6 +487,7 @@ class ModalDirective {
         this.timerHideModal = 0;
         this.timerRmBackDrop = 0;
         this.isNested = false;
+        this.clickStartedInContent = false;
         this._backdrop = clf.createLoader(_element, _viewContainerRef, _renderer);
     }
     /**
@@ -368,10 +514,20 @@ class ModalDirective {
      * @param {?} event
      * @return {?}
      */
-    onClick(event) {
+    onClickStarted(event) {
+        this.clickStartedInContent = event.target !== this._element.nativeElement;
+    }
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    onClickStop(event) {
+        /** @type {?} */
+        const 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;
@@ -738,9 +894,107 @@ ModalDirective.propDecorators = {
     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'],] }]
 };
+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
@@ -847,6 +1101,11 @@ class BsModalService {
     _showModal(content) {
         /** @type {?} */
         const modalLoader = this.loaders[this.loaders.length - 1];
+        if (this.config && this.config.providers) {
+            for (const provider of this.config.providers) {
+                modalLoader.provide(provider);
+            }
+        }
         /** @type {?} */
         const bsModalRef = new BsModalRef();
         /** @type {?} */
@@ -861,7 +1120,12 @@ class BsModalService {
          * @return {?}
          */
         () => {
-            modalContainerRef.instance.hide();
+            /** @type {?} */
+            const duration = this.config.animated ? TRANSITION_DURATIONS.MODAL : 0;
+            setTimeout((/**
+             * @return {?}
+             */
+            () => modalContainerRef.instance.hide()), duration);
         });
         bsModalRef.content = modalLoader.getInnerComponent() || null;
         bsModalRef.setClass = (/**
@@ -904,8 +1168,7 @@ class BsModalService {
         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
      * @return {?}
@@ -1004,6 +1267,68 @@ BsModalService.ctorParameters = () => [
     { type: RendererFactory2 },
     { type: ComponentLoaderFactory }
 ];
+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
@@ -1019,6 +1344,15 @@ class ModalModule {
             providers: [BsModalService, ComponentLoaderFactory, PositioningService]
         };
     }
+    /**
+     * @return {?}
+     */
+    static forChild() {
+        return {
+            ngModule: ModalModule,
+            providers: [BsModalService, ComponentLoaderFactory, PositioningService]
+        };
+    }
 }
 ModalModule.decorators = [
     { type: NgModule, args: [{
@@ -1032,5 +1366,15 @@ ModalModule.decorators = [
             },] }
 ];
 
+/**
+ * @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