@sd-angular/core 19.0.0-beta.5 → 19.0.0-beta.51

package/forms/select/src/select.component.d.ts

@@ -1,69 +1,73 @@
-import { AfterViewInit, ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
-import { FormControl, FormGroup, NgForm, ValidatorFn } from '@angular/forms';
+import { AfterViewInit, OnDestroy, OnInit, // THÊM IMPORT NÀY
+Signal, TemplateRef } from '@angular/core';
+import { FormControl, ValidatorFn } from '@angular/forms';
 import { MatFormFieldAppearance } from '@angular/material/form-field';
 import { MatInput } from '@angular/material/input';
 import { MatSelect, MatSelectChange } from '@angular/material/select';
-import { MatTooltip } from '@angular/material/tooltip';
-import { SdItemDefDefDirective, SdLabelDefDirective, SdViewDefDirective } from '@sd-angular/core/forms/directives';
-import { ISdFormConfiguration, SdCustomValidator, SdFormControl, SdSearch, SdSelectionData } from '@sd-angular/core/forms/models';
+import { SdItemDefDefDirective, SdViewDefDirective } from '@sd-angular/core/forms/directives';
+import { SdCustomValidator, SdFormControl, SdSearch, SdSelectionData } from '@sd-angular/core/forms/models';
 import { SdSize } from '@sd-angular/core/utilities/models';
-import { BehaviorSubject, Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class SdSelect implements OnInit, AfterViewInit, OnDestroy {
     #private;
+    id: string;
+    matInputRef: Signal<MatInput | undefined>;
+    selectRef: Signal<MatSelect | undefined>;
+    sdLabelTemplate: Signal<TemplateRef<any> | undefined>;
+    sdValueTemplate: Signal<TemplateRef<any> | undefined>;
+    itemDef: Signal<SdItemDefDefDirective | undefined>;
+    sdViewDef: Signal<SdViewDefDirective | undefined>;
     private ref;
     private formConfig;
-    autoId?: string;
-    set _autoId(val: string | undefined | null);
-    set input(input: MatInput);
-    select?: MatSelect;
-    set name(val: string | undefined);
-    appearance: MatFormFieldAppearance;
-    hideInlineError: boolean;
-    set _hideInlineError(val: boolean | '');
+    private el;
+    autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
+    autoId: Signal<string | undefined>;
+    name: import("@angular/core").InputSignal<string>;
+    size: import("@angular/core").InputSignal<SdSize>;
+    form: import("@angular/core").InputSignal<any>;
+    label: import("@angular/core").InputSignal<string | undefined>;
+    helperText: import("@angular/core").InputSignal<string | undefined>;
+    placeholder: import("@angular/core").InputSignal<string | undefined>;
+    valueField: import("@angular/core").InputSignal<string>;
+    displayField: import("@angular/core").InputSignal<string>;
+    disabledField: import("@angular/core").InputSignal<string>;
+    cacheChecksum: import("@angular/core").InputSignal<any>;
+    limit: import("@angular/core").InputSignal<number>;
+    hyperlink: import("@angular/core").InputSignal<string | null | undefined>;
+    minWidthPanel: import("@angular/core").InputSignalWithTransform<string | number, string | number | null | undefined>;
+    hideInlineError: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    viewed: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    multiple: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    validator: import("@angular/core").InputSignal<SdCustomValidator | undefined>;
+    inlineError: import("@angular/core").InputSignal<string | undefined>;
+    appearanceInput: import("@angular/core").InputSignal<MatFormFieldAppearance | undefined>;
+    appearance: Signal<MatFormFieldAppearance>;
+    items: import("@angular/core").InputSignal<any[] | SdSearch | Signal<any[]> | null | undefined>;
+    valueModel: import("@angular/core").ModelSignal<string | number | boolean | (string | number)[] | null | undefined>;
+    sdChange: import("@angular/core").OutputEmitterRef<any>;
+    sdSelection: import("@angular/core").OutputEmitterRef<SdSelectionData<any>>;
     formControl: SdFormControl;
     inputControl: FormControl<string | null>;
-    size?: SdSize;
-    set form(val: NgForm | FormGroup | undefined | null);
-    label?: string;
-    set _label(val: string | undefined);
-    helperText?: string;
-    set _helperText(val: string | undefined);
-    placeholder?: string;
-    display?: Observable<string>;
-    set model(value: boolean | number | string | (number | string)[] | undefined | null);
-    set items(items: undefined | null | any[] | SdSearch);
-    valueField: string;
-    displayField: string;
-    disabledField: string;
-    cacheChecksum: any;
-    loading$: BehaviorSubject<boolean>;
-    required: boolean;
-    set _required(val: boolean | '' | undefined | null);
-    set _validator(value: SdCustomValidator | undefined);
-    inlineError?: string;
-    set _inlineError(val: string);
-    set disabled(val: boolean | '' | undefined | null);
-    viewed: boolean;
-    set _viewed(val: boolean | '' | undefined | null);
-    viewedText?: Observable<string>;
-    hyperlink?: string | null;
-    multiple: boolean;
-    set _multiple(val: boolean | '' | undefined | null);
-    limit: number;
-    filtered: boolean;
-    itemDef?: SdItemDefDefDirective;
-    modelChange: EventEmitter<any>;
-    sdChange: EventEmitter<any>;
-    sdSelection: EventEmitter<SdSelectionData<any>>;
-    selectedItems?: Observable<any[]>;
-    filteredItems?: Observable<any[]>;
-    allSelected: boolean;
-    sdLabelDef?: SdLabelDefDirective;
-    sdViewDef?: SdViewDefDirective;
+    loading: import("@angular/core").WritableSignal<boolean>;
     isFocused: boolean;
-    tooltip?: string;
-    constructor(ref: ChangeDetectorRef, formConfig: ISdFormConfiguration);
+    allSelected: boolean;
+    actualItems: Signal<any[] | SdSearch | null | undefined>;
+    filteredItems: import("@angular/core").WritableSignal<any[]>;
+    selectedItems: import("@angular/core").WritableSignal<any[]>;
+    display: import("@angular/core").WritableSignal<string>;
+    calculatedPanelWidth: import("@angular/core").WritableSignal<string | number>;
+    normalizedValue: Signal<string | number | boolean | (string | number | boolean)[] | null | undefined>;
+    filtered: Signal<boolean>;
+    delayTime: Signal<500 | 0>;
+    itemValue: (item: any) => any;
+    itemDisplay: (item: any) => any;
+    itemDisabled: (item: any) => boolean;
+    setNestedValue: (obj: any, path: string, value: any) => void;
+    tooltip: Signal<string>;
+    updatePanelWidth: () => void;
+    constructor();
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -74,8 +78,6 @@ export declare class SdSelect implements OnInit, AfterViewInit, OnDestroy {
     onClick: () => void;
     focus: () => void;
     onOpenedChange: (isOpened: boolean) => void;
-    onOptionChange: (tooltip: MatTooltip) => void;
-    trackBy: (index: number, item: any) => any;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdSelect, [null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdSelect, "sd-select", never, { "_autoId": { "alias": "autoId"; "required": false; }; "name": { "alias": "name"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "_hideInlineError": { "alias": "hideInlineError"; "required": false; }; "size": { "alias": "size"; "required": false; }; "form": { "alias": "form"; "required": false; }; "_label": { "alias": "label"; "required": false; }; "_helperText": { "alias": "helperText"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "model": { "alias": "model"; "required": false; }; "items": { "alias": "items"; "required": false; }; "valueField": { "alias": "valueField"; "required": true; }; "displayField": { "alias": "displayField"; "required": true; }; "disabledField": { "alias": "disabledField"; "required": false; }; "cacheChecksum": { "alias": "cacheChecksum"; "required": false; }; "_required": { "alias": "required"; "required": false; }; "_validator": { "alias": "validator"; "required": false; }; "_inlineError": { "alias": "inlineError"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "_viewed": { "alias": "viewed"; "required": false; }; "hyperlink": { "alias": "hyperlink"; "required": false; }; "_multiple": { "alias": "multiple"; "required": false; }; "limit": { "alias": "limit"; "required": false; }; }, { "modelChange": "modelChange"; "sdChange": "sdChange"; "sdSelection": "sdSelection"; }, ["itemDef", "sdLabelDef", "sdViewDef"], never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdSelect, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdSelect, "sd-select", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": true; "isSignal": true; }; "displayField": { "alias": "displayField"; "required": true; "isSignal": true; }; "disabledField": { "alias": "disabledField"; "required": false; "isSignal": true; }; "cacheChecksum": { "alias": "cacheChecksum"; "required": false; "isSignal": true; }; "limit": { "alias": "limit"; "required": false; "isSignal": true; }; "hyperlink": { "alias": "hyperlink"; "required": false; "isSignal": true; }; "minWidthPanel": { "alias": "minWidthPanel"; "required": false; "isSignal": true; }; "hideInlineError": { "alias": "hideInlineError"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "viewed": { "alias": "viewed"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "validator": { "alias": "validator"; "required": false; "isSignal": true; }; "inlineError": { "alias": "inlineError"; "required": false; "isSignal": true; }; "appearanceInput": { "alias": "appearance"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "valueModel": { "alias": "model"; "required": false; "isSignal": true; }; }, { "valueModel": "modelChange"; "sdChange": "sdChange"; "sdSelection": "sdSelection"; }, ["sdLabelTemplate", "sdValueTemplate", "itemDef", "sdViewDef"], ["[sdLabel]"], true, never>;
 }

package/forms/textarea/src/textarea.component.d.ts

@@ -1,51 +1,44 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
-import { FormGroup, NgForm, ValidatorFn } from '@angular/forms';
+import { AfterViewInit, ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { ValidatorFn } from '@angular/forms';
 import { MatFormFieldAppearance } from '@angular/material/form-field';
 import { SdLabelDefDirective, SdSuffixDefDirective, SdViewDefDirective } from '@sd-angular/core/forms/directives';
-import { ISdFormConfiguration, SdCustomValidator, SdFormControl } from '@sd-angular/core/forms/models';
+import { SdCustomValidator, SdFormControl } from '@sd-angular/core/forms/models';
 import { SdSize } from '@sd-angular/core/utilities';
 import * as i0 from "@angular/core";
 export declare class SdTextarea implements OnInit, AfterViewInit, OnDestroy {
     #private;
+    id: string;
+    textareaRef: import("@angular/core").Signal<ElementRef<HTMLTextAreaElement> | undefined>;
+    sdViewDef: import("@angular/core").Signal<SdViewDefDirective | undefined>;
+    sdLabelDef: import("@angular/core").Signal<SdLabelDefDirective | undefined>;
+    sdSuffixDef: import("@angular/core").Signal<SdSuffixDefDirective | undefined>;
     private ref;
     private formConfig;
-    id: string;
-    autoId?: string;
-    set _autoId(val: string | undefined | null);
-    set name(val: string | undefined);
-    size?: SdSize;
-    appearance: MatFormFieldAppearance;
-    set form(val: NgForm | FormGroup | undefined | null);
-    label?: string;
-    set _label(val: string | undefined);
-    helperText?: string;
-    set _helperText(val: string | undefined);
-    placeholder: string;
-    rows: number;
-    set model(value: any);
-    modelChange: EventEmitter<any>;
-    sdChange: EventEmitter<any>;
-    hideInlineError: boolean;
-    set _hideInlineError(val: boolean | '' | undefined | null);
-    required: boolean;
-    set _required(val: boolean | '' | undefined | null);
-    maxlength: number | null;
-    set _maxlength(val: number | undefined | null);
-    set pattern(val: string);
-    set validator(validator: SdCustomValidator | undefined);
-    inlineError?: string;
-    set _inlineError(val: string);
-    set disabled(val: boolean | '' | undefined | null);
-    viewed: boolean;
-    set _viewed(val: boolean | '' | undefined | null);
-    set _autoHeight(val: boolean | '');
-    textarea: ElementRef;
-    sdViewDef?: SdViewDefDirective;
-    sdLabelDef?: SdLabelDefDirective;
-    sdSuffixDef?: SdSuffixDefDirective;
-    isFocused: boolean;
+    autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
+    autoId: import("@angular/core").Signal<string | undefined>;
+    name: import("@angular/core").InputSignal<string>;
+    size: import("@angular/core").InputSignal<SdSize>;
+    form: import("@angular/core").InputSignal<any>;
+    label: import("@angular/core").InputSignal<string | undefined>;
+    helperText: import("@angular/core").InputSignal<string | undefined>;
+    placeholder: import("@angular/core").InputSignal<string>;
+    rows: import("@angular/core").InputSignal<number>;
+    hideInlineError: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    viewed: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    autoHeight: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    maxlength: import("@angular/core").InputSignalWithTransform<number | null, unknown>;
+    pattern: import("@angular/core").InputSignal<string | undefined>;
+    validator: import("@angular/core").InputSignal<SdCustomValidator | undefined>;
+    inlineError: import("@angular/core").InputSignal<string | undefined>;
+    appearanceInput: import("@angular/core").InputSignal<MatFormFieldAppearance | undefined>;
+    appearance: import("@angular/core").Signal<MatFormFieldAppearance>;
+    valueModel: import("@angular/core").ModelSignal<any>;
+    sdChange: import("@angular/core").OutputEmitterRef<any>;
     formControl: SdFormControl;
-    constructor(ref: ChangeDetectorRef, formConfig: ISdFormConfiguration);
+    isFocused: boolean;
+    constructor();
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -55,6 +48,6 @@ export declare class SdTextarea implements OnInit, AfterViewInit, OnDestroy {
     blur: () => void;
     focus: () => void;
     customInlineErrorValidator(): ValidatorFn;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdTextarea, [null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdTextarea, "sd-textarea", never, { "_autoId": { "alias": "autoId"; "required": false; }; "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "form": { "alias": "form"; "required": false; }; "_label": { "alias": "label"; "required": false; }; "_helperText": { "alias": "helperText"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "model": { "alias": "model"; "required": false; }; "_hideInlineError": { "alias": "hideInlineError"; "required": false; }; "_required": { "alias": "required"; "required": false; }; "_maxlength": { "alias": "maxlength"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "validator": { "alias": "validator"; "required": false; }; "_inlineError": { "alias": "inlineError"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "_viewed": { "alias": "viewed"; "required": false; }; "_autoHeight": { "alias": "autoHeight"; "required": false; }; }, { "modelChange": "modelChange"; "sdChange": "sdChange"; }, ["sdViewDef", "sdLabelDef", "sdSuffixDef"], never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdTextarea, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdTextarea, "sd-textarea", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "hideInlineError": { "alias": "hideInlineError"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "viewed": { "alias": "viewed"; "required": false; "isSignal": true; }; "autoHeight": { "alias": "autoHeight"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "validator": { "alias": "validator"; "required": false; "isSignal": true; }; "inlineError": { "alias": "inlineError"; "required": false; "isSignal": true; }; "appearanceInput": { "alias": "appearance"; "required": false; "isSignal": true; }; "valueModel": { "alias": "model"; "required": false; "isSignal": true; }; }, { "valueModel": "modelChange"; "sdChange": "sdChange"; }, ["sdViewDef", "sdLabelDef", "sdSuffixDef"], never, true, never>;
 }

package/modules/index.d.ts

@@ -1,4 +1,4 @@
-export * from '@sd-angular/core/modules/oidc';
+export * from '@sd-angular/core/modules/keycloak';
 export * from '@sd-angular/core/modules/permission';
 export * from '@sd-angular/core/modules/auth';
 export * from '@sd-angular/core/modules/layout';

package/modules/keycloak/index.d.ts

@@ -0,0 +1,4 @@
+export * from './keycloak.configuration';
+export * from './keycloak.service';
+export * from './keycloak.interceptor';
+export * from './keycloak.module';

package/modules/keycloak/keycloak.configuration.d.ts

@@ -0,0 +1,11 @@
+import { InjectionToken } from '@angular/core';
+export interface SdKeycloakTenantConfig {
+    url: string;
+    realm: string;
+    clientId: string;
+    secureRoutes?: string[];
+}
+export interface ISdKeycloakConfiguration {
+    loadTenantConfig: () => Promise<SdKeycloakTenantConfig>;
+}
+export declare const SD_KEYCLOAK_CONFIGURATION: InjectionToken<ISdKeycloakConfiguration>;

package/modules/keycloak/keycloak.interceptor.d.ts

@@ -0,0 +1,2 @@
+import { HttpInterceptorFn } from '@angular/common/http';
+export declare const SdKeycloakInterceptor: HttpInterceptorFn;

package/modules/keycloak/keycloak.module.d.ts

@@ -0,0 +1,18 @@
+import { ModuleWithProviders, Type, EnvironmentProviders } from '@angular/core';
+import { ISdKeycloakConfiguration } from './keycloak.configuration';
+import * as i0 from "@angular/core";
+export declare function provideSdKeycloak(options: {
+    useClass?: Type<ISdKeycloakConfiguration>;
+    useFactory?: (...args: any[]) => ISdKeycloakConfiguration;
+    deps?: any[];
+}): EnvironmentProviders;
+export declare class SdKeycloakModule {
+    static forRoot(options: {
+        useClass?: Type<ISdKeycloakConfiguration>;
+        useFactory?: (...args: any[]) => ISdKeycloakConfiguration;
+        deps?: any[];
+    }): ModuleWithProviders<SdKeycloakModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdKeycloakModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SdKeycloakModule, never, never, never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SdKeycloakModule>;
+}

package/modules/keycloak/keycloak.service.d.ts

@@ -0,0 +1,14 @@
+import Keycloak from 'keycloak-js';
+import { SdKeycloakTenantConfig } from './keycloak.configuration';
+import * as i0 from "@angular/core";
+export declare class SdKeycloakService {
+    keycloak: Keycloak;
+    config: SdKeycloakTenantConfig;
+    init(config: SdKeycloakTenantConfig): Promise<boolean>;
+    login(): Promise<void>;
+    logout(): Promise<void>;
+    getToken(): string | undefined;
+    getIsAuthenticated(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdKeycloakService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SdKeycloakService>;
+}

package/modules/layout/components/layout-main/layout-main.component.d.ts

@@ -1,16 +1,11 @@
-import { OnInit } from '@angular/core';
 import { SdLayoutMenu } from '../../services';
-import { MenuPipe } from '../../pipes';
-import { ISdLayoutConfiguration, ISdSidebarConfiguration } from '../../configurations';
 import * as i0 from "@angular/core";
-export declare class SdLayoutComponent implements OnInit {
-    private layoutConfig;
-    private menuPipe;
-    constructor(layoutConfig: ISdLayoutConfiguration, menuPipe: MenuPipe);
-    menus: SdLayoutMenu[];
-    set _menus(menus: SdLayoutMenu[]);
-    sidebarConfiguration: ISdSidebarConfiguration;
-    ngOnInit(): Promise<void>;
+export declare class SdLayoutComponent {
+    #private;
+    menusInput: import("@angular/core").InputSignal<SdLayoutMenu[]>;
+    menus: import("@angular/core").Signal<SdLayoutMenu[]>;
+    userInfo: import("@angular/core").WritableSignal<import("@sd-angular/core/modules/layout").SdLayoutUserInfo | undefined>;
+    sidebar: import("@angular/core").WritableSignal<import("@sd-angular/core/modules/layout").SidebarConfigurationV1 | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdLayoutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdLayoutComponent, "sd-layout", never, { "_menus": { "alias": "menus"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdLayoutComponent, "sd-layout", never, { "menusInput": { "alias": "menus"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/modules/layout/components/sidebar-v1/components/sidebar/sidebar.component.d.ts

@@ -1,38 +1,31 @@
 import { NestedTreeControl } from '@angular/cdk/tree';
-import { Params, Router } from '@angular/router';
 import { MatTreeNestedDataSource } from '@angular/material/tree';
-import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
-import { SdLayoutStorageService, SdLayoutMenu } from '../../../../services';
-import { MenuFocusPipe } from '../../../../pipes';
-import { ISdLayoutConfiguration, ISidebarConfigurationV1 } from '../../../../configurations';
+import { Params } from '@angular/router';
+import { SdLayoutUserInfo, SidebarConfigurationV1 } from '../../../../configurations';
+import { SdLayoutMenu } from '../../../../services';
 import * as i0 from "@angular/core";
-export declare class LayoutSidebarComponent implements OnDestroy, OnInit {
+export declare class SidebarComponent {
     #private;
-    private router;
-    private layoutConfiguration;
-    private layoutStorageService;
-    private menuFocusPipe;
-    isShowSidebar: boolean;
-    set _menus(menus: SdLayoutMenu[]);
-    expandSideBar: EventEmitter<void>;
-    popupUserMenuClosed: EventEmitter<void>;
-    popupUserMenuOpened: EventEmitter<void>;
-    showSideBar: EventEmitter<boolean | null>;
-    menusOrigin: SdLayoutMenu[];
+    isShowSidebar: import("@angular/core").InputSignal<boolean>;
+    menus: import("@angular/core").InputSignal<SdLayoutMenu[]>;
+    userInfo: import("@angular/core").InputSignal<SdLayoutUserInfo>;
+    sidebar: import("@angular/core").InputSignal<SidebarConfigurationV1>;
+    expandSideBar: import("@angular/core").OutputEmitterRef<void>;
+    popupUserMenuClosed: import("@angular/core").OutputEmitterRef<void>;
+    popupUserMenuOpened: import("@angular/core").OutputEmitterRef<void>;
+    showSideBar: import("@angular/core").OutputEmitterRef<boolean | null>;
     screenHeight: number;
-    searchText: string;
-    isMenuLock: boolean;
-    currentPath: string;
-    titleMenuGroup: string | undefined;
     isMobileOrTablet: boolean;
-    sidebar: ISidebarConfigurationV1;
+    isMenuLock: import("@angular/core").WritableSignal<boolean>;
+    currentPath: import("@angular/core").WritableSignal<string>;
+    searchText: import("@angular/core").WritableSignal<string>;
+    titleMenuGroup: import("@angular/core").WritableSignal<string | undefined>;
+    idMenuGroupActive: import("@angular/core").WritableSignal<string | undefined>;
+    menusByGroup: import("@angular/core").WritableSignal<SdLayoutMenu[]>;
+    totalMenuInMenusByGroup: import("@angular/core").Signal<number>;
     dataSource: MatTreeNestedDataSource<SdLayoutMenu>;
-    idMenuGroupActive: string | undefined;
-    menusByGroup: SdLayoutMenu[];
     treeControl: NestedTreeControl<SdLayoutMenu, SdLayoutMenu>;
-    constructor(router: Router, layoutConfiguration: ISdLayoutConfiguration, layoutStorageService: SdLayoutStorageService, menuFocusPipe: MenuFocusPipe);
-    ngOnInit(): Promise<void>;
-    ngOnDestroy(): void;
+    constructor();
     hasChild: (_: number, node: SdLayoutMenu) => boolean;
     onToggleMenuNode: (menu: SdLayoutMenu) => void;
     toggleMenuLock(event: Event): void;
@@ -50,6 +43,6 @@ export declare class LayoutSidebarComponent implements OnDestroy, OnInit {
     onMouseLeaveMenuGroupNode: (event: MouseEvent, menuNode: SdLayoutMenu) => void;
     onMouseOverMenuNode: (event: MouseEvent, menuItem: SdLayoutMenu) => void;
     onMouseLeaveMenuNode: (event: MouseEvent, menuItem: SdLayoutMenu) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LayoutSidebarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutSidebarComponent, "lib-layout-sidebar", never, { "isShowSidebar": { "alias": "isShowSidebar"; "required": false; }; "_menus": { "alias": "menus"; "required": false; }; }, { "expandSideBar": "expandSideBar"; "popupUserMenuClosed": "popupUserMenuClosed"; "popupUserMenuOpened": "popupUserMenuOpened"; "showSideBar": "showSideBar"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SidebarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarComponent, "sidebar", never, { "isShowSidebar": { "alias": "isShowSidebar"; "required": true; "isSignal": true; }; "menus": { "alias": "menus"; "required": true; "isSignal": true; }; "userInfo": { "alias": "userInfo"; "required": true; "isSignal": true; }; "sidebar": { "alias": "sidebar"; "required": true; "isSignal": true; }; }, { "expandSideBar": "expandSideBar"; "popupUserMenuClosed": "popupUserMenuClosed"; "popupUserMenuOpened": "popupUserMenuOpened"; "showSideBar": "showSideBar"; }, never, never, true, never>;
 }

package/modules/layout/components/sidebar-v1/components/user/user.component.d.ts

@@ -1,22 +1,16 @@
-import { EventEmitter } from '@angular/core';
-import { SdLayoutStorageService } from '../../../../services';
-import { ISdLayoutConfiguration } from '../../../../configurations';
+import { SdLayoutUserInfo } from '../../../../configurations';
 import * as i0 from "@angular/core";
 export declare class LayoutUserComponent {
-    private layoutConfig;
-    private layoutStorageService;
-    isMobileOrTablet: boolean;
-    isMenuLock: boolean;
-    isShowSidebar: boolean;
-    menuClosed: EventEmitter<boolean>;
-    menuOpened: EventEmitter<boolean>;
-    toggleMenuLock: EventEmitter<Event>;
-    email: string;
-    username: string;
-    fullName: string;
+    #private;
+    isMobileOrTablet: import("@angular/core").InputSignal<boolean>;
+    isMenuLock: import("@angular/core").InputSignal<boolean>;
+    isShowSidebar: import("@angular/core").InputSignal<boolean>;
+    userInfo: import("@angular/core").InputSignal<SdLayoutUserInfo>;
+    menuClosed: import("@angular/core").OutputEmitterRef<void>;
+    menuOpened: import("@angular/core").OutputEmitterRef<void>;
+    toggleMenuLock: import("@angular/core").OutputEmitterRef<Event>;
     singoutLayoutConfig: () => void | Promise<void>;
-    changePasswordLayoutConfig?: () => void | Promise<void>;
-    constructor(layoutConfig: ISdLayoutConfiguration, layoutStorageService: SdLayoutStorageService);
+    changePasswordLayoutConfig: (() => void | Promise<void>) | undefined;
     onMenuOpened: () => void;
     onMenuClosed: () => void;
     keepOpenWhenClickInsideMenu: (event: Event) => void;
@@ -24,5 +18,5 @@ export declare class LayoutUserComponent {
     changePassword: () => void;
     onToggleMenuLock: (event: Event) => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LayoutUserComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutUserComponent, "lib-layout-user", never, { "isMobileOrTablet": { "alias": "isMobileOrTablet"; "required": false; }; "isMenuLock": { "alias": "isMenuLock"; "required": false; }; "isShowSidebar": { "alias": "isShowSidebar"; "required": false; }; }, { "menuClosed": "menuClosed"; "menuOpened": "menuOpened"; "toggleMenuLock": "toggleMenuLock"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutUserComponent, "lib-layout-user", never, { "isMobileOrTablet": { "alias": "isMobileOrTablet"; "required": false; "isSignal": true; }; "isMenuLock": { "alias": "isMenuLock"; "required": false; "isSignal": true; }; "isShowSidebar": { "alias": "isShowSidebar"; "required": false; "isSignal": true; }; "userInfo": { "alias": "userInfo"; "required": true; "isSignal": true; }; }, { "menuClosed": "menuClosed"; "menuOpened": "menuOpened"; "toggleMenuLock": "toggleMenuLock"; }, never, never, true, never>;
 }

package/modules/layout/components/sidebar-v1/main.component.d.ts

@@ -1,24 +1,24 @@
 import { MatSidenav } from '@angular/material/sidenav';
-import { SdLayoutStorageService, SdLayoutMenu } from '../../services';
+import { SdLayoutUserInfo, SidebarConfigurationV1 } from '../../configurations';
+import { SdLayoutMenu } from '../../services';
 import * as i0 from "@angular/core";
-export declare class LayoutSideBarMainV1Component {
+export declare class SidebarV1Component {
     #private;
-    private layoutStorageService;
-    constructor(layoutStorageService: SdLayoutStorageService);
-    sidenav: MatSidenav;
-    menus: SdLayoutMenu[];
-    onhover: boolean;
-    isMenuLock: boolean;
-    isShowSidebar: boolean;
-    isMobileOrTablet: boolean;
-    timerMouseInMenu: ReturnType<typeof setTimeout> | null;
-    timerMouseOutMenu: ReturnType<typeof setTimeout> | null;
+    sidenav: import("@angular/core").Signal<MatSidenav>;
+    menus: import("@angular/core").InputSignal<SdLayoutMenu[]>;
+    userInfo: import("@angular/core").InputSignal<SdLayoutUserInfo>;
+    sidebar: import("@angular/core").InputSignal<SidebarConfigurationV1>;
+    isMobileOrTablet: import("@angular/core").WritableSignal<boolean>;
+    isMenuLock: import("@angular/core").WritableSignal<boolean>;
+    isShowSidebar: import("@angular/core").WritableSignal<boolean>;
+    onhover: import("@angular/core").WritableSignal<boolean>;
+    constructor();
     openSidebar: () => void;
     onPopupOfSideBarOpened: () => void;
     onPopupOfSideBarClosed: () => void;
     onExpandSideBar: () => void;
     onMouseleaveSideBar: () => void;
     onToggle: (data: boolean | null) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LayoutSideBarMainV1Component, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutSideBarMainV1Component, "lib-layout-sidebar-main-v1", never, { "menus": { "alias": "menus"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SidebarV1Component, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarV1Component, "sidebar-v1", never, { "menus": { "alias": "menus"; "required": false; "isSignal": true; }; "userInfo": { "alias": "userInfo"; "required": true; "isSignal": true; }; "sidebar": { "alias": "sidebar"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/modules/layout/configurations/layout.configuration.d.ts

@@ -1,16 +1,59 @@
 import { InjectionToken } from '@angular/core';
+import { SdMaybeAsync } from '@sd-angular/core/utilities/models';
 export interface ISdLayoutConfiguration {
     homeUrl?: string;
-    sidebar: ISdSidebarConfiguration | (() => ISdSidebarConfiguration | Promise<ISdSidebarConfiguration>);
+    sidebar: ISdSidebarConfiguration | (() => SdMaybeAsync<ISdSidebarConfiguration>);
+    userInfo: SdLayoutUserInfo | (() => SdMaybeAsync<SdLayoutUserInfo>);
     signout: () => void | Promise<void>;
     changePassword?: () => void | Promise<void>;
 }
-export type ISdSidebarConfiguration = ISidebarConfigurationV1;
-export interface ISidebarConfigurationV1 {
+export interface SdLayoutUserInfo {
+    /**
+     * Tên đăng nhập hoặc tên định danh của người dùng.
+     * Thường dùng làm định danh rút gọn hoặc fallback hiển thị nếu user chưa cập nhật fullName.
+     */
+    username?: string;
+    /**
+     * Địa chỉ thư điện tử của người dùng.
+     * Thường được hiển thị bên dưới tên người dùng trong popup/menu thông tin tài khoản.
+     */
+    email?: string;
+    /**
+     * Họ và tên đầy đủ của người dùng.
+     * Đây là thông tin được ưu tiên hiển thị chính trên giao diện (VD: góc phải màn hình, lời chào).
+     */
+    fullName?: string;
+    /**
+     * Hình đại diện (avatar) của người dùng.
+     * Nếu để trống, hệ thống sẽ tự động lấy ký tự đầu tiên của fullName hoặc username để tạo avatar mặc định.
+     * Hỗ trợ các định dạng: URL (http/https), chuỗi base64 (data:image), hoặc đường dẫn nội bộ.
+     */
+    avatar?: string;
+}
+export type ISdSidebarConfiguration = SidebarConfigurationV1;
+export interface SidebarConfigurationV1 {
     version: 1;
+    /**
+     * Màu brand chính.
+     * Nên sử dụng mã màu #HEX hoặc rgb để hỗ trợ opacity khi hover.
+     * Ví dụ: #1890ff, rgb(24,144,255)
+     */
     brandColor?: string;
+    /**
+     * Màu brand nhạt (light).
+     * Dùng cho background, hover nhẹ.
+     */
     brandLightColor?: string;
+    /**
+     * URL logo hiển thị ở sidebar.
+     * Nên đặt trong thư mục public hoặc dùng URL CDN.
+     */
     logoUrl?: string;
+    /**
+     * Title mặc định của hệ thống.
+     * Nếu menu không truyền title thì sẽ dùng giá trị này.
+     * @default "Back Office"
+     */
     defaultTitle?: string;
 }
 export declare const SD_LAYOUT_CONFIGURATION: InjectionToken<ISdLayoutConfiguration>;

package/modules/layout/modules/forbidden/pages/root/root.component.d.ts

@@ -1,14 +1,9 @@
-import { ActivatedRoute } from '@angular/router';
-import { SdLayoutStorageService } from '../../../../services';
 import * as i0 from "@angular/core";
 export declare class RootComponent {
     #private;
-    private route;
-    private layoutStorageService;
-    url: string;
-    email: string;
-    constructor(route: ActivatedRoute, layoutStorageService: SdLayoutStorageService);
-    todayInfo: string;
+    readonly url: import("@angular/core").WritableSignal<string>;
+    readonly todayInfo: import("@angular/core").WritableSignal<string>;
+    userInfo: import("@angular/core").WritableSignal<import("@sd-angular/core/modules/layout").SdLayoutUserInfo | undefined>;
     reload(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RootComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<RootComponent, "ng-component", never, {}, {}, never, never, true, never>;

package/modules/layout/modules/home/components/home-page/home-page.component.d.ts

@@ -1,11 +1,8 @@
-import { SdLayoutStorageService } from '../../../../services';
 import * as i0 from "@angular/core";
 export declare class HomePageComponent {
     #private;
-    private layoutStorageService;
-    fullName: string;
-    constructor(layoutStorageService: SdLayoutStorageService);
-    todayInfo: string;
+    readonly todayInfo: import("@angular/core").WritableSignal<string>;
+    userInfo: import("@angular/core").WritableSignal<import("@sd-angular/core/modules/layout").SdLayoutUserInfo | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<HomePageComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<HomePageComponent, "app-home-page", never, {}, {}, never, never, true, never>;
 }

package/modules/layout/modules/not-found/pages/root/root.component.d.ts

@@ -1,14 +1,9 @@
-import { ActivatedRoute } from '@angular/router';
-import { SdLayoutStorageService } from '../../../../services';
 import * as i0 from "@angular/core";
 export declare class RootComponent {
     #private;
-    private route;
-    private layoutStorageService;
-    url: string;
-    email: string;
-    constructor(route: ActivatedRoute, layoutStorageService: SdLayoutStorageService);
-    todayInfo: string;
+    readonly url: import("@angular/core").WritableSignal<string>;
+    readonly todayInfo: import("@angular/core").WritableSignal<string>;
+    userInfo: import("@angular/core").WritableSignal<import("@sd-angular/core/modules/layout").SdLayoutUserInfo | undefined>;
     reload(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RootComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<RootComponent, "ng-component", never, {}, {}, never, never, true, never>;

package/modules/layout/services/index.d.ts

@@ -1,2 +1,3 @@
 export * from './menu/menu.model';
 export * from './storage/storage.service';
+export * from './layout.service';