@libs-ui/components-inputs-multi-language 0.2.356-24 → 0.2.356-26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/interfaces/multi-language.interface.mjs +1 -1
- package/esm2022/items/items.component.mjs +26 -50
- package/esm2022/multi-language.component.mjs +15 -31
- package/fesm2022/libs-ui-components-inputs-multi-language.mjs +38 -78
- package/fesm2022/libs-ui-components-inputs-multi-language.mjs.map +1 -1
- package/interfaces/multi-language.interface.d.ts +4 -0
- package/items/items.component.d.ts +5 -15
- package/multi-language.component.d.ts +5 -8
- package/package.json +10 -10
|
@@ -12,6 +12,10 @@ export interface IDataItem {
|
|
|
12
12
|
dataMultiLanguage?: IDataMultiLanguage;
|
|
13
13
|
validRequiredLangDefault?: IValidRequired;
|
|
14
14
|
validRequiredDefault?: IValidRequired;
|
|
15
|
+
minHeightEditorContentDefault?: number;
|
|
16
|
+
maxHeightEditorContentDefault?: number;
|
|
17
|
+
heightEditorContentDefault?: number;
|
|
18
|
+
resize?: 'vertical' | 'none';
|
|
15
19
|
}
|
|
16
20
|
export interface IDataMultiLanguage {
|
|
17
21
|
[param: string]: IDataLanguage | string | number;
|
|
@@ -1,18 +1,15 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { IInputValidFunctionControlEvent, IValidRequired } from '@libs-ui/components-inputs-valid';
|
|
1
|
+
import { IValidRequired } from '@libs-ui/components-inputs-valid';
|
|
3
2
|
import { IConfigMultiLanguageHeader, IDataItem, IDataMultiLanguage, IInputMultiLanguageFunctionControlEvent } from '../interfaces/multi-language.interface';
|
|
4
3
|
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class LibsUiComponentsInputsMultiLanguageItemsComponent
|
|
4
|
+
export declare class LibsUiComponentsInputsMultiLanguageItemsComponent {
|
|
6
5
|
protected dataMultiKey: import("@angular/core").WritableSignal<IDataItem[][]>;
|
|
7
6
|
protected langDefault: import("@angular/core").WritableSignal<string>;
|
|
8
7
|
protected configHeader: import("@angular/core").WritableSignal<IConfigMultiLanguageHeader | undefined>;
|
|
9
8
|
protected validRequired: import("@angular/core").WritableSignal<IValidRequired>;
|
|
10
9
|
protected validRequiredWhenInputHasValue: import("@angular/core").WritableSignal<IValidRequired | undefined>;
|
|
11
10
|
protected dataHeader: import("@angular/core").WritableSignal<string | undefined>;
|
|
12
|
-
|
|
13
|
-
private
|
|
14
|
-
/** Một control multi-language cho mỗi dòng (theo index). */
|
|
15
|
-
private multiLanguageByRow;
|
|
11
|
+
private inputComponentRefs;
|
|
12
|
+
private multiLanguageComponentRefs;
|
|
16
13
|
readonly configItems: import("@angular/core").InputSignal<IDataItem[]>;
|
|
17
14
|
readonly dataMultiLanguage: import("@angular/core").ModelSignal<IDataMultiLanguage[]>;
|
|
18
15
|
readonly zIndex: import("@angular/core").InputSignal<number | undefined>;
|
|
@@ -24,11 +21,8 @@ export declare class LibsUiComponentsInputsMultiLanguageItemsComponent implement
|
|
|
24
21
|
readonly maxValueNumber: import("@angular/core").InputSignal<number | undefined>;
|
|
25
22
|
readonly onlyAcceptNegativeValue: import("@angular/core").InputSignal<boolean | undefined>;
|
|
26
23
|
readonly classIconAddLanguage: import("@angular/core").InputSignalWithTransform<string, string | undefined>;
|
|
27
|
-
readonly outClick: import("@angular/core").OutputEmitterRef<void>;
|
|
28
|
-
readonly outFunctionControl: import("@angular/core").OutputEmitterRef<IInputMultiLanguageFunctionControlEvent>;
|
|
29
24
|
readonly outChangeValue: import("@angular/core").OutputEmitterRef<void>;
|
|
30
25
|
constructor();
|
|
31
|
-
ngOnInit(): void;
|
|
32
26
|
get FunctionsControl(): IInputMultiLanguageFunctionControlEvent;
|
|
33
27
|
/**
|
|
34
28
|
* 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.
|
|
@@ -36,14 +30,10 @@ export declare class LibsUiComponentsInputsMultiLanguageItemsComponent implement
|
|
|
36
30
|
private syncDataMultiKey;
|
|
37
31
|
protected handlerAdd(): void;
|
|
38
32
|
protected handlerRemove(index: number): void;
|
|
39
|
-
private reindexRowMapsAfterRemove;
|
|
40
|
-
protected handlerClick(e: Event): void;
|
|
41
|
-
protected handlerFunctionsControlInputLanguage(event: IInputMultiLanguageFunctionControlEvent, rowIndex: number): void;
|
|
42
|
-
protected handlerFunctionsControlInputValid(event: IInputValidFunctionControlEvent, rowIndex: number): void;
|
|
43
33
|
private validate;
|
|
44
34
|
protected getData(): IDataMultiLanguage[];
|
|
45
35
|
protected handlerChangeValue(value?: string | number, type?: string): void;
|
|
46
36
|
private applyValidRequiredWhenHeaderHasValue;
|
|
47
37
|
static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsInputsMultiLanguageItemsComponent, never>;
|
|
48
|
-
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"; "
|
|
38
|
+
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>;
|
|
49
39
|
}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { OnDestroy, OnInit } from '@angular/core';
|
|
2
2
|
import { IEmitSelectKey } from '@libs-ui/components-dropdown';
|
|
3
|
-
import {
|
|
4
|
-
import { IInputValidFunctionControlEvent, IValidLength, IValidRequired } from '@libs-ui/components-inputs-valid';
|
|
3
|
+
import { IValidLength, IValidPattern, IValidRequired } from '@libs-ui/components-inputs-valid';
|
|
5
4
|
import { ICurrencyUnit, IDataItem, IDataMultiLanguage, IEventMultiLanguage, IInputMultiLanguageFunctionControlEvent, IOption, TYPE_VIEW_MULTI_LANGUAGE } from './interfaces/multi-language.interface';
|
|
6
5
|
import * as i0 from "@angular/core";
|
|
7
6
|
export declare class LibsUiComponentsInputsMultiLanguageComponent implements OnInit, OnDestroy {
|
|
@@ -13,8 +12,8 @@ export declare class LibsUiComponentsInputsMultiLanguageComponent implements OnI
|
|
|
13
12
|
protected validRequiredDefault: import("@angular/core").WritableSignal<IValidRequired>;
|
|
14
13
|
protected listConfigItem: import("@angular/core").Signal<import("@libs-ui/components-list").IListConfigItem>;
|
|
15
14
|
protected httpRequestDetail: import("@angular/core").Signal<import("@libs-ui/services-http-request").IHttpRequestConfig<any>>;
|
|
16
|
-
private
|
|
17
|
-
private
|
|
15
|
+
private inputComponentRefs;
|
|
16
|
+
private quillComponentRefs;
|
|
18
17
|
private onDestroy;
|
|
19
18
|
readonly optionsLanguage: import("@angular/core").InputSignal<IOption[]>;
|
|
20
19
|
readonly zIndex: import("@angular/core").InputSignal<number | undefined>;
|
|
@@ -45,17 +44,15 @@ export declare class LibsUiComponentsInputsMultiLanguageComponent implements OnI
|
|
|
45
44
|
readonly onlyAcceptNegativeValue: import("@angular/core").InputSignal<boolean | undefined>;
|
|
46
45
|
readonly validOneDefaultMultiLanguage: import("@angular/core").InputSignal<string | undefined>;
|
|
47
46
|
readonly classIconAddLanguage: import("@angular/core").InputSignalWithTransform<string, string | undefined>;
|
|
47
|
+
readonly validPattern: import("@angular/core").InputSignal<IValidPattern[] | undefined>;
|
|
48
48
|
readonly outEventMultiLanguage: import("@angular/core").OutputEmitterRef<IEventMultiLanguage>;
|
|
49
49
|
readonly outChangeTypeLanguage: import("@angular/core").OutputEmitterRef<boolean>;
|
|
50
|
-
readonly outFunctionsControl: import("@angular/core").OutputEmitterRef<IInputMultiLanguageFunctionControlEvent>;
|
|
51
50
|
readonly outChangeValueInput: import("@angular/core").OutputEmitterRef<void>;
|
|
52
51
|
constructor();
|
|
53
52
|
ngOnInit(): void;
|
|
54
53
|
get FunctionsControl(): IInputMultiLanguageFunctionControlEvent;
|
|
55
54
|
/** Các key ngôn ngữ / tiền tệ cần hiển thị theo dữ liệu + cấu hình options. */
|
|
56
55
|
private computeLanguageDisplayKeys;
|
|
57
|
-
protected handlerInputFunctionControl(event: IInputValidFunctionControlEvent, key: string): void;
|
|
58
|
-
protected handlerQuillFunctionControl(event: IQuillFunctionControlEvent, index: number): void;
|
|
59
56
|
protected handlerSelectChange(event: IEmitSelectKey | undefined, keyOld: string): void;
|
|
60
57
|
protected handlerAddLanguage(event: Event): void;
|
|
61
58
|
protected handlerRemoveLanguage(event: Event, key: string): void;
|
|
@@ -73,5 +70,5 @@ export declare class LibsUiComponentsInputsMultiLanguageComponent implements OnI
|
|
|
73
70
|
protected handlerInputChange(): void;
|
|
74
71
|
ngOnDestroy(): void;
|
|
75
72
|
static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsInputsMultiLanguageComponent, never>;
|
|
76
|
-
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; }; }, { "data": "dataChange"; "ignoreAdd": "ignoreAddChange"; "extendClass": "extendClassChange"; "dataLanguage": "dataLanguageChange"; "outEventMultiLanguage": "outEventMultiLanguage"; "outChangeTypeLanguage": "outChangeTypeLanguage"; "
|
|
73
|
+
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>;
|
|
77
74
|
}
|
package/package.json
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@libs-ui/components-inputs-multi-language",
|
|
3
|
-
"version": "0.2.356-
|
|
3
|
+
"version": "0.2.356-26",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": ">=18.0.0",
|
|
6
6
|
"@angular/core": ">=18.0.0",
|
|
7
|
-
"@libs-ui/components-inputs-valid": "0.2.356-
|
|
8
|
-
"@libs-ui/components-buttons-button": "0.2.356-
|
|
9
|
-
"@libs-ui/utils": "0.2.356-
|
|
7
|
+
"@libs-ui/components-inputs-valid": "0.2.356-26",
|
|
8
|
+
"@libs-ui/components-buttons-button": "0.2.356-26",
|
|
9
|
+
"@libs-ui/utils": "0.2.356-26",
|
|
10
10
|
"@ngx-translate/core": "^15.0.0",
|
|
11
|
-
"@libs-ui/components-dropdown": "0.2.356-
|
|
12
|
-
"@libs-ui/components-popover": "0.2.356-
|
|
11
|
+
"@libs-ui/components-dropdown": "0.2.356-26",
|
|
12
|
+
"@libs-ui/components-popover": "0.2.356-26",
|
|
13
13
|
"rxjs": "~7.8.0",
|
|
14
|
-
"@libs-ui/pipes-escape-html": "0.2.356-
|
|
15
|
-
"@libs-ui/components-inputs-
|
|
16
|
-
"@libs-ui/components-list": "0.2.356-
|
|
17
|
-
"@libs-ui/services-http-request": "0.2.356-
|
|
14
|
+
"@libs-ui/pipes-escape-html": "0.2.356-26",
|
|
15
|
+
"@libs-ui/components-inputs-quill2x": "0.2.356-26",
|
|
16
|
+
"@libs-ui/components-list": "0.2.356-26",
|
|
17
|
+
"@libs-ui/services-http-request": "0.2.356-26"
|
|
18
18
|
},
|
|
19
19
|
"sideEffects": false,
|
|
20
20
|
"module": "fesm2022/libs-ui-components-inputs-multi-language.mjs",
|