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

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: [{
@@ -8170,6 +8183,7 @@ class NiceShowHintDirective {
             this._overlayRef.detach();
         }
         this._hintInstance = null;
+        this._hintService.setActiveHint(false);
     }
     _isHintVisible() {
         return !!this._hintInstance;
@@ -8834,6 +8848,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();
@@ -8868,6 +8883,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
     // -----------------------------------------------------------------------------------------------------
@@ -8878,7 +8898,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",
@@ -9016,7 +9036,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);
         });
     }
     /**
@@ -9282,7 +9302,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
@@ -9292,7 +9312,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