@recursyve/nice-ui-kit.v2 14.0.0-beta.113 → 14.0.0-beta.114

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

@@ -2767,6 +2767,17 @@ class NiceAsyncTypeaheadService {
                 ...this.state$.value,
                 loading: true
             });
+            const localItem = this.state$.value.items.find((item) => item.id === id);
+            if (localItem) {
+                this.state$.next({
+                    ...this.state$.value,
+                    items: [localItem],
+                    active: localItem,
+                    page: 0,
+                    isLastPage: false
+                });
+                return;
+            }
             const entity = await api.getById(id, options);
             if (!entity) {
                 return;
@@ -2861,6 +2872,7 @@ class NiceAsyncTypeaheadComponent extends _BaseAsyncTypeaheadComponent {
         this.panelWidth = 0;
         this.active$ = this.service.active$;
         this.entityRemoved = new EventEmitter();
+        this.autoReload = true;
         this.preloadResource = false;
         this.allowNotFoundItems = false;
         this.panelClass = [];
@@ -2912,7 +2924,6 @@ class NiceAsyncTypeaheadComponent extends _BaseAsyncTypeaheadComponent {
             this._value = value;
             this.propagate(value);
             this.stateChanges.next();
-            this.selected.emit(value);
         }
     }
     get value() {
@@ -2974,7 +2985,7 @@ class NiceAsyncTypeaheadComponent extends _BaseAsyncTypeaheadComponent {
     ngOnChanges(changes) {
         if ("searchOptions" in changes) {
             const change = changes.searchOptions;
-            if (!change.isFirstChange() && change.currentValue !== change.previousValue) {
+            if (!change.isFirstChange() && change.currentValue !== change.previousValue && this.autoReload) {
                 this.service.search(this.resource, "", change.currentValue).then(() => this.checkIfValueStillExist());
             }
         }
@@ -3035,6 +3046,7 @@ class NiceAsyncTypeaheadComponent extends _BaseAsyncTypeaheadComponent {
             this.service.setActive(event.option.value);
             this.value = this.bindValue ? this.getObjectItem(this.bindValue, event.option.value) : event.option.value;
         }
+        this.selected.emit(this.value);
     }
     updateState(open) {
         this.open = open;
@@ -3100,11 +3112,17 @@ class NiceAsyncTypeaheadComponent extends _BaseAsyncTypeaheadComponent {
             }
         }
     }
+    async reload() {
+        await this.service?.search(this.resource, this.searchControl.value ?? "", this.searchOptions);
+    }
     async reloadActive() {
         await this.service?.reloadActive(this.resource, this.searchOptions);
         const active = this.service?.getActive();
         this.updateLabel(active);
     }
+    setSearchOptions(options) {
+        this.searchOptions = options;
+    }
     updateLabel(item) {
         if (!item) {
             return;
@@ -3154,7 +3172,7 @@ class NiceAsyncTypeaheadComponent extends _BaseAsyncTypeaheadComponent {
     }
 }
 NiceAsyncTypeaheadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceAsyncTypeaheadComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }, { token: i1$2.NgForm, optional: true }, { token: i1$2.FormGroupDirective, optional: true }, { token: i2$1.ErrorStateMatcher }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: NiceAsyncTypeaheadService }], target: i0.ɵɵFactoryTarget.Component });
-NiceAsyncTypeaheadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: NiceAsyncTypeaheadComponent, selector: "nice-async-typeahead", inputs: { resource: "resource", searchOptions: "searchOptions", preloadResource: "preloadResource", allowNotFoundItems: "allowNotFoundItems", panelClass: "panelClass", bindValue: "bindValue", bindLabel: "bindLabel", placeholder: "placeholder", emptyPlaceholder: "emptyPlaceholder", optionTemplate: "optionTemplate", filterFn: "filterFn", labelFormatFn: "labelFormatFn", disabled: "disabled", value: "value", required: "required" }, outputs: { entityRemoved: "entityRemoved", selected: "selected" }, host: { properties: { "class.floating": "this.shouldLabelFloat", "id": "this.id", "attr.aria-describedby": "this.describedBy" } }, providers: [
+NiceAsyncTypeaheadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: NiceAsyncTypeaheadComponent, selector: "nice-async-typeahead", inputs: { resource: "resource", searchOptions: "searchOptions", autoReload: "autoReload", preloadResource: "preloadResource", allowNotFoundItems: "allowNotFoundItems", panelClass: "panelClass", bindValue: "bindValue", bindLabel: "bindLabel", placeholder: "placeholder", emptyPlaceholder: "emptyPlaceholder", optionTemplate: "optionTemplate", filterFn: "filterFn", labelFormatFn: "labelFormatFn", disabled: "disabled", value: "value", required: "required" }, outputs: { entityRemoved: "entityRemoved", selected: "selected" }, host: { properties: { "class.floating": "this.shouldLabelFloat", "id": "this.id", "attr.aria-describedby": "this.describedBy" } }, providers: [
         {
             provide: MatFormFieldControl,
             useExisting: NiceAsyncTypeaheadComponent
@@ -3190,6 +3208,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImpor
                 type: Input
             }], searchOptions: [{
                 type: Input
+            }], autoReload: [{
+                type: Input
             }], preloadResource: [{
                 type: Input
             }], allowNotFoundItems: [{