@six-group/ui-library-angular 0.0.0-insider.c3b5116 → 0.0.0-insider.c8fa9a3

package/lib/sidebar/active-sidebar.directive.d.ts

@@ -0,0 +1,59 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+/**
+ * Enables Angular router integration for the six-sidebar component.
+ *
+ * When this directive is added to a six-sidebar component using the 'sixRouterLinkActive' attribute,
+ * it activates automatic route-based selection for sidebar items and groups.
+ *
+ * @recommended Add this directive to enable automatic route-based navigation in sidebars.
+ *
+ * @example
+ * ```html
+ * <six-sidebar sixRouterLinkActive>
+ *   <six-sidebar-item routerLink="/home">Home</six-sidebar-item>
+ *   <six-sidebar-item-group>
+ *     <six-sidebar-item routerLink="/settings/profile">Profile</six-sidebar-item>
+ *   </six-sidebar-item-group>
+ * </six-sidebar>
+ * ```
+ */
+export declare class ActiveSidebarDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActiveSidebarDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ActiveSidebarDirective, "six-sidebar[sixRouterLinkActive]", never, {}, {}, never, never, false, never>;
+}
+/**
+ * Enhances six-sidebar-item with Angular router integration.
+ *
+ * This directive automatically manages the 'selected' state of sidebar items based on the current route.
+ * When used with ActiveSidebarDirective, it switches from manual selection to route-based selection.
+ *
+ * @requires RouterLinkActive
+ * @optional ActiveSidebarDirective - If present, enables route-based selection
+ */
+export declare class ActiveSidebarItemDirective {
+    private routerLinkActive;
+    private sidebarItem;
+    private activeSidebarDirective;
+    get selected(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActiveSidebarItemDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ActiveSidebarItemDirective, "six-sidebar-item", never, {}, {}, never, never, false, [{ directive: typeof i1.RouterLinkActive; inputs: {}; outputs: {}; }]>;
+}
+/**
+ * Enhances six-sidebar-item-group with Angular router integration.
+ *
+ * This directive automatically manages the 'open' state of sidebar groups based on the active route.
+ * When a child route is active, the group automatically expands to show the active item.
+ *
+ * @requires RouterLinkActive
+ * @optional ActiveSidebarDirective - If present, enables route-based expansion
+ */
+export declare class ActiveSidebarItemGroupDirective {
+    private routerLinkActive;
+    private sidebarItemGroup;
+    private activeSidebarDirective;
+    private sidebarItems;
+    get open(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActiveSidebarItemGroupDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ActiveSidebarItemGroupDirective, "six-sidebar-item-group", never, {}, {}, ["sidebarItems"], never, false, [{ directive: typeof i1.RouterLinkActive; inputs: {}; outputs: {}; }]>;
+}