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

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

@@ -1841,7 +1841,10 @@ class NiceAssetsCarouselComponent {
         this.activeAsset = index;
     }
     async onFilesChange(event) {
-        const files = event.target?.files;
+        let files = event.target?.files;
+        if (this.imagesProcessor) {
+            files = await this.getProcessedFiles(files);
+        }
         await this.onFilesDrop(files);
         this.inputElement.nativeElement.value = "";
     }
@@ -1893,9 +1896,15 @@ class NiceAssetsCarouselComponent {
         await this._activeVideoElement.nativeElement.play();
         await this._assetsElement.get(this._active).nativeElement.firstElementChild.play();
     }
+    async getProcessedFiles(files) {
+        try {
+            return await this.imagesProcessor(files);
+        }
+        catch (e) { }
+    }
 }
 NiceAssetsCarouselComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceAssetsCarouselComponent, deps: [{ token: NICE_ASSETS_CAROUSEL_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-NiceAssetsCarouselComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: NiceAssetsCarouselComponent, selector: "nice-assets-carousel", inputs: { color: "color", edit: "edit", accept: "accept", customActions: "customActions", multipleUpload: "multipleUpload", visiblePreviewAsset: "visiblePreviewAsset", showAddAssetContainer: "showAddAssetContainer", assets: "assets" }, outputs: { activeChange: "activeChange", removedAsset: "removedAsset" }, providers: [
+NiceAssetsCarouselComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: NiceAssetsCarouselComponent, selector: "nice-assets-carousel", inputs: { color: "color", edit: "edit", accept: "accept", customActions: "customActions", imagesProcessor: "imagesProcessor", multipleUpload: "multipleUpload", visiblePreviewAsset: "visiblePreviewAsset", showAddAssetContainer: "showAddAssetContainer", assets: "assets" }, outputs: { activeChange: "activeChange", removedAsset: "removedAsset" }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => NiceAssetsCarouselComponent),
@@ -1927,6 +1936,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImpor
                 type: Input
             }], customActions: [{
                 type: Input
+            }], imagesProcessor: [{
+                type: Input
             }], multipleUpload: [{
                 type: Input
             }], visiblePreviewAsset: [{
@@ -2756,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;
@@ -2850,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 = [];
@@ -2901,7 +2924,6 @@ class NiceAsyncTypeaheadComponent extends _BaseAsyncTypeaheadComponent {
             this._value = value;
             this.propagate(value);
             this.stateChanges.next();
-            this.selected.emit(value);
         }
     }
     get value() {
@@ -2963,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());
             }
         }
@@ -3024,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;
@@ -3089,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;
@@ -3143,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
@@ -3179,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: [{