@libs-ui/components-dropdown 0.2.357-2 → 0.2.357-20

package/README.md

@@ -505,14 +505,28 @@ selectedKey = signal<string>('item-id-123'); // sẽ tự gọi API để load t
 
 ### 11. Dropdown không load list trước khi search
 
+Cơ chế "chưa search thì chưa load" được bật qua `ignoreShowDataWhenNotSearch: true` **bên trong `listConfig`** (thuộc `IListConfigItem`), không phải một input riêng của dropdown.
+
+```typescript
+readonly listConfigNotSearch: IListConfigItem = {
+  type: 'text',
+  httpRequestData: signal<IHttpRequestConfig>({
+    objectInstance: new UserService(),
+    functionName: 'list',
+    argumentsValue: [],
+  }),
+  ignoreShowDataWhenNotSearch: true, // không load list khi vừa mở; chỉ load khi có keyword
+  configTemplateText: signal({ fieldKey: 'id', getValue: (item) => item.name }),
+};
+```
+
 ```html
 <libs_ui-components-dropdown
   [labelConfig]="{ labelLeft: 'Gõ keyword để bắt đầu load' }"
-  [listConfig]="listConfig"
+  [listConfig]="listConfigNotSearch"
   [isSearchOnline]="true"
   [listHiddenInputSearch]="false"
   [listSearchConfig]="{ noBorder: true, placeholder: 'Nhập để tìm kiếm...' }"
-  [dropdownIgnoreNotSearch]="true"
 />
 ```
 
@@ -600,6 +614,7 @@ readonly popoverConfig: IPopoverCustomConfig = {
 | `[listSearchNoDataTemplateRef]` | `TemplateRef<unknown>` | `undefined` | Template khi tìm kiếm không có kết quả | `[listSearchNoDataTemplateRef]="noDataTpl"` |
 | `[listSearchPadding]` | `boolean` | `undefined` | Thêm padding cho phần search | `[listSearchPadding]="true"` |
 | `[onlyEmitDataWhenReset]` | `boolean` | `undefined` | Chỉ emit `outSelectKey`/`outSelectMultiKey` (với undefined) khi gọi `reset()` | `[onlyEmitDataWhenReset]="true"` |
+| `[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"` |
 | `[popoverCustomConfig]` | `IPopoverCustomConfig` | `undefined` | Cấu hình tùy chỉnh cho popover overlay (width, direction, maxHeight...) | `[popoverCustomConfig]="popoverConfig"` |
 | `[popoverElementRefCustom]` | `HTMLElement` | `undefined` | Element HTML tùy chỉnh làm anchor cho popover | `[popoverElementRefCustom]="myEl"` |
 | `[readonly]` | `boolean` | `undefined` | Chế độ chỉ đọc (hiển thị nhưng không cho tương tác) | `[readonly]="true"` |
@@ -652,6 +667,8 @@ handlerFunctionsControl(event: IDropdownFunctionControlEvent): void {
 | `resetError()` | `() => Promise<void>` | Xóa error message đang hiển thị và border đỏ |
 | `setError(message)` | `(message: string) => Promise<void>` | Hiển thị error message tùy chỉnh (có thể truyền i18n key) |
 | `setItemSelectedByKey(id)` | `(id: unknown) => Promise<void>` | Chọn item theo key, tự gọi API `httpRequestDetailItemById` nếu có để lấy chi tiết |
+| `setSelectedKey(key, options?)` | `(key: unknown, options?: { reset?: boolean }) => Promise<void>` | Set key đã chọn theo chương trình (single select); `options.reset=true` sẽ reset trước khi set |
+| `setSelectedMultiKey(keys, options?)` | `(keys: unknown[], options?: { reset?: boolean }) => Promise<void>` | Set mảng key đã chọn theo chương trình (multi select); `options.reset=true` sẽ reset trước khi set |
 | `updateLabelItemSelected(label)` | `(label: string) => Promise<void>` | Cập nhật text hiển thị của item đã chọn mà không cần reload |
 
 ## Types & Interfaces
@@ -745,6 +762,8 @@ interface IDropdownFunctionControlEvent {
   reset: () => Promise<void>;
   refreshList: () => Promise<void>;
   setItemSelectedByKey: (id: unknown) => Promise<void>;
+  setSelectedKey: (key: unknown, options?: { reset?: boolean }) => Promise<void>;
+  setSelectedMultiKey: (keys: unknown[], options?: { reset?: boolean }) => Promise<void>;
   getDisable: () => Promise<boolean>;
 }
 ```
@@ -781,11 +800,3 @@ Component tabs nội bộ, được sử dụng tự động khi truyền `[tabs
 ⚠️ **`listKeysHidden` không dùng kèm `configCheckboxCheckAll`**: Tương tự `listKeysDisable`, tránh dùng kết hợp với `configCheckboxCheckAll`.
 
 ⚠️ **XSS Safety**: Khi `getValue`/`getLabelItem` trả về HTML có thể chứa dữ liệu từ người dùng, BẮT BUỘC bọc trong `escapeHtml()` từ `@libs-ui/utils`.
-
-## Demo
-
-```bash
-npx nx serve core-ui
-```
-
-Truy cập: http://localhost:4500/dropdown

package/dropdown.component.d.ts

@@ -19,8 +19,19 @@ export declare class LibsUiComponentsDropdownComponent implements OnInit {
     protected loadingList: import("@angular/core").WritableSignal<boolean>;
     protected items: import("@angular/core").WritableSignal<unknown[]>;
     protected popoverItemSelected: import("@angular/core").WritableSignal<IPopover | undefined>;
+    /**
+     * Mốc z-index THỰC DÙNG của dropdown.
+     *
+     * 🔴 Panel và danh sách con bắt buộc dùng chung một giá trị. Trước đây panel lấy `zIndex() ?? 1000`
+     * còn danh sách con nhận thẳng `zIndex()`: khi nơi gọi không truyền `zIndex`, danh sách nhận
+     * `undefined`, các template con tính `zIndex() + 1` ra `NaN` nên tooltip của từng dòng mất hẳn
+     * z-index và chui xuống DƯỚI panel — người dùng hover vào dòng bị cắt chữ thì thấy tooltip nằm
+     * sau panel.
+     */
+    protected zIndexResolved: import("@angular/core").Signal<number>;
     protected labelItemSelectedComputed: import("@angular/core").Signal<string>;
     protected autoSelectedFirstItemCallOutsideBefore: import("@angular/core").WritableSignal<boolean>;
+    private readonly isSelectingInternally;
     private readonly keysSelected;
     private readonly popoverFunctionControl;
     private readonly fieldKey;
@@ -85,6 +96,13 @@ export declare class LibsUiComponentsDropdownComponent implements OnInit {
     readonly allowSelectItemMultiple: import("@angular/core").InputSignal<boolean | undefined>;
     readonly focusInputSearch: import("@angular/core").InputSignal<boolean>;
     readonly onlyEmitDataWhenReset: import("@angular/core").InputSignal<boolean | undefined>;
+    /**
+     * Chỉ emit outSelectMultiKey khi người dùng click tay.
+     * - `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.
+     * - `true`: bỏ luôn emit lần đầu khi render, chỉ emit khi click tay thật.
+     * @default false
+     */
+    readonly onlyEmitMultiKeyWhenManualClick: import("@angular/core").InputSignal<boolean>;
     readonly resetKeyWhenSelectAllKey: import("@angular/core").InputSignal<boolean | undefined>;
     readonly listConfigHasDivider: import("@angular/core").InputSignal<boolean>;
     readonly classIncludeIcon: import("@angular/core").InputSignalWithTransform<string, string | undefined>;
@@ -117,7 +135,9 @@ export declare class LibsUiComponentsDropdownComponent implements OnInit {
     protected handlerClickButtonOther(button: IButton): void;
     protected handlerPopoverControlEvent(event: IPopoverFunctionControlEvent): void;
     protected handlerSelectedKey(event: IListDataEmitKey | undefined): Promise<void>;
-    protected handlerSelectMultiKey(event: IListDataEmitMultiKey | undefined, isClickManual?: boolean): Promise<void>;
+    private processSelectedKey;
+    protected handlerSelectMultiKey(event: IListDataEmitMultiKey | undefined): Promise<void>;
+    private processSelectMultiKey;
     private setItemSelectedByKey;
     protected handlerChangeTab(): void;
     protected handlerLoadingList(event: boolean): void;
@@ -128,8 +148,8 @@ export declare class LibsUiComponentsDropdownComponent implements OnInit {
     protected handlerListFunctionsControl(event: IListFunctionControlEvent): void;
     protected handlerChangStageFlagMouse(flag: IFlagMouse): void;
     private reset;
-    private cloneItemInputAndBuildDisplay;
+    private prepareItemSelectedDisplay;
     private mergeFlagMouse;
     static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsDropdownComponent, never>;
-    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>;
+    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>;
 }