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

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

@@ -1840,7 +1840,10 @@ class NiceAssetsCarouselComponent {
     onFilesChange(event) {
         var _a;
         return __awaiter(this, void 0, void 0, function* () {
-            const files = (_a = event.target) === null || _a === void 0 ? void 0 : _a.files;
+            let files = (_a = event.target) === null || _a === void 0 ? void 0 : _a.files;
+            if (this.imagesProcessor) {
+                files = yield this.getProcessedFiles(files);
+            }
             yield this.onFilesDrop(files);
             this.inputElement.nativeElement.value = "";
         });
@@ -1899,9 +1902,17 @@ class NiceAssetsCarouselComponent {
             yield this._assetsElement.get(this._active).nativeElement.firstElementChild.play();
         });
     }
+    getProcessedFiles(files) {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                return yield 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),
@@ -1935,6 +1946,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImpor
                 type: Input
             }], customActions: [{
                 type: Input
+            }], imagesProcessor: [{
+                type: Input
             }], multipleUpload: [{
                 type: Input
             }], visiblePreviewAsset: [{
@@ -2742,6 +2755,11 @@ class NiceAsyncTypeaheadService {
             }
             try {
                 this.state$.next(Object.assign(Object.assign({}, this.state$.value), { loading: true }));
+                const localItem = this.state$.value.items.find((item) => item.id === id);
+                if (localItem) {
+                    this.state$.next(Object.assign(Object.assign({}, this.state$.value), { items: [localItem], active: localItem, page: 0, isLastPage: false }));
+                    return;
+                }
                 const entity = yield api.getById(id, options);
                 if (!entity) {
                     return;
@@ -2829,6 +2847,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 = [];
@@ -2880,7 +2899,6 @@ class NiceAsyncTypeaheadComponent extends _BaseAsyncTypeaheadComponent {
             this._value = value;
             this.propagate(value);
             this.stateChanges.next();
-            this.selected.emit(value);
         }
     }
     get value() {
@@ -2943,7 +2961,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());
             }
         }
@@ -3006,6 +3024,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;
@@ -3072,6 +3091,12 @@ class NiceAsyncTypeaheadComponent extends _BaseAsyncTypeaheadComponent {
             }
         }
     }
+    reload() {
+        var _a, _b;
+        return __awaiter(this, void 0, void 0, function* () {
+            yield ((_a = this.service) === null || _a === void 0 ? void 0 : _a.search(this.resource, (_b = this.searchControl.value) !== null && _b !== void 0 ? _b : "", this.searchOptions));
+        });
+    }
     reloadActive() {
         var _a, _b;
         return __awaiter(this, void 0, void 0, function* () {
@@ -3080,6 +3105,9 @@ class NiceAsyncTypeaheadComponent extends _BaseAsyncTypeaheadComponent {
             this.updateLabel(active);
         });
     }
+    setSearchOptions(options) {
+        this.searchOptions = options;
+    }
     updateLabel(item) {
         if (!item) {
             return;
@@ -3131,7 +3159,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
@@ -3169,6 +3197,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImpor
                 type: Input
             }], searchOptions: [{
                 type: Input
+            }], autoReload: [{
+                type: Input
             }], preloadResource: [{
                 type: Input
             }], allowNotFoundItems: [{