@ldquocc/dynamic-form 0.0.1

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@ldquocc/dynamic-form" />
+export * from './public-api';

package/lib/dynamic-form.component.d.ts

@@ -0,0 +1,67 @@
+import { BaseField } from './shared/models/fields/field.model';
+import { EventEmitter } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { FieldTypeEnum } from './shared/enums/fields';
+import { FormModeEnum } from './shared/enums/form';
+import { FormMode } from './shared/models/form';
+import { DynamicFormService } from './shared/services/dynamic-form.service';
+import { FieldGroup, GroupedFields } from './shared/models/fields/field-group.model';
+import { FormDataService } from './shared/services/form-data.service';
+import * as i0 from "@angular/core";
+export declare class DynamicFormComponent {
+    private dFormService;
+    formId: string;
+    valueChangesDebounceTime: number;
+    readonly formValueChanges: EventEmitter<Record<string, unknown>>;
+    private readonly destroy$;
+    readonly fields: import("@angular/core").InputSignal<BaseField<any>[]>;
+    readonly model: import("@angular/core").InputSignal<Record<string, any>>;
+    readonly mode: import("@angular/core").InputSignal<FormMode>;
+    readonly fieldGroups: import("@angular/core").InputSignal<FieldGroup[]>;
+    readonly displayNonGroupedFields: import("@angular/core").InputSignal<boolean>;
+    readonly formSubmit: import("@angular/core").OutputEmitterRef<Record<string, unknown>>;
+    readonly formInvalid: import("@angular/core").OutputEmitterRef<BaseField<any>[]>;
+    protected readonly oldFields: import("@angular/core").WritableSignal<BaseField<any>[]>;
+    readonly isAddOrEdit: import("@angular/core").Signal<boolean>;
+    readonly formState: import("@angular/core").Signal<{
+        mode: FormMode;
+        newFields: BaseField<any>[];
+        model: Record<string, any>;
+    }>;
+    groupedFields: import("@angular/core").Signal<GroupedFields>;
+    protected readonly formModeEnum: typeof FormModeEnum;
+    protected readonly fieldTypeEnum: typeof FieldTypeEnum;
+    isHiddenField: (field: BaseField<any>) => boolean;
+    formGroup: FormGroup;
+    readonly formDataService: FormDataService;
+    constructor(dFormService: DynamicFormService);
+    ngOnDestroy(): void;
+    syncFieldsEffect: import("@angular/core").EffectRef;
+    /**
+     * Effect tạo FormGroup.
+     */
+    createFormGroupEffect: import("@angular/core").EffectRef;
+    /**
+     *  Subscribe to form value changes
+     *  Subscribe lắng nghe sự thay đổi giá trị của form
+     */
+    private subscribeToFormValueChanges;
+    /**
+     * Xử lý submit form và output ra ngoài.
+     */
+    private handleSubmit;
+    /**
+     * Kích submit form ảo khi nhấn nút submit.
+     */
+    private markControlForValidation;
+    /**
+     * TrackBy function for ngFor to optimize rendering.
+     */
+    protected trackByField(index: number, field: BaseField<any>): string;
+    readonly collapseCustomStyle: {
+        background: string;
+        border: string;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicFormComponent, "app-dynamic-forms", never, { "formId": { "alias": "formId"; "required": false; }; "valueChangesDebounceTime": { "alias": "valueChangesDebounceTime"; "required": false; }; "fields": { "alias": "fields"; "required": true; "isSignal": true; }; "model": { "alias": "model"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "fieldGroups": { "alias": "fieldGroups"; "required": false; "isSignal": true; }; "displayNonGroupedFields": { "alias": "displayNonGroupedFields"; "required": false; "isSignal": true; }; }, { "formValueChanges": "formValueChanges"; "formSubmit": "formSubmit"; "formInvalid": "formInvalid"; }, never, never, true, never>;
+}

package/lib/dynamic-form.service.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class DynamicFormService {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFormService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DynamicFormService>;
+}

package/lib/shared/base/base-value-accessor.d.ts

@@ -0,0 +1,62 @@
+import { AbstractControl, ControlValueAccessor } from '@angular/forms';
+import { Subject } from 'rxjs';
+import { FormMode } from '../models/form';
+import { FormModeEnum } from '../enums/form';
+import { DynamicFormService } from '../services/dynamic-form.service';
+import { FieldService } from '../services/field.service';
+import { BaseField } from '../models/fields/field.model';
+import { ViewModeEnum } from '../enums/common';
+import { FormDataService } from '../services/form-data.service';
+import * as i0 from "@angular/core";
+export declare abstract class BaseValueAccessor<T> implements ControlValueAccessor {
+    formId: string;
+    readonly fieldInput: import("@angular/core").InputSignal<BaseField<T>>;
+    protected readonly fieldKey: import("@angular/core").Signal<string>;
+    control: AbstractControl<T> | null;
+    readonly modeSignal: import("@angular/core").InputSignal<FormMode>;
+    readonly isAdd: import("@angular/core").Signal<boolean>;
+    readonly isEdit: import("@angular/core").Signal<boolean>;
+    readonly isView: import("@angular/core").Signal<boolean>;
+    readonly isAddOrEdit: import("@angular/core").Signal<boolean>;
+    readonly isEditOrView: import("@angular/core").Signal<boolean>;
+    protected readonly formModeEnum: typeof FormModeEnum;
+    protected readonly viewModeEnum: typeof ViewModeEnum;
+    protected readonly destroy$: Subject<void>;
+    protected value: T | null;
+    protected onChange: (value: T | null) => void;
+    protected onTouched: () => void;
+    isDisabled: boolean;
+    protected dFormService: DynamicFormService;
+    protected formDataService: FormDataService;
+    protected fieldService: FieldService;
+    ngOnDestroy(): void;
+    protected takeUntilDestroy<T>(): import("rxjs").MonoTypeOperatorFunction<T>;
+    writeValue(value: T | null): void;
+    registerOnChange(fn: (value: T | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    protected propagateValue(value: T | null): void;
+    protected reset(): void;
+    /**
+     * Thêm dữ liệu ở từng dạng field vào form data theo form id cụ thể.
+     * @param key Mã của field.
+     * @param value Giá trị của field.
+     */
+    protected patchFormData(key: string, value: T | null): void;
+    protected updateDependValues(key: string, value: string): void;
+    protected updateLastChangedParent(key: string, value: unknown): void;
+    protected disableAndResetControl(): void;
+    protected disableControl(): void;
+    protected enableControl(): void;
+    /**
+     * Optional: để component override riêng.
+     */
+    protected writeValueToView(value: T | null): void;
+    protected handleValueChange(value: T | null): void;
+    protected setDisabledOnView(isDisabled: boolean): void;
+    protected resetForAdd(): void;
+    protected resetForEdit(): void;
+    protected finalizeReset(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseValueAccessor<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseValueAccessor<any>, never, never, { "formId": { "alias": "formId"; "required": true; }; "fieldInput": { "alias": "fieldInput"; "required": true; "isSignal": true; }; "control": { "alias": "control"; "required": false; }; "modeSignal": { "alias": "modeSignal"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/shared/components/component.d.ts

@@ -0,0 +1,14 @@
+import { DatePickerComponent } from './fields/date/date-picker/date-picker.component';
+import { DateRangeComponent } from './fields/date/date-range/date-range.component';
+import { InputPasswordComponent } from './fields/input/input-password/input-password.component';
+import { InputTextComponent } from './fields/input/input-text/input-text.component';
+import { ReminderTypeRadioComponent } from './fields/radio/custom/reminder-type-radio/reminder-type-radio.component';
+import { MultiSelectComponent } from './fields/select/multi-select/multi-select.component';
+import { SingleSelectComponent } from './fields/select/single-select/single-select.component';
+import { TreeSelectComponent } from './fields/select/tree-select/tree-select.component';
+import { TextareaComponent } from './fields/textarea/textarea.component';
+import { AvatarUploadComponent } from './fields/upload/avatar-upload/avatar-upload.component';
+import { MultiFileUploadComponent } from './fields/upload/multi-file-upload/multi-file-upload.component';
+import { MultiImageUploadComponent } from './fields/upload/multi-image-upload/multi-image-upload.component';
+import { SingleFileUploadComponent } from './fields/upload/single-file-upload/single-file-upload.component';
+export declare const FIELD_COMPONENTS: (typeof DatePickerComponent | typeof DateRangeComponent | typeof InputPasswordComponent | typeof InputTextComponent | typeof ReminderTypeRadioComponent | typeof MultiSelectComponent | typeof SingleSelectComponent | typeof TreeSelectComponent | typeof TextareaComponent | typeof AvatarUploadComponent | typeof MultiFileUploadComponent | typeof MultiImageUploadComponent | typeof SingleFileUploadComponent)[];

package/lib/shared/components/dynamic-field/dynamic-field.component.d.ts

@@ -0,0 +1,23 @@
+import { BaseField } from '../../models/fields/field.model';
+import { AbstractControl, FormGroup } from '@angular/forms';
+import { FormMode } from '../../models/form';
+import { FieldTypeEnum } from '../../enums/fields';
+import { FormModeEnum } from '../../enums/form';
+import * as i0 from "@angular/core";
+export declare class DynamicFieldComponent {
+    readonly field: import("@angular/core").InputSignal<BaseField<any>>;
+    readonly fields: import("@angular/core").InputSignal<BaseField<any>[]>;
+    readonly mode: import("@angular/core").InputSignal<FormMode>;
+    readonly control: import("@angular/core").InputSignal<AbstractControl<any, any>>;
+    readonly formGroup: import("@angular/core").InputSignal<FormGroup<any>>;
+    readonly formId: import("@angular/core").InputSignal<string>;
+    fieldTypeEnum: typeof FieldTypeEnum;
+    formModeEnum: typeof FormModeEnum;
+    private validationService;
+    /**
+     * Lấy thông báo lỗi đầu tiên của trường đang thao tác dựa trên control và field.
+     */
+    protected getErrorMessage(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicFieldComponent, "app-dynamic-field", never, { "field": { "alias": "field"; "required": true; "isSignal": true; }; "fields": { "alias": "fields"; "required": true; "isSignal": true; }; "mode": { "alias": "mode"; "required": true; "isSignal": true; }; "control": { "alias": "control"; "required": true; "isSignal": true; }; "formGroup": { "alias": "formGroup"; "required": true; "isSignal": true; }; "formId": { "alias": "formId"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/shared/components/fields/components/suffix/suffix.component.d.ts

@@ -0,0 +1,12 @@
+import { Suffix } from '../../../../models/common/common.model';
+import * as i0 from "@angular/core";
+export declare class SuffixComponent {
+    suffixConfig: Suffix;
+    formId: string;
+    protected defaultText: string;
+    private suffixService;
+    ngOnInit(): void;
+    handleSuffix(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SuffixComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuffixComponent, "app-suffix", never, { "suffixConfig": { "alias": "suffixConfig"; "required": false; }; "formId": { "alias": "formId"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/shared/components/fields/date/date-picker/date-picker.component.d.ts

@@ -0,0 +1,15 @@
+import { BaseValueAccessor } from '../../../../base/base-value-accessor';
+import { DatePickerField } from '../../../../models/fields/date/date-picker-field.model';
+import * as i0 from "@angular/core";
+export declare class DatePickerComponent extends BaseValueAccessor<string | Date> {
+    readonly fieldSignal: import("@angular/core").Signal<DatePickerField>;
+    displayValue: string;
+    disabledDate: import("@angular/core").Signal<(current: Date) => boolean>;
+    constructor();
+    handleChangeDate(date: Date): void;
+    protected writeValueToView(value: Date): void;
+    protected handleValueChange(value: Date): void;
+    private getValueByOutputAs;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "app-date-picker", never, {}, {}, never, never, true, never>;
+}

package/lib/shared/components/fields/date/date-range/date-range.component.d.ts

@@ -0,0 +1,16 @@
+import { BaseValueAccessor } from '../../../../base/base-value-accessor';
+import { DateRangeField } from '../../../../models/fields/date/date-range-field.model';
+import * as i0 from "@angular/core";
+export declare class DateRangeComponent extends BaseValueAccessor<string | string[] | Date[]> {
+    readonly fieldSignal: import("@angular/core").Signal<DateRangeField>;
+    displayValueNoInfo: string;
+    disabledDate: import("@angular/core").Signal<(current: Date) => boolean>;
+    constructor();
+    getSelectedDateRangeFromFieldValue(fieldValue: string[] | Date[]): Date[];
+    handleChangeDateRange(dateRange: Date[]): void;
+    protected writeValueToView(value: Date[]): void;
+    protected handleValueChange(value: Date[]): void;
+    private getValueByOutputAs;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateRangeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateRangeComponent, "app-date-range", never, {}, {}, never, never, true, never>;
+}

package/lib/shared/components/fields/input/input-password/input-password.component.d.ts

@@ -0,0 +1,11 @@
+import { InputPasswordField } from '../../../../models/fields/input';
+import { BaseValueAccessor } from '../../../../base/base-value-accessor';
+import * as i0 from "@angular/core";
+export declare class InputPasswordComponent extends BaseValueAccessor<string> {
+    readonly fieldSignal: import("@angular/core").Signal<InputPasswordField>;
+    passwordVisible: boolean;
+    constructor();
+    handleChangeInputPassword(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputPasswordComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputPasswordComponent, "app-input-password", never, {}, {}, never, never, true, never>;
+}

package/lib/shared/components/fields/input/input-text/input-text.component.d.ts

@@ -0,0 +1,14 @@
+import { InputTextField } from '../../../../models/fields/input';
+import { BaseValueAccessor } from '../../../../base/base-value-accessor';
+import * as i0 from "@angular/core";
+export declare class InputTextComponent extends BaseValueAccessor<string> {
+    readonly fieldSignal: import("@angular/core").Signal<InputTextField>;
+    inputDisplayValue: string;
+    displayNoValueText: string;
+    constructor();
+    handleChangeInputText(event: Event): void;
+    handleChangeFormValue(value: number): void;
+    protected writeValueToView(value: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputTextComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputTextComponent, "app-input-text", never, {}, {}, never, never, true, never>;
+}

package/lib/shared/components/fields/radio/custom/reminder-type-radio/reminder-type-radio.component.d.ts

@@ -0,0 +1,24 @@
+import { BaseValueAccessor } from '../../../../../base/base-value-accessor';
+import { DateOptions, ReminderOption, SelectOption } from '../../../../../models/fields/radio/custom/reminder-type-radio/reminder-option.model';
+import { ReminderTypeRadioField } from '../../../../../models/fields/radio/custom/reminder-type-radio/reminder-type-radio-field.model';
+import { ReminderValue } from '../../../../../models/fields/radio/custom/reminder-type-radio/reminder-value.model';
+import * as i0 from "@angular/core";
+export declare class ReminderTypeRadioComponent extends BaseValueAccessor<ReminderValue | null> {
+    readonly fieldSignal: import("@angular/core").Signal<ReminderTypeRadioField>;
+    options: ReminderOption[];
+    selectedOption: ReminderOption;
+    selectedOptionCode: string;
+    deadline: Date | null;
+    get selectDetail(): SelectOption | undefined;
+    get dateDetail(): DateOptions | undefined;
+    disabledAfterLimit: (current: Date) => boolean;
+    private toast;
+    constructor();
+    protected writeValueToView(value: ReminderValue | null): void;
+    protected handleValueChange(value: ReminderValue): void;
+    reminderRadioChange(radioValue: string): void;
+    changeOptionSelect(optionValue: string): void;
+    changeDate(date: Date): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ReminderTypeRadioComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ReminderTypeRadioComponent, "app-reminder-type-radio", never, {}, {}, never, never, true, never>;
+}

package/lib/shared/components/fields/select/multi-select/multi-select.component.d.ts

@@ -0,0 +1,25 @@
+import { BaseValueAccessor } from '../../../../base/base-value-accessor';
+import { MultiSelectField } from '../../../../models/fields/select/multi-select-field.model';
+import * as i0 from "@angular/core";
+export declare class MultiSelectComponent extends BaseValueAccessor<string[] | number[] | Record<string, unknown>[]> {
+    readonly fieldSignal: import("@angular/core").Signal<MultiSelectField>;
+    displayNoValueText: string;
+    displayOptionsValue: string[];
+    loading: import("@angular/core").WritableSignal<boolean>;
+    options: Record<string, unknown>[];
+    queryParams: Record<string, unknown>;
+    constructor();
+    private resolveDependencyState;
+    private createFullApiUrl;
+    private getOptions;
+    handleChangeOptions(optionValue: string[]): void;
+    protected writeValueToView(value: string[]): void;
+    protected handleValueChange(value: string[]): void;
+    private getValueByOutputAs;
+    protected getDisplayValue(value: string[] | Record<string, unknown>[]): string[];
+    protected transformOptionValue(option: Record<string, unknown>): unknown;
+    protected getOptionLabel(option: Record<string, unknown>): string;
+    private getCustomLabel;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectComponent, "app-multi-select", never, {}, {}, never, never, true, never>;
+}

package/lib/shared/components/fields/select/single-select/single-select.component.d.ts

@@ -0,0 +1,26 @@
+import { BaseValueAccessor } from '../../../../base/base-value-accessor';
+import { SingleSelectField } from '../../../../models/fields/select/single-select-field.model';
+import * as i0 from "@angular/core";
+export declare class SingleSelectComponent extends BaseValueAccessor<string | Record<string, unknown>> {
+    isCustomInputText: boolean;
+    readonly fieldSignal: import("@angular/core").Signal<SingleSelectField>;
+    displayValue: string | number;
+    loadingSignal: import("@angular/core").WritableSignal<boolean>;
+    isDisabledSignal: import("@angular/core").WritableSignal<boolean>;
+    disabled: import("@angular/core").Signal<boolean>;
+    options: Record<string, unknown>[];
+    queryParams: Record<string, unknown>;
+    constructor();
+    protected writeValueToView(value: string | null): void;
+    protected handleValueChange(value: string): void;
+    private createFullApiUrl;
+    private getOptions;
+    handleChangeOptions(optionValue: string): void;
+    private getValueByOutputAs;
+    protected getDisplayValue(value: string | Record<string, unknown>): string;
+    protected transformOptionValue(option: Record<string, unknown>): unknown;
+    protected getOptionLabel(option: Record<string, unknown>): string;
+    private getCustomLabel;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SingleSelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SingleSelectComponent, "app-single-select", never, { "isCustomInputText": { "alias": "isCustomInputText"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/shared/components/fields/select/tree-select/tree-select.component.d.ts

@@ -0,0 +1,27 @@
+import { BaseValueAccessor } from '../../../../base/base-value-accessor';
+import { TreeSelectField } from '../../../../models/fields/select/tree-select-field.model';
+import * as i0 from "@angular/core";
+export declare class TreeSelectComponent extends BaseValueAccessor<string | Record<string, unknown>> {
+    isCustomInputText: boolean;
+    readonly fieldSignal: import("@angular/core").Signal<TreeSelectField>;
+    displayValue: string | number;
+    loadingSignal: import("@angular/core").WritableSignal<boolean>;
+    isDisabledSignal: import("@angular/core").WritableSignal<boolean>;
+    disabled: import("@angular/core").Signal<boolean>;
+    options: any[];
+    queryParams: Record<string, unknown>;
+    constructor();
+    protected writeValueToView(value: string | null): void;
+    protected handleValueChange(value: string): void;
+    private createFullApiUrl;
+    private buildTree;
+    private getOptions;
+    handleChangeOptions(optionValue: string): void;
+    private getValueByOutputAs;
+    protected getDisplayValue(value: string | Record<string, unknown>): string;
+    protected transformOptionValue(option: Record<string, unknown>): unknown;
+    protected getOptionLabel(option: Record<string, unknown>): string;
+    private getCustomLabel;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TreeSelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TreeSelectComponent, "app-tree-select", never, { "isCustomInputText": { "alias": "isCustomInputText"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/shared/components/fields/textarea/textarea.component.d.ts

@@ -0,0 +1,13 @@
+import { BaseValueAccessor } from '../../../base/base-value-accessor';
+import { TextareaField } from '../../../models/fields/textarea/textarea-field.model';
+import * as i0 from "@angular/core";
+export declare class TextareaComponent extends BaseValueAccessor<string> {
+    readonly fieldSignal: import("@angular/core").Signal<TextareaField>;
+    textareaDisplayValue: string;
+    displayNoValueText: string;
+    constructor();
+    handleChangeTextarea(event: Event): void;
+    protected writeValueToView(value: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextareaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextareaComponent, "app-textarea", never, {}, {}, never, never, true, never>;
+}

package/lib/shared/components/fields/upload/avatar-upload/avatar-upload.component.d.ts

@@ -0,0 +1,26 @@
+import { NzUploadFile, NzUploadXHRArgs } from 'ng-zorro-antd/upload';
+import { BaseValueAccessor } from '../../../../base/base-value-accessor';
+import { AvatarUploadField } from '../../../../models/fields/upload/avatar-upload-field.model';
+import { ObjectStorage } from '../../../../models/common';
+import { MyUploadFile } from '../../../../models/common/common.model';
+import { Observable, Subscription } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class AvatarUploadComponent extends BaseValueAccessor<string | File> {
+    size: number;
+    readonly fieldSignal: import("@angular/core").Signal<AvatarUploadField>;
+    avatarUrl: string | null;
+    objStorageList: import("@angular/core").WritableSignal<ObjectStorage[]>;
+    private fileService;
+    private formConfigService;
+    constructor();
+    protected writeValueToView(value: string): void;
+    private handleInitAllData;
+    beforeUpload: (file: NzUploadFile, fileList: NzUploadFile[]) => boolean | Observable<boolean>;
+    customRequest: (item: NzUploadXHRArgs) => Subscription;
+    private uploadFile;
+    handleDelete(file: MyUploadFile): void;
+    handlePreview(): void;
+    deleteObjStorage(id: string): Subscription;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AvatarUploadComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarUploadComponent, "app-avatar-upload", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/shared/components/fields/upload/multi-file-upload/multi-file-upload.component.d.ts

@@ -0,0 +1,77 @@
+import { BaseValueAccessor } from '../../../../base/base-value-accessor';
+import { NzUploadFile, NzUploadXHRArgs } from 'ng-zorro-antd/upload';
+import { MultiFileUploadField } from '../../../../models/fields/upload/multi-file-upload-field.model';
+import { MyUploadFile } from '../../../../models/common/common.model';
+import { ObjectStorage } from '../../../../models/common';
+import { Observable, Subscription } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class MultiFileUploadComponent extends BaseValueAccessor<string | File | NzUploadFile> {
+    readonly fieldSignal: import("@angular/core").Signal<MultiFileUploadField>;
+    objStorageList: import("@angular/core").WritableSignal<ObjectStorage[]>;
+    allFiles: import("@angular/core").WritableSignal<MyUploadFile[]>;
+    fileExtensionGuide: import("@angular/core").WritableSignal<string>;
+    pendingCount: import("@angular/core").WritableSignal<number>;
+    private _batchBuffer;
+    private _batchTimer;
+    private fileService;
+    private toast;
+    private translate;
+    private nzMessage;
+    private formConfigService;
+    constructor();
+    protected writeValueToView(value: string): void;
+    private handleInitAllData;
+    /**
+     * Xử lý trước khi upload — trả về Observable<boolean> để hỗ trợ batch detection.
+     *
+     * Cơ chế batch detection:
+     * nz-upload gọi beforeUpload() từng file một (đồng bộ) trong cùng 1 JS tick khi user
+     * chọn nhiều file. Mỗi lần gọi, file được đẩy vào _batchBuffer. Sau khi tất cả các
+     * lần gọi đồng bộ kết thúc, setTimeout(0) kích hoạt _processBatch() để xử lý toàn bộ
+     * batch một lần, cho phép kiểm tra tổng số lượng chính xác trước khi upload.
+     */
+    beforeUpload: (file: NzUploadFile) => Observable<boolean>;
+    /**
+     * Xử lý toàn bộ batch file sau khi tất cả beforeUpload calls trong cùng 1 tick đã hoàn tất.
+     *
+     * Logic:
+     * 1. Nếu tổng (file hiện tại + pending + batch) vượt maxFileCount → reject TOÀN BỘ batch.
+     * 2. Validate từng file trong batch:
+     *    - File thỏa (MIME + size) → pendingCount++, resolve(true) → cho phép upload.
+     *    - File không thỏa → hiển thị NzMessage lỗi, resolve(false) → bỏ qua.
+     */
+    private _processBatch;
+    customRequest: (item: NzUploadXHRArgs) => Subscription;
+    private uploadFile;
+    handleDelete(file: MyUploadFile): void;
+    deleteObjStorage(id: string): Subscription;
+    /**
+     * Xử lý click vào file item:
+     * - Không làm gì nếu file đang loading hoặc ở trạng thái error.
+     * - Gọi fileClick để xem file nếu đã upload thành công.
+     */
+    onFileItemClick(file: MyUploadFile): void;
+    fileClick(objStorage: ObjectStorage): void;
+    /**
+     * Hủy toàn bộ batch đang chờ xử lý:
+     * - Clear timer batch detection.
+     * - Reject tất cả file trong buffer (resolve false).
+     * - Reset pendingCount về 0.
+     * Gọi khi form bị reset từ bên ngoài.
+     */
+    private _clearBatch;
+    /**
+     * Đồng bộ control value với trạng thái thực tế của danh sách file đã upload thành công.
+     *
+     * Gọi sau mỗi thay đổi về danh sách file (upload xong, xóa file) để đảm bảo:
+     * - Không có file nào thành công → propagateValue('') → Validators.required kích hoạt.
+     * - Có ít nhất 1 file thành công → propagateValue(JSON string) → validators pass.
+     *
+     * Validators hiện tại tương thích:
+     * - acceptedMimeTypesValidator: bỏ qua nếu value falsy; parse JSON nếu là string.
+     * - maxFileSizeInMBValidator: bỏ qua nếu value.size undefined (JSON string).
+     */
+    private _syncControlValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MultiFileUploadComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiFileUploadComponent, "app-multi-file-upload", never, {}, {}, never, never, true, never>;
+}

package/lib/shared/components/fields/upload/multi-image-upload/multi-image-upload.component.d.ts

@@ -0,0 +1,27 @@
+import { BaseValueAccessor } from '../../../../base/base-value-accessor';
+import { NzUploadFile, NzUploadXHRArgs } from 'ng-zorro-antd/upload';
+import { MultiImageUploadField } from '../../../../models/fields/upload/multi-image-upload-field.model';
+import { MyUploadFile } from '../../../../models/common/common.model';
+import { ObjectStorage } from '../../../../models/common';
+import { Observable, Subscription } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class MultiImageUploadComponent extends BaseValueAccessor<string | File | NzUploadFile> {
+    readonly fieldSignal: import("@angular/core").Signal<MultiImageUploadField>;
+    objStorageList: import("@angular/core").WritableSignal<ObjectStorage[]>;
+    allFiles: import("@angular/core").WritableSignal<MyUploadFile[]>;
+    private fileService;
+    private toast;
+    private translate;
+    private formConfigService;
+    constructor();
+    protected writeValueToView(value: string): void;
+    private handleInitAllData;
+    beforeUpload: (file: NzUploadFile) => boolean | Observable<boolean>;
+    customRequest: (item: NzUploadXHRArgs) => Subscription;
+    private uploadFile;
+    handleDelete(file: MyUploadFile): void;
+    deleteObjStorage(id: string): Subscription;
+    protected handlePreview(file: MyUploadFile): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MultiImageUploadComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiImageUploadComponent, "app-multi-image-upload", never, {}, {}, never, never, true, never>;
+}

package/lib/shared/components/fields/upload/single-file-upload/single-file-upload.component.d.ts

@@ -0,0 +1,29 @@
+import { BaseValueAccessor } from '../../../../base/base-value-accessor';
+import { SingleFileUploadField } from '../../../../models/fields/upload/single-file-upload-field.model';
+import { NzUploadFile, NzUploadXHRArgs } from 'ng-zorro-antd/upload';
+import { Observable, Subscription } from 'rxjs';
+import { ObjectStorage } from '../../../../models/common/object-storage.model';
+import { MyUploadFile } from '../../../../models/common/common.model';
+import * as i0 from "@angular/core";
+export declare class SingleFileUploadComponent extends BaseValueAccessor<string | File | NzUploadFile> {
+    readonly fieldSignal: import("@angular/core").Signal<SingleFileUploadField>;
+    objStorageList: import("@angular/core").WritableSignal<ObjectStorage[]>;
+    allFiles: import("@angular/core").WritableSignal<MyUploadFile[]>;
+    fileExtensionGuide: import("@angular/core").WritableSignal<string>;
+    inputDisplayValue: string;
+    readonly uploading: import("@angular/core").WritableSignal<boolean>;
+    private fileService;
+    private toast;
+    private translate;
+    private formConfigService;
+    constructor();
+    protected writeValueToView(value: string): void;
+    private handleInitAllData;
+    beforeUpload: (file: NzUploadFile, fileList: NzUploadFile[]) => boolean | Observable<boolean>;
+    customRequest: (item: NzUploadXHRArgs) => Subscription;
+    private uploadFile;
+    handleDelete(file: MyUploadFile): void;
+    deleteObjStorage(id: string): Subscription;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SingleFileUploadComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SingleFileUploadComponent, "app-single-file-upload", never, {}, {}, never, never, true, never>;
+}

package/lib/shared/config/dynamic-form.config.d.ts

@@ -0,0 +1,9 @@
+import { InjectionToken } from '@angular/core';
+export interface DynamicFormConfig {
+    prefix: string;
+    mainApiUrl: string;
+    systemApiUrl: string;
+    portalApiUrl: string;
+    storageUrl: string;
+}
+export declare const DYNAMIC_FORM_CONFIG: InjectionToken<DynamicFormConfig>;

package/lib/shared/consts/common/common.const.d.ts

@@ -0,0 +1 @@
+export declare const NO_INFO_TEXT = "Kh\u00F4ng c\u00F3 th\u00F4ng tin";

package/lib/shared/consts/common/field-dependency.const.d.ts

@@ -0,0 +1 @@
+export declare const COMBINE_DEPEND_TYPES: readonly ["skip", "null", "valid"];