@sdcorejs/angular 20.1.2 → 20.1.4

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,18 +1,17 @@
-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';
 import { Operator as Operator$1, ValidationPatternType, Color } from '@sdcorejs/utils/models';
 import { SdUnwrapSignal } from '@sdcorejs/angular/utilities/models';
-import { CdkDragMove, CdkDragDrop, CdkDrag, CdkDropList } from '@angular/cdk/drag-drop';
+import { CdkDropList, CdkDragMove, CdkDragDrop, CdkDragEnter, CdkDragSortEvent, CdkDrag } from '@angular/cdk/drag-drop';
 import { FormGroup } from '@angular/forms';
 import { SdModal } from '@sdcorejs/angular/components/modal';
 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;
@@ -758,22 +711,37 @@ interface ResizeState {
     columns: string;
 }
 type RowInsertionEdge = 'before' | 'after';
+type PaletteDropTarget = {
+    kind: 'empty';
+} | {
+    kind: 'inline';
+    rowId: string;
+    index: number;
+    columns: string;
+} | {
+    kind: 'edge';
+    rowId: string;
+    edge: RowInsertionEdge;
+};
 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: _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[];
@@ -783,20 +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 rowInsertionEdge: i0.WritableSignal<RowInsertionEdge>;
-    readonly inlineDropTargetRow: i0.WritableSignal<DragDropRowItem | undefined>;
-    readonly resizeState: i0.WritableSignal<ResizeState | undefined>;
-    readonly isResizing: i0.Signal<boolean>;
+    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: _angular_core.WritableSignal<RowInsertionEdge>;
+    /** @deprecated Internal drag-preview compatibility mirror; use no application code. */
+    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;
@@ -855,8 +826,13 @@ declare class SdFormBuilder implements OnInit, OnDestroy {
     isRowFull: (row: DragDropRowItem) => boolean;
     isRowInlineDropLocked: (row: DragDropRowItem) => boolean;
     shouldShowRowInsertionPlaceholder: (row: DragDropRowItem, edge?: RowInsertionEdge) => boolean;
-    onRowItemsDropEntered: (row: DragDropRowItem) => void;
+    shouldShowInlinePalettePlaceholder: (row: DragDropRowItem, index: number) => boolean;
+    isPaletteEmptyDropTarget: () => boolean;
+    palettePlaceholderColumnsFor: (row?: DragDropRowItem) => number;
+    onRowItemsDropEntered: (row: DragDropRowItem, event?: CdkDragEnter<any[]>) => void;
+    onRowItemsDropSorted: (row: DragDropRowItem, event: CdkDragSortEvent<any[]>) => void;
     onRowItemsDropExited: (row: DragDropRowItem) => void;
+    canEnterCanvasDropList: (drag: CdkDrag<FormBuilderComponent | SdFormGenericComponent | SdFormGenericGroup | DragDropRowItem>) => boolean;
     canEnterRowDropList: (drag: CdkDrag<FormBuilderComponent | SdFormGenericComponent | SdFormGenericGroup>, drop: CdkDropList<(SdFormGenericComponent | SdFormGenericGroup)[]>) => boolean;
     onFocus: (event: FocusEvent) => void;
     xuLyKeoCheo: (dragItem?: SdFormGenericComponent | SdFormGenericGroup) => void;
@@ -879,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 {
@@ -897,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 };

package/components/import-excel/index.d.ts

@@ -1,10 +1,7 @@
 import * as i0 from '@angular/core';
-import { PipeTransform, OnInit, OnDestroy, EventEmitter, ChangeDetectorRef } from '@angular/core';
+import { OnInit, OnDestroy } from '@angular/core';
 import { MatPaginator } from '@angular/material/paginator';
 import { SdModal } from '@sdcorejs/angular/components/modal';
-import { SdExcelService } from '@sdcorejs/angular/services/excel';
-import { SdNotifyService } from '@sdcorejs/angular/services/notify';
-import { SdLoadingService } from '@sdcorejs/angular/services/loading';
 
 interface SdImportExcelValidation {
     idx: number;
@@ -109,14 +106,6 @@ interface SdImportExcelItem<T = any> {
     };
 }
 
-declare class ColumnHiddenPipe implements PipeTransform {
-    constructor();
-    transform(column: SdUploadExcelColumn): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnHiddenPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<ColumnHiddenPipe, "columnHidden", true>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ColumnHiddenPipe>;
-}
-
 declare class SdImportExcel implements OnInit, OnDestroy {
     #private;
     private ref;
@@ -139,8 +128,9 @@ declare class SdImportExcel implements OnInit, OnDestroy {
     uploading: boolean;
     isUploaded: boolean;
     isDownloadTemplate: boolean;
-    sdClosed: EventEmitter<any>;
-    constructor(ref: ChangeDetectorRef, excelService: SdExcelService, notifyService: SdNotifyService, columnHiddenPipe: ColumnHiddenPipe, loadingService: SdLoadingService);
+    readonly sdClosed: i0.OutputEmitterRef<void>;
+    /** Inserted by Angular inject() migration for backwards compatibility */
+    constructor(...args: unknown[]);
     ngOnInit(): void;
     ngOnDestroy(): void;
     open: () => void;

package/components/index.d.ts

@@ -25,3 +25,7 @@ export * from '@sdcorejs/angular/components/editor';
 export * from '@sdcorejs/angular/components/splitter';
 export * from '@sdcorejs/angular/components/preview';
 export * from '@sdcorejs/angular/components/autoid-inspector';
+export * from '@sdcorejs/angular/components/breadcrumb';
+export * from '@sdcorejs/angular/components/data-state';
+export * from '@sdcorejs/angular/components/job-progress';
+export * from '@sdcorejs/angular/components/audit-diff';