ngx-bootstrap 8.0.0-RC.8 → 8.0.0-RC.9

package/datepicker/fesm2020/ngx-bootstrap-datepicker.mjs

@@ -93,6 +93,10 @@ class BsDatepickerConfig {
          * Shows timepicker under datepicker
          */
         this.withTimepicker = false;
+        /**
+         * Set allowed positions of container.
+         */
+        this.allowedPositions = ['top', 'bottom'];
     }
 }
 BsDatepickerConfig.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: BsDatepickerConfig, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
@@ -976,6 +980,9 @@ function flagYearsCalendar(yearsCalendar, options) {
 }
 
 function copyTime(sourceDate, time) {
+    if (!sourceDate || !isNaN(sourceDate.getTime())) {
+        return;
+    }
     sourceDate.setHours(time.getHours());
     sourceDate.setMinutes(time.getMinutes());
     sourceDate.setSeconds(time.getSeconds());
@@ -1090,7 +1097,7 @@ function bsDatepickerReducer(state = initialDatepickerState, action) {
                 selectedRange: action.payload,
                 view: state.view
             };
-            newState.selectedRange.forEach((dte, index) => {
+            newState.selectedRange?.forEach((dte, index) => {
                 if (Array.isArray(state.selectedTime)) {
                     const _time = state.selectedTime[index];
                     if (_time) {
@@ -2082,8 +2089,15 @@ class BsDatepickerContainerComponent extends BsDatepickerAbstractComponent {
     }
     ngOnInit() {
         this._positionService.setOptions({
-            modifiers: { flip: { enabled: this._config.adaptivePosition } },
-            allowedPositions: ['top', 'bottom']
+            modifiers: {
+                flip: {
+                    enabled: this._config.adaptivePosition
+                },
+                preventOverflow: {
+                    enabled: this._config.adaptivePosition
+                }
+            },
+            allowedPositions: this._config.allowedPositions
         });
         this._positionService.event$?.pipe(take(1))
             .subscribe(() => {
@@ -2317,6 +2331,21 @@ class BsDatepickerDirective {
             this._datepickerRef.instance.dateTooltipTexts = this.dateTooltipTexts;
         }
     }
+    initSubscribes() {
+        // if date changes from external source (model -> view)
+        this._subs.push(this.bsValueChange.subscribe((value) => {
+            if (this._datepickerRef) {
+                this._datepickerRef.instance.value = value;
+            }
+        }));
+        // if date changes from picker (view -> model)
+        if (this._datepickerRef) {
+            this._subs.push(this._datepickerRef.instance.valueChange.subscribe((value) => {
+                this.bsValue = value;
+                this.hide();
+            }));
+        }
+    }
     ngAfterViewInit() {
         this.isOpen$.pipe(filter(isOpen => isOpen !== this.isOpen), takeUntil(this.isDestroy$))
             .subscribe(() => this.toggle());
@@ -2336,19 +2365,7 @@ class BsDatepickerDirective {
             .to(this.container)
             .position({ attachment: this.placement })
             .show({ placement: this.placement });
-        // if date changes from external source (model -> view)
-        this._subs.push(this.bsValueChange.subscribe((value) => {
-            if (this._datepickerRef) {
-                this._datepickerRef.instance.value = value;
-            }
-        }));
-        // if date changes from picker (view -> model)
-        if (this._datepickerRef) {
-            this._subs.push(this._datepickerRef.instance.valueChange.subscribe((value) => {
-                this.bsValue = value;
-                this.hide();
-            }));
-        }
+        this.initSubscribes();
     }
     /**
      * Closes an element’s datepicker. This is considered a “manual” triggering of
@@ -2393,6 +2410,12 @@ class BsDatepickerDirective {
             initCurrentTime: this.bsConfig?.initCurrentTime
         });
     }
+    unsubscribeSubscriptions() {
+        if (this._subs?.length) {
+            this._subs.map(sub => sub.unsubscribe());
+            this._subs.length = 0;
+        }
+    }
     ngOnDestroy() {
         this._datepicker.dispose();
         this.isOpen$.next(false);
@@ -2400,6 +2423,7 @@ class BsDatepickerDirective {
             this.isDestroy$.next(null);
             this.isDestroy$.complete();
         }
+        this.unsubscribeSubscriptions();
     }
 }
 BsDatepickerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: BsDatepickerDirective, deps: [{ token: BsDatepickerConfig }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i2.ComponentLoaderFactory }], target: i0.ɵɵFactoryTarget.Directive });
@@ -2515,19 +2539,27 @@ class BsDatepickerInlineDirective {
     }
     ngOnInit() {
         this.setConfig();
-        // if date changes from external source (model -> view)
+        this.initSubscribes();
+    }
+    initSubscribes() {
+        this.unsubscribeSubscriptions();
         this._subs.push(this.bsValueChange.subscribe((value) => {
             if (this._datepickerRef) {
                 this._datepickerRef.instance.value = value;
             }
         }));
-        // if date changes from picker (view -> model)
         if (this._datepickerRef) {
             this._subs.push(this._datepickerRef.instance.valueChange.subscribe((value) => {
                 this.bsValue = value;
             }));
         }
     }
+    unsubscribeSubscriptions() {
+        if (this._subs?.length) {
+            this._subs.map(sub => sub.unsubscribe());
+            this._subs.length = 0;
+        }
+    }
     ngOnChanges(changes) {
         if (changes["bsConfig"]) {
             if (changes["bsConfig"].currentValue?.initCurrentTime && changes["bsConfig"].currentValue?.initCurrentTime !== changes["bsConfig"].previousValue?.initCurrentTime && this._bsValue) {
@@ -2585,9 +2617,11 @@ class BsDatepickerInlineDirective {
             .attach(BsDatepickerInlineContainerComponent)
             .to(this._elementRef)
             .show();
+        this.initSubscribes();
     }
     ngOnDestroy() {
         this._datepicker.dispose();
+        this.unsubscribeSubscriptions();
     }
 }
 BsDatepickerInlineDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: BsDatepickerInlineDirective, deps: [{ token: BsDatepickerInlineConfig }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i2.ComponentLoaderFactory }], target: i0.ɵɵFactoryTarget.Directive });
@@ -2663,8 +2697,15 @@ class BsDaterangepickerContainerComponent extends BsDatepickerAbstractComponent
     }
     ngOnInit() {
         this._positionService.setOptions({
-            modifiers: { flip: { enabled: this._config.adaptivePosition } },
-            allowedPositions: ['top', 'bottom']
+            modifiers: {
+                flip: {
+                    enabled: this._config.adaptivePosition
+                },
+                preventOverflow: {
+                    enabled: this._config.adaptivePosition
+                }
+            },
+            allowedPositions: this._config.allowedPositions
         });
         this._positionService.event$?.pipe(take(1))
             .subscribe(() => {
@@ -2888,20 +2929,7 @@ class BsDaterangepickerInlineDirective {
     }
     ngOnInit() {
         this.setConfig();
-        // if date changes from external source (model -> view)
-        this._subs.push(this.bsValueChange.subscribe((value) => {
-            if (this._datepickerRef) {
-                this._datepickerRef.instance.value = value;
-            }
-        }));
-        // if date changes from picker (view -> model)
-        if (this._datepickerRef) {
-            this._subs.push(this._datepickerRef.instance.valueChange
-                .pipe(filter((range) => range && range[0] && !!range[1]))
-                .subscribe((value) => {
-                this.bsValue = value;
-            }));
-        }
+        this.initSubscribes();
     }
     ngOnChanges(changes) {
         if (changes["bsConfig"]) {
@@ -2962,9 +2990,34 @@ class BsDaterangepickerInlineDirective {
             .attach(BsDaterangepickerInlineContainerComponent)
             .to(this._elementRef)
             .show();
+        this.initSubscribes();
+    }
+    initSubscribes() {
+        this.unsubscribeSubscriptions();
+        // if date changes from external source (model -> view)
+        this._subs.push(this.bsValueChange.subscribe((value) => {
+            if (this._datepickerRef) {
+                this._datepickerRef.instance.value = value;
+            }
+        }));
+        // if date changes from picker (view -> model)
+        if (this._datepickerRef) {
+            this._subs.push(this._datepickerRef.instance.valueChange
+                .pipe(filter((range) => range && range[0] && !!range[1]))
+                .subscribe((value) => {
+                this.bsValue = value;
+            }));
+        }
+    }
+    unsubscribeSubscriptions() {
+        if (this._subs?.length) {
+            this._subs.map(sub => sub.unsubscribe());
+            this._subs.length = 0;
+        }
     }
     ngOnDestroy() {
         this._datepicker.dispose();
+        this.unsubscribeSubscriptions();
     }
 }
 BsDaterangepickerInlineDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: BsDaterangepickerInlineDirective, deps: [{ token: BsDaterangepickerInlineConfig }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i2.ComponentLoaderFactory }], target: i0.ɵɵFactoryTarget.Directive });
@@ -3297,6 +3350,9 @@ class BsDaterangepickerDirective {
             .to(this.container)
             .position({ attachment: this.placement })
             .show({ placement: this.placement });
+        this.initSubscribes();
+    }
+    initSubscribes() {
         // if date changes from external source (model -> view)
         this._subs.push(this.bsValueChange.subscribe((value) => {
             if (this._datepickerRef) {
@@ -3356,6 +3412,12 @@ class BsDaterangepickerDirective {
         }
         this.show();
     }
+    unsubscribeSubscriptions() {
+        if (this._subs?.length) {
+            this._subs.map(sub => sub.unsubscribe());
+            this._subs.length = 0;
+        }
+    }
     ngOnDestroy() {
         this._datepicker.dispose();
         this.isOpen$.next(false);
@@ -3363,6 +3425,7 @@ class BsDaterangepickerDirective {
             this.isDestroy$.next(null);
             this.isDestroy$.complete();
         }
+        this.unsubscribeSubscriptions();
     }
 }
 BsDaterangepickerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: BsDaterangepickerDirective, deps: [{ token: BsDaterangepickerConfig }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i2.ComponentLoaderFactory }], target: i0.ɵɵFactoryTarget.Directive });