@sdcorejs/angular 19.1.2 → 19.1.4

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

@@ -0,0 +1,78 @@
+import { ElementRef, TemplateRef } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { FloatLabelType, MatFormFieldAppearance } from '@angular/material/form-field';
+import { MatMenuTrigger } from '@angular/material/menu';
+import { SdViewDefDirective } from '@sdcorejs/angular/forms/directives';
+import { SdFormControl, SdViewed, SdViewedInput, ɵSdFormControlParent } from '@sdcorejs/angular/forms/models';
+import { Size } from '@sdcorejs/utils/models';
+import * as i0 from "@angular/core";
+export type SdTimeModelValue = string | null | undefined;
+/**
+ * Edits a timezone-free time of day and emits valid values as canonical `HH:mm` strings.
+ * Invalid typed text remains in the control without replacing the last valid model.
+ */
+export declare class SdTime {
+    #private;
+    readonly id: string;
+    readonly inputRef: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
+    readonly menuTrigger: import("@angular/core").Signal<MatMenuTrigger | undefined>;
+    readonly sdLabelTemplate: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+    readonly sdValueTemplate: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+    readonly sdViewDef: import("@angular/core").Signal<SdViewDefDirective<any, any> | undefined>;
+    readonly autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
+    readonly autoId: import("@angular/core").Signal<string | undefined>;
+    readonly name: import("@angular/core").InputSignal<string>;
+    readonly form: import("@angular/core").InputSignalWithTransform<FormGroup<any> | undefined, ɵSdFormControlParent>;
+    readonly label: import("@angular/core").InputSignal<string | undefined>;
+    readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
+    readonly helperText: import("@angular/core").InputSignal<string | undefined>;
+    readonly placeholder: import("@angular/core").InputSignal<string | undefined>;
+    readonly size: import("@angular/core").InputSignal<Size>;
+    readonly appearanceInput: import("@angular/core").InputSignal<MatFormFieldAppearance | undefined>;
+    readonly appearance: import("@angular/core").Signal<MatFormFieldAppearance>;
+    readonly floatLabel: import("@angular/core").InputSignal<FloatLabelType>;
+    readonly min: import("@angular/core").InputSignal<string | null | undefined>;
+    readonly max: import("@angular/core").InputSignal<string | null | undefined>;
+    readonly stepInput: import("@angular/core").InputSignalWithTransform<number | undefined, string | number | null | undefined>;
+    readonly step: import("@angular/core").Signal<number>;
+    readonly required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly clearable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly viewed: import("@angular/core").InputSignalWithTransform<SdViewed, SdViewedInput>;
+    readonly hideInlineError: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly inlineError: import("@angular/core").InputSignal<string | undefined>;
+    readonly hyperlink: import("@angular/core").InputSignal<string | null | undefined>;
+    readonly valueModel: import("@angular/core").ModelSignal<SdTimeModelValue>;
+    readonly sdChange: import("@angular/core").OutputEmitterRef<SdTimeModelValue>;
+    readonly sdFocus: import("@angular/core").OutputEmitterRef<void>;
+    readonly sdBlur: import("@angular/core").OutputEmitterRef<SdTimeModelValue>;
+    readonly formControl: SdFormControl;
+    readonly connectorState: import("@angular/core").Signal<import("@sdcorejs/angular/forms/models").ɵSdFormControlConnectorState<string | null>>;
+    readonly isViewed: import("@angular/core").Signal<boolean>;
+    readonly isInline: import("@angular/core").Signal<boolean>;
+    readonly isReadonly: import("@angular/core").Signal<boolean>;
+    readonly viewTemplate: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+    readonly displayValue: import("@angular/core").Signal<string | null>;
+    readonly showClear: import("@angular/core").Signal<boolean>;
+    readonly dataDisabled: import("@angular/core").Signal<"true" | "false">;
+    readonly dataInvalid: import("@angular/core").Signal<"true" | "false">;
+    readonly dataEmpty: import("@angular/core").Signal<"true" | "false">;
+    readonly dataValue: import("@angular/core").Signal<string>;
+    readonly dataRequired: import("@angular/core").Signal<"true" | "false">;
+    readonly dataErrorMessage: import("@angular/core").Signal<string | null>;
+    readonly errorMessage: import("@angular/core").Signal<string | undefined>;
+    protected readonly pickerDraft: import("@angular/core").WritableSignal<Date>;
+    preparePicker(): void;
+    onPickerValue(value: Date): void;
+    applyPicker(): void;
+    cancelPicker(): void;
+    open(): void;
+    focus(): void;
+    clear(event?: Event): void;
+    onFocus(): void;
+    onBlur(): void;
+    stepBy(direction: 1 | -1, event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdTime, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdTime, "sd-time", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "appearanceInput": { "alias": "appearance"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "stepInput": { "alias": "step"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "viewed": { "alias": "viewed"; "required": false; "isSignal": true; }; "hideInlineError": { "alias": "hideInlineError"; "required": false; "isSignal": true; }; "inlineError": { "alias": "inlineError"; "required": false; "isSignal": true; }; "hyperlink": { "alias": "hyperlink"; "required": false; "isSignal": true; }; "valueModel": { "alias": "model"; "required": false; "isSignal": true; }; }, { "valueModel": "modelChange"; "sdChange": "sdChange"; "sdFocus": "sdFocus"; "sdBlur": "sdBlur"; }, ["sdLabelTemplate", "sdValueTemplate", "sdViewDef"], ["[sdLabel]"], true, never>;
+}

package/forms/time-range/index.d.ts

@@ -0,0 +1,2 @@
+export * from './src/time-range-value';
+export * from './src/time-range.component';

package/forms/time-range/src/time-range-value.d.ts

@@ -0,0 +1,14 @@
+import { SdTimeConstraints } from '@sdcorejs/angular/forms/time';
+export interface SdTimeRangeValue {
+    readonly from?: string | null;
+    readonly to?: string | null;
+}
+export interface SdTimeRangeConstraints extends SdTimeConstraints {
+    readonly required?: boolean;
+    readonly allowOpenEnded?: boolean;
+}
+export type SdTimeRangeValidationError = 'required' | 'incomplete' | 'fromTime' | 'fromMin' | 'fromMax' | 'fromStep' | 'toTime' | 'toMin' | 'toMax' | 'toStep' | 'range';
+/** Normalizes both endpoints while retaining explicit open-ended null values. */
+export declare function sdNormalizeTimeRange(value: SdTimeRangeValue | null | undefined): SdTimeRangeValue | null;
+/** Validates endpoint syntax, openness, shared boundaries, step, and ordering. */
+export declare function sdValidateTimeRange(value: SdTimeRangeValue | null | undefined, constraints?: SdTimeRangeConstraints): SdTimeRangeValidationError | null;

package/forms/time-range/src/time-range.component.d.ts

@@ -0,0 +1,80 @@
+import { TemplateRef } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { SdViewDefDirective } from '@sdcorejs/angular/forms/directives';
+import { SdFormControl, SdViewed, SdViewedInput, ɵSdFormControlParent } from '@sdcorejs/angular/forms/models';
+import { SdTime, SdTimeModelValue } from '@sdcorejs/angular/forms/time';
+import { Size } from '@sdcorejs/utils/models';
+import { SdTimeRangeValue } from './time-range-value';
+import * as i0 from "@angular/core";
+export type SdTimeRangeModelValue = SdTimeRangeValue | null | undefined;
+/**
+ * Composes two `SdTime` editors into one timezone-free range model.
+ * Endpoint and aggregate validation are surfaced through the group state.
+ */
+export declare class SdTimeRange {
+    #private;
+    readonly fromName: string;
+    readonly toName: string;
+    readonly sdLabelTemplate: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+    readonly sdValueTemplate: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+    readonly sdViewDef: import("@angular/core").Signal<SdViewDefDirective<any, any> | undefined>;
+    readonly fromTime: import("@angular/core").Signal<SdTime | undefined>;
+    readonly toTime: import("@angular/core").Signal<SdTime | undefined>;
+    readonly autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
+    readonly autoId: import("@angular/core").Signal<string | undefined>;
+    readonly fromAutoId: import("@angular/core").Signal<string | undefined>;
+    readonly toAutoId: import("@angular/core").Signal<string | undefined>;
+    readonly fromAriaLabel: import("@angular/core").Signal<string>;
+    readonly toAriaLabel: import("@angular/core").Signal<string>;
+    readonly groupAriaLabel: import("@angular/core").Signal<string>;
+    readonly name: import("@angular/core").InputSignal<string>;
+    readonly form: import("@angular/core").InputSignalWithTransform<FormGroup<any> | undefined, ɵSdFormControlParent>;
+    readonly label: import("@angular/core").InputSignal<string | undefined>;
+    readonly helperText: import("@angular/core").InputSignal<string | undefined>;
+    readonly fromPlaceholder: import("@angular/core").InputSignal<string | undefined>;
+    readonly toPlaceholder: import("@angular/core").InputSignal<string | undefined>;
+    readonly size: import("@angular/core").InputSignal<Size>;
+    readonly min: import("@angular/core").InputSignal<string | null | undefined>;
+    readonly max: import("@angular/core").InputSignal<string | null | undefined>;
+    readonly stepInput: import("@angular/core").InputSignalWithTransform<number | undefined, string | number | null | undefined>;
+    readonly step: import("@angular/core").Signal<number>;
+    readonly required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly allowOpenEnded: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly clearable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly viewed: import("@angular/core").InputSignalWithTransform<SdViewed, SdViewedInput>;
+    readonly hideInlineError: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly inlineError: import("@angular/core").InputSignal<string | undefined>;
+    readonly hyperlink: import("@angular/core").InputSignal<string | null | undefined>;
+    readonly valueModel: import("@angular/core").ModelSignal<SdTimeRangeModelValue>;
+    readonly sdChange: import("@angular/core").OutputEmitterRef<SdTimeRangeModelValue>;
+    readonly sdFocus: import("@angular/core").OutputEmitterRef<void>;
+    readonly sdBlur: import("@angular/core").OutputEmitterRef<SdTimeRangeModelValue>;
+    readonly fromValue: import("@angular/core").WritableSignal<SdTimeModelValue>;
+    readonly toValue: import("@angular/core").WritableSignal<SdTimeModelValue>;
+    readonly formControl: SdFormControl;
+    readonly connectorState: import("@angular/core").Signal<import("@sdcorejs/angular/forms/models").ɵSdFormControlConnectorState<SdTimeRangeValue>>;
+    readonly isViewed: import("@angular/core").Signal<boolean>;
+    readonly isInline: import("@angular/core").Signal<boolean>;
+    readonly isReadonly: import("@angular/core").Signal<boolean>;
+    readonly viewTemplate: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+    readonly displayValue: import("@angular/core").Signal<string>;
+    readonly showClear: import("@angular/core").Signal<boolean>;
+    readonly endpointInvalid: import("@angular/core").Signal<boolean>;
+    readonly dataDisabled: import("@angular/core").Signal<"true" | "false">;
+    readonly dataInvalid: import("@angular/core").Signal<"true" | "false">;
+    readonly dataEmpty: import("@angular/core").Signal<"true" | "false">;
+    readonly dataValue: import("@angular/core").Signal<string>;
+    readonly dataRequired: import("@angular/core").Signal<"true" | "false">;
+    readonly dataErrorMessage: import("@angular/core").Signal<string | null>;
+    readonly errorMessage: import("@angular/core").Signal<string | undefined>;
+    constructor();
+    onFromChange(value: SdTimeModelValue): void;
+    onToChange(value: SdTimeModelValue): void;
+    onFocus(): void;
+    onBlur(): void;
+    clear(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdTimeRange, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdTimeRange, "sd-time-range", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "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; }; "fromPlaceholder": { "alias": "fromPlaceholder"; "required": false; "isSignal": true; }; "toPlaceholder": { "alias": "toPlaceholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "stepInput": { "alias": "step"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "allowOpenEnded": { "alias": "allowOpenEnded"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "viewed": { "alias": "viewed"; "required": false; "isSignal": true; }; "hideInlineError": { "alias": "hideInlineError"; "required": false; "isSignal": true; }; "inlineError": { "alias": "inlineError"; "required": false; "isSignal": true; }; "hyperlink": { "alias": "hyperlink"; "required": false; "isSignal": true; }; "valueModel": { "alias": "model"; "required": false; "isSignal": true; }; }, { "valueModel": "modelChange"; "sdChange": "sdChange"; "sdFocus": "sdFocus"; "sdBlur": "sdBlur"; }, ["sdLabelTemplate", "sdValueTemplate", "sdViewDef"], ["[sdLabel]"], true, never>;
+}

package/forms/tree-select/index.d.ts

@@ -0,0 +1 @@
+export * from './src/tree-select.component';

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

@@ -0,0 +1,71 @@
+import { ElementRef, TemplateRef } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { SdModal } from '@sdcorejs/angular/components/modal';
+import { SdTree, SdTreeComponentOption, SdTreeDataSource, SdTreeItem, SdTreeItemContext, SdTreeLoadErrorEvent, SdTreeOption, SdTreeSelectionEvent } from '@sdcorejs/angular/components/tree';
+import { SdFormControl, SdViewed, SdViewedInput, ɵSdFormControlParent } from '@sdcorejs/angular/forms/models';
+import * as i0 from "@angular/core";
+export type SdTreeSelectModel<TKey> = TKey | TKey[] | null | undefined;
+export type SdTreeSelectTemplateContext<T> = SdTreeItemContext<T>;
+export declare class SdTreeSelectNodeTemplateDirective<T> {
+    readonly template: TemplateRef<SdTreeSelectTemplateContext<T>>;
+    static ngTemplateContextGuard<T>(_directive: SdTreeSelectNodeTemplateDirective<T>, _context: unknown): _context is SdTreeSelectTemplateContext<T>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdTreeSelectNodeTemplateDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdTreeSelectNodeTemplateDirective<any>, "ng-template[sdTreeSelectNode]", never, {}, {}, never, never, true, never>;
+}
+export declare class SdTreeSelect<T = unknown, TKey = string | number> {
+    #private;
+    readonly trigger: import("@angular/core").Signal<ElementRef<HTMLButtonElement> | undefined>;
+    readonly modal: import("@angular/core").Signal<SdModal | undefined>;
+    readonly treeComponent: import("@angular/core").Signal<SdTree<T> | undefined>;
+    readonly nodeTemplate: import("@angular/core").Signal<SdTreeSelectNodeTemplateDirective<any> | undefined>;
+    readonly autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
+    readonly autoId: import("@angular/core").Signal<string | undefined>;
+    readonly name: import("@angular/core").InputSignal<string>;
+    readonly form: import("@angular/core").InputSignalWithTransform<FormGroup<any> | undefined, ɵSdFormControlParent>;
+    readonly label: import("@angular/core").InputSignal<string | undefined>;
+    readonly placeholder: import("@angular/core").InputSignal<string | null | undefined>;
+    readonly modalTitle: import("@angular/core").InputSignal<string | null | undefined>;
+    readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
+    readonly items: import("@angular/core").InputSignal<SdTreeDataSource<SdTreeItem<T>>>;
+    readonly tree: import("@angular/core").InputSignal<SdTreeOption<T>>;
+    readonly 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) | undefined>;
+    readonly keySelector: import("@angular/core").InputSignal<((item: T) => TKey) | undefined>;
+    readonly 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) | undefined>;
+    readonly displayWith: import("@angular/core").InputSignal<((item: T) => string) | undefined>;
+    readonly compareWith: import("@angular/core").InputSignal<(left: TKey, right: TKey) => boolean>;
+    readonly disabledNode: import("@angular/core").InputSignal<((item: T, selectedItems: T[]) => boolean) | undefined>;
+    readonly multiple: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly cascade: import("@angular/core").InputSignal<"independent" | "descendants">;
+    readonly required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly clearable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly viewed: import("@angular/core").InputSignalWithTransform<SdViewed, SdViewedInput>;
+    readonly model: import("@angular/core").ModelSignal<SdTreeSelectModel<TKey>>;
+    readonly sdChange: import("@angular/core").OutputEmitterRef<SdTreeSelectModel<TKey>>;
+    readonly sdLoadError: import("@angular/core").OutputEmitterRef<SdTreeLoadErrorEvent<T>>;
+    readonly formControl: SdFormControl;
+    readonly connectorState: import("@angular/core").Signal<import("@sdcorejs/angular/forms/models").ɵSdFormControlConnectorState<SdTreeSelectModel<TKey>>>;
+    readonly draftKeys: import("@angular/core").WritableSignal<TKey[]>;
+    readonly modelKeys: import("@angular/core").Signal<TKey[]>;
+    readonly effectivePlaceholder: import("@angular/core").Signal<string>;
+    readonly effectiveModalTitle: import("@angular/core").Signal<string>;
+    readonly loadedEntities: import("@angular/core").Signal<T[]>;
+    readonly selectedEntities: import("@angular/core").Signal<T[]>;
+    readonly draftEntities: import("@angular/core").Signal<T[]>;
+    readonly displayText: import("@angular/core").Signal<string>;
+    readonly treeOption: import("@angular/core").Signal<SdTreeComponentOption<T>>;
+    open(): void;
+    applySelection(): void;
+    cancel(): void;
+    clear(event?: Event): void;
+    onModalClosed(): void;
+    onTreeSelection(event: SdTreeSelectionEvent<T>): void;
+    filter(value: string): void;
+    retry(): void;
+    keyOf(item: T): TKey;
+    displayEntity(item: T): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdTreeSelect<any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdTreeSelect<any, any>, "sd-tree-select", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "modalTitle": { "alias": "modalTitle"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "tree": { "alias": "tree"; "required": false; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": false; "isSignal": true; }; "keySelector": { "alias": "keySelector"; "required": false; "isSignal": true; }; "displayField": { "alias": "displayField"; "required": false; "isSignal": true; }; "displayWith": { "alias": "displayWith"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "disabledNode": { "alias": "disabledNode"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "cascade": { "alias": "cascade"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "viewed": { "alias": "viewed"; "required": false; "isSignal": true; }; "model": { "alias": "model"; "required": false; "isSignal": true; }; }, { "model": "modelChange"; "sdChange": "sdChange"; "sdLoadError": "sdLoadError"; }, ["nodeTemplate"], never, true, never>;
+}
+export declare function normalizeTreeSelectKeys<TKey>(value: SdTreeSelectModel<TKey>, multiple: boolean): TKey[];

package/i18n/src/en.d.ts

@@ -97,6 +97,8 @@ export declare const EN_MESSAGES: {
     readonly 'core.form.input.maxlength': "Maximum characters: {max}";
     readonly 'core.form.input.invalid-pattern': "Invalid format";
     readonly 'core.form.input.exceeded': "Exceeded maximum characters";
+    readonly 'core.form.input.mask-incomplete': "The value is incomplete";
+    readonly 'core.form.input.mask-invalid': "The value contains invalid characters";
     readonly 'core.form.autocomplete.required': "Please enter information";
     readonly 'core.form.chip.required': "Please enter information";
     readonly 'core.form.chip.minlength': "Please enter at least {min} values";
@@ -120,6 +122,62 @@ export declare const EN_MESSAGES: {
     readonly 'core.form.datetime.invalid-format': "Invalid format";
     readonly 'core.form.datetime.now': "Now";
     readonly 'core.form.datetime.confirm': "Confirm";
+    readonly 'core.form.entity-picker.placeholder': "Select an entity";
+    readonly 'core.form.entity-picker.modal-title': "Select entity";
+    readonly 'core.form.entity-picker.value': "Value";
+    readonly 'core.form.entity-picker.clear': "Clear selection";
+    readonly 'core.form.entity-picker.add': "Add";
+    readonly 'core.form.entity-picker.cancel': "Cancel";
+    readonly 'core.form.entity-picker.apply': "Apply";
+    readonly 'core.form.tree-select.placeholder': "Select a tree item";
+    readonly 'core.form.tree-select.modal-title': "Select tree item";
+    readonly 'core.form.tree-select.clear': "Clear selection";
+    readonly 'core.form.tree-select.search': "Search tree";
+    readonly 'core.form.tree-select.cancel': "Cancel";
+    readonly 'core.form.tree-select.apply': "Apply";
+    readonly 'core.component.tree.retry': "Retry";
+    readonly 'core.service.unsaved-changes.message': "You have unsaved changes. Discard them and continue?";
+    readonly 'core.component.job-progress.status.idle': "Ready";
+    readonly 'core.component.job-progress.status.queued': "Queued";
+    readonly 'core.component.job-progress.status.running': "In progress";
+    readonly 'core.component.job-progress.status.succeeded': "Completed";
+    readonly 'core.component.job-progress.status.failed': "Failed";
+    readonly 'core.component.job-progress.status.cancelled': "Cancelled";
+    readonly 'core.component.job-progress.cancel': "Cancel";
+    readonly 'core.component.job-progress.retry': "Retry";
+    readonly 'core.component.audit-diff.label': "Audit changes";
+    readonly 'core.component.audit-diff.field': "Field";
+    readonly 'core.component.audit-diff.before': "Before";
+    readonly 'core.component.audit-diff.after': "After";
+    readonly 'core.component.audit-diff.empty': "No changes";
+    readonly 'core.component.audit-diff.kind.added': "Added";
+    readonly 'core.component.audit-diff.kind.removed': "Removed";
+    readonly 'core.component.audit-diff.kind.changed': "Changed";
+    readonly 'core.component.audit-diff.kind.unchanged': "Unchanged";
+    readonly 'core.component.audit-diff.value.label': "Value";
+    readonly 'core.component.audit-diff.value.not-set': "Not set";
+    readonly 'core.component.audit-diff.value.undefined': "Undefined";
+    readonly 'core.component.audit-diff.value.null': "Null";
+    readonly 'core.component.audit-diff.value.true': "Yes";
+    readonly 'core.component.audit-diff.value.false': "No";
+    readonly 'core.form.time.required': "Please enter a time";
+    readonly 'core.form.time.invalid': "Enter a valid time in HH:mm format";
+    readonly 'core.form.time.min': "Time must not be earlier than {min}";
+    readonly 'core.form.time.max': "Time must not be later than {max}";
+    readonly 'core.form.time.step': "Time must align to a {step}-minute interval";
+    readonly 'core.form.time.open-picker': "Open time picker";
+    readonly 'core.form.time.confirm': "Confirm";
+    readonly 'core.form.time.clear': "Clear time";
+    readonly 'core.form.time-range.required': "Please enter both start and end times";
+    readonly 'core.form.time-range.incomplete': "Enter both times or enable an open-ended range";
+    readonly 'core.form.time-range.range': "Start time must not be later than end time";
+    readonly 'core.form.time-range.invalid': "Enter valid times in HH:mm format";
+    readonly 'core.form.time-range.min': "Times must not be earlier than {min}";
+    readonly 'core.form.time-range.max': "Times must not be later than {max}";
+    readonly 'core.form.time-range.step': "Times must align to a {step}-minute interval";
+    readonly 'core.form.time-range.from': "From";
+    readonly 'core.form.time-range.to': "To";
+    readonly 'core.form.time-range.clear': "Clear time range";
     readonly 'core.form.time-spinner.hour': "Hour";
     readonly 'core.form.time-spinner.minute': "Minute";
     readonly 'core.form.time-spinner.second': "Second";
@@ -249,6 +307,15 @@ export declare const EN_MESSAGES: {
     readonly 'core.component.form-builder.show-less': "Show less";
     readonly 'core.component.inform.show-more': "Show more";
     readonly 'core.component.inform.show-less': "Show less";
+    readonly 'core.component.data-state.loading.title': "Loading";
+    readonly 'core.component.data-state.loading.message': "Please wait while the data is being loaded.";
+    readonly 'core.component.data-state.empty.title': "No data";
+    readonly 'core.component.data-state.empty.message': "There is no data to display yet.";
+    readonly 'core.component.data-state.error.title': "Unable to load data";
+    readonly 'core.component.data-state.error.message': "An error occurred. Please try again.";
+    readonly 'core.component.data-state.forbidden.title': "Access denied";
+    readonly 'core.component.data-state.forbidden.message': "You do not have permission to view this content.";
+    readonly 'core.component.data-state.retry': "Try again";
     readonly 'core.component.form-builder.row-overflow': "Cannot move to this row because the total size exceeds 12 columns";
     readonly 'core.component.form-builder.upload-source.all': "All";
     readonly 'core.component.form-builder.upload-source.photo-library': "Pick from library";
@@ -363,14 +430,13 @@ export declare const EN_MESSAGES: {
     readonly 'core.component.preview-pdf.error.unknown.body': "Please retry or download the original file to view it.";
     readonly 'core.component.preview-pdf.error.retry': "Retry";
     readonly 'core.component.preview-pdf.error.download-raw': "Download original";
-    readonly 'core.component.preview-pdf.deferred.outline': "Outline will be added in a future version.";
-    readonly 'core.component.preview-pdf.deferred.search': "Search will be added in a future version.";
     readonly 'core.component.preview-pdf.search': "Search";
     readonly 'core.component.preview-pdf.search-placeholder': "Search in document...";
     readonly 'core.component.preview-pdf.search-case': "Match case";
     readonly 'core.component.preview-pdf.search-whole': "Whole word";
     readonly 'core.component.preview-pdf.search-no-results': "No results";
     readonly 'core.component.preview-pdf.search-results-count': "{count} results for \"{term}\"";
+    readonly 'core.component.preview-pdf.search-truncated': "Showing the first {count} matches. Refine your search to see fewer results.";
     readonly 'core.component.preview-pdf.search-prev': "Previous match";
     readonly 'core.component.preview-pdf.search-next': "Next match";
     readonly 'core.component.preview-pdf.search-close': "Close search";

package/interceptors/no-internet/no-internet.interceptor.d.ts

@@ -1,13 +1,12 @@
 import { HttpEvent, HttpHandler, HttpInterceptor, HttpRequest } from '@angular/common/http';
-import { Injector } from '@angular/core';
-import { MatSnackBar } from '@angular/material/snack-bar';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class SdNoInternetInterceptor implements HttpInterceptor {
     #private;
     private snackBar;
     private injector;
-    constructor(snackBar: MatSnackBar, injector: Injector);
+    /** Inserted by Angular inject() migration for backwards compatibility */
+    constructor(...args: unknown[]);
     intercept(request: HttpRequest<unknown>, next: HttpHandler): Observable<HttpEvent<unknown>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdNoInternetInterceptor, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SdNoInternetInterceptor>;

package/interceptors/unauthorized/unauthorized.interceptor.d.ts

@@ -1,11 +1,11 @@
 import { HttpEvent, HttpHandler, HttpInterceptor, HttpRequest } from '@angular/common/http';
-import { SdAuthService } from '@sdcorejs/angular/modules';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class SdUnauthorizedInterceptor implements HttpInterceptor {
     #private;
     private authService;
-    constructor(authService: SdAuthService);
+    /** Inserted by Angular inject() migration for backwards compatibility */
+    constructor(...args: unknown[]);
     intercept(request: HttpRequest<unknown>, next: HttpHandler): Observable<HttpEvent<unknown>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdUnauthorizedInterceptor, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SdUnauthorizedInterceptor>;

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

@@ -1,2 +1,2 @@
-export * from './auth.model';
+export type * from './auth.model';
 export * from './auth.service';

package/modules/icon/src/icon.model.d.ts

@@ -37,8 +37,7 @@ export interface ISdIconConfiguration {
 /**
  * Cấu hình đã resolve đầy đủ để component không phải tự xử lý fallback nhiều lần.
  */
-export interface ISdIconResolvedConfiguration extends Required<Omit<ISdIconConfiguration, 'lucideIcons'>> {
-}
+export type ISdIconResolvedConfiguration = Required<Omit<ISdIconConfiguration, 'lucideIcons'>>;
 /**
  * Quy đổi token `Size` chung của SDCoreJS sang pixel cho icon.
  */

package/modules/icon/src/icon.provider.d.ts

@@ -5,7 +5,7 @@ import { type ISdIconConfiguration, type ISdIconResolvedConfiguration, type SdLu
  *
  * Token có factory mặc định để `SdIcon` vẫn chạy khi app chưa gọi `provideSdIcon`.
  */
-export declare const SD_ICON_CONFIGURATION: InjectionToken<ISdIconResolvedConfiguration>;
+export declare const SD_ICON_CONFIGURATION: InjectionToken<Required<Omit<ISdIconConfiguration, "lucideIcons">>>;
 /**
  * Đăng ký cấu hình icon Core UI ở app-level.
  *

package/modules/index.d.ts

@@ -2,5 +2,4 @@ export * from '@sdcorejs/angular/modules/keycloak';
 export * from '@sdcorejs/angular/modules/permission';
 export * from '@sdcorejs/angular/modules/auth';
 export * from '@sdcorejs/angular/modules/layout';
-export * from '@sdcorejs/angular/modules/authom';
 export * from '@sdcorejs/angular/modules/icon';

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

@@ -2,3 +2,9 @@ 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';
+export * from './shared/menu-tree/menu-tree.component';
+export * from './shared/user-menu/user-menu.component';
+export * from './sidebar-v2/main.component';
+export * from './sidebar-mobile-v2/main.component';
+export * from './sidebar-v3/main.component';
+export * from './sidebar-mobile-v3/main.component';

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

@@ -1,12 +1,17 @@
 import { SdLayoutMenu } from '../../services';
+import { SidebarConfigurationV1, SidebarConfigurationV2, SidebarConfigurationV3 } from '../../configurations';
 import * as i0 from "@angular/core";
 export declare class SdLayoutComponent {
     #private;
     menusInput: import("@angular/core").InputSignal<SdLayoutMenu[]>;
     menus: import("@angular/core").Signal<SdLayoutMenu[]>;
     userInfo: import("@angular/core").WritableSignal<import("@sdcorejs/angular/modules/layout").SdLayoutUserInfo | undefined>;
-    sidebar: import("@angular/core").WritableSignal<import("@sdcorejs/angular/modules/layout").SidebarConfigurationV1 | undefined>;
-    isMobileOrTablet: import("@angular/core").WritableSignal<boolean>;
+    sidebar: import("@angular/core").WritableSignal<import("@sdcorejs/angular/modules/layout").ISdSidebarConfiguration | undefined>;
+    sidebarV1: import("@angular/core").Signal<SidebarConfigurationV1 | undefined>;
+    sidebarV2: import("@angular/core").Signal<SidebarConfigurationV2 | undefined>;
+    sidebarV3: import("@angular/core").Signal<SidebarConfigurationV3 | undefined>;
+    mobileBreakpoint: number;
+    isMobile: import("@angular/core").Signal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdLayoutComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SdLayoutComponent, "sd-layout", never, { "menusInput": { "alias": "menus"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/modules/layout/components/shared/menu-tree/menu-tree.component.d.ts

@@ -0,0 +1,28 @@
+import { SdLayoutMenu, SdLayoutRootMenu } from '../../../services';
+import * as i0 from "@angular/core";
+interface SdLayoutMenuTreeNode {
+    menu: SdLayoutMenu;
+    key: string;
+    title: string;
+    depth: number;
+    paddingLeft: number;
+    isGroup: boolean;
+    isActive: boolean;
+    isPinned: boolean;
+}
+export declare class SdLayoutMenuTreeComponent {
+    #private;
+    menus: import("@angular/core").InputSignal<SdLayoutMenu[]>;
+    query: import("@angular/core").InputSignal<string>;
+    activePath: import("@angular/core").InputSignal<string>;
+    pinnedKeys: import("@angular/core").InputSignal<string[]>;
+    showPin: import("@angular/core").InputSignal<boolean>;
+    navigate: import("@angular/core").OutputEmitterRef<SdLayoutRootMenu>;
+    togglePinned: import("@angular/core").OutputEmitterRef<SdLayoutMenu>;
+    nodes: import("@angular/core").Signal<SdLayoutMenuTreeNode[]>;
+    onNavigate(menu: SdLayoutMenu): void;
+    onTogglePinned(event: MouseEvent, menu: SdLayoutMenu): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdLayoutMenuTreeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdLayoutMenuTreeComponent, "sd-layout-menu-tree", never, { "menus": { "alias": "menus"; "required": false; "isSignal": true; }; "query": { "alias": "query"; "required": false; "isSignal": true; }; "activePath": { "alias": "activePath"; "required": false; "isSignal": true; }; "pinnedKeys": { "alias": "pinnedKeys"; "required": false; "isSignal": true; }; "showPin": { "alias": "showPin"; "required": false; "isSignal": true; }; }, { "navigate": "navigate"; "togglePinned": "togglePinned"; }, never, never, true, never>;
+}
+export {};

package/modules/layout/components/shared/user-menu/user-menu.component.d.ts

@@ -0,0 +1,25 @@
+import { SdLayoutUserInfo } from '../../../configurations';
+import * as i0 from "@angular/core";
+export declare class SdLayoutUserMenuComponent {
+    #private;
+    private readonly trigger;
+    private readonly menu;
+    userInfo: import("@angular/core").InputSignal<SdLayoutUserInfo>;
+    signout: import("@angular/core").InputSignal<(() => void | Promise<void>) | undefined>;
+    changePassword: import("@angular/core").InputSignal<(() => void | Promise<void>) | undefined>;
+    compact: import("@angular/core").InputSignal<boolean>;
+    isOpen: import("@angular/core").WritableSignal<boolean>;
+    avatar: import("@angular/core").Signal<string | undefined>;
+    displayName: import("@angular/core").Signal<string>;
+    signoutAction: import("@angular/core").Signal<(() => void | Promise<void>) | undefined>;
+    changePasswordAction: import("@angular/core").Signal<(() => void | Promise<void>) | undefined>;
+    constructor();
+    open(): void;
+    toggle(): void;
+    close(restoreFocus?: boolean): void;
+    onMenuKeydown(event: KeyboardEvent): void;
+    runChangePassword(): void;
+    runSignout(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdLayoutUserMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdLayoutUserMenuComponent, "sd-layout-user-menu", never, { "userInfo": { "alias": "userInfo"; "required": true; "isSignal": true; }; "signout": { "alias": "signout"; "required": false; "isSignal": true; }; "changePassword": { "alias": "changePassword"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,27 @@
+import { SdLayoutUserInfo, SidebarConfigurationV2 } from '../../configurations';
+import { SdLayoutMenu } from '../../services';
+import * as i0 from "@angular/core";
+export declare class SidebarMobileV2Component {
+    #private;
+    menus: import("@angular/core").InputSignal<SdLayoutMenu[]>;
+    userInfo: import("@angular/core").InputSignal<SdLayoutUserInfo>;
+    sidebar: import("@angular/core").InputSignal<SidebarConfigurationV2>;
+    primaryMenus: import("@angular/core").Signal<SdLayoutMenu[]>;
+    overflowMenus: import("@angular/core").Signal<SdLayoutMenu[]>;
+    isSheetOpen: import("@angular/core").WritableSignal<boolean>;
+    sheetGroupKey: import("@angular/core").WritableSignal<string>;
+    sheetTitle: import("@angular/core").WritableSignal<string>;
+    sheetMenus: import("@angular/core").WritableSignal<SdLayoutMenu[]>;
+    searchText: import("@angular/core").WritableSignal<string>;
+    activePath: import("@angular/core").WritableSignal<string>;
+    pinnedKeys: import("@angular/core").WritableSignal<string[]>;
+    constructor();
+    openMore(trigger?: EventTarget | null): void;
+    activateMenu(menu: SdLayoutMenu, trigger?: EventTarget | null): void;
+    closeSheet(restoreFocus?: boolean): void;
+    onSheetKeydown(event: KeyboardEvent): void;
+    onNavigate(menu: SdLayoutMenu): void;
+    onTogglePinned(menu: SdLayoutMenu): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SidebarMobileV2Component, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarMobileV2Component, "sidebar-mobile-v2", 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/components/sidebar-mobile-v3/main.component.d.ts

@@ -0,0 +1,28 @@
+import { SdLayoutUserInfo, SidebarConfigurationV3 } from '../../configurations';
+import { SdLayoutMenu, SdLayoutRootMenu } from '../../services';
+import * as i0 from "@angular/core";
+export declare class SidebarMobileV3Component {
+    #private;
+    private readonly trigger;
+    menus: import("@angular/core").InputSignal<SdLayoutMenu[]>;
+    userInfo: import("@angular/core").InputSignal<SdLayoutUserInfo>;
+    sidebar: import("@angular/core").InputSignal<SidebarConfigurationV3>;
+    isDrawerOpen: import("@angular/core").WritableSignal<boolean>;
+    searchText: import("@angular/core").WritableSignal<string>;
+    activePath: import("@angular/core").WritableSignal<string>;
+    searchResults: import("@angular/core").Signal<SdLayoutRootMenu[]>;
+    recentConfiguration: import("@angular/core").Signal<import("@sdcorejs/angular/modules/layout").ResolvedSidebarRecentConfiguration>;
+    pinnedKeys: import("@angular/core").WritableSignal<string[]>;
+    pinnedMenus: import("@angular/core").Signal<(SdLayoutRootMenu | import("@sdcorejs/angular/modules/layout").SdLayoutChildrenMenu)[]>;
+    recentMenus: import("@angular/core").Signal<(SdLayoutRootMenu | import("@sdcorejs/angular/modules/layout").SdLayoutChildrenMenu)[]>;
+    constructor();
+    openDrawer(trigger?: EventTarget | null): void;
+    closeFromBackdrop(): void;
+    closeFromEscape(): void;
+    closeFromNavigation(): void;
+    onDrawerKeydown(event: KeyboardEvent): void;
+    navigateMenu(menu: SdLayoutMenu): void;
+    onTogglePinned(menu: SdLayoutMenu): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SidebarMobileV3Component, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarMobileV3Component, "sidebar-mobile-v3", 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>;
+}