@libs-ui/components-inputs-multi-language 0.2.356-23 → 0.2.356-25

package/interfaces/multi-language.interface.d.ts

@@ -12,6 +12,10 @@ export interface IDataItem {
     dataMultiLanguage?: IDataMultiLanguage;
     validRequiredLangDefault?: IValidRequired;
     validRequiredDefault?: IValidRequired;
+    minHeightEditorContentDefault?: number;
+    maxHeightEditorContentDefault?: number;
+    heightEditorContentDefault?: number;
+    resize?: 'vertical' | 'none';
 }
 export interface IDataMultiLanguage {
     [param: string]: IDataLanguage | string | number;
@@ -38,7 +42,7 @@ export interface IConfigMultiLanguageHeader {
 export type TYPE_VIEW_MULTI_LANGUAGE = 'text' | 'integer' | 'number' | 'editor' | 'float' | 'bigint';
 export interface IInputMultiLanguageFunctionControlEvent {
     checkIsValid: () => Promise<boolean>;
-    getData: () => Promise<IDataMultiLanguage[] | IDataMultiLanguage | undefined>;
+    getData: () => IDataMultiLanguage[] | IDataMultiLanguage | undefined;
 }
 export interface ICurrencyUnit {
     label: string;

package/items/items.component.d.ts

@@ -1,16 +1,15 @@
-import { OnInit } from '@angular/core';
-import { IInputValidFunctionControlEvent, IValidRequired } from '@libs-ui/components-inputs-valid';
+import { IValidRequired } from '@libs-ui/components-inputs-valid';
 import { IConfigMultiLanguageHeader, IDataItem, IDataMultiLanguage, IInputMultiLanguageFunctionControlEvent } from '../interfaces/multi-language.interface';
 import * as i0 from "@angular/core";
-export declare class LibsUiComponentsInputsMultiLanguageItemsComponent implements OnInit {
-    protected dataMultiKey: import("@angular/core").WritableSignal<any[]>;
+export declare class LibsUiComponentsInputsMultiLanguageItemsComponent {
+    protected dataMultiKey: import("@angular/core").WritableSignal<IDataItem[][]>;
     protected langDefault: import("@angular/core").WritableSignal<string>;
     protected configHeader: import("@angular/core").WritableSignal<IConfigMultiLanguageHeader | undefined>;
     protected validRequired: import("@angular/core").WritableSignal<IValidRequired>;
     protected validRequiredWhenInputHasValue: import("@angular/core").WritableSignal<IValidRequired | undefined>;
     protected dataHeader: import("@angular/core").WritableSignal<string | undefined>;
-    protected multiLanguageFunctionControl: import("@angular/core").WritableSignal<IInputMultiLanguageFunctionControlEvent[]>;
-    protected inputValidFunctionControl: import("@angular/core").WritableSignal<IInputValidFunctionControlEvent[]>;
+    private inputComponentRefs;
+    private multiLanguageComponentRefs;
     readonly configItems: import("@angular/core").InputSignal<IDataItem[]>;
     readonly dataMultiLanguage: import("@angular/core").ModelSignal<IDataMultiLanguage[]>;
     readonly zIndex: import("@angular/core").InputSignal<number | undefined>;
@@ -21,22 +20,20 @@ export declare class LibsUiComponentsInputsMultiLanguageItemsComponent implement
     readonly valueUpDownNumber: import("@angular/core").InputSignal<number | undefined>;
     readonly maxValueNumber: import("@angular/core").InputSignal<number | undefined>;
     readonly onlyAcceptNegativeValue: import("@angular/core").InputSignal<boolean | undefined>;
-    readonly outClick: import("@angular/core").OutputEmitterRef<void>;
-    readonly outFunctionControl: import("@angular/core").OutputEmitterRef<IInputMultiLanguageFunctionControlEvent>;
+    readonly classIconAddLanguage: import("@angular/core").InputSignalWithTransform<string, string | undefined>;
     readonly outChangeValue: import("@angular/core").OutputEmitterRef<void>;
     constructor();
-    ngOnInit(): void;
     get FunctionsControl(): IInputMultiLanguageFunctionControlEvent;
-    protected handlerConfigMulti(): Promise<void>;
-    protected handlerAdd(): Promise<void>;
-    protected handlerRemove(index: number): Promise<void>;
-    protected handlerClick(e: Event): Promise<void>;
-    protected handlerFunctionsControlInputLanguage(event: IInputMultiLanguageFunctionControlEvent): Promise<void>;
-    protected handlerFunctionsControlInputValid(event: IInputValidFunctionControlEvent): Promise<void>;
+    /**
+     * Mỗi dòng cần một bản `data` (shallow copy từng `IDataItem`) để multi-language con không dùng chung một mảng tham chiếu.
+     */
+    private syncDataMultiKey;
+    protected handlerAdd(): void;
+    protected handlerRemove(index: number): void;
     private validate;
-    protected getData(): Promise<IDataMultiLanguage[]>;
-    protected handlerChangeValue(value?: string | number, type?: string): Promise<void>;
-    protected checkValidRequiredWhenInputHasValue(): Promise<void>;
+    protected getData(): IDataMultiLanguage[];
+    protected handlerChangeValue(value?: string | number, type?: string): void;
+    private applyValidRequiredWhenHeaderHasValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsInputsMultiLanguageItemsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsInputsMultiLanguageItemsComponent, "libs_ui-components-inputs-multi_language-items", never, { "configItems": { "alias": "configItems"; "required": false; "isSignal": true; }; "dataMultiLanguage": { "alias": "dataMultiLanguage"; "required": false; "isSignal": true; }; "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; "ignoreAdd": { "alias": "ignoreAdd"; "required": false; "isSignal": true; }; "labelAddItem": { "alias": "labelAddItem"; "required": false; "isSignal": true; }; "singleLanguage": { "alias": "singleLanguage"; "required": false; "isSignal": true; }; "acceptNegativeValue": { "alias": "acceptNegativeValue"; "required": false; "isSignal": true; }; "valueUpDownNumber": { "alias": "valueUpDownNumber"; "required": false; "isSignal": true; }; "maxValueNumber": { "alias": "maxValueNumber"; "required": false; "isSignal": true; }; "onlyAcceptNegativeValue": { "alias": "onlyAcceptNegativeValue"; "required": false; "isSignal": true; }; }, { "dataMultiLanguage": "dataMultiLanguageChange"; "outClick": "outClick"; "outFunctionControl": "outFunctionControl"; "outChangeValue": "outChangeValue"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsInputsMultiLanguageItemsComponent, "libs_ui-components-inputs-multi_language-items", never, { "configItems": { "alias": "configItems"; "required": false; "isSignal": true; }; "dataMultiLanguage": { "alias": "dataMultiLanguage"; "required": false; "isSignal": true; }; "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; "ignoreAdd": { "alias": "ignoreAdd"; "required": false; "isSignal": true; }; "labelAddItem": { "alias": "labelAddItem"; "required": false; "isSignal": true; }; "singleLanguage": { "alias": "singleLanguage"; "required": false; "isSignal": true; }; "acceptNegativeValue": { "alias": "acceptNegativeValue"; "required": false; "isSignal": true; }; "valueUpDownNumber": { "alias": "valueUpDownNumber"; "required": false; "isSignal": true; }; "maxValueNumber": { "alias": "maxValueNumber"; "required": false; "isSignal": true; }; "onlyAcceptNegativeValue": { "alias": "onlyAcceptNegativeValue"; "required": false; "isSignal": true; }; "classIconAddLanguage": { "alias": "classIconAddLanguage"; "required": false; "isSignal": true; }; }, { "dataMultiLanguage": "dataMultiLanguageChange"; "outChangeValue": "outChangeValue"; }, never, never, true, never>;
 }

package/multi-language.component.d.ts

@@ -1,7 +1,6 @@
 import { OnDestroy, OnInit } from '@angular/core';
 import { IEmitSelectKey } from '@libs-ui/components-dropdown';
-import { IQuillFunctionControlEvent } from '@libs-ui/components-inputs-quill';
-import { IInputValidFunctionControlEvent, IValidLength, IValidRequired } from '@libs-ui/components-inputs-valid';
+import { IValidLength, IValidPattern, IValidRequired } from '@libs-ui/components-inputs-valid';
 import { ICurrencyUnit, IDataItem, IDataMultiLanguage, IEventMultiLanguage, IInputMultiLanguageFunctionControlEvent, IOption, TYPE_VIEW_MULTI_LANGUAGE } from './interfaces/multi-language.interface';
 import * as i0 from "@angular/core";
 export declare class LibsUiComponentsInputsMultiLanguageComponent implements OnInit, OnDestroy {
@@ -13,8 +12,8 @@ export declare class LibsUiComponentsInputsMultiLanguageComponent implements OnI
     protected validRequiredDefault: import("@angular/core").WritableSignal<IValidRequired>;
     protected listConfigItem: import("@angular/core").Signal<import("@libs-ui/components-list").IListConfigItem>;
     protected httpRequestDetail: import("@angular/core").Signal<import("@libs-ui/services-http-request").IHttpRequestConfig<any>>;
-    private inputFunctionControl;
-    private quillFunctionControl;
+    private inputComponentRefs;
+    private quillComponentRefs;
     private onDestroy;
     readonly optionsLanguage: import("@angular/core").InputSignal<IOption[]>;
     readonly zIndex: import("@angular/core").InputSignal<number | undefined>;
@@ -38,34 +37,38 @@ export declare class LibsUiComponentsInputsMultiLanguageComponent implements OnI
     readonly classIncludeKey: import("@angular/core").InputSignal<string>;
     readonly classIncludeValue: import("@angular/core").InputSignal<string>;
     readonly dataLanguage: import("@angular/core").ModelSignal<IDataMultiLanguage>;
-    readonly multiLine: import("@angular/core").InputSignal<boolean | undefined>;
     readonly readonly: import("@angular/core").InputSignal<boolean | undefined>;
     readonly acceptNegativeValue: import("@angular/core").InputSignal<boolean | undefined>;
     readonly valueUpDownNumber: import("@angular/core").InputSignal<number | undefined>;
     readonly maxValueNumber: import("@angular/core").InputSignal<number | undefined>;
     readonly onlyAcceptNegativeValue: import("@angular/core").InputSignal<boolean | undefined>;
     readonly validOneDefaultMultiLanguage: import("@angular/core").InputSignal<string | undefined>;
+    readonly classIconAddLanguage: import("@angular/core").InputSignalWithTransform<string, string | undefined>;
+    readonly validPattern: import("@angular/core").InputSignal<IValidPattern[] | undefined>;
     readonly outEventMultiLanguage: import("@angular/core").OutputEmitterRef<IEventMultiLanguage>;
     readonly outChangeTypeLanguage: import("@angular/core").OutputEmitterRef<boolean>;
-    readonly outFunctionsControl: import("@angular/core").OutputEmitterRef<IInputMultiLanguageFunctionControlEvent>;
     readonly outChangeValueInput: import("@angular/core").OutputEmitterRef<void>;
     constructor();
     ngOnInit(): void;
     get FunctionsControl(): IInputMultiLanguageFunctionControlEvent;
-    protected handlerInputFunctionControl(event: IInputValidFunctionControlEvent, key: string): Promise<void>;
-    protected handlerQuillFunctionControl(event: IQuillFunctionControlEvent): Promise<void>;
-    protected handlerSelectChange(event: IEmitSelectKey | undefined, keyOld: string): Promise<void>;
-    protected handlerAddLanguage(event: Event): Promise<void>;
-    protected handlerRemoveLanguage(event: Event, key: string): Promise<void>;
+    /** Các key ngôn ngữ / tiền tệ cần hiển thị theo dữ liệu + cấu hình options. */
+    private computeLanguageDisplayKeys;
+    protected handlerSelectChange(event: IEmitSelectKey | undefined, keyOld: string): void;
+    protected handlerAddLanguage(event: Event): void;
+    protected handlerRemoveLanguage(event: Event, key: string): void;
     private getData;
-    protected generateData(): Promise<void>;
+    protected generateData(): void;
     private setDefaultData;
     private validate;
     private validateDefault;
     private checkValidInput;
+    /**
+     * Khi có nhiều `IDataItem` (nhiều field bind), cập nhật `validRequiredLangDefault` theo dữ liệu đã nhập.
+     * Giữ nguyên thứ tự điều kiện / nhánh như phiên bản trước (forEach async), nhưng await đúng để validate không kết thúc sớm.
+     */
     private validateIsMultiKey;
-    protected handlerInputChange(): Promise<void>;
+    protected handlerInputChange(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsInputsMultiLanguageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsInputsMultiLanguageComponent, "libs_ui-components-inputs-multi_language", never, { "optionsLanguage": { "alias": "optionsLanguage"; "required": false; "isSignal": true; }; "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; "viewType": { "alias": "viewType"; "required": false; "isSignal": true; }; "singleLanguage": { "alias": "singleLanguage"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "validRequired": { "alias": "validRequired"; "required": false; "isSignal": true; }; "ignoreAdd": { "alias": "ignoreAdd"; "required": false; "isSignal": true; }; "titleField": { "alias": "titleField"; "required": false; "isSignal": true; }; "keyHeader": { "alias": "keyHeader"; "required": false; "isSignal": true; }; "textArea": { "alias": "textArea"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "extendClass": { "alias": "extendClass"; "required": false; "isSignal": true; }; "extendClassContent": { "alias": "extendClassContent"; "required": false; "isSignal": true; }; "viewPosition": { "alias": "viewPosition"; "required": false; "isSignal": true; }; "ignoreRemove": { "alias": "ignoreRemove"; "required": false; "isSignal": true; }; "validMaxLength": { "alias": "validMaxLength"; "required": false; "isSignal": true; }; "validMinLength": { "alias": "validMinLength"; "required": false; "isSignal": true; }; "countCharacters": { "alias": "countCharacters"; "required": false; "isSignal": true; }; "viewContent": { "alias": "viewContent"; "required": false; "isSignal": true; }; "classIncludeKey": { "alias": "classIncludeKey"; "required": false; "isSignal": true; }; "classIncludeValue": { "alias": "classIncludeValue"; "required": false; "isSignal": true; }; "dataLanguage": { "alias": "dataLanguage"; "required": false; "isSignal": true; }; "multiLine": { "alias": "multiLine"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "acceptNegativeValue": { "alias": "acceptNegativeValue"; "required": false; "isSignal": true; }; "valueUpDownNumber": { "alias": "valueUpDownNumber"; "required": false; "isSignal": true; }; "maxValueNumber": { "alias": "maxValueNumber"; "required": false; "isSignal": true; }; "onlyAcceptNegativeValue": { "alias": "onlyAcceptNegativeValue"; "required": false; "isSignal": true; }; "validOneDefaultMultiLanguage": { "alias": "validOneDefaultMultiLanguage"; "required": false; "isSignal": true; }; }, { "data": "dataChange"; "ignoreAdd": "ignoreAddChange"; "extendClass": "extendClassChange"; "dataLanguage": "dataLanguageChange"; "outEventMultiLanguage": "outEventMultiLanguage"; "outChangeTypeLanguage": "outChangeTypeLanguage"; "outFunctionsControl": "outFunctionsControl"; "outChangeValueInput": "outChangeValueInput"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsInputsMultiLanguageComponent, "libs_ui-components-inputs-multi_language", never, { "optionsLanguage": { "alias": "optionsLanguage"; "required": false; "isSignal": true; }; "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; "viewType": { "alias": "viewType"; "required": false; "isSignal": true; }; "singleLanguage": { "alias": "singleLanguage"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "validRequired": { "alias": "validRequired"; "required": false; "isSignal": true; }; "ignoreAdd": { "alias": "ignoreAdd"; "required": false; "isSignal": true; }; "titleField": { "alias": "titleField"; "required": false; "isSignal": true; }; "keyHeader": { "alias": "keyHeader"; "required": false; "isSignal": true; }; "textArea": { "alias": "textArea"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "extendClass": { "alias": "extendClass"; "required": false; "isSignal": true; }; "extendClassContent": { "alias": "extendClassContent"; "required": false; "isSignal": true; }; "viewPosition": { "alias": "viewPosition"; "required": false; "isSignal": true; }; "ignoreRemove": { "alias": "ignoreRemove"; "required": false; "isSignal": true; }; "validMaxLength": { "alias": "validMaxLength"; "required": false; "isSignal": true; }; "validMinLength": { "alias": "validMinLength"; "required": false; "isSignal": true; }; "countCharacters": { "alias": "countCharacters"; "required": false; "isSignal": true; }; "viewContent": { "alias": "viewContent"; "required": false; "isSignal": true; }; "classIncludeKey": { "alias": "classIncludeKey"; "required": false; "isSignal": true; }; "classIncludeValue": { "alias": "classIncludeValue"; "required": false; "isSignal": true; }; "dataLanguage": { "alias": "dataLanguage"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "acceptNegativeValue": { "alias": "acceptNegativeValue"; "required": false; "isSignal": true; }; "valueUpDownNumber": { "alias": "valueUpDownNumber"; "required": false; "isSignal": true; }; "maxValueNumber": { "alias": "maxValueNumber"; "required": false; "isSignal": true; }; "onlyAcceptNegativeValue": { "alias": "onlyAcceptNegativeValue"; "required": false; "isSignal": true; }; "validOneDefaultMultiLanguage": { "alias": "validOneDefaultMultiLanguage"; "required": false; "isSignal": true; }; "classIconAddLanguage": { "alias": "classIconAddLanguage"; "required": false; "isSignal": true; }; "validPattern": { "alias": "validPattern"; "required": false; "isSignal": true; }; }, { "data": "dataChange"; "ignoreAdd": "ignoreAddChange"; "extendClass": "extendClassChange"; "dataLanguage": "dataLanguageChange"; "outEventMultiLanguage": "outEventMultiLanguage"; "outChangeTypeLanguage": "outChangeTypeLanguage"; "outChangeValueInput": "outChangeValueInput"; }, never, never, true, never>;
 }

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@libs-ui/components-inputs-multi-language",
-  "version": "0.2.356-23",
+  "version": "0.2.356-25",
   "peerDependencies": {
     "@angular/common": ">=18.0.0",
     "@angular/core": ">=18.0.0",
-    "@libs-ui/components-inputs-valid": "0.2.356-23",
-    "@libs-ui/components-buttons-button": "0.2.356-23",
-    "@libs-ui/utils": "0.2.356-23",
+    "@libs-ui/components-inputs-valid": "0.2.356-25",
+    "@libs-ui/components-buttons-button": "0.2.356-25",
+    "@libs-ui/utils": "0.2.356-25",
     "@ngx-translate/core": "^15.0.0",
-    "@libs-ui/components-dropdown": "0.2.356-23",
-    "@libs-ui/components-popover": "0.2.356-23",
+    "@libs-ui/components-dropdown": "0.2.356-25",
+    "@libs-ui/components-popover": "0.2.356-25",
     "rxjs": "~7.8.0",
-    "@libs-ui/pipes-escape-html": "0.2.356-23",
-    "@libs-ui/components-inputs-quill": "0.2.356-23",
-    "@libs-ui/components-list": "0.2.356-23",
-    "@libs-ui/services-http-request": "0.2.356-23"
+    "@libs-ui/pipes-escape-html": "0.2.356-25",
+    "@libs-ui/components-inputs-quill2x": "0.2.356-25",
+    "@libs-ui/components-list": "0.2.356-25",
+    "@libs-ui/services-http-request": "0.2.356-25"
   },
   "sideEffects": false,
   "module": "fesm2022/libs-ui-components-inputs-multi-language.mjs",