@design-factory/angular 21.1.0-next.1 → 21.1.0

package/types/design-factory-angular-sidenav.d.ts

@@ -26,7 +26,14 @@ declare abstract class DfSidenavLinkBaseComponent {
      */
     readonly wrapperHasIconContent: _angular_core.InputSignal<boolean>;
     /**
-     * Indicates if the link is currently active based on the Router state
+     * Explicitly sets the active state of the link. When provided, the link behaves
+     * as an external link (plain `<a href>`) and the Angular Router is not used.
+     * When `undefined` (default), the active state is determined by the Angular Router.
+     */
+    readonly active: _angular_core.InputSignal<boolean | undefined>;
+    /**
+     * Reflects the current active state of the link.
+     * Driven by the `active` input when provided, otherwise updated by the router via `(isActiveChange)`.
      */
     readonly isActiveLink: _angular_core.WritableSignal<boolean>;
     /**
@@ -45,7 +52,7 @@ declare abstract class DfSidenavLinkBaseComponent {
     protected readonly isVisible: _angular_core.Signal<boolean>;
     protected toggleSidenavOnSmallScreen(): boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DfSidenavLinkBaseComponent, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DfSidenavLinkBaseComponent, never, never, { "linkPath": { "alias": "linkPath"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "wrapperHasIconContent": { "alias": "wrapperHasIconContent"; "required": false; "isSignal": true; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; "isSignal": true; }; }, {}, ["iconContent"], never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DfSidenavLinkBaseComponent, never, never, { "linkPath": { "alias": "linkPath"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "wrapperHasIconContent": { "alias": "wrapperHasIconContent"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; "isSignal": true; }; }, {}, ["iconContent"], never, true, never>;
 }
 
 /**
@@ -187,6 +194,12 @@ declare class DfSidenavLinkComponent {
     readonly routerLinkActiveOptions: _angular_core.InputSignal<IsActiveMatchOptions | {
         exact: boolean;
     }>;
+    /**
+     * Explicitly sets the active state of the link. When provided, the link renders as
+     * a plain `<a href>` (no Angular Router). When `undefined` (default), the Angular Router determines
+     * the active state.
+     */
+    readonly active: _angular_core.InputSignal<boolean | undefined>;
     /**
      * The parent wrapper item component (if any)
      */
@@ -203,7 +216,7 @@ declare class DfSidenavLinkComponent {
     protected readonly wrapperHasIconContent: _angular_core.Signal<boolean>;
     protected readonly sidenav: DfSidenavComponent;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DfSidenavLinkComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DfSidenavLinkComponent, "df-sidenav-link", never, { "linkPath": { "alias": "linkPath"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; "isSignal": true; }; }, {}, ["iconContentQuery"], ["[dfSidenavIcon]", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DfSidenavLinkComponent, "df-sidenav-link", never, { "linkPath": { "alias": "linkPath"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; }, {}, ["iconContentQuery"], ["[dfSidenavIcon]", "*"], true, never>;
 }
 
 /**

package/types/design-factory-angular-topnav.d.ts

@@ -20,6 +20,7 @@ type SideNavItem = {
 type SideNavLink = {
     label: Signal<string>;
     href: Signal<string>;
+    external: Signal<boolean>;
     routerLinkActiveOptions: Signal<IsActiveMatchOptions | {
         exact: boolean;
     }>;
@@ -172,9 +173,15 @@ declare class DfTopNavNavigationLink extends DfTopNavNavigationElement {
      */
     readonly label: _angular_core.InputSignal<string>;
     /**
-     * The href of the navigation link, which will be used as the link target. It can be either an internal route or an external URL.
+     * The external href of the navigation link, which will be used as the link target. Use {@link routerLink} for internal links.
      */
-    readonly href: _angular_core.InputSignal<string>;
+    readonly href: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The internal router link of the navigation link, which will be used as the link target. Use {@link href} for external links.
+     */
+    readonly routerLink: _angular_core.InputSignal<string | undefined>;
+    protected readonly resolvedLink: _angular_core.Signal<string>;
+    protected readonly externalLink: _angular_core.Signal<boolean>;
     /**
      * The options to determine when the link is active based on the Router state. It can be either an object of type IsActiveMatchOptions or an object with an "exact" boolean property. When not provided, it defaults to { exact: false }.
      */
@@ -187,7 +194,7 @@ declare class DfTopNavNavigationLink extends DfTopNavNavigationElement {
      */
     readonly active: _angular_core.Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DfTopNavNavigationLink, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DfTopNavNavigationLink, "df-topnav-navigation-link", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "href": { "alias": "href"; "required": true; "isSignal": true; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DfTopNavNavigationLink, "df-topnav-navigation-link", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -202,9 +209,9 @@ declare class DfTopNavNavigationItem extends DfTopNavNavigationElement {
      */
     readonly label: _angular_core.InputSignal<string>;
     /**
-     * The href of the navigation item, which will be used as the link target. It can be either an internal route or an external URL.
+     * The routerLink of the navigation item, which will be used as the link target. It should be an internal route.
      */
-    readonly href: _angular_core.InputSignal<string>;
+    readonly routerLink: _angular_core.InputSignal<string>;
     protected readonly childElements: _angular_core.Signal<readonly DfTopNavNavigationElement[]>;
     protected readonly deepChildLinks: _angular_core.Signal<readonly DfTopNavNavigationLink[]>;
     protected readonly rootChildLinks: _angular_core.Signal<DfTopNavNavigationLink[]>;
@@ -216,7 +223,7 @@ declare class DfTopNavNavigationItem extends DfTopNavNavigationElement {
      */
     readonly active: _angular_core.Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DfTopNavNavigationItem, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DfTopNavNavigationItem, "df-topnav-navigation-item", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "href": { "alias": "href"; "required": true; "isSignal": true; }; }, {}, ["childElements", "deepChildLinks"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DfTopNavNavigationItem, "df-topnav-navigation-item", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": true; "isSignal": true; }; }, {}, ["childElements", "deepChildLinks"], never, true, never>;
 }
 
 /**