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

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: [{
@@ -8157,6 +8168,7 @@ class NiceShowHintDirective {
             this._overlayRef.detach();
         }
         this._hintInstance = null;
+        this._hintService.setActiveHint(false);
     }
     _isHintVisible() {
         return !!this._hintInstance;
@@ -8820,6 +8832,7 @@ class NiceVerticalNavigationComponent extends NiceNavigationComponent {
         this._router = _router;
         this._scrollStrategyOptions = _scrollStrategyOptions;
         this._hintService = _hintService;
+        this._forceHovered = false;
         this._animationsEnabled = false;
         this._scrollStrategy = this._scrollStrategyOptions.block();
         this.name = this._niceUtilsService.randomId();
@@ -8854,6 +8867,11 @@ class NiceVerticalNavigationComponent extends NiceNavigationComponent {
     get navigation() {
         return this._navigation;
     }
+    set forceHovered(forceHovered) {
+        this._forceHovered = forceHovered;
+        this.hoveredChanged.next((this.hovered || this._forceHovered) || this.hasHint);
+        this._changeDetectorRef.markForCheck();
+    }
     // -----------------------------------------------------------------------------------------------------
     // @ Accessors
     // -----------------------------------------------------------------------------------------------------
@@ -8864,7 +8882,7 @@ class NiceVerticalNavigationComponent extends NiceNavigationComponent {
         return {
             "nice-vertical-navigation-animations-enabled": this._animationsEnabled,
             [`nice-vertical-navigation-appearance-${this.appearance}`]: true,
-            "nice-vertical-navigation-hover": this.hovered,
+            "nice-vertical-navigation-hover": this.hovered || this._forceHovered,
             "nice-vertical-navigation-inner": this.inner,
             "nice-vertical-navigation-mode-over": this.mode === "over",
             "nice-vertical-navigation-mode-side": this.mode === "side",
@@ -9002,7 +9020,7 @@ class NiceVerticalNavigationComponent extends NiceNavigationComponent {
         });
         this._hintService.hasActiveHint$.pipe(takeUntil(this._unsubscribeAll)).subscribe(hasHint => {
             this.hasHint = hasHint;
-            this.hoveredChanged.next(this.hovered || this.hasHint);
+            this.hoveredChanged.next((this.hovered || this._forceHovered) || this.hasHint);
         });
     }
     /**
@@ -9268,7 +9286,7 @@ class NiceVerticalNavigationComponent extends NiceNavigationComponent {
         this._enableAnimations();
         // Set the hovered
         this.hovered = true;
-        this.hoveredChanged.next(this.hovered);
+        this.hoveredChanged.next(this.hovered || this._forceHovered);
     }
     /**
      * On mouseleave
@@ -9278,7 +9296,7 @@ class NiceVerticalNavigationComponent extends NiceNavigationComponent {
         this._enableAnimations();
         // Set the hovered
         this.hovered = false;
-        this.hoveredChanged.next(this.hovered || this.hasHint);
+        this.hoveredChanged.next(this.hovered || this._forceHovered || this.hasHint);
     }
     /**
      * Open/close the navigation