@kern-ux-annex/kern-angular-kit 1.2.1 → 1.3.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kern-ux-annex/kern-angular-kit",
-  "version": "1.2.1",
-  "description": "Angular-Umsetzung der KERN UX-Standard Komponenten",
+  "version": "1.3.0",
+  "description": "Angular implementation of the KERN UX components",
   "keywords": [
     "angular",
     "components",
@@ -24,7 +24,8 @@
     "@angular/common": "^20.2.3 || ^21.0.0",
     "@angular/core": "^20.2.3 || ^21.0.0",
     "@angular/forms": "^20.2.3 || ^21.0.0",
-    "@angular/localize": "^20.2.3 || ^21.0.0"
+    "@angular/localize": "^20.2.3 || ^21.0.0",
+    "@angular/router": "^20.2.3 || ^21.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/types/kern-ux-annex-kern-angular-kit.d.ts

@@ -1,5 +1,6 @@
 import * as _angular_core from '@angular/core';
 import { OnDestroy, AfterViewInit, OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
+import { UrlTree, Params } from '@angular/router';
 import { ControlValueAccessor } from '@angular/forms';
 
 declare class KernAccordion {
@@ -67,9 +68,15 @@ declare class KernButton {
     readonly iconRight: _angular_core.InputSignal<string | null>;
     readonly srOnlyLabel: _angular_core.InputSignal<boolean>;
     readonly formId: _angular_core.InputSignal<string | null>;
+    readonly routerLink: _angular_core.InputSignal<string | UrlTree | readonly unknown[] | null>;
+    readonly routerQueryParams: _angular_core.InputSignal<Params | null>;
+    readonly routerFragment: _angular_core.InputSignal<string | null>;
+    readonly routerState: _angular_core.InputSignal<Record<string, unknown> | null>;
+    private readonly navigationService;
     readonly clickEvent: _angular_core.OutputEmitterRef<Event>;
+    protected onClick(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernButton, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernButton, "kern-button", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "block": { "alias": "block"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "iconLeft": { "alias": "iconLeft"; "required": false; "isSignal": true; }; "iconRight": { "alias": "iconRight"; "required": false; "isSignal": true; }; "srOnlyLabel": { "alias": "srOnlyLabel"; "required": false; "isSignal": true; }; "formId": { "alias": "formId"; "required": false; "isSignal": true; }; }, { "clickEvent": "clickEvent"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernButton, "kern-button", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "block": { "alias": "block"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "iconLeft": { "alias": "iconLeft"; "required": false; "isSignal": true; }; "iconRight": { "alias": "iconRight"; "required": false; "isSignal": true; }; "srOnlyLabel": { "alias": "srOnlyLabel"; "required": false; "isSignal": true; }; "formId": { "alias": "formId"; "required": false; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "routerQueryParams": { "alias": "routerQueryParams"; "required": false; "isSignal": true; }; "routerFragment": { "alias": "routerFragment"; "required": false; "isSignal": true; }; "routerState": { "alias": "routerState"; "required": false; "isSignal": true; }; }, { "clickEvent": "clickEvent"; }, never, ["*"], true, never>;
 }
 
 declare class KernCard {
@@ -83,12 +90,20 @@ declare class KernCard {
     readonly size: _angular_core.InputSignal<"default" | "small" | "large">;
     readonly headingLevel: _angular_core.InputSignal<"1" | "2" | "3" | "4" | "5">;
     readonly btnPrimaryLabelText: _angular_core.InputSignal<string | null>;
+    readonly btnPrimaryRouterLink: _angular_core.InputSignal<string | UrlTree | readonly unknown[] | null>;
+    readonly btnPrimaryRouterQueryParams: _angular_core.InputSignal<Params | null>;
+    readonly btnPrimaryRouterFragment: _angular_core.InputSignal<string | null>;
+    readonly btnPrimaryRouterState: _angular_core.InputSignal<Record<string, unknown> | null>;
     readonly btnSecondaryLabelText: _angular_core.InputSignal<string | null>;
+    readonly btnSecondaryRouterLink: _angular_core.InputSignal<string | UrlTree | readonly unknown[] | null>;
+    readonly btnSecondaryRouterQueryParams: _angular_core.InputSignal<Params | null>;
+    readonly btnSecondaryRouterFragment: _angular_core.InputSignal<string | null>;
+    readonly btnSecondaryRouterState: _angular_core.InputSignal<Record<string, unknown> | null>;
     readonly titleLinkClickEvent: _angular_core.OutputEmitterRef<Event>;
     readonly btnPrimaryClickEvent: _angular_core.OutputEmitterRef<Event>;
     readonly btnSecondaryClickEvent: _angular_core.OutputEmitterRef<Event>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernCard, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernCard, "kern-card", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "titleLinkHref": { "alias": "titleLinkHref"; "required": false; "isSignal": true; }; "titleLinkTarget": { "alias": "titleLinkTarget"; "required": false; "isSignal": true; }; "preline": { "alias": "preline"; "required": false; "isSignal": true; }; "subline": { "alias": "subline"; "required": false; "isSignal": true; }; "imgSrc": { "alias": "imgSrc"; "required": false; "isSignal": true; }; "imgAlt": { "alias": "imgAlt"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "headingLevel": { "alias": "headingLevel"; "required": false; "isSignal": true; }; "btnPrimaryLabelText": { "alias": "btnPrimaryLabelText"; "required": false; "isSignal": true; }; "btnSecondaryLabelText": { "alias": "btnSecondaryLabelText"; "required": false; "isSignal": true; }; }, { "titleLinkClickEvent": "titleLinkClickEvent"; "btnPrimaryClickEvent": "btnPrimaryClickEvent"; "btnSecondaryClickEvent": "btnSecondaryClickEvent"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernCard, "kern-card", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "titleLinkHref": { "alias": "titleLinkHref"; "required": false; "isSignal": true; }; "titleLinkTarget": { "alias": "titleLinkTarget"; "required": false; "isSignal": true; }; "preline": { "alias": "preline"; "required": false; "isSignal": true; }; "subline": { "alias": "subline"; "required": false; "isSignal": true; }; "imgSrc": { "alias": "imgSrc"; "required": false; "isSignal": true; }; "imgAlt": { "alias": "imgAlt"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "headingLevel": { "alias": "headingLevel"; "required": false; "isSignal": true; }; "btnPrimaryLabelText": { "alias": "btnPrimaryLabelText"; "required": false; "isSignal": true; }; "btnPrimaryRouterLink": { "alias": "btnPrimaryRouterLink"; "required": false; "isSignal": true; }; "btnPrimaryRouterQueryParams": { "alias": "btnPrimaryRouterQueryParams"; "required": false; "isSignal": true; }; "btnPrimaryRouterFragment": { "alias": "btnPrimaryRouterFragment"; "required": false; "isSignal": true; }; "btnPrimaryRouterState": { "alias": "btnPrimaryRouterState"; "required": false; "isSignal": true; }; "btnSecondaryLabelText": { "alias": "btnSecondaryLabelText"; "required": false; "isSignal": true; }; "btnSecondaryRouterLink": { "alias": "btnSecondaryRouterLink"; "required": false; "isSignal": true; }; "btnSecondaryRouterQueryParams": { "alias": "btnSecondaryRouterQueryParams"; "required": false; "isSignal": true; }; "btnSecondaryRouterFragment": { "alias": "btnSecondaryRouterFragment"; "required": false; "isSignal": true; }; "btnSecondaryRouterState": { "alias": "btnSecondaryRouterState"; "required": false; "isSignal": true; }; }, { "titleLinkClickEvent": "titleLinkClickEvent"; "btnPrimaryClickEvent": "btnPrimaryClickEvent"; "btnSecondaryClickEvent": "btnSecondaryClickEvent"; }, never, ["*"], true, never>;
 }
 
 declare class KernDivider {
@@ -108,14 +123,21 @@ declare class KernIcon {
 declare class KernLink {
     readonly href: _angular_core.InputSignal<string | null>;
     readonly target: _angular_core.InputSignal<"_self" | "_blank" | "_parent" | "_top">;
+    readonly routerLink: _angular_core.InputSignal<string | UrlTree | readonly unknown[] | null>;
+    readonly routerQueryParams: _angular_core.InputSignal<Params | null>;
+    readonly routerFragment: _angular_core.InputSignal<string | null>;
+    readonly routerState: _angular_core.InputSignal<Record<string, unknown> | null>;
     readonly small: _angular_core.InputSignal<boolean>;
     readonly stretched: _angular_core.InputSignal<boolean>;
     readonly iconLeft: _angular_core.InputSignal<string | null>;
     readonly iconRight: _angular_core.InputSignal<string | null>;
     readonly linkDescribedBy: _angular_core.InputSignal<string | null>;
+    private readonly navigationService;
     readonly clickEvent: _angular_core.OutputEmitterRef<Event>;
+    protected readonly effectiveHref: _angular_core.Signal<string | null>;
+    protected onClick(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernLink, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernLink, "kern-link", never, { "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "small": { "alias": "small"; "required": false; "isSignal": true; }; "stretched": { "alias": "stretched"; "required": false; "isSignal": true; }; "iconLeft": { "alias": "iconLeft"; "required": false; "isSignal": true; }; "iconRight": { "alias": "iconRight"; "required": false; "isSignal": true; }; "linkDescribedBy": { "alias": "linkDescribedBy"; "required": false; "isSignal": true; }; }, { "clickEvent": "clickEvent"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernLink, "kern-link", never, { "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "routerQueryParams": { "alias": "routerQueryParams"; "required": false; "isSignal": true; }; "routerFragment": { "alias": "routerFragment"; "required": false; "isSignal": true; }; "routerState": { "alias": "routerState"; "required": false; "isSignal": true; }; "small": { "alias": "small"; "required": false; "isSignal": true; }; "stretched": { "alias": "stretched"; "required": false; "isSignal": true; }; "iconLeft": { "alias": "iconLeft"; "required": false; "isSignal": true; }; "iconRight": { "alias": "iconRight"; "required": false; "isSignal": true; }; "linkDescribedBy": { "alias": "linkDescribedBy"; "required": false; "isSignal": true; }; }, { "clickEvent": "clickEvent"; }, never, ["*"], true, never>;
 }
 
 declare class KernProgress {
@@ -271,6 +293,7 @@ declare class KernInputEmail {
     private readonly generatedId;
     protected readonly effectiveId: _angular_core.Signal<string>;
     protected readonly inputDescribedBy: _angular_core.Signal<string | null>;
+    protected onInput(event: Event): void;
     protected onKeydown(event: KeyboardEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernInputEmail, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernInputEmail, "kern-input-email", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "labelText": { "alias": "labelText"; "required": true; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "hintTemplate": { "alias": "hintTemplate"; "required": false; "isSignal": true; }; "hintText": { "alias": "hintText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "titleText": { "alias": "titleText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof ControlValueAccessorDirective; inputs: {}; outputs: {}; }]>;
@@ -549,6 +572,10 @@ type KernTasklistData = {
         number?: string | null;
         task: string;
         linkHref?: string | null;
+        routerLink?: readonly unknown[] | string | UrlTree | null;
+        routerQueryParams?: Params | null;
+        routerFragment?: string | null;
+        routerState?: Record<string, unknown> | null;
         status?: 'new' | 'incomplete' | 'completed' | 'unavailable';
         statusId?: string | null;
     }[];
@@ -574,11 +601,15 @@ declare class KernSummary {
     }[]>;
     readonly actionLinkHref: _angular_core.InputSignal<string | null>;
     readonly actionLinkTarget: _angular_core.InputSignal<"_self" | "_blank" | "_parent" | "_top">;
+    readonly actionLinkRouterLink: _angular_core.InputSignal<string | UrlTree | readonly unknown[] | null>;
+    readonly actionLinkRouterQueryParams: _angular_core.InputSignal<Params | null>;
+    readonly actionLinkRouterFragment: _angular_core.InputSignal<string | null>;
+    readonly actionLinkRouterState: _angular_core.InputSignal<Record<string, unknown> | null>;
     readonly actionLinkClickEvent: _angular_core.OutputEmitterRef<Event>;
     private readonly generatedTitleId;
     protected readonly effectiveTitleId: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernSummary, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernSummary, "kern-summary", never, { "titleId": { "alias": "titleId"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "titleNumber": { "alias": "titleNumber"; "required": false; "isSignal": true; }; "headingLevel": { "alias": "headingLevel"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": true; "isSignal": true; }; "actionLinkHref": { "alias": "actionLinkHref"; "required": false; "isSignal": true; }; "actionLinkTarget": { "alias": "actionLinkTarget"; "required": false; "isSignal": true; }; }, { "actionLinkClickEvent": "actionLinkClickEvent"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernSummary, "kern-summary", never, { "titleId": { "alias": "titleId"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "titleNumber": { "alias": "titleNumber"; "required": false; "isSignal": true; }; "headingLevel": { "alias": "headingLevel"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": true; "isSignal": true; }; "actionLinkHref": { "alias": "actionLinkHref"; "required": false; "isSignal": true; }; "actionLinkTarget": { "alias": "actionLinkTarget"; "required": false; "isSignal": true; }; "actionLinkRouterLink": { "alias": "actionLinkRouterLink"; "required": false; "isSignal": true; }; "actionLinkRouterQueryParams": { "alias": "actionLinkRouterQueryParams"; "required": false; "isSignal": true; }; "actionLinkRouterFragment": { "alias": "actionLinkRouterFragment"; "required": false; "isSignal": true; }; "actionLinkRouterState": { "alias": "actionLinkRouterState"; "required": false; "isSignal": true; }; }, { "actionLinkClickEvent": "actionLinkClickEvent"; }, never, never, true, never>;
 }
 
 declare class KernSummaryGroup {