@libs-ui/components-list 0.2.50 → 0.2.52

package/fesm2022/libs-ui-components-list.mjs

@@ -162,7 +162,7 @@ class LibsUiComponentsListRowsComponent {
         this.outChangStageFlagMousePopover.emit(flag);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsListRowsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LibsUiComponentsListRowsComponent, isStandalone: true, selector: "libs_ui-components-list-templates_rows", inputs: { configTemplate: { classPropertyName: "configTemplate", publicName: "configTemplate", isSignal: true, isRequired: true, transformFunction: null }, item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null }, keySelected: { classPropertyName: "keySelected", publicName: "keySelected", isSignal: true, isRequired: false, transformFunction: null }, fieldKey: { classPropertyName: "fieldKey", publicName: "fieldKey", isSignal: true, isRequired: false, transformFunction: null }, zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { outChangStageFlagMousePopover: "outChangStageFlagMousePopover", outEvent: "outEvent" }, ngImport: i0, template: "@if (configTemplate() && configItemTextRows(); as configItemTextRows) {\n  <div class=\"flex flex-col w-full {{ configTemplate().classRows ?? '' }}\">\n    @for (row of configItemTextRows; track $index; let indexRow = $index;) {\n      <div [class]=\"row().classRow\">\n        @if (row().getImage && ((item() | LibsUiPipesCallFunctionInTemplatePipe:row().getImage:item()) | async); as imgUrl) {\n          <img [class]=\"(item() | LibsUiPipesCallFunctionInTemplatePipe:row().getClassImage:item()) | async\"\n            src=\"{{ imgUrl }}\"\n            (error)=\"handlerErrorImage($event,row().getImageError)\" />\n        }\n        @if (item()['fieldRowAvatarConfig'+indexRow]; as avatarConfig) {\n          <libs_ui-components-avatar [typeShape]=\"avatarConfig.typeShape || 'circle'\"\n            [classInclude]=\"avatarConfig.classInclude\"\n            [size]='avatarConfig.size || 32'\n            [linkAvatar]=\"avatarConfig.linkAvatar\"\n            [linkAvatarError]=\"avatarConfig.linkAvatarError\"\n            [idGenColor]=\"avatarConfig.idGenColor\"\n            [textAvatar]=\"avatarConfig.textAvatar\" />\n        }\n        @if (fieldKey() && item()['fieldLabelRow'+indexRow]; as labelRow) {\n          <libs_ui-components-popover type=\"text\"\n            [config]=\"row().getPopoverConfig ? (('popover' | LibsUiPipesCallFunctionInTemplatePipe:row().getPopoverConfig:item()) | async) : { zIndex: zIndex()}\"\n            [classInclude]=\"(keySelected() === item()[fieldKey()]) ? (row().classItemSelected || row().classGetValue || '') :(row().classGetValue || '')\"\n            [innerHtml]=\"labelRow\"\n            (outChangStageFlagMouse)='handlerChangStageFlagMouse($event)'\n            (outEvent)=\"handlerSelectItem($event,item(),row().action)\" />\n        }\n        @if (row().cols?.()?.length) {\n          <div [class]=\"row().classCols || 'flex'\"\n            [style]=\"item()[item()['fieldRowStylesDynamicCols'+indexRow]]\">\n            @for (col of row().cols?.(); track $index; let colIndex = $index) {\n              @if (col().getImage && ((item() | LibsUiPipesCallFunctionInTemplatePipe:col().getImage:item()) | async); as imgUrl) {\n                <img [class]=\"(item() | LibsUiPipesCallFunctionInTemplatePipe:col().getClassImage:item()) | async\"\n                  src=\"{{ imgUrl }}\"\n                  (error)=\"handlerErrorImage($event,col().getImageError)\" />\n              }\n              @if (item()['fieldColAvatarConfig'+indexRow+colIndex]; as avatarConfig) {\n                <libs_ui-components-avatar [typeShape]=\"avatarConfig.typeShape || 'circle'\"\n                  [classInclude]=\"avatarConfig.classInclude\"\n                  [size]='avatarConfig.size || 32'\n                  [linkAvatar]=\"avatarConfig.linkAvatar\"\n                  [linkAvatarError]=\"avatarConfig.linkAvatarError\"\n                  [idGenColor]=\"avatarConfig.idGenColor\"\n                  [textAvatar]=\"avatarConfig.textAvatar\" />\n              }\n              @if (item()['fieldLabelCol'+indexRow+colIndex]; as labelColFunc) {\n                <libs_ui-components-popover type=\"text\"\n                  [style]=\"(' ' | LibsUiPipesCallFunctionInTemplatePipe:item()['fieldColStylesDynamic'+indexRow+colIndex]:item()) | async\"\n                  [classInclude]=\"(keySelected() === item()[fieldKey()]) ? (row().classItemSelected || col().classCol || '') :(col().classCol || '')\"\n                  [innerHtml]=\"('fieldLabelCol' | LibsUiPipesCallFunctionInTemplatePipe:labelColFunc:item()) | async\"\n                  [config]=\"{ zIndex: zIndex() }\"\n                  (outChangStageFlagMouse)='handlerChangStageFlagMouse($event)'\n                  (outEvent)=\"handlerSelectItem($event,item(),col().action)\" />\n              }\n              @if (item()['fieldColPopover'+indexRow+colIndex]; as popover) {\n                <libs_ui-components-popover [type]=\"popover.type ?? 'other'\"\n                  [config]=\"popover?.config\"\n                  [classInclude]=\"col().classCol\"\n                  [style]=\"(' ' | LibsUiPipesCallFunctionInTemplatePipe:item()['fieldColStylesDynamic'+indexRow+colIndex]:item()) | async\"\n                  (outChangStageFlagMouse)='handlerChangStageFlagMouse($event)'\n                  (outEvent)=\"handlerSelectItem($event,item(),col().action)\">\n                  <span [class]=\"popover.classInclude || ''\"\n                    [innerHtml]=\"(popover.dataView ?? popoverIcon) | translate\">\n                  </span>\n                </libs_ui-components-popover>\n              }\n              @if (item()['fieldColToggle'+indexRow+colIndex]; as toggle) {\n                <libs_ui-components-label [style]=\"(' ' | LibsUiPipesCallFunctionInTemplatePipe:item()['fieldColStylesDynamic'+indexRow+colIndex]:item()) | async\"\n                  [hasToggle]=\"toggle.hasToggle\"\n                  [toggleActive]=\"toggle.toggleActive\"\n                  [toggleDisable]=\"toggle.toggleDisable\"\n                  [popover]=\"toggle.popover\"\n                  [classInclude]=\"toggle.classInclude\"\n                  [labelLeft]=\"toggle.labelLeft\"\n                  [labelRight]=\"toggle.labelRight\"\n                  (outSwitchEvent)=\"handlerSelectItem('click',item(),col().action)\" />\n              }\n              @if (item()['fieldColButton'+indexRow+colIndex]; as button) {\n                <libs_ui-components-buttons-button [type]=\"button.type\"\n                  [classIconLeft]=\"button.classIconLeft\"\n                  [classIconRight]=\"button.classIconRight\"\n                  [classLabel]=\"button.classLabel\"\n                  [iconOnlyType]=\"button.iconOnlyType\"\n                  [popover]=\"button.popover\"\n                  [disable]=\"button.disable\"\n                  [ignorePointerEvent]=\"button.ignorePointerEvent\"\n                  [classInclude]=\"col().classCol ?? ' '\"\n                  [ignoreStopPropagationEvent]=\"false\"\n                  (outClick)=\"handlerSelectItem('click',item(),col().action)\" />\n              }\n              @if (item()['fieldBadge'+indexRow+colIndex]; as badge) {\n                <libs_ui-components-badge [mode]=\"badge.mode || 'x+'\"\n                  [style]=\"(' ' | LibsUiPipesCallFunctionInTemplatePipe:item()['fieldColStylesDynamic'+indexRow+colIndex]:item()) | async\"\n                  [count]=\"badge.count\"\n                  [maxCount]=\"badge.maxCount || 99\"\n                  [classCircle]=\"badge.classCircle || 'libs-ui-font-h4r'\" />\n              }\n            }\n          </div>\n        }\n      </div>\n    }\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: LibsUiComponentsAvatarComponent, selector: "libs_ui-components-avatar", inputs: ["typeShape", "classInclude", "size", "linkAvatar", "linkAvatarError", "idGenColor", "textAvatar", "classImageInclude"], outputs: ["outAvatarError"] }, { kind: "component", type: LibsUiComponentsPopoverComponent, selector: "libs_ui-components-popover,[LibsUiComponentsPopoverDirective]", inputs: ["flagMouse", "type", "mode", "config", "ignoreShowPopover", "elementRefCustom", "classInclude", "ignoreHiddenPopoverContentWhenMouseLeave", "ignoreStopPropagationEvent", "ignoreCursorPointerModeLikeClick", "isAddContentToParentDocument", "ignoreClickOutside"], outputs: ["outEvent", "outChangStageFlagMouse", "outEventPopoverContent", "outFunctionsControl"] }, { kind: "component", type: LibsUiComponentsButtonsButtonComponent, selector: "libs_ui-components-buttons-button", inputs: ["flagMouse", "type", "buttonCustom", "sizeButton", "label", "disable", "isPending", "imageLeft", "classInclude", "classIconLeft", "classIconRight", "classLabel", "iconOnlyType", "popover", "ignoreStopPropagationEvent", "zIndex", "widthLabelPopover", "styleIconLeft", "styleButton", "ignoreFocusWhenInputTab", "ignoreSetClickWhenShowPopover", "ignorePointerEvent", "isActive"], outputs: ["outClick", "outPopoverEvent", "outFunctionsControl"] }, { kind: "component", type: LibsUiComponentsLabelComponent, selector: "libs_ui-components-label", inputs: ["iconPopoverClass", "classInclude", "labelLeft", "labelLeftClass", "labelLeftBehindToggleButton", "popover", "required", "buttonsLeft", "disableButtonsLeft", "buttonsRight", "disableButtonsRight", "labelRight", "labelRightClass", "labelRightRequired", "hasToggle", "toggleSize", "toggleActive", "toggleDisable", "description", "descriptionClass", "buttonsDescription", "disableButtonsDescription", "buttonsDescriptionContainerClass", "onlyShowCount", "zIndexPopover", "timerDestroyPopover", "count", "limitLength"], outputs: ["outClickButton", "outSwitchEvent", "outLabelRightClick", "outLabelLeftClick"] }, { kind: "component", type: LibsUiComponentsBadgeComponent, selector: "libs_ui-components-badge", inputs: ["popoverConfig", "active", "count", "mode", "maxCount", "ignoreMarginDefault", "classCircle", "ignoreStopPropagationEvent"] }, { kind: "pipe", type: LibsUiPipesCallFunctionInTemplatePipe, name: "LibsUiPipesCallFunctionInTemplatePipe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LibsUiComponentsListRowsComponent, isStandalone: true, selector: "libs_ui-components-list-templates_rows", inputs: { configTemplate: { classPropertyName: "configTemplate", publicName: "configTemplate", isSignal: true, isRequired: true, transformFunction: null }, item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null }, keySelected: { classPropertyName: "keySelected", publicName: "keySelected", isSignal: true, isRequired: false, transformFunction: null }, fieldKey: { classPropertyName: "fieldKey", publicName: "fieldKey", isSignal: true, isRequired: false, transformFunction: null }, zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { outChangStageFlagMousePopover: "outChangStageFlagMousePopover", outEvent: "outEvent" }, ngImport: i0, template: "@if (configTemplate() && configItemTextRows(); as configItemTextRows) {\n  <div class=\"flex flex-col w-full {{ configTemplate().classRows ?? '' }}\">\n    @for (row of configItemTextRows; track $index; let indexRow = $index;) {\n      <div [class]=\"row().classRow\">\n        @if (row().getImage && ((item() | LibsUiPipesCallFunctionInTemplatePipe:row().getImage:item()) | async); as imgUrl) {\n          <img [class]=\"(item() | LibsUiPipesCallFunctionInTemplatePipe:row().getClassImage:item()) | async\"\n            src=\"{{ imgUrl }}\"\n            (error)=\"handlerErrorImage($event,row().getImageError)\" />\n        }\n        @if (item()['fieldRowAvatarConfig'+indexRow]; as avatarConfig) {\n          <libs_ui-components-avatar [typeShape]=\"avatarConfig.typeShape || 'circle'\"\n            [classInclude]=\"avatarConfig.classInclude\"\n            [size]='avatarConfig.size || 32'\n            [linkAvatar]=\"avatarConfig.linkAvatar\"\n            [linkAvatarError]=\"avatarConfig.linkAvatarError\"\n            [idGenColor]=\"avatarConfig.idGenColor\"\n            [textAvatar]=\"avatarConfig.textAvatar\" />\n        }\n        @if (fieldKey() && item()['fieldLabelRow'+indexRow]; as labelRow) {\n          <libs_ui-components-popover type=\"text\"\n            [config]=\"row().getPopoverConfig ? (('popover' | LibsUiPipesCallFunctionInTemplatePipe:row().getPopoverConfig:item()) | async) : { zIndex: zIndex()}\"\n            [classInclude]=\"(keySelected() === item()[fieldKey()]) ? (row().classItemSelected || row().classGetValue || '') :(row().classGetValue || '')\"\n            [innerHtml]=\"labelRow\"\n            (outChangStageFlagMouse)='handlerChangStageFlagMouse($event)'\n            (outEvent)=\"handlerSelectItem($event,item(),row().action)\" />\n        }\n        @if (row().cols?.()?.length) {\n          <div [class]=\"row().classCols || 'flex'\"\n            [style]=\"item()[item()['fieldRowStylesDynamicCols'+indexRow]]\">\n            @for (col of row().cols?.(); track $index; let colIndex = $index) {\n              @if (col().getImage && ((item() | LibsUiPipesCallFunctionInTemplatePipe:col().getImage:item()) | async); as imgUrl) {\n                <img [class]=\"(item() | LibsUiPipesCallFunctionInTemplatePipe:col().getClassImage:item()) | async\"\n                  src=\"{{ imgUrl }}\"\n                  (error)=\"handlerErrorImage($event,col().getImageError)\" />\n              }\n              @if (item()['fieldColAvatarConfig'+indexRow+colIndex]; as avatarConfig) {\n                <libs_ui-components-avatar [typeShape]=\"avatarConfig.typeShape || 'circle'\"\n                  [classInclude]=\"avatarConfig.classInclude\"\n                  [size]='avatarConfig.size || 32'\n                  [linkAvatar]=\"avatarConfig.linkAvatar\"\n                  [linkAvatarError]=\"avatarConfig.linkAvatarError\"\n                  [idGenColor]=\"avatarConfig.idGenColor\"\n                  [textAvatar]=\"avatarConfig.textAvatar\" />\n              }\n              @if (item()['fieldLabelCol'+indexRow+colIndex]; as labelColFunc) {\n                <libs_ui-components-popover type=\"text\"\n                  [style]=\"(' ' | LibsUiPipesCallFunctionInTemplatePipe:item()['fieldColStylesDynamic'+indexRow+colIndex]:item()) | async\"\n                  [classInclude]=\"(keySelected() === item()[fieldKey()]) ? (row().classItemSelected || col().classCol || '') :(col().classCol || '')\"\n                  [innerHtml]=\"('fieldLabelCol' | LibsUiPipesCallFunctionInTemplatePipe:labelColFunc:item()) | async\"\n                  [config]=\"{ zIndex: zIndex() }\"\n                  (outChangStageFlagMouse)='handlerChangStageFlagMouse($event)'\n                  (outEvent)=\"handlerSelectItem($event,item(),col().action)\" />\n              }\n              @if (item()['fieldColPopover'+indexRow+colIndex]; as popover) {\n                <libs_ui-components-popover [type]=\"popover.type ?? 'other'\"\n                  [config]=\"popover?.config\"\n                  [classInclude]=\"col().classCol\"\n                  [style]=\"(' ' | LibsUiPipesCallFunctionInTemplatePipe:item()['fieldColStylesDynamic'+indexRow+colIndex]:item()) | async\"\n                  (outChangStageFlagMouse)='handlerChangStageFlagMouse($event)'\n                  (outEvent)=\"handlerSelectItem($event,item(),col().action)\">\n                  <span [class]=\"popover.classInclude || ''\"\n                    [innerHtml]=\"(popover.dataView ?? popoverIcon) | translate\">\n                  </span>\n                </libs_ui-components-popover>\n              }\n              @if (item()['fieldColToggle'+indexRow+colIndex]; as toggle) {\n                <libs_ui-components-label [style]=\"(' ' | LibsUiPipesCallFunctionInTemplatePipe:item()['fieldColStylesDynamic'+indexRow+colIndex]:item()) | async\"\n                  [hasToggle]=\"toggle.hasToggle\"\n                  [toggleActive]=\"toggle.toggleActive\"\n                  [toggleDisable]=\"toggle.toggleDisable\"\n                  [popover]=\"toggle.popover\"\n                  [classInclude]=\"toggle.classInclude\"\n                  [labelLeft]=\"toggle.labelLeft\"\n                  [labelRight]=\"toggle.labelRight\"\n                  (outSwitchEvent)=\"handlerSelectItem('click',item(),col().action)\" />\n              }\n              @if (item()['fieldColButton'+indexRow+colIndex]; as button) {\n                <libs_ui-components-buttons-button [type]=\"button.type\"\n                  [classIconLeft]=\"button.classIconLeft\"\n                  [classIconRight]=\"button.classIconRight\"\n                  [classLabel]=\"button.classLabel\"\n                  [iconOnlyType]=\"button.iconOnlyType\"\n                  [popover]=\"button.popover\"\n                  [disable]=\"button.disable\"\n                  [ignorePointerEvent]=\"button.ignorePointerEvent\"\n                  [classInclude]=\"col().classCol ?? ' '\"\n                  [ignoreStopPropagationEvent]=\"false\"\n                  (outClick)=\"handlerSelectItem('click',item(),col().action)\" />\n              }\n              @if (item()['fieldBadge'+indexRow+colIndex]; as badge) {\n                <libs_ui-components-badge [mode]=\"badge.mode || 'x+'\"\n                  [style]=\"(' ' | LibsUiPipesCallFunctionInTemplatePipe:item()['fieldColStylesDynamic'+indexRow+colIndex]:item()) | async\"\n                  [count]=\"badge.count\"\n                  [maxCount]=\"badge.maxCount || 99\"\n                  [classCircle]=\"badge.classCircle || 'libs-ui-font-h4r'\" />\n              }\n            }\n          </div>\n        }\n      </div>\n    }\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: LibsUiComponentsAvatarComponent, selector: "libs_ui-components-avatar", inputs: ["getLastTextAfterSpace", "typeShape", "classInclude", "size", "linkAvatar", "linkAvatarError", "idGenColor", "textAvatar", "classImageInclude"], outputs: ["outAvatarError"] }, { kind: "component", type: LibsUiComponentsPopoverComponent, selector: "libs_ui-components-popover,[LibsUiComponentsPopoverDirective]", inputs: ["flagMouse", "type", "mode", "config", "ignoreShowPopover", "elementRefCustom", "classInclude", "ignoreHiddenPopoverContentWhenMouseLeave", "ignoreStopPropagationEvent", "ignoreCursorPointerModeLikeClick", "isAddContentToParentDocument", "ignoreClickOutside"], outputs: ["outEvent", "outChangStageFlagMouse", "outEventPopoverContent", "outFunctionsControl"] }, { kind: "component", type: LibsUiComponentsButtonsButtonComponent, selector: "libs_ui-components-buttons-button", inputs: ["flagMouse", "type", "buttonCustom", "sizeButton", "label", "disable", "isPending", "imageLeft", "classInclude", "classIconLeft", "classIconRight", "classLabel", "iconOnlyType", "popover", "ignoreStopPropagationEvent", "zIndex", "widthLabelPopover", "styleIconLeft", "styleButton", "ignoreFocusWhenInputTab", "ignoreSetClickWhenShowPopover", "ignorePointerEvent", "isActive"], outputs: ["outClick", "outPopoverEvent", "outFunctionsControl"] }, { kind: "component", type: LibsUiComponentsLabelComponent, selector: "libs_ui-components-label", inputs: ["iconPopoverClass", "classInclude", "labelLeft", "labelLeftClass", "labelLeftBehindToggleButton", "popover", "required", "buttonsLeft", "disableButtonsLeft", "buttonsRight", "disableButtonsRight", "labelRight", "labelRightClass", "labelRightRequired", "hasToggle", "toggleSize", "toggleActive", "toggleDisable", "description", "descriptionClass", "buttonsDescription", "disableButtonsDescription", "buttonsDescriptionContainerClass", "onlyShowCount", "zIndexPopover", "timerDestroyPopover", "count", "limitLength"], outputs: ["outClickButton", "outSwitchEvent", "outLabelRightClick", "outLabelLeftClick"] }, { kind: "component", type: LibsUiComponentsBadgeComponent, selector: "libs_ui-components-badge", inputs: ["popoverConfig", "active", "count", "mode", "maxCount", "ignoreMarginDefault", "classCircle", "ignoreStopPropagationEvent"] }, { kind: "pipe", type: LibsUiPipesCallFunctionInTemplatePipe, name: "LibsUiPipesCallFunctionInTemplatePipe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsListRowsComponent, decorators: [{
             type: Component,
@@ -714,7 +714,7 @@ class LibsUiComponentsListTextComponent extends LibsUiComponentsListTemplatesCom
         item.specific_loadImgError = true;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsListTextComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LibsUiComponentsListTextComponent, isStandalone: true, selector: "libs_ui-components-list-templates_text", viewQueries: [{ propertyName: "virtualScrollerComponent", first: true, predicate: VirtualScrollerComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (configTemplateText(); as configTemplateText) {\n  <div class=\"relative h-full w-full\">\n    @if (items() && items().length) {\n      <div #elementScroll\n        [style.height]=\"!configTemplateText.notUseVirtualScroll && heightViewPort() && (!config()?.ignoreShowDataWhenNotSearch || (config()?.ignoreShowDataWhenNotSearch && config()?.ignoreFixHeightShowDataWhenNotSearch))  ? heightViewPort()+'px':'100%'\"\n        class=\"w-full\"\n        LibsUiComponentsScrollOverlayDirective\n        (outScrollBottom)=\"handlerScrollBottom()\">\n        @if (!configTemplateText.notUseVirtualScroll) {\n          <virtual-scroller #scroll\n            [parentScroll]=\"elementScroll\"\n            [items]=\"items()\"\n            class=\"h-full\">\n            <ng-container *ngTemplateOutlet='listRef;context:{itemsView:scroll.viewPortItems}' />\n          </virtual-scroller>\n        }\n        @if (configTemplateText.notUseVirtualScroll) {\n          <ng-container *ngTemplateOutlet='listRef;context:{itemsView:items()}' />\n        }\n      </div>\n    }\n    @if ((!items() || !items().length) && (!config()?.ignoreShowDataWhenNotSearch || keySearch())) {\n      <div [class]=\"'libs-ui-font-h5r text-[#9ca2ad] '+ (config()?.textNoDataClassInclude ?? 'py-[6px] px-[16px]')\">\n        @if (!keySearch() && !loading()) {\n          {{ (config()?.textNoData ?? 'i18n_have_no_selection') | translate }}\n        }\n        @if (templateRefSearchNoData() && keySearch() && !loading()) {\n          <ng-container *ngTemplateOutlet=\"templateRefSearchNoData() || null;context:{keySearch:keySearch()}\"></ng-container>\n        }\n        @if (!templateRefSearchNoData() && keySearch() && !loading()) {\n          {{ (config()?.textSearchNoData ?? 'i18n_no_result') | translate }}\n        }\n        @if (loading()) {\n          &nbsp;\n        }\n      </div>\n    }\n    @if (loading()) {\n      <libs_ui-components-spinner [size]=\"loadingIconSize() || 'medium'\" />\n    }\n  </div>\n  <ng-template #listRef\n    let-itemsView='itemsView'>\n    @for (item of itemsView; track item()[fieldKey()]) {\n      <div #itemRef\n        [class]=\"item().classItemWrapper || ''\">\n        <div LibsUiComponentsListHighlightKeySearchDirective\n          [isHighlight]=\"config()?.highlightTextSearchInResult\"\n          [keySearch]=\"keySearch()\"\n          [class]=\"'libs-ui-list-template-text-item flex '+(item().classItem || '')\"\n          [class.items-center]=\"!item().itemAlignStart\"\n          [class.items-start]=\"item().itemAlignStart\"\n          [class.libs-ui-bg-list-hover-danger]=\"!clickExactly() && item().hoverDanger\"\n          [class.libs-ui-bg-list-hover]=\"!clickExactly()  && !item().hoverDanger\"\n          [class.libs-ui-bg-list-selected]=\"!clickExactly() && keySelected() === item()[fieldKey()]\"\n          [class.pl-[16px]]=\"paddingLeftItem()\"\n          [class.bg-[#ffffff]]=\"clickExactly()\"\n          [class.libs-ui-bg-list-hover-ffffff]=\"item().disable\"\n          [class.cursor-default]=\"item().disable\"\n          [class.py-[2px]]=\"clickExactly()\"\n          [class.pr-[48px]]=\"keySelected() === item()[fieldKey()] && (!configTemplateText?.ignoreIconSelected || configTemplateText?.actionSort)&& !configTemplateText?.stylePaddingRightItemOther\"\n          [ngClass]=\"{'pointer-events-none libs-ui-disable':loading() || disable() || ((item()[fieldKey()] | LibsUiCheckSelectedByKeyPipe:keysDisableItem():keysDisableItem()?.length) && !ignoreClassDisableDefaultWhenUseKeysDisableItem())}\"\n          (click)=\"handlerClickRelative($event,item())\">\n          @if (item().bullet) {\n            <span class=\"libs-ui-list-template-text-item-bullet flex flex-shrink-0\"\n              [style.background-color]=\"item().bullet.backgroundColor\"\n              (click)=\"handlerSelectItem($event,item())\">\n            </span>\n          }\n\n          @if (item().avatarConfig; as avatarConfig) {\n            <libs_ui-components-avatar [typeShape]=\"avatarConfig.typeShape || 'circle'\"\n              [classInclude]=\"avatarConfig.classInclude\"\n              [classImageInclude]=\"avatarConfig.classImageInclude\"\n              [size]='avatarConfig.size || 32'\n              [linkAvatar]=\"avatarConfig.linkAvatar\"\n              [linkAvatarError]=\"avatarConfig.linkAvatarError\"\n              [idGenColor]=\"avatarConfig.idGenColor\"\n              [textAvatar]=\"avatarConfig.textAvatar\"\n              [classImageInclude]=\"avatarConfig.classImageInclude\" />\n          }\n          @if (configTemplateText.getImage || configTemplateText.fieldGetImage) {\n            <img\n              [src]=\"configTemplateText.getImage ? (('avatar' | LibsUiPipesCallFunctionInTemplatePipe:(item().specific_loadImgError && configTemplateText.getImageError ? configTemplateText.getImageError : configTemplateText.getImage):item()) | async) : item()[configTemplateText.fieldGetImage || '']\"\n              [class]=\"'libs-ui-list-template-text-item-avatar ' + (configTemplateText.classIncludeImage ?? '')\"\n              [class.w-[18px]]=\"configTemplateText.imgTypeIcon\"\n              [class.h-[18px]]=\"configTemplateText.imgTypeIcon\"\n              (error)=\"handlerImageError($event, item())\"\n              (click)=\"handlerSelectItem($event,item())\" />\n          }\n          @if (item().buttonLeftConfig; as buttonLeft) {\n            @if (item().hrefButton) {\n              <a [class.w-full]=\"!buttonLeft.ignoreWidth100\"\n                [href]=\"item().hrefButton\">\n                <ng-container *ngTemplateOutlet=\"buttonLeftTemplate\"></ng-container>\n              </a>\n            }\n            @if (!item().hrefButton) {\n              <div [class.w-full]=\"!buttonLeft.ignoreWidth100\">\n                <ng-container *ngTemplateOutlet=\"buttonLeftTemplate\"></ng-container>\n              </div>\n            }\n            <ng-template #buttonLeftTemplate>\n              <libs_ui-components-buttons-button class=\"w-full\"\n                [type]=\"buttonLeft.type || 'button-link-primary'\"\n                [label]=\"buttonLeft.label || ' '\"\n                [zIndex]=\"buttonLeft.zIndex\"\n                [disable]=\"buttonLeft.disable\"\n                [classIconLeft]=\"buttonLeft.classIconLeft ? ((buttonLeft.classIconLeft || '')+' flex mr-[8px] text-[12px]') : ''\"\n                [classInclude]=\"(buttonLeft.classInclude|| '')+' w-full'\"\n                [classLabel]=\"(buttonLeft.classLabel ?? 'libs-ui-font-h4r')\"\n                [ignoreStopPropagationEvent]=\"buttonLeft.ignoreStopPropagationEvent\"\n                [styleIconLeft]=\"buttonLeft.styleIconLeft\"\n                [styleButton]=\"buttonLeft.styleButton\"\n                (moClick)=\"handlerSelectItem($event,item())\" />\n            </ng-template>\n          }\n          @if (item().switchConfig) {\n            <libs_ui-components-switch [active]=\"item().switchConfig.active\"\n              (moSwitch)=\"handlerSelectItem('click',item())\" />\n          }\n          @if (item().classIconLeft) {\n            <i [class]=\"item().classIconLeft + ' mr-[8px] text-[14px]'\"></i>\n          }\n          @if (!item().ignoreShowFieldLabel && !configTemplateText.rows) {\n            <libs_ui-components-popover [type]=\"item().popoverLabel?.type || 'text'\"\n              [elementRefCustom]=\"item().popoverLabel?.type === 'text'? undefined:itemRef\"\n              [ignoreShowPopover]=\"item().popoverLabel?.ignoreShowPopover\"\n              [config]=\"item().popoverLabel?.config || (configTemplateText.configLabelPopover || {})\"\n              [innerHtml]=\"item().fieldLabel\"\n              [classInclude]=\"item().classInclude\"\n              (moEvent)=\"handlerSelectItem($event,item())\" />\n          }\n          @if (item().fieldPopover; as popover) {\n            <libs_ui-components-popover class=\"{{ popover.classInclude || '' }}\"\n              [config]=\"popover?.config\">\n              @if (!popover.dataView) {\n                <i class=\"libs-ui-icon-tooltip-outline\"></i>\n              }\n              @if (popover.dataView) {\n                <div [innerHtml]=\"popover.dataView | translate\"></div>\n              }\n            </libs_ui-components-popover>\n          }\n          @if (configTemplateText?.rows) {\n            <libs_ui-components-list-templates_rows class=\"w-full {{ configTemplateText.classRowsWrapper || configTemplateText.classRows || '' }}\"\n              [item]=\"item()\"\n              [fieldKey]=\"fieldKey()\"\n              [keySelected]=\"keySelected()\"\n              [configTemplate]=\"configTemplateText\"\n              [zIndex]=\"zIndex()\"\n              (outChangStageFlagMousePopover)=\"handlerChangStageFlagMouse($event)\"\n              (outEvent)=\"handlerSelectItem($event.event,$event.item,$event.action)\" />\n          }\n          @if ((keySelected === item()[fieldKey()] || (item()[fieldKey()] | LibsUiCheckSelectedByKeyPipe:multiKeySelected():multiKeySelected()?.length) ? item()[fieldKey()] : undefined) && !configTemplateText.ignoreIconSelected && !configTemplateText.actionSort) {\n            <i [class]=\"'libs-ui-icon-check '+(configTemplateText.classIncludeIconSelected || 'right-[12px]')\">\n            </i>\n          }\n          @if (keySelected() === item()[fieldKey()] && configTemplateText.actionSort) {\n            <div class=\"libs-ui-list-template-text-sort\">\n              <libs_ui-components-buttons-sort-arrow [disable]=\"loading() || disable() || false\"\n                [mode]=\"configTemplateText.itemSort?.mode || ''\"\n                [fieldSort]=\"item()[fieldKey()]\"\n                (outChange)=\"handlerSort($event)\" />\n            </div>\n          }\n        </div>\n      </div>\n    }\n  </ng-template>\n}\n", styles: [".libs-ui-list-template-text-item{padding:6px 16px 6px 1px;font-size:12px;line-height:18px;position:relative;cursor:pointer}.libs-ui-list-template-text-item>.libs-ui-icon-check,.libs-ui-list-template-text-item .libs-ui-list-template-text-sort{position:absolute;right:16px}.libs-ui-list-template-text-item>.libs-ui-icon-check:before,.libs-ui-list-template-text-item .libs-ui-list-template-text-sort:before{font-size:16px;color:var(--libs-ui-color-default, #226FF5)}.libs-ui-list-template-text-item-bullet{width:10px;height:10px;border-radius:50%;margin-right:8px;cursor:pointer}.libs-ui-list-template-text-item-avatar{width:24px;height:24px;border-radius:50%;margin-right:8px;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: VirtualScrollerModule }, { kind: "component", type: i1$1.VirtualScrollerComponent, selector: "virtual-scroller,[virtualScroller]", inputs: ["executeRefreshOutsideAngularZone", "enableUnequalChildrenSizes", "RTL", "useMarginInsteadOfTranslate", "modifyOverflowStyleOfParentScroll", "stripedTable", "scrollbarWidth", "scrollbarHeight", "childWidth", "childHeight", "ssrChildWidth", "ssrChildHeight", "ssrViewportWidth", "ssrViewportHeight", "bufferAmount", "scrollAnimationTime", "resizeBypassRefreshThreshold", "scrollThrottlingTime", "scrollDebounceTime", "checkResizeInterval", "items", "compareItems", "horizontal", "parentScroll"], outputs: ["vsUpdate", "vsChange", "vsStart", "vsEnd"], exportAs: ["virtualScroller"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: LibsUiComponentsSpinnerComponent, selector: "libs_ui-components-spinner", inputs: ["type", "size"] }, { kind: "component", type: LibsUiComponentsAvatarComponent, selector: "libs_ui-components-avatar", inputs: ["typeShape", "classInclude", "size", "linkAvatar", "linkAvatarError", "idGenColor", "textAvatar", "classImageInclude"], outputs: ["outAvatarError"] }, { kind: "component", type: LibsUiComponentsButtonsButtonComponent, selector: "libs_ui-components-buttons-button", inputs: ["flagMouse", "type", "buttonCustom", "sizeButton", "label", "disable", "isPending", "imageLeft", "classInclude", "classIconLeft", "classIconRight", "classLabel", "iconOnlyType", "popover", "ignoreStopPropagationEvent", "zIndex", "widthLabelPopover", "styleIconLeft", "styleButton", "ignoreFocusWhenInputTab", "ignoreSetClickWhenShowPopover", "ignorePointerEvent", "isActive"], outputs: ["outClick", "outPopoverEvent", "outFunctionsControl"] }, { kind: "component", type: LibsUiComponentsPopoverComponent, selector: "libs_ui-components-popover,[LibsUiComponentsPopoverDirective]", inputs: ["flagMouse", "type", "mode", "config", "ignoreShowPopover", "elementRefCustom", "classInclude", "ignoreHiddenPopoverContentWhenMouseLeave", "ignoreStopPropagationEvent", "ignoreCursorPointerModeLikeClick", "isAddContentToParentDocument", "ignoreClickOutside"], outputs: ["outEvent", "outChangStageFlagMouse", "outEventPopoverContent", "outFunctionsControl"] }, { kind: "directive", type: LibsUiComponentsScrollOverlayDirective, selector: "[LibsUiComponentsScrollOverlayDirective]", inputs: ["classContainer", "options"], outputs: ["outScroll", "outScrollX", "outScrollY", "outScrollTop", "outScrollBottom"] }, { kind: "pipe", type: LibsUiCheckSelectedByKeyPipe, name: "LibsUiCheckSelectedByKeyPipe" }, { kind: "component", type: LibsUiComponentsSwitchComponent, selector: "libs_ui-components-switch", inputs: ["size", "disable", "active"], outputs: ["activeChange", "outSwitch"] }, { kind: "component", type: LibsUiComponentsButtonsSortArrowComponent, selector: "libs_ui-components-buttons-sort-arrow", inputs: ["size", "mode", "fieldSort", "disable", "ignorePopoverContent", "popoverContentAsc", "popoverContentDesc", "defaultMode", "zIndex"], outputs: ["modeChange", "outChange"] }, { kind: "directive", type: LibsUiComponentsListHighlightKeySearchDirective, selector: "[LibsUiComponentsListHighlightKeySearchDirective]", inputs: ["isHighlight", "keySearch", "classHighlight"] }, { kind: "component", type: LibsUiComponentsListRowsComponent, selector: "libs_ui-components-list-templates_rows", inputs: ["configTemplate", "item", "keySelected", "fieldKey", "zIndex"], outputs: ["outChangStageFlagMousePopover", "outEvent"] }, { kind: "pipe", type: LibsUiPipesCallFunctionInTemplatePipe, name: "LibsUiPipesCallFunctionInTemplatePipe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LibsUiComponentsListTextComponent, isStandalone: true, selector: "libs_ui-components-list-templates_text", viewQueries: [{ propertyName: "virtualScrollerComponent", first: true, predicate: VirtualScrollerComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (configTemplateText(); as configTemplateText) {\n  <div class=\"relative h-full w-full\">\n    @if (items() && items().length) {\n      <div #elementScroll\n        [style.height]=\"!configTemplateText.notUseVirtualScroll && heightViewPort() && (!config()?.ignoreShowDataWhenNotSearch || (config()?.ignoreShowDataWhenNotSearch && config()?.ignoreFixHeightShowDataWhenNotSearch))  ? heightViewPort()+'px':'100%'\"\n        class=\"w-full\"\n        LibsUiComponentsScrollOverlayDirective\n        (outScrollBottom)=\"handlerScrollBottom()\">\n        @if (!configTemplateText.notUseVirtualScroll) {\n          <virtual-scroller #scroll\n            [parentScroll]=\"elementScroll\"\n            [items]=\"items()\"\n            class=\"h-full\">\n            <ng-container *ngTemplateOutlet='listRef;context:{itemsView:scroll.viewPortItems}' />\n          </virtual-scroller>\n        }\n        @if (configTemplateText.notUseVirtualScroll) {\n          <ng-container *ngTemplateOutlet='listRef;context:{itemsView:items()}' />\n        }\n      </div>\n    }\n    @if ((!items() || !items().length) && (!config()?.ignoreShowDataWhenNotSearch || keySearch())) {\n      <div [class]=\"'libs-ui-font-h5r text-[#9ca2ad] '+ (config()?.textNoDataClassInclude ?? 'py-[6px] px-[16px]')\">\n        @if (!keySearch() && !loading()) {\n          {{ (config()?.textNoData ?? 'i18n_have_no_selection') | translate }}\n        }\n        @if (templateRefSearchNoData() && keySearch() && !loading()) {\n          <ng-container *ngTemplateOutlet=\"templateRefSearchNoData() || null;context:{keySearch:keySearch()}\"></ng-container>\n        }\n        @if (!templateRefSearchNoData() && keySearch() && !loading()) {\n          {{ (config()?.textSearchNoData ?? 'i18n_no_result') | translate }}\n        }\n        @if (loading()) {\n          &nbsp;\n        }\n      </div>\n    }\n    @if (loading()) {\n      <libs_ui-components-spinner [size]=\"loadingIconSize() || 'medium'\" />\n    }\n  </div>\n  <ng-template #listRef\n    let-itemsView='itemsView'>\n    @for (item of itemsView; track item()[fieldKey()]) {\n      <div #itemRef\n        [class]=\"item().classItemWrapper || ''\">\n        <div LibsUiComponentsListHighlightKeySearchDirective\n          [isHighlight]=\"config()?.highlightTextSearchInResult\"\n          [keySearch]=\"keySearch()\"\n          [class]=\"'libs-ui-list-template-text-item flex '+(item().classItem || '')\"\n          [class.items-center]=\"!item().itemAlignStart\"\n          [class.items-start]=\"item().itemAlignStart\"\n          [class.libs-ui-bg-list-hover-danger]=\"!clickExactly() && item().hoverDanger\"\n          [class.libs-ui-bg-list-hover]=\"!clickExactly()  && !item().hoverDanger\"\n          [class.libs-ui-bg-list-selected]=\"!clickExactly() && keySelected() === item()[fieldKey()]\"\n          [class.pl-[16px]]=\"paddingLeftItem()\"\n          [class.bg-[#ffffff]]=\"clickExactly()\"\n          [class.libs-ui-bg-list-hover-ffffff]=\"item().disable\"\n          [class.cursor-default]=\"item().disable\"\n          [class.py-[2px]]=\"clickExactly()\"\n          [class.pr-[48px]]=\"keySelected() === item()[fieldKey()] && (!configTemplateText?.ignoreIconSelected || configTemplateText?.actionSort)&& !configTemplateText?.stylePaddingRightItemOther\"\n          [ngClass]=\"{'pointer-events-none libs-ui-disable':loading() || disable() || ((item()[fieldKey()] | LibsUiCheckSelectedByKeyPipe:keysDisableItem():keysDisableItem()?.length) && !ignoreClassDisableDefaultWhenUseKeysDisableItem())}\"\n          (click)=\"handlerClickRelative($event,item())\">\n          @if (item().bullet) {\n            <span class=\"libs-ui-list-template-text-item-bullet flex flex-shrink-0\"\n              [style.background-color]=\"item().bullet.backgroundColor\"\n              (click)=\"handlerSelectItem($event,item())\">\n            </span>\n          }\n\n          @if (item().avatarConfig; as avatarConfig) {\n            <libs_ui-components-avatar [typeShape]=\"avatarConfig.typeShape || 'circle'\"\n              [classInclude]=\"avatarConfig.classInclude\"\n              [classImageInclude]=\"avatarConfig.classImageInclude\"\n              [size]='avatarConfig.size || 32'\n              [linkAvatar]=\"avatarConfig.linkAvatar\"\n              [linkAvatarError]=\"avatarConfig.linkAvatarError\"\n              [idGenColor]=\"avatarConfig.idGenColor\"\n              [textAvatar]=\"avatarConfig.textAvatar\"\n              [classImageInclude]=\"avatarConfig.classImageInclude\" />\n          }\n          @if (configTemplateText.getImage || configTemplateText.fieldGetImage) {\n            <img\n              [src]=\"configTemplateText.getImage ? (('avatar' | LibsUiPipesCallFunctionInTemplatePipe:(item().specific_loadImgError && configTemplateText.getImageError ? configTemplateText.getImageError : configTemplateText.getImage):item()) | async) : item()[configTemplateText.fieldGetImage || '']\"\n              [class]=\"'libs-ui-list-template-text-item-avatar ' + (configTemplateText.classIncludeImage ?? '')\"\n              [class.w-[18px]]=\"configTemplateText.imgTypeIcon\"\n              [class.h-[18px]]=\"configTemplateText.imgTypeIcon\"\n              (error)=\"handlerImageError($event, item())\"\n              (click)=\"handlerSelectItem($event,item())\" />\n          }\n          @if (item().buttonLeftConfig; as buttonLeft) {\n            @if (item().hrefButton) {\n              <a [class.w-full]=\"!buttonLeft.ignoreWidth100\"\n                [href]=\"item().hrefButton\">\n                <ng-container *ngTemplateOutlet=\"buttonLeftTemplate\"></ng-container>\n              </a>\n            }\n            @if (!item().hrefButton) {\n              <div [class.w-full]=\"!buttonLeft.ignoreWidth100\">\n                <ng-container *ngTemplateOutlet=\"buttonLeftTemplate\"></ng-container>\n              </div>\n            }\n            <ng-template #buttonLeftTemplate>\n              <libs_ui-components-buttons-button class=\"w-full\"\n                [type]=\"buttonLeft.type || 'button-link-primary'\"\n                [label]=\"buttonLeft.label || ' '\"\n                [zIndex]=\"buttonLeft.zIndex\"\n                [disable]=\"buttonLeft.disable\"\n                [classIconLeft]=\"buttonLeft.classIconLeft ? ((buttonLeft.classIconLeft || '')+' flex mr-[8px] text-[12px]') : ''\"\n                [classInclude]=\"(buttonLeft.classInclude|| '')+' w-full'\"\n                [classLabel]=\"(buttonLeft.classLabel ?? 'libs-ui-font-h4r')\"\n                [ignoreStopPropagationEvent]=\"buttonLeft.ignoreStopPropagationEvent\"\n                [styleIconLeft]=\"buttonLeft.styleIconLeft\"\n                [styleButton]=\"buttonLeft.styleButton\"\n                (moClick)=\"handlerSelectItem($event,item())\" />\n            </ng-template>\n          }\n          @if (item().switchConfig) {\n            <libs_ui-components-switch [active]=\"item().switchConfig.active\"\n              (moSwitch)=\"handlerSelectItem('click',item())\" />\n          }\n          @if (item().classIconLeft) {\n            <i [class]=\"item().classIconLeft + ' mr-[8px] text-[14px]'\"></i>\n          }\n          @if (!item().ignoreShowFieldLabel && !configTemplateText.rows) {\n            <libs_ui-components-popover [type]=\"item().popoverLabel?.type || 'text'\"\n              [elementRefCustom]=\"item().popoverLabel?.type === 'text'? undefined:itemRef\"\n              [ignoreShowPopover]=\"item().popoverLabel?.ignoreShowPopover\"\n              [config]=\"item().popoverLabel?.config || (configTemplateText.configLabelPopover || {})\"\n              [innerHtml]=\"item().fieldLabel\"\n              [classInclude]=\"item().classInclude\"\n              (moEvent)=\"handlerSelectItem($event,item())\" />\n          }\n          @if (item().fieldPopover; as popover) {\n            <libs_ui-components-popover class=\"{{ popover.classInclude || '' }}\"\n              [config]=\"popover?.config\">\n              @if (!popover.dataView) {\n                <i class=\"libs-ui-icon-tooltip-outline\"></i>\n              }\n              @if (popover.dataView) {\n                <div [innerHtml]=\"popover.dataView | translate\"></div>\n              }\n            </libs_ui-components-popover>\n          }\n          @if (configTemplateText?.rows) {\n            <libs_ui-components-list-templates_rows class=\"w-full {{ configTemplateText.classRowsWrapper || configTemplateText.classRows || '' }}\"\n              [item]=\"item()\"\n              [fieldKey]=\"fieldKey()\"\n              [keySelected]=\"keySelected()\"\n              [configTemplate]=\"configTemplateText\"\n              [zIndex]=\"zIndex()\"\n              (outChangStageFlagMousePopover)=\"handlerChangStageFlagMouse($event)\"\n              (outEvent)=\"handlerSelectItem($event.event,$event.item,$event.action)\" />\n          }\n          @if ((keySelected === item()[fieldKey()] || (item()[fieldKey()] | LibsUiCheckSelectedByKeyPipe:multiKeySelected():multiKeySelected()?.length) ? item()[fieldKey()] : undefined) && !configTemplateText.ignoreIconSelected && !configTemplateText.actionSort) {\n            <i [class]=\"'libs-ui-icon-check '+(configTemplateText.classIncludeIconSelected || 'right-[12px]')\">\n            </i>\n          }\n          @if (keySelected() === item()[fieldKey()] && configTemplateText.actionSort) {\n            <div class=\"libs-ui-list-template-text-sort\">\n              <libs_ui-components-buttons-sort-arrow [disable]=\"loading() || disable() || false\"\n                [mode]=\"configTemplateText.itemSort?.mode || ''\"\n                [fieldSort]=\"item()[fieldKey()]\"\n                (outChange)=\"handlerSort($event)\" />\n            </div>\n          }\n        </div>\n      </div>\n    }\n  </ng-template>\n}\n", styles: [".libs-ui-list-template-text-item{padding:6px 16px 6px 1px;font-size:12px;line-height:18px;position:relative;cursor:pointer}.libs-ui-list-template-text-item>.libs-ui-icon-check,.libs-ui-list-template-text-item .libs-ui-list-template-text-sort{position:absolute;right:16px}.libs-ui-list-template-text-item>.libs-ui-icon-check:before,.libs-ui-list-template-text-item .libs-ui-list-template-text-sort:before{font-size:16px;color:var(--libs-ui-color-default, #226FF5)}.libs-ui-list-template-text-item-bullet{width:10px;height:10px;border-radius:50%;margin-right:8px;cursor:pointer}.libs-ui-list-template-text-item-avatar{width:24px;height:24px;border-radius:50%;margin-right:8px;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: VirtualScrollerModule }, { kind: "component", type: i1$1.VirtualScrollerComponent, selector: "virtual-scroller,[virtualScroller]", inputs: ["executeRefreshOutsideAngularZone", "enableUnequalChildrenSizes", "RTL", "useMarginInsteadOfTranslate", "modifyOverflowStyleOfParentScroll", "stripedTable", "scrollbarWidth", "scrollbarHeight", "childWidth", "childHeight", "ssrChildWidth", "ssrChildHeight", "ssrViewportWidth", "ssrViewportHeight", "bufferAmount", "scrollAnimationTime", "resizeBypassRefreshThreshold", "scrollThrottlingTime", "scrollDebounceTime", "checkResizeInterval", "items", "compareItems", "horizontal", "parentScroll"], outputs: ["vsUpdate", "vsChange", "vsStart", "vsEnd"], exportAs: ["virtualScroller"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: LibsUiComponentsSpinnerComponent, selector: "libs_ui-components-spinner", inputs: ["type", "size"] }, { kind: "component", type: LibsUiComponentsAvatarComponent, selector: "libs_ui-components-avatar", inputs: ["getLastTextAfterSpace", "typeShape", "classInclude", "size", "linkAvatar", "linkAvatarError", "idGenColor", "textAvatar", "classImageInclude"], outputs: ["outAvatarError"] }, { kind: "component", type: LibsUiComponentsButtonsButtonComponent, selector: "libs_ui-components-buttons-button", inputs: ["flagMouse", "type", "buttonCustom", "sizeButton", "label", "disable", "isPending", "imageLeft", "classInclude", "classIconLeft", "classIconRight", "classLabel", "iconOnlyType", "popover", "ignoreStopPropagationEvent", "zIndex", "widthLabelPopover", "styleIconLeft", "styleButton", "ignoreFocusWhenInputTab", "ignoreSetClickWhenShowPopover", "ignorePointerEvent", "isActive"], outputs: ["outClick", "outPopoverEvent", "outFunctionsControl"] }, { kind: "component", type: LibsUiComponentsPopoverComponent, selector: "libs_ui-components-popover,[LibsUiComponentsPopoverDirective]", inputs: ["flagMouse", "type", "mode", "config", "ignoreShowPopover", "elementRefCustom", "classInclude", "ignoreHiddenPopoverContentWhenMouseLeave", "ignoreStopPropagationEvent", "ignoreCursorPointerModeLikeClick", "isAddContentToParentDocument", "ignoreClickOutside"], outputs: ["outEvent", "outChangStageFlagMouse", "outEventPopoverContent", "outFunctionsControl"] }, { kind: "directive", type: LibsUiComponentsScrollOverlayDirective, selector: "[LibsUiComponentsScrollOverlayDirective]", inputs: ["classContainer", "options"], outputs: ["outScroll", "outScrollX", "outScrollY", "outScrollTop", "outScrollBottom"] }, { kind: "pipe", type: LibsUiCheckSelectedByKeyPipe, name: "LibsUiCheckSelectedByKeyPipe" }, { kind: "component", type: LibsUiComponentsSwitchComponent, selector: "libs_ui-components-switch", inputs: ["size", "disable", "active"], outputs: ["activeChange", "outSwitch"] }, { kind: "component", type: LibsUiComponentsButtonsSortArrowComponent, selector: "libs_ui-components-buttons-sort-arrow", inputs: ["size", "mode", "fieldSort", "disable", "ignorePopoverContent", "popoverContentAsc", "popoverContentDesc", "defaultMode", "zIndex"], outputs: ["modeChange", "outChange"] }, { kind: "directive", type: LibsUiComponentsListHighlightKeySearchDirective, selector: "[LibsUiComponentsListHighlightKeySearchDirective]", inputs: ["isHighlight", "keySearch", "classHighlight"] }, { kind: "component", type: LibsUiComponentsListRowsComponent, selector: "libs_ui-components-list-templates_rows", inputs: ["configTemplate", "item", "keySelected", "fieldKey", "zIndex"], outputs: ["outChangStageFlagMousePopover", "outEvent"] }, { kind: "pipe", type: LibsUiPipesCallFunctionInTemplatePipe, name: "LibsUiPipesCallFunctionInTemplatePipe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsListTextComponent, decorators: [{
             type: Component,
@@ -829,7 +829,7 @@ class LibsUiComponentsListComponent {
     groupMultiKeySelected = signal([]);
     functionControlInputSearch = signal(undefined);
     /* INPUT */
-    hiddenInputSearch = input(false);
+    hiddenInputSearch = input(false, { transform: value => value ?? false });
     dropdownTabKeyActive = input();
     keySearch = input();
     itemChangeUnSelect = input();
@@ -839,14 +839,14 @@ class LibsUiComponentsListComponent {
     disable = input();
     disableLabel = input();
     labelConfig = input();
-    searchConfig = input({});
+    searchConfig = input({}, { transform: value => value || {} });
     searchPadding = input();
     dividerClassInclude = input();
     hasDivider = input(true);
     buttonsOther = input(undefined);
     hasButtonUnSelectOption = input();
     clickExactly = input();
-    backgroundListCustom = input('bg-[#ffffff]');
+    backgroundListCustom = input('bg-[#ffffff]', { transform: value => value ?? 'bg-[#ffffff]' });
     maxItemShow = input();
     keySelected = input();
     multiKeySelected = input(undefined); // lưu ý khi sử dụng listview
@@ -1114,5 +1114,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { LibsUiComponentsListComponent };
+export { LibsUiComponentsListComponent, getComponentByType, getFieldKeyByType, initConfig };
 //# sourceMappingURL=libs-ui-components-list.mjs.map