@recursyve/nice-ui-kit.v2 13.2.0-beta.117 → 13.2.0-beta.118

package/lib/components/navigation/directives/show-hint.directive.d.ts

@@ -2,6 +2,7 @@ import { Overlay } from "@angular/cdk/overlay";
 import { Platform } from "@angular/cdk/platform";
 import { AfterViewInit, ElementRef, NgZone, OnDestroy, ViewContainerRef } from "@angular/core";
 import { NiceNavigationItem } from "../navigation.types";
+import { NiceNavigationHintService } from "../providers/hint.service";
 import * as i0 from "@angular/core";
 export declare class NiceShowHintDirective implements AfterViewInit, OnDestroy {
     private _overlay;
@@ -9,6 +10,7 @@ export declare class NiceShowHintDirective implements AfterViewInit, OnDestroy {
     private _viewContainerRef;
     private _ngZone;
     private _platform;
+    private _hintService;
     shouldShow: boolean;
     item: NiceNavigationItem;
     private _pointerExitEventsInitialized;
@@ -17,7 +19,7 @@ export declare class NiceShowHintDirective implements AfterViewInit, OnDestroy {
     private _overlayRef;
     private readonly _passiveListeners;
     private readonly unsubscribeAll$;
-    constructor(_overlay: Overlay, _elementRef: ElementRef<HTMLElement>, _viewContainerRef: ViewContainerRef, _ngZone: NgZone, _platform: Platform);
+    constructor(_overlay: Overlay, _elementRef: ElementRef<HTMLElement>, _viewContainerRef: ViewContainerRef, _ngZone: NgZone, _platform: Platform, _hintService: NiceNavigationHintService);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     show(): void;

package/lib/components/navigation/providers/hint.service.d.ts

@@ -0,0 +1,9 @@
+import { BehaviorSubject } from "rxjs";
+import * as i0 from "@angular/core";
+export declare class NiceNavigationHintService {
+    hasActiveHint$: BehaviorSubject<boolean>;
+    get hasActiveHint(): boolean;
+    setActiveHint(isActive: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NiceNavigationHintService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NiceNavigationHintService>;
+}

package/lib/components/navigation/vertical/vertical.component.d.ts

@@ -9,6 +9,7 @@ import { NiceUtilsService } from "../../../providers/utils";
 import { NiceNavigationComponent } from "../navigation.component";
 import { NiceNavigationService } from "../navigation.service";
 import { NiceNavigationItem, NiceVerticalNavigationAppearance, NiceVerticalNavigationMode, NiceVerticalNavigationPosition } from "../navigation.types";
+import { NiceNavigationHintService } from "../providers/hint.service";
 import * as i0 from "@angular/core";
 export declare class NiceVerticalNavigationComponent extends NiceNavigationComponent implements OnChanges, OnInit, AfterViewInit {
     private _animationBuilder;
@@ -16,6 +17,7 @@ export declare class NiceVerticalNavigationComponent extends NiceNavigationCompo
     private _renderer2;
     private _router;
     private _scrollStrategyOptions;
+    private _hintService;
     static ngAcceptInputType_inner: BooleanInput;
     static ngAcceptInputType_opened: BooleanInput;
     static ngAcceptInputType_transparentOverlay: BooleanInput;
@@ -35,11 +37,13 @@ export declare class NiceVerticalNavigationComponent extends NiceNavigationCompo
     mode: NiceVerticalNavigationMode;
     opened: boolean;
     hovered: boolean;
+    hasHint: boolean;
     position: NiceVerticalNavigationPosition;
     transparentOverlay: boolean;
     readonly appearanceChanged: EventEmitter<NiceVerticalNavigationAppearance>;
     readonly modeChanged: EventEmitter<NiceVerticalNavigationMode>;
     readonly openedChanged: EventEmitter<boolean>;
+    readonly hoveredChanged: EventEmitter<boolean>;
     readonly positionChanged: EventEmitter<NiceVerticalNavigationPosition>;
     private _navigationContentEl;
     set navigation(navigation: NiceNavigationItem[]);
@@ -50,7 +54,7 @@ export declare class NiceVerticalNavigationComponent extends NiceNavigationCompo
     /**
      * Constructor
      */
-    constructor(_changeDetectorRef: ChangeDetectorRef, _niceNavigationService: NiceNavigationService, _niceUtilsService: NiceUtilsService, _animationBuilder: AnimationBuilder, _elementRef: ElementRef, _renderer2: Renderer2, _router: Router, _scrollStrategyOptions: ScrollStrategyOptions);
+    constructor(_changeDetectorRef: ChangeDetectorRef, _niceNavigationService: NiceNavigationService, _niceUtilsService: NiceUtilsService, _animationBuilder: AnimationBuilder, _elementRef: ElementRef, _renderer2: Renderer2, _router: Router, _scrollStrategyOptions: ScrollStrategyOptions, _hintService: NiceNavigationHintService);
     /**
      * Host binding for component classes
      */
@@ -153,5 +157,5 @@ export declare class NiceVerticalNavigationComponent extends NiceNavigationCompo
      */
     private _toggleOpened;
     static ɵfac: i0.ɵɵFactoryDeclaration<NiceVerticalNavigationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NiceVerticalNavigationComponent, "nice-vertical-navigation", ["niceVerticalNavigation"], { "name": "name"; "appearance": "appearance"; "autoCollapse": "autoCollapse"; "inner": "inner"; "mode": "mode"; "opened": "opened"; "hovered": "hovered"; "position": "position"; "transparentOverlay": "transparentOverlay"; "navigation": "navigation"; }, { "appearanceChanged": "appearanceChanged"; "modeChanged": "modeChanged"; "openedChanged": "openedChanged"; "positionChanged": "positionChanged"; }, never, ["[niceVerticalNavigationHeader]", "[niceVerticalNavigationContentHeader]", "[niceVerticalNavigationContentFooter]", "[niceVerticalNavigationFooter]"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NiceVerticalNavigationComponent, "nice-vertical-navigation", ["niceVerticalNavigation"], { "name": "name"; "appearance": "appearance"; "autoCollapse": "autoCollapse"; "inner": "inner"; "mode": "mode"; "opened": "opened"; "hovered": "hovered"; "hasHint": "hasHint"; "position": "position"; "transparentOverlay": "transparentOverlay"; "navigation": "navigation"; }, { "appearanceChanged": "appearanceChanged"; "modeChanged": "modeChanged"; "openedChanged": "openedChanged"; "hoveredChanged": "hoveredChanged"; "positionChanged": "positionChanged"; }, never, ["[niceVerticalNavigationHeader]", "[niceVerticalNavigationContentHeader]", "[niceVerticalNavigationContentFooter]", "[niceVerticalNavigationFooter]"]>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@recursyve/nice-ui-kit.v2",
-  "version": "13.2.0-beta.117",
+  "version": "13.2.0-beta.118",
   "exports": {
     ".": {
       "sass": "./_index.scss",

package/src/lib/components/navigation/vertical/styles/appearances/default.theme.scss

@@ -629,7 +629,7 @@
     }
 
     nice-vertical-navigation {
-        &.nice-vertical-navigation-appearance-dense:not(.nice-vertical-navigation-hover) {
+        &.nice-vertical-navigation-appearance-dense:not(.nice-vertical-navigation-hover):not(.nice-vertical-navigation-has-hint) {
             .nice-vertical-navigation-hint {
                 display: block !important;
 

package/src/lib/components/navigation/vertical/styles/appearances/dense.theme.scss

@@ -94,7 +94,7 @@
                 }
             }
 
-            &:not(.nice-vertical-navigation-hover):not(.nice-vertical-navigation-mode-over) {
+            &:not(.nice-vertical-navigation-hover):not(.nice-vertical-navigation-mode-over):not(.nice-vertical-navigation-has-hint) {
 
                 /* Wrapper */
                 .nice-vertical-navigation-wrapper {
@@ -149,7 +149,7 @@
             }
 
             /* Hover */
-            &.nice-vertical-navigation-hover {
+            &.nice-vertical-navigation-hover, &.nice-vertical-navigation-has-hint {
 
                 .nice-vertical-navigation-wrapper {
                     width: var(--nice-vertical-navigation-width);