@life-cockpit/angular-ui-kit 1.6.3 → 1.8.0

package/types/life-cockpit-angular-ui-kit.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { EventEmitter, ElementRef, OnInit, OnDestroy, AfterViewInit, QueryList, Signal, TemplateRef, AfterContentInit, AfterViewChecked } from '@angular/core';
+import { ElementRef, OnInit, OnDestroy, EventEmitter, AfterViewInit, QueryList, Signal, TemplateRef, AfterContentInit, AfterViewChecked } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { SafeHtml, DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';
 import { Observable } from 'rxjs';
@@ -272,27 +272,26 @@ type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'link' | 'd
 type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
 type ButtonType = 'button' | 'submit' | 'reset';
 declare class ButtonComponent {
-    variant: ButtonVariant;
-    size: ButtonSize;
-    disabled: boolean;
-    loading: boolean;
-    isLoading: boolean;
-    iconOnly: boolean;
-    fullWidth: boolean;
-    ariaLabel: string;
-    type: ButtonType;
-    readonly clicked: EventEmitter<void>;
-    readonly focused: EventEmitter<void>;
-    readonly blurred: EventEmitter<void>;
+    readonly variant: _angular_core.InputSignal<ButtonVariant>;
+    readonly size: _angular_core.InputSignal<ButtonSize>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly loading: _angular_core.InputSignal<boolean>;
+    readonly iconOnly: _angular_core.InputSignal<boolean>;
+    readonly fullWidth: _angular_core.InputSignal<boolean>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly type: _angular_core.InputSignal<ButtonType>;
+    readonly clicked: _angular_core.OutputEmitterRef<void>;
+    readonly focused: _angular_core.OutputEmitterRef<void>;
+    readonly blurred: _angular_core.OutputEmitterRef<void>;
     buttonElement: ElementRef<HTMLButtonElement>;
-    get isDisabled(): boolean;
+    readonly isDisabled: _angular_core.Signal<boolean>;
     handleClick(): void;
     handleFocus(): void;
     handleBlur(): void;
     focus(): void;
     blur(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "lc-button", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "iconOnly": { "alias": "iconOnly"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "clicked": "clicked"; "focused": "focused"; "blurred": "blurred"; }, never, ["[slot='icon-before']", "*", "[slot='icon-after']"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "lc-button", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; "focused": "focused"; "blurred": "blurred"; }, never, ["[slot='icon-before']", "*", "[slot='icon-after']"], true, never>;
 }
 
 /**
@@ -562,7 +561,7 @@ declare class LogoComponent {
      * - 'full': Full logo with text
      * - 'emblem': Just the emblem/icon
      */
-    variant: 'full' | 'emblem';
+    readonly variant: _angular_core.InputSignal<"full" | "emblem">;
     /**
      * Size of the logo
      * - 'xs': 24px height
@@ -571,26 +570,26 @@ declare class LogoComponent {
      * - 'lg': 64px height
      * - 'xl': 96px height
      */
-    size: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    readonly size: _angular_core.InputSignal<"xs" | "sm" | "md" | "lg" | "xl">;
     /**
      * Alt text for accessibility
      */
-    alt: string;
+    readonly alt: _angular_core.InputSignal<string>;
     /**
      * Makes the logo appear clickable
      */
-    clickable: boolean;
+    readonly clickable: _angular_core.InputSignal<boolean>;
     /**
      * Color mode for different backgrounds
      * - 'auto': Follows global theme (uses CSS filter in dark mode)
      * - 'light': Optimized for light backgrounds (default appearance)
      * - 'dark': Inverted for dark backgrounds (white/light logo)
      */
-    colorMode: 'auto' | 'light' | 'dark';
-    get logoSrc(): string;
-    get logoClasses(): string;
+    readonly colorMode: _angular_core.InputSignal<"light" | "dark" | "auto">;
+    readonly logoSrc: _angular_core.Signal<"/assets/life-cockpit-emblem.svg" | "/assets/life-cockpit-logo.svg">;
+    readonly logoClasses: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogoComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogoComponent, "lc-logo", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "clickable": { "alias": "clickable"; "required": false; }; "colorMode": { "alias": "colorMode"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogoComponent, "lc-logo", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "colorMode": { "alias": "colorMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 interface MenuItem {
@@ -635,37 +634,13 @@ interface MenuItem {
  * ```
  */
 declare class MenuComponent {
-    /**
-     * Menu items to display
-     */
-    items: MenuItem[];
-    /**
-     * Whether the menu is open
-     */
-    isOpen: boolean;
-    /**
-     * Menu position relative to trigger
-     * @default 'bottom-right'
-     */
-    position: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
-    /**
-     * Size of menu items
-     * @default 'md'
-     */
-    size: 'sm' | 'md' | 'lg';
-    /**
-     * Minimum width of menu dropdown
-     * @default '220px'
-     */
-    minWidth: string;
-    /**
-     * Emitted when a menu item is clicked
-     */
-    readonly itemClick: EventEmitter<MenuItem>;
-    /**
-     * Emitted when the menu should be closed (e.g., click outside, Escape key)
-     */
-    readonly closed: EventEmitter<void>;
+    readonly items: _angular_core.InputSignal<MenuItem[]>;
+    readonly isOpen: _angular_core.InputSignal<boolean>;
+    readonly position: _angular_core.InputSignal<"bottom-left" | "bottom-right" | "top-left" | "top-right">;
+    readonly size: _angular_core.InputSignal<"sm" | "md" | "lg">;
+    readonly minWidth: _angular_core.InputSignal<string>;
+    readonly itemClick: _angular_core.OutputEmitterRef<MenuItem>;
+    readonly closed: _angular_core.OutputEmitterRef<void>;
     private elementRef;
     /**
      * Handle menu item click
@@ -684,7 +659,7 @@ declare class MenuComponent {
      */
     onEscapeKey(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuComponent, "lc-menu", never, { "items": { "alias": "items"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "position": { "alias": "position"; "required": false; }; "size": { "alias": "size"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; }, { "itemClick": "itemClick"; "closed": "closed"; }, never, ["[trigger]", "[header]", "[footer]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuComponent, "lc-menu", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; "closed": "closed"; }, never, ["[trigger]", "[header]", "[footer]"], true, never>;
 }
 
 /**
@@ -1148,6 +1123,7 @@ declare class DatepickerComponent implements ControlValueAccessor {
     private isSameDate;
     private formatDate;
     private parseDate;
+    protected getInputValue(event: Event): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DatepickerComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DatepickerComponent, "lc-datepicker", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "format": { "alias": "format"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "disableWeekends": { "alias": "disableWeekends"; "required": false; }; }, { "dateChange": "dateChange"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
 }
@@ -1512,6 +1488,7 @@ declare class TextareaComponent implements ControlValueAccessor, AfterViewInit {
     private adjustHeight;
     private calculateMinHeight;
     private calculateMaxHeight;
+    protected getInputValue(event: Event): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextareaComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextareaComponent, "lc-textarea", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "label": { "alias": "label"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "showCharacterCount": { "alias": "showCharacterCount"; "required": false; }; "autoResize": { "alias": "autoResize"; "required": false; }; "minRows": { "alias": "minRows"; "required": false; }; "maxRows": { "alias": "maxRows"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }
@@ -2794,22 +2771,17 @@ interface BreadcrumbItem {
 }
 type BreadcrumbSize = 'sm' | 'md' | 'lg';
 declare class BreadcrumbsComponent {
-    items: _angular_core.WritableSignal<BreadcrumbItem[]>;
-    separator: _angular_core.WritableSignal<string>;
-    maxItems: _angular_core.WritableSignal<number>;
-    size: _angular_core.WritableSignal<BreadcrumbSize>;
-    ariaLabel: _angular_core.WritableSignal<string>;
+    readonly items: _angular_core.InputSignal<BreadcrumbItem[]>;
+    readonly separator: _angular_core.InputSignal<string>;
+    readonly maxItems: _angular_core.InputSignal<number>;
+    readonly size: _angular_core.InputSignal<BreadcrumbSize>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
     breadcrumbClasses: _angular_core.Signal<string>;
     visibleItems: _angular_core.Signal<BreadcrumbItem[]>;
-    set itemsInput(value: BreadcrumbItem[]);
-    set separatorInput(value: string);
-    set maxItemsInput(value: number);
-    set sizeInput(value: BreadcrumbSize);
-    set ariaLabelInput(value: string);
     isLastItem(index: number): boolean;
     isEllipsis(item: BreadcrumbItem): boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbsComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbsComponent, "lc-breadcrumbs", never, { "itemsInput": { "alias": "itemsInput"; "required": false; }; "separatorInput": { "alias": "separatorInput"; "required": false; }; "maxItemsInput": { "alias": "maxItemsInput"; "required": false; }; "sizeInput": { "alias": "sizeInput"; "required": false; }; "ariaLabelInput": { "alias": "ariaLabelInput"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbsComponent, "lc-breadcrumbs", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "maxItems": { "alias": "maxItems"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 /**
@@ -2842,88 +2814,24 @@ declare class BreadcrumbsComponent {
  * ```
  */
 declare class HeaderComponent {
-    /**
-     * Theme variant for the header
-     * - 'light': Light background with dark text (default)
-     * - 'dark': Dark background with light text
-     * - 'auto': Follows the global theme (data-theme attribute)
-     */
-    theme: 'light' | 'dark' | 'auto';
-    /**
-     * Logo image source URL
-     */
-    logo: string;
-    /**
-     * Whether to show the logo in the header.
-     * Set to false when the sidenav owns the logo (sidebar-first layout).
-     * @default true
-     */
-    showLogo: boolean;
-    /**
-     * Optional title to display next to logo
-     */
-    title: string;
-    /**
-     * Optional subtitle to display under title
-     */
-    subtitle: string;
-    /**
-     * User email to display in profile dropdown
-     */
-    userEmail: string;
-    /**
-     * User full name for avatar initials
-     * @example 'John Doe'
-     */
-    userName: string;
-    /**
-     * Whether to show hamburger menu icon (for mobile sidebar toggle)
-     */
-    showHamburger: boolean;
-    /**
-     * Whether to show theme toggle button in header
-     */
-    showThemeButton: boolean;
-    /**
-     * Contextual name displayed in the header (e.g. tenant, organization, project)
-     * @example 'Acme Corp'
-     */
-    contextName: string;
-    /**
-     * Label displayed above the context name (e.g. 'Tenant', 'Organization', 'Project')
-     * @example 'Tenant'
-     */
-    contextLabel: string;
-    /**
-     * Size of the profile dropdown menu
-     * @default 'sm'
-     */
-    menuSize: 'sm' | 'md' | 'lg';
-    /**
-     * Whether to show the Profile menu item in the user dropdown
-     * @default true
-     */
-    showProfileMenuItem: boolean;
-    /**
-     * Emitted when hamburger menu icon is clicked
-     */
-    readonly hamburgerClick: EventEmitter<void>;
-    /**
-     * Emitted when theme toggle is clicked
-     */
-    readonly themeToggleClick: EventEmitter<void>;
-    /**
-     * Emitted when Logout is clicked in profile dropdown
-     */
-    readonly logoutClick: EventEmitter<void>;
-    /**
-     * Emitted when Profile menu item is clicked
-     */
-    readonly profileClick: EventEmitter<void>;
-    /**
-     * Emitted when the context info area is clicked
-     */
-    readonly contextClick: EventEmitter<void>;
+    readonly theme: _angular_core.InputSignal<"light" | "dark" | "auto">;
+    readonly logo: _angular_core.InputSignal<string>;
+    readonly showLogo: _angular_core.InputSignal<boolean>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly subtitle: _angular_core.InputSignal<string>;
+    readonly userEmail: _angular_core.InputSignal<string>;
+    readonly userName: _angular_core.InputSignal<string>;
+    readonly showHamburger: _angular_core.InputSignal<boolean>;
+    readonly showThemeButton: _angular_core.InputSignal<boolean>;
+    readonly contextName: _angular_core.InputSignal<string>;
+    readonly contextLabel: _angular_core.InputSignal<string>;
+    readonly menuSize: _angular_core.InputSignal<"sm" | "md" | "lg">;
+    readonly showProfileMenuItem: _angular_core.InputSignal<boolean>;
+    readonly hamburgerClick: _angular_core.OutputEmitterRef<void>;
+    readonly themeToggleClick: _angular_core.OutputEmitterRef<void>;
+    readonly logoutClick: _angular_core.OutputEmitterRef<void>;
+    readonly profileClick: _angular_core.OutputEmitterRef<void>;
+    readonly contextClick: _angular_core.OutputEmitterRef<void>;
     protected readonly themeService: ThemeService;
     /**
      * Get menu items for profile dropdown
@@ -2966,7 +2874,7 @@ declare class HeaderComponent {
      */
     onMenuItemClick(item: MenuItem): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<HeaderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HeaderComponent, "lc-header", never, { "theme": { "alias": "theme"; "required": false; }; "logo": { "alias": "logo"; "required": false; }; "showLogo": { "alias": "showLogo"; "required": false; }; "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "userEmail": { "alias": "userEmail"; "required": false; }; "userName": { "alias": "userName"; "required": false; }; "showHamburger": { "alias": "showHamburger"; "required": false; }; "showThemeButton": { "alias": "showThemeButton"; "required": false; }; "contextName": { "alias": "contextName"; "required": false; }; "contextLabel": { "alias": "contextLabel"; "required": false; }; "menuSize": { "alias": "menuSize"; "required": false; }; "showProfileMenuItem": { "alias": "showProfileMenuItem"; "required": false; }; }, { "hamburgerClick": "hamburgerClick"; "themeToggleClick": "themeToggleClick"; "logoutClick": "logoutClick"; "profileClick": "profileClick"; "contextClick": "contextClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HeaderComponent, "lc-header", never, { "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "logo": { "alias": "logo"; "required": false; "isSignal": true; }; "showLogo": { "alias": "showLogo"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "userEmail": { "alias": "userEmail"; "required": false; "isSignal": true; }; "userName": { "alias": "userName"; "required": false; "isSignal": true; }; "showHamburger": { "alias": "showHamburger"; "required": false; "isSignal": true; }; "showThemeButton": { "alias": "showThemeButton"; "required": false; "isSignal": true; }; "contextName": { "alias": "contextName"; "required": false; "isSignal": true; }; "contextLabel": { "alias": "contextLabel"; "required": false; "isSignal": true; }; "menuSize": { "alias": "menuSize"; "required": false; "isSignal": true; }; "showProfileMenuItem": { "alias": "showProfileMenuItem"; "required": false; "isSignal": true; }; }, { "hamburgerClick": "hamburgerClick"; "themeToggleClick": "themeToggleClick"; "logoutClick": "logoutClick"; "profileClick": "profileClick"; "contextClick": "contextClick"; }, never, never, true, never>;
 }
 
 type PaginationSize = 'sm' | 'md' | 'lg';
@@ -2993,14 +2901,14 @@ type PaginationSize = 'sm' | 'md' | 'lg';
  * ```
  */
 declare class PaginationComponent {
-    currentPage: _angular_core.WritableSignal<number>;
-    totalItems: _angular_core.WritableSignal<number>;
-    pageSize: _angular_core.WritableSignal<number>;
-    size: _angular_core.WritableSignal<PaginationSize>;
-    maxVisiblePages: _angular_core.WritableSignal<number>;
-    ariaLabel: _angular_core.WritableSignal<string>;
-    showInfo: _angular_core.WritableSignal<boolean>;
-    readonly pageChange: EventEmitter<number>;
+    readonly currentPage: _angular_core.InputSignal<number>;
+    readonly totalItems: _angular_core.InputSignal<number>;
+    readonly pageSize: _angular_core.InputSignal<number>;
+    readonly size: _angular_core.InputSignal<PaginationSize>;
+    readonly maxVisiblePages: _angular_core.InputSignal<number>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly showInfo: _angular_core.InputSignal<boolean>;
+    readonly pageChange: _angular_core.OutputEmitterRef<number>;
     totalPages: _angular_core.Signal<number>;
     firstItemIndex: _angular_core.Signal<number>;
     lastItemIndex: _angular_core.Signal<number>;
@@ -3012,13 +2920,6 @@ declare class PaginationComponent {
      * Returns an array where -1 represents an ellipsis
      */
     visiblePages: _angular_core.Signal<number[]>;
-    set currentPageInput(value: number);
-    set totalItemsInput(value: number);
-    set pageSizeInput(value: number);
-    set sizeInput(value: PaginationSize);
-    set maxVisiblePagesInput(value: number);
-    set ariaLabelInput(value: string);
-    set showInfoInput(value: boolean);
     goToPreviousPage(): void;
     goToNextPage(): void;
     goToPage(page: number): void;
@@ -3026,7 +2927,7 @@ declare class PaginationComponent {
     isEllipsis(page: number): boolean;
     shouldRender(): boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PaginationComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PaginationComponent, "lc-pagination", never, { "currentPageInput": { "alias": "currentPageInput"; "required": false; }; "totalItemsInput": { "alias": "totalItemsInput"; "required": false; }; "pageSizeInput": { "alias": "pageSizeInput"; "required": false; }; "sizeInput": { "alias": "sizeInput"; "required": false; }; "maxVisiblePagesInput": { "alias": "maxVisiblePagesInput"; "required": false; }; "ariaLabelInput": { "alias": "ariaLabelInput"; "required": false; }; "showInfoInput": { "alias": "showInfoInput"; "required": false; }; }, { "pageChange": "pageChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PaginationComponent, "lc-pagination", never, { "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "maxVisiblePages": { "alias": "maxVisiblePages"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "showInfo": { "alias": "showInfo"; "required": false; "isSignal": true; }; }, { "pageChange": "pageChange"; }, never, never, true, never>;
 }
 
 type SidenavPosition = 'left' | 'right';
@@ -3066,104 +2967,56 @@ type SidenavMode = 'drawer' | 'docked';
  *   (itemAction)="onAction($event)" />
  * ```
  */
-declare class SidenavComponent implements OnInit, OnDestroy {
-    /** Whether the sidenav is collapsed to icon-only rail */
-    collapsed: _angular_core.WritableSignal<boolean>;
+declare class SidenavComponent implements OnDestroy {
+    /** Whether the sidenav is collapsed to icon-only rail (two-way bindable) */
+    readonly collapsed: _angular_core.ModelSignal<boolean>;
     /** Whether to show the logo at the top of the sidenav */
-    showLogo: _angular_core.WritableSignal<boolean>;
+    readonly showLogo: _angular_core.InputSignal<boolean>;
     /** Whether the sidenav is open */
-    isOpen: _angular_core.WritableSignal<boolean>;
+    readonly isOpen: _angular_core.InputSignal<boolean>;
     /** Display mode: 'drawer' (overlay) or 'docked' (persistent sidebar) */
-    mode: _angular_core.WritableSignal<SidenavMode>;
+    readonly mode: _angular_core.InputSignal<SidenavMode>;
     /** Mobile breakpoint in pixels. Below this width, docked mode switches to drawer. */
-    mobileBreakpoint: _angular_core.WritableSignal<number>;
+    readonly mobileBreakpoint: _angular_core.InputSignal<number>;
     /** Whether the viewport is below the mobile breakpoint */
-    isMobile: _angular_core.WritableSignal<boolean>;
+    readonly isMobile: _angular_core.WritableSignal<boolean>;
     /** Effective mode: switches docked → drawer on mobile */
-    effectiveMode: _angular_core.Signal<SidenavMode>;
+    readonly effectiveMode: _angular_core.Signal<SidenavMode>;
     private mediaQuery;
     private mediaHandler;
     /** Position of the sidenav (left or right) */
-    position: _angular_core.WritableSignal<SidenavPosition>;
+    readonly position: _angular_core.InputSignal<SidenavPosition>;
     /** Width of the sidenav drawer */
-    width: _angular_core.WritableSignal<string>;
+    readonly width: _angular_core.InputSignal<string>;
     /** ARIA label for the sidenav */
-    ariaLabel: _angular_core.WritableSignal<string>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
     /** Whether to show the overlay backdrop */
-    hasOverlay: _angular_core.WritableSignal<boolean>;
+    readonly hasOverlay: _angular_core.InputSignal<boolean>;
     /** Navigation items to display */
-    items: _angular_core.WritableSignal<NavigationItem[]>;
+    readonly items: _angular_core.InputSignal<NavigationItem[]>;
     /** Current active route for highlighting */
-    activeRoute: _angular_core.WritableSignal<string>;
+    readonly activeRoute: _angular_core.InputSignal<string>;
+    /** Theme variant for the sidenav */
+    readonly theme: _angular_core.InputSignal<"light" | "dark" | "auto">;
     /** Track which parent items are expanded */
-    expandedItems: _angular_core.WritableSignal<Set<string>>;
+    readonly expandedItems: _angular_core.WritableSignal<Set<string>>;
     /**
      * Computed sorted navigation items by displayOrder
      */
-    sortedItems: _angular_core.Signal<NavigationItem[]>;
-    /**
-     * Input setter for isOpen
-     */
-    set isOpenInput(value: boolean);
-    /**
-     * Input setter for mode
-     */
-    set modeInput(value: SidenavMode);
-    /**
-     * Input setter for position
-     */
-    set positionInput(value: SidenavPosition);
-    /**
-     * Input setter for width
-     */
-    set widthInput(value: string);
-    /**
-     * Input setter for ariaLabel
-     */
-    set ariaLabelInput(value: string);
-    /**
-     * Input setter for hasOverlay
-     */
-    set hasOverlayInput(value: boolean);
-    /**
-     * Input setter for navigation items
-     */
-    set itemsInput(value: NavigationItem[]);
-    /**
-     * Input setter for active route
-     */
-    set activeRouteInput(value: string);
-    /**
-     * Input setter for collapsed
-     */
-    set collapsedInput(value: boolean);
-    /**
-     * Input setter for showLogo
-     */
-    set showLogoInput(value: boolean);
-    /**
-     * Input setter for mobileBreakpoint
-     */
-    set mobileBreakpointInput(value: number);
-    /** Theme variant for the sidenav */
-    themeMode: _angular_core.WritableSignal<"light" | "dark" | "auto">;
-    /**
-     * Input setter for theme
-     */
-    set themeInput(value: 'light' | 'dark' | 'auto');
+    readonly sortedItems: _angular_core.Signal<NavigationItem[]>;
     /**
      * Event emitted when the sidenav should close
      */
-    readonly closed: EventEmitter<void>;
+    readonly closed: _angular_core.OutputEmitterRef<void>;
     /**
      * Event emitted when a navigation item is clicked
      */
-    readonly itemClicked: EventEmitter<NavigationItem>;
+    readonly itemClicked: _angular_core.OutputEmitterRef<NavigationItem>;
     /**
      * Event emitted when an item's action button is clicked
      */
-    readonly itemAction: EventEmitter<NavigationItem>;
-    ngOnInit(): void;
+    readonly itemAction: _angular_core.OutputEmitterRef<NavigationItem>;
+    constructor();
     ngOnDestroy(): void;
     private setupMediaQuery;
     private teardownMediaQuery;
@@ -3215,7 +3068,7 @@ declare class SidenavComponent implements OnInit, OnDestroy {
      */
     handleKeydown(event: KeyboardEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidenavComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidenavComponent, "lc-sidenav", never, { "isOpenInput": { "alias": "isOpenInput"; "required": false; }; "modeInput": { "alias": "modeInput"; "required": false; }; "positionInput": { "alias": "positionInput"; "required": false; }; "widthInput": { "alias": "widthInput"; "required": false; }; "ariaLabelInput": { "alias": "ariaLabelInput"; "required": false; }; "hasOverlayInput": { "alias": "hasOverlayInput"; "required": false; }; "itemsInput": { "alias": "itemsInput"; "required": false; }; "activeRouteInput": { "alias": "activeRouteInput"; "required": false; }; "collapsedInput": { "alias": "collapsedInput"; "required": false; }; "showLogoInput": { "alias": "showLogoInput"; "required": false; }; "mobileBreakpointInput": { "alias": "mobileBreakpointInput"; "required": false; }; "themeInput": { "alias": "theme"; "required": false; }; }, { "closed": "closed"; "itemClicked": "itemClicked"; "itemAction": "itemAction"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidenavComponent, "lc-sidenav", never, { "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "showLogo": { "alias": "showLogo"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "mobileBreakpoint": { "alias": "mobileBreakpoint"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "hasOverlay": { "alias": "hasOverlay"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "activeRoute": { "alias": "activeRoute"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; "closed": "closed"; "itemClicked": "itemClicked"; "itemAction": "itemAction"; }, never, ["*"], true, never>;
 }
 
 type TabOrientation = 'horizontal' | 'vertical';
@@ -3226,16 +3079,16 @@ declare class TabComponent {
     /**
      * Tab label displayed in tab button
      */
-    label: string;
+    readonly label: _angular_core.InputSignal<string>;
     /**
      * Whether the tab is disabled
      * @default false
      */
-    disabled: boolean;
+    readonly disabled: _angular_core.InputSignal<boolean>;
     /**
      * Optional icon name (Heroicons)
      */
-    icon?: string;
+    readonly icon: _angular_core.InputSignal<string | undefined>;
     /**
      * Unique ID for accessibility
      */
@@ -3249,7 +3102,7 @@ declare class TabComponent {
      */
     template: TemplateRef<unknown>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabComponent, "lc-tab", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabComponent, "lc-tab", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 /**
  * Tabs component for organizing content into switchable views.
@@ -3272,20 +3125,23 @@ declare class TabComponent {
  */
 declare class TabsComponent implements AfterContentInit {
     /**
-     * Orientation input property
+     * Orientation of tabs
      * @default 'horizontal'
      */
-    set orientation(value: TabOrientation);
-    get orientation(): TabOrientation;
+    readonly orientation: _angular_core.InputSignal<TabOrientation>;
     /**
-     * Currently selected tab index
+     * Currently selected tab index (external input)
      * @default 0
      */
+    readonly selectedIndexInput: _angular_core.InputSignal<number>;
+    /**
+     * Currently selected tab index (internal writable signal)
+     */
     readonly selectedIndex: _angular_core.WritableSignal<number>;
     /**
      * Emitted when selected tab changes
      */
-    readonly selectedIndexChange: EventEmitter<number>;
+    readonly selectedIndexChange: _angular_core.OutputEmitterRef<number>;
     /**
      * Tab components
      */
@@ -3302,19 +3158,10 @@ declare class TabsComponent implements AfterContentInit {
         'lc-tabs--horizontal': boolean;
         'lc-tabs--vertical': boolean;
     }>;
-    /**
-     * Orientation of tabs (internal signal)
-     * @default 'horizontal'
-     */
-    private readonly _orientation;
     /**
      * Track tab registration
      */
     private registeredTabs;
-    /**
-     * Set selected index input
-     */
-    set selectedIndexInput(value: number);
     constructor();
     ngAfterContentInit(): void;
     /**
@@ -3357,7 +3204,7 @@ declare class TabsComponent implements AfterContentInit {
      */
     private getLastEnabledTab;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsComponent, "lc-tabs", never, { "orientation": { "alias": "orientation"; "required": false; }; "selectedIndexInput": { "alias": "selectedIndexInput"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; }, ["tabs"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsComponent, "lc-tabs", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "selectedIndexInput": { "alias": "selectedIndexInput"; "required": false; "isSignal": true; }; }, { "selectedIndexChange": "selectedIndexChange"; }, ["tabs"], never, true, never>;
 }
 
 type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
@@ -3677,10 +3524,10 @@ declare class ChipComponent {
  */
 declare class TableCellDirective {
     /** The column key this template applies to */
-    columnKey: string;
+    readonly columnKey: _angular_core.InputSignal<string>;
     template: TemplateRef<any>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableCellDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TableCellDirective, "[lcTableCell]", never, { "columnKey": { "alias": "lcTableCell"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TableCellDirective, "[lcTableCell]", never, { "columnKey": { "alias": "lcTableCell"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 interface TableColumn {
@@ -3835,6 +3682,7 @@ declare class TableComponent {
     protected commitEdit(rowIndex: number, column: string): void;
     protected cancelEdit(): void;
     protected onEditKeydown(event: KeyboardEvent, rowIndex: number, column: string): void;
+    protected getInputValue(event: Event): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent, "lc-table", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "hoverable": { "alias": "hoverable"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "paginate": { "alias": "paginate"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "filterable": { "alias": "filterable"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; }, { "sort": "sort"; "rowClick": "rowClick"; "cellEdit": "cellEdit"; "selectionChange": "selectionChange"; }, ["cellTemplates"], never, true, never>;
 }
@@ -4004,6 +3852,7 @@ declare class FilterBarComponent {
     isToggleActive(key: string, optionValue: string): boolean;
     /** Get toggle button classes */
     getToggleClasses(key: string, option: FilterOption): string;
+    protected getInputValue(event: Event): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilterBarComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterBarComponent, "lc-filter-bar", never, { "filters": { "alias": "filters"; "required": true; "isSignal": true; }; "values": { "alias": "values"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "valuesChange": "valuesChange"; }, never, never, true, never>;
 }
@@ -5336,7 +5185,6 @@ declare class ChatComponent implements AfterViewChecked {
     protected onKeydown(event: KeyboardEvent): void;
     protected send(): void;
     protected formatTime(date: Date | undefined): string;
-    protected trackById(_: number, msg: ChatMessage): string;
     private scrollToBottom;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChatComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChatComponent, "lc-chat", never, { "messages": { "alias": "messages"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "isStreaming": { "alias": "isStreaming"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showAvatars": { "alias": "showAvatars"; "required": false; "isSignal": true; }; "showTimestamps": { "alias": "showTimestamps"; "required": false; "isSignal": true; }; }, { "messageSend": "messageSend"; }, ["messageTemplate"], never, true, never>;
@@ -5953,8 +5801,6 @@ declare class KanbanBoardComponent {
     protected onDrop(event: DragEvent, toColumnId: string, toIndex?: number): void;
     protected onDragEnd(): void;
     protected onCardClick(card: KanbanCard, columnId: string): void;
-    protected trackColumn(_: number, col: KanbanColumn): string;
-    protected trackCard(_: number, card: KanbanCard): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<KanbanBoardComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<KanbanBoardComponent, "lc-kanban-board", never, { "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "showCardCount": { "alias": "showCardCount"; "required": false; "isSignal": true; }; "showWipLimit": { "alias": "showWipLimit"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; }, { "cardMoved": "cardMoved"; "cardClick": "cardClick"; }, never, never, true, never>;
 }
@@ -6117,7 +5963,7 @@ interface RenderPart {
     index: number;
     safeHtml?: SafeHtml;
     code?: string;
-    lang?: string;
+    lang?: CodeBlockLanguage;
 }
 /**
  * Markdown renderer component.
@@ -6288,6 +6134,7 @@ declare class LogViewerComponent implements AfterViewInit, OnDestroy {
     protected parseAnsi(text: string): string;
     protected highlightSearch(html: string): string;
     private escapeHtml;
+    protected getInputValue(event: Event): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogViewerComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogViewerComponent, "lc-log-viewer", never, { "lines": { "alias": "lines"; "required": false; "isSignal": true; }; "stream$": { "alias": "stream$"; "required": false; "isSignal": true; }; "maxLines": { "alias": "maxLines"; "required": false; "isSignal": true; }; "autoScroll": { "alias": "autoScroll"; "required": false; "isSignal": true; }; "showTimestamps": { "alias": "showTimestamps"; "required": false; "isSignal": true; }; "showLineNumbers": { "alias": "showLineNumbers"; "required": false; "isSignal": true; }; "ansiColors": { "alias": "ansiColors"; "required": false; "isSignal": true; }; "levelFilter": { "alias": "levelFilter"; "required": false; "isSignal": true; }; "searchQuery": { "alias": "searchQuery"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "lineClick": "lineClick"; "copyAll": "copyAll"; "scrollStateChange": "scrollStateChange"; }, never, never, true, never>;
 }