@life-cockpit/angular-ui-kit 1.6.0 → 1.6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -3036,19 +3036,34 @@ type SidenavMode = 'drawer' | 'docked';
|
|
|
3036
3036
|
*
|
|
3037
3037
|
* Features:
|
|
3038
3038
|
* - Drawer (overlay) and docked (persistent) modes
|
|
3039
|
-
* -
|
|
3040
|
-
* -
|
|
3041
|
-
* -
|
|
3042
|
-
* -
|
|
3043
|
-
* -
|
|
3039
|
+
* - Responsive mobile mode — docked automatically switches to drawer below a configurable breakpoint
|
|
3040
|
+
* - Collapsed icon-rail mode (narrow 56px sidebar with icons only and hover tooltips)
|
|
3041
|
+
* - Integrated logo area with collapse-toggle (sidebar-first layouts)
|
|
3042
|
+
* - Hierarchical navigation with collapsible groups (up to 3 levels)
|
|
3043
|
+
* - Section headlines for item grouping with optional action buttons
|
|
3044
|
+
* - Action buttons on any item (hover-reveal)
|
|
3045
|
+
* - Badge support on items (count / status indicator)
|
|
3046
|
+
* - Active route highlighting (no hover color change on active items)
|
|
3047
|
+
* - Keyboard navigation support (Escape closes drawer)
|
|
3044
3048
|
* - Configurable width and position (left/right)
|
|
3045
3049
|
* - Optional backdrop overlay
|
|
3050
|
+
* - Theme variants: auto, light, dark (with teal accent for dark mode)
|
|
3046
3051
|
* - Accessible with ARIA navigation role
|
|
3047
3052
|
*
|
|
3048
3053
|
* @example
|
|
3049
3054
|
* ```html
|
|
3050
|
-
* <lc-sidenav
|
|
3051
|
-
*
|
|
3055
|
+
* <lc-sidenav
|
|
3056
|
+
* [isOpenInput]="isOpen"
|
|
3057
|
+
* modeInput="docked"
|
|
3058
|
+
* [collapsedInput]="isCollapsed"
|
|
3059
|
+
* [showLogoInput]="true"
|
|
3060
|
+
* [mobileBreakpointInput]="768"
|
|
3061
|
+
* [itemsInput]="navItems"
|
|
3062
|
+
* activeRouteInput="/dashboard"
|
|
3063
|
+
* theme="dark"
|
|
3064
|
+
* (closed)="isOpen = false"
|
|
3065
|
+
* (itemClicked)="navigate($event)"
|
|
3066
|
+
* (itemAction)="onAction($event)" />
|
|
3052
3067
|
* ```
|
|
3053
3068
|
*/
|
|
3054
3069
|
declare class SidenavComponent implements OnInit, OnDestroy {
|