@recursyve/nice-ui-kit.v2 13.2.0-beta.100 → 13.2.0-beta.102

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

@@ -2,7 +2,7 @@ import * as i1$7 from '@angular/animations';
 import { animation, style, animate, trigger, transition, useAnimation, state, keyframes } from '@angular/animations';
 import { HttpContextToken, HttpResponse, HttpContext, HttpParams } from '@angular/common/http';
 import * as i0 from '@angular/core';
-import { Injectable, NgModule, EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Output, HostBinding, InjectionToken, Directive, HostListener, forwardRef, Optional, Inject, ViewChild, ViewChildren, Self, Pipe, ElementRef, PLATFORM_ID, TemplateRef, ContentChildren, ContentChild, SkipSelf } from '@angular/core';
+import { Injectable, NgModule, EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Output, HostBinding, InjectionToken, Directive, HostListener, forwardRef, Optional, Inject, ViewChild, ViewChildren, Self, Pipe, ElementRef, PLATFORM_ID, TemplateRef, ContentChildren, ContentChild, 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, fromEvent, merge as merge$1 } from 'rxjs';
@@ -2983,7 +2983,7 @@ class NiceAsyncTypeaheadComponent extends _BaseAsyncTypeaheadComponent {
             }
         }
     }
-    onRemove(event) {
+    onRemove(event, reload = true) {
         if (event) {
             // event.stopPropagation();
         }
@@ -2997,7 +2997,9 @@ class NiceAsyncTypeaheadComponent extends _BaseAsyncTypeaheadComponent {
             this.ngControl.control.markAsTouched();
         }
         this.stateChanges.next();
-        this.service.search(this.resource, "", this.searchOptions);
+        if (reload) {
+            this.service.search(this.resource, "", this.searchOptions);
+        }
     }
     formatLabel(item) {
         if (this._labelFormatFn) {
@@ -8939,6 +8941,7 @@ class NiceChipListDirective {
         this.asyncTypeahead = asyncTypeahead;
         this.ngControl = ngControl;
         this.elementRef = elementRef;
+        this.reloadOnSelected = true;
         this.unsubscribeAll$ = new Subject();
         this.values$ = new BehaviorSubject([]);
         this._values = [];
@@ -8977,13 +8980,21 @@ class NiceChipListDirective {
             this.withItemList.items$ = this.values$;
             this.withItemList.removeChip.pipe(takeUntil(this.unsubscribeAll$)).subscribe(x => {
                 this._values.splice(x, 1);
+                if (this.asyncTypeahead) {
+                    const searchOptions = this.asyncTypeahead.searchOptions;
+                    this.asyncTypeahead.searchOptions = { ...(searchOptions ?? {}), ignore: this._values ?? [] };
+                    this.asyncTypeahead.ngOnChanges({
+                        searchOptions: new SimpleChange(searchOptions, this.asyncTypeahead.searchOptions, false)
+                    });
+                }
                 this.propagateChanges(this._values);
                 this.values$.next(this._values);
             });
         }
     }
     writeValue(obj) {
-        this._values = [];
+        this._values = obj ?? [];
+        this.values$.next(this._values);
     }
     registerOnChange(fn) {
         this.propagateChanges = fn;
@@ -8994,7 +9005,8 @@ class NiceChipListDirective {
             .pipe(takeUntil(this.unsubscribeAll$), filter((selected) => selected))
             .subscribe((_) => {
             this.addValue(this.asyncTypeahead.getActive());
-            this.asyncTypeahead.writeValue(null);
+            this.asyncTypeahead.searchOptions = { ...(this.asyncTypeahead.searchOptions ?? {}), ignore: this._values ?? [] };
+            this.asyncTypeahead.onRemove(null, this.reloadOnSelected);
         });
     }
     addValue(value) {
@@ -9007,7 +9019,7 @@ class NiceChipListDirective {
     }
 }
 NiceChipListDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: NiceChipListDirective, deps: [{ token: NiceAsyncTypeaheadComponent, optional: true }, { token: i1$2.NgControl, optional: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-NiceChipListDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: NiceChipListDirective, selector: "input[niceChipList], nice-async-typeahead[niceChipList]", inputs: { withItemList: "withItemList" }, host: { listeners: { "keydown": "onKeyDown($event)" } }, usesOnChanges: true, ngImport: i0 });
+NiceChipListDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: NiceChipListDirective, selector: "input[niceChipList], nice-async-typeahead[niceChipList]", inputs: { withItemList: "withItemList", reloadOnSelected: "reloadOnSelected" }, host: { listeners: { "keydown": "onKeyDown($event)" } }, usesOnChanges: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: NiceChipListDirective, decorators: [{
             type: Directive,
             args: [{
@@ -9019,6 +9031,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
                     type: Optional
                 }] }, { type: i0.ElementRef }]; }, propDecorators: { withItemList: [{
                 type: Input
+            }], reloadOnSelected: [{
+                type: Input
             }], onKeyDown: [{
                 type: HostListener,
                 args: ["keydown", ["$event"]]