@libs-ui/components-dropdown 0.2.357-13 → 0.2.357-15
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/README.md
CHANGED
|
@@ -614,6 +614,7 @@ readonly popoverConfig: IPopoverCustomConfig = {
|
|
|
614
614
|
| `[listSearchNoDataTemplateRef]` | `TemplateRef<unknown>` | `undefined` | Template khi tìm kiếm không có kết quả | `[listSearchNoDataTemplateRef]="noDataTpl"` |
|
|
615
615
|
| `[listSearchPadding]` | `boolean` | `undefined` | Thêm padding cho phần search | `[listSearchPadding]="true"` |
|
|
616
616
|
| `[onlyEmitDataWhenReset]` | `boolean` | `undefined` | Chỉ emit `outSelectKey`/`outSelectMultiKey` (với undefined) khi gọi `reset()` | `[onlyEmitDataWhenReset]="true"` |
|
|
617
|
+
| `[onlyEmitMultiKeyWhenManualClick]` | `boolean` | `false` | `true`: chỉ emit `outSelectMultiKey` khi người dùng click tay, bỏ cả emit lần render đầu. `false` (mặc định): emit 1 lần lúc render nếu có sẵn key selected, các echo (list ghi ngược multiKeySelected) sau đó bị tắt | `[onlyEmitMultiKeyWhenManualClick]="true"` |
|
|
617
618
|
| `[popoverCustomConfig]` | `IPopoverCustomConfig` | `undefined` | Cấu hình tùy chỉnh cho popover overlay (width, direction, maxHeight...) | `[popoverCustomConfig]="popoverConfig"` |
|
|
618
619
|
| `[popoverElementRefCustom]` | `HTMLElement` | `undefined` | Element HTML tùy chỉnh làm anchor cho popover | `[popoverElementRefCustom]="myEl"` |
|
|
619
620
|
| `[readonly]` | `boolean` | `undefined` | Chế độ chỉ đọc (hiển thị nhưng không cho tương tác) | `[readonly]="true"` |
|
package/dropdown.component.d.ts
CHANGED
|
@@ -86,6 +86,13 @@ export declare class LibsUiComponentsDropdownComponent implements OnInit {
|
|
|
86
86
|
readonly allowSelectItemMultiple: import("@angular/core").InputSignal<boolean | undefined>;
|
|
87
87
|
readonly focusInputSearch: import("@angular/core").InputSignal<boolean>;
|
|
88
88
|
readonly onlyEmitDataWhenReset: import("@angular/core").InputSignal<boolean | undefined>;
|
|
89
|
+
/**
|
|
90
|
+
* Chỉ emit outSelectMultiKey khi người dùng click tay.
|
|
91
|
+
* - `false` (mặc định): emit 1 lần lúc render nếu có sẵn key selected, các echo sau đó bị tắt.
|
|
92
|
+
* - `true`: bỏ luôn emit lần đầu khi render, chỉ emit khi click tay thật.
|
|
93
|
+
* @default false
|
|
94
|
+
*/
|
|
95
|
+
readonly onlyEmitMultiKeyWhenManualClick: import("@angular/core").InputSignal<boolean>;
|
|
89
96
|
readonly resetKeyWhenSelectAllKey: import("@angular/core").InputSignal<boolean | undefined>;
|
|
90
97
|
readonly listConfigHasDivider: import("@angular/core").InputSignal<boolean>;
|
|
91
98
|
readonly classIncludeIcon: import("@angular/core").InputSignalWithTransform<string, string | undefined>;
|
|
@@ -119,7 +126,7 @@ export declare class LibsUiComponentsDropdownComponent implements OnInit {
|
|
|
119
126
|
protected handlerPopoverControlEvent(event: IPopoverFunctionControlEvent): void;
|
|
120
127
|
protected handlerSelectedKey(event: IListDataEmitKey | undefined): Promise<void>;
|
|
121
128
|
private processSelectedKey;
|
|
122
|
-
protected handlerSelectMultiKey(event: IListDataEmitMultiKey | undefined
|
|
129
|
+
protected handlerSelectMultiKey(event: IListDataEmitMultiKey | undefined): Promise<void>;
|
|
123
130
|
private processSelectMultiKey;
|
|
124
131
|
private setItemSelectedByKey;
|
|
125
132
|
protected handlerChangeTab(): void;
|
|
@@ -134,5 +141,5 @@ export declare class LibsUiComponentsDropdownComponent implements OnInit {
|
|
|
134
141
|
private prepareItemSelectedDisplay;
|
|
135
142
|
private mergeFlagMouse;
|
|
136
143
|
static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsDropdownComponent, never>;
|
|
137
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsDropdownComponent, "libs_ui-components-dropdown", never, { "useXssFilter": { "alias": "useXssFilter"; "required": false; "isSignal": true; }; "popoverElementRefCustom": { "alias": "popoverElementRefCustom"; "required": false; "isSignal": true; }; "classInclude": { "alias": "classInclude"; "required": false; "isSignal": true; }; "ignoreStopPropagationEvent": { "alias": "ignoreStopPropagationEvent"; "required": false; "isSignal": true; }; "flagMouse": { "alias": "flagMouse"; "required": false; "isSignal": true; }; "flagMouseContent": { "alias": "flagMouseContent"; "required": false; "isSignal": true; }; "popoverCustomConfig": { "alias": "popoverCustomConfig"; "required": false; "isSignal": true; }; "isNgContent": { "alias": "isNgContent"; "required": false; "isSignal": true; }; "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; "convertItemSelected": { "alias": "convertItemSelected"; "required": false; "isSignal": true; }; "getPopoverItemSelected": { "alias": "getPopoverItemSelected"; "required": false; "isSignal": true; }; "httpRequestDetailItemById": { "alias": "httpRequestDetailItemById"; "required": false; "isSignal": true; }; "lengthKeys": { "alias": "lengthKeys"; "required": false; "isSignal": true; }; "textDisplayWhenNoSelect": { "alias": "textDisplayWhenNoSelect"; "required": false; "isSignal": true; }; "textDisplayWhenMultiSelect": { "alias": "textDisplayWhenMultiSelect"; "required": false; "isSignal": true; }; "classIncludeTextDisplayWhenNoSelect": { "alias": "classIncludeTextDisplayWhenNoSelect"; "required": false; "isSignal": true; }; "fieldLabel": { "alias": "fieldLabel"; "required": false; "isSignal": true; }; "fieldGetLabel": { "alias": "fieldGetLabel"; "required": false; "isSignal": true; }; "labelPopoverConfig": { "alias": "labelPopoverConfig"; "required": false; "isSignal": true; }; "labelPopoverFullWidth": { "alias": "labelPopoverFullWidth"; "required": false; "isSignal": true; }; "hasContentUnitRight": { "alias": "hasContentUnitRight"; "required": false; "isSignal": true; }; "listSearchNoDataTemplateRef": { "alias": "listSearchNoDataTemplateRef"; "required": false; "isSignal": true; }; "dropdownTemplateRefNotSearchNoData": { "alias": "dropdownTemplateRefNotSearchNoData"; "required": false; "isSignal": true; }; "fieldGetImage": { "alias": "fieldGetImage"; "required": false; "isSignal": true; }; "imageSize": { "alias": "imageSize"; "required": false; "isSignal": true; }; "typeShape": { "alias": "typeShape"; "required": false; "isSignal": true; }; "fieldGetIcon": { "alias": "fieldGetIcon"; "required": false; "isSignal": true; }; "fieldGetTextAvatar": { "alias": "fieldGetTextAvatar"; "required": false; "isSignal": true; }; "fieldGetColorAvatar": { "alias": "fieldGetColorAvatar"; "required": false; "isSignal": true; }; "classAvatarInclude": { "alias": "classAvatarInclude"; "required": false; "isSignal": true; }; "getLastTextAfterSpace": { "alias": "getLastTextAfterSpace"; "required": false; "isSignal": true; }; "linkImageError": { "alias": "linkImageError"; "required": false; "isSignal": true; }; "showError": { "alias": "showError"; "required": false; "isSignal": true; }; "showBorderError": { "alias": "showBorderError"; "required": false; "isSignal": true; }; "disable": { "alias": "disable"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "labelConfig": { "alias": "labelConfig"; "required": false; "isSignal": true; }; "disableLabel": { "alias": "disableLabel"; "required": false; "isSignal": true; }; "listSearchConfig": { "alias": "listSearchConfig"; "required": false; "isSignal": true; }; "isSearchOnline": { "alias": "isSearchOnline"; "required": false; "isSignal": true; }; "listHiddenInputSearch": { "alias": "listHiddenInputSearch"; "required": false; "isSignal": true; }; "listSearchPadding": { "alias": "listSearchPadding"; "required": false; "isSignal": true; }; "listKeySearch": { "alias": "listKeySearch"; "required": false; "isSignal": true; }; "listDividerClassInclude": { "alias": "listDividerClassInclude"; "required": false; "isSignal": true; }; "listConfig": { "alias": "listConfig"; "required": false; "isSignal": true; }; "listButtonsOther": { "alias": "listButtonsOther"; "required": false; "isSignal": true; }; "listHasButtonUnSelectOption": { "alias": "listHasButtonUnSelectOption"; "required": false; "isSignal": true; }; "listClickExactly": { "alias": "listClickExactly"; "required": false; "isSignal": true; }; "listBackgroundCustom": { "alias": "listBackgroundCustom"; "required": false; "isSignal": true; }; "listMaxItemShow": { "alias": "listMaxItemShow"; "required": false; "isSignal": true; }; "listKeySelected": { "alias": "listKeySelected"; "required": false; "isSignal": true; }; "listMultiKeySelected": { "alias": "listMultiKeySelected"; "required": false; "isSignal": true; }; "listKeysDisable": { "alias": "listKeysDisable"; "required": false; "isSignal": true; }; "listKeysHidden": { "alias": "listKeysHidden"; "required": false; "isSignal": true; }; "validRequired": { "alias": "validRequired"; "required": false; "isSignal": true; }; "validMaxItemSelected": { "alias": "validMaxItemSelected"; "required": false; "isSignal": true; }; "changeValidUndefinedResetError": { "alias": "changeValidUndefinedResetError"; "required": false; "isSignal": true; }; "allowSelectItemMultiple": { "alias": "allowSelectItemMultiple"; "required": false; "isSignal": true; }; "focusInputSearch": { "alias": "focusInputSearch"; "required": false; "isSignal": true; }; "onlyEmitDataWhenReset": { "alias": "onlyEmitDataWhenReset"; "required": false; "isSignal": true; }; "resetKeyWhenSelectAllKey": { "alias": "resetKeyWhenSelectAllKey"; "required": false; "isSignal": true; }; "listConfigHasDivider": { "alias": "listConfigHasDivider"; "required": false; "isSignal": true; }; "classIncludeIcon": { "alias": "classIncludeIcon"; "required": false; "isSignal": true; }; "classIncludeContent": { "alias": "classIncludeContent"; "required": false; "isSignal": true; }; "listIgnoreClassDisableDefaultWhenUseKeysDisableItem": { "alias": "listIgnoreClassDisableDefaultWhenUseKeysDisableItem"; "required": false; "isSignal": true; }; "tabKeyActive": { "alias": "tabKeyActive"; "required": false; "isSignal": true; }; "tabsConfig": { "alias": "tabsConfig"; "required": false; "isSignal": true; }; "ignoreBorderBottom": { "alias": "ignoreBorderBottom"; "required": false; "isSignal": true; }; }, { "flagMouse": "flagMouseChange"; "flagMouseContent": "flagMouseContentChange"; "lengthKeys": "lengthKeysChange"; "showBorderError": "showBorderErrorChange"; "listKeySelected": "listKeySelectedChange"; "listMultiKeySelected": "listMultiKeySelectedChange"; "tabKeyActive": "tabKeyActiveChange"; "outSelectKey": "outSelectKey"; "outSelectMultiKey": "outSelectMultiKey"; "outFunctionsControl": "outFunctionsControl"; "outValidEvent": "outValidEvent"; "outChangStageFlagMouse": "outChangStageFlagMouse"; "outDataChange": "outDataChange"; "outClickButtonOther": "outClickButtonOther"; "outShowList": "outShowList"; "outChangeTabKeyActive": "outChangeTabKeyActive"; }, never, ["*"], true, never>;
|
|
144
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsDropdownComponent, "libs_ui-components-dropdown", never, { "useXssFilter": { "alias": "useXssFilter"; "required": false; "isSignal": true; }; "popoverElementRefCustom": { "alias": "popoverElementRefCustom"; "required": false; "isSignal": true; }; "classInclude": { "alias": "classInclude"; "required": false; "isSignal": true; }; "ignoreStopPropagationEvent": { "alias": "ignoreStopPropagationEvent"; "required": false; "isSignal": true; }; "flagMouse": { "alias": "flagMouse"; "required": false; "isSignal": true; }; "flagMouseContent": { "alias": "flagMouseContent"; "required": false; "isSignal": true; }; "popoverCustomConfig": { "alias": "popoverCustomConfig"; "required": false; "isSignal": true; }; "isNgContent": { "alias": "isNgContent"; "required": false; "isSignal": true; }; "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; "convertItemSelected": { "alias": "convertItemSelected"; "required": false; "isSignal": true; }; "getPopoverItemSelected": { "alias": "getPopoverItemSelected"; "required": false; "isSignal": true; }; "httpRequestDetailItemById": { "alias": "httpRequestDetailItemById"; "required": false; "isSignal": true; }; "lengthKeys": { "alias": "lengthKeys"; "required": false; "isSignal": true; }; "textDisplayWhenNoSelect": { "alias": "textDisplayWhenNoSelect"; "required": false; "isSignal": true; }; "textDisplayWhenMultiSelect": { "alias": "textDisplayWhenMultiSelect"; "required": false; "isSignal": true; }; "classIncludeTextDisplayWhenNoSelect": { "alias": "classIncludeTextDisplayWhenNoSelect"; "required": false; "isSignal": true; }; "fieldLabel": { "alias": "fieldLabel"; "required": false; "isSignal": true; }; "fieldGetLabel": { "alias": "fieldGetLabel"; "required": false; "isSignal": true; }; "labelPopoverConfig": { "alias": "labelPopoverConfig"; "required": false; "isSignal": true; }; "labelPopoverFullWidth": { "alias": "labelPopoverFullWidth"; "required": false; "isSignal": true; }; "hasContentUnitRight": { "alias": "hasContentUnitRight"; "required": false; "isSignal": true; }; "listSearchNoDataTemplateRef": { "alias": "listSearchNoDataTemplateRef"; "required": false; "isSignal": true; }; "dropdownTemplateRefNotSearchNoData": { "alias": "dropdownTemplateRefNotSearchNoData"; "required": false; "isSignal": true; }; "fieldGetImage": { "alias": "fieldGetImage"; "required": false; "isSignal": true; }; "imageSize": { "alias": "imageSize"; "required": false; "isSignal": true; }; "typeShape": { "alias": "typeShape"; "required": false; "isSignal": true; }; "fieldGetIcon": { "alias": "fieldGetIcon"; "required": false; "isSignal": true; }; "fieldGetTextAvatar": { "alias": "fieldGetTextAvatar"; "required": false; "isSignal": true; }; "fieldGetColorAvatar": { "alias": "fieldGetColorAvatar"; "required": false; "isSignal": true; }; "classAvatarInclude": { "alias": "classAvatarInclude"; "required": false; "isSignal": true; }; "getLastTextAfterSpace": { "alias": "getLastTextAfterSpace"; "required": false; "isSignal": true; }; "linkImageError": { "alias": "linkImageError"; "required": false; "isSignal": true; }; "showError": { "alias": "showError"; "required": false; "isSignal": true; }; "showBorderError": { "alias": "showBorderError"; "required": false; "isSignal": true; }; "disable": { "alias": "disable"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "labelConfig": { "alias": "labelConfig"; "required": false; "isSignal": true; }; "disableLabel": { "alias": "disableLabel"; "required": false; "isSignal": true; }; "listSearchConfig": { "alias": "listSearchConfig"; "required": false; "isSignal": true; }; "isSearchOnline": { "alias": "isSearchOnline"; "required": false; "isSignal": true; }; "listHiddenInputSearch": { "alias": "listHiddenInputSearch"; "required": false; "isSignal": true; }; "listSearchPadding": { "alias": "listSearchPadding"; "required": false; "isSignal": true; }; "listKeySearch": { "alias": "listKeySearch"; "required": false; "isSignal": true; }; "listDividerClassInclude": { "alias": "listDividerClassInclude"; "required": false; "isSignal": true; }; "listConfig": { "alias": "listConfig"; "required": false; "isSignal": true; }; "listButtonsOther": { "alias": "listButtonsOther"; "required": false; "isSignal": true; }; "listHasButtonUnSelectOption": { "alias": "listHasButtonUnSelectOption"; "required": false; "isSignal": true; }; "listClickExactly": { "alias": "listClickExactly"; "required": false; "isSignal": true; }; "listBackgroundCustom": { "alias": "listBackgroundCustom"; "required": false; "isSignal": true; }; "listMaxItemShow": { "alias": "listMaxItemShow"; "required": false; "isSignal": true; }; "listKeySelected": { "alias": "listKeySelected"; "required": false; "isSignal": true; }; "listMultiKeySelected": { "alias": "listMultiKeySelected"; "required": false; "isSignal": true; }; "listKeysDisable": { "alias": "listKeysDisable"; "required": false; "isSignal": true; }; "listKeysHidden": { "alias": "listKeysHidden"; "required": false; "isSignal": true; }; "validRequired": { "alias": "validRequired"; "required": false; "isSignal": true; }; "validMaxItemSelected": { "alias": "validMaxItemSelected"; "required": false; "isSignal": true; }; "changeValidUndefinedResetError": { "alias": "changeValidUndefinedResetError"; "required": false; "isSignal": true; }; "allowSelectItemMultiple": { "alias": "allowSelectItemMultiple"; "required": false; "isSignal": true; }; "focusInputSearch": { "alias": "focusInputSearch"; "required": false; "isSignal": true; }; "onlyEmitDataWhenReset": { "alias": "onlyEmitDataWhenReset"; "required": false; "isSignal": true; }; "onlyEmitMultiKeyWhenManualClick": { "alias": "onlyEmitMultiKeyWhenManualClick"; "required": false; "isSignal": true; }; "resetKeyWhenSelectAllKey": { "alias": "resetKeyWhenSelectAllKey"; "required": false; "isSignal": true; }; "listConfigHasDivider": { "alias": "listConfigHasDivider"; "required": false; "isSignal": true; }; "classIncludeIcon": { "alias": "classIncludeIcon"; "required": false; "isSignal": true; }; "classIncludeContent": { "alias": "classIncludeContent"; "required": false; "isSignal": true; }; "listIgnoreClassDisableDefaultWhenUseKeysDisableItem": { "alias": "listIgnoreClassDisableDefaultWhenUseKeysDisableItem"; "required": false; "isSignal": true; }; "tabKeyActive": { "alias": "tabKeyActive"; "required": false; "isSignal": true; }; "tabsConfig": { "alias": "tabsConfig"; "required": false; "isSignal": true; }; "ignoreBorderBottom": { "alias": "ignoreBorderBottom"; "required": false; "isSignal": true; }; }, { "flagMouse": "flagMouseChange"; "flagMouseContent": "flagMouseContentChange"; "lengthKeys": "lengthKeysChange"; "showBorderError": "showBorderErrorChange"; "listKeySelected": "listKeySelectedChange"; "listMultiKeySelected": "listMultiKeySelectedChange"; "tabKeyActive": "tabKeyActiveChange"; "outSelectKey": "outSelectKey"; "outSelectMultiKey": "outSelectMultiKey"; "outFunctionsControl": "outFunctionsControl"; "outValidEvent": "outValidEvent"; "outChangStageFlagMouse": "outChangStageFlagMouse"; "outDataChange": "outDataChange"; "outClickButtonOther": "outClickButtonOther"; "outShowList": "outShowList"; "outChangeTabKeyActive": "outChangeTabKeyActive"; }, never, ["*"], true, never>;
|
|
138
145
|
}
|