@sdcorejs/angular 19.1.3 → 19.1.4

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,25 @@ 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.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.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,2 @@
+export * from './src/audit-diff.engine';
+export * from './src/audit-diff.component';

package/components/audit-diff/src/audit-diff.component.d.ts

@@ -0,0 +1,30 @@
+import { TemplateRef } from '@angular/core';
+import { SdAuditDiffOptions, SdAuditDiffRow, SdAuditDiffSide } from './audit-diff.engine';
+import * as i0 from "@angular/core";
+export type SdAuditDiffMode = 'table' | 'detail-list';
+export interface SdAuditDiffValueTemplateContext {
+    readonly $implicit: unknown;
+    readonly row: SdAuditDiffRow;
+    readonly side: SdAuditDiffSide;
+}
+export declare class SdAuditDiffValueTemplateDirective {
+    readonly template: TemplateRef<SdAuditDiffValueTemplateContext>;
+    static ngTemplateContextGuard(_directive: SdAuditDiffValueTemplateDirective, _context: unknown): _context is SdAuditDiffValueTemplateContext;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdAuditDiffValueTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdAuditDiffValueTemplateDirective, "ng-template[sdAuditDiffValue]", never, {}, {}, never, never, true, never>;
+}
+export declare class SdAuditDiff {
+    #private;
+    readonly before: import("@angular/core").InputSignal<unknown>;
+    readonly after: import("@angular/core").InputSignal<unknown>;
+    readonly options: import("@angular/core").InputSignal<SdAuditDiffOptions>;
+    readonly mode: import("@angular/core").InputSignal<SdAuditDiffMode>;
+    readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
+    readonly rows: import("@angular/core").Signal<SdAuditDiffRow[]>;
+    protected readonly valueTemplate: import("@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: i0.ɵɵFactoryDeclaration<SdAuditDiff, never>;
+    static ɵcmp: i0.ɵɵ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>;
+}

package/components/audit-diff/src/audit-diff.engine.d.ts

@@ -0,0 +1,40 @@
+export type SdAuditDiffKind = 'added' | 'removed' | 'changed' | 'unchanged';
+export type SdAuditDiffSide = 'before' | 'after';
+export type SdAuditDiffArrayKey = string | ((item: unknown) => unknown);
+export interface SdAuditDiffFormatContext {
+    readonly path: string;
+    readonly configPath: string;
+    readonly side: SdAuditDiffSide;
+    readonly kind: SdAuditDiffKind;
+    readonly before: unknown;
+    readonly after: unknown;
+}
+export 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;
+}
+export interface SdAuditDiffOptions {
+    readonly fields?: readonly SdAuditDiffField[];
+    readonly includeUnchanged?: boolean;
+    readonly redactedValue?: unknown;
+    readonly rootLabel?: string;
+}
+export 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;
+}
+export declare function sdBuildAuditDiff(before: unknown, after: unknown, options?: SdAuditDiffOptions): SdAuditDiffRow[];

package/components/badge/src/badge.component.d.ts

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

package/components/breadcrumb/index.d.ts

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

package/components/breadcrumb/src/breadcrumb.component.d.ts

