@libs-ui/components-list 0.2.64 → 0.2.65

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

@@ -11,13 +11,13 @@ import { Observable } from "rxjs";
 import { WritableSignal } from "@angular/core";
 export interface IListConfigItem {
     type: TYPE_TEMPLATE;
-    httpRequestData?: IHttpRequestConfig;
-    configTemplateText?: IListConfigItemText;
-    configTemplateRadio?: IListConfigItemRadio;
-    configTemplateCheckbox?: IListConfigItemCheckbox;
-    configTemplateGroup?: IListConfigItemGroup;
-    configTemplateTag?: IListConfigItemTag;
-    configDescriptionGroup?: IConfigDescriptionGroup;
+    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;
@@ -48,10 +48,10 @@ export interface IListConfigItemText {
     getClassIconLeft?: (item: any) => string;
     getConfigHoverDanger?: (item: any) => boolean;
     getPopover?: (item: any) => IPopover | undefined;
-    rows?: Array<IListConfigItemTextRow>;
+    rows?: WritableSignal<Array<WritableSignal<IListConfigItemTextRow>>>;
     classRowsWrapper?: string;
     classRows?: string;
-    configLabelPopover?: IPopoverOverlay;
+    configLabelPopover?: WritableSignal<IPopoverOverlay>;
     autoScrollToItemSelected?: boolean;
     itemSort?: ISort;
     actionSort?: (itemSort: ISort) => void;
@@ -73,7 +73,7 @@ export interface IListConfigItemRadio {
     hasAvatarGroupSocial?: boolean;
     getValue?: (item: any) => string;
     getPopover?: (item: any) => IPopover | undefined;
-    rows?: Array<IListConfigItemTextRow>;
+    rows?: WritableSignal<Array<WritableSignal<IListConfigItemTextRow>>>;
     classRows?: string;
     autoScrollToItemSelected?: boolean;
     zIndexPopover?: number;
@@ -86,13 +86,13 @@ export interface IListConfigItemRadio {
 export interface IListConfigItemCheckbox {
     autoSelectAllItem?: boolean;
     classListInclude?: string;
-    httpRequestAllIdSelectOrUnSelect?: IHttpRequestConfig;
-    configButtonSelectAndUndSelectItem?: {
+    httpRequestAllIdSelectOrUnSelect?: WritableSignal<IHttpRequestConfig>;
+    configButtonSelectAndUndSelectItem?: WritableSignal<{
         classInclude?: string;
         buttonCheckAll?: IButton;
         buttonUncheckAll?: IButton;
-    };
-    configCheckboxCheckAll?: ICheckboxItem;
+    }>;
+    configCheckboxCheckAll?: WritableSignal<ICheckboxItem>;
     classIncludeHasConfigCheckBoxAll?: string;
     fieldKey: string;
     getValue?: (item: any) => string;
@@ -104,7 +104,7 @@ export interface IListConfigItemCheckbox {
     hasAvatarPagesSocial?: boolean;
     hasAvatarGroupSocial?: boolean;
     classIncludeImage?: string;
-    rows?: Array<IListConfigItemTextRow>;
+    rows?: WritableSignal<Array<WritableSignal<IListConfigItemTextRow>>>;
     classRowsWrapper?: string;
     classRows?: string;
     ignoreClickItemUnChecked?: boolean;
@@ -118,14 +118,14 @@ export interface IListConfigItemCheckbox {
     classIncludeLastViewItem?: string;
     classInclude?: string;
 }
-interface IListConfigItemTextRow {
+export interface IListConfigItemTextRow {
     classRow?: string;
     classItemSelected?: string;
     getValue?: (data: IDataFunctionCallInConfig) => Observable<string>;
     classGetValue?: string;
     classCols?: string;
+    cols?: WritableSignal<Array<WritableSignal<IListConfigItemTextCol>>>;
     getRowStylesDynamicCols?: (item: any) => string;
-    cols?: Array<IListConfigItemTextCol>;
     action?: (item: any) => void;
     getImage?: (item: IDataFunctionCallInConfig) => Observable<string>;
     getClassImage?: (item: IDataFunctionCallInConfig) => Observable<string>;
@@ -138,9 +138,6 @@ export interface IDataFunctionCallInConfig {
     item?: any;
     otherData?: any;
 }
-export interface IListConfigItemTextRowSignal extends Omit<IListConfigItemTextRow, 'cols'> {
-    cols?: WritableSignal<Array<WritableSignal<IListConfigItemTextCol>>>;
-}
 export interface IListConfigItemTextCol {
     getClassCol?: (item: any, index: number) => string | undefined;
     getValue?: (data: IDataFunctionCallInConfig) => Observable<string>;
@@ -160,12 +157,12 @@ export interface IListConfigItemGroup {
     fieldKey?: string;
     isViewRadio?: boolean;
     timeIntervalCalculatorHeight?: number;
-    configButtonSelectAndUndSelectItem?: {
+    configButtonSelectAndUndSelectItem?: WritableSignal<{
         classInclude?: string;
         buttonCheckAll?: IButton;
         buttonUncheckAll?: IButton;
-    };
-    configCheckboxCheckAll?: ICheckboxItem;
+    }>;
+    configCheckboxCheckAll?: WritableSignal<ICheckboxItem>;
     classIncludeHasConfigCheckBoxAll?: string;
     getLabelSearch?: (item: any) => string;
     getLabelGroup: (group: any) => string;
@@ -185,8 +182,6 @@ export interface IListConfigItemGroup {
     ignoreClickLabelGroup?: boolean;
     fieldGetItems: string;
     fieldGetAvatarItem?: string;
-    hasAvatarPagesSocial?: boolean;
-    hasAvatarGroupSocial?: boolean;
     imgTypeIcon?: boolean;
     classImageInclude?: string;
     isViewTree?: boolean;
@@ -222,17 +217,17 @@ export interface IListConfigItemGroup {
     widthLabelSub24WhenNotTreeView?: boolean;
     classIncludeItem?: string;
     getClassIncludeItemContent?: (item: any) => string;
-    getLinkImageError?: (item: any) => string;
+    getLinkImageError?: (item: any) => Observable<string>;
+    getImage?: (item: any) => Observable<string>;
     getAvatarConfig?: (item: any) => IAvatarConfig;
-    classIncludeLastItem?: string;
     getIconImageClass?: (item: any) => string;
+    classIncludeLastItem?: string;
     autoCountWhenGroupEmptyItemLevel1?: boolean;
     ignoreChangeChildrenDisableWhenChangeParent?: boolean;
 }
 export interface IConfigDescriptionGroup {
     classInclude?: string;
-    tooltipDescription?: IPopoverOverlay;
+    tooltipDescription?: WritableSignal<IPopoverOverlay>;
     textDescription: string;
     classTextDescriptionInclude?: string;
 }
-export {};

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, IListConfigItem } from "./interfaces";
+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 {
@@ -56,7 +56,7 @@ export declare class LibsUiComponentsListComponent implements OnInit, OnDestroy
     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 loadingIconSize: import("@angular/core").InputSignal<"large" | "medium" | "small" | "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>;

package/package.json

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

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

@@ -15,7 +15,7 @@ export declare class LibsUiComponentsListCheckboxComponent extends LibsUiCompone
     private checkAndEmitMultiKeySelected;
     private emitSelectMultiKey;
     protected processData(replace?: boolean): void;
-    protected autoSelectFirstItem(items: Array<any>): void;
+    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,50 @@
+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;
+    constructor();
+    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: any, acceptEvent?: boolean): void;
+    protected handlerChangeView(): void;
+    protected processKeyChangeUnSelect(item: WritableSignal<any>): void;
+    protected handlerChangeItemChecked(item: WritableSignal<any>): void;
+    protected handlerChangeChecked(checked: boolean, item: WritableSignal<any>, 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: 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 outChangStageFlagMouseTooltip: import("@angular/core").OutputEmitterRef<IFlagMouse>;
+    protected handlerToggleExpand(e: Event, item: 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"; "outChangStageFlagMouseTooltip": "outChangStageFlagMouseTooltip"; }, 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>;
+}

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

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

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

@@ -50,7 +50,7 @@ export declare abstract class LibsUiComponentsListTemplatesComponentAbstract imp
     readonly disable: import("@angular/core").InputSignal<boolean | undefined>;
     readonly disableLabel: import("@angular/core").InputSignal<boolean | undefined>;
     readonly zIndex: import("@angular/core").InputSignal<number>;
-    readonly loadingIconSize: import("@angular/core").InputSignal<"small" | "large" | "medium" | "smaller" | undefined>;
+    readonly loadingIconSize: import("@angular/core").InputSignal<"large" | "medium" | "small" | "smaller" | undefined>;
     readonly resetKeyWhenSelectAllKeyDropdown: import("@angular/core").InputSignal<boolean | undefined>;
     readonly ignoreClassDisableDefaultWhenUseKeysDisableItem: import("@angular/core").InputSignal<boolean | undefined>;
     readonly templateRefSearchNoData: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;