@sd-angular/core 19.0.0-beta.8 → 19.0.0-beta.80

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

@@ -1,72 +1,77 @@
-import { AfterViewInit, ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
-import { FormControl, FormGroup, NgForm, ValidatorFn } from '@angular/forms';
-import { MatFormFieldAppearance } from '@angular/material/form-field';
+import { OnInit, // THÊM IMPORT NÀY
+Signal, TemplateRef } from '@angular/core';
+import { FormControl, FormGroup, ValidatorFn } from '@angular/forms';
+import { FloatLabelType, 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 {
+export declare class SdSelect<T extends object | string | number = Record<string, unknown>> implements OnInit {
     #private;
-    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 | '');
+    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>;
+    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").InputSignalWithTransform<FormGroup<any> | undefined, 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<T extends object ? { [Key in keyof T & string]: T[Key] extends string | number | boolean | Function | Date | null | undefined ? Key : T[Key] extends any[] ? Key : T[Key] extends object ? Key | `${Key}.${T[Key] extends infer T_1 ? T_1 extends T[Key] ? T_1 extends object ? { [Key_1 in keyof T_1 & string]: T_1[Key_1] extends string | number | boolean | Function | Date | null | undefined ? Key_1 : T_1[Key_1] extends any[] ? Key_1 : T_1[Key_1] extends object ? Key_1 | `${Key_1}.${T_1[Key_1] extends infer T_2 ? T_2 extends T_1[Key_1] ? T_2 extends object ? { [Key_2 in keyof T_2 & string]: T_2[Key_2] extends string | number | boolean | Function | Date | null | undefined ? Key_2 : T_2[Key_2] extends any[] ? Key_2 : T_2[Key_2] extends object ? Key_2 | `${Key_2}.${T_2[Key_2] extends infer T_3 ? T_3 extends T_2[Key_2] ? T_3 extends object ? { [Key_3 in keyof T_3 & string]: T_3[Key_3] extends string | number | boolean | Function | Date | null | undefined ? Key_3 : T_3[Key_3] extends any[] ? Key_3 : T_3[Key_3] extends object ? Key_3 : Key_3; }[keyof T_3 & string] : string : never : never}` : Key_2; }[keyof T_2 & string] : string : never : never}` : Key_1; }[keyof T_1 & string] : string : never : never}` : Key; }[keyof T & string] : string>;
+    displayField: import("@angular/core").InputSignal<T extends object ? { [Key in keyof T & string]: T[Key] extends string | number | boolean | Function | Date | null | undefined ? Key : T[Key] extends any[] ? Key : T[Key] extends object ? Key | `${Key}.${T[Key] extends infer T_1 ? T_1 extends T[Key] ? T_1 extends object ? { [Key_1 in keyof T_1 & string]: T_1[Key_1] extends string | number | boolean | Function | Date | null | undefined ? Key_1 : T_1[Key_1] extends any[] ? Key_1 : T_1[Key_1] extends object ? Key_1 | `${Key_1}.${T_1[Key_1] extends infer T_2 ? T_2 extends T_1[Key_1] ? T_2 extends object ? { [Key_2 in keyof T_2 & string]: T_2[Key_2] extends string | number | boolean | Function | Date | null | undefined ? Key_2 : T_2[Key_2] extends any[] ? Key_2 : T_2[Key_2] extends object ? Key_2 | `${Key_2}.${T_2[Key_2] extends infer T_3 ? T_3 extends T_2[Key_2] ? T_3 extends object ? { [Key_3 in keyof T_3 & string]: T_3[Key_3] extends string | number | boolean | Function | Date | null | undefined ? Key_3 : T_3[Key_3] extends any[] ? Key_3 : T_3[Key_3] extends object ? Key_3 : Key_3; }[keyof T_3 & string] : string : never : never}` : Key_2; }[keyof T_2 & string] : string : never : never}` : Key_1; }[keyof T_1 & string] : string : never : never}` : Key; }[keyof T & string] : string>;
+    disabledField: import("@angular/core").InputSignal<"" | (T extends object ? { [Key in keyof T & string]: T[Key] extends string | number | boolean | Function | Date | null | undefined ? Key : T[Key] extends any[] ? Key : T[Key] extends object ? Key | `${Key}.${T[Key] extends infer T_1 ? T_1 extends T[Key] ? T_1 extends object ? { [Key_1 in keyof T_1 & string]: T_1[Key_1] extends string | number | boolean | Function | Date | null | undefined ? Key_1 : T_1[Key_1] extends any[] ? Key_1 : T_1[Key_1] extends object ? Key_1 | `${Key_1}.${T_1[Key_1] extends infer T_2 ? T_2 extends T_1[Key_1] ? T_2 extends object ? { [Key_2 in keyof T_2 & string]: T_2[Key_2] extends string | number | boolean | Function | Date | null | undefined ? Key_2 : T_2[Key_2] extends any[] ? Key_2 : T_2[Key_2] extends object ? Key_2 | `${Key_2}.${T_2[Key_2] extends infer T_3 ? T_3 extends T_2[Key_2] ? T_3 extends object ? { [Key_3 in keyof T_3 & string]: T_3[Key_3] extends string | number | boolean | Function | Date | null | undefined ? Key_3 : T_3[Key_3] extends any[] ? Key_3 : T_3[Key_3] extends object ? Key_3 : Key_3; }[keyof T_3 & string] : string : never : never}` : Key_2; }[keyof T_2 & string] : string : never : never}` : Key_1; }[keyof T_1 & string] : string : never : never}` : Key; }[keyof T & string] : 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>;
+    /**
+     * Tổng hợp error message để hiển thị trong tooltip khi hideInlineError = true.
+     * Dùng getter (không phải computed) vì formControl.errors không phải Angular signal.
+     */
+    get errorTooltipMessage(): string | undefined;
+    appearanceInput: import("@angular/core").InputSignal<MatFormFieldAppearance | undefined>;
+    appearance: Signal<MatFormFieldAppearance>;
+    floatLabel: import("@angular/core").InputSignal<FloatLabelType>;
+    items: import("@angular/core").InputSignal<SdSearch | T[] | Signal<T[]> | 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[]>;
+    loading: import("@angular/core").WritableSignal<boolean>;
+    focused: import("@angular/core").WritableSignal<boolean>;
     allSelected: boolean;
-    sdLabelDef?: SdLabelDefDirective;
-    sdViewDef?: SdViewDefDirective;
-    isFocused: boolean;
-    tooltip?: string;
-    constructor(ref: ChangeDetectorRef, formConfig: ISdFormConfiguration);
+    actualItems: Signal<SdSearch | T[] | null | undefined>;
+    filteredItems: import("@angular/core").WritableSignal<T[]>;
+    selectedItems: import("@angular/core").WritableSignal<T[]>;
+    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<0 | 500>;
+    itemValue: (item: T) => unknown;
+    itemDisplay: (item: T) => string;
+    itemDisabled: (item: T) => boolean;
+    setNestedValue: (obj: any, path: string, value: any) => void;
+    tooltip: Signal<string>;
+    updatePanelWidth: () => void;
+    constructor();
     ngOnInit(): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
     customInlineErrorValidator(): ValidatorFn;
     onSelectionChange: (change: MatSelectChange) => void;
     reValidate: () => void;
@@ -74,8 +79,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<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdSelect<any>, "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; }; "floatLabel": { "alias": "floatLabel"; "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,48 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
-import { FormGroup, NgForm, ValidatorFn } from '@angular/forms';
-import { MatFormFieldAppearance } from '@angular/material/form-field';
+import { AfterViewInit, ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { FormGroup, ValidatorFn } from '@angular/forms';
+import { FloatLabelType, 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;
-    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;
+    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>;
+    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").InputSignalWithTransform<FormGroup<any> | undefined, any>;
+    label: import("@angular/core").InputSignalWithTransform<string | undefined, string | null | undefined>;
+    helperText: import("@angular/core").InputSignalWithTransform<string | undefined, string | null | undefined>;
+    placeholder: import("@angular/core").InputSignalWithTransform<string | undefined, string | null | undefined>;
+    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").InputSignalWithTransform<string | undefined, string | null | undefined>;
+    validator: import("@angular/core").InputSignal<SdCustomValidator | undefined>;
+    inlineError: import("@angular/core").InputSignalWithTransform<string | undefined, string | null | undefined>;
+    /**
+     * Tổng hợp error message để hiển thị trong tooltip khi hideInlineError = true.
+     * Dùng getter (không phải computed) vì formControl.errors không phải Angular signal.
+     */
+    get errorTooltipMessage(): string | undefined;
+    appearanceInput: import("@angular/core").InputSignal<MatFormFieldAppearance | undefined>;
+    appearance: import("@angular/core").Signal<MatFormFieldAppearance>;
+    floatLabel: import("@angular/core").InputSignal<FloatLabelType>;
+    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 +52,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; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "valueModel": { "alias": "model"; "required": false; "isSignal": true; }; }, { "valueModel": "modelChange"; "sdChange": "sdChange"; }, ["sdViewDef", "sdLabelDef", "sdSuffixDef"], never, true, never>;
 }

package/modules/authom/authom.configuration.d.ts

@@ -0,0 +1,17 @@
+import { InjectionToken } from '@angular/core';
+export interface SdAuthOmTenantConfig {
+    domain: string;
+    clientId: string;
+    redirectUri?: string;
+    audience?: string;
+    organization?: string;
+    scope?: string;
+    secureRoutes?: string[];
+    silentRefreshRedirectUri?: string;
+    refreshThresholdSeconds?: number;
+    authorizeTimeoutInSeconds?: number;
+}
+export interface ISdAuthOmConfiguration {
+    loadTenantConfig: () => Promise<SdAuthOmTenantConfig>;
+}
+export declare const SD_AUTHOM_CONFIGURATION: InjectionToken<ISdAuthOmConfiguration>;

package/modules/authom/authom.interceptor.d.ts

@@ -0,0 +1,3 @@
+import { HttpInterceptorFn } from '@angular/common/http';
+export declare const matchGlob: (pattern: string, url: string) => boolean;
+export declare const SdAuthOmInterceptor: HttpInterceptorFn;

package/modules/authom/authom.module.d.ts

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

package/modules/authom/authom.service.d.ts

@@ -0,0 +1,32 @@
+import { SdAuthOmTenantConfig } from './authom.configuration';
+import * as i0 from "@angular/core";
+export declare class SdAuthOmService {
+    private readonly platformId;
+    private readonly isBrowser;
+    readonly accessToken: import("@angular/core").WritableSignal<string | null>;
+    readonly idTokenClaims: import("@angular/core").WritableSignal<Record<string, unknown> | null>;
+    readonly isAuthenticated: import("@angular/core").Signal<boolean>;
+    config: SdAuthOmTenantConfig;
+    private refreshTimer;
+    getAccessToken(): string | null;
+    private base64UrlEncode;
+    private generateCodeVerifier;
+    private generateCodeChallenge;
+    private buildAuthorizeUrl;
+    private getDefaultRedirectUri;
+    private getSilentRedirectUri;
+    private decodeJwtPayload;
+    login(options?: {
+        returnTo?: string;
+    }): Promise<void>;
+    logout(options?: {
+        returnTo?: string;
+    }): void;
+    private exchangeCode;
+    private scheduleRefresh;
+    silentRefresh(): Promise<boolean>;
+    handleCallback(): Promise<boolean>;
+    init(config: SdAuthOmTenantConfig): Promise<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdAuthOmService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SdAuthOmService>;
+}

package/modules/authom/index.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Module `authom` — OAuth 2.0 + PKCE authentication client cho AuthOM (Auth0-based).
+ *
+ * Cách dùng (standalone):
+ * ```ts
+ * import { provideHttpClient, withInterceptors } from '@angular/common/http';
+ * import { provideSdAuthOm, SdAuthOmInterceptor } from '@sd-angular/core/modules/authom';
+ *
+ * export const appConfig: ApplicationConfig = {
+ *   providers: [
+ *     provideHttpClient(withInterceptors([SdAuthOmInterceptor])),
+ *     provideSdAuthOm({
+ *       useFactory: () => ({
+ *         loadTenantConfig: () => Promise.resolve({
+ *           domain: 'login.example.com',
+ *           clientId: 'YOUR_CLIENT_ID',
+ *           audience: 'https://api.example.com',
+ *           organization: 'org_xxx',
+ *           scope: 'openid profile email offline_access',
+ *           secureRoutes: ['https://api.example.com/*'],
+ *         }),
+ *       }),
+ *     }),
+ *   ],
+ * };
+ * ```
+ *
+ * Yêu cầu setup thêm:
+ * 1. Copy file `silent-authom.html` từ source module này vào thư mục `public/` của app.
+ * 2. App phải chạy trên HTTPS (hoặc localhost) — Web Crypto API yêu cầu secure context.
+ */
+export * from './authom.configuration';
+export * from './authom.service';
+export * from './authom.interceptor';
+export * from './authom.module';

package/modules/index.d.ts

@@ -1,4 +1,5 @@
-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';
+export * from '@sd-angular/core/modules/authom';

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/index.d.ts

@@ -1,2 +1,4 @@
 export * from './page/page.component';
 export * from './layout-main/layout-main.component';
+export * from './sidebar-mobile-v1/main.component';
+export * from './sidebar-mobile-v1/components/sidebar/sidebar.component';

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

@@ -1,16 +1,12 @@
-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>;
+    isMobileOrTablet: import("@angular/core").WritableSignal<boolean>;
     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/page/page.component.d.ts

@@ -1,12 +1,10 @@
-import { ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class SdPageComponent {
     private el;
-    title?: string;
-    set _title(val: string | undefined | null);
-    noHeader?: boolean;
-    set _noHeader(val: boolean | '' | undefined | null);
-    constructor(el: ElementRef);
+    title: import("@angular/core").InputSignal<string>;
+    description: import("@angular/core").InputSignal<string>;
+    noHeader: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<SdPageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdPageComponent, "sd-page", never, { "_title": { "alias": "title"; "required": false; }; "_noHeader": { "alias": "noHeader"; "required": false; }; }, {}, never, ["[headerLeft]", "[headerRight]", "*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdPageComponent, "sd-page", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "noHeader": { "alias": "noHeader"; "required": false; "isSignal": true; }; }, {}, never, ["[headerLeft]", "[headerRight]", "*"], true, never>;
 }

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

@@ -0,0 +1,35 @@
+import { Params } from '@angular/router';
+import { SdLayoutUserInfo, SidebarConfigurationV1 } from '../../../../configurations';
+import { SdLayoutMenu } from '../../../../services';
+import * as i0 from "@angular/core";
+export declare class SidebarMobileOverlayComponent {
+    #private;
+    isShowSidebar: import("@angular/core").InputSignal<boolean>;
+    menus: import("@angular/core").InputSignal<SdLayoutMenu[]>;
+    userInfo: import("@angular/core").InputSignal<SdLayoutUserInfo>;
+    sidebar: import("@angular/core").InputSignal<SidebarConfigurationV1>;
+    showSideBar: import("@angular/core").OutputEmitterRef<boolean | null>;
+    expandSideBar: import("@angular/core").OutputEmitterRef<void>;
+    popupUserMenuOpened: import("@angular/core").OutputEmitterRef<void>;
+    popupUserMenuClosed: import("@angular/core").OutputEmitterRef<void>;
+    titleMenuGroupChanged: import("@angular/core").OutputEmitterRef<string | undefined>;
+    titleMenuGroup: import("@angular/core").WritableSignal<string | undefined>;
+    currentPath: import("@angular/core").WritableSignal<string>;
+    expandedMobileGroups: import("@angular/core").WritableSignal<Set<string>>;
+    constructor();
+    toggleMobileGroup(groupId: string | undefined): void;
+    isExpanded(groupId: string | undefined): boolean;
+    navigate(args: {
+        path?: string;
+        queryParams?: Params;
+    }): void;
+    onClose(): void;
+    hasChildren(menu: SdLayoutMenu): boolean;
+    getChildren(menu: SdLayoutMenu): SdLayoutMenu[];
+    getPath(menu: SdLayoutMenu): string | undefined;
+    getQueryParams(menu: SdLayoutMenu): Params;
+    onUserMenuOpened: () => void;
+    onUserMenuClosed: () => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SidebarMobileOverlayComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarMobileOverlayComponent, "sd-sidebar-mobile-overlay", never, { "isShowSidebar": { "alias": "isShowSidebar"; "required": false; "isSignal": true; }; "menus": { "alias": "menus"; "required": true; "isSignal": true; }; "userInfo": { "alias": "userInfo"; "required": true; "isSignal": true; }; "sidebar": { "alias": "sidebar"; "required": true; "isSignal": true; }; }, { "showSideBar": "showSideBar"; "expandSideBar": "expandSideBar"; "popupUserMenuOpened": "popupUserMenuOpened"; "popupUserMenuClosed": "popupUserMenuClosed"; "titleMenuGroupChanged": "titleMenuGroupChanged"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,24 @@
+import { SdLayoutUserInfo } from '../../../../configurations';
+import * as i0 from "@angular/core";
+export declare class LayoutUserComponent {
+    #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>) | undefined;
+    isExpanded: import("@angular/core").WritableSignal<boolean>;
+    onMenuOpened: () => void;
+    onMenuClosed: () => void;
+    keepOpenWhenClickInsideMenu: (event: Event) => void;
+    toggleExpanded: () => void;
+    logout: () => void;
+    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; "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-mobile-v1/main.component.d.ts

@@ -0,0 +1,21 @@
+import { SdLayoutUserInfo, SidebarConfigurationV1 } from '../../configurations';
+import { SdLayoutMenu } from '../../services';
+import * as i0 from "@angular/core";
+export declare class SidebarMobileV1Component {
+    #private;
+    menus: import("@angular/core").InputSignal<SdLayoutMenu[]>;
+    userInfo: import("@angular/core").InputSignal<SdLayoutUserInfo>;
+    sidebar: import("@angular/core").InputSignal<SidebarConfigurationV1>;
+    isShowSidebar: import("@angular/core").WritableSignal<boolean>;
+    titleMenuGroup: import("@angular/core").WritableSignal<string | undefined>;
+    constructor();
+    openSidebar: () => void;
+    onToggle: (_data: boolean | null) => void;
+    onPopupOfSideBarOpened: () => void;
+    onPopupOfSideBarClosed: () => void;
+    onExpandSideBar: () => void;
+    onMouseleaveSideBar: () => void;
+    onTitleMenuGroupChanged: (title: string | undefined) => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SidebarMobileV1Component, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarMobileV1Component, "sidebar-mobile-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>;
+}