@libs-ui/components-list 0.2.55 → 0.2.57

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

@@ -9,14 +9,14 @@ import { IHttpRequestConfig } from "@libs-ui/services-http-request";
 import { TYPE_TEMPLATE } from "./templates-type.type";
 import { Observable } from "rxjs";
 import { WritableSignal } from "@angular/core";
-export interface IListViewConfigItem {
+export interface IListConfigItem {
     type: TYPE_TEMPLATE;
     httpRequestData?: IHttpRequestConfig;
-    configTemplateText?: IListViewConfigItemText;
-    configTemplateRadio?: IListViewConfigItemRadio;
-    configTemplateCheckbox?: IListViewConfigItemCheckbox;
-    configTemplateGroup?: IListViewConfigItemGroup;
-    configTemplateTag?: IListViewConfigItemTag;
+    configTemplateText?: IListConfigItemText;
+    configTemplateRadio?: IListConfigItemRadio;
+    configTemplateCheckbox?: IListConfigItemCheckbox;
+    configTemplateGroup?: IListConfigItemGroup;
+    configTemplateTag?: IListConfigItemTag;
     configDescriptionGroup?: IConfigDescriptionGroup;
     textNoData?: string;
     textNoDataClassInclude?: string;
@@ -30,7 +30,7 @@ export interface IListViewConfigItem {
     ignoreFixHeightShowDataWhenNotSearch?: boolean | undefined;
     highlightTextSearchInResult?: boolean | undefined;
 }
-export interface IListViewConfigItemText {
+export interface IListConfigItemText {
     fieldKey: string;
     getValue?: (item: any) => string;
     fieldGetImage?: string;
@@ -48,7 +48,7 @@ export interface IListViewConfigItemText {
     getClassIconLeft?: (item: any) => string;
     getConfigHoverDanger?: (item: any) => boolean;
     getPopover?: (item: any) => IPopover | undefined;
-    rows?: Array<IListViewConfigItemTextRow>;
+    rows?: Array<IListConfigItemTextRow>;
     classRowsWrapper?: string;
     classRows?: string;
     configLabelPopover?: IPopoverOverlay;
@@ -60,12 +60,12 @@ export interface IListViewConfigItemText {
     getConfigAlignStart?: (item: any) => boolean;
     stylePaddingRightItemOther?: boolean;
 }
-export interface IListViewConfigItemTag extends IListViewConfigItemText {
+export interface IListConfigItemTag extends IListConfigItemText {
     fieldKey: string;
     ignoreItemFlexWrap?: boolean;
     classIncludeContainer?: string;
 }
-export interface IListViewConfigItemRadio {
+export interface IListConfigItemRadio {
     fieldKey: string;
     fieldGetImage?: string;
     classIncludeImage?: string;
@@ -73,15 +73,17 @@ export interface IListViewConfigItemRadio {
     hasAvatarGroupSocial?: boolean;
     getValue?: (item: any) => string;
     getPopover?: (item: any) => IPopover | undefined;
-    rows?: Array<IListViewConfigItemTextRow>;
+    rows?: Array<IListConfigItemTextRow>;
     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>;
 }
-export interface IListViewConfigItemCheckbox {
+export interface IListConfigItemCheckbox {
     autoSelectAllItem?: boolean;
     classListInclude?: string;
     httpRequestAllIdSelectOrUnSelect?: IHttpRequestConfig;
@@ -102,7 +104,7 @@ export interface IListViewConfigItemCheckbox {
     hasAvatarPagesSocial?: boolean;
     hasAvatarGroupSocial?: boolean;
     classIncludeImage?: string;
-    rows?: Array<IListViewConfigItemTextRow>;
+    rows?: Array<IListConfigItemTextRow>;
     classRowsWrapper?: string;
     classRows?: string;
     ignoreClickItemUnChecked?: boolean;
@@ -116,14 +118,14 @@ export interface IListViewConfigItemCheckbox {
     classIncludeLastViewItem?: string;
     classInclude?: string;
 }
-interface IListViewConfigItemTextRow {
+interface IListConfigItemTextRow {
     classRow?: string;
     classItemSelected?: string;
     getValue?: (data: IDataFunctionCallInConfig) => Observable<string>;
     classGetValue?: string;
     classCols?: string;
     getRowStylesDynamicCols?: (item: any) => string;
-    cols?: Array<IListViewConfigItemTextCol>;
+    cols?: Array<IListConfigItemTextCol>;
     action?: (item: any) => void;
     getImage?: (item: IDataFunctionCallInConfig) => Observable<string>;
     getClassImage?: (item: IDataFunctionCallInConfig) => Observable<string>;
@@ -136,11 +138,11 @@ export interface IDataFunctionCallInConfig {
     item?: any;
     otherData?: any;
 }
-export interface IListViewConfigItemTextRowSignal extends Omit<IListViewConfigItemTextRow, 'cols'> {
-    cols?: WritableSignal<Array<WritableSignal<IListViewConfigItemTextCol>>>;
+export interface IListConfigItemTextRowSignal extends Omit<IListConfigItemTextRow, 'cols'> {
+    cols?: WritableSignal<Array<WritableSignal<IListConfigItemTextCol>>>;
 }
-export interface IListViewConfigItemTextCol {
-    classCol?: string;
+export interface IListConfigItemTextCol {
+    getClassCol?: (item: any, index: number) => string | undefined;
     getValue?: (data: IDataFunctionCallInConfig) => Observable<string>;
     getPopover?: (item: any, index: number) => IPopover | undefined;
     action?: (item: any) => void;
@@ -153,7 +155,7 @@ export interface IListViewConfigItemTextCol {
     getLabelSwitch?: (item: any, index: number) => ILabel | undefined;
     getAvatarConfig?: (item: any) => IAvatarConfig;
 }
-export interface IListViewConfigItemGroup {
+export interface IListConfigItemGroup {
     flatItemsSupportAutoSelect?: (data: Array<any>) => Array<any>;
     fieldKey?: string;
     isViewRadio?: boolean;

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

@@ -1,3 +1,4 @@
+import { WritableSignal } from "@angular/core";
 import { IBoundingClientRect } from "@libs-ui/interfaces-types";
 export interface IListFunctionControlEvent {
     checkIsValid: () => Promise<boolean>;
@@ -5,5 +6,10 @@ export interface IListFunctionControlEvent {
     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: Array<any>;
+    functionCustomAddDataToStore: (newData: Array<any>, store: WritableSignal<Array<WritableSignal<any>>>) => void;
+}

package/list.component.d.ts

@@ -6,7 +6,7 @@ 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 { IListFunctionControlEvent, IListViewConfigItem } from "./interfaces";
+import { IListFunctionControlEvent, IListConfigItem } from "./interfaces";
 import { IListDataEmitKey, IListDataEmitMultiKey } from "./interfaces/data-emit.interface";
 import * as i0 from "@angular/core";
 export declare class LibsUiComponentsListComponent implements OnInit, OnDestroy {
@@ -19,10 +19,10 @@ export declare class LibsUiComponentsListComponent implements OnInit, OnDestroy
     private onSearch;
     private onRefresh;
     private onSetHiddenItemByKey;
-    private onSetDataStore;
     private onItemChangeUnSelect;
     private onUpdateMultiKeySelectedGroup;
     private onRemoveItems;
+    private onUpdateData;
     private componentRef?;
     private configData;
     private groupMultiKeySelected;
@@ -32,7 +32,7 @@ export declare class LibsUiComponentsListComponent implements OnInit, OnDestroy
     readonly keySearch: import("@angular/core").InputSignal<string | undefined>;
     readonly itemChangeUnSelect: import("@angular/core").InputSignal<any>;
     readonly paddingLeftItem: import("@angular/core").InputSignal<boolean | undefined>;
-    readonly config: import("@angular/core").InputSignal<IListViewConfigItem | undefined>;
+    readonly config: import("@angular/core").InputSignal<IListConfigItem | undefined>;
     readonly isSearchOnline: import("@angular/core").InputSignal<boolean | undefined>;
     readonly disable: import("@angular/core").InputSignal<boolean | undefined>;
     readonly disableLabel: import("@angular/core").InputSignal<boolean | undefined>;
@@ -52,7 +52,6 @@ export declare class LibsUiComponentsListComponent implements OnInit, OnDestroy
     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 functionCustomAddDataToStore: import("@angular/core").InputSignal<((data: any, store: any) => void) | 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>;
@@ -65,7 +64,7 @@ export declare class LibsUiComponentsListComponent implements OnInit, OnDestroy
     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<unknown>;
+    readonly outFieldKey: import("@angular/core").OutputEmitterRef<string | undefined>;
     readonly outChangeView: import("@angular/core").OutputEmitterRef<any[]>;
     readonly outLoading: import("@angular/core").OutputEmitterRef<boolean>;
     readonly outFunctionsControl: import("@angular/core").OutputEmitterRef<IListFunctionControlEvent>;
@@ -79,6 +78,7 @@ export declare class LibsUiComponentsListComponent implements OnInit, OnDestroy
     private dynamicComponentService;
     constructor();
     ngOnInit(): void;
+    private changeSignal;
     protected handlerSearch(keySearch: string): void;
     protected handlerRemoveKeySelected(): Promise<void>;
     protected handlerClickButtonOther(button: IButton): void;
@@ -88,5 +88,5 @@ export declare class LibsUiComponentsListComponent implements OnInit, OnDestroy
     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; }; "itemChangeUnSelect": { "alias": "itemChangeUnSelect"; "required": false; "isSignal": true; }; "paddingLeftItem": { "alias": "paddingLeftItem"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": true; "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; }; "functionCustomAddDataToStore": { "alias": "functionCustomAddDataToStore"; "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"; "outLoading": "outLoading"; "outFunctionsControl": "outFunctionsControl"; "outChangStageFlagMousePopover": "outChangStageFlagMousePopover"; "outLoadItemsComplete": "outLoadItemsComplete"; }, never, never, true, 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; }; "itemChangeUnSelect": { "alias": "itemChangeUnSelect"; "required": false; "isSignal": true; }; "paddingLeftItem": { "alias": "paddingLeftItem"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": true; "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"; "outLoading": "outLoading"; "outFunctionsControl": "outFunctionsControl"; "outChangStageFlagMousePopover": "outChangStageFlagMousePopover"; "outLoadItemsComplete": "outLoadItemsComplete"; }, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@libs-ui/components-list",
-  "version": "0.2.55",
+  "version": "0.2.57",
   "peerDependencies": {
     "@angular/common": "^18.2.0",
     "@angular/core": "^18.2.0"

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

@@ -0,0 +1,22 @@
+import { OnInit, WritableSignal } from '@angular/core';
+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>;
+    ngOnInit(): void;
+    protected handlerSelect(isSelectAll: boolean): Promise<void>;
+    private processHandlerSelectData;
+    private getIdsByService;
+    protected handlerScrollBottom(): void;
+    protected processSearch(): void;
+    protected processKeyChangeUnSelect(item: any): void;
+    protected handlerChange(event: any, item: any, ignoreDisable?: boolean, isClickManual?: boolean): void;
+    private checkAndEmitMultiKeySelected;
+    private emitSelectMultiKey;
+    protected processData(replace?: boolean): void;
+    protected autoSelectFirstItem(items: Array<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/radio/radio.component.d.ts

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

package/templates/rows/rows.component.d.ts

@@ -1,12 +1,12 @@
 import { WritableSignal } from "@angular/core";
 import { IFlagMouse, TYPE_POPOVER_EVENT } from "@libs-ui/components-popover";
 import { Observable } from "rxjs";
-import { IEmitRowsEvent, IListViewConfigItemCheckbox, IListViewConfigItemText, IListViewConfigItemTextRowSignal } from "../../interfaces";
+import { IEmitRowsEvent, IListConfigItemCheckbox, IListConfigItemText, IListConfigItemTextRowSignal } from "../../interfaces";
 import * as i0 from "@angular/core";
 export declare class LibsUiComponentsListRowsComponent {
     protected popoverIcon: WritableSignal<string>;
-    protected configItemTextRows: WritableSignal<WritableSignal<IListViewConfigItemTextRowSignal>[]>;
-    readonly configTemplate: import("@angular/core").InputSignal<IListViewConfigItemText | IListViewConfigItemCheckbox>;
+    protected configItemTextRows: WritableSignal<WritableSignal<IListConfigItemTextRowSignal>[]>;
+    readonly configTemplate: import("@angular/core").InputSignal<IListConfigItemText | IListConfigItemCheckbox>;
     readonly item: import("@angular/core").InputSignal<any>;
     readonly keySelected: import("@angular/core").InputSignal<unknown>;
     readonly fieldKey: import("@angular/core").InputSignal<string>;

package/templates/tag/tag.component.d.ts

@@ -0,0 +1,17 @@
+import { OnInit, WritableSignal } from '@angular/core';
+import { IListConfigItemTag } from '../../interfaces/config-item.interface';
+import { LibsUiComponentsListTemplatesComponentAbstract } from '../templates.component.abstract';
+import * as i0 from "@angular/core";
+export declare class LibsUiComponentsListTagComponent extends LibsUiComponentsListTemplatesComponentAbstract implements OnInit {
+    protected configTemplateTag: WritableSignal<IListConfigItemTag | undefined>;
+    ngOnInit(): void;
+    protected handlerSelectItem(e: Event, item: any): void;
+    private emitMoSelectMultiKey;
+    protected handlerScrollBottom(): void;
+    protected processSearch(): void;
+    protected processData(replace?: boolean): void;
+    protected getLengthItem(): number;
+    protected processKeyChangeUnSelect(item: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsListTagComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsListTagComponent, "libs_ui-components-list-templates_tag", never, {}, {}, never, never, true, never>;
+}

package/templates/templates.component.abstract.d.ts

@@ -6,8 +6,8 @@ import { IPaging } from "@libs-ui/interfaces-types";
 import { LibsUiHttpRequestService } from "@libs-ui/services-http-request";
 import { TranslateService } from '@ngx-translate/core';
 import { Subject, Subscription } from 'rxjs';
-import { IListDataEmitKey, IListDataEmitMultiKey } from "../interfaces";
-import { IListViewConfigItem, IListViewConfigItemCheckbox, IListViewConfigItemRadio, IListViewConfigItemText } from "../interfaces/config-item.interface";
+import { IDataUpdateToStore, IListDataEmitKey, IListDataEmitMultiKey } from "../interfaces";
+import { IListConfigItem, IListConfigItemCheckbox, IListConfigItemRadio, IListConfigItemText } from "../interfaces/config-item.interface";
 import * as i0 from "@angular/core";
 export declare abstract class LibsUiComponentsListTemplatesComponentAbstract implements OnDestroy {
     protected loading: WritableSignal<boolean>;
@@ -26,12 +26,11 @@ export declare abstract class LibsUiComponentsListTemplatesComponentAbstract imp
     protected onDestroy: Subject<void>;
     protected intervalSetHeightViewPortSubscription: Subscription;
     protected intervalCheckScrollSubscription: Subscription;
-    readonly functionCustomAddDataToStore: import("@angular/core").InputSignal<((data: any, store: any) => void) | undefined>;
     readonly functionGetItemsAutoAddList: import("@angular/core").InputSignal<(() => Array<any>) | undefined>;
     readonly paddingLeftItem: import("@angular/core").InputSignal<boolean | undefined>;
     readonly maxItemShow: import("@angular/core").InputSignal<number>;
     readonly searchConfig: import("@angular/core").InputSignal<IInputSearchConfig | undefined>;
-    readonly config: import("@angular/core").InputSignal<IListViewConfigItem | undefined>;
+    readonly config: import("@angular/core").InputSignal<IListConfigItem | undefined>;
     readonly keySearch: import("@angular/core").ModelSignal<string>;
     readonly dropdownTabKeyActive: import("@angular/core").InputSignal<string | undefined>;
     readonly isSearchOnline: import("@angular/core").InputSignal<boolean>;
@@ -42,6 +41,7 @@ export declare abstract class LibsUiComponentsListTemplatesComponentAbstract imp
     readonly onSetDataStore: import("@angular/core").InputSignal<Subject<any[]> | undefined>;
     readonly onUpdateMultiKeySelectedGroup: import("@angular/core").InputSignal<Subject<void> | undefined>;
     readonly onItemChangeUnSelect: import("@angular/core").InputSignal<Subject<any> | undefined>;
+    readonly onUpdateData: import("@angular/core").InputSignal<Subject<IDataUpdateToStore> | undefined>;
     readonly clickExactly: import("@angular/core").InputSignal<boolean | undefined>;
     readonly keySelected: import("@angular/core").ModelSignal<unknown>;
     readonly multiKeySelected: import("@angular/core").ModelSignal<unknown[] | undefined>;
@@ -58,7 +58,7 @@ export declare abstract class LibsUiComponentsListTemplatesComponentAbstract imp
     readonly outSelectKey: import("@angular/core").OutputEmitterRef<IListDataEmitKey | undefined>;
     readonly outSelectMultiKey: import("@angular/core").OutputEmitterRef<IListDataEmitMultiKey>;
     readonly outUnSelectMultiKey: import("@angular/core").OutputEmitterRef<unknown[]>;
-    readonly outFieldKey: import("@angular/core").OutputEmitterRef<unknown>;
+    readonly outFieldKey: import("@angular/core").OutputEmitterRef<string | undefined>;
     readonly outChangeView: import("@angular/core").OutputEmitterRef<any[]>;
     readonly outLoading: import("@angular/core").OutputEmitterRef<boolean>;
     readonly outChangStageFlagMousePopover: import("@angular/core").OutputEmitterRef<IFlagMouse>;
@@ -71,6 +71,7 @@ export declare abstract class LibsUiComponentsListTemplatesComponentAbstract imp
     protected httpRequestService: LibsUiHttpRequestService;
     constructor();
     ngOnInit(): void;
+    private updateData;
     private getFieldKey;
     private removeItems;
     private removeItem;
@@ -79,7 +80,7 @@ export declare abstract class LibsUiComponentsListTemplatesComponentAbstract imp
     protected checkViewPortScroll(callBack?: (pre: boolean, current: boolean) => void): void;
     protected callApiByService(firstCall?: boolean): Promise<void>;
     protected fakeResponseApi(): Record<string, any>;
-    protected buildValueByConfig(item: WritableSignal<any>, configTemplate?: IListViewConfigItemText | IListViewConfigItemRadio | IListViewConfigItemCheckbox): string;
+    protected buildValueByConfig(item: WritableSignal<any>, configTemplate?: IListConfigItemText | IListConfigItemRadio | IListConfigItemCheckbox): string;
     protected handlerChangStageFlagMouse(flag: IFlagMouse): void;
     protected abstract processData(isReplace?: boolean): any;
     protected abstract processSearch(): any;
@@ -88,5 +89,5 @@ export declare abstract class LibsUiComponentsListTemplatesComponentAbstract imp
     protected abstract processKeyChangeUnSelect(item: any): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsListTemplatesComponentAbstract, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LibsUiComponentsListTemplatesComponentAbstract, never, never, { "functionCustomAddDataToStore": { "alias": "functionCustomAddDataToStore"; "required": false; "isSignal": true; }; "functionGetItemsAutoAddList": { "alias": "functionGetItemsAutoAddList"; "required": false; "isSignal": true; }; "paddingLeftItem": { "alias": "paddingLeftItem"; "required": false; "isSignal": true; }; "maxItemShow": { "alias": "maxItemShow"; "required": false; "isSignal": true; }; "searchConfig": { "alias": "searchConfig"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "keySearch": { "alias": "keySearch"; "required": false; "isSignal": true; }; "dropdownTabKeyActive": { "alias": "dropdownTabKeyActive"; "required": false; "isSignal": true; }; "isSearchOnline": { "alias": "isSearchOnline"; "required": false; "isSignal": true; }; "onSearch": { "alias": "onSearch"; "required": false; "isSignal": true; }; "onRefresh": { "alias": "onRefresh"; "required": false; "isSignal": true; }; "onSetHiddenItemByKey": { "alias": "onSetHiddenItemByKey"; "required": false; "isSignal": true; }; "onRemoveItems": { "alias": "onRemoveItems"; "required": false; "isSignal": true; }; "onSetDataStore": { "alias": "onSetDataStore"; "required": false; "isSignal": true; }; "onUpdateMultiKeySelectedGroup": { "alias": "onUpdateMultiKeySelectedGroup"; "required": false; "isSignal": true; }; "onItemChangeUnSelect": { "alias": "onItemChangeUnSelect"; "required": false; "isSignal": true; }; "clickExactly": { "alias": "clickExactly"; "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; }; "disable": { "alias": "disable"; "required": false; "isSignal": true; }; "disableLabel": { "alias": "disableLabel"; "required": false; "isSignal": true; }; "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; "loadingIconSize": { "alias": "loadingIconSize"; "required": false; "isSignal": true; }; "resetKeyWhenSelectAllKeyDropdown": { "alias": "resetKeyWhenSelectAllKeyDropdown"; "required": false; "isSignal": true; }; "ignoreClassDisableDefaultWhenUseKeysDisableItem": { "alias": "ignoreClassDisableDefaultWhenUseKeysDisableItem"; "required": false; "isSignal": true; }; "templateRefSearchNoData": { "alias": "templateRefSearchNoData"; "required": false; "isSignal": true; }; }, { "keySearch": "keySearchChange"; "keySelected": "keySelectedChange"; "multiKeySelected": "multiKeySelectedChange"; "keysHiddenItem": "keysHiddenItemChange"; "outSortSingleSelect": "outSortSingleSelect"; "outSelectKey": "outSelectKey"; "outSelectMultiKey": "outSelectMultiKey"; "outUnSelectMultiKey": "outUnSelectMultiKey"; "outFieldKey": "outFieldKey"; "outChangeView": "outChangeView"; "outLoading": "outLoading"; "outChangStageFlagMousePopover": "outChangStageFlagMousePopover"; "outLoadItemsComplete": "outLoadItemsComplete"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LibsUiComponentsListTemplatesComponentAbstract, never, never, { "functionGetItemsAutoAddList": { "alias": "functionGetItemsAutoAddList"; "required": false; "isSignal": true; }; "paddingLeftItem": { "alias": "paddingLeftItem"; "required": false; "isSignal": true; }; "maxItemShow": { "alias": "maxItemShow"; "required": false; "isSignal": true; }; "searchConfig": { "alias": "searchConfig"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "keySearch": { "alias": "keySearch"; "required": false; "isSignal": true; }; "dropdownTabKeyActive": { "alias": "dropdownTabKeyActive"; "required": false; "isSignal": true; }; "isSearchOnline": { "alias": "isSearchOnline"; "required": false; "isSignal": true; }; "onSearch": { "alias": "onSearch"; "required": false; "isSignal": true; }; "onRefresh": { "alias": "onRefresh"; "required": false; "isSignal": true; }; "onSetHiddenItemByKey": { "alias": "onSetHiddenItemByKey"; "required": false; "isSignal": true; }; "onRemoveItems": { "alias": "onRemoveItems"; "required": false; "isSignal": true; }; "onSetDataStore": { "alias": "onSetDataStore"; "required": false; "isSignal": true; }; "onUpdateMultiKeySelectedGroup": { "alias": "onUpdateMultiKeySelectedGroup"; "required": false; "isSignal": true; }; "onItemChangeUnSelect": { "alias": "onItemChangeUnSelect"; "required": false; "isSignal": true; }; "onUpdateData": { "alias": "onUpdateData"; "required": false; "isSignal": true; }; "clickExactly": { "alias": "clickExactly"; "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; }; "disable": { "alias": "disable"; "required": false; "isSignal": true; }; "disableLabel": { "alias": "disableLabel"; "required": false; "isSignal": true; }; "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; "loadingIconSize": { "alias": "loadingIconSize"; "required": false; "isSignal": true; }; "resetKeyWhenSelectAllKeyDropdown": { "alias": "resetKeyWhenSelectAllKeyDropdown"; "required": false; "isSignal": true; }; "ignoreClassDisableDefaultWhenUseKeysDisableItem": { "alias": "ignoreClassDisableDefaultWhenUseKeysDisableItem"; "required": false; "isSignal": true; }; "templateRefSearchNoData": { "alias": "templateRefSearchNoData"; "required": false; "isSignal": true; }; }, { "keySearch": "keySearchChange"; "keySelected": "keySelectedChange"; "multiKeySelected": "multiKeySelectedChange"; "keysHiddenItem": "keysHiddenItemChange"; "outSortSingleSelect": "outSortSingleSelect"; "outSelectKey": "outSelectKey"; "outSelectMultiKey": "outSelectMultiKey"; "outUnSelectMultiKey": "outUnSelectMultiKey"; "outFieldKey": "outFieldKey"; "outChangeView": "outChangeView"; "outLoading": "outLoading"; "outChangStageFlagMousePopover": "outChangStageFlagMousePopover"; "outLoadItemsComplete": "outLoadItemsComplete"; }, never, never, false, never>;
 }

package/templates/text/text.component.d.ts

@@ -1,17 +1,17 @@
 import { OnInit, WritableSignal } from '@angular/core';
 import { ISort } from '@libs-ui/components-buttons-sort';
 import { LibsUiComponentsListTemplatesComponentAbstract } from '../templates.component.abstract';
-import { IListViewConfigItemText } from './../../interfaces/config-item.interface';
+import { IListConfigItemText } from './../../interfaces/config-item.interface';
 import * as i0 from "@angular/core";
 export declare class LibsUiComponentsListTextComponent extends LibsUiComponentsListTemplatesComponentAbstract implements OnInit {
-    protected configTemplateText: WritableSignal<IListViewConfigItemText | undefined>;
+    protected configTemplateText: WritableSignal<IListConfigItemText | undefined>;
     private readonly virtualScrollerComponent;
     ngOnInit(): void;
     protected handlerScrollBottom(): void;
     protected processSearch(): void;
     protected handlerClickRelative(e: Event, item: any): void;
     protected processKeyChangeUnSelect(item: any): void;
-    protected handlerSelectItem(e: Event | string, item: any, action?: (item: any) => void, ignoreDisable?: boolean): void;
+    protected handlerSelectItem(e: Event | string, item: any, action?: (item: any) => void, ignoreDisable?: boolean, isClickManual?: boolean): void;
     protected handlerSort(itemSort: ISort): void;
     protected processData(replace?: boolean): void;
     private scrollToItemSelected;