@recursyve/nice-ui-kit.v2 14.0.0-beta.126 → 14.0.0-beta.127

package/lib/components/navigation/horizontal/components/basic/basic.component.d.ts

@@ -1,4 +1,5 @@
 import { ChangeDetectorRef, OnDestroy, OnInit } from "@angular/core";
+import { TooltipPosition } from "@angular/material/tooltip";
 import { NiceNavigationService } from "../../../navigation.service";
 import { NiceNavigationItem } from "../../../navigation.types";
 import * as i0 from "@angular/core";
@@ -9,6 +10,8 @@ export declare class NiceHorizontalNavigationBasicItemComponent implements OnIni
     private _unsubscribeAll;
     item: NiceNavigationItem;
     name: string;
+    showTooltips: boolean;
+    tooltipPosition: TooltipPosition;
     /**
      * Constructor
      */
@@ -22,5 +25,5 @@ export declare class NiceHorizontalNavigationBasicItemComponent implements OnIni
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NiceHorizontalNavigationBasicItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NiceHorizontalNavigationBasicItemComponent, "nice-horizontal-navigation-basic-item", never, { "item": "item"; "name": "name"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NiceHorizontalNavigationBasicItemComponent, "nice-horizontal-navigation-basic-item", never, { "item": "item"; "name": "name"; "showTooltips": "showTooltips"; "tooltipPosition": "tooltipPosition"; }, {}, never, never, false>;
 }

package/lib/components/navigation/horizontal/components/branch/branch.component.d.ts

@@ -3,6 +3,7 @@ import { ChangeDetectorRef, OnDestroy, OnInit } from "@angular/core";
 import { MatMenu } from "@angular/material/menu";
 import { NiceNavigationService } from "../../../navigation.service";
 import { NiceNavigationItem } from "../../../navigation.types";
