@recursyve/nice-ui-kit.v2 14.0.0-beta.109 → 14.0.0-beta.110

package/fesm2020/recursyve-nice-ui-kit.v2.mjs

@@ -5,7 +5,7 @@ import * as i0 from '@angular/core';
 import { Injectable, NgModule, EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Output, HostBinding, InjectionToken, Directive, HostListener, forwardRef, TemplateRef, Optional, Inject, ViewChild, ContentChild, ViewChildren, Self, Pipe, ElementRef, PLATFORM_ID, ContentChildren, SimpleChange, SkipSelf } from '@angular/core';
 import { plainToInstance } from 'class-transformer';
 import { map, filter, takeUntil, tap, take, debounceTime as debounceTime$1, delay, switchMap } from 'rxjs/operators';
-import { catchError, ReplaySubject, Subject, BehaviorSubject, mergeMap, from, isObservable, firstValueFrom, debounceTime, distinctUntilChanged, startWith, tap as tap$1, Observable, combineLatest, of, fromEvent, merge as merge$1 } from 'rxjs';
+import { catchError, ReplaySubject, Subject, BehaviorSubject, mergeMap, from, isObservable, firstValueFrom, debounceTime, distinctUntilChanged, startWith, tap as tap$1, Observable, combineLatest, of, fromEvent, merge as merge$1, pairwise } from 'rxjs';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import * as i2 from '@angular/common';
 import { CommonModule, DatePipe, CurrencyPipe, DOCUMENT, isPlatformServer } from '@angular/common';
@@ -10429,13 +10429,23 @@ class NiceDraggableListDirective {
         this.itemsUpdated = new EventEmitter();
         this.itemRankUpdated = new EventEmitter();
         this.sortedItems = [];
+        this.unsubscribeAll$ = new Subject();
     }
     ngOnInit() {
         if (this.formArrayName) {
             this.formArray = this.formArrayName.control;
+            this.formArray.valueChanges.pipe(takeUntil(this.unsubscribeAll$), startWith(this.formArray.getRawValue()), map(() => this.formArray.getRawValue()), pairwise()).subscribe(([previous, current]) => {
+                if (previous.length !== current.length) {
+                    this.sortItems(current);
+                }
+            });
             this.sortItems(this.formArray.getRawValue());
         }
-        this.cdkDropList.dropped.subscribe((event) => this.drop(event));
+        this.cdkDropList.dropped.pipe(takeUntil(this.unsubscribeAll$)).subscribe((event) => this.drop(event));
+    }
+    ngOnDestroy() {
+        this.unsubscribeAll$.next();
+        this.unsubscribeAll$.complete();
     }
     ngOnChanges(changes) {
         if ("items" in changes && this.items) {