@libs-ui/components-list 0.1.1-1

package/highlight-key-search/highlight-key-search.directive.d.ts

@@ -0,0 +1,13 @@
+import { AfterViewInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class LibsUiComponentsListHighlightKeySearchDirective implements AfterViewInit {
+    readonly isHighlight: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly keySearch: import("@angular/core").InputSignal<string | undefined>;
+    readonly classHighlight: import("@angular/core").InputSignal<string>;
+    private elementRef;
+    ngAfterViewInit(): void;
+    protected handlerHighlight(element: Node): void;
+    protected checkAndReplace(node: Node): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsListHighlightKeySearchDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LibsUiComponentsListHighlightKeySearchDirective, "[LibsUiComponentsListHighlightKeySearchDirective]", never, { "isHighlight": { "alias": "isHighlight"; "required": false; "isSignal": true; }; "keySearch": { "alias": "keySearch"; "required": false; "isSignal": true; }; "classHighlight": { "alias": "classHighlight"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/index.d.ts

@@ -0,0 +1,3 @@
+export * from './list.component';
+export * from './defines/list.define';
+export * from './interfaces';

package/interfaces/config-item.interface.d.ts

@@ -0,0 +1,260 @@
+import { IAvatarConfig } from '@libs-ui/components-avatar';
+import { IBadge } from '@libs-ui/components-badge';
+import { IButton } from '@libs-ui/components-buttons-button';
+import { ISort } from '@libs-ui/components-buttons-sort';
+import { ICheckboxItem } from '@libs-ui/components-checkbox-group';
+import { ILabel } from '@libs-ui/components-label';
+import { IPopover, IPopoverOverlay, TYPE_POPOVER_EVENT } from '@libs-ui/components-popover';
+import { IHttpRequestConfig } from '@libs-ui/services-http-request';
+import { TYPE_TEMPLATE } from './templates-type.type';
+import { Observable } from 'rxjs';
+import { WritableSignal } from '@angular/core';
+import { TYPE_FUNCTION, TYPE_OBJECT } from '@libs-ui/interfaces-types';
+import { LibsUiComponentsComponentOutletComponent } from '@libs-ui/components-component-outlet';
+export type TYPE_LIST_ITEM = WritableSignal<TYPE_OBJECT>;
+export interface IListConfigItem {
+    type: TYPE_TEMPLATE;
+    httpRequestData?: WritableSignal<IHttpRequestConfig>;
+    configTemplateText?: WritableSignal<IListConfigItemText>;
+    configTemplateRadio?: WritableSignal<IListConfigItemRadio>;
+    configTemplateCheckbox?: WritableSignal<IListConfigItemCheckbox>;
+    configTemplateGroup?: WritableSignal<IListConfigItemGroup>;
+    configTemplateTag?: WritableSignal<IListConfigItemTag>;
+    configDescriptionGroup?: WritableSignal<IConfigDescriptionGroup>;
+    textNoData?: string;
+    textNoDataClassInclude?: string;
+    textSearchNoData?: string;
+    autoSelectFirstItem?: boolean;
+    backgroundListCustom?: string;
+    paddingLeftItem?: boolean;
+    sort?: (items: Array<any>) => void;
+    hasIconNoData?: boolean;
+    ignoreShowDataWhenNotSearch?: boolean | undefined;
+    ignoreFixHeightShowDataWhenNotSearch?: boolean | undefined;
+    highlightTextSearchInResult?: boolean | undefined;
+    heightItem?: number;
+    minHeightItem?: number;
+}
+export interface IListConfigItemText {
+    fieldKey: string;
+    getValue?: (item: any, itemViewInList?: TYPE_LIST_ITEM) => string;
+    getLabelSearch?: (item: any) => string;
+    fieldGetImage?: string;
+    classIncludeImage?: string;
+    getImage?: (data: IDataFunctionCallInConfig) => Observable<string>;
+    getImageError?: (data: IDataFunctionCallInConfig) => Observable<string>;
+    imgTypeIcon?: boolean;
+    ignoreIconSelected?: boolean;
+    classIncludeIconSelected?: string;
+    ignoreShowFieldLabel?: boolean;
+    getHrefButton?: (item: any) => string;
+    getClassItem?: (item: any) => string;
+    getClassIncludePopover?: (item: any) => string;
+    getConfigButtonLeft?: (item: any) => IButton;
+    getClassIconLeft?: (item: any) => string;
+    getConfigHoverDanger?: (item: any) => boolean;
+    getPopover?: (item: any) => IPopover | undefined;
+    rows?: WritableSignal<Array<WritableSignal<IListConfigItemTextRow>>>;
+    classRowsWrapper?: string;
+    classRows?: string;
+    configLabelPopover?: WritableSignal<IPopoverOverlay>;
+    autoScrollToItemSelected?: boolean;
+    itemSort?: WritableSignal<ISort>;
+    actionSort?: (itemSort: ISort) => void;
+    notUseVirtualScroll?: boolean;
+    getAvatarConfig?: (item: any) => IAvatarConfig;
+    getConfigAlignStart?: (item: any) => boolean;
+    stylePaddingRightItemOther?: boolean;
+    getComponentOutlet?: () => Observable<LibsUiComponentsComponentOutletComponent | any>;
+    getDataComponentOutlet?: TYPE_FUNCTION;
+}
+export interface IListConfigItemTag extends IListConfigItemText {
+    fieldKey: string;
+    ignoreItemFlexWrap?: boolean;
+    classIncludeContainer?: string;
+}
+export interface IListConfigItemRadio {
+    fieldKey: string;
+    fieldGetImage?: string;
+    classIncludeImage?: string;
+    hasAvatarPagesSocial?: boolean;
+    hasAvatarGroupSocial?: boolean;
+    getValue?: (item: any, itemViewInList?: TYPE_LIST_ITEM) => string;
+    getLabelSearch?: (item: any) => string;
+    getPopover?: (item: any) => IPopover | undefined;
+    rowSameLineRadio?: boolean;
+    rows?: WritableSignal<Array<WritableSignal<IListConfigItemTextRow>>>;
+    classRowsWrapper?: string;
+    classRows?: string;
+    autoScrollToItemSelected?: boolean;
+    zIndexPopover?: number;
+    getAvatarConfig?: (item: any) => IAvatarConfig;
+    getClassItem?: (item: any) => string;
+    classItemInclude?: string;
+    getImage?: (data: IDataFunctionCallInConfig) => Observable<string>;
+    getImageError?: (data: IDataFunctionCallInConfig) => Observable<string>;
+    getComponentOutlet?: () => Observable<LibsUiComponentsComponentOutletComponent | any>;
+    getDataComponentOutlet?: TYPE_FUNCTION;
+}
+export interface IListConfigItemCheckbox {
+    autoSelectAllItem?: boolean;
+    classListInclude?: string;
+    httpRequestAllIdSelectOrUnSelect?: WritableSignal<IHttpRequestConfig>;
+    configButtonSelectAndUndSelectItem?: WritableSignal<{
+        classInclude?: string;
+        buttonCheckAll?: IButton;
+        buttonUncheckAll?: IButton;
+    }>;
+    configCheckboxCheckAll?: WritableSignal<ICheckboxItem>;
+    classIncludeHasConfigCheckBoxAll?: string;
+    fieldKey: string;
+    getValue?: (item: any, itemViewInList?: TYPE_LIST_ITEM) => string;
+    getLabelSearch?: (item: any) => string;
+    getPopover?: (item: any) => IPopover;
+    getClassItem?: (item: any) => string;
+    getImage?: (data: IDataFunctionCallInConfig) => Observable<string>;
+    getImageError?: (data: IDataFunctionCallInConfig) => Observable<string>;
+    fieldGetImage?: string;
+    hasAvatarPagesSocial?: boolean;
+    hasAvatarGroupSocial?: boolean;
+    classIncludeImage?: string;
+    rowSameLineCheckbox?: boolean;
+    rows?: WritableSignal<Array<WritableSignal<IListConfigItemTextRow>>>;
+    classRowsWrapper?: string;
+    classRows?: string;
+    ignoreClickItemUnChecked?: boolean;
+    classLabelInclude?: string;
+    fieldGetLinkImageError?: string;
+    zIndexPopover?: number;
+    classItemInclude?: string;
+    getAvatarConfig?: (item: any) => IAvatarConfig;
+    classCheckboxItemInclude?: string;
+    ignoreItemWidth100?: boolean;
+    classIncludeLastViewItem?: string;
+    classInclude?: string;
+    autoScrollToItemSelected?: boolean;
+    getComponentOutlet?: () => Observable<LibsUiComponentsComponentOutletComponent | any>;
+    getDataComponentOutlet?: TYPE_FUNCTION;
+}
+export interface IListConfigItemTextRow {
+    classRow?: string;
+    classItemSelected?: string;
+    getValue?: (item: any, itemViewInList?: TYPE_LIST_ITEM) => Observable<string>;
+    classGetValue?: string;
+    classCols?: string;
+    cols?: WritableSignal<Array<WritableSignal<IListConfigItemTextCol>>>;
+    getRowStylesDynamicCols?: (item: any) => string;
+    action?: (item: any) => void;
+    getImage?: (item: IDataFunctionCallInConfig) => Observable<string>;
+    getClassImage?: (item: IDataFunctionCallInConfig) => Observable<string>;
+    getImageError?: (item: IDataFunctionCallInConfig) => Observable<string>;
+    getPopoverConfig?: (item: any) => Observable<IPopoverOverlay>;
+    getAvatarConfig?: (item: any) => IAvatarConfig;
+    getComponentOutlet?: () => Observable<LibsUiComponentsComponentOutletComponent | any>;
+    getDataComponentOutlet?: TYPE_FUNCTION;
+}
+export interface IDataFunctionCallInConfig {
+    value?: any;
+    item?: any;
+    otherData?: any;
+}
+export interface IListConfigItemTextCol {
+    getClassCol?: (item: any, index: number) => string | undefined;
+    getValue?: (data: IDataFunctionCallInConfig, itemViewInList?: TYPE_LIST_ITEM, indexRow?: number, indexCol?: number) => Observable<string>;
+    getPopover?: (item: any, index: number) => IPopover | undefined;
+    action?: (item: any) => void;
+    getImage?: (item: any) => Observable<string>;
+    getClassImage?: (item: any) => Observable<string>;
+    getImageError?: (item: any) => Observable<string>;
+    getConfigBadge?: (item: any, index: number) => IBadge | undefined;
+    getStylesDynamicCol?: (data: IDataFunctionCallInConfig) => Observable<string>;
+    getButton?: (item: any, index: number) => IButton | undefined;
+    getLabelSwitch?: (item: any, index: number) => ILabel | undefined;
+    getAvatarConfig?: (item: any) => IAvatarConfig;
+    getComponentOutlet?: () => Observable<LibsUiComponentsComponentOutletComponent | any>;
+    getDataComponentOutlet?: TYPE_FUNCTION;
+}
+export interface IListConfigItemGroup {
+    flatItemsSupportAutoSelect?: (data: Array<any>) => Array<any>;
+    fieldKey?: string;
+    isViewRadio?: boolean;
+    timeIntervalCalculatorHeight?: number;
+    configButtonSelectAndUndSelectItem?: WritableSignal<{
+        classInclude?: string;
+        buttonCheckAll?: IButton;
+        buttonUncheckAll?: IButton;
+    }>;
+    configCheckboxCheckAll?: WritableSignal<ICheckboxItem>;
+    classIncludeHasConfigCheckBoxAll?: string;
+    getLabelSearch?: (item: any) => string;
+    getLabelGroup: (group: any) => string;
+    getExpandGroup?: (group: any) => boolean;
+    getPopoverGroup?: (group: any) => string;
+    getMaxLevelGroup: (group: any) => number;
+    getDescriptionGroupWhenNoData?: (group: any) => string | undefined;
+    getButtonGroup?: (group: any) => IButton;
+    getIconEmptyDataInGroup?: (group: any) => boolean;
+    getComponentOutletGroup?: () => Observable<LibsUiComponentsComponentOutletComponent | any>;
+    getDataComponentOutletGroup?: TYPE_FUNCTION;
+    ignoreCheckboxGroup?: boolean;
+    classIncludeNodata?: string;
+    classIncludeGroup?: string;
+    ignoreRadioGroup?: boolean;
+    ignoreTextUppercaseLabelGroup?: boolean;
+    ignoreGroupLine?: boolean;
+    marginTopHasLine?: number;
+    ignoreClickLabelGroup?: boolean;
+    fieldGetItems: string;
+    fieldGetAvatarItem?: string;
+    imgTypeIcon?: boolean;
+    classImageInclude?: string;
+    isViewTree?: boolean;
+    isViewTreeJson?: boolean;
+    getLabelItem: (item: any) => string;
+    getPopoverItem?: (item: any) => IPopover | undefined;
+    actionPopoverByItem?: (item: any, event: TYPE_POPOVER_EVENT) => void;
+    getExpandItem?: (group: any) => boolean;
+    getBonusPaddingLeftItem?: (item: any, parentItem?: any) => number;
+    getClassIncludeItemNoData?: (item: any, parentItem?: any) => string;
+    getComponentOutletItem?: () => Observable<LibsUiComponentsComponentOutletComponent | any>;
+    getDataComponentOutletItem?: TYPE_FUNCTION;
+    ignoreCheckboxItem?: boolean;
+    ignoreRadioItem?: boolean;
+    notChangeStateItemCheckOther?: boolean;
+    searchAllLevel?: boolean;
+    emitAllItemChecked?: boolean;
+    singleSelectItem?: boolean;
+    singleSelectItemByTree?: boolean;
+    hasIconCheckSingleSelectItem?: boolean;
+    colorBlueWhenItemSelected?: boolean;
+    hasBackgroundColorWhenItemSelected?: boolean;
+    iconExpand: '' | 'left' | 'right';
+    ignoreIconExpandMarginRight?: boolean;
+    onlySelectFirstItem?: boolean;
+    ignoreChooseParentThenAutoChooseChildren?: boolean;
+    chooseChildThenAutoChooseParent?: boolean;
+    ignoreUnselectChildrenRemoveSelectParent?: boolean;
+    ignoreEmitAllItemCheckedWhenChooseChildThenAutoChooseParent?: boolean;
+    disableItemNotLastLevel?: boolean;
+    classLabelItem?: string;
+    allowDisableLabel?: boolean;
+    zIndexLabel?: number;
+    expandFirstItem?: boolean;
+    widthLabelSub24WhenNotTreeView?: boolean;
+    classIncludeItem?: string;
+    getClassIncludeItemContent?: (item: any) => string;
+    getLinkImageError?: (item: any) => Observable<string>;
+    getImage?: (item: any) => Observable<string>;
+    getAvatarConfig?: (item: any) => IAvatarConfig;
+    getIconImageClass?: (item: any) => string;
+    classIncludeLastItem?: string;
+    autoCountWhenGroupEmptyItemLevel1?: boolean;
+    ignoreChangeChildrenDisableWhenChangeParent?: boolean;
+    ignoreFixHeightItem?: boolean;
+}
+export interface IConfigDescriptionGroup {
+    classInclude?: string;
+    tooltipDescription?: WritableSignal<IPopoverOverlay>;
+    textDescription: string;
+    classTextDescriptionInclude?: string;
+}

package/interfaces/data-emit.interface.d.ts

@@ -0,0 +1,16 @@
+import { TYPE_POPOVER_EVENT } from '@libs-ui/components-popover';
+export interface IListDataEmitKey {
+    key: unknown;
+    item: any;
+    isClickManual: boolean;
+}
+export interface IListDataEmitMultiKey {
+    keys: Array<unknown>;
+    mapKeys: Array<IListDataEmitKey>;
+    isClickManual: boolean;
+}
+export interface IEmitRowsEvent {
+    event: TYPE_POPOVER_EVENT;
+    item: any;
+    action: any;
+}

package/interfaces/function-control-event.interface.d.ts

@@ -0,0 +1,15 @@
+import { WritableSignal } from '@angular/core';
+import { IBoundingClientRect } from '@libs-ui/interfaces-types';
+export interface IListFunctionControlEvent {
+    checkIsValid: () => Promise<boolean>;
+    refresh: () => Promise<void>;
+    resetKeySelected: () => Promise<void>;
+    getRectListView: () => Promise<IBoundingClientRect>;
+    removeItems: (keys: Array<string>) => Promise<void>;
+    updateData: (data: IDataUpdateToStore) => Promise<void>;
+    setMessageError?: (message: string) => Promise<void>;
+}
+export interface IDataUpdateToStore {
+    newData: WritableSignal<Array<WritableSignal<any>>>;
+    functionCustomAddDataToStore: (newData: WritableSignal<Array<WritableSignal<any>>>, store: WritableSignal<Array<WritableSignal<any>>>) => void;
+}

package/interfaces/index.d.ts

@@ -0,0 +1,5 @@
+export * from './config-item.interface';
+export * from './data-emit.interface';
+export * from './function-control-event.interface';
+export * from './tab.interface';
+export * from './templates-type.type';

package/interfaces/tab.interface.d.ts

@@ -0,0 +1,4 @@
+export interface IDropdownTab {
+    key: string;
+    name: string;
+}

package/interfaces/templates-type.type.d.ts

@@ -0,0 +1 @@
+export type TYPE_TEMPLATE = 'checkbox' | 'group' | 'radio' | 'text' | 'tag';

package/list.component.d.ts

@@ -0,0 +1,93 @@
+import { ElementRef, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { IButton } from '@libs-ui/components-buttons-button';
+import { IInputFunctionControlEvent } from '@libs-ui/components-inputs-input';
+import { IInputSearchConfig } from '@libs-ui/components-inputs-search';
+import { IValidRequired } from '@libs-ui/components-inputs-valid';
+import { ILabel } from '@libs-ui/components-label';
+import { IFlagMouse } from '@libs-ui/components-popover';
+import { IPaging } from '@libs-ui/interfaces-types';
+import { IListConfigItem, IListFunctionControlEvent } from './interfaces';
+import { IListDataEmitKey, IListDataEmitMultiKey } from './interfaces/data-emit.interface';
+import * as i0 from "@angular/core";
+export declare class LibsUiComponentsListComponent implements OnInit, OnDestroy {
+    protected readonly ERROR_MESSAGE_EMPTY_VALID = "i18n_valid_empty_message";
+    protected disableButtonUnSelectOption: import("@angular/core").WritableSignal<boolean>;
+    protected isErrorRequired: import("@angular/core").WritableSignal<boolean>;
+    protected loading: import("@angular/core").WritableSignal<boolean>;
+    protected keySearchStore: import("@angular/core").WritableSignal<string | undefined>;
+    private onDestroy;
+    private onSearch;
+    private onRefresh;
+    private onSetHiddenItemByKey;
+    private onUpdateMultiKeySelectedGroup;
+    private onRemoveItems;
+    private onUpdateData;
+    private cleanUpEffect;
+    private componentRef?;
+    private configData;
+    private groupMultiKeySelected;
+    private functionControlInputSearch;
+    readonly hiddenInputSearch: import("@angular/core").InputSignalWithTransform<boolean, boolean | undefined>;
+    readonly dropdownTabKeyActive: import("@angular/core").InputSignal<string | undefined>;
+    readonly keySearch: import("@angular/core").InputSignal<string | undefined>;
+    readonly paddingLeftItem: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly config: import("@angular/core").InputSignalWithTransform<IListConfigItem | undefined, IListConfigItem | undefined>;
+    readonly autoSelectedFirstItemCallOutsideBefore: import("@angular/core").InputSignal<boolean>;
+    readonly isSearchOnline: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly disable: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly disableLabel: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly labelConfig: import("@angular/core").InputSignal<ILabel | undefined>;
+    readonly searchConfig: import("@angular/core").InputSignalWithTransform<IInputSearchConfig, IInputSearchConfig | undefined>;
+    readonly searchPadding: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly dividerClassInclude: import("@angular/core").InputSignal<string | undefined>;
+    readonly hasDivider: import("@angular/core").InputSignal<boolean>;
+    readonly buttonsOther: import("@angular/core").InputSignal<IButton[] | undefined>;
+    readonly hasButtonUnSelectOption: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly clickExactly: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly backgroundListCustom: import("@angular/core").InputSignalWithTransform<string, string | undefined>;
+    readonly maxItemShow: import("@angular/core").InputSignal<number | undefined>;
+    readonly keySelected: import("@angular/core").InputSignal<unknown>;
+    readonly multiKeySelected: import("@angular/core").InputSignal<unknown[] | undefined>;
+    readonly keysDisableItem: import("@angular/core").InputSignal<unknown[] | undefined>;
+    readonly keysHiddenItem: import("@angular/core").InputSignal<unknown[] | undefined>;
+    readonly focusInputSearch: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly skipFocusInputWhenKeySearchStoreUndefined: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly functionGetItemsAutoAddList: import("@angular/core").InputSignal<(() => Array<any>) | undefined>;
+    readonly validRequired: import("@angular/core").InputSignal<IValidRequired | undefined>;
+    readonly showValidateBottom: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly zIndex: import("@angular/core").InputSignal<number | undefined>;
+    readonly loadingIconSize: import("@angular/core").InputSignal<"small" | "large" | "medium" | "smaller" | undefined>;
+    readonly templateRefSearchNoData: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
+    readonly resetKeyWhenSelectAllKeyDropdown: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly ignoreClassDisableDefaultWhenUseKeysDisableItem: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly outSelectKey: import("@angular/core").OutputEmitterRef<IListDataEmitKey | undefined>;
+    readonly outSelectMultiKey: import("@angular/core").OutputEmitterRef<IListDataEmitMultiKey | undefined>;
+    readonly outUnSelectMultiKey: import("@angular/core").OutputEmitterRef<unknown[]>;
+    readonly outClickButtonOther: import("@angular/core").OutputEmitterRef<IButton>;
+    readonly outFieldKey: import("@angular/core").OutputEmitterRef<string | undefined>;
+    readonly outChangeView: import("@angular/core").OutputEmitterRef<any[]>;
+    readonly outKeySearch: import("@angular/core").OutputEmitterRef<string>;
+    readonly outLoading: import("@angular/core").OutputEmitterRef<boolean>;
+    readonly outFunctionsControl: import("@angular/core").OutputEmitterRef<IListFunctionControlEvent>;
+    readonly outChangStageFlagMousePopover: import("@angular/core").OutputEmitterRef<IFlagMouse>;
+    readonly outLoadItemsComplete: import("@angular/core").OutputEmitterRef<{
+        items: Array<any>;
+        paging?: IPaging;
+    }>;
+    protected listViewElementRef: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    protected contentElementRef: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    private dynamicComponentService;
+    constructor();
+    ngOnInit(): void;
+    get FunctionsControl(): IListFunctionControlEvent;
+    protected handlerSearch(keySearch: string): void;
+    protected handlerRemoveKeySelected(): Promise<void>;
+    protected handlerClickButtonOther(button: IButton): void;
+    protected handlerFunctionControlInputSearch(event: IInputFunctionControlEvent): void;
+    private checkIsValid;
+    private refresh;
+    private cloneConfig;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsListComponent, "libs_ui-components-list", never, { "hiddenInputSearch": { "alias": "hiddenInputSearch"; "required": false; "isSignal": true; }; "dropdownTabKeyActive": { "alias": "dropdownTabKeyActive"; "required": false; "isSignal": true; }; "keySearch": { "alias": "keySearch"; "required": false; "isSignal": true; }; "paddingLeftItem": { "alias": "paddingLeftItem"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "autoSelectedFirstItemCallOutsideBefore": { "alias": "autoSelectedFirstItemCallOutsideBefore"; "required": false; "isSignal": true; }; "isSearchOnline": { "alias": "isSearchOnline"; "required": false; "isSignal": true; }; "disable": { "alias": "disable"; "required": false; "isSignal": true; }; "disableLabel": { "alias": "disableLabel"; "required": false; "isSignal": true; }; "labelConfig": { "alias": "labelConfig"; "required": false; "isSignal": true; }; "searchConfig": { "alias": "searchConfig"; "required": false; "isSignal": true; }; "searchPadding": { "alias": "searchPadding"; "required": false; "isSignal": true; }; "dividerClassInclude": { "alias": "dividerClassInclude"; "required": false; "isSignal": true; }; "hasDivider": { "alias": "hasDivider"; "required": false; "isSignal": true; }; "buttonsOther": { "alias": "buttonsOther"; "required": false; "isSignal": true; }; "hasButtonUnSelectOption": { "alias": "hasButtonUnSelectOption"; "required": false; "isSignal": true; }; "clickExactly": { "alias": "clickExactly"; "required": false; "isSignal": true; }; "backgroundListCustom": { "alias": "backgroundListCustom"; "required": false; "isSignal": true; }; "maxItemShow": { "alias": "maxItemShow"; "required": false; "isSignal": true; }; "keySelected": { "alias": "keySelected"; "required": false; "isSignal": true; }; "multiKeySelected": { "alias": "multiKeySelected"; "required": false; "isSignal": true; }; "keysDisableItem": { "alias": "keysDisableItem"; "required": false; "isSignal": true; }; "keysHiddenItem": { "alias": "keysHiddenItem"; "required": false; "isSignal": true; }; "focusInputSearch": { "alias": "focusInputSearch"; "required": false; "isSignal": true; }; "skipFocusInputWhenKeySearchStoreUndefined": { "alias": "skipFocusInputWhenKeySearchStoreUndefined"; "required": false; "isSignal": true; }; "functionGetItemsAutoAddList": { "alias": "functionGetItemsAutoAddList"; "required": false; "isSignal": true; }; "validRequired": { "alias": "validRequired"; "required": false; "isSignal": true; }; "showValidateBottom": { "alias": "showValidateBottom"; "required": false; "isSignal": true; }; "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; "loadingIconSize": { "alias": "loadingIconSize"; "required": false; "isSignal": true; }; "templateRefSearchNoData": { "alias": "templateRefSearchNoData"; "required": false; "isSignal": true; }; "resetKeyWhenSelectAllKeyDropdown": { "alias": "resetKeyWhenSelectAllKeyDropdown"; "required": false; "isSignal": true; }; "ignoreClassDisableDefaultWhenUseKeysDisableItem": { "alias": "ignoreClassDisableDefaultWhenUseKeysDisableItem"; "required": false; "isSignal": true; }; }, { "outSelectKey": "outSelectKey"; "outSelectMultiKey": "outSelectMultiKey"; "outUnSelectMultiKey": "outUnSelectMultiKey"; "outClickButtonOther": "outClickButtonOther"; "outFieldKey": "outFieldKey"; "outChangeView": "outChangeView"; "outKeySearch": "outKeySearch"; "outLoading": "outLoading"; "outFunctionsControl": "outFunctionsControl"; "outChangStageFlagMousePopover": "outChangStageFlagMousePopover"; "outLoadItemsComplete": "outLoadItemsComplete"; }, never, never, true, never>;
+}

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@libs-ui/components-list",
+  "version": "0.1.1-1",
+  "peerDependencies": {
+    "@angular/common": ">=18.0.0",
+    "@angular/core": ">=18.0.0",
+    "@libs-ui/utils": "0.1.1-1",
+    "@libs-ui/components-avatar": "0.1.1-1",
+    "@libs-ui/components-badge": "0.1.1-1",
+    "@libs-ui/components-buttons-button": "0.1.1-1",
+    "@libs-ui/components-buttons-sort": "0.1.1-1",
+    "@libs-ui/components-checkbox-group": "0.1.1-1",
+    "@libs-ui/components-label": "0.1.1-1",
+    "@libs-ui/components-popover": "0.1.1-1",
+    "@libs-ui/services-http-request": "0.1.1-1",
+    "rxjs": "~7.8.0",
+    "@libs-ui/interfaces-types": "0.1.1-1",
+    "@libs-ui/components-inputs-input": "0.1.1-1",
+    "@libs-ui/components-inputs-search": "0.1.1-1",
+    "@libs-ui/components-inputs-valid": "0.1.1-1",
+    "@libs-ui/services-dynamic-component": "0.1.1-1",
+    "@ngx-translate/core": "^15.0.0",
+    "@iharbeck/ngx-virtual-scroller": "15.2.0",
+    "@libs-ui/components-checkbox-single": "0.1.1-1",
+    "@libs-ui/components-scroll-overlay": "0.1.1-1",
+    "@libs-ui/components-spinner": "0.1.1-1",
+    "@libs-ui/icons": "0.1.1-1",
+    "@libs-ui/pipes-call-function-in-template": "0.1.1-1",
+    "@libs-ui/pipes-convert-object-to-signal": "0.1.1-1",
+    "@libs-ui/components-radio-single": "0.1.1-1",
+    "@libs-ui/components-switch": "0.1.1-1"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/libs-ui-components-list.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/libs-ui-components-list.mjs",
+      "esm": "./esm2022/libs-ui-components-list.mjs",
+      "default": "./fesm2022/libs-ui-components-list.mjs"
+    }
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}

package/pipes/check-selected-by-key.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class LibsUiCheckSelectedByKeyPipe implements PipeTransform {
+    transform(value: any, multiKeys: Array<any> | undefined, length: number | undefined): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiCheckSelectedByKeyPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<LibsUiCheckSelectedByKeyPipe, "LibsUiCheckSelectedByKeyPipe", true>;
+}

package/templates/checkbox/checkbox.component.d.ts

@@ -0,0 +1,24 @@
+import { OnInit, WritableSignal } from '@angular/core';
+import { VirtualScrollerComponent } from '@iharbeck/ngx-virtual-scroller';
+import { LibsUiComponentsListTemplatesComponentAbstract } from '../templates.component.abstract';
+import { IListConfigItemCheckbox } from './../../interfaces/config-item.interface';
+import * as i0 from "@angular/core";
+export declare class LibsUiComponentsListCheckboxComponent extends LibsUiComponentsListTemplatesComponentAbstract implements OnInit {
+    protected configTemplateCheckbox: WritableSignal<IListConfigItemCheckbox | undefined>;
+    protected readonly virtualScrollerComponent: import("@angular/core").Signal<VirtualScrollerComponent | undefined>;
+    ngOnInit(): void;
+    protected handlerSelect(isSelectAll: boolean, isClickCheckboxAll?: boolean): Promise<void>;
+    private processHandlerSelectData;
+    private getIdsByService;
+    protected handlerScrollBottom(): void;
+    protected processSearch(): void;
+    protected handlerChange(event: any, item: any, ignoreDisable?: boolean, isClickManual?: boolean): void;
+    private checkAndEmitMultiKeySelected;
+    private emitSelectMultiKey;
+    protected processData(replace?: boolean): void;
+    private scrollToItemSelected;
+    protected autoSelectFirstItem(items: Array<WritableSignal<any>>): void;
+    protected getLengthItem(): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsListCheckboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsListCheckboxComponent, "libs_ui-components-list-templates_checkbox", never, {}, {}, never, never, true, never>;
+}

package/templates/group/group.component.d.ts

@@ -0,0 +1,48 @@
+import { OnInit, WritableSignal } from '@angular/core';
+import { IButton } from '@libs-ui/components-buttons-button';
+import { IListConfigItemGroup } from '../../interfaces/config-item.interface';
+import { LibsUiComponentsListTemplatesComponentAbstract } from '../templates.component.abstract';
+import * as i0 from "@angular/core";
+export declare class LibsUiComponentsListGroupComponent extends LibsUiComponentsListTemplatesComponentAbstract implements OnInit {
+    protected configTemplateGroup: WritableSignal<IListConfigItemGroup | undefined>;
+    protected level: WritableSignal<number>;
+    protected keysChecked: WritableSignal<string[]>;
+    protected keysStillOtherOptions: WritableSignal<string[]>;
+    protected totalItem: WritableSignal<number>;
+    protected totalItemChecked: WritableSignal<number>;
+    protected calculatorHeighItemSuccess: WritableSignal<boolean>;
+    protected keyFetch: WritableSignal<string>;
+    private readonly PATTERN_FAKE_ID;
+    private mappingItemsChecked;
+    private selectFirstItem;
+    private firstItemSelected;
+    ngOnInit(): void;
+    protected handlerCheckedOrUnCheckedAll(checked: boolean): void;
+    protected checkedGroupItems(items?: Array<WritableSignal<any>>, parent?: WritableSignal<any>): void;
+    protected handlerClickButtonGroup(buttonInGroup: IButton, item: any): void;
+    protected handlerToggleExpand(e: unknown, item: WritableSignal<any>, acceptEvent?: boolean): void;
+    protected handlerChangeView(): void;
+    protected handlerChangeItemChecked(item: any): void;
+    protected handlerChangeChecked(checked: boolean, item: WritableSignal<any>, isClickManual: boolean, isCheckedByDefaultKey?: boolean): void;
+    private getItemsOfGroup;
+    private setKeysStillOtherOptions;
+    private setKeysCheckedByMappingChecked;
+    private emitMultiKeyChecked;
+    private recursivelyCheckedParentByTree;
+    private setCheckCheckedItemsParent;
+    private setCheckCheckedItemsChild;
+    private removeCheckedItemsChild;
+    protected processSearch(): void;
+    protected processData(): void;
+    private refreshView;
+    private expandAllItemsInGroup;
+    private convertDataByGroupInItem;
+    private setDisplayItem;
+    private filterItemsDisplay;
+    protected getLengthItem(): number;
+    private getLengthAllGroup;
+    protected getHeightGroupHasLine(): number;
+    protected buildValueByConfig(item: WritableSignal<any>): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsListGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsListGroupComponent, "libs_ui-components-list-templates_group", never, {}, {}, never, never, true, never>;
+}

package/templates/group/item/item.component.d.ts

@@ -0,0 +1,27 @@
+import { WritableSignal } from '@angular/core';
+import { IFlagMouse, TYPE_POPOVER_EVENT } from '@libs-ui/components-popover';
+import { IListConfigItem, IListConfigItemGroup } from '../../../interfaces/config-item.interface';
+import * as i0 from "@angular/core";
+export declare class LibsUiComponentsListGroupItemComponent {
+    readonly items: import("@angular/core").InputSignal<WritableSignal<any>[]>;
+    readonly configTemplateGroup: import("@angular/core").InputSignal<IListConfigItemGroup | undefined>;
+    readonly keySearch: import("@angular/core").InputSignal<string | undefined>;
+    readonly fieldKey: import("@angular/core").InputSignal<string>;
+    readonly keysChecked: import("@angular/core").InputSignal<string[]>;
+    readonly keysDisableItem: import("@angular/core").InputSignal<any[] | undefined>;
+    readonly parentItem: import("@angular/core").InputSignal<any>;
+    readonly disable: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly disableLabel: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly config: import("@angular/core").InputSignal<IListConfigItem | undefined>;
+    readonly keysStillOtherOptions: import("@angular/core").InputSignal<string[]>;
+    readonly outChangeView: import("@angular/core").OutputEmitterRef<boolean>;
+    readonly outChange: import("@angular/core").OutputEmitterRef<any>;
+    readonly outChangStageFlagMousePopover: import("@angular/core").OutputEmitterRef<IFlagMouse>;
+    protected handlerToggleExpand(e: Event, item: WritableSignal<any>): void;
+    protected handlerChangeView(expand: boolean): void;
+    protected handlerChangeChecked(item: any, field_key?: string, disable?: boolean): void;
+    protected handlerEventPopover(event: TYPE_POPOVER_EVENT, item: any): void;
+    protected handlerChangStageFlagMouse(flag: IFlagMouse): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsListGroupItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsListGroupItemComponent, "libs_ui-components-list-templates_group-item", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "configTemplateGroup": { "alias": "configTemplateGroup"; "required": false; "isSignal": true; }; "keySearch": { "alias": "keySearch"; "required": false; "isSignal": true; }; "fieldKey": { "alias": "fieldKey"; "required": false; "isSignal": true; }; "keysChecked": { "alias": "keysChecked"; "required": false; "isSignal": true; }; "keysDisableItem": { "alias": "keysDisableItem"; "required": false; "isSignal": true; }; "parentItem": { "alias": "parentItem"; "required": false; "isSignal": true; }; "disable": { "alias": "disable"; "required": false; "isSignal": true; }; "disableLabel": { "alias": "disableLabel"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "keysStillOtherOptions": { "alias": "keysStillOtherOptions"; "required": false; "isSignal": true; }; }, { "outChangeView": "outChangeView"; "outChange": "outChange"; "outChangStageFlagMousePopover": "outChangStageFlagMousePopover"; }, never, never, true, never>;
+}

package/templates/group/pipes/calculator-left-line-vertical-item.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class LibsUiComponentsListGroupCalculatorLeftLineVerticalItemPipe implements PipeTransform {
+    transform(level: number, maxLevel: number, isTreeView?: boolean, isTreeViewJson?: boolean, hasIcon?: boolean): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsListGroupCalculatorLeftLineVerticalItemPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<LibsUiComponentsListGroupCalculatorLeftLineVerticalItemPipe, "LibsUiComponentsListGroupCalculatorLeftLineVerticalItemPipe", true>;
+}

package/templates/group/pipes/calculator-margin-left-item.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class LibsUiComponentsListGroupCalculatorMarginLeftItemPipe implements PipeTransform {
+    transform(level: number, maxLevel: number, isTreeView?: boolean, isViewTreeJson?: boolean, hasIcon?: boolean, isViewLabelEmpty?: boolean): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsListGroupCalculatorMarginLeftItemPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<LibsUiComponentsListGroupCalculatorMarginLeftItemPipe, "LibsUiComponentsListGroupCalculatorMarginLeftItemPipe", true>;
+}

package/templates/group/pipes/calculator-padding-left-item.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class LibsUiComponentsListGroupCalculatorPaddingLeftItemPipe implements PipeTransform {
+    transform(level: number, maxLevel: number, isTreeView?: boolean, isTreeViewJson?: boolean, hasChild?: boolean): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsListGroupCalculatorPaddingLeftItemPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<LibsUiComponentsListGroupCalculatorPaddingLeftItemPipe, "LibsUiComponentsListGroupCalculatorPaddingLeftItemPipe", true>;
+}