@sdcorejs/angular 20.1.3 → 20.1.5

package/README.md

@@ -79,10 +79,10 @@ Replace the timer with your typed service call and reset `saving` in a `finally`
 
 | Area              | Representative APIs                                                                                                             |
 | ----------------- | ------------------------------------------------------------------------------------------------------------------------------- |
-| UI components     | Buttons, badges, avatars, sections, tabs, steppers, modals, drawers, charts, editors, previews, and navigation primitives       |
-| Data and workflow | Local or server tables, tree data, query bars, query builders, generic forms, document building, file upload, and Excel import  |
-| Form controls     | Text, number, date, date range, datetime, select, autocomplete, checkbox, radio, switch, chip, color, inline text, and textarea |
-| Services          | Notifications, confirmation dialogs, loading state, API access, storage, cache, Excel, and DOCX helpers                         |
+| UI components     | Navigation/data state, PDF preview, job progress, audit diff, modals, drawers, tabs, charts, editors, and document tooling      |
+| Data and workflow | Local/server tables, entity/tree pickers, query builders, unsaved-change guards, background tasks, upload, and Excel import     |
+| Form controls     | Text/mask, number, time/time range, date/date range, datetime, select, autocomplete, checkbox, radio, switch, chip, and color   |
+| Services          | Typed API/retry/cancel, ref-counted loading, graph-safe persistence/cache/storage, viewport signals, notifications, and exports |
 | Portal modules    | Auth, Keycloak, permission, layout, and icon modules                                                                            |
 | Localization      | Built-in `vi`, `en`, `ja`, `ko`, and `zh` catalogs, plus a synchronous custom-catalog provider                                  |
 