@@ -0,0 +1,50 @@
+import { TemplateRef } from '@angular/core';
+import { ActivatedRouteSnapshot } from '@angular/router';
+import { MaybeAsync } from '@sdcorejs/utils/models';
+import { SdIconSet } from '@sdcorejs/angular/modules/icon';
+import * as i0 from "@angular/core";
+export type SdBreadcrumbLabel = MaybeAsync<string | null | undefined> | ((route?: ActivatedRouteSnapshot) => MaybeAsync<string | null | undefined>);
+export interface SdBreadcrumbItem {
+    readonly label: SdBreadcrumbLabel;
+    readonly url?: string | unknown[];
+    readonly icon?: string;
+    readonly fontSet?: SdIconSet;
+    readonly disabled?: boolean;
+    readonly clickable?: boolean;
+}
+export interface SdBreadcrumbRouteConfig extends Omit<SdBreadcrumbItem, 'url'> {
+    readonly url?: string | unknown[];
+}
+export interface SdBreadcrumbResolvedItem extends Omit<SdBreadcrumbItem, 'label'> {
+    readonly label: string;
+    readonly source: SdBreadcrumbItem;
+}
+export 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;
+export declare class SdBreadcrumb {
+    #private;
+    readonly items: import("@angular/core").InputSignal<readonly SdBreadcrumbItem[] | null | undefined>;
+    readonly maxItems: import("@angular/core").InputSignalWithTransform<number, string | number | null | undefined>;
+    readonly ariaLabel: import("@angular/core").InputSignal<string>;
+    readonly separator: import("@angular/core").InputSignal<string>;
+    readonly sdItemActivate: import("@angular/core").OutputEmitterRef<SdBreadcrumbItem>;
+    protected readonly itemTemplate: import("@angular/core").Signal<TemplateRef<SdBreadcrumbItemTemplateContext> | undefined>;
+    protected readonly visibleEntries: import("@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: i0.ɵɵFactoryDeclaration<SdBreadcrumb, never>;
+    static ɵcmp: i0.ɵɵ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 {};

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

@@ -0,0 +1 @@
+export * from './src/data-state.component';

package/components/data-state/src/data-state.component.d.ts

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

package/components/document-builder/src/components/header-footer-builder/header-footer-builder.component.d.ts

@@ -1,4 +1,3 @@
-import { EventEmitter } from '@angular/core';
 import { DocumentBuilderI18n } from '../../document-builder.model';
 import { ClassicEditor, EditorConfig } from 'ckeditor5';
 import * as i0 from "@angular/core";
@@ -6,7 +5,7 @@ export declare class SdHeaderFooterBuilder {
     #private;
     Editor: typeof ClassicEditor;
     set model(value: string | undefined | null);
-    modelChange: EventEmitter<string>;
+    readonly modelChange: import("@angular/core").OutputEmitterRef<string>;
     config: EditorConfig & {
         _i18n?: DocumentBuilderI18n;
     };

package/components/document-builder/src/document-builder.component.d.ts

@@ -1,14 +1,14 @@
-import { EventEmitter, OnInit, OnDestroy } from '@angular/core';
+import { OnInit, OnDestroy } from '@angular/core';
 import { ClassicEditor, ModelRange } from 'ckeditor5';
 import { VariablePlugin, CkCommentPlugin } from './plugins';
 import { DocumentBuilderOption, SdDocumentBuilderHeading, SdDocumentBuilderOption } from './document-builder.model';
 import * as i0 from "@angular/core";
 export declare class SdDocumentBuilder implements OnInit, OnDestroy {
     #private;
-    option: SdDocumentBuilderOption;
+    readonly option: import("@angular/core").InputSignal<SdDocumentBuilderOption>;
     disabled: boolean;
     set _disabled(val: boolean | '' | undefined | null);
-    contentChange: EventEmitter<string>;
+    readonly contentChange: import("@angular/core").OutputEmitterRef<string>;
     Editor: typeof ClassicEditor;
     config: DocumentBuilderOption;
     ngOnInit(): void;
@@ -49,5 +49,5 @@ export 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>;
 }

package/components/form-generic/src/components/form-builder/components/attribute-expression/attribute-expression.component.d.ts

@@ -1,27 +1,26 @@
-import { ChangeDetectorRef, EventEmitter } from '@angular/core';
 import { SdModal } from '@sdcorejs/angular/components/modal';
 import { SdQueryBuilderField } from '@sdcorejs/angular/components/query-builder';
 import { Filter } from '@sdcorejs/utils/models';
 import { SdFormGenericComponent, SdFormGenericExpression, SdFormGenericGroup, SdFormGenericVariable } from '../../../../models';
-import { FormGenericService } from '../../../../services';
 import * as i0 from "@angular/core";
 export declare class AttributeExpression {
     #private;
     private readonly ref;
     private readonly formGenericService;
     readonly modal: import("@angular/core").Signal<SdModal | undefined>;
-    components: (SdFormGenericComponent | SdFormGenericGroup)[];
-    variables: SdFormGenericVariable[];
+    readonly components: import("@angular/core").InputSignal<(SdFormGenericComponent | SdFormGenericGroup)[]>;
+    readonly variables: import("@angular/core").InputSignal<SdFormGenericVariable[]>;
     label?: string;
     queryFields: SdQueryBuilderField[];
     draftFilter: Filter | null;
     model?: SdFormGenericExpression;
     set _model(model: SdFormGenericExpression | undefined);
-    modelChange: EventEmitter<SdFormGenericExpression>;
-    sdChange: EventEmitter<SdFormGenericExpression>;
-    constructor(ref: ChangeDetectorRef, formGenericService: FormGenericService);
+    readonly modelChange: import("@angular/core").OutputEmitterRef<SdFormGenericExpression>;
+    readonly sdChange: import("@angular/core").OutputEmitterRef<SdFormGenericExpression>;
+    /** Inserted by Angular inject() migration for backwards compatibility */
+    constructor(...args: unknown[]);
     onEdit: () => Promise<void>;
     onAccept: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AttributeExpression, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AttributeExpression, "attribute-expression", never, { "components": { "alias": "components"; "required": true; }; "variables": { "alias": "variables"; "required": true; }; "label": { "alias": "label"; "required": false; }; "_model": { "alias": "model"; "required": true; }; }, { "modelChange": "modelChange"; "sdChange": "sdChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AttributeExpression, "attribute-expression", never, { "components": { "alias": "components"; "required": true; "isSignal": true; }; "variables": { "alias": "variables"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; }; "_model": { "alias": "model"; "required": true; }; }, { "modelChange": "modelChange"; "sdChange": "sdChange"; }, never, never, true, never>;
 }

package/components/form-generic/src/components/form-builder/components/attribute-input/attribute-input.component.d.ts

@@ -1,17 +1,16 @@
-import { EventEmitter } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class AttributeInput {
-    form?: FormGroup;
+    readonly form: import("@angular/core").InputSignal<FormGroup<any> | undefined>;
     label?: string | null;
     set _label(label: string | undefined | null);
     disabled: boolean;
     set _disabled(val: '' | boolean | undefined | null);
     model?: string | null;
     set _model(model: string | undefined | null);
-    modelChange: EventEmitter<string>;
-    sdChange: EventEmitter<string>;
+    readonly modelChange: import("@angular/core").OutputEmitterRef<string>;
+    readonly sdChange: import("@angular/core").OutputEmitterRef<string>;
     onChange: (value: any) => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AttributeInput, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AttributeInput, "attribute-input", never, { "form": { "alias": "form"; "required": false; }; "_label": { "alias": "label"; "required": false; }; "_disabled": { "alias": "disabled"; "required": false; }; "_model": { "alias": "model"; "required": false; }; }, { "modelChange": "modelChange"; "sdChange": "sdChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AttributeInput, "attribute-input", never, { "form": { "alias": "form"; "required": false; "isSignal": true; }; "_label": { "alias": "label"; "required": false; }; "_disabled": { "alias": "disabled"; "required": false; }; "_model": { "alias": "model"; "required": false; }; }, { "modelChange": "modelChange"; "sdChange": "sdChange"; }, never, never, true, never>;
 }

package/components/form-generic/src/components/form-builder/components/attribute-input-number/attribute-input-number.component.d.ts

@@ -1,4 +1,3 @@
-import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class AttributeInputNumber {
     label?: string | null;
@@ -7,7 +6,7 @@ export declare class AttributeInputNumber {
     set _disabled(val: '' | boolean | undefined | null);
     model?: number | null;
     set _model(model: number | undefined | null);
-    modelChange: EventEmitter<number>;
+    readonly modelChange: import("@angular/core").OutputEmitterRef<number>;
     onChange: (value: any) => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AttributeInputNumber, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AttributeInputNumber, "attribute-input-number", never, { "_label": { "alias": "label"; "required": false; }; "_disabled": { "alias": "disabled"; "required": false; }; "_model": { "alias": "model"; "required": false; }; }, { "modelChange": "modelChange"; }, never, never, true, never>;

package/components/form-generic/src/components/form-builder/components/attribute-parameter/attribute-parameter.component.d.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, EventEmitter, OnInit } from '@angular/core';
+import { OnInit } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { SdModal } from '@sdcorejs/angular/components/modal';
 import { SdFormGenericComponent, SdFormGenericGroup } from '../../../../models';
@@ -7,7 +7,7 @@ export declare class AttributeParameter implements OnInit {
     #private;
     private ref;
     modal?: SdModal;
-    components: (SdFormGenericComponent | SdFormGenericGroup)[];
+    readonly components: import("@angular/core").InputSignal<(SdFormGenericComponent | SdFormGenericGroup)[]>;
     form: FormGroup<{}>;
     label?: string;
     items: {
@@ -17,15 +17,16 @@ export declare class AttributeParameter implements OnInit {
     }[];
     queryString?: string;
     set _model(model: Record<string, any> | undefined);
-    modelChange: EventEmitter<Record<string, string>>;
-    constructor(ref: ChangeDetectorRef);
+    readonly modelChange: import("@angular/core").OutputEmitterRef<Record<string, string>>;
+    /** Inserted by Angular inject() migration for backwards compatibility */
+    constructor(...args: unknown[]);
     ngOnInit(): void;
     edit: () => Promise<void>;
     addField: () => void;
     remove: (idx: number) => void;
     onAccept: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AttributeParameter, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AttributeParameter, "attribute-parameter", never, { "components": { "alias": "components"; "required": true; }; "label": { "alias": "label"; "required": false; }; "_model": { "alias": "model"; "required": true; }; }, { "modelChange": "modelChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AttributeParameter, "attribute-parameter", never, { "components": { "alias": "components"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; }; "_model": { "alias": "model"; "required": true; }; }, { "modelChange": "modelChange"; }, never, never, true, never>;
 }
 export interface Property {
     value: string;

package/components/form-generic/src/components/form-builder/components/attribute-select/attribute-select.component.d.ts

@@ -1,8 +1,7 @@
-import { EventEmitter } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class AttributeSelect {
-    form?: FormGroup;
+    readonly form: import("@angular/core").InputSignal<FormGroup<any> | undefined>;
     label?: string | null;
     set _label(label: string | undefined | null);
     disabled: boolean;
@@ -13,11 +12,11 @@ export declare class AttributeSelect {
     set _items(items: Item[] | undefined | null);
     model?: any | any[];
     set _model(model: any | any[] | undefined | null);
-    modelChange: EventEmitter<string>;
-    sdChange: EventEmitter<string>;
+    readonly modelChange: import("@angular/core").OutputEmitterRef<string>;
+    readonly sdChange: import("@angular/core").OutputEmitterRef<string>;
     onChange: (value: any) => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AttributeSelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AttributeSelect, "attribute-select", never, { "form": { "alias": "form"; "required": false; }; "_label": { "alias": "label"; "required": false; }; "_disabled": { "alias": "disabled"; "required": false; }; "_multiple": { "alias": "multiple"; "required": false; }; "_items": { "alias": "items"; "required": true; }; "_model": { "alias": "model"; "required": false; }; }, { "modelChange": "modelChange"; "sdChange": "sdChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AttributeSelect, "attribute-select", never, { "form": { "alias": "form"; "required": false; "isSignal": true; }; "_label": { "alias": "label"; "required": false; }; "_disabled": { "alias": "disabled"; "required": false; }; "_multiple": { "alias": "multiple"; "required": false; }; "_items": { "alias": "items"; "required": true; }; "_model": { "alias": "model"; "required": false; }; }, { "modelChange": "modelChange"; "sdChange": "sdChange"; }, never, never, true, never>;
 }
 interface Item {
     value: string;

package/components/form-generic/src/components/form-builder/components/attribute-selection/attribute-selection.component.d.ts

@@ -1,27 +1,27 @@
-import { ChangeDetectorRef, EventEmitter, OnInit } from '@angular/core';
+import { OnInit } from '@angular/core';
 import { SdFormGenericComponent, SdFormGenericDefinitionSelection, SdFormGenericGroup, SdFormGenericSelectionStaticItem, SdFormGenericTableColumn, SdFormGenericValues, SdFormGenericVariable } from '../../../../models';
-import { FormGenericService } from '../../../../services';
 import * as i0 from "@angular/core";
 export declare class AttributeSelection implements OnInit {
     private ref;
     private formGenericService;
-    components: (SdFormGenericComponent | SdFormGenericGroup)[];
-    variables: SdFormGenericVariable[];
+    readonly components: import("@angular/core").InputSignal<(SdFormGenericComponent | SdFormGenericGroup)[]>;
+    readonly variables: import("@angular/core").InputSignal<SdFormGenericVariable[]>;
     component: SdFormGenericValues | SdFormGenericTableColumn;
     valuesKey?: string;
     set _valuesKey(valuesKey: string | undefined | null);
-    valuesKeyChange: EventEmitter<string>;
+    readonly valuesKeyChange: import("@angular/core").OutputEmitterRef<string>;
     selections: SdFormGenericDefinitionSelection[];
     values: SdFormGenericSelectionStaticItem[];
     set _values(values: SdFormGenericSelectionStaticItem[] | undefined | null);
-    valuesChange: EventEmitter<SdFormGenericSelectionStaticItem[]>;
-    sdChange: EventEmitter<SdFormGenericComponent>;
-    constructor(ref: ChangeDetectorRef, formGenericService: FormGenericService);
+    readonly valuesChange: import("@angular/core").OutputEmitterRef<SdFormGenericSelectionStaticItem[]>;
+    readonly sdChange: import("@angular/core").OutputEmitterRef<SdFormGenericComponent>;
+    /** Inserted by Angular inject() migration for backwards compatibility */
+    constructor(...args: unknown[]);
     ngOnInit(): void;
     onChangeValuesKey: (value: any) => void;
     onChangeValues: () => void;
     addItem: () => void;
     removeItem: (idx: number) => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AttributeSelection, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AttributeSelection, "attribute-selection", never, { "components": { "alias": "components"; "required": true; }; "variables": { "alias": "variables"; "required": true; }; "component": { "alias": "component"; "required": true; }; "_valuesKey": { "alias": "valuesKey"; "required": true; }; "_values": { "alias": "values"; "required": true; }; }, { "valuesKeyChange": "valuesKeyChange"; "valuesChange": "valuesChange"; "sdChange": "sdChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AttributeSelection, "attribute-selection", never, { "components": { "alias": "components"; "required": true; "isSignal": true; }; "variables": { "alias": "variables"; "required": true; "isSignal": true; }; "component": { "alias": "component"; "required": true; }; "_valuesKey": { "alias": "valuesKey"; "required": true; }; "_values": { "alias": "values"; "required": true; }; }, { "valuesKeyChange": "valuesKeyChange"; "valuesChange": "valuesChange"; "sdChange": "sdChange"; }, never, never, true, never>;
 }

package/components/form-generic/src/components/form-builder/components/attribute-selection/components/build-queries/build-queries.component.d.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, EventEmitter, OnInit, OnDestroy } from '@angular/core';
+import { OnInit, OnDestroy } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { SdModal } from '@sdcorejs/angular/components/modal';
 import { SdFormGenericComponent, SdFormGenericDefinitionSelection, SdFormGenericGroup, SdFormGenericVariable } from '../../../../../../models';
@@ -7,11 +7,11 @@ export declare class BuildQueries implements OnInit, OnDestroy {
     #private;
     private ref;
     modal?: SdModal;
-    components: (SdFormGenericComponent | SdFormGenericGroup)[];
-    variables: SdFormGenericVariable[];
+    readonly components: import("@angular/core").InputSignal<(SdFormGenericComponent | SdFormGenericGroup)[]>;
+    readonly variables: import("@angular/core").InputSignal<SdFormGenericVariable[]>;
     form: FormGroup<{}>;
     label?: string;
-    selections: SdFormGenericDefinitionSelection[];
+    readonly selections: import("@angular/core").InputSignal<SdFormGenericDefinitionSelection[]>;
     valuesKey?: string | null;
     set _valuesKey(valuesKey: string | undefined | null);
     selection?: SdFormGenericDefinitionSelection;
@@ -20,14 +20,15 @@ export declare class BuildQueries implements OnInit, OnDestroy {
     queryString?: string;
     model?: Record<string, any>;
     set _model(model: Record<string, any> | undefined);
-    modelChange: EventEmitter<Record<string, string>>;
-    constructor(ref: ChangeDetectorRef);
+    readonly modelChange: import("@angular/core").OutputEmitterRef<Record<string, string>>;
+    /** Inserted by Angular inject() migration for backwards compatibility */
+    constructor(...args: unknown[]);
     ngOnInit(): void;
     ngOnDestroy(): void;
     edit: () => Promise<void>;
     onAccept: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BuildQueries, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BuildQueries, "build-queries", never, { "components": { "alias": "components"; "required": true; }; "variables": { "alias": "variables"; "required": true; }; "label": { "alias": "label"; "required": false; }; "selections": { "alias": "selections"; "required": true; }; "_valuesKey": { "alias": "valuesKey"; "required": true; }; "_model": { "alias": "model"; "required": true; }; }, { "modelChange": "modelChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BuildQueries, "build-queries", never, { "components": { "alias": "components"; "required": true; "isSignal": true; }; "variables": { "alias": "variables"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; }; "selections": { "alias": "selections"; "required": true; "isSignal": true; }; "_valuesKey": { "alias": "valuesKey"; "required": true; }; "_model": { "alias": "model"; "required": true; }; }, { "modelChange": "modelChange"; }, never, never, true, never>;
 }
 export interface Property {
     value: string;

package/components/form-generic/src/components/form-builder/components/attribute-selection/components/build-variables/build-variables.component.d.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, EventEmitter, OnInit, OnDestroy } from '@angular/core';
+import { OnInit, OnDestroy } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { SdModal } from '@sdcorejs/angular/components/modal';
 import { SdFormGenericComponent, SdFormGenericDefinitionSelection, SdFormGenericGroup, SdFormGenericVariable } from '../../../../../../models';
@@ -7,11 +7,11 @@ export declare class BuildVariables implements OnInit, OnDestroy {
     #private;
     private ref;
     modal?: SdModal;
-    components: (SdFormGenericComponent | SdFormGenericGroup)[];
-    variables: SdFormGenericVariable[];
+    readonly components: import("@angular/core").InputSignal<(SdFormGenericComponent | SdFormGenericGroup)[]>;
+    readonly variables: import("@angular/core").InputSignal<SdFormGenericVariable[]>;
     form: FormGroup<{}>;
     label?: string;
-    selections: SdFormGenericDefinitionSelection[];
+    readonly selections: import("@angular/core").InputSignal<SdFormGenericDefinitionSelection[]>;
     valuesKey?: string | null;
     set _valuesKey(valuesKey: string | undefined | null);
     selection?: SdFormGenericDefinitionSelection;
@@ -24,8 +24,9 @@ export declare class BuildVariables implements OnInit, OnDestroy {
     }[];
     queryString?: string;
     set _model(model: Record<string, any> | undefined);
-    modelChange: EventEmitter<Record<string, string>>;
-    constructor(ref: ChangeDetectorRef);
+    readonly modelChange: import("@angular/core").OutputEmitterRef<Record<string, string>>;
+    /** Inserted by Angular inject() migration for backwards compatibility */
+    constructor(...args: unknown[]);
     ngOnInit(): void;
     ngOnDestroy(): void;
     edit: () => Promise<void>;
@@ -33,7 +34,7 @@ export declare class BuildVariables implements OnInit, OnDestroy {
     remove: (idx: number) => void;
     onAccept: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BuildVariables, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BuildVariables, "build-variables", never, { "components": { "alias": "components"; "required": true; }; "variables": { "alias": "variables"; "required": true; }; "label": { "alias": "label"; "required": false; }; "selections": { "alias": "selections"; "required": true; }; "_valuesKey": { "alias": "valuesKey"; "required": true; }; "_model": { "alias": "model"; "required": true; }; }, { "modelChange": "modelChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BuildVariables, "build-variables", never, { "components": { "alias": "components"; "required": true; "isSignal": true; }; "variables": { "alias": "variables"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; }; "selections": { "alias": "selections"; "required": true; "isSignal": true; }; "_valuesKey": { "alias": "valuesKey"; "required": true; }; "_model": { "alias": "model"; "required": true; }; }, { "modelChange": "modelChange"; }, never, never, true, never>;
 }
 export interface Property {
     value: string;

package/components/form-generic/src/components/form-builder/components/attribute-switch/attribute-switch.component.d.ts

@@ -1,14 +1,13 @@
-import { EventEmitter } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class AttributeSwitch {
-    form?: FormGroup;
+    readonly form: import("@angular/core").InputSignal<FormGroup<any> | undefined>;
     label?: string | null;
     set _label(label: string | undefined | null);
     model?: boolean;
     set _model(val: boolean | undefined | null);
-    modelChange: EventEmitter<boolean>;
+    readonly modelChange: import("@angular/core").OutputEmitterRef<boolean>;
     onChange: (value: any) => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AttributeSwitch, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AttributeSwitch, "attribute-switch", never, { "form": { "alias": "form"; "required": false; }; "_label": { "alias": "label"; "required": false; }; "_model": { "alias": "model"; "required": false; }; }, { "modelChange": "modelChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AttributeSwitch, "attribute-switch", never, { "form": { "alias": "form"; "required": false; "isSignal": true; }; "_label": { "alias": "label"; "required": false; }; "_model": { "alias": "model"; "required": false; }; }, { "modelChange": "modelChange"; }, never, never, true, never>;
 }