+import { TooltipPosition } from "@angular/material/tooltip";
 import * as i0 from "@angular/core";
 export declare class NiceHorizontalNavigationBranchItemComponent implements OnInit, OnDestroy {
     private _changeDetectorRef;
@@ -14,6 +15,8 @@ export declare class NiceHorizontalNavigationBranchItemComponent implements OnIn
     item: NiceNavigationItem;
     name: string;
     matMenu: MatMenu;
+    showTooltips: boolean;
+    tooltipPosition: TooltipPosition;
     /**
      * Constructor
      */
@@ -31,5 +34,5 @@ export declare class NiceHorizontalNavigationBranchItemComponent implements OnIn
      */
     triggerChangeDetection(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NiceHorizontalNavigationBranchItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NiceHorizontalNavigationBranchItemComponent, "nice-horizontal-navigation-branch-item", never, { "child": "child"; "item": "item"; "name": "name"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NiceHorizontalNavigationBranchItemComponent, "nice-horizontal-navigation-branch-item", never, { "child": "child"; "item": "item"; "name": "name"; "showTooltips": "showTooltips"; "tooltipPosition": "tooltipPosition"; }, {}, never, never, false>;
 }

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

@@ -3,9 +3,12 @@ import { NiceUtilsService } from "../../../providers/utils";
 import { NiceNavigationComponent } from "../navigation.component";
 import { NiceNavigationService } from "../navigation.service";
 import { NiceNavigationItem } from "../navigation.types";
+import { TooltipPosition } from "@angular/material/tooltip";
 import * as i0 from "@angular/core";
 export declare class NiceHorizontalNavigationComponent extends NiceNavigationComponent {
     name: string;
+    showTooltips: boolean;
+    tooltipPosition: TooltipPosition;
     set navigation(navigation: NiceNavigationItem[]);
     get navigation(): NiceNavigationItem[];
     /**
@@ -13,5 +16,5 @@ export declare class NiceHorizontalNavigationComponent extends NiceNavigationCom
      */
     constructor(_changeDetectorRef: ChangeDetectorRef, _niceNavigationService: NiceNavigationService, _niceUtilsService: NiceUtilsService);
     static ɵfac: i0.ɵɵFactoryDeclaration<NiceHorizontalNavigationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NiceHorizontalNavigationComponent, "nice-horizontal-navigation", ["niceHorizontalNavigation"], { "name": "name"; "navigation": "navigation"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NiceHorizontalNavigationComponent, "nice-horizontal-navigation", ["niceHorizontalNavigation"], { "name": "name"; "showTooltips": "showTooltips"; "tooltipPosition": "tooltipPosition"; "navigation": "navigation"; }, {}, never, never, false>;
 }

package/lib/components/navigation/navigation.types.d.ts

@@ -35,6 +35,7 @@ export interface NiceNavigationItem {
         resolver: Type<NavigationHintResolver>;
         component: Type<any>;
     };
+    tooltip?: string;
 }
 export declare type NiceVerticalNavigationAppearance = "default" | "compact" | "dense" | "thin";
 export declare type NiceVerticalNavigationMode = "over" | "side";

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

@@ -1,5 +1,6 @@
 import { BooleanInput } from "@angular/cdk/coercion";
 import { ChangeDetectorRef, OnChanges, OnDestroy, OnInit, SimpleChanges } from "@angular/core";
+import { TooltipPosition } from "@angular/material/tooltip";
 import { Router } from "@angular/router";
 import { NiceNavigationService } from "../../../navigation.service";
 import { NiceNavigationItem } from "../../../navigation.types";
@@ -16,7 +17,9 @@ export declare class NiceVerticalNavigationAsideItemComponent implements OnChang
     autoCollapse: boolean;
     item: NiceNavigationItem;
     name: string;
+    showTooltips: boolean;
     skipChildren: boolean;
+    tooltipPosition: TooltipPosition;
     active: boolean;
     /**
      * Constructor
@@ -48,5 +51,5 @@ export declare class NiceVerticalNavigationAsideItemComponent implements OnChang
      */
     trackByFn(index: number, item: any): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<NiceVerticalNavigationAsideItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NiceVerticalNavigationAsideItemComponent, "nice-vertical-navigation-aside-item", never, { "activeItemId": "activeItemId"; "autoCollapse": "autoCollapse"; "item": "item"; "name": "name"; "skipChildren": "skipChildren"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NiceVerticalNavigationAsideItemComponent, "nice-vertical-navigation-aside-item", never, { "activeItemId": "activeItemId"; "autoCollapse": "autoCollapse"; "item": "item"; "name": "name"; "showTooltips": "showTooltips"; "skipChildren": "skipChildren"; "tooltipPosition": "tooltipPosition"; }, {}, never, never, false>;
 }

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

@@ -1,4 +1,5 @@
 import { ChangeDetectorRef, OnDestroy, OnInit } from "@angular/core";
+import { TooltipPosition } from "@angular/material/tooltip";
 import { ActivatedRoute, Router } from "@angular/router";
 import { NiceUtilsService } from "../../../../../providers/utils";
 import { NiceNavigationService } from "../../../navigation.service";
@@ -14,6 +15,8 @@ export declare class NiceVerticalNavigationBasicItemComponent implements OnInit,
     private _unsubscribeAll;
     item: NiceNavigationItem;
     name: string;
+    showTooltips: boolean;
+    tooltipPosition: TooltipPosition;
     itemActive$: import("rxjs").Observable<boolean>;
     /**
      * Constructor
@@ -28,5 +31,5 @@ export declare class NiceVerticalNavigationBasicItemComponent implements OnInit,
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NiceVerticalNavigationBasicItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NiceVerticalNavigationBasicItemComponent, "nice-vertical-navigation-basic-item", never, { "item": "item"; "name": "name"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NiceVerticalNavigationBasicItemComponent, "nice-vertical-navigation-basic-item", never, { "item": "item"; "name": "name"; "showTooltips": "showTooltips"; "tooltipPosition": "tooltipPosition"; }, {}, never, never, false>;
 }

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

@@ -1,5 +1,6 @@
 import { BooleanInput } from "@angular/cdk/coercion";
 import { ChangeDetectorRef, OnDestroy, OnInit } from "@angular/core";
+import { TooltipPosition } from "@angular/material/tooltip";
 import { Router } from "@angular/router";
 import { BehaviorSubject } from "rxjs";
 import { NiceNavigationService } from "../../../navigation.service";
@@ -15,6 +16,8 @@ export declare class NiceVerticalNavigationCollapsableItemComponent implements O
     autoCollapse: boolean;
     item: NiceNavigationItem;
     name: string;
+    showTooltips: boolean;
+    tooltipPosition: TooltipPosition;
     isCollapsed: boolean;
     isExpanded: boolean;
     hasChildActivated$: BehaviorSubject<boolean>;
@@ -61,5 +64,5 @@ export declare class NiceVerticalNavigationCollapsableItemComponent implements O
      */
     trackByFn(index: number, item: any): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<NiceVerticalNavigationCollapsableItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NiceVerticalNavigationCollapsableItemComponent, "nice-vertical-navigation-collapsable-item", never, { "autoCollapse": "autoCollapse"; "item": "item"; "name": "name"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NiceVerticalNavigationCollapsableItemComponent, "nice-vertical-navigation-collapsable-item", never, { "autoCollapse": "autoCollapse"; "item": "item"; "name": "name"; "showTooltips": "showTooltips"; "tooltipPosition": "tooltipPosition"; }, {}, never, never, false>;
 }

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

@@ -1,5 +1,6 @@
 import { BooleanInput } from "@angular/cdk/coercion";
 import { ChangeDetectorRef, OnDestroy, OnInit } from "@angular/core";
+import { TooltipPosition } from "@angular/material/tooltip";
 import { NiceNavigationService } from "../../../navigation.service";
 import { NiceNavigationItem } from "../../../navigation.types";
 import * as i0 from "@angular/core";
@@ -12,6 +13,8 @@ export declare class NiceVerticalNavigationGroupItemComponent implements OnInit,
     autoCollapse: boolean;
     item: NiceNavigationItem;
     name: string;
+    showTooltips: boolean;
+    tooltipPosition: TooltipPosition;
     /**
      * Constructor
      */
@@ -29,5 +32,5 @@ export declare class NiceVerticalNavigationGroupItemComponent implements OnInit,
      */
     trackByFn(index: number, item: any): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<NiceVerticalNavigationGroupItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NiceVerticalNavigationGroupItemComponent, "nice-vertical-navigation-group-item", never, { "autoCollapse": "autoCollapse"; "item": "item"; "name": "name"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NiceVerticalNavigationGroupItemComponent, "nice-vertical-navigation-group-item", never, { "autoCollapse": "autoCollapse"; "item": "item"; "name": "name"; "showTooltips": "showTooltips"; "tooltipPosition": "tooltipPosition"; }, {}, never, never, false>;
 }

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

@@ -2,6 +2,7 @@ import { AnimationBuilder } from "@angular/animations";
 import { BooleanInput } from "@angular/cdk/coercion";
 import { ScrollStrategyOptions } from "@angular/cdk/overlay";
 import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnInit, QueryList, Renderer2, SimpleChanges } from "@angular/core";
+import { TooltipPosition } from "@angular/material/tooltip";
 import { Router } from "@angular/router";
 import { ReplaySubject } from "rxjs";
 import { NiceScrollbarDirective } from "../../../directives/scrollbar";
@@ -40,7 +41,9 @@ export declare class NiceVerticalNavigationComponent extends NiceNavigationCompo
     hovered: boolean;
     hasHint: boolean;
     position: NiceVerticalNavigationPosition;
+    showTooltips: boolean;
     transparentOverlay: boolean;
+    tooltipPosition: TooltipPosition;
     readonly appearanceChanged: EventEmitter<NiceVerticalNavigationAppearance>;
     readonly modeChanged: EventEmitter<NiceVerticalNavigationMode>;
     readonly openedChanged: EventEmitter<boolean>;
@@ -159,5 +162,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"; "hasHint": "hasHint"; "position": "position"; "transparentOverlay": "transparentOverlay"; "navigation": "navigation"; }, { "appearanceChanged": "appearanceChanged"; "modeChanged": "modeChanged"; "openedChanged": "openedChanged"; "hoveredChanged": "hoveredChanged"; "positionChanged": "positionChanged"; }, never, ["[niceVerticalNavigationHeader]", "[niceVerticalNavigationContentHeader]", "[niceVerticalNavigationContentFooter]", "[niceVerticalNavigationFooter]"], false>;
+    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"; "showTooltips": "showTooltips"; "transparentOverlay": "transparentOverlay"; "tooltipPosition": "tooltipPosition"; "navigation": "navigation"; }, { "appearanceChanged": "appearanceChanged"; "modeChanged": "modeChanged"; "openedChanged": "openedChanged"; "hoveredChanged": "hoveredChanged"; "positionChanged": "positionChanged"; }, never, ["[niceVerticalNavigationHeader]", "[niceVerticalNavigationContentHeader]", "[niceVerticalNavigationContentFooter]", "[niceVerticalNavigationFooter]"], false>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@recursyve/nice-ui-kit.v2",
-  "version": "14.0.0-beta.126",
+  "version": "14.0.0-beta.127",
   "exports": {
     ".": {
       "sass": "./_index.scss",

package/src/lib/components/navigation/vertical/vertical.theme.scss

@@ -8,4 +8,15 @@
     @include nice-vertical-navigation-compact-theme();
     @include nice-vertical-navigation-dense-theme();
     @include nice-vertical-navigation-thin-theme();
+
+    .nice-vertical-navigation-item-tooltips {
+        background-color: var(--nice-bg-tooltip);
+
+        &::before {
+            border-right-color: var(--nice-bg-tooltip);
+        }
+
+        @apply relative px-4 py-2 overflow-visible #{!important};
+        @apply before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-translate-x-2 before:overflow-visible before:w-0 before:h-0 before:border-t-8 before:border-t-transparent before:border-b-6 before:border-b-transparent before:border-r-8;
+    }
 }