@@ -165,22 +165,27 @@ export const appConfig: ApplicationConfig = {
 
 ## Documentation and examples
 
-| Resource                                                                                                                                                                | Purpose                                                        |
-| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------- |
-| [Live showcase](https://sdcorejs.github.io/sdcorejs-angular/)                                                                                                           | Interactive component, form, and service demos                 |
-| [Button example source](https://github.com/sdcorejs/sdcorejs-angular/blob/main/versions/v19/projects/showcase/src/app/pages/components/button/button-demo.component.ts) | Action variants, icons, disabled state, and loading state      |
-| [Input example source](https://github.com/sdcorejs/sdcorejs-angular/blob/main/versions/v19/projects/showcase/src/app/pages/forms/input/input-demo.component.ts)         | Model binding, validation, and viewed states                   |
-| [Table example source](https://github.com/sdcorejs/sdcorejs-angular/blob/main/versions/v19/projects/showcase/src/app/pages/components/table/table-demo.component.ts)    | Data, selection, filters, grouping, paging, and tree workflows |
-| [Latest API manifest](https://sdcorejs.github.io/sdcorejs-angular/docs/latest/index.json)                                                                               | Discover all Markdown docs for the latest release              |
-| [Versions registry](https://sdcorejs.github.io/sdcorejs-angular/docs/versions.json)                                                                                     | Select docs matching an installed package version              |
-| [Machine-readable catalog](https://sdcorejs.github.io/sdcorejs-angular/docs/catalog.json)                                                                               | Discover documentation across maintained package lines         |
-| [E2E attributes](https://github.com/sdcorejs/sdcorejs-angular/blob/main/versions/v19/projects/sdcorejs-angular/docs/E2E-ATTRIBUTES.md)                                  | Stable runtime selectors and state attributes                  |
+| Resource                                                                                                                                                                             | Purpose                                                                    |
+| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------- |
+| [Live showcase](https://sdcorejs.github.io/sdcorejs-angular/)                                                                                                                        | Interactive component, form, and service demos                             |
+| [Button example source](https://github.com/sdcorejs/sdcorejs-angular/blob/main/versions/v19/projects/showcase/src/app/pages/components/button/button-demo.component.ts)              | Action variants, icons, disabled state, and loading state                  |
+| [Input example source](https://github.com/sdcorejs/sdcorejs-angular/blob/main/versions/v19/projects/showcase/src/app/pages/forms/input/input-demo.component.ts)                      | Model binding, validation, and viewed states                               |
+| [Table example source](https://github.com/sdcorejs/sdcorejs-angular/blob/main/versions/v19/projects/showcase/src/app/pages/components/table/table-demo.component.ts)                 | Data, selection, filters, grouping, paging, and tree workflows             |
+| [Persistence example source](https://github.com/sdcorejs/sdcorejs-angular/blob/main/versions/v19/projects/showcase/src/app/pages/services/persistence/persistence-demo.component.ts) | Graph round-trip, identity, envelopes, and error containment               |
+| [Latest API manifest](https://sdcorejs.github.io/sdcorejs-angular/docs/latest/index.json)                                                                                            | Discover all Markdown docs for the latest release                          |
+| [Versions registry](https://sdcorejs.github.io/sdcorejs-angular/docs/versions.json)                                                                                                  | Select docs matching an installed package version                          |
+| [Machine-readable catalog](https://sdcorejs.github.io/sdcorejs-angular/docs/catalog.json)                                                                                            | Discover documentation across maintained package lines                     |
+| [E2E attributes](https://github.com/sdcorejs/sdcorejs-angular/blob/main/versions/v19/projects/sdcorejs-angular/docs/E2E-ATTRIBUTES.md)                                               | Stable runtime selectors and state attributes                              |
+| [1.5 migration guide](https://github.com/sdcorejs/sdcorejs-angular/blob/main/docs/migrations/1.5.md)                                                                                 | Layout account actions, V2/V3 navigation, containment, and versioned docs  |
+| [1.4 migration guide](https://github.com/sdcorejs/sdcorejs-angular/blob/main/docs/migrations/1.4.md)                                                                                 | Dedupe, loading, persistence, connector, responsive, and signal migrations |
 
 ## Versioning
 
 - Use `@sdcorejs/angular@^19`, `@^20`, or `@^21` to match the application's Angular major.
 - Maintained package lines are released from the same feature surface with required Angular-major adaptations.
 - Consumer-breaking changes and migration notes are recorded in the [changelog](https://github.com/sdcorejs/sdcorejs-angular/blob/main/CHANGELOG.md).
+- Before adopting the `1.5` suffix, follow the [1.5 migration guide](https://github.com/sdcorejs/sdcorejs-angular/blob/main/docs/migrations/1.5.md).
+- Before adopting the `1.4` suffix, follow the [1.4 migration guide](https://github.com/sdcorejs/sdcorejs-angular/blob/main/docs/migrations/1.4.md).
 - Version-pinned reference docs remain available under `https://sdcorejs.github.io/sdcorejs-angular/docs/<package-version>/`.
 
 ## Contributing

package/components/audit-diff/index.d.ts

@@ -0,0 +1,74 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+
+type SdAuditDiffKind = 'added' | 'removed' | 'changed' | 'unchanged';
+type SdAuditDiffSide = 'before' | 'after';
+type SdAuditDiffArrayKey = string | ((item: unknown) => unknown);
+interface SdAuditDiffFormatContext {
+    readonly path: string;
+    readonly configPath: string;
+    readonly side: SdAuditDiffSide;
+    readonly kind: SdAuditDiffKind;
+    readonly before: unknown;
+    readonly after: unknown;
+}
+interface SdAuditDiffField {
+    readonly path: string;
+    readonly label?: string;
+    readonly order?: number;
+    readonly hidden?: boolean;
+    readonly redacted?: boolean;
+    readonly arrayKey?: SdAuditDiffArrayKey;
+    readonly enumMap?: Readonly<Record<string, unknown>>;
+    readonly format?: (value: unknown, context: SdAuditDiffFormatContext) => unknown;
+}
+interface SdAuditDiffOptions {
+    readonly fields?: readonly SdAuditDiffField[];
+    readonly includeUnchanged?: boolean;
+    readonly redactedValue?: unknown;
+    readonly rootLabel?: string;
+}
+interface SdAuditDiffRow {
+    readonly id: string;
+    readonly path: string;
+    readonly configPath: string;
+    readonly label: string;
+    readonly kind: SdAuditDiffKind;
+    readonly before: unknown;
+    readonly after: unknown;
+    readonly beforePresent: boolean;
+    readonly afterPresent: boolean;
+    readonly redacted: boolean;
+}
+declare function sdBuildAuditDiff(before: unknown, after: unknown, options?: SdAuditDiffOptions): SdAuditDiffRow[];
+
+type SdAuditDiffMode = 'table' | 'detail-list';
+interface SdAuditDiffValueTemplateContext {
+    readonly $implicit: unknown;
+    readonly row: SdAuditDiffRow;
+    readonly side: SdAuditDiffSide;
+}
+declare class SdAuditDiffValueTemplateDirective {
+    readonly template: TemplateRef<SdAuditDiffValueTemplateContext>;
+    static ngTemplateContextGuard(_directive: SdAuditDiffValueTemplateDirective, _context: unknown): _context is SdAuditDiffValueTemplateContext;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdAuditDiffValueTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SdAuditDiffValueTemplateDirective, "ng-template[sdAuditDiffValue]", never, {}, {}, never, never, true, never>;
+}
+declare class SdAuditDiff {
+    #private;
+    readonly before: _angular_core.InputSignal<unknown>;
+    readonly after: _angular_core.InputSignal<unknown>;
+    readonly options: _angular_core.InputSignal<SdAuditDiffOptions>;
+    readonly mode: _angular_core.InputSignal<SdAuditDiffMode>;
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    readonly rows: _angular_core.Signal<SdAuditDiffRow[]>;
+    protected readonly valueTemplate: _angular_core.Signal<SdAuditDiffValueTemplateDirective | undefined>;
+    protected text(key: string): string;
+    protected valueContext(row: SdAuditDiffRow, side: SdAuditDiffSide): SdAuditDiffValueTemplateContext;
+    protected displayValue(row: SdAuditDiffRow, side: SdAuditDiffSide): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdAuditDiff, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdAuditDiff, "sd-audit-diff", never, { "before": { "alias": "before"; "required": false; "isSignal": true; }; "after": { "alias": "after"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, ["valueTemplate"], never, true, never>;
+}
+
+export { SdAuditDiff, SdAuditDiffValueTemplateDirective, sdBuildAuditDiff };
+export type { SdAuditDiffArrayKey, SdAuditDiffField, SdAuditDiffFormatContext, SdAuditDiffKind, SdAuditDiffMode, SdAuditDiffOptions, SdAuditDiffRow, SdAuditDiffSide, SdAuditDiffValueTemplateContext };

package/components/badge/index.d.ts

@@ -20,7 +20,7 @@ declare class SdBadge {
     tooltip: _angular_core.InputSignal<string | null | undefined>;
     icon: _angular_core.InputSignal<string | null | undefined>;
     size: _angular_core.InputSignalWithTransform<Size, Size | null | undefined>;
-    click: EventEmitter<Event>;
+    readonly click: EventEmitter<Event>;
     onClick: (event: Event) => void;
     effectiveColor: _angular_core.Signal<Color>;
     baseColorClasses: _angular_core.Signal<{

package/components/breadcrumb/index.d.ts

@@ -0,0 +1,53 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import { ActivatedRouteSnapshot } from '@angular/router';
+import { MaybeAsync } from '@sdcorejs/utils/models';
+import { SdIconSet } from '@sdcorejs/angular/modules/icon';
+
+type SdBreadcrumbLabel = MaybeAsync<string | null | undefined> | ((route?: ActivatedRouteSnapshot) => MaybeAsync<string | null | undefined>);
+interface SdBreadcrumbItem {
+    readonly label: SdBreadcrumbLabel;
+    readonly url?: string | unknown[];
+    readonly icon?: string;
+    readonly fontSet?: SdIconSet;
+    readonly disabled?: boolean;
+    readonly clickable?: boolean;
+}
+interface SdBreadcrumbRouteConfig extends Omit<SdBreadcrumbItem, 'url'> {
+    readonly url?: string | unknown[];
+}
+interface SdBreadcrumbResolvedItem extends Omit<SdBreadcrumbItem, 'label'> {
+    readonly label: string;
+    readonly source: SdBreadcrumbItem;
+}
+interface SdBreadcrumbItemTemplateContext {
+    readonly $implicit: SdBreadcrumbResolvedItem;
+    readonly item: SdBreadcrumbResolvedItem;
+}
+interface SdBreadcrumbItemEntry {
+    readonly kind: 'item';
+    readonly item: SdBreadcrumbResolvedItem;
+}
+interface SdBreadcrumbEllipsisEntry {
+    readonly kind: 'ellipsis';
+}
+type SdBreadcrumbEntry = SdBreadcrumbItemEntry | SdBreadcrumbEllipsisEntry;
+declare class SdBreadcrumb {
+    #private;
+    readonly items: _angular_core.InputSignal<readonly SdBreadcrumbItem[] | null | undefined>;
+    readonly maxItems: _angular_core.InputSignalWithTransform<number, string | number | null | undefined>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly separator: _angular_core.InputSignal<string>;
+    readonly sdItemActivate: _angular_core.OutputEmitterRef<SdBreadcrumbItem>;
+    protected readonly itemTemplate: _angular_core.Signal<TemplateRef<SdBreadcrumbItemTemplateContext> | undefined>;
+    protected readonly visibleEntries: _angular_core.Signal<readonly SdBreadcrumbEntry[]>;
+    constructor();
+    protected activate(item: SdBreadcrumbResolvedItem, event: Event): void;
+    protected href(item: SdBreadcrumbResolvedItem): string | null;
+    protected templateContext(item: SdBreadcrumbResolvedItem): SdBreadcrumbItemTemplateContext;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdBreadcrumb, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdBreadcrumb, "sd-breadcrumb", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "maxItems": { "alias": "maxItems"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; }, { "sdItemActivate": "sdItemActivate"; }, ["itemTemplate"], never, true, never>;
+}
+
+export { SdBreadcrumb };
+export type { SdBreadcrumbItem, SdBreadcrumbItemTemplateContext, SdBreadcrumbLabel, SdBreadcrumbResolvedItem, SdBreadcrumbRouteConfig };

package/components/data-state/index.d.ts

@@ -0,0 +1,44 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import { SdIconSet } from '@sdcorejs/angular/modules/icon';
+
+type SdDataStateKind = 'loading' | 'empty' | 'error' | 'forbidden' | 'success';
+interface SdDataStateTemplateContext {
+    readonly $implicit: SdDataStateKind;
+    readonly state: SdDataStateKind;
+    readonly retry: () => void;
+    readonly action: () => void;
+}
+declare class SdDataStateTemplateDirective {
+    readonly template: TemplateRef<SdDataStateTemplateContext>;
+    static ngTemplateContextGuard(_directive: SdDataStateTemplateDirective, _context: unknown): _context is SdDataStateTemplateContext;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdDataStateTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SdDataStateTemplateDirective, "ng-template[sdDataStateTemplate]", never, {}, {}, never, never, true, never>;
+}
+declare class SdDataState {
+    readonly state: _angular_core.InputSignal<SdDataStateKind>;
+    readonly title: _angular_core.InputSignal<string | null | undefined>;
+    readonly message: _angular_core.InputSignal<string | null | undefined>;
+    readonly icon: _angular_core.InputSignal<string | null | undefined>;
+    readonly fontSet: _angular_core.InputSignal<SdIconSet | undefined>;
+    readonly retryable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly retryLabel: _angular_core.InputSignal<string | null | undefined>;
+    readonly actionLabel: _angular_core.InputSignal<string | null | undefined>;
+    readonly compact: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly fullPage: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly sdRetry: _angular_core.OutputEmitterRef<void>;
+    readonly sdAction: _angular_core.OutputEmitterRef<void>;
+    protected readonly customTemplate: _angular_core.Signal<SdDataStateTemplateDirective | undefined>;
+    protected readonly effectiveIcon: _angular_core.Signal<string | null>;
+    protected readonly titleKey: _angular_core.Signal<string>;
+    protected readonly messageKey: _angular_core.Signal<string>;
+    protected readonly role: _angular_core.Signal<"alert" | "status">;
+    protected readonly retry: () => void;
+    protected readonly action: () => void;
+    protected readonly templateContext: _angular_core.Signal<SdDataStateTemplateContext>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdDataState, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdDataState, "sd-data-state", never, { "state": { "alias": "state"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "fontSet": { "alias": "fontSet"; "required": false; "isSignal": true; }; "retryable": { "alias": "retryable"; "required": false; "isSignal": true; }; "retryLabel": { "alias": "retryLabel"; "required": false; "isSignal": true; }; "actionLabel": { "alias": "actionLabel"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "fullPage": { "alias": "fullPage"; "required": false; "isSignal": true; }; }, { "sdRetry": "sdRetry"; "sdAction": "sdAction"; }, ["customTemplate"], ["*"], true, never>;
+}
+
+export { SdDataState, SdDataStateTemplateDirective };
+export type { SdDataStateKind, SdDataStateTemplateContext };

package/components/document-builder/index.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, OnInit, OnDestroy } from '@angular/core';
+import { OnInit, OnDestroy } from '@angular/core';
 import { ModelRange, EditorConfig, ModelDocumentSelection, EventInfo, ViewDataTransfer, ClassicEditor, Plugin, Widget, ContextualBalloon } from 'ckeditor5';
 import { I18nParams } from '@sdcorejs/angular/i18n';
 
@@ -103,7 +103,7 @@ declare class SdHeaderFooterBuilder {
     #private;
     Editor: typeof ClassicEditor;
     set model(value: string | undefined | null);
-    modelChange: EventEmitter<string>;
+    readonly modelChange: i0.OutputEmitterRef<string>;
     config: EditorConfig & {
         _i18n?: DocumentBuilderI18n;
     };
@@ -201,10 +201,10 @@ declare class CkCommentPlugin extends Plugin {
 
 declare class SdDocumentBuilder implements OnInit, OnDestroy {
     #private;
-    option: SdDocumentBuilderOption;
+    readonly option: i0.InputSignal<SdDocumentBuilderOption>;
     disabled: boolean;
     set _disabled(val: boolean | '' | undefined | null);
-    contentChange: EventEmitter<string>;
+    readonly contentChange: i0.OutputEmitterRef<string>;
     Editor: typeof ClassicEditor;
     config: DocumentBuilderOption;
     ngOnInit(): void;
@@ -245,7 +245,7 @@ declare class SdDocumentBuilder implements OnInit, OnDestroy {
     hightSelectRange: (range: ModelRange) => void;
     removeHighlightSeclectRange: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdDocumentBuilder, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdDocumentBuilder, "sd-document-builder", never, { "option": { "alias": "option"; "required": true; }; "_disabled": { "alias": "disabled"; "required": false; }; }, { "contentChange": "contentChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdDocumentBuilder, "sd-document-builder", never, { "option": { "alias": "option"; "required": true; "isSignal": true; }; "_disabled": { "alias": "disabled"; "required": false; }; }, { "contentChange": "contentChange"; }, never, never, true, never>;
 }
 
 export { SdDocumentBuilder, SdHeaderFooterBuilder };

package/components/form-generic/index.d.ts

@@ -1,5 +1,5 @@
-import * as i0 from '@angular/core';
-import { InjectionToken, PipeTransform, OnDestroy, OnInit, ChangeDetectorRef, AfterViewInit, QueryList, EventEmitter } from '@angular/core';
+import * as _angular_core from '@angular/core';
+import { InjectionToken, OnDestroy, OnInit, AfterViewInit, QueryList } from '@angular/core';
 import { SdSearch, SdCustomValidator } from '@sdcorejs/angular/forms/models';
 import { SdTableColumn, SdTableOption, SdTable } from '@sdcorejs/angular/components/table';
 import { SdUploadFile } from '@sdcorejs/angular/components/upload-file';
@@ -12,7 +12,6 @@ import { Subject } from 'rxjs';
 import { SdSideDrawer } from '@sdcorejs/angular/components/side-drawer';
 import { SdSearch as SdSearch$1 } from '@sdcorejs/angular/forms';
 import * as _sdcorejs_angular_components_form_generic from '@sdcorejs/angular/components/form-generic';
-import { SdFormatNumberPipe } from '@sdcorejs/angular/pipes';
 
 type SdFormRenderEntity = Record<string, any> & {
     sdRaw?: Record<string, any>;
@@ -541,63 +540,15 @@ interface ISdFormGenericConfiguration {
 }
 declare const SD_FORM_GENERIC_CONFIGURATION: InjectionToken<ISdFormGenericConfiguration>;
 
-declare class FormGenericService {
-    #private;
-    private readonly configuration;
-    get selections(): (() => Promise<SdFormGenericDefinitionSelection[]>) | SdFormGenericDefinitionSelection<any, any>[] | (() => SdFormGenericDefinitionSelection<any, any>[]);
-    get tables(): _sdcorejs_angular_components_form_generic.SdFormGenericDefinitionTable<any>[];
-    getSelection: (valuesKey: string | undefined | null) => Promise<SdFormGenericDefinitionSelection | undefined>;
-    selection: {
-        definitions: () => Promise<SdFormGenericDefinitionSelection[]>;
-        getDefinition: (valuesKey: string | undefined | null) => Promise<SdFormGenericDefinitionSelection | undefined>;
-        items: (valuesKey: string | undefined | null, args: SdFormGenericArgs) => Promise<SdFormGenericSelectionItem[] | SdSearch$1<SdFormGenericSelectionItem>>;
-        variables: {
-            detail: (valuesKey: string, values: string | number | string[] | number[], args: SdFormGenericArgs) => Promise<any>;
-        };
-    };
-    html: {
-        definitions: () => Promise<SdFormGenericDefinitionHtml[]>;
-        getContent: (template: string, query?: Record<string, any>) => Promise<string>;
-    };
-    static ɵfac: i0.ɵɵFactoryDeclaration<FormGenericService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<FormGenericService>;
-}
-
-declare class ComponentViewedPipe implements PipeTransform {
-    private readonly formatNumberPipe;
-    private readonly formGenericService;
-    constructor(formatNumberPipe: SdFormatNumberPipe, formGenericService: FormGenericService);
-    transform: (value: any, entity: Record<string, any>, component: Exclude<SdFormGenericComponent, SdFormGenericHtml>) => Promise<string>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ComponentViewedPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<ComponentViewedPipe, "componentViewed", true>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ComponentViewedPipe>;
-}
-
-declare class ExpressionFeelPipe implements PipeTransform {
-    #private;
-    transform(condition: SdFormGenericExpression | SdFormGenericExpressionCondition): string | undefined;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ExpressionFeelPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<ExpressionFeelPipe, "expressionFeel", true>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ExpressionFeelPipe>;
-}
-
-declare class SdFormRenderService {
-    private readonly componentViewedPipe;
-    constructor(componentViewedPipe: ComponentViewedPipe);
-    viewEntities: (form: SdFormGeneric, entities: Record<string, any>[]) => Promise<Record<string, any>[]>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdFormRenderService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<SdFormRenderService>;
-}
-
 declare class UploadComponent implements OnDestroy, OnInit {
     #private;
     private readonly ref;
-    setVariables: Subject<{
+    readonly setVariables: _angular_core.InputSignal<Subject<{
         key: string;
         value: any;
-    }>;
+    }>>;
     sdUploadFile?: SdUploadFile;
-    form: FormGroup<{}>;
+    readonly form: _angular_core.InputSignal<FormGroup<{}>>;
     value: any;
     entity: Record<string, any>;
     set _entity(val: Record<string, any>);
@@ -611,12 +562,13 @@ declare class UploadComponent implements OnDestroy, OnInit {
     set _viewed(val: boolean | '' | undefined | null);
     validator?: SdCustomValidator;
     set _validator(validator: SdCustomValidator | undefined | null);
-    constructor(ref: ChangeDetectorRef);
+    /** Inserted by Angular inject() migration for backwards compatibility */
+    constructor(...args: unknown[]);
     ngOnDestroy(): void;
     ngOnInit(): void;
     upload: () => Promise<void | undefined>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<UploadComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UploadComponent, "lib-upload", never, { "setVariables": { "alias": "setVariables"; "required": true; }; "form": { "alias": "form"; "required": false; }; "_entity": { "alias": "entity"; "required": true; }; "_component": { "alias": "component"; "required": true; }; "_disabled": { "alias": "disabled"; "required": false; }; "_required": { "alias": "required"; "required": false; }; "_viewed": { "alias": "viewed"; "required": false; }; "_validator": { "alias": "validator"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UploadComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UploadComponent, "lib-upload", never, { "setVariables": { "alias": "setVariables"; "required": true; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "_entity": { "alias": "entity"; "required": true; }; "_component": { "alias": "component"; "required": true; }; "_disabled": { "alias": "disabled"; "required": false; }; "_required": { "alias": "required"; "required": false; }; "_viewed": { "alias": "viewed"; "required": false; }; "_validator": { "alias": "validator"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class TableComponent implements AfterViewInit, OnDestroy, OnInit {
@@ -626,11 +578,11 @@ declare class TableComponent implements AfterViewInit, OnDestroy, OnInit {
     uploadFiles?: QueryList<SdUploadFile>;
     table?: SdTable;
     sideDrawer?: SdSideDrawer;
-    setVariables: Subject<{
+    readonly setVariables: _angular_core.InputSignal<Subject<{
         key: string;
         value: any;
-    }>;
-    form: FormGroup<{}>;
+    }>>;
+    readonly form: _angular_core.InputSignal<FormGroup<{}>>;
     component?: SdFormGenericTable;
     col: string;
     set _component(val: SdFormGenericTable);
@@ -640,14 +592,15 @@ declare class TableComponent implements AfterViewInit, OnDestroy, OnInit {
     set _viewed(val: boolean | '' | undefined | null);
     model: any[];
     set _model(val: any[] | undefined | null);
-    modelChange: EventEmitter<any[]>;
+    readonly modelChange: _angular_core.OutputEmitterRef<any[]>;
     tableOption?: SdTableOption;
     row: any;
     columnValues: Record<string, SdFormGenericSelectionItem[] | SdSearch$1>;
     formRenderColumn: Record<string, SdFormGenericTableColumn>;
     fileKeys: string[];
     imageKeys: string[];
-    constructor(ref: ChangeDetectorRef, formGenericService: FormGenericService);
+    /** Inserted by Angular inject() migration for backwards compatibility */
+    constructor(...args: unknown[]);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -657,18 +610,18 @@ declare class TableComponent implements AfterViewInit, OnDestroy, OnInit {
     onFileUploadChange(item: any, key: string, newValue: any): void;
     getArgs(key: string): Record<string, any> | undefined;
     upload: () => Promise<void>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "lib-table", never, { "setVariables": { "alias": "setVariables"; "required": true; }; "form": { "alias": "form"; "required": false; }; "_component": { "alias": "component"; "required": true; }; "_required": { "alias": "required"; "required": false; }; "_viewed": { "alias": "viewed"; "required": false; }; "_model": { "alias": "model"; "required": false; }; }, { "modelChange": "modelChange"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent, "lib-table", never, { "setVariables": { "alias": "setVariables"; "required": true; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "_component": { "alias": "component"; "required": true; }; "_required": { "alias": "required"; "required": false; }; "_viewed": { "alias": "viewed"; "required": false; }; "_model": { "alias": "model"; "required": false; }; }, { "modelChange": "modelChange"; }, never, never, true, never>;
 }
 
 declare class LibItemComponent {
     itemUpload?: UploadComponent;
     itemTable?: TableComponent;
-    setVariables: Subject<{
+    readonly setVariables: _angular_core.InputSignal<Subject<{
         key: string;
         value: any;
-    }>;
-    form: FormGroup<{}>;
+    }>>;
+    readonly form: _angular_core.InputSignal<FormGroup<{}>>;
     value: any;
     entity: Record<string, any>;
     set _entity(val: Record<string, any>);
@@ -684,8 +637,8 @@ declare class LibItemComponent {
     validator?: SdCustomValidator;
     set _validator(validator: SdCustomValidator);
     upload: () => Promise<void>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LibItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LibItemComponent, "lib-item", never, { "setVariables": { "alias": "setVariables"; "required": true; }; "form": { "alias": "form"; "required": false; }; "_entity": { "alias": "entity"; "required": true; }; "_component": { "alias": "component"; "required": true; }; "_disabled": { "alias": "disabled"; "required": false; }; "_required": { "alias": "required"; "required": false; }; "_viewed": { "alias": "viewed"; "required": false; }; "_validator": { "alias": "validator"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LibItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LibItemComponent, "lib-item", never, { "setVariables": { "alias": "setVariables"; "required": true; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "_entity": { "alias": "entity"; "required": true; }; "_component": { "alias": "component"; "required": true; }; "_disabled": { "alias": "disabled"; "required": false; }; "_required": { "alias": "required"; "required": false; }; "_viewed": { "alias": "viewed"; "required": false; }; "_validator": { "alias": "validator"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class SdFormRender implements OnDestroy, AfterViewInit {
@@ -714,8 +667,8 @@ declare class SdFormRender implements OnDestroy, AfterViewInit {
     ngOnDestroy(): void;
     upload: () => Promise<void>;
     getValidationMessages: (alert: SdFormGenericValidation["alert"]) => Promise<string[] | undefined>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdFormRender, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdFormRender, "sd-form-render", never, { "form": { "alias": "form"; "required": false; }; "_configuration": { "alias": "configuration"; "required": true; }; "_default": { "alias": "defaultEntity"; "required": false; }; "_entity": { "alias": "entity"; "required": false; }; "_properties": { "alias": "properties"; "required": false; }; "_viewed": { "alias": "viewed"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdFormRender, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdFormRender, "sd-form-render", never, { "form": { "alias": "form"; "required": false; }; "_configuration": { "alias": "configuration"; "required": true; }; "_default": { "alias": "defaultEntity"; "required": false; }; "_entity": { "alias": "entity"; "required": false; }; "_properties": { "alias": "properties"; "required": false; }; "_viewed": { "alias": "viewed"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class ConfigureValidationComponent implements AfterViewInit, OnDestroy {
@@ -728,7 +681,7 @@ declare class ConfigureValidationComponent implements AfterViewInit, OnDestroy {
         value: string;
         display: string;
     }[];
-    accept: EventEmitter<SdFormGenericValidation[]>;
+    readonly accept: _angular_core.OutputEmitterRef<SdFormGenericValidation[]>;
     private readonly ref;
     private readonly formGenericConfiguration;
     constructor();
@@ -738,8 +691,8 @@ declare class ConfigureValidationComponent implements AfterViewInit, OnDestroy {
     addValidation: (type: SdFormGenericValidation["type"]) => void;
     removaValidation: (index: number) => void;
     updateValidations: () => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ConfigureValidationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ConfigureValidationComponent, "configure-validation", never, {}, { "accept": "accept"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ConfigureValidationComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ConfigureValidationComponent, "configure-validation", never, {}, { "accept": "accept"; }, never, never, true, never>;
 }
 
 type FormBuilderLayoutItem = SdFormGenericComponent | SdFormGenericGroup;
@@ -772,23 +725,23 @@ type PaletteDropTarget = {
 };
 declare class SdFormBuilder implements OnInit, OnDestroy {
     #private;
-    readonly popupViewJSON: i0.Signal<SdModal | undefined>;
-    readonly popupConfigureVariables: i0.Signal<SdModal | undefined>;
-    readonly configureValidation: i0.Signal<ConfigureValidationComponent | undefined>;
-    readonly formRender: i0.Signal<SdFormRender | undefined>;
+    readonly popupViewJSON: _angular_core.Signal<SdModal | undefined>;
+    readonly popupConfigureVariables: _angular_core.Signal<SdModal | undefined>;
+    readonly configureValidation: _angular_core.Signal<ConfigureValidationComponent | undefined>;
+    readonly formRender: _angular_core.Signal<SdFormRender | undefined>;
     private readonly canvasDropZone;
-    readonly rowDropLists: i0.Signal<readonly CdkDropList<any>[]>;
-    readonly connectedRowDropLists: i0.Signal<CdkDropList<any>[]>;
+    readonly rowDropLists: _angular_core.Signal<readonly CdkDropList<any>[]>;
+    readonly connectedRowDropLists: _angular_core.Signal<CdkDropList<any>[]>;
     form: FormGroup<{}>;
     /** Input chính: schema form. Mỗi lần ref thay đổi → effect sẽ clone về local arrays. */
-    readonly formGeneric: i0.InputSignal<SdFormGeneric | undefined>;
+    readonly formGeneric: _angular_core.InputSignal<SdFormGeneric | undefined>;
     readonly formBuilderComponents: FormBuilderComponent[];
     readonly componentIcons: Record<string, {
         symbol: string;
         label: string;
     }>;
-    readonly paletteSearch: i0.WritableSignal<string>;
-    readonly paletteGroups: i0.Signal<{
+    readonly paletteSearch: _angular_core.WritableSignal<string>;
+    readonly paletteGroups: _angular_core.Signal<{
         key: FormBuilderComponentGroup;
         label: string;
         items: FormBuilderComponent[];
@@ -798,23 +751,23 @@ declare class SdFormBuilder implements OnInit, OnDestroy {
     validations: Required<SdFormGeneric>['validations'];
     /** Cloned variables — dùng cho modal "Configure variables" (huỷ thì discard, ok thì gán ngược). */
     clonedVariables: SdFormGenericVariable[];
-    readonly selectedComponent: i0.WritableSignal<SdFormGenericComponent | SdFormGenericGroup | undefined>;
-    readonly isPreview: i0.WritableSignal<boolean>;
-    readonly editingGroupId: i0.WritableSignal<string | undefined>;
+    readonly selectedComponent: _angular_core.WritableSignal<SdFormGenericComponent | SdFormGenericGroup | undefined>;
+    readonly isPreview: _angular_core.WritableSignal<boolean>;
+    readonly editingGroupId: _angular_core.WritableSignal<string | undefined>;
     /** Group đang được Detail (tìm ở TOP-LEVEL theo id), undefined = đang ở canvas chính. */
-    readonly editingGroup: i0.Signal<SdFormGenericGroup | undefined>;
+    readonly editingGroup: _angular_core.Signal<SdFormGenericGroup | undefined>;
     /** Signal toàn cục: TRUE khi BẤT KỲ cdkDrag nào đang active (palette, canvas, group, resize).
      *  Trigger class `.fb-shell--dragging` để ẩn hover/actions/resize toàn diện, không phụ thuộc :has(). */
-    readonly isAnyDragging: i0.WritableSignal<boolean>;
-    readonly dragSource: i0.WritableSignal<"row" | "palette" | "canvas" | "resize" | undefined>;
-    readonly draggedPaletteItem: i0.WritableSignal<FormBuilderComponent | undefined>;
-    readonly paletteDropTarget: i0.WritableSignal<PaletteDropTarget | undefined>;
+    readonly isAnyDragging: _angular_core.WritableSignal<boolean>;
+    readonly dragSource: _angular_core.WritableSignal<"row" | "palette" | "canvas" | "resize" | undefined>;
+    readonly draggedPaletteItem: _angular_core.WritableSignal<FormBuilderComponent | undefined>;
+    readonly paletteDropTarget: _angular_core.WritableSignal<PaletteDropTarget | undefined>;
     /** @deprecated Internal drag-preview compatibility mirror; use no application code. */
-    readonly rowInsertionEdge: i0.WritableSignal<RowInsertionEdge>;
+    readonly rowInsertionEdge: _angular_core.WritableSignal<RowInsertionEdge>;
     /** @deprecated Internal drag-preview compatibility mirror; use no application code. */
-    readonly inlineDropTargetRow: i0.WritableSignal<DragDropRowItem | undefined>;
-    readonly resizeState: i0.WritableSignal<ResizeState | undefined>;
-    readonly isResizing: i0.Signal<boolean>;
+    readonly inlineDropTargetRow: _angular_core.WritableSignal<DragDropRowItem | undefined>;
+    readonly resizeState: _angular_core.WritableSignal<ResizeState | undefined>;
+    readonly isResizing: _angular_core.Signal<boolean>;
     expand: boolean;
     dragDropRows: DragDropRowItem[];
     isDragging: boolean;
@@ -902,8 +855,8 @@ declare class SdFormBuilder implements OnInit, OnDestroy {
     openConfigureValidation: () => void;
     onUpdateValidations: (validations: SdFormGenericValidation[]) => void;
     onValidate: () => Promise<void>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdFormBuilder, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdFormBuilder, "sd-form-builder", never, { "formGeneric": { "alias": "formGeneric"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdFormBuilder, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdFormBuilder, "sd-form-builder", never, { "formGeneric": { "alias": "formGeneric"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class SdFeelExpression implements OnInit {
@@ -920,26 +873,36 @@ declare class SdFeelExpression implements OnInit {
     }[]>;
     attributes: Attribute[];
     attribute: Record<string, Attribute>;
-    components: (SdFormGenericComponent | SdFormGenericGroup)[];
+    readonly components: _angular_core.InputSignal<(SdFormGenericComponent | SdFormGenericGroup)[]>;
     expression?: SdFormGenericExpression;
     set _expression(expression: SdFormGenericExpression | undefined);
-    expressionChange: EventEmitter<SdFormGenericExpression>;
+    readonly expressionChange: _angular_core.OutputEmitterRef<SdFormGenericExpression>;
     model?: string;
     set _model(model: string | undefined);
-    modelChange: EventEmitter<string>;
-    sdChange: EventEmitter<{
+    readonly modelChange: _angular_core.OutputEmitterRef<string | undefined>;
+    readonly sdChange: _angular_core.OutputEmitterRef<{
         model?: string;
         expression?: SdFormGenericExpression;
     }>;
-    constructor(ref: ChangeDetectorRef, expressionFeelPipe: ExpressionFeelPipe, formGenericService: FormGenericService);
+    /** Inserted by Angular inject() migration for backwards compatibility */
+    constructor(...args: unknown[]);
     ngOnInit(): void;
     edit: () => Promise<void>;
     addCondition: (conditions: SdFormGenericExpression["conditions"]) => void;
     addCombinator: (conditions: SdFormGenericExpression["conditions"]) => void;
     remove: (conditions: SdFormGenericExpression["conditions"], idx: number) => void;
     onAccept: () => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdFeelExpression, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdFeelExpression, "sd-feel-expression", never, { "components": { "alias": "components"; "required": true; }; "_expression": { "alias": "expression"; "required": true; }; "_model": { "alias": "model"; "required": true; }; }, { "expressionChange": "expressionChange"; "modelChange": "modelChange"; "sdChange": "sdChange"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdFeelExpression, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdFeelExpression, "sd-feel-expression", never, { "components": { "alias": "components"; "required": true; "isSignal": true; }; "_expression": { "alias": "expression"; "required": true; }; "_model": { "alias": "model"; "required": true; }; }, { "expressionChange": "expressionChange"; "modelChange": "modelChange"; "sdChange": "sdChange"; }, never, never, true, never>;
+}
+
+declare class SdFormRenderService {
+    private readonly componentViewedPipe;
+    /** Inserted by Angular inject() migration for backwards compatibility */
+    constructor(...args: unknown[]);
+    viewEntities: (form: SdFormGeneric, entities: Record<string, any>[]) => Promise<Record<string, any>[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdFormRenderService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<SdFormRenderService>;
 }
 
 export { AttributeOperators, COMPONENT_ICONS, DayInfoPreviouses, DayInfoTypes, EvaluateExpression, ExpressionToJavascriptExpression, FormBuilderComponents, GenerateId, GenerateKey, GetAttributes, GetComponentAttributes, GetDatetimeValue, GetVariableAttributes, Operators, SD_FORM_GENERIC_CONFIGURATION, SdFeelExpression, SdFormBuilder, SdFormRender, SdFormRenderService, SdFormatComponent, TableColumnTypes, TemplateToCondition };