@ldquocc/dynamic-form 0.0.9 → 0.0.10

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/shared/base/base-select.component.d.ts

@@ -0,0 +1,19 @@
+import { ApiResponse } from "../models/common/api-response.model";
+import { SelectBaseField } from "../models/fields/select/select-base-field.model";
+import { BaseValueAccessor } from "./base-value-accessor";
+import * as i0 from "@angular/core";
+export declare abstract class BaseSelectComponent<T> extends BaseValueAccessor<T> {
+    protected readonly selectField: import("@angular/core").Signal<SelectBaseField<any>>;
+    protected isFirstLoad: boolean;
+    private dependParams$;
+    private createDependencyStreams;
+    private evaluateDependencies;
+    private dependParamsSignal;
+    optionsResource: import("@angular/core").ResourceRef<ApiResponse<Record<string, unknown>[]> | undefined>;
+    disabled: import("@angular/core").Signal<boolean>;
+    options: import("@angular/core").Signal<Record<string, unknown>[]>;
+    constructor();
+    protected onApiOptionsLoaded(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseSelectComponent<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseSelectComponent<any>, never, never, {}, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,69 @@
+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 readonly valueSignal: import("@angular/core").WritableSignal<T | null>;
+    protected onChange: (value: T | null) => void;
+    protected onTouched: () => void;
+    protected isDisabled: boolean;
+    protected readonly disabledSignal: import("@angular/core").WritableSignal<boolean>;
+    protected dFormService: DynamicFormService;
+    protected formDataService: FormDataService;
+    protected fieldService: FieldService;
+    private readonly resetEffect;
+    protected readonly viewMode: import("@angular/core").Signal<import("@ldquocc/dynamic-form").ViewMode>;
+    protected readonly displayPlaceholder: import("@angular/core").Signal<string>;
+    protected resolvePlaceholderText(): string;
+    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;
+    protected resetControl(): 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/{src/lib/shared/components/component.ts → lib/shared/components/component.d.ts}

@@ -1,34 +1,14 @@
-import { DatePickerComponent } from "./fields/date/date-picker/date-picker.component";
-import { DateRangeComponent } from "./fields/date/date-range/date-range.component";
-import { InputFormattedComponent } from "./fields/input/input-formatted/input-formatted.component";
-import { InputPasswordComponent } from "./fields/input/input-password/input-password.component";
-import { InputTextComponent } from "./fields/input/input-text/input-text.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";
-
-// Các field component đại diện cho giao diện của từng control.
-export const FIELD_COMPONENTS = [
-  InputTextComponent,
-  InputPasswordComponent,
-  InputFormattedComponent,
-
-  SingleSelectComponent,
-  MultiSelectComponent,
-  TreeSelectComponent,
-
-  TextareaComponent,
-
-  DatePickerComponent,
-  DateRangeComponent,
-
-  SingleFileUploadComponent,
-  MultiFileUploadComponent,
-  MultiImageUploadComponent,
-  AvatarUploadComponent,
-];
+import { DatePickerComponent } from "./fields/date/date-picker/date-picker.component";
+import { DateRangeComponent } from "./fields/date/date-range/date-range.component";
+import { InputFormattedComponent } from "./fields/input/input-formatted/input-formatted.component";
+import { InputPasswordComponent } from "./fields/input/input-password/input-password.component";
+import { InputTextComponent } from "./fields/input/input-text/input-text.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 InputFormattedComponent | typeof InputPasswordComponent | typeof InputTextComponent | 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/field-user-config/field-user-config.component.d.ts

@@ -0,0 +1,10 @@
+import { BaseField } from "../../models/fields/field.model";
+import { AbstractControl } from "@angular/forms";
+import * as i0 from "@angular/core";
+export declare class FieldUserConfigComponent {
+    readonly field: import("@angular/core").InputSignal<BaseField<any>>;
+    readonly control: import("@angular/core").InputSignal<AbstractControl<any, any>>;
+    onToggleUserRequired(isRequired: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FieldUserConfigComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FieldUserConfigComponent, "app-field-user-config", never, { "field": { "alias": "field"; "required": true; "isSignal": true; }; "control": { "alias": "control"; "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,17 @@
+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 field: import("@angular/core").Signal<DatePickerField>;
+    format: import("@angular/core").Signal<string>;
+    disabledDate: import("@angular/core").Signal<(current: Date) => boolean>;
+    readonly viewDisplayValue: import("@angular/core").Signal<string>;
+    constructor();
+    resolvePlaceholderText(): string;
+    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,17 @@
+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 field: import("@angular/core").Signal<DateRangeField>;
+    format: import("@angular/core").Signal<string>;
+    placeholders: import("@angular/core").Signal<string[]>;
+    displayValueNoInfo: string;
+    disabledDate: import("@angular/core").Signal<(current: Date) => boolean>;
+    constructor();
+    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-formatted/input-formatted.component.d.ts

@@ -0,0 +1,20 @@
+import { ElementRef } from "@angular/core";
+import { BaseValueAccessor } from "../../../../base/base-value-accessor";
+import { InputFormattedField } from "../../../../models/fields/input/input-formatted-field.model";
+import AutoNumeric from "@zeedhi/autonumeric";
+import * as i0 from "@angular/core";
+export declare class InputFormattedComponent extends BaseValueAccessor<string> {
+    readonly field: import("@angular/core").Signal<InputFormattedField>;
+    private autoNumeric?;
+    readonly inputFormattedEle: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
+    readonly autoNumericOptions: import("@angular/core").Signal<AutoNumeric.Options>;
+    readonly internalValue: import("@angular/core").WritableSignal<string>;
+    readonly inputDisplayValues: import("@angular/core").Signal<string>;
+    readonly autoNumericLifeCycleEffect: import("@angular/core").EffectRef;
+    constructor();
+    resolvePlaceholderText(): string;
+    handleChangeInputText(): void;
+    protected writeValueToView(value: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputFormattedComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputFormattedComponent, "app-input-formatted", never, {}, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,12 @@
+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 field: import("@angular/core").Signal<InputPasswordField>;
+    passwordVisible: boolean;
+    constructor();
+    resolvePlaceholderText(): string;
+    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 field: import("@angular/core").Signal<InputTextField>;
+    readonly viewDisplayValue: import("@angular/core").Signal<string>;
+    constructor();
+    resolvePlaceholderText(): string;
+    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/select/multi-select/multi-select.component.d.ts

@@ -0,0 +1,21 @@
+import { BaseSelectComponent } from "../../../../base/base-select.component";
+import { MultiSelectField } from "../../../../models/fields/select/multi-select-field.model";
+import * as i0 from "@angular/core";
+export declare class MultiSelectComponent extends BaseSelectComponent<string[] | number[] | Record<string, unknown>[]> {
+    readonly field: import("@angular/core").Signal<MultiSelectField>;
+    displayNoValueText: string;
+    viewDisplayValue: import("@angular/core").Signal<string[]>;
+    constructor();
+    protected onApiOptionsLoaded(): void;
+    resolvePlaceholderText(): string;
+    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,21 @@
+import { BaseSelectComponent } from "../../../../base/base-select.component";
+import { SingleSelectField } from "../../../../models/fields/select/single-select-field.model";
+import * as i0 from "@angular/core";
+export declare class SingleSelectComponent extends BaseSelectComponent<string | Record<string, unknown>> {
+    isCustomInputText: boolean;
+    readonly field: import("@angular/core").Signal<SingleSelectField>;
+    readonly viewDisplayValue: import("@angular/core").Signal<string>;
+    constructor();
+    protected onApiOptionsLoaded(): void;
+    resolvePlaceholderText(): string;
+    protected writeValueToView(value: string | null): void;
+    protected handleValueChange(value: string): void;
+    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,28 @@
+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 field: 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();
+    resolvePlaceholderText(): string;
+    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,14 @@
+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 field: import("@angular/core").Signal<TextareaField>;
+    displayNoValueText: string;
+    readonly viewDisplayValue: import("@angular/core").Signal<string>;
+    constructor();
+    resolvePlaceholderText(): string;
+    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,25 @@
+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 { Observable, Subscription } from "rxjs";
+import * as i0 from "@angular/core";
+export declare class AvatarUploadComponent extends BaseValueAccessor<string | File> {
+    size: number;
+    readonly field: import("@angular/core").Signal<AvatarUploadField>;
+    private readonly fileService;
+    private readonly formConfigService;
+    private readonly nzNotification;
+    readonly avatarUrl: import("@angular/core").WritableSignal<string | null>;
+    readonly uploading: import("@angular/core").WritableSignal<boolean>;
+    readonly objStorageList: import("@angular/core").WritableSignal<ObjectStorage[]>;
+    constructor();
+    protected writeValueToView(value: string): void;
+    private handleInitAllData;
+    beforeUpload: (file: NzUploadFile, fileList: NzUploadFile[]) => boolean | Observable<boolean>;
+    customRequest: (item: NzUploadXHRArgs) => Subscription;
+    private uploadFile;
+    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,76 @@
+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 field: import("@angular/core").Signal<MultiFileUploadField>;
+    objStorageList: import("@angular/core").WritableSignal<ObjectStorage[]>;
+    allFiles: import("@angular/core").WritableSignal<MyUploadFile[]>;
+    readonly fileExtensionGuide: import("@angular/core").Signal<string>;
+    pendingCount: import("@angular/core").WritableSignal<number>;
+    private _batchBuffer;
+    private _batchTimer;
+    private fileService;
+    private nzMessage;
+    private nzNotification;
+    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 field: import("@angular/core").Signal<MultiImageUploadField>;
+    readonly objStorageList: import("@angular/core").WritableSignal<ObjectStorage[]>;
+    readonly allFiles: import("@angular/core").WritableSignal<MyUploadFile[]>;
+    readonly uploading: import("@angular/core").WritableSignal<boolean>;
+    private fileService;
+    private nzNotification;
+    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 field: import("@angular/core").Signal<SingleFileUploadField>;
+    private readonly fileService;
+    private readonly nzNotification;
+    private readonly formConfigService;
+    readonly objStorageList: import("@angular/core").WritableSignal<ObjectStorage[]>;
+    readonly allFiles: import("@angular/core").WritableSignal<MyUploadFile[]>;
+    readonly fileExtensionGuide: import("@angular/core").Signal<string>;
+    readonly viewDisplayValue: import("@angular/core").Signal<string | undefined>;
+    readonly addEditDisplayValue: import("@angular/core").Signal<string | undefined>;
+    readonly uploading: import("@angular/core").WritableSignal<boolean>;
+    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,5 @@
+export declare const NO_INFO_TEXT = "Kh\u00F4ng c\u00F3 th\u00F4ng tin";
+export declare const UPLOAD_FILE_TEXT = "T\u1EA3i l\u00EAn t\u1EADp tin";
+export declare const NO_FILE_NAME = "Ch\u01B0a c\u00F3 th\u00F4ng tin t\u00EAn t\u1EADp tin";
+export declare const UPLOAD_FILE_ERROR = "L\u1ED7i trong qu\u00E1 tr\u00ECnh t\u1EA3i t\u1EADp tin \u0111\u1EBFn m\u00E1y ch\u1EE7!";
+export declare const DELETE_FILE_ERROR = "L\u1ED7i trong qu\u00E1 tr\u00ECnh x\u00F3a t\u1EADp tin \u0111\u1EBFn m\u00E1y ch\u1EE7!";