@libs-ui/components-dropdown 0.2.356-9 → 0.2.357-1
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 +634 -255
- package/dropdown.component.d.ts +10 -9
- package/esm2022/dropdown.component.mjs +28 -19
- package/esm2022/interfaces/dropdown.interface.mjs +1 -1
- package/esm2022/tabs/tabs.component.mjs +3 -3
- package/fesm2022/libs-ui-components-dropdown.mjs +30 -21
- package/fesm2022/libs-ui-components-dropdown.mjs.map +1 -1
- package/interfaces/dropdown.interface.d.ts +2 -2
- package/package.json +12 -12
package/dropdown.component.d.ts
CHANGED
|
@@ -3,13 +3,13 @@ import { TYPE_SHAPE_AVATAR, TYPE_SIZE_AVATAR_CONFIG } from '@libs-ui/components-
|
|
|
3
3
|
import { IButton } from '@libs-ui/components-buttons-button';
|
|
4
4
|
import { IInputSearchConfig } from '@libs-ui/components-inputs-search';
|
|
5
5
|
import { ILabel } from '@libs-ui/components-label';
|
|
6
|
-
import { IListDataEmitKey, IListDataEmitMultiKey, IListFunctionControlEvent
|
|
6
|
+
import { IListConfigItem, IListDataEmitKey, IListDataEmitMultiKey, IListFunctionControlEvent } from '@libs-ui/components-list';
|
|
7
7
|
import { IFlagMouse, IPopover, IPopoverFunctionControlEvent, IPopoverOverlay, TYPE_POPOVER_EVENT } from '@libs-ui/components-popover';
|
|
8
|
+
import { IMessageTranslate } from '@libs-ui/interfaces-types';
|
|
8
9
|
import { IHttpRequestConfig } from '@libs-ui/services-http-request';
|
|
9
10
|
import { TranslateService } from '@ngx-translate/core';
|
|
10
11
|
import { IDropdownTabsItem, IEmitMultiKey, IEmitSelectKey, IPopoverCustomConfig, IValidMaxItemSelected } from './interfaces/dropdown.interface';
|
|
11
12
|
import { IDropdownFunctionControlEvent } from './interfaces/function-control-event.interface';
|
|
12
|
-
import { IMessageTranslate } from '@libs-ui/interfaces-types';
|
|
13
13
|
import * as i0 from "@angular/core";
|
|
14
14
|
export declare class LibsUiComponentsDropdownComponent implements OnInit {
|
|
15
15
|
protected error: import("@angular/core").WritableSignal<IMessageTranslate | undefined>;
|
|
@@ -21,10 +21,10 @@ export declare class LibsUiComponentsDropdownComponent implements OnInit {
|
|
|
21
21
|
protected popoverItemSelected: import("@angular/core").WritableSignal<IPopover | undefined>;
|
|
22
22
|
protected labelItemSelectedComputed: import("@angular/core").Signal<string>;
|
|
23
23
|
protected autoSelectedFirstItemCallOutsideBefore: import("@angular/core").WritableSignal<boolean>;
|
|
24
|
-
private keysSelected;
|
|
25
|
-
private popoverFunctionControl;
|
|
26
|
-
private fieldKey;
|
|
27
|
-
private listFunctionControl;
|
|
24
|
+
private readonly keysSelected;
|
|
25
|
+
private readonly popoverFunctionControl;
|
|
26
|
+
private readonly fieldKey;
|
|
27
|
+
private readonly listFunctionControl;
|
|
28
28
|
readonly useXssFilter: import("@angular/core").InputSignal<boolean>;
|
|
29
29
|
readonly popoverElementRefCustom: import("@angular/core").InputSignal<HTMLElement | undefined>;
|
|
30
30
|
readonly classInclude: import("@angular/core").InputSignal<string | undefined>;
|
|
@@ -102,14 +102,15 @@ export declare class LibsUiComponentsDropdownComponent implements OnInit {
|
|
|
102
102
|
readonly outClickButtonOther: import("@angular/core").OutputEmitterRef<IButton>;
|
|
103
103
|
readonly outShowList: import("@angular/core").OutputEmitterRef<boolean>;
|
|
104
104
|
readonly outChangeTabKeyActive: import("@angular/core").OutputEmitterRef<string | undefined>;
|
|
105
|
-
private translate;
|
|
106
|
-
private httpRequestService;
|
|
105
|
+
private readonly translate;
|
|
106
|
+
private readonly httpRequestService;
|
|
107
107
|
constructor();
|
|
108
108
|
ngOnInit(): Promise<void>;
|
|
109
109
|
get FunctionsControl(): IDropdownFunctionControlEvent;
|
|
110
110
|
private defaultConvertItemSelected;
|
|
111
111
|
private getLabelItemSelected;
|
|
112
112
|
private emitAutoSelectKey;
|
|
113
|
+
private warnMissingHttpRequestDetailItemById;
|
|
113
114
|
protected handlerEvent(type: TYPE_POPOVER_EVENT): void;
|
|
114
115
|
protected handlerDataChange(items: Array<unknown>): void;
|
|
115
116
|
protected handlerChangeFlagMouse(event: IFlagMouse): void;
|
|
@@ -127,7 +128,7 @@ export declare class LibsUiComponentsDropdownComponent implements OnInit {
|
|
|
127
128
|
protected handlerListFunctionsControl(event: IListFunctionControlEvent): void;
|
|
128
129
|
protected handlerChangStageFlagMouse(flag: IFlagMouse): void;
|
|
129
130
|
private reset;
|
|
130
|
-
private
|
|
131
|
+
private cloneItemInputAndBuildDisplay;
|
|
131
132
|
private mergeFlagMouse;
|
|
132
133
|
static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsDropdownComponent, never>;
|
|
133
134
|
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>;
|