@libs-ui/components-dropdown 0.2.10-6.2

package/README.md

@@ -0,0 +1,3 @@
+# dropdown
+
+This library was generated with [Nx](https://nx.dev).

package/dropdown.component.d.ts

@@ -0,0 +1,131 @@
+import { OnInit, TemplateRef } from '@angular/core';
+import { TYPE_SHAPE_AVATAR, TYPE_SIZE_AVATAR_CONFIG } from '@libs-ui/components-avatar';
+import { IButton } from '@libs-ui/components-buttons-button';
+import { IInputSearchConfig } from '@libs-ui/components-inputs-search';
+import { IValid } from '@libs-ui/components-inputs-valid';
+import { ILabel } from '@libs-ui/components-label';
+import { IListDataEmitKey, IListDataEmitMultiKey, IListFunctionControlEvent, IListConfigItem } from '@libs-ui/components-list';
+import { IFlagMouse, IPopover, IPopoverFunctionControlEvent, IPopoverOverlay, TYPE_POPOVER_EVENT } from '@libs-ui/components-popover';
+import { IHttpRequestConfig } from '@libs-ui/services-http-request';
+import { TranslateService } from '@ngx-translate/core';
+import { IDropdownTabsItem, IEmitMultiKey, IEmitSelectKey, IPopoverCustomConfig, IValidMaxItemSelected } from './interfaces/dropdown.interface';
+import { IDropdownFunctionControlEvent } from './interfaces/function-control-event.interface';
+import * as i0 from "@angular/core";
+export declare class LibsUiComponentsDropdownComponent implements OnInit {
+    protected error: import("@angular/core").WritableSignal<IValid | undefined>;
+    protected showList: import("@angular/core").WritableSignal<boolean>;
+    protected itemsSelected: import("@angular/core").WritableSignal<any>;
+    protected loadingDetail: import("@angular/core").WritableSignal<boolean>;
+    protected loadingList: import("@angular/core").WritableSignal<boolean>;
+    protected items: import("@angular/core").WritableSignal<unknown[]>;
+    protected fieldLabel: import("@angular/core").WritableSignal<string>;
+    protected popoverItemSelected: import("@angular/core").WritableSignal<IPopover | undefined>;
+    protected labelItemSelectedComputed: import("@angular/core").Signal<string>;
+    protected autoSelectedFirstItemCallOutsideBefore: import("@angular/core").WritableSignal<boolean>;
+    private keysSelected;
+    private popoverFunctionControl;
+    private fieldKey;
+    private listFunctionControl;
+    readonly useXssFilter: import("@angular/core").InputSignal<boolean>;
+    readonly popoverElementRefCustom: import("@angular/core").InputSignal<HTMLElement | undefined>;
+    readonly classInclude: import("@angular/core").InputSignal<string | undefined>;
+    readonly ignoreStopPropagationEvent: import("@angular/core").InputSignal<boolean>;
+    readonly flagMouse: import("@angular/core").ModelSignal<IFlagMouse>;
+    readonly flagMouseContent: import("@angular/core").ModelSignal<IFlagMouse | undefined>;
+    readonly popoverCustomConfig: import("@angular/core").InputSignal<IPopoverCustomConfig | undefined>;
+    readonly isNgContent: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly zIndex: import("@angular/core").InputSignal<number | undefined>;
+    readonly convertItemSelected: import("@angular/core").InputSignal<(item: unknown, translate?: TranslateService) => void>;
+    readonly getPopoverItemSelected: import("@angular/core").InputSignal<((item: unknown, translate?: TranslateService) => Promise<IPopover | undefined>) | undefined>;
+    readonly httpRequestDetailItemById: import("@angular/core").InputSignal<IHttpRequestConfig | undefined>;
+    readonly lengthKeys: import("@angular/core").ModelSignal<number>;
+    readonly textDisplayWhenNoSelect: import("@angular/core").InputSignal<string>;
+    readonly textDisplayWhenMultiSelect: import("@angular/core").InputSignal<string>;
+    readonly classIncludeTextDisplayWhenNoSelect: import("@angular/core").InputSignal<string>;
+    readonly fieldGetLabel: import("@angular/core").InputSignal<string | undefined>;
+    readonly labelPopoverConfig: import("@angular/core").InputSignal<IPopoverOverlay | undefined>;
+    readonly labelPopoverFullWidth: import("@angular/core").InputSignal<boolean>;
+    readonly hasContentUnitRight: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly listSearchNoDataTemplateRef: import("@angular/core").InputSignal<TemplateRef<unknown> | undefined>;
+    readonly fieldGetImage: import("@angular/core").InputSignal<string | undefined>;
+    readonly imageSize: import("@angular/core").InputSignal<TYPE_SIZE_AVATAR_CONFIG>;
+    readonly typeShape: import("@angular/core").InputSignal<TYPE_SHAPE_AVATAR>;
+    readonly fieldGetIcon: import("@angular/core").InputSignal<string | undefined>;
+    readonly fieldGetTextAvatar: import("@angular/core").InputSignal<string>;
+    readonly fieldGetColorAvatar: import("@angular/core").InputSignal<string | undefined>;
+    readonly classAvatarInclude: import("@angular/core").InputSignalWithTransform<string, string | undefined>;
+    readonly getLastTextAfterSpace: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly linkImageError: import("@angular/core").InputSignal<string | undefined>;
+    readonly showError: import("@angular/core").InputSignal<boolean>;
+    readonly showBorderError: import("@angular/core").ModelSignal<boolean | undefined>;
+    readonly disable: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly readonly: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly labelConfig: import("@angular/core").InputSignal<ILabel | undefined>;
+    readonly listSearchConfig: import("@angular/core").InputSignalWithTransform<IInputSearchConfig, IInputSearchConfig | undefined>;
+    readonly isSearchOnline: import("@angular/core").InputSignal<boolean>;
+    readonly listHiddenInputSearch: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly listSearchPadding: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly listKeySearch: import("@angular/core").InputSignal<string | undefined>;
+    readonly listDividerClassInclude: import("@angular/core").InputSignal<string | undefined>;
+    readonly listConfig: import("@angular/core").InputSignal<IListConfigItem | undefined>;
+    readonly listButtonsOther: import("@angular/core").InputSignal<IButton[] | undefined>;
+    readonly listHasButtonUnSelectOption: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly listClickExactly: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly listBackgroundCustom: import("@angular/core").InputSignal<string | undefined>;
+    readonly listMaxItemShow: import("@angular/core").InputSignal<number>;
+    readonly listKeySelected: import("@angular/core").ModelSignal<unknown>;
+    readonly listMultiKeySelected: import("@angular/core").ModelSignal<unknown[] | undefined>;
+    readonly listKeysDisable: import("@angular/core").InputSignal<string[] | undefined>;
+    readonly listKeysHidden: import("@angular/core").InputSignal<string[] | undefined>;
+    readonly validRequired: import("@angular/core").InputSignal<IValid | undefined>;
+    readonly validMaxItemSelected: import("@angular/core").InputSignal<IValidMaxItemSelected | undefined>;
+    readonly changeValidUndefinedResetError: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly allowSelectItemMultiple: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly focusInputSearch: import("@angular/core").InputSignal<boolean>;
+    readonly onlyEmitDataWhenReset: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly resetKeyWhenSelectAllKey: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly listConfigHasDivider: import("@angular/core").InputSignal<boolean>;
+    readonly classIncludeIcon: import("@angular/core").InputSignalWithTransform<string, string | undefined>;
+    readonly classIncludeContent: import("@angular/core").InputSignal<string | undefined>;
+    readonly listIgnoreClassDisableDefaultWhenUseKeysDisableItem: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly tabKeyActive: import("@angular/core").ModelSignal<string | undefined>;
+    readonly tabsConfig: import("@angular/core").InputSignal<IDropdownTabsItem[] | undefined>;
+    readonly ignoreBorderBottom: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly outSelectKey: import("@angular/core").OutputEmitterRef<IEmitSelectKey | undefined>;
+    readonly outSelectMultiKey: import("@angular/core").OutputEmitterRef<IEmitMultiKey | undefined>;
+    readonly outFunctionsControl: import("@angular/core").OutputEmitterRef<IDropdownFunctionControlEvent>;
+    readonly outValidEvent: import("@angular/core").OutputEmitterRef<boolean>;
+    readonly outChangStageFlagMouse: import("@angular/core").OutputEmitterRef<IFlagMouse>;
+    readonly outDataChange: import("@angular/core").OutputEmitterRef<unknown[]>;
+    readonly outClickButtonOther: import("@angular/core").OutputEmitterRef<IButton>;
+    readonly outShowList: import("@angular/core").OutputEmitterRef<boolean>;
+    readonly outChangeTabKeyActive: import("@angular/core").OutputEmitterRef<string | undefined>;
+    private translate;
+    private httpRequestService;
+    constructor();
+    ngOnInit(): Promise<void>;
+    private defaultConvertItemSelected;
+    private getLabelItemSelected;
+    private emitAutoSelectKey;
+    protected handlerEvent(type: TYPE_POPOVER_EVENT): void;
+    protected handlerDataChange(items: Array<unknown>): void;
+    protected handlerChangeFlagMouse(event: IFlagMouse): void;
+    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 setItemSelectedByKey;
+    protected handlerChangeTab(): void;
+    protected handlerLoadingList(event: boolean): void;
+    private setError;
+    private valid;
+    private checkValid;
+    private resetError;
+    protected handlerListFunctionsControl(event: IListFunctionControlEvent): void;
+    protected handlerChangStageFlagMouse(flag: IFlagMouse): void;
+    private reset;
+    private buildDisplay;
+    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; }; "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; }; "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; }; "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>;
+}