@eui/components 18.0.0-next.63 → 18.0.0-next.64

package/fesm2022/eui-components-eui-tree.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../eui-tree/eui-tree.model.ts", "../../eui-tree/eui-tree.component.ts", "../../eui-tree/eui-tree.component.html", "../../eui-tree/eui-dropdown-tree.directive.ts", "../../eui-tree/eui-tree-helper.ts", "../../eui-tree/eui-tree-form-control.directive.ts"],
-  "sourcesContent": ["import { UxLinkLegacy } from '@eui/base';\n\nexport type TreeDataModel = Array<TreeItemModel>;\n\nexport type TreeItemModel = {\n    node: TreeNode;\n    children?: TreeDataModel;\n};\n\nexport type TreeNode = {\n    // metadata can be block content, or any\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    treeContentBlock: EuiTreeContentBlockModel | any;\n} & SelectionModel &\n    ExpandModel;\n\nexport interface EuiTreeContentBlockModel {\n    id?: string | number;\n    label: string;\n    tooltipLabel: string;\n    url: string;\n    urlExternal: string;\n    urlExternalTarget: string;\n    typeLabel: string;\n    typeClass: string;\n    chips?: Array<{ label: string; typeClass?: string; isOutline?: boolean }>;\n    iconClass: string;\n    iconTypeClass: string;\n    iconSvgName?: string;\n    rightContent?: {\n        iconClass: string;\n        iconTypeClass: string;\n        iconSvgName?: string;\n        badges?: Array<{ label: string; typeClass: string }>;\n        chips?: Array<{ label: string; typeClass?: string; isOutline?: boolean }>;\n        // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        contextMenuMetaData?: any;\n    };\n    metaData: string;\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    [key: string]: any;\n}\n\nexport type SelectionModel = {\n    selectable?: boolean;\n    isSelected?: boolean;\n    // if one of sub is selected, it becomes intermediate\n    isIndeterminate?: boolean;\n    selectConfig?: SelectConfigModel;\n};\n\nexport interface SelectConfigModel extends MultiSelectionLogic, SingleSelectionLogic {\n    /*\n    If It is true;\n    When user select parent, all the children will be selected\n    When selection state is changed, If all children is selected parent will be selected as long as noAutoSelectParent is not true\n    */\n    recursive?: boolean;\n    /* when It is true, If all children is selected, parent will not be selected, while recursive is true*/\n    noAutoSelectParent?: boolean;\n    singleSelect?: boolean;\n}\n\nexport interface MultiSelectionLogic {\n    /*\n    If It is true;\n    When user select parent, all the children will be selected\n    When selection state is changed, If all children is selected parent will be selected as long as noAutoSelectParent is not true\n    */\n    recursive?: boolean;\n    /* when It is true, If all children is selected, parent will not be selected, while recursive is true*/\n    noAutoSelectParent?: boolean;\n}\n\nexport interface SingleSelectionLogic {\n    singleSelect?: boolean;\n}\n\nexport type ExpandModel = {\n    isExpanded?: boolean;\n};\n\nexport type EuiTreeSelectionChanges = { added: TreeDataModel; removed: TreeDataModel; selection: TreeDataModel };\n\nexport type TreeDataRunTimeModel = Array<TreeItemRunTimeModel>;\n\nexport type TreeItemRunTimeModel = { index: number; path: string; children?: Array<TreeItemRunTimeModel>; last?: boolean, matched?: boolean };\n\nexport type TreeItemSelectionRecursiveModel = {\n    selectionRecursiveState: SelectionRecursiveState;\n    children?: Array<TreeItemSelectionRecursiveModel>;\n};\n\nexport type SelectionRecursiveState = 'indeterminate' | 'allSelected' | 'allNotSelected';\n\n// eslint-disable-next-line prefer-arrow/prefer-arrow-functions\nexport function uxTreeNodesMetaDataMapper(oldTree: Array<UxLinkLegacy>): TreeDataModel {\n    return oldTree.map((item) => {\n        if (item?.typeClass === 'default') {\n            // default typeClass will be\n            item.typeClass = 'secondary';\n        }\n        if (item?.badgeLabel) {\n            // default typeClass will be\n            if (item?.badges?.length > 0) {\n                item.badges.push({ label: item?.badgeLabel, typeClass: 'secondary' });\n            } else {\n                item.badges = [{ label: item?.badgeLabel, typeClass: 'secondary' }];\n            }\n        }\n        return {\n            node: {\n                treeContentBlock: {\n                    label: item.label,\n                    typeLabel: item.typeLabel,\n                    typeClass: item.typeLabel && !item.typeClass ? 'secondary' : item.typeClass,\n                    tooltipLabel: item.tooltipLabel,\n                    url: item.url,\n                    urlExternal: item.urlExternal,\n                    urlExternalTarget: item.urlExternal && item.urlExternalTarget ? item.urlExternalTarget : undefined,\n                    badges: item.badges,\n                    metadata: item.metadata,\n                },\n            },\n            children: item.children ? uxTreeNodesMetaDataMapper(item.children) : undefined,\n        };\n    });\n}\n\nexport class EuiTreePagination<T> {\n    private data: T[];\n    private startPage: number;\n    private totalItems: number;\n    private renderedPageCount: number;\n    private perPage: number;\n    private totalPages: number;\n\n    constructor(data: T[], startPage: number, renderedPageCount: number, perPage: number) {\n        this.data = data;\n        this.setCurrentStartPage(startPage);\n        this.renderedPageCount = renderedPageCount;\n        this.totalItems = this.data.length;\n        this.perPage = perPage;\n        this.totalPages = Math.ceil(this.totalItems / this.perPage);\n    }\n\n    public paginateNext(): { startPage: number; data: T[] } {\n        if (this.startPage < this.totalPages) {\n            this.startPage += 1;\n        }\n        return this.getViewData();\n    }\n\n    public paginatePrev(): { startPage: number; data: T[] } {\n        if (this.startPage > 1) {\n            this.startPage -= 1;\n        }\n        return this.getViewData();\n    }\n\n    public getCurrentStartPage(): number {\n        return this.startPage;\n    }\n\n    public setCurrentStartPage(startPage: number): void {\n        this.startPage = startPage;\n    }\n\n    public isAtMax(): boolean {\n        return this.totalPages < this.startPage + this.renderedPageCount;\n    }\n\n    public getViewData(): { startPage: number; data: T[] } {\n        const startIndex = (this.startPage - 1) * this.perPage;\n        const endIndex = startIndex + this.perPage * this.renderedPageCount;\n        const pageData = structuredClone(this.data).slice(startIndex, endIndex);\n        return {\n            startPage: this.startPage,\n            data: pageData,\n        };\n    }\n}\n", "import {\n    Component,\n    Input,\n    NgModule,\n    ChangeDetectionStrategy,\n    EventEmitter,\n    Output,\n    ViewEncapsulation,\n    TemplateRef,\n    ChangeDetectorRef,\n    SimpleChanges,\n    OnInit,\n    OnChanges,\n    HostBinding,\n    OnDestroy,\n    ViewChild,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport {\n    SelectionRecursiveState,\n    TreeDataModel,\n    TreeItemModel,\n    TreeDataRunTimeModel,\n    TreeItemRunTimeModel,\n    TreeItemSelectionRecursiveModel,\n    EuiTreeSelectionChanges,\n    EuiTreePagination,\n} from './eui-tree.model';\nimport { FormsModule } from '@angular/forms';\nimport { EuiInputCheckboxModule } from '@eui/components/eui-input-checkbox';\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { EuiBadgeModule } from '@eui/components/eui-badge';\nimport { EuiChipModule } from '@eui/components/eui-chip';\nimport { EuiDropdownModule } from '@eui/components/eui-dropdown';\nimport { NestedTreeControl, CdkTreeModule, CdkTree } from '@angular/cdk/tree';\nimport { ArrayDataSource, SelectionModel } from '@angular/cdk/collections';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { ScrollingModule, ScrollDispatcher, CdkScrollable } from '@angular/cdk/scrolling';\nimport { debounceTime } from 'rxjs';\n\n@Component({\n    selector: 'eui-tree',\n    templateUrl: './eui-tree.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiTreeComponent implements OnInit, OnChanges, OnDestroy {\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return this.getCssClasses();\n    }\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-tree';\n    @Input() nodes: TreeDataModel;\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    @Input() nodeTemplateRef: TemplateRef<any>;\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    @Input() nodeContentMetadataTemplateRef: TemplateRef<any>;\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    @Input() rightContextMenuTemplateRef: TemplateRef<any>;\n    @Input() expandedIconClass: string;\n    @Input() collapsedIconClass: string;\n    @Input() expandedSvgIconClass = 'eui-chevron-forward:eui';\n    @Input() collapsedSvgIconClass = 'eui-chevron-down:eui';\n\n    @ViewChild('cdkScrollableRef', { read: CdkScrollable }) cdkScrollableRef: CdkScrollable;\n    @ViewChild('treeComponentInstance') public treeComponentInstance: CdkTree<TreeItemRunTimeModel>;\n\n    // @ViewChild('treeComponentInstance') public treeComponentInstance: any;\n\n    @Input()\n    get isClickTogglingNode(): boolean {\n        return this._isClickTogglingNode;\n    }\n\n    set isClickTogglingNode(value: BooleanInput) {\n        this._isClickTogglingNode = coerceBooleanProperty(value);\n    }\n\n    @Input()\n    get isMultiselect(): boolean {\n        return this._isMultiselect;\n    }\n\n    set isMultiselect(value: BooleanInput) {\n        this._isMultiselect = coerceBooleanProperty(value);\n    }\n\n    @Input()\n    get isSingleSelect(): boolean {\n        return this._isSingleSelect;\n    }\n\n    set isSingleSelect(value: BooleanInput) {\n        this._isSingleSelect = coerceBooleanProperty(value);\n    }\n\n    @Input()\n    get isRecursiveSelection(): boolean {\n        return this._isRecursiveSelection;\n    }\n\n    set isRecursiveSelection(value: BooleanInput) {\n        this._isRecursiveSelection = coerceBooleanProperty(value);\n    }\n\n    @Input()\n    get isRecursiveParentSelection(): boolean {\n        return this._isRecursiveParentSelection;\n    }\n\n    set isRecursiveParentSelection(value: BooleanInput) {\n        this._isRecursiveParentSelection = coerceBooleanProperty(value);\n    }\n\n    @Input()\n    get showUnderlinedLinks(): boolean {\n        return this._showUnderlinedLinks;\n    }\n\n    set showUnderlinedLinks(value: BooleanInput) {\n        this._showUnderlinedLinks = coerceBooleanProperty(value);\n    }\n\n    @Input()\n    get showLines(): boolean {\n        return this._showLines;\n    }\n\n    set showLines(value: BooleanInput) {\n        this._showLines = coerceBooleanProperty(value);\n    }\n\n    @Input()\n    get autoTranslate(): boolean {\n        return this._autoTranslate;\n    }\n\n    set autoTranslate(value: BooleanInput) {\n        this._autoTranslate = coerceBooleanProperty(value);\n    }\n\n    @Input()\n    get highlightPath(): boolean {\n        return this._highlightPath;\n    }\n\n    set highlightPath(value: BooleanInput) {\n        this._highlightPath = coerceBooleanProperty(value);\n    }\n\n    @Output() selectionChange = new EventEmitter<EuiTreeSelectionChanges>();\n    @Output() nodeClick = new EventEmitter<TreeItemModel>();\n    @Output() nodeToggle = new EventEmitter<TreeItemModel>();\n    cdkArrayDataSource: ArrayDataSource<TreeItemRunTimeModel>;\n    cdkTreeControl: NestedTreeControl<TreeItemRunTimeModel>;\n    renderTree: boolean;\n    public uid: string = Math.floor(Math.random() * 1000000000).toString();\n    protected _isMultiLevel;\n    private processedNodes: TreeDataModel;\n    private treeDataRunTime: TreeDataRunTimeModel;\n    private treeDataRunTimeBackup: TreeDataRunTimeModel;\n    private runTimeSelectionRecursiveState: Array<TreeItemSelectionRecursiveModel>;\n    private selectionModel: SelectionModel<TreeItemRunTimeModel>;\n    private _isClickTogglingNode = false;\n    private _isMultiselect = false;\n    private _isSingleSelect = false;\n    private _isRecursiveSelection = false;\n    private _isRecursiveParentSelection = true;\n    private _showUnderlinedLinks = false;\n    private _showLines = true;\n    private _autoTranslate = true;\n    private _highlightPath = false;\n    private selectionModelSubs;\n    private scrollDispatcherSubs;\n    private _selection;\n    private treePagination: EuiTreePagination<TreeItemRunTimeModel>;\n\n    constructor(private changeDetectorRef: ChangeDetectorRef, private scrollDispatcher: ScrollDispatcher) {}\n\n    ngOnInit(): void {\n        this.initTree();\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes['nodes']?.currentValue !== changes['nodes']?.previousValue) {\n            this.renderTree = false;\n            this.initTree();\n            if(this.treeComponentInstance) {\n                this.treeComponentInstance?.renderNodeChanges([]);\n                this.treeComponentInstance?.renderNodeChanges(this.treeDataRunTime);\n            }\n        }\n    }\n\n    ngOnDestroy(): void {\n        if (this.selectionModelSubs) {\n            this.selectionModelSubs.unsubscribe();\n        }\n        if (this.scrollDispatcherSubs) {\n            this.scrollDispatcherSubs.unsubscribe();\n        }\n    }\n\n    getSelection(): TreeDataModel {\n        return this._selection;\n    }\n\n    getProcessedNodes(): TreeDataModel {\n        return this.processedNodes;\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    trackBy(index: number, item: TreeItemRunTimeModel): any {\n        return item.path;\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    trackByControl(item: TreeItemRunTimeModel): any {\n        return item;\n    }\n\n    getTreeItem(path: string): TreeItemModel {\n        const indexArr: Array<number> = this.resolvePath(path);\n        let nodeArr = this.processedNodes;\n        let node;\n        if (nodeArr && Array.isArray(nodeArr)) {\n            indexArr?.forEach((pathIndex: number, index) => {\n                if (index < indexArr.length - 1) {\n                    nodeArr = nodeArr && nodeArr[pathIndex]?.children;\n                } else {\n                    node = nodeArr[pathIndex];\n                }\n            });\n        }\n        return node;\n    }\n\n    expandAll(): void {\n        this.cdkTreeControl.expandAll();\n        this.changeDetectorRef.markForCheck();\n    }\n\n    expandAt(path: string): void {\n        this.getParentPaths(path).reverse().forEach((parentPath)=>{\n            this.cdkTreeControl.expand(this.getRunTimeTreeItem(parentPath));\n        });\n        this.cdkTreeControl.expand(this.getRunTimeTreeItem(path));\n        this.changeDetectorRef.detectChanges();\n    }\n\n    collapseAll(): void {\n        this.cdkTreeControl.collapseAll();\n        this.changeDetectorRef.markForCheck();\n    }\n\n    filterTerm(filterInput: string, filterKey?: string, showChildrenOfMatchedItems?: boolean): void {\n        if (filterInput !== '' && filterInput !== null && typeof filterInput !== 'undefined') {\n            this.treeDataRunTime = this.filterTreeData(structuredClone(this.treeDataRunTimeBackup), filterKey || 'label', filterInput, showChildrenOfMatchedItems);\n            this.treeDataRunTime = this.applyRunTimeLastItems(this.treeDataRunTime);\n            this.cdkArrayDataSource = new ArrayDataSource(this.treeDataRunTime);\n            this.cdkTreeControl = new NestedTreeControl<TreeItemRunTimeModel>((node) => node?.children, { trackBy: this.trackByControl });\n            this.cdkTreeControl.dataNodes = this.treeDataRunTime;\n            this.renderTree = false;\n            this.changeDetectorRef.detectChanges();\n            this.renderTree = true;\n            this.changeDetectorRef.detectChanges();\n            this.expandMatched(this.treeDataRunTime);\n            // this.expandAll();\n        } else {\n            this.treeDataRunTime = structuredClone(this.treeDataRunTimeBackup);\n            this.cdkArrayDataSource = new ArrayDataSource(this.treeDataRunTime);\n            this.cdkTreeControl = new NestedTreeControl<TreeItemRunTimeModel>((node) => node?.children, { trackBy: this.trackByControl });\n            this.cdkTreeControl.dataNodes = this.treeDataRunTime;\n            this.renderTree = false;\n            this.changeDetectorRef.detectChanges();\n            this.renderTree = true;\n            this.changeDetectorRef.detectChanges();\n            this.expandAll();\n        }\n    }\n\n    setAllSelection(isChecked: boolean): void {\n        this.setIsCheckedForAll(this.treeDataRunTime, isChecked);\n        this.changeDetectorRef.markForCheck();\n    }\n\n    updateTreeItem(givenTreeItem: TreeItemModel, path: string): void {\n        const treeItem = structuredClone(givenTreeItem);\n        if (treeItem && path) {\n        this.setTreeData(path, this.processInputs([treeItem])[0]);\n        const pathArr = path.split('.');\n        const index = parseInt(pathArr.pop(), 10);\n        const treeItemRuntime = this.calculateRunTimeState(treeItem, index, pathArr.join('.'));\n        if (treeItemRuntime?.children?.length > 0) {\n            treeItemRuntime.children = this.applyRunTimeLastItems(treeItemRuntime.children);\n        }\n        this.setTreeDataRunTimeBackup(path, treeItemRuntime);\n        this.setTreeDataRunTime(path, treeItemRuntime);\n        // itemRecursiveSelectionState\n        const itemRecursiveSelectionState = this.calculateItemSelectionRecursiveState(treeItem);\n        this.setRunTimeSelectionRecursiveStateTree(path, itemRecursiveSelectionState);\n        this.syncStateChangesAtPath(path);\n        // Rendering\n        this.changeDetectorRef.detectChanges();\n        this.treeComponentInstance.renderNodeChanges([]);\n        this.treeComponentInstance.renderNodeChanges(this.treeDataRunTime);\n        if (this.cdkTreeControl.isExpanded(treeItemRuntime) && !treeItem.node.isExpanded) {\n            this.cdkTreeControl.toggle(treeItemRuntime);\n        } else if (!this.cdkTreeControl.isExpanded(treeItemRuntime) && treeItem.node.isExpanded) {\n            this.cdkTreeControl.expand(treeItemRuntime);\n        }\n        this.renderInitialExpand(this.getRunTimeTreeItem(path)?.children);\n        this.getInitialSelection(this.getRunTimeTreeItem(path)?.children)?.forEach((runTimeItem) => {\n            this.selectTreeItem(this.getRunTimeBackupTreeItem(runTimeItem.path));\n        });\n        this.changeDetectorRef.detectChanges();\n        }\n    }\n\n    onNodeClick(treeRunTimeItem: TreeItemRunTimeModel): void {\n        this.nodeClick.emit(this.getTreeItem(treeRunTimeItem?.path));\n        if (this.isClickTogglingNode) {\n            this.cdkTreeControl.toggle(treeRunTimeItem);\n            this.onNodeToggle(treeRunTimeItem);\n        }\n    }\n\n    onNodeToggle(treeRunTimeItem: TreeItemRunTimeModel): void {\n        this.getTreeItem(treeRunTimeItem?.path).node.isExpanded = this.cdkTreeControl.isExpanded(treeRunTimeItem);\n        this.nodeToggle.emit(this.getTreeItem(treeRunTimeItem?.path));\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    nodeSelected(evt: any, path: string): void {\n        const item = this.getTreeItem(path);\n        const runTimeBackupTreeItem = this.getRunTimeBackupTreeItem(path);\n        const renderedRunTimeTreeItem = this.getRunTimeTreeItem(path);\n        const node = item.node;\n        // console.log(path,item,runTimeTreeItem, renderedRunTimeTreeItem);\n        if (!node?.selectConfig?.singleSelect) {\n            node.isSelected = evt.target.checked;\n            node.isIndeterminate = false;\n            // If the node is recursive it sets every children with the change.\n            if (renderedRunTimeTreeItem?.children && renderedRunTimeTreeItem?.children?.length > 0) {\n                if (node?.selectConfig?.recursive) {\n                    // console.log(renderedRunTimeTreeItem);\n                    this.setIsCheckedForAll(renderedRunTimeTreeItem?.children, evt.target.checked);\n                }\n            }\n\n            this.setRunTimeSelectionRecursiveStateTree(\n                path,\n                this.calculateItemSelectionRecursiveState(structuredClone(this.getTreeItem(path))),\n            );\n            if (renderedRunTimeTreeItem?.children && renderedRunTimeTreeItem?.children?.length >= 0) {\n                if (node?.selectConfig?.recursive) {\n                    // this.setIsCheckedForAll(renderedRunTimeTreeItem?.children, evt.target.checked);\n                    this.runStateChangesForAll(renderedRunTimeTreeItem?.children);\n                }\n                this.treeComponentInstance?.renderNodeChanges([]);\n                this.treeComponentInstance?.renderNodeChanges(this.treeDataRunTime);\n            }\n            this.syncStateChangesAtPath(path);\n            if (this.getTreeItem(path).node.isSelected) {\n                this.selectTreeItem(runTimeBackupTreeItem);\n            } else {\n                this.deselectTreeItem(runTimeBackupTreeItem);\n            }\n            const nodePathsSeq = this.getParentPaths(path);\n            if (nodePathsSeq.length > 0) {\n                nodePathsSeq.forEach((nodePath: string) => {\n                    const treeItem = this.getTreeItem(nodePath);\n                    const childStates = this.getRunTimeSelectionRecursiveState(nodePath).children.map((_) => _.selectionRecursiveState);\n                    this.updateRunTimeSelectionRecursiveState(\n                        nodePath,\n                        this.decideSelectionRecursiveState(\n                            childStates,\n                            treeItem.node?.isSelected,\n                            treeItem.node?.selectConfig?.recursive,\n                            treeItem.node?.selectConfig?.noAutoSelectParent,\n                        ),\n                    );\n                    this.syncStateChangesAtPath(nodePath);\n                });\n                this.changeDetectorRef.detectChanges();\n            } else {\n                this.changeDetectorRef.detectChanges();\n            }\n        } else {\n            const prevItem = this.selectionModel.selected[0];\n            if (evt.target.checked) {\n                if (prevItem) {\n                    this.getTreeItem(prevItem.path).node.isSelected = false;\n                    this.selectionModel.deselect(prevItem);\n                }\n                item.node.isSelected = true;\n                this.selectionModel.select(runTimeBackupTreeItem);\n            } else {\n                item.node.isSelected = false;\n                this.selectionModel.deselect(runTimeBackupTreeItem);\n            }\n            if (this.highlightPath) {\n                if (evt.target.checked && prevItem) {\n                    const prevItemNodePathsSeq = this.getParentPaths(prevItem.path);\n                    if (prevItemNodePathsSeq.length > 0) {\n                        prevItemNodePathsSeq.forEach((nodePath: string) => {\n                            this.updateRunTimeSelectionRecursiveState(nodePath, 'allNotSelected');\n                            this.syncStateChangesAtPath(nodePath);\n                        });\n                    }\n                }\n                const nodePathsSeq = this.getParentPaths(path);\n                if (nodePathsSeq?.length > 0) {\n                    nodePathsSeq.forEach((nodePath: string) => {\n                        this.updateRunTimeSelectionRecursiveState(nodePath, evt.target.checked ? 'indeterminate' : 'allNotSelected');\n                        this.syncStateChangesAtPath(nodePath);\n                    });\n                    this.changeDetectorRef.detectChanges();\n                }\n            }\n        }\n    }\n\n    hasChild = (_: number, item: TreeItemRunTimeModel): boolean => !!item?.children && item?.children?.length >= 0;\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    onSelectFn(path: string): (evt: any) => void {\n        if (this.getTreeItem(path)?.node?.selectable) {\n            const nodeSelected = this.nodeSelected.bind(this);\n            // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            return (evt: any) => nodeSelected(evt, path);\n        }\n        // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        return (evt: any) => {\n            console.warn('treeItemModel.node.selectable is false, you can not implement onSelect');\n        };\n    }\n\n    getRunTimeSelectionRecursiveState(path: string): TreeItemSelectionRecursiveModel {\n        const indexArr: Array<number> = this.resolvePath(path);\n        let nodeArr = this.runTimeSelectionRecursiveState;\n        let node;\n        indexArr?.forEach((pathIndex: number, index) => {\n            if (index < indexArr.length - 1) {\n                nodeArr = nodeArr[pathIndex]?.children;\n            } else {\n                node = nodeArr[pathIndex];\n            }\n        });\n        return node;\n    }\n\n    private initTree(): void {\n        if (this.nodes) {\n            this._isMultiLevel = this.checkIfMultiLevel(this.nodes);\n            this.processedNodes = this.processInputs(structuredClone(this.nodes));\n            this.treeDataRunTime = this.createTreeDataRuntime(this.processedNodes);\n            this.treeDataRunTime = this.applyRunTimeLastItems(this.treeDataRunTime);\n            this.runTimeSelectionRecursiveState = this.createRunTimeSelectionRecursiveState(this.processedNodes);\n            this.treeDataRunTimeBackup = structuredClone(this.treeDataRunTime);\n            // todo It should be configurable, 800, 2 and 400 are hard coded right now\n            if (this.treeDataRunTimeBackup.length > 800) {\n                this.treePagination = new EuiTreePagination<TreeItemRunTimeModel>(this.treeDataRunTimeBackup, 1, 2, 400);\n                const paginatedData = this.treePagination.getViewData().data;\n                this.cdkArrayDataSource = new ArrayDataSource<TreeItemRunTimeModel>(paginatedData);\n                this.cdkTreeControl = new NestedTreeControl<TreeItemRunTimeModel>((node) => node?.children, {\n                    trackBy: this.trackByControl,\n                });\n                this.cdkTreeControl.dataNodes = paginatedData;\n                this.runScrollListener();\n            } else {\n                this.cdkArrayDataSource = new ArrayDataSource<TreeItemRunTimeModel>(this.treeDataRunTime);\n                this.cdkTreeControl = new NestedTreeControl<TreeItemRunTimeModel>((node) => node?.children, {\n                    trackBy: this.trackByControl,\n                });\n                this.cdkTreeControl.dataNodes = this.treeDataRunTime;\n            }\n            this.renderInitialExpand(this.treeDataRunTime);\n            this.selectionModel = new SelectionModel<TreeItemRunTimeModel>(\n                true,\n                this.getInitialSelection(this.treeDataRunTime),\n                true,\n                (a, b) => a?.path === b?.path,\n            );\n            this._selection = [...this.selectionModel.selected]?.map((item) => this.getTreeItem(item?.path));\n            this.renderTree = true;\n            if (this.selectionModelSubs) {\n                this.selectionModelSubs.unsubscribe();\n            }\n            this.selectionModelSubs = this.selectionModel.changed.pipe(debounceTime(1)).subscribe((sc) => {\n                const selectionChange = {\n                    added: sc.added.map((_) => this.getTreeItem(_.path)),\n                    removed: sc.removed.map((_) => this.getTreeItem(_.path)),\n                    selection: [...this.selectionModel.selected].map((item) => this.getTreeItem(item.path)),\n                };\n                this._selection = selectionChange.selection;\n                this.selectionChange.emit(selectionChange);\n            });\n            this.changeDetectorRef.markForCheck();\n        }\n    }\n\n    private processInputs(treeData: TreeDataModel): TreeDataModel {\n        if (this.isMultiselect) {\n            treeData = this.overrideTreeDataModelForSelection(treeData, this.isRecursiveSelection, !this.isRecursiveParentSelection);\n        }\n        if (this.isSingleSelect) {\n            treeData = this.overrideTreeDataModelForSelection(treeData, false, false, true);\n        }\n        return treeData;\n    }\n\n    private overrideTreeDataModelForSelection(\n        nodeArr: TreeDataModel,\n        isRecursive: boolean,\n        noAutoSelectParent: boolean,\n        singleSelect?: boolean,\n    ): TreeDataModel {\n        return nodeArr?.map((item: TreeItemModel, index: number) => {\n            if (item?.children && item.children.length > 0) {\n                return {\n                    ...item,\n                    node: {\n                        ...item.node,\n                        selectable: typeof item?.node?.selectable === 'undefined' ? true : item?.node?.selectable,\n                        // isSelected: false,\n                        // isIndeterminate: false,\n                        selectConfig: {\n                            ...item.node.selectConfig,\n                            recursive:\n                                typeof item?.node?.selectConfig?.recursive === 'undefined'\n                                    ? !!isRecursive\n                                    : item?.node?.selectConfig?.recursive,\n                            noAutoSelectParent:\n                                typeof item?.node?.selectConfig?.noAutoSelectParent === 'undefined'\n                                    ? noAutoSelectParent\n                                    : item?.node?.selectConfig?.noAutoSelectParent,\n                            singleSelect:\n                                typeof item?.node?.selectConfig?.singleSelect === 'undefined'\n                                    ? singleSelect\n                                    : item?.node?.selectConfig?.singleSelect,\n                        },\n                    },\n                    children: this.overrideTreeDataModelForSelection(item.children, isRecursive, noAutoSelectParent, singleSelect),\n                };\n            } else {\n                return {\n                    ...item,\n                    node: {\n                        ...item.node,\n                        selectable: typeof item?.node?.selectable === 'undefined' ? true : item?.node?.selectable,\n                        selectConfig: {\n                            ...item.node?.selectConfig,\n                            singleSelect:\n                                typeof item?.node?.selectConfig?.singleSelect === 'undefined'\n                                    ? singleSelect\n                                    : item?.node?.selectConfig?.singleSelect,\n                        },\n                    },\n                };\n            }\n        });\n    }\n\n    private runScrollListener(): void {\n        this.scrollDispatcherSubs = this.scrollDispatcher.scrolled().subscribe((scrollable: CdkScrollable) => {\n            if (scrollable && this.checkIfCurrentScrollable(scrollable)) {\n                const isAtBottom =\n                    scrollable?.getElementRef().nativeElement.scrollTop + scrollable?.getElementRef().nativeElement.clientHeight >=\n                    scrollable?.getElementRef().nativeElement.scrollHeight;\n                const isAtTop = scrollable?.getElementRef().nativeElement.scrollTop === 0;\n                // console.log('Element:', this.cdkScrollableRef.getElementRef());\n                if (isAtBottom && !this.treePagination.isAtMax()) {\n                    if (this.nodes.length > 0) {\n                        this.treeDataRunTime = this.treePagination.paginateNext().data;\n                        this.treeDataRunTime = this.applyRunTimeLastItems(this.treeDataRunTime);\n                        this.cdkArrayDataSource = new ArrayDataSource(this.treeDataRunTime);\n                        this.cdkTreeControl = new NestedTreeControl<TreeItemRunTimeModel>((node) => node?.children, {\n                            trackBy: this.trackByControl,\n                        });\n                        this.cdkTreeControl.dataNodes = this.treeDataRunTime;\n                        this.renderTree = false;\n                        this.changeDetectorRef.detectChanges();\n                        this.renderTree = true;\n                        this.changeDetectorRef.detectChanges();\n                        this.expandAll();\n                        const totalHeight = scrollable.measureScrollOffset('bottom') + scrollable.measureScrollOffset('top');\n                        const viewportHeight = scrollable.getElementRef().nativeElement.clientHeight;\n                        const positionToScroll = totalHeight - viewportHeight;\n                        scrollable.scrollTo({ top: positionToScroll / 2 });\n                    }\n                } else if (isAtTop && this.treePagination.getCurrentStartPage() > 1) {\n                    if (this.nodes.length > 0) {\n                        this.treeDataRunTime = this.treePagination.paginatePrev().data;\n                        this.treeDataRunTime = this.applyRunTimeLastItems(this.treeDataRunTime);\n                        this.cdkArrayDataSource = new ArrayDataSource(this.treeDataRunTime);\n                        this.cdkTreeControl = new NestedTreeControl<TreeItemRunTimeModel>((node) => node?.children, {\n                            trackBy: this.trackByControl,\n                        });\n                        this.cdkTreeControl.dataNodes = this.treeDataRunTime;\n                        this.renderTree = false;\n                        this.changeDetectorRef.detectChanges();\n                        this.renderTree = true;\n                        this.changeDetectorRef.detectChanges();\n                        this.expandAll();\n                        const totalHeight = scrollable.measureScrollOffset('bottom') + scrollable.measureScrollOffset('top');\n                        const viewportHeight = scrollable.getElementRef().nativeElement.clientHeight;\n                        const positionToScroll = totalHeight - viewportHeight;\n                        scrollable.scrollTo({ top: positionToScroll / 2 + viewportHeight });\n                    }\n                }\n            }\n        });\n    }\n\n    private getSelectionIndexOfItem(runTimeTreeItem: TreeItemRunTimeModel): number {\n        return this.selectionModel.selected.findIndex((i) => i?.path === runTimeTreeItem?.path);\n    }\n\n    private selectTreeItem(runTimeBackupTreeItem: TreeItemRunTimeModel): void {\n        const indexOfItem = this.getSelectionIndexOfItem(runTimeBackupTreeItem);\n        if (indexOfItem === -1) {\n            this.selectionModel.select(runTimeBackupTreeItem);\n        }\n    }\n\n    private deselectTreeItem(runTimeTreeItem: TreeItemRunTimeModel): void {\n        const indexOfItem = this.getSelectionIndexOfItem(runTimeTreeItem);\n        if (indexOfItem > -1) {\n            const newSelection = [...this.selectionModel.selected];\n            newSelection.splice(indexOfItem, 1);\n            this.selectionModel.setSelection(...newSelection);\n        }\n    }\n\n    private createTreeDataRuntime(nodes: TreeDataModel): TreeDataRunTimeModel {\n        return structuredClone(nodes)?.map((item, index) => {\n            return this.calculateRunTimeState(item, index);\n        });\n    }\n\n    private applyRunTimeLastItems(items: TreeDataRunTimeModel): TreeDataRunTimeModel {\n        return items?.map((item, index) => {\n            if (item?.children) {\n                return {\n                    ...item,\n                    last: items.length === index + 1 ? true : undefined,\n                    children: item.children?.length > 0 ? this.applyRunTimeLastItems(item.children) : item?.children,\n                };\n            } else {\n                return {\n                    ...item,\n                    last: items.length === index + 1 ? true : undefined,\n                };\n            }\n        });\n    }\n\n    private createRunTimeSelectionRecursiveState(nodes: TreeDataModel): Array<TreeItemSelectionRecursiveModel> {\n        return structuredClone(nodes)?.map((item) => this.calculateItemSelectionRecursiveState({ ...item }));\n    }\n\n    // Creating run time state which includes children selection state for selection tree.\n    private calculateItemSelectionRecursiveState(treeItem: TreeItemModel): TreeItemSelectionRecursiveModel {\n        const childrenSelectionRecursive: Array<TreeItemSelectionRecursiveModel> = [];\n        if (treeItem.children && treeItem.children.length > 0) {\n            treeItem.children.forEach((child, index) => {\n                childrenSelectionRecursive[index] = this.calculateItemSelectionRecursiveState(child);\n            });\n        }\n        const childStates = childrenSelectionRecursive.map((_) => _.selectionRecursiveState);\n        const itemState: SelectionRecursiveState = this.decideSelectionRecursiveState(\n            childStates,\n            treeItem.node.isSelected,\n            treeItem.node?.selectConfig?.recursive,\n            treeItem.node?.selectConfig?.noAutoSelectParent,\n        );\n        return {\n            selectionRecursiveState: itemState,\n            children: childrenSelectionRecursive,\n        };\n    }\n\n    private decideSelectionRecursiveState(\n        childStates: Array<SelectionRecursiveState> = [],\n        isSelected: boolean,\n        recursive: boolean,\n        noAutoSelectParent: boolean,\n    ): SelectionRecursiveState {\n        let itemState: SelectionRecursiveState = 'indeterminate';\n        if (isSelected && childStates.every((state) => state === 'allSelected')) {\n            itemState = 'allSelected';\n        } else if (!isSelected && childStates.every((state) => state === 'allNotSelected')) {\n            itemState = 'allNotSelected';\n        } else if (recursive && childStates.every((state) => state === 'allSelected') && !isSelected && !noAutoSelectParent) {\n            itemState = 'allSelected';\n        } else if (recursive && childStates.every((state) => state === 'allNotSelected') && isSelected) {\n            itemState = 'allNotSelected';\n        }\n        return itemState;\n    }\n\n    private syncStateChangesAtPath(nodePath): void {\n        const treeItem = this.getTreeItem(nodePath);\n        const runTimeBackupTreeItem = this.getRunTimeBackupTreeItem(nodePath);\n        const runTimeSelectionRecursiveItem = this.getRunTimeSelectionRecursiveState(nodePath);\n        if (treeItem?.node?.selectable && treeItem.node?.selectConfig?.recursive) {\n            if (!treeItem.node?.selectConfig?.noAutoSelectParent) {\n                treeItem.node = {\n                    ...treeItem.node,\n                    isSelected: runTimeSelectionRecursiveItem.selectionRecursiveState === 'allSelected',\n                    isIndeterminate: runTimeSelectionRecursiveItem.selectionRecursiveState === 'indeterminate',\n                };\n            } else {\n                treeItem.node = {\n                    ...treeItem.node,\n                    isSelected: treeItem.node.isSelected && runTimeSelectionRecursiveItem.selectionRecursiveState === 'allSelected',\n                    isIndeterminate:\n                        runTimeSelectionRecursiveItem.selectionRecursiveState === 'indeterminate' ||\n                        (!treeItem.node.isSelected && runTimeSelectionRecursiveItem.selectionRecursiveState === 'allSelected'),\n                };\n            }\n            // console.log(treeItem, treeItem.node.treeContentBlock.label, 'isSelected:' + treeItem.node.isSelected, 'isIndeterminate:' + treeItem.node.isIndeterminate);\n            if (treeItem.node.isSelected === true && !this.selectionModel.isSelected(runTimeBackupTreeItem)) {\n                this.selectTreeItem(runTimeBackupTreeItem);\n            } else if (treeItem.node.isSelected === false && this.selectionModel.isSelected(runTimeBackupTreeItem)) {\n                this.deselectTreeItem(runTimeBackupTreeItem);\n            }\n        }\n    }\n\n    private setTreeData(path: string, item: TreeItemModel): void {\n        const indexArr: Array<number> = this.resolvePath(path);\n        let itemArr = this.processedNodes;\n        indexArr?.forEach((pathIndex: number, index) => {\n            if (index < indexArr.length - 1) {\n                itemArr = itemArr[pathIndex]?.children;\n            } else {\n                itemArr[pathIndex] = item;\n            }\n        });\n    }\n\n    private setTreeDataRunTimeBackup(path: string, item: TreeItemRunTimeModel): void {\n        const indexArr: Array<number> = this.resolvePath(path);\n        let itemArr = this.treeDataRunTimeBackup;\n        indexArr.forEach((pathIndex: number, index) => {\n            if (index < indexArr.length - 1) {\n                itemArr = itemArr[pathIndex]?.children;\n            } else {\n                itemArr[pathIndex] = item;\n            }\n        });\n    }\n\n    private setTreeDataRunTime(path: string, item: TreeItemRunTimeModel): void {\n        const oldItem = this.getRunTimeTreeItem(path);\n        if(oldItem){\n            Object.keys(item)?.forEach(key => {\n                oldItem[key] = item[key];\n            });\n        }\n    }\n\n    private setRunTimeSelectionRecursiveStateTree(path: string, item: TreeItemSelectionRecursiveModel): void {\n        const indexArr: Array<number> = this.resolvePath(path);\n        let itemArr = this.runTimeSelectionRecursiveState;\n        indexArr.forEach((pathIndex: number, index) => {\n            if (index < indexArr.length - 1) {\n                itemArr = itemArr[pathIndex]?.children;\n            } else {\n                itemArr[pathIndex] = item;\n            }\n        });\n    }\n\n    private updateRunTimeSelectionRecursiveState(path: string, selectionRecursiveState: SelectionRecursiveState): void {\n        const indexArr: Array<number> = this.resolvePath(path);\n        let itemArr = this.runTimeSelectionRecursiveState;\n        indexArr.forEach((pathIndex: number, index) => {\n            if (index < indexArr.length - 1) {\n                itemArr = itemArr[pathIndex]?.children;\n            } else {\n                itemArr[pathIndex] = {\n                    ...itemArr[pathIndex],\n                    selectionRecursiveState,\n                };\n            }\n        });\n    }\n\n    private setIsCheckedForAll(nodeArr: Array<TreeItemRunTimeModel>, isChecked: boolean): void {\n        nodeArr.forEach((runTimeItem: TreeItemRunTimeModel, index: number) => {\n            const runtimeBackupTreeItem = this.getRunTimeBackupTreeItem(runTimeItem.path);\n            const treeItem = this.getTreeItem(runTimeItem.path);\n            const node = treeItem.node;\n            if (node?.selectable) {\n                node.isSelected = isChecked;\n                node.isIndeterminate = false;\n                if (isChecked) {\n                    this.selectTreeItem(runtimeBackupTreeItem);\n                } else {\n                    this.deselectTreeItem(runtimeBackupTreeItem);\n                }\n            }\n            if (runTimeItem?.children?.length > 0) {\n                this.setIsCheckedForAll(nodeArr[index].children, isChecked);\n            }\n        });\n    }\n\n    private runStateChangesForAll(nodeArr: Array<TreeItemRunTimeModel>): void {\n        nodeArr?.forEach((runTimeItem: TreeItemRunTimeModel, index: number) => {\n            if (runTimeItem?.children?.length >= 0) {\n                this.runStateChangesForAll(nodeArr[index].children);\n                this.syncSelectionAtPath(runTimeItem);\n            }\n        });\n    }\n\n    private syncSelectionAtPath(runTimeTreeItem: TreeItemRunTimeModel): void {\n        // It is here for the filter edge case.\n        this.syncStateChangesAtPath(runTimeTreeItem.path);\n        // Sets isSelected change on the control.\n        if (this.getTreeItem(runTimeTreeItem.path).node.isSelected) {\n            this.selectTreeItem(this.getRunTimeBackupTreeItem(runTimeTreeItem.path));\n        } else {\n            this.deselectTreeItem(this.getRunTimeBackupTreeItem(runTimeTreeItem.path));\n        }\n    }\n\n    private resolvePath(path: string): Array<number> {\n        return path?.split('.').map((index: string) => parseInt(index, 10));\n    }\n\n    private getParentPaths(path: string): Array<string> {\n        const pathArr = path.split('.');\n        const hasParent = pathArr.length > 1;\n        // Sets the hasParent If there is a parent, and removes the last element form pathArr.\n        if (hasParent) {\n            pathArr.pop();\n            // Calculates parent path\n            const parentPath = pathArr.join('.');\n            // Creating node index sequence f.e If path is '1.2' it will be [1,2]\n            const nodeIndexSeq = parentPath.split('.').map((indexStr) => parseInt(indexStr, 10));\n            // Calculating the node paths array to be re-calculated from bottom to top\n            const nodePathsSeq = [];\n            nodeIndexSeq.forEach((nodeIndex, index) => {\n                nodePathsSeq[index] = nodeIndexSeq.slice(0, index + 1).join('.');\n            });\n            return nodePathsSeq.reverse();\n        } else {\n            return [];\n        }\n    }\n\n    private calculateRunTimeState(treeItem: TreeItemModel, index: number, parentPath?: string): TreeItemRunTimeModel {\n        const runTimeTreeItem: TreeItemRunTimeModel = {\n            path: parentPath ? parentPath + '.' + index : index.toString(),\n            index,\n        };\n        if (treeItem.children && treeItem.children.length >= 0) {\n            runTimeTreeItem.children = [];\n            treeItem.children.forEach((child, treeItemIndex) => {\n                runTimeTreeItem.children[treeItemIndex] = this.calculateRunTimeState(child, treeItemIndex, runTimeTreeItem.path);\n            });\n        }\n        return runTimeTreeItem;\n    }\n\n    private filterTreeData(runTimeTreeData: TreeDataRunTimeModel, key = 'label', filterStr: string, showChildren: boolean, show?:boolean): TreeDataRunTimeModel {\n        return runTimeTreeData.filter((runTimeItem) => {\n            const targetData = this.getTreeItem(runTimeItem.path).node.treeContentBlock[key];\n            if (\n                targetData && this.normalizedStr(targetData)?.includes(this.normalizedStr(filterStr))\n            ) {\n                if(runTimeItem?.children?.length > 0){\n                    runTimeItem.children = this.filterTreeData(runTimeItem.children, key, filterStr, showChildren, showChildren);\n                }\n                Object.assign(runTimeItem,{ matched: true })\n                // runTimeItem.matched = true;\n                return true;\n            } else if (runTimeItem?.children?.length > 0) {\n                runTimeItem.children = this.filterTreeData(runTimeItem.children, key, filterStr, showChildren, show);\n                runTimeItem.children = runTimeItem.children.length > 0 ? runTimeItem.children : undefined;\n                return runTimeItem?.children?.length > 0 || show;\n            } else {\n                return show;\n            }\n        });\n    }\n\n    private normalizedStr(str: string): string {\n        return str\n            .toLowerCase()\n            .normalize('NFD')\n            .replace(/[\\u0300-\\u036f]/g, '');\n    }\n\n    private getInitialSelection(nodes: TreeDataRunTimeModel): Array<TreeItemRunTimeModel> {\n        const selection: Array<TreeItemRunTimeModel> = [];\n        this.scanSelection(nodes, selection);\n        return selection;\n    }\n\n    private scanSelection(nodes: TreeDataRunTimeModel, selection: Array<TreeItemRunTimeModel>): void {\n        nodes.forEach((item: TreeItemRunTimeModel) => {\n            if (this.getTreeItem(item.path).node?.selectable && this.getTreeItem(item.path).node.isSelected) {\n                selection.push(item);\n            }\n            if (item?.children?.length > 0) {\n                this.scanSelection(item.children, selection);\n            }\n        });\n    }\n\n    private renderInitialExpand(nodes: TreeDataRunTimeModel): void {\n        nodes.forEach((item: TreeItemRunTimeModel) => {\n            if (item?.children?.length > 0) {\n                this.renderInitialExpand(item.children);\n            }\n            if (typeof this.getTreeItem(item.path).node.isExpanded !== 'undefined') {\n                if(this.getTreeItem(item.path).node.isExpanded && !this.cdkTreeControl.isExpanded(item)){\n                    this.expandAt(item.path);\n                }else if(!this.getTreeItem(item.path).node.isExpanded &&  this.cdkTreeControl.isExpanded(item)){\n                    this.cdkTreeControl.collapse(item);\n                }\n            }\n        });\n    }\n\n    private expandMatched(nodes: TreeDataRunTimeModel): void {\n        nodes.forEach((item: TreeItemRunTimeModel) => {\n            if (item.matched) {\n                const parentPath = this.getParentPaths(item.path)[0];\n                if (parentPath) {\n                    let parentTreeItem = this.getTreeItem(parentPath);\n                    parentTreeItem = {\n                        ...parentTreeItem,\n                        node: {\n                            ...parentTreeItem.node,\n                            isExpanded: true,\n                        },\n                    };\n                    //  node.isExpanded = true;\n                    // console.log(\"here\", parentTreeItem.node.treeContentBlock.label, parentPath, item);\n                    this.expandAt(parentPath);\n                }\n            }\n            if (item?.children?.length > 0) {\n                this.expandMatched(item.children);\n            }\n        });\n    }\n\n    private getRunTimeTreeItem(path: string): TreeItemRunTimeModel {\n        return this.findRunTimeTreeItem(this.treeDataRunTime, path);\n    }\n\n    private findRunTimeTreeItem(treeDataRunTime: TreeDataRunTimeModel, path): TreeItemRunTimeModel {\n        for (const runTimeItem of treeDataRunTime) {\n            if (runTimeItem.path === path) {\n                return runTimeItem;\n            } else if (runTimeItem?.children?.length > 0) {\n                const found = this.findRunTimeTreeItem(runTimeItem.children, path);\n                if (found) {\n                    return found;\n                }\n            }\n        }\n        return null;\n    }\n\n    private getRunTimeBackupTreeItem(path: string): TreeItemRunTimeModel {\n        const indexArr: Array<number> = this.resolvePath(path);\n        let nodeArr = this.treeDataRunTimeBackup;\n        let node;\n        if (nodeArr && Array.isArray(nodeArr)) {\n            indexArr?.forEach((pathIndex: number, index) => {\n                if (index < indexArr.length - 1) {\n                    nodeArr = nodeArr && nodeArr[pathIndex]?.children;\n                } else {\n                    node = nodeArr[pathIndex];\n                }\n            });\n        }\n        return node;\n    }\n\n    private getCssClasses(): string {\n        return [\n            'eui-tree',\n            this.isMultiselect ? 'eui-tree--multiselect' : '',\n            this._isMultiLevel ? 'eui-tree--with-children' : '',\n            this._showLines ? 'eui-tree--show-lines' : '',\n        ]\n        .join(' ')\n        .trim();\n    }\n\n    private checkIfMultiLevel(tree: TreeDataModel): boolean {\n        let isMultiLevel = false;\n        tree.forEach((item: TreeItemModel) => {\n            if (item?.children?.length >= 0) {\n                isMultiLevel = true;\n            }\n        });\n        return isMultiLevel;\n    }\n\n    private checkIfCurrentScrollable(scrolled: CdkScrollable): boolean {\n        return scrolled.getElementRef().nativeElement === this.cdkScrollableRef.getElementRef().nativeElement;\n    }\n}\n\n@NgModule({\n    imports: [\n        CommonModule,\n        RouterModule,\n        FormsModule,\n        TranslateModule,\n        EuiInputCheckboxModule,\n        CdkTreeModule,\n        EuiButtonModule,\n        EuiIconModule,\n        EuiLabelModule,\n        EuiBadgeModule,\n        EuiChipModule,\n        EuiDropdownModule,\n        ScrollingModule,\n    ],\n    declarations: [EuiTreeComponent],\n    exports: [EuiTreeComponent],\n})\nexport class EuiTreeModule {}\n", "<div class=\"eui-ul-rep eui-tree__wrapper\" cdkScrollable #cdkScrollableRef>\n    <cdk-tree\n        #treeComponentInstance\n        [dataSource]=\"cdkArrayDataSource\"\n        [treeControl]=\"cdkTreeControl\"\n        [trackBy]=\"trackBy\"\n        *ngIf=\"renderTree\"\n        class=\"eui-cdk-tree\">\n        <!-- There are two states of generic cdk-nested-tree-node declarations.\n        First one is without child. No sub rendering.\n        -->\n        <cdk-nested-tree-node *cdkTreeNodeDef=\"let treeRunTimeItemModel\" class=\"eui-cdk-nested-tree-node\">\n            <div *ngIf=\"treeRunTimeItemModel\"\n                class=\"eui-li-rep eui-tree-node\"\n                [class.eui-tree-node--first]=\"treeRunTimeItemModel?.path === '0'\"\n                [class.eui-tree-node--last]=\"treeRunTimeItemModel.last\"\n                title=\"{{\n                    getTreeItem(treeRunTimeItemModel?.path)?.node?.treeContentBlock?.tooltipLabel ||\n                        getTreeItem(treeRunTimeItemModel?.path)?.node?.treeContentBlock?.label\n                }}\">\n                <div class=\"eui-tree-node-wrapper\"\n                     (click)=\"onNodeClick(treeRunTimeItemModel)\">\n                    <div class=\"eui-tree-node-wrapper__container\">\n                        <!--\n                        Renders node in default or provided template's context.\n                        Generates onSelect with onSelectFn for developers to send the events from their custom check events.\n                        Provides id to be used on generic template\n                        -->\n                        <ng-container\n                            [ngTemplateOutlet]=\"nodeTemplateRef || nodeTemplateDefault\"\n                            [ngTemplateOutletContext]=\"{\n                                $implicit: getTreeItem(treeRunTimeItemModel?.path)?.node,\n                                onSelect: onSelectFn(treeRunTimeItemModel.path),\n                                id: uid + treeRunTimeItemModel.path,\n                                path: treeRunTimeItemModel.path\n                            }\">\n                        </ng-container>\n                    </div>\n                </div>\n            </div>\n        </cdk-nested-tree-node>\n        <!-- This is the tree node template for expandable nodes -->\n        <cdk-nested-tree-node\n            *cdkTreeNodeDef=\"let treeRunTimeItemModel; when: hasChild\"\n            class=\"eui-cdk-nested-tree-node eui-cdk-nested-tree-node--with-child\">\n            <div\n                class=\"eui-li-rep eui-tree-node eui-tree-node--with-child\"\n                [class.eui-tree-node--first]=\"treeRunTimeItemModel?.path === '0'\"\n                [class.eui-tree-node--last]=\"treeRunTimeItemModel.last\"\n                *ngIf=\"treeRunTimeItemModel\"\n                title=\"{{\n                    getTreeItem(treeRunTimeItemModel?.path)?.node?.treeContentBlock?.tooltipLabel ||\n                        getTreeItem(treeRunTimeItemModel?.path)?.node?.treeContentBlock?.label\n                }}\">\n                <div\n                    class=\"eui-tree-node-wrapper\">\n                    <!--Here wraps the node, and listen for node clicks.-->\n                    <div (click)=\"onNodeClick(treeRunTimeItemModel)\" class=\"eui-tree-node-wrapper__container\">\n                        <!-- Expand/collapse action button -->\n                        <button\n                            euiButton\n                            euiIconButton\n                            euiBasicButton\n                            euiRounded\n                            euiSizeS\n                            type=\"button\"\n                            [attr.aria-label]=\"'Toggle ' + getTreeItem(treeRunTimeItemModel?.path)?.node?.treeContentBlock?.label\"\n                            (click)=\"onNodeToggle(treeRunTimeItemModel)\"\n                            cdkTreeNodeToggle\n                            class=\"eui-tree-node__button\">\n                            <eui-icon-svg\n                                *ngIf=\"!cdkTreeControl.isExpanded(treeRunTimeItemModel) && !collapsedIconClass\"\n                                [icon]=\"expandedSvgIconClass\"></eui-icon-svg>\n                            <eui-icon-svg\n                                *ngIf=\"cdkTreeControl.isExpanded(treeRunTimeItemModel) && !expandedIconClass\"\n                                [icon]=\"collapsedSvgIconClass\"></eui-icon-svg>\n                        </button>\n                        <!--\n                        Renders node in default or provided template's context.\n                        Generates onSelect with onSelectFn for developers to send the events from their custom check events.\n                        Provides id to be used on generic template\n                        -->\n                        <ng-container\n                            [ngTemplateOutlet]=\"nodeTemplateRef || nodeTemplateDefault\"\n                            [ngTemplateOutletContext]=\"{\n                                $implicit: getTreeItem(treeRunTimeItemModel.path)?.node,\n                                onSelect: onSelectFn(treeRunTimeItemModel.path),\n                                id: uid + treeRunTimeItemModel.path,\n                                path: treeRunTimeItemModel.path,\n                                children: getTreeItem(treeRunTimeItemModel?.path)?.children\n                            }\">\n                        </ng-container>\n                    </div>\n                </div>\n                <!--uses cdkTreeNodeOutlet to render children nodes, CdkTreeControl is used to control isExpanded state.-->\n                <div class=\"eui-ul-rep eui-tree-node\" role=\"group\" *ngIf=\"cdkTreeControl.isExpanded(treeRunTimeItemModel)\">\n                    <ng-container cdkTreeNodeOutlet></ng-container>\n                </div>\n            </div>\n        </cdk-nested-tree-node>\n    </cdk-tree>\n</div>\n\n<ng-template #nodeTemplateDefault let-node let-onSelect=\"onSelect\" let-id=\"id\" let-path=\"path\">\n    <ng-container *ngIf=\"node\">\n        <div class=\"eui-tree-node-wrapper__container-left\" [class.eui-tree-node-wrapper__container-left--selected]=\"node?.isSelected\">\n            <!--input checkbox area-->\n            <input\n                euiInputCheckBox\n                *ngIf=\"node && node.selectable\"\n                type=\"checkbox\"\n                id=\"{{ id }}\"\n                [checked]=\"!!node?.isSelected\"\n                [indeterminate]=\"!!node?.isIndeterminate\"\n                (change)=\"onSelect($event)\"\n                class=\"eui-u-mr-m\" />\n\n            <!--icon area-->\n            <ng-container *ngIf=\"node?.treeContentBlock?.iconSvgName\">\n                <eui-icon-svg\n                    icon=\"{{ node?.treeContentBlock?.iconSvgName }}\"\n                    fillColor=\"{{ node?.treeContentBlock?.iconTypeClass || 'neutral' }}\"\n                    size=\"s\"\n                    class=\"eui-u-mr-xs\">\n                </eui-icon-svg>\n            </ng-container>\n\n            <!--chips area-->\n            <ng-container *ngIf=\"node?.treeContentBlock?.chips\">\n                <eui-chip\n                    *ngFor=\"let chip of node.treeContentBlock.chips\"\n                    euiSizeXS\n                    [euiVariant]=\"chip.typeClass || 'secondary'\"\n                    [euiOutline]=\"chip.isOutline\"\n                    class=\"eui-chip--rounded eui-u-mb-none eui-u-mr-xs\">\n                    <span euiLabel>{{ chip.label }}</span>\n                </eui-chip>\n            </ng-container>\n\n            <!--badge (typeLabel & typeClass) area-->\n            <ng-container *ngIf=\"node?.treeContentBlock?.typeLabel\" [ngSwitch]=\"node?.treeContentBlock?.typeClass\">\n                <eui-badge euiSizeM [euiVariant]=\"node?.treeContentBlock?.typeClass || 'primary'\" class=\"eui-u-flex-no-shrink eui-u-mr-xs\">\n                    {{ node?.treeContentBlock?.typeLabel }}\n                </eui-badge>\n            </ng-container>\n        </div>\n\n        <!--label area-->\n        <div class=\"eui-tree-node-wrapper__container-middle\">\n            <label\n                *ngIf=\"!node?.treeContentBlock?.url && !node?.treeContentBlock?.urlExternal\"\n                euiLabel\n                for=\"{{ id }}\"\n                class=\"eui-u-text-truncate eui-u-p-2xs\"\n                [class.eui-label--selected]=\"\n                    highlightPath\n                        ? getRunTimeSelectionRecursiveState(path)?.selectionRecursiveState === 'indeterminate' || node?.isSelected\n                        : node?.isSelected\n                \"\n                [class.eui-u-cursor-pointer]=\"node?.selectable\">\n                {{ autoTranslate ? (node?.treeContentBlock?.label | translate) : node?.treeContentBlock?.label }}\n            </label>\n            <label *ngIf=\"node?.treeContentBlock?.url\" euiLabel for=\"{{ id }}\" class=\"eui-u-text-truncate eui-u-p-2xs\">\n                <a\n                    class=\"eui-u-text-link\"\n                    [class.eui-u-text-link-standalone]=\"!showUnderlinedLinks\"\n                    [routerLink]=\"node?.treeContentBlock?.url\">\n                    {{ autoTranslate ? (node?.treeContentBlock?.label | translate) : node?.treeContentBlock?.label }}\n                </a>\n            </label>\n            <label *ngIf=\"node?.treeContentBlock?.urlExternal\" euiLabel for=\"{{ id }}\" class=\"eui-u-text-truncate eui-u-p-2xs\">\n                <a\n                    class=\"eui-u-text-link-external\"\n                    [class.eui-u-text-link-external-standalone]=\"!showUnderlinedLinks\"\n                    href=\"{{ node?.treeContentBlock?.urlExternal }}\"\n                    target=\"{{ node?.treeContentBlock?.urlExternalTarget || 'blank' }}\">\n                    {{ autoTranslate ? (node?.treeContentBlock?.label | translate) : node?.treeContentBlock?.label }}\n                </a>\n            </label>\n        </div>\n\n        <div *ngIf=\"node?.treeContentBlock?.rightContent\" class=\"eui-tree-node-wrapper__container-right\">\n            <!--badges area-->\n            <ng-container *ngFor=\"let badge of node.treeContentBlock.rightContent?.badges\">\n                <eui-badge euiSizeM euiOutline [euiVariant]=\"badge.typeClass || 'secondary'\" class=\"eui-u-ml-xs\">\n                    <span euiLabel>{{ badge.label }}</span>\n                </eui-badge>\n            </ng-container>\n\n            <!--chips area-->\n            <ng-container *ngFor=\"let chip of node.treeContentBlock.rightContent?.chips\">\n                <eui-chip\n                    euiSizeXS\n                    [euiVariant]=\"chip.typeClass || 'secondary'\"\n                    [euiOutline]=\"chip.isOutline\"\n                    class=\"eui-chip--rounded eui-u-mb-none eui-u-ml-xs\">\n                    <span euiLabel>{{ chip.label }}</span>\n                </eui-chip>\n            </ng-container>\n\n            <!--Context menu-->\n            <ng-container *ngIf=\"node.treeContentBlock.rightContent?.contextMenuMetaData && rightContextMenuTemplateRef\">\n                <eui-dropdown class=\"eui-u-ml-xs\">\n                    <button euiButton euiSizeS euiRounded euiIconButton euiBasicButton euiSecondary [attr.aria-label]=\"'Options menu'\">\n                        <eui-icon-svg icon=\"eui-ellipsis-vertical\"></eui-icon-svg>\n                    </button>\n                    <eui-dropdown-content>\n                        <ng-template\n                            [ngTemplateOutlet]=\"rightContextMenuTemplateRef\"\n                            [ngTemplateOutletContext]=\"{\n                                $implicit: node?.treeContentBlock?.rightContent?.contextMenuMetaData,\n                                metadata: node?.treeContentBlock?.rightContent?.contextMenuMetaData\n                            }\">\n                        </ng-template>\n                    </eui-dropdown-content>\n                </eui-dropdown>\n            </ng-container>\n        </div>\n\n        <!--metadata, uses the help of ng template to generate dynamic expand variable without handling state -->\n        <ng-container\n            *ngIf=\"node.treeContentBlock?.metadata && nodeContentMetadataTemplateRef\"\n            [ngTemplateOutlet]=\"nodeContentMetadataContainer\"\n            [ngTemplateOutletContext]=\"{\n                $implicit: { expanded: false }\n            }\">\n        </ng-container>\n        <ng-template #nodeContentMetadataContainer let-metaDataContainer>\n            <button\n                euiButton\n                euiBasicButton\n                euiIconButton\n                euiRounded\n                euiSizeS\n                type=\"button\"\n                aria-label=\"expand collapse tree item\"\n                (click)=\"metaDataContainer.expanded = !metaDataContainer.expanded\">\n                <eui-icon-svg [icon]=\"metaDataContainer.expanded ? 'eui-chevron-down' : 'eui-chevron-forward'\"></eui-icon-svg>\n            </button>\n            <div *ngIf=\"metaDataContainer.expanded\" class=\"eui-tree-node__metacontent\">\n                <!--passing metadata of the node content to provided template-ref:nodeContentMetadataTemplateRef-->\n                <ng-template\n                    [ngTemplateOutlet]=\"nodeContentMetadataTemplateRef\"\n                    [ngTemplateOutletContext]=\"{\n                        $implicit: node?.treeContentBlock?.metadata,\n                        metadata: node?.treeContentBlock?.metadata\n                    }\">\n                </ng-template>\n            </div>\n        </ng-template>\n    </ng-container>\n</ng-template>\n", "import {\n    Directive,\n    Host,\n    AfterContentInit,\n    ContentChild,\n    Input,\n    TemplateRef,\n    AfterViewInit,\n    ChangeDetectorRef,\n    ElementRef,\n    Renderer2,\n    NgModule,\n} from '@angular/core';\nimport { EuiTreeComponent } from './eui-tree.component';\nimport { TreeDataModel } from './eui-tree.model';\nimport { EuiDropdownComponent } from '@eui/components/eui-dropdown';\nimport { CommonModule } from '@angular/common';\n\n@Directive({\n    selector: 'eui-dropdown[euiDropdownTree]',\n})\nexport class EuiDropdownTreeDirective implements AfterContentInit, AfterViewInit {\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    @Input() buttonTemplateRef: TemplateRef<any>;\n    @ContentChild(EuiTreeComponent, { static: false }) euiTree: EuiTreeComponent;\n\n    private buttonLabel: string;\n    private buttonViewRef;\n\n    constructor(\n        private changeDetectorRef: ChangeDetectorRef,\n        private hostElement: ElementRef,\n        private renderer: Renderer2,\n        @Host() private euiDropdown: EuiDropdownComponent,\n    ) {}\n\n    ngAfterContentInit(): void {\n        this.buttonLabel = this.createButtonLabel(this.euiTree.getSelection());\n        this.euiTree.selectionChange.subscribe((selectionChanges) => {\n            this.buttonLabel = this.createButtonLabel(selectionChanges.selection);\n            this.buttonViewRef.context.$implicit = this.buttonLabel;\n            this.buttonViewRef.detectChanges();\n        });\n    }\n\n    ngAfterViewInit(): void {\n        if (this.buttonTemplateRef) {\n            const triggerContainer = this.hostElement.nativeElement.querySelector('.eui-dropdown__trigger-container');\n            if (!triggerContainer) {\n                console.error('Could not find the triggerContainer');\n                return;\n            }\n            while (triggerContainer.firstChild) {\n                triggerContainer.removeChild(triggerContainer.firstChild);\n            }\n            this.buttonViewRef = this.buttonTemplateRef.createEmbeddedView({ $implicit: this.buttonLabel });\n            this.buttonViewRef.detectChanges();\n\n            this.buttonViewRef.rootNodes.forEach((node) => {\n                if (node.nodeType === Node.ELEMENT_NODE) {\n                    this.renderer.appendChild(triggerContainer, node);\n                }\n            });\n        }\n    }\n\n    private createButtonLabel(selection: TreeDataModel): string {\n        if (selection?.length > 0) {\n            return this.euiTree\n                .getSelection()\n                ?.map((item) => item.node.treeContentBlock.label)\n                .join(',') as string;\n        }\n        return 'No node selected.';\n    }\n}\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [EuiDropdownTreeDirective],\n    declarations: [EuiDropdownTreeDirective],\n})\nexport class EuiDropdownTreeDirectiveModule {}\n", "import { TreeDataModel, TreeItemModel } from './eui-tree.model';\n\nexport class EuiTreeHelper {\n    private readonly treeData: TreeDataModel;\n\n    constructor(treeData: TreeDataModel) {\n        this.treeData = treeData;\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    public getPath(value: any, identifierKey = 'node.treeContentBlock.id'): string {\n        if(typeof value !=='undefined'){\n        const paths: Array<string> = [];\n        this.traverse(this.treeData, '', [value], paths, undefined, identifierKey);\n        return paths[0];\n        }\n        return null;\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    public getPaths(values: Array<any>, identifierKey?: string): Array<string> {\n        const paths: Array<string> = [];\n        this.traverse(this.treeData, '', values, paths, undefined, identifierKey);\n        return paths;\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    public getItems(values: Array<any>, identifierKey?: string): Array<TreeItemModel> {\n        const matchedItems: Array<TreeItemModel> = [];\n        this.traverse(this.treeData, '', values, undefined, matchedItems, identifierKey);\n        return matchedItems;\n    }\n\n    private traverse(\n        tree: TreeDataModel,\n        currentPath: string,\n        // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        values: Array<any>,\n        paths?: Array<string>,\n        items?: Array<TreeItemModel>,\n        identifierKey?: string,\n    ): void {\n        for (const [i, item] of tree.entries()) {\n            const valueToCheck = identifierKey ? this.getValueAtKey(item, identifierKey) : item;\n\n            if (values.some((v) => this.deepEqual(v, valueToCheck))) {\n                if (paths) paths.push(`${currentPath}${i}`);\n                if (items) items.push(item);\n            }\n\n            if (item.children && item.children.length) {\n                this.traverse(item.children, `${currentPath}${i}.`, values, paths, items, identifierKey);\n            }\n        }\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    private getValueAtKey(object: any, key: string): any {\n        const keys = key.split('.');\n        let current = object;\n        for (const k of keys) {\n            if (current[k] !== undefined) {\n                current = current[k];\n            } else {\n                return undefined;\n            }\n        }\n        return current;\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    private deepEqual(obj1: any, obj2: any): boolean {\n        if (obj1 === obj2) {\n            return true;\n        }\n        if (typeof obj1 !== 'object' || obj1 === null || typeof obj2 !== 'object' || obj2 === null) {\n            return false;\n        }\n        const keys1 = Object.keys(obj1);\n        const keys2 = Object.keys(obj2);\n\n        if (keys1.length !== keys2.length) {\n            return false;\n        }\n        for (const key of keys1) {\n            if (!keys2.includes(key) || !this.deepEqual(obj1[key], obj2[key])) {\n                return false;\n            }\n        }\n        return true;\n    }\n}\n", "import { Directive, Host, forwardRef, AfterContentInit, Input, NgModule } from '@angular/core';\nimport { NG_VALUE_ACCESSOR, ControlValueAccessor } from '@angular/forms';\nimport { CommonModule } from '@angular/common';\nimport { EuiTreeComponent } from './eui-tree.component';\nimport { EuiTreeSelectionChanges, TreeDataModel, TreeItemModel } from './eui-tree.model';\nimport { EuiTreeHelper } from './eui-tree-helper';\n\n@Directive({\n    selector: 'eui-tree[euiTreeFormControl]',\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => EuiTreeFormControlDirective),\n            multi: true,\n        },\n    ],\n})\nexport class EuiTreeFormControlDirective implements ControlValueAccessor, AfterContentInit {\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    private onChange: (value: any) => void;\n    private onTouched: () => void;\n\n    constructor(@Host() private tree: EuiTreeComponent) {}\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    @Input() euiTreeControlValueSetter: (selection: TreeDataModel) => any = (selection: TreeDataModel) => {\n        return selection;\n    };\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    @Input() euiTreeControlModelMapper: (model: any, tree?: TreeDataModel) => Array<TreeItemModel> = (model: Array<TreeItemModel>) => {\n        return model;\n    };\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    writeValue(value: any): void {\n        this.tree.setAllSelection(false);\n        if (typeof value !== 'undefined' && value !== null && value?.length > 0) {\n            const initialItems = this.euiTreeControlModelMapper(value, this.tree.nodes);\n            const paths = new EuiTreeHelper(this.tree.nodes).getPaths(initialItems);\n            paths.forEach((path: string) => {\n                this.tree.nodeSelected({ target: { checked: true } }, path);\n            });\n        }\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    registerOnChange(fn: any): void {\n        this.onChange = fn;\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    registerOnTouched(fn: any): void {\n        this.onTouched = fn;\n    }\n\n    ngAfterContentInit(): void {\n        this.tree.selectionChange.subscribe((selectionChanges: EuiTreeSelectionChanges) => {\n            this.onChange(this.euiTreeControlValueSetter(selectionChanges.selection));\n        });\n    }\n}\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [EuiTreeFormControlDirective],\n    declarations: [EuiTreeFormControlDirective],\n})\nexport class EuiTreeFormControlDirectiveModule {}\n"],
+  "sourcesContent": ["import { UxLinkLegacy } from '@eui/base';\n\nexport type TreeDataModel = Array<TreeItemModel>;\n\nexport type TreeItemModel = {\n    node: TreeNode;\n    children?: TreeDataModel;\n};\n\nexport type TreeNode = {\n    // metadata can be block content, or any\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    treeContentBlock: EuiTreeContentBlockModel | any;\n} & SelectionModel &\n    ExpandModel;\n\nexport interface EuiTreeContentBlockModel {\n    id?: string | number;\n    label: string;\n    tooltipLabel: string;\n    url: string;\n    urlExternal: string;\n    urlExternalTarget: string;\n    typeLabel: string;\n    typeClass: string;\n    chips?: Array<{ label: string; typeClass?: string; isOutline?: boolean }>;\n    iconClass: string;\n    iconTypeClass: string;\n    iconSvgName?: string;\n    rightContent?: {\n        iconClass: string;\n        iconTypeClass: string;\n        iconSvgName?: string;\n        badges?: Array<{ label: string; typeClass: string }>;\n        chips?: Array<{ label: string; typeClass?: string; isOutline?: boolean }>;\n        // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        contextMenuMetaData?: any;\n    };\n    metaData: string;\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    [key: string]: any;\n}\n\nexport type SelectionModel = {\n    selectable?: boolean;\n    isSelected?: boolean;\n    // if one of sub is selected, it becomes intermediate\n    isIndeterminate?: boolean;\n    selectConfig?: SelectConfigModel;\n};\n\nexport interface SelectConfigModel extends MultiSelectionLogic, SingleSelectionLogic {\n    /*\n    If It is true;\n    When user select parent, all the children will be selected\n    When selection state is changed, If all children is selected parent will be selected as long as noAutoSelectParent is not true\n    */\n    recursive?: boolean;\n    /* when It is true, If all children is selected, parent will not be selected, while recursive is true*/\n    noAutoSelectParent?: boolean;\n    singleSelect?: boolean;\n}\n\nexport interface MultiSelectionLogic {\n    /*\n    If It is true;\n    When user select parent, all the children will be selected\n    When selection state is changed, If all children is selected parent will be selected as long as noAutoSelectParent is not true\n    */\n    recursive?: boolean;\n    /* when It is true, If all children is selected, parent will not be selected, while recursive is true*/\n    noAutoSelectParent?: boolean;\n}\n\nexport interface SingleSelectionLogic {\n    singleSelect?: boolean;\n}\n\nexport type ExpandModel = {\n    isExpanded?: boolean;\n};\n\nexport type EuiTreeSelectionChanges = { added: TreeDataModel; removed: TreeDataModel; selection: TreeDataModel };\n\nexport type TreeDataRunTimeModel = Array<TreeItemRunTimeModel>;\n\nexport type TreeItemRunTimeModel = { index: number; path: string; children?: Array<TreeItemRunTimeModel>; last?: boolean, matched?: boolean };\n\nexport type TreeItemSelectionRecursiveModel = {\n    selectionRecursiveState: SelectionRecursiveState;\n    children?: Array<TreeItemSelectionRecursiveModel>;\n};\n\nexport type SelectionRecursiveState = 'indeterminate' | 'allSelected' | 'allNotSelected';\n\n// eslint-disable-next-line prefer-arrow/prefer-arrow-functions\nexport function uxTreeNodesMetaDataMapper(oldTree: Array<UxLinkLegacy>): TreeDataModel {\n    return oldTree.map((item) => {\n        if (item?.typeClass === 'default') {\n            // default typeClass will be\n            item.typeClass = 'secondary';\n        }\n        if (item?.badgeLabel) {\n            // default typeClass will be\n            if (item?.badges?.length > 0) {\n                item.badges.push({ label: item?.badgeLabel, typeClass: 'secondary' });\n            } else {\n                item.badges = [{ label: item?.badgeLabel, typeClass: 'secondary' }];\n            }\n        }\n        return {\n            node: {\n                treeContentBlock: {\n                    label: item.label,\n                    typeLabel: item.typeLabel,\n                    typeClass: item.typeLabel && !item.typeClass ? 'secondary' : item.typeClass,\n                    tooltipLabel: item.tooltipLabel,\n                    url: item.url,\n                    urlExternal: item.urlExternal,\n                    urlExternalTarget: item.urlExternal && item.urlExternalTarget ? item.urlExternalTarget : undefined,\n                    badges: item.badges,\n                    metadata: item.metadata,\n                },\n            },\n            children: item.children ? uxTreeNodesMetaDataMapper(item.children) : undefined,\n        };\n    });\n}\n\nexport class EuiTreePagination<T> {\n    private data: T[];\n    private startPage: number;\n    private totalItems: number;\n    private renderedPageCount: number;\n    private perPage: number;\n    private totalPages: number;\n\n    constructor(data: T[], startPage: number, renderedPageCount: number, perPage: number) {\n        this.data = data;\n        this.setCurrentStartPage(startPage);\n        this.renderedPageCount = renderedPageCount;\n        this.totalItems = this.data.length;\n        this.perPage = perPage;\n        this.totalPages = Math.ceil(this.totalItems / this.perPage);\n    }\n\n    public paginateNext(): { startPage: number; data: T[] } {\n        if (this.startPage < this.totalPages) {\n            this.startPage += 1;\n        }\n        return this.getViewData();\n    }\n\n    public paginatePrev(): { startPage: number; data: T[] } {\n        if (this.startPage > 1) {\n            this.startPage -= 1;\n        }\n        return this.getViewData();\n    }\n\n    public getCurrentStartPage(): number {\n        return this.startPage;\n    }\n\n    public setCurrentStartPage(startPage: number): void {\n        this.startPage = startPage;\n    }\n\n    public isAtMax(): boolean {\n        return this.totalPages < this.startPage + this.renderedPageCount;\n    }\n\n    public getViewData(): { startPage: number; data: T[] } {\n        const startIndex = (this.startPage - 1) * this.perPage;\n        const endIndex = startIndex + this.perPage * this.renderedPageCount;\n        const pageData = structuredClone(this.data).slice(startIndex, endIndex);\n        return {\n            startPage: this.startPage,\n            data: pageData,\n        };\n    }\n}\n", "import {\n    Component,\n    Input,\n    NgModule,\n    ChangeDetectionStrategy,\n    EventEmitter,\n    Output,\n    ViewEncapsulation,\n    TemplateRef,\n    ChangeDetectorRef,\n    SimpleChanges,\n    OnInit,\n    OnChanges,\n    HostBinding,\n    OnDestroy,\n    ViewChild,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport {\n    SelectionRecursiveState,\n    TreeDataModel,\n    TreeItemModel,\n    TreeDataRunTimeModel,\n    TreeItemRunTimeModel,\n    TreeItemSelectionRecursiveModel,\n    EuiTreeSelectionChanges,\n    EuiTreePagination,\n} from './eui-tree.model';\nimport { FormsModule } from '@angular/forms';\nimport { EuiInputCheckboxModule } from '@eui/components/eui-input-checkbox';\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { EuiBadgeModule } from '@eui/components/eui-badge';\nimport { EuiChipModule } from '@eui/components/eui-chip';\nimport { EuiDropdownModule } from '@eui/components/eui-dropdown';\nimport { NestedTreeControl, CdkTreeModule, CdkTree } from '@angular/cdk/tree';\nimport { ArrayDataSource, SelectionModel } from '@angular/cdk/collections';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { ScrollingModule, ScrollDispatcher, CdkScrollable } from '@angular/cdk/scrolling';\nimport { debounceTime } from 'rxjs';\n\n@Component({\n    selector: 'eui-tree',\n    templateUrl: './eui-tree.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiTreeComponent implements OnInit, OnChanges, OnDestroy {\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return this.getCssClasses();\n    }\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-tree';\n    @Input() nodes: TreeDataModel;\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    @Input() nodeTemplateRef: TemplateRef<any>;\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    @Input() nodeContentMetadataTemplateRef: TemplateRef<any>;\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    @Input() rightContextMenuTemplateRef: TemplateRef<any>;\n    @Input() expandedIconClass: string;\n    @Input() collapsedIconClass: string;\n    @Input() expandedSvgIconClass = 'chevron-forward:sharp';\n    @Input() collapsedSvgIconClass = 'chevron-down:sharp';\n\n    @ViewChild('cdkScrollableRef', { read: CdkScrollable }) cdkScrollableRef: CdkScrollable;\n    @ViewChild('treeComponentInstance') public treeComponentInstance: CdkTree<TreeItemRunTimeModel>;\n\n    // @ViewChild('treeComponentInstance') public treeComponentInstance: any;\n\n    @Input()\n    get isClickTogglingNode(): boolean {\n        return this._isClickTogglingNode;\n    }\n\n    set isClickTogglingNode(value: BooleanInput) {\n        this._isClickTogglingNode = coerceBooleanProperty(value);\n    }\n\n    @Input()\n    get isMultiselect(): boolean {\n        return this._isMultiselect;\n    }\n\n    set isMultiselect(value: BooleanInput) {\n        this._isMultiselect = coerceBooleanProperty(value);\n    }\n\n    @Input()\n    get isSingleSelect(): boolean {\n        return this._isSingleSelect;\n    }\n\n    set isSingleSelect(value: BooleanInput) {\n        this._isSingleSelect = coerceBooleanProperty(value);\n    }\n\n    @Input()\n    get isRecursiveSelection(): boolean {\n        return this._isRecursiveSelection;\n    }\n\n    set isRecursiveSelection(value: BooleanInput) {\n        this._isRecursiveSelection = coerceBooleanProperty(value);\n    }\n\n    @Input()\n    get isRecursiveParentSelection(): boolean {\n        return this._isRecursiveParentSelection;\n    }\n\n    set isRecursiveParentSelection(value: BooleanInput) {\n        this._isRecursiveParentSelection = coerceBooleanProperty(value);\n    }\n\n    @Input()\n    get showUnderlinedLinks(): boolean {\n        return this._showUnderlinedLinks;\n    }\n\n    set showUnderlinedLinks(value: BooleanInput) {\n        this._showUnderlinedLinks = coerceBooleanProperty(value);\n    }\n\n    @Input()\n    get showLines(): boolean {\n        return this._showLines;\n    }\n\n    set showLines(value: BooleanInput) {\n        this._showLines = coerceBooleanProperty(value);\n    }\n\n    @Input()\n    get autoTranslate(): boolean {\n        return this._autoTranslate;\n    }\n\n    set autoTranslate(value: BooleanInput) {\n        this._autoTranslate = coerceBooleanProperty(value);\n    }\n\n    @Input()\n    get highlightPath(): boolean {\n        return this._highlightPath;\n    }\n\n    set highlightPath(value: BooleanInput) {\n        this._highlightPath = coerceBooleanProperty(value);\n    }\n\n    @Output() selectionChange = new EventEmitter<EuiTreeSelectionChanges>();\n    @Output() nodeClick = new EventEmitter<TreeItemModel>();\n    @Output() nodeToggle = new EventEmitter<TreeItemModel>();\n    cdkArrayDataSource: ArrayDataSource<TreeItemRunTimeModel>;\n    cdkTreeControl: NestedTreeControl<TreeItemRunTimeModel>;\n    renderTree: boolean;\n    public uid: string = Math.floor(Math.random() * 1000000000).toString();\n    protected _isMultiLevel;\n    private processedNodes: TreeDataModel;\n    private treeDataRunTime: TreeDataRunTimeModel;\n    private treeDataRunTimeBackup: TreeDataRunTimeModel;\n    private runTimeSelectionRecursiveState: Array<TreeItemSelectionRecursiveModel>;\n    private selectionModel: SelectionModel<TreeItemRunTimeModel>;\n    private _isClickTogglingNode = false;\n    private _isMultiselect = false;\n    private _isSingleSelect = false;\n    private _isRecursiveSelection = false;\n    private _isRecursiveParentSelection = true;\n    private _showUnderlinedLinks = false;\n    private _showLines = true;\n    private _autoTranslate = true;\n    private _highlightPath = false;\n    private selectionModelSubs;\n    private scrollDispatcherSubs;\n    private _selection;\n    private treePagination: EuiTreePagination<TreeItemRunTimeModel>;\n\n    constructor(private changeDetectorRef: ChangeDetectorRef, private scrollDispatcher: ScrollDispatcher) {}\n\n    ngOnInit(): void {\n        this.initTree();\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes['nodes']?.currentValue !== changes['nodes']?.previousValue) {\n            this.renderTree = false;\n            this.initTree();\n            if(this.treeComponentInstance) {\n                this.treeComponentInstance?.renderNodeChanges([]);\n                this.treeComponentInstance?.renderNodeChanges(this.treeDataRunTime);\n            }\n        }\n    }\n\n    ngOnDestroy(): void {\n        if (this.selectionModelSubs) {\n            this.selectionModelSubs.unsubscribe();\n        }\n        if (this.scrollDispatcherSubs) {\n            this.scrollDispatcherSubs.unsubscribe();\n        }\n    }\n\n    getSelection(): TreeDataModel {\n        return this._selection;\n    }\n\n    getProcessedNodes(): TreeDataModel {\n        return this.processedNodes;\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    trackBy(index: number, item: TreeItemRunTimeModel): any {\n        return item.path;\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    trackByControl(item: TreeItemRunTimeModel): any {\n        return item;\n    }\n\n    getTreeItem(path: string): TreeItemModel {\n        const indexArr: Array<number> = this.resolvePath(path);\n        let nodeArr = this.processedNodes;\n        let node;\n        if (nodeArr && Array.isArray(nodeArr)) {\n            indexArr?.forEach((pathIndex: number, index) => {\n                if (index < indexArr.length - 1) {\n                    nodeArr = nodeArr && nodeArr[pathIndex]?.children;\n                } else {\n                    node = nodeArr[pathIndex];\n                }\n            });\n        }\n        return node;\n    }\n\n    expandAll(): void {\n        this.cdkTreeControl.expandAll();\n        this.changeDetectorRef.markForCheck();\n    }\n\n    expandAt(path: string): void {\n        this.getParentPaths(path).reverse().forEach((parentPath)=>{\n            this.cdkTreeControl.expand(this.getRunTimeTreeItem(parentPath));\n        });\n        this.cdkTreeControl.expand(this.getRunTimeTreeItem(path));\n        this.changeDetectorRef.detectChanges();\n    }\n\n    collapseAll(): void {\n        this.cdkTreeControl.collapseAll();\n        this.changeDetectorRef.markForCheck();\n    }\n\n    filterTerm(filterInput: string, filterKey?: string, showChildrenOfMatchedItems?: boolean): void {\n        if (filterInput !== '' && filterInput !== null && typeof filterInput !== 'undefined') {\n            this.treeDataRunTime = this.filterTreeData(structuredClone(this.treeDataRunTimeBackup), filterKey || 'label', filterInput, showChildrenOfMatchedItems);\n            this.treeDataRunTime = this.applyRunTimeLastItems(this.treeDataRunTime);\n            this.cdkArrayDataSource = new ArrayDataSource(this.treeDataRunTime);\n            this.cdkTreeControl = new NestedTreeControl<TreeItemRunTimeModel>((node) => node?.children, { trackBy: this.trackByControl });\n            this.cdkTreeControl.dataNodes = this.treeDataRunTime;\n            this.renderTree = false;\n            this.changeDetectorRef.detectChanges();\n            this.renderTree = true;\n            this.changeDetectorRef.detectChanges();\n            this.expandMatched(this.treeDataRunTime);\n            // this.expandAll();\n        } else {\n            this.treeDataRunTime = structuredClone(this.treeDataRunTimeBackup);\n            this.cdkArrayDataSource = new ArrayDataSource(this.treeDataRunTime);\n            this.cdkTreeControl = new NestedTreeControl<TreeItemRunTimeModel>((node) => node?.children, { trackBy: this.trackByControl });\n            this.cdkTreeControl.dataNodes = this.treeDataRunTime;\n            this.renderTree = false;\n            this.changeDetectorRef.detectChanges();\n            this.renderTree = true;\n            this.changeDetectorRef.detectChanges();\n            this.expandAll();\n        }\n    }\n\n    setAllSelection(isChecked: boolean): void {\n        this.setIsCheckedForAll(this.treeDataRunTime, isChecked);\n        this.changeDetectorRef.markForCheck();\n    }\n\n    updateTreeItem(givenTreeItem: TreeItemModel, path: string): void {\n        const treeItem = structuredClone(givenTreeItem);\n        if (treeItem && path) {\n        this.setTreeData(path, this.processInputs([treeItem])[0]);\n        const pathArr = path.split('.');\n        const index = parseInt(pathArr.pop(), 10);\n        const treeItemRuntime = this.calculateRunTimeState(treeItem, index, pathArr.join('.'));\n        if (treeItemRuntime?.children?.length > 0) {\n            treeItemRuntime.children = this.applyRunTimeLastItems(treeItemRuntime.children);\n        }\n        this.setTreeDataRunTimeBackup(path, treeItemRuntime);\n        this.setTreeDataRunTime(path, treeItemRuntime);\n        // itemRecursiveSelectionState\n        const itemRecursiveSelectionState = this.calculateItemSelectionRecursiveState(treeItem);\n        this.setRunTimeSelectionRecursiveStateTree(path, itemRecursiveSelectionState);\n        this.syncStateChangesAtPath(path);\n        // Rendering\n        this.changeDetectorRef.detectChanges();\n        this.treeComponentInstance.renderNodeChanges([]);\n        this.treeComponentInstance.renderNodeChanges(this.treeDataRunTime);\n        if (this.cdkTreeControl.isExpanded(treeItemRuntime) && !treeItem.node.isExpanded) {\n            this.cdkTreeControl.toggle(treeItemRuntime);\n        } else if (!this.cdkTreeControl.isExpanded(treeItemRuntime) && treeItem.node.isExpanded) {\n            this.cdkTreeControl.expand(treeItemRuntime);\n        }\n        this.renderInitialExpand(this.getRunTimeTreeItem(path)?.children);\n        this.getInitialSelection(this.getRunTimeTreeItem(path)?.children)?.forEach((runTimeItem) => {\n            this.selectTreeItem(this.getRunTimeBackupTreeItem(runTimeItem.path));\n        });\n        this.changeDetectorRef.detectChanges();\n        }\n    }\n\n    onNodeClick(treeRunTimeItem: TreeItemRunTimeModel): void {\n        this.nodeClick.emit(this.getTreeItem(treeRunTimeItem?.path));\n        if (this.isClickTogglingNode) {\n            this.cdkTreeControl.toggle(treeRunTimeItem);\n            this.onNodeToggle(treeRunTimeItem);\n        }\n    }\n\n    onNodeToggle(treeRunTimeItem: TreeItemRunTimeModel): void {\n        this.getTreeItem(treeRunTimeItem?.path).node.isExpanded = this.cdkTreeControl.isExpanded(treeRunTimeItem);\n        this.nodeToggle.emit(this.getTreeItem(treeRunTimeItem?.path));\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    nodeSelected(evt: any, path: string): void {\n        const item = this.getTreeItem(path);\n        const runTimeBackupTreeItem = this.getRunTimeBackupTreeItem(path);\n        const renderedRunTimeTreeItem = this.getRunTimeTreeItem(path);\n        const node = item.node;\n        // console.log(path,item,runTimeTreeItem, renderedRunTimeTreeItem);\n        if (!node?.selectConfig?.singleSelect) {\n            node.isSelected = evt.target.checked;\n            node.isIndeterminate = false;\n            // If the node is recursive it sets every children with the change.\n            if (renderedRunTimeTreeItem?.children && renderedRunTimeTreeItem?.children?.length > 0) {\n                if (node?.selectConfig?.recursive) {\n                    // console.log(renderedRunTimeTreeItem);\n                    this.setIsCheckedForAll(renderedRunTimeTreeItem?.children, evt.target.checked);\n                }\n            }\n\n            this.setRunTimeSelectionRecursiveStateTree(\n                path,\n                this.calculateItemSelectionRecursiveState(structuredClone(this.getTreeItem(path))),\n            );\n            if (renderedRunTimeTreeItem?.children && renderedRunTimeTreeItem?.children?.length >= 0) {\n                if (node?.selectConfig?.recursive) {\n                    // this.setIsCheckedForAll(renderedRunTimeTreeItem?.children, evt.target.checked);\n                    this.runStateChangesForAll(renderedRunTimeTreeItem?.children);\n                }\n                this.treeComponentInstance?.renderNodeChanges([]);\n                this.treeComponentInstance?.renderNodeChanges(this.treeDataRunTime);\n            }\n            this.syncStateChangesAtPath(path);\n            if (this.getTreeItem(path).node.isSelected) {\n                this.selectTreeItem(runTimeBackupTreeItem);\n            } else {\n                this.deselectTreeItem(runTimeBackupTreeItem);\n            }\n            const nodePathsSeq = this.getParentPaths(path);\n            if (nodePathsSeq.length > 0) {\n                nodePathsSeq.forEach((nodePath: string) => {\n                    const treeItem = this.getTreeItem(nodePath);\n                    const childStates = this.getRunTimeSelectionRecursiveState(nodePath).children.map((_) => _.selectionRecursiveState);\n                    this.updateRunTimeSelectionRecursiveState(\n                        nodePath,\n                        this.decideSelectionRecursiveState(\n                            childStates,\n                            treeItem.node?.isSelected,\n                            treeItem.node?.selectConfig?.recursive,\n                            treeItem.node?.selectConfig?.noAutoSelectParent,\n                        ),\n                    );\n                    this.syncStateChangesAtPath(nodePath);\n                });\n                this.changeDetectorRef.detectChanges();\n            } else {\n                this.changeDetectorRef.detectChanges();\n            }\n        } else {\n            const prevItem = this.selectionModel.selected[0];\n            if (evt.target.checked) {\n                if (prevItem) {\n                    this.getTreeItem(prevItem.path).node.isSelected = false;\n                    this.selectionModel.deselect(prevItem);\n                }\n                item.node.isSelected = true;\n                this.selectionModel.select(runTimeBackupTreeItem);\n            } else {\n                item.node.isSelected = false;\n                this.selectionModel.deselect(runTimeBackupTreeItem);\n            }\n            if (this.highlightPath) {\n                if (evt.target.checked && prevItem) {\n                    const prevItemNodePathsSeq = this.getParentPaths(prevItem.path);\n                    if (prevItemNodePathsSeq.length > 0) {\n                        prevItemNodePathsSeq.forEach((nodePath: string) => {\n                            this.updateRunTimeSelectionRecursiveState(nodePath, 'allNotSelected');\n                            this.syncStateChangesAtPath(nodePath);\n                        });\n                    }\n                }\n                const nodePathsSeq = this.getParentPaths(path);\n                if (nodePathsSeq?.length > 0) {\n                    nodePathsSeq.forEach((nodePath: string) => {\n                        this.updateRunTimeSelectionRecursiveState(nodePath, evt.target.checked ? 'indeterminate' : 'allNotSelected');\n                        this.syncStateChangesAtPath(nodePath);\n                    });\n                    this.changeDetectorRef.detectChanges();\n                }\n            }\n        }\n    }\n\n    hasChild = (_: number, item: TreeItemRunTimeModel): boolean => !!item?.children && item?.children?.length >= 0;\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    onSelectFn(path: string): (evt: any) => void {\n        if (this.getTreeItem(path)?.node?.selectable) {\n            const nodeSelected = this.nodeSelected.bind(this);\n            // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            return (evt: any) => nodeSelected(evt, path);\n        }\n        // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        return (evt: any) => {\n            console.warn('treeItemModel.node.selectable is false, you can not implement onSelect');\n        };\n    }\n\n    getRunTimeSelectionRecursiveState(path: string): TreeItemSelectionRecursiveModel {\n        const indexArr: Array<number> = this.resolvePath(path);\n        let nodeArr = this.runTimeSelectionRecursiveState;\n        let node;\n        indexArr?.forEach((pathIndex: number, index) => {\n            if (index < indexArr.length - 1) {\n                nodeArr = nodeArr[pathIndex]?.children;\n            } else {\n                node = nodeArr[pathIndex];\n            }\n        });\n        return node;\n    }\n\n    private initTree(): void {\n        if (this.nodes) {\n            this._isMultiLevel = this.checkIfMultiLevel(this.nodes);\n            this.processedNodes = this.processInputs(structuredClone(this.nodes));\n            this.treeDataRunTime = this.createTreeDataRuntime(this.processedNodes);\n            this.treeDataRunTime = this.applyRunTimeLastItems(this.treeDataRunTime);\n            this.runTimeSelectionRecursiveState = this.createRunTimeSelectionRecursiveState(this.processedNodes);\n            this.treeDataRunTimeBackup = structuredClone(this.treeDataRunTime);\n            // todo It should be configurable, 800, 2 and 400 are hard coded right now\n            if (this.treeDataRunTimeBackup.length > 800) {\n                this.treePagination = new EuiTreePagination<TreeItemRunTimeModel>(this.treeDataRunTimeBackup, 1, 2, 400);\n                const paginatedData = this.treePagination.getViewData().data;\n                this.cdkArrayDataSource = new ArrayDataSource<TreeItemRunTimeModel>(paginatedData);\n                this.cdkTreeControl = new NestedTreeControl<TreeItemRunTimeModel>((node) => node?.children, {\n                    trackBy: this.trackByControl,\n                });\n                this.cdkTreeControl.dataNodes = paginatedData;\n                this.runScrollListener();\n            } else {\n                this.cdkArrayDataSource = new ArrayDataSource<TreeItemRunTimeModel>(this.treeDataRunTime);\n                this.cdkTreeControl = new NestedTreeControl<TreeItemRunTimeModel>((node) => node?.children, {\n                    trackBy: this.trackByControl,\n                });\n                this.cdkTreeControl.dataNodes = this.treeDataRunTime;\n            }\n            this.renderInitialExpand(this.treeDataRunTime);\n            this.selectionModel = new SelectionModel<TreeItemRunTimeModel>(\n                true,\n                this.getInitialSelection(this.treeDataRunTime),\n                true,\n                (a, b) => a?.path === b?.path,\n            );\n            this._selection = [...this.selectionModel.selected]?.map((item) => this.getTreeItem(item?.path));\n            this.renderTree = true;\n            if (this.selectionModelSubs) {\n                this.selectionModelSubs.unsubscribe();\n            }\n            this.selectionModelSubs = this.selectionModel.changed.pipe(debounceTime(1)).subscribe((sc) => {\n                const selectionChange = {\n                    added: sc.added.map((_) => this.getTreeItem(_.path)),\n                    removed: sc.removed.map((_) => this.getTreeItem(_.path)),\n                    selection: [...this.selectionModel.selected].map((item) => this.getTreeItem(item.path)),\n                };\n                this._selection = selectionChange.selection;\n                this.selectionChange.emit(selectionChange);\n            });\n            this.changeDetectorRef.markForCheck();\n        }\n    }\n\n    private processInputs(treeData: TreeDataModel): TreeDataModel {\n        if (this.isMultiselect) {\n            treeData = this.overrideTreeDataModelForSelection(treeData, this.isRecursiveSelection, !this.isRecursiveParentSelection);\n        }\n        if (this.isSingleSelect) {\n            treeData = this.overrideTreeDataModelForSelection(treeData, false, false, true);\n        }\n        return treeData;\n    }\n\n    private overrideTreeDataModelForSelection(\n        nodeArr: TreeDataModel,\n        isRecursive: boolean,\n        noAutoSelectParent: boolean,\n        singleSelect?: boolean,\n    ): TreeDataModel {\n        return nodeArr?.map((item: TreeItemModel, index: number) => {\n            if (item?.children && item.children.length > 0) {\n                return {\n                    ...item,\n                    node: {\n                        ...item.node,\n                        selectable: typeof item?.node?.selectable === 'undefined' ? true : item?.node?.selectable,\n                        // isSelected: false,\n                        // isIndeterminate: false,\n                        selectConfig: {\n                            ...item.node.selectConfig,\n                            recursive:\n                                typeof item?.node?.selectConfig?.recursive === 'undefined'\n                                    ? !!isRecursive\n                                    : item?.node?.selectConfig?.recursive,\n                            noAutoSelectParent:\n                                typeof item?.node?.selectConfig?.noAutoSelectParent === 'undefined'\n                                    ? noAutoSelectParent\n                                    : item?.node?.selectConfig?.noAutoSelectParent,\n                            singleSelect:\n                                typeof item?.node?.selectConfig?.singleSelect === 'undefined'\n                                    ? singleSelect\n                                    : item?.node?.selectConfig?.singleSelect,\n                        },\n                    },\n                    children: this.overrideTreeDataModelForSelection(item.children, isRecursive, noAutoSelectParent, singleSelect),\n                };\n            } else {\n                return {\n                    ...item,\n                    node: {\n                        ...item.node,\n                        selectable: typeof item?.node?.selectable === 'undefined' ? true : item?.node?.selectable,\n                        selectConfig: {\n                            ...item.node?.selectConfig,\n                            singleSelect:\n                                typeof item?.node?.selectConfig?.singleSelect === 'undefined'\n                                    ? singleSelect\n                                    : item?.node?.selectConfig?.singleSelect,\n                        },\n                    },\n                };\n            }\n        });\n    }\n\n    private runScrollListener(): void {\n        this.scrollDispatcherSubs = this.scrollDispatcher.scrolled().subscribe((scrollable: CdkScrollable) => {\n            if (scrollable && this.checkIfCurrentScrollable(scrollable)) {\n                const isAtBottom =\n                    scrollable?.getElementRef().nativeElement.scrollTop + scrollable?.getElementRef().nativeElement.clientHeight >=\n                    scrollable?.getElementRef().nativeElement.scrollHeight;\n                const isAtTop = scrollable?.getElementRef().nativeElement.scrollTop === 0;\n                // console.log('Element:', this.cdkScrollableRef.getElementRef());\n                if (isAtBottom && !this.treePagination.isAtMax()) {\n                    if (this.nodes.length > 0) {\n                        this.treeDataRunTime = this.treePagination.paginateNext().data;\n                        this.treeDataRunTime = this.applyRunTimeLastItems(this.treeDataRunTime);\n                        this.cdkArrayDataSource = new ArrayDataSource(this.treeDataRunTime);\n                        this.cdkTreeControl = new NestedTreeControl<TreeItemRunTimeModel>((node) => node?.children, {\n                            trackBy: this.trackByControl,\n                        });\n                        this.cdkTreeControl.dataNodes = this.treeDataRunTime;\n                        this.renderTree = false;\n                        this.changeDetectorRef.detectChanges();\n                        this.renderTree = true;\n                        this.changeDetectorRef.detectChanges();\n                        this.expandAll();\n                        const totalHeight = scrollable.measureScrollOffset('bottom') + scrollable.measureScrollOffset('top');\n                        const viewportHeight = scrollable.getElementRef().nativeElement.clientHeight;\n                        const positionToScroll = totalHeight - viewportHeight;\n                        scrollable.scrollTo({ top: positionToScroll / 2 });\n                    }\n                } else if (isAtTop && this.treePagination.getCurrentStartPage() > 1) {\n                    if (this.nodes.length > 0) {\n                        this.treeDataRunTime = this.treePagination.paginatePrev().data;\n                        this.treeDataRunTime = this.applyRunTimeLastItems(this.treeDataRunTime);\n                        this.cdkArrayDataSource = new ArrayDataSource(this.treeDataRunTime);\n                        this.cdkTreeControl = new NestedTreeControl<TreeItemRunTimeModel>((node) => node?.children, {\n                            trackBy: this.trackByControl,\n                        });\n                        this.cdkTreeControl.dataNodes = this.treeDataRunTime;\n                        this.renderTree = false;\n                        this.changeDetectorRef.detectChanges();\n                        this.renderTree = true;\n                        this.changeDetectorRef.detectChanges();\n                        this.expandAll();\n                        const totalHeight = scrollable.measureScrollOffset('bottom') + scrollable.measureScrollOffset('top');\n                        const viewportHeight = scrollable.getElementRef().nativeElement.clientHeight;\n                        const positionToScroll = totalHeight - viewportHeight;\n                        scrollable.scrollTo({ top: positionToScroll / 2 + viewportHeight });\n                    }\n                }\n            }\n        });\n    }\n\n    private getSelectionIndexOfItem(runTimeTreeItem: TreeItemRunTimeModel): number {\n        return this.selectionModel.selected.findIndex((i) => i?.path === runTimeTreeItem?.path);\n    }\n\n    private selectTreeItem(runTimeBackupTreeItem: TreeItemRunTimeModel): void {\n        const indexOfItem = this.getSelectionIndexOfItem(runTimeBackupTreeItem);\n        if (indexOfItem === -1) {\n            this.selectionModel.select(runTimeBackupTreeItem);\n        }\n    }\n\n    private deselectTreeItem(runTimeTreeItem: TreeItemRunTimeModel): void {\n        const indexOfItem = this.getSelectionIndexOfItem(runTimeTreeItem);\n        if (indexOfItem > -1) {\n            const newSelection = [...this.selectionModel.selected];\n            newSelection.splice(indexOfItem, 1);\n            this.selectionModel.setSelection(...newSelection);\n        }\n    }\n\n    private createTreeDataRuntime(nodes: TreeDataModel): TreeDataRunTimeModel {\n        return structuredClone(nodes)?.map((item, index) => {\n            return this.calculateRunTimeState(item, index);\n        });\n    }\n\n    private applyRunTimeLastItems(items: TreeDataRunTimeModel): TreeDataRunTimeModel {\n        return items?.map((item, index) => {\n            if (item?.children) {\n                return {\n                    ...item,\n                    last: items.length === index + 1 ? true : undefined,\n                    children: item.children?.length > 0 ? this.applyRunTimeLastItems(item.children) : item?.children,\n                };\n            } else {\n                return {\n                    ...item,\n                    last: items.length === index + 1 ? true : undefined,\n                };\n            }\n        });\n    }\n\n    private createRunTimeSelectionRecursiveState(nodes: TreeDataModel): Array<TreeItemSelectionRecursiveModel> {\n        return structuredClone(nodes)?.map((item) => this.calculateItemSelectionRecursiveState({ ...item }));\n    }\n\n    // Creating run time state which includes children selection state for selection tree.\n    private calculateItemSelectionRecursiveState(treeItem: TreeItemModel): TreeItemSelectionRecursiveModel {\n        const childrenSelectionRecursive: Array<TreeItemSelectionRecursiveModel> = [];\n        if (treeItem.children && treeItem.children.length > 0) {\n            treeItem.children.forEach((child, index) => {\n                childrenSelectionRecursive[index] = this.calculateItemSelectionRecursiveState(child);\n            });\n        }\n        const childStates = childrenSelectionRecursive.map((_) => _.selectionRecursiveState);\n        const itemState: SelectionRecursiveState = this.decideSelectionRecursiveState(\n            childStates,\n            treeItem.node.isSelected,\n            treeItem.node?.selectConfig?.recursive,\n            treeItem.node?.selectConfig?.noAutoSelectParent,\n        );\n        return {\n            selectionRecursiveState: itemState,\n            children: childrenSelectionRecursive,\n        };\n    }\n\n    private decideSelectionRecursiveState(\n        childStates: Array<SelectionRecursiveState> = [],\n        isSelected: boolean,\n        recursive: boolean,\n        noAutoSelectParent: boolean,\n    ): SelectionRecursiveState {\n        let itemState: SelectionRecursiveState = 'indeterminate';\n        if (isSelected && childStates.every((state) => state === 'allSelected')) {\n            itemState = 'allSelected';\n        } else if (!isSelected && childStates.every((state) => state === 'allNotSelected')) {\n            itemState = 'allNotSelected';\n        } else if (recursive && childStates.every((state) => state === 'allSelected') && !isSelected && !noAutoSelectParent) {\n            itemState = 'allSelected';\n        } else if (recursive && childStates.every((state) => state === 'allNotSelected') && isSelected) {\n            itemState = 'allNotSelected';\n        }\n        return itemState;\n    }\n\n    private syncStateChangesAtPath(nodePath): void {\n        const treeItem = this.getTreeItem(nodePath);\n        const runTimeBackupTreeItem = this.getRunTimeBackupTreeItem(nodePath);\n        const runTimeSelectionRecursiveItem = this.getRunTimeSelectionRecursiveState(nodePath);\n        if (treeItem?.node?.selectable && treeItem.node?.selectConfig?.recursive) {\n            if (!treeItem.node?.selectConfig?.noAutoSelectParent) {\n                treeItem.node = {\n                    ...treeItem.node,\n                    isSelected: runTimeSelectionRecursiveItem.selectionRecursiveState === 'allSelected',\n                    isIndeterminate: runTimeSelectionRecursiveItem.selectionRecursiveState === 'indeterminate',\n                };\n            } else {\n                treeItem.node = {\n                    ...treeItem.node,\n                    isSelected: treeItem.node.isSelected && runTimeSelectionRecursiveItem.selectionRecursiveState === 'allSelected',\n                    isIndeterminate:\n                        runTimeSelectionRecursiveItem.selectionRecursiveState === 'indeterminate' ||\n                        (!treeItem.node.isSelected && runTimeSelectionRecursiveItem.selectionRecursiveState === 'allSelected'),\n                };\n            }\n            // console.log(treeItem, treeItem.node.treeContentBlock.label, 'isSelected:' + treeItem.node.isSelected, 'isIndeterminate:' + treeItem.node.isIndeterminate);\n            if (treeItem.node.isSelected === true && !this.selectionModel.isSelected(runTimeBackupTreeItem)) {\n                this.selectTreeItem(runTimeBackupTreeItem);\n            } else if (treeItem.node.isSelected === false && this.selectionModel.isSelected(runTimeBackupTreeItem)) {\n                this.deselectTreeItem(runTimeBackupTreeItem);\n            }\n        }\n    }\n\n    private setTreeData(path: string, item: TreeItemModel): void {\n        const indexArr: Array<number> = this.resolvePath(path);\n        let itemArr = this.processedNodes;\n        indexArr?.forEach((pathIndex: number, index) => {\n            if (index < indexArr.length - 1) {\n                itemArr = itemArr[pathIndex]?.children;\n            } else {\n                itemArr[pathIndex] = item;\n            }\n        });\n    }\n\n    private setTreeDataRunTimeBackup(path: string, item: TreeItemRunTimeModel): void {\n        const indexArr: Array<number> = this.resolvePath(path);\n        let itemArr = this.treeDataRunTimeBackup;\n        indexArr.forEach((pathIndex: number, index) => {\n            if (index < indexArr.length - 1) {\n                itemArr = itemArr[pathIndex]?.children;\n            } else {\n                itemArr[pathIndex] = item;\n            }\n        });\n    }\n\n    private setTreeDataRunTime(path: string, item: TreeItemRunTimeModel): void {\n        const oldItem = this.getRunTimeTreeItem(path);\n        if(oldItem){\n            Object.keys(item)?.forEach(key => {\n                oldItem[key] = item[key];\n            });\n        }\n    }\n\n    private setRunTimeSelectionRecursiveStateTree(path: string, item: TreeItemSelectionRecursiveModel): void {\n        const indexArr: Array<number> = this.resolvePath(path);\n        let itemArr = this.runTimeSelectionRecursiveState;\n        indexArr.forEach((pathIndex: number, index) => {\n            if (index < indexArr.length - 1) {\n                itemArr = itemArr[pathIndex]?.children;\n            } else {\n                itemArr[pathIndex] = item;\n            }\n        });\n    }\n\n    private updateRunTimeSelectionRecursiveState(path: string, selectionRecursiveState: SelectionRecursiveState): void {\n        const indexArr: Array<number> = this.resolvePath(path);\n        let itemArr = this.runTimeSelectionRecursiveState;\n        indexArr.forEach((pathIndex: number, index) => {\n            if (index < indexArr.length - 1) {\n                itemArr = itemArr[pathIndex]?.children;\n            } else {\n                itemArr[pathIndex] = {\n                    ...itemArr[pathIndex],\n                    selectionRecursiveState,\n                };\n            }\n        });\n    }\n\n    private setIsCheckedForAll(nodeArr: Array<TreeItemRunTimeModel>, isChecked: boolean): void {\n        nodeArr.forEach((runTimeItem: TreeItemRunTimeModel, index: number) => {\n            const runtimeBackupTreeItem = this.getRunTimeBackupTreeItem(runTimeItem.path);\n            const treeItem = this.getTreeItem(runTimeItem.path);\n            const node = treeItem.node;\n            if (node?.selectable) {\n                node.isSelected = isChecked;\n                node.isIndeterminate = false;\n                if (isChecked) {\n                    this.selectTreeItem(runtimeBackupTreeItem);\n                } else {\n                    this.deselectTreeItem(runtimeBackupTreeItem);\n                }\n            }\n            if (runTimeItem?.children?.length > 0) {\n                this.setIsCheckedForAll(nodeArr[index].children, isChecked);\n            }\n        });\n    }\n\n    private runStateChangesForAll(nodeArr: Array<TreeItemRunTimeModel>): void {\n        nodeArr?.forEach((runTimeItem: TreeItemRunTimeModel, index: number) => {\n            if (runTimeItem?.children?.length >= 0) {\n                this.runStateChangesForAll(nodeArr[index].children);\n                this.syncSelectionAtPath(runTimeItem);\n            }\n        });\n    }\n\n    private syncSelectionAtPath(runTimeTreeItem: TreeItemRunTimeModel): void {\n        // It is here for the filter edge case.\n        this.syncStateChangesAtPath(runTimeTreeItem.path);\n        // Sets isSelected change on the control.\n        if (this.getTreeItem(runTimeTreeItem.path).node.isSelected) {\n            this.selectTreeItem(this.getRunTimeBackupTreeItem(runTimeTreeItem.path));\n        } else {\n            this.deselectTreeItem(this.getRunTimeBackupTreeItem(runTimeTreeItem.path));\n        }\n    }\n\n    private resolvePath(path: string): Array<number> {\n        return path?.split('.').map((index: string) => parseInt(index, 10));\n    }\n\n    private getParentPaths(path: string): Array<string> {\n        const pathArr = path.split('.');\n        const hasParent = pathArr.length > 1;\n        // Sets the hasParent If there is a parent, and removes the last element form pathArr.\n        if (hasParent) {\n            pathArr.pop();\n            // Calculates parent path\n            const parentPath = pathArr.join('.');\n            // Creating node index sequence f.e If path is '1.2' it will be [1,2]\n            const nodeIndexSeq = parentPath.split('.').map((indexStr) => parseInt(indexStr, 10));\n            // Calculating the node paths array to be re-calculated from bottom to top\n            const nodePathsSeq = [];\n            nodeIndexSeq.forEach((nodeIndex, index) => {\n                nodePathsSeq[index] = nodeIndexSeq.slice(0, index + 1).join('.');\n            });\n            return nodePathsSeq.reverse();\n        } else {\n            return [];\n        }\n    }\n\n    private calculateRunTimeState(treeItem: TreeItemModel, index: number, parentPath?: string): TreeItemRunTimeModel {\n        const runTimeTreeItem: TreeItemRunTimeModel = {\n            path: parentPath ? parentPath + '.' + index : index.toString(),\n            index,\n        };\n        if (treeItem.children && treeItem.children.length >= 0) {\n            runTimeTreeItem.children = [];\n            treeItem.children.forEach((child, treeItemIndex) => {\n                runTimeTreeItem.children[treeItemIndex] = this.calculateRunTimeState(child, treeItemIndex, runTimeTreeItem.path);\n            });\n        }\n        return runTimeTreeItem;\n    }\n\n    private filterTreeData(runTimeTreeData: TreeDataRunTimeModel, key = 'label', filterStr: string, showChildren: boolean, show?:boolean): TreeDataRunTimeModel {\n        return runTimeTreeData.filter((runTimeItem) => {\n            const targetData = this.getTreeItem(runTimeItem.path).node.treeContentBlock[key];\n            if (\n                targetData && this.normalizedStr(targetData)?.includes(this.normalizedStr(filterStr))\n            ) {\n                if(runTimeItem?.children?.length > 0){\n                    runTimeItem.children = this.filterTreeData(runTimeItem.children, key, filterStr, showChildren, showChildren);\n                }\n                Object.assign(runTimeItem,{ matched: true })\n                // runTimeItem.matched = true;\n                return true;\n            } else if (runTimeItem?.children?.length > 0) {\n                runTimeItem.children = this.filterTreeData(runTimeItem.children, key, filterStr, showChildren, show);\n                runTimeItem.children = runTimeItem.children.length > 0 ? runTimeItem.children : undefined;\n                return runTimeItem?.children?.length > 0 || show;\n            } else {\n                return show;\n            }\n        });\n    }\n\n    private normalizedStr(str: string): string {\n        return str\n            .toLowerCase()\n            .normalize('NFD')\n            .replace(/[\\u0300-\\u036f]/g, '');\n    }\n\n    private getInitialSelection(nodes: TreeDataRunTimeModel): Array<TreeItemRunTimeModel> {\n        const selection: Array<TreeItemRunTimeModel> = [];\n        this.scanSelection(nodes, selection);\n        return selection;\n    }\n\n    private scanSelection(nodes: TreeDataRunTimeModel, selection: Array<TreeItemRunTimeModel>): void {\n        nodes.forEach((item: TreeItemRunTimeModel) => {\n            if (this.getTreeItem(item.path).node?.selectable && this.getTreeItem(item.path).node.isSelected) {\n                selection.push(item);\n            }\n            if (item?.children?.length > 0) {\n                this.scanSelection(item.children, selection);\n            }\n        });\n    }\n\n    private renderInitialExpand(nodes: TreeDataRunTimeModel): void {\n        nodes.forEach((item: TreeItemRunTimeModel) => {\n            if (item?.children?.length > 0) {\n                this.renderInitialExpand(item.children);\n            }\n            if (typeof this.getTreeItem(item.path).node.isExpanded !== 'undefined') {\n                if(this.getTreeItem(item.path).node.isExpanded && !this.cdkTreeControl.isExpanded(item)){\n                    this.expandAt(item.path);\n                }else if(!this.getTreeItem(item.path).node.isExpanded &&  this.cdkTreeControl.isExpanded(item)){\n                    this.cdkTreeControl.collapse(item);\n                }\n            }\n        });\n    }\n\n    private expandMatched(nodes: TreeDataRunTimeModel): void {\n        nodes.forEach((item: TreeItemRunTimeModel) => {\n            if (item.matched) {\n                const parentPath = this.getParentPaths(item.path)[0];\n                if (parentPath) {\n                    let parentTreeItem = this.getTreeItem(parentPath);\n                    parentTreeItem = {\n                        ...parentTreeItem,\n                        node: {\n                            ...parentTreeItem.node,\n                            isExpanded: true,\n                        },\n                    };\n                    //  node.isExpanded = true;\n                    // console.log(\"here\", parentTreeItem.node.treeContentBlock.label, parentPath, item);\n                    this.expandAt(parentPath);\n                }\n            }\n            if (item?.children?.length > 0) {\n                this.expandMatched(item.children);\n            }\n        });\n    }\n\n    private getRunTimeTreeItem(path: string): TreeItemRunTimeModel {\n        return this.findRunTimeTreeItem(this.treeDataRunTime, path);\n    }\n\n    private findRunTimeTreeItem(treeDataRunTime: TreeDataRunTimeModel, path): TreeItemRunTimeModel {\n        for (const runTimeItem of treeDataRunTime) {\n            if (runTimeItem.path === path) {\n                return runTimeItem;\n            } else if (runTimeItem?.children?.length > 0) {\n                const found = this.findRunTimeTreeItem(runTimeItem.children, path);\n                if (found) {\n                    return found;\n                }\n            }\n        }\n        return null;\n    }\n\n    private getRunTimeBackupTreeItem(path: string): TreeItemRunTimeModel {\n        const indexArr: Array<number> = this.resolvePath(path);\n        let nodeArr = this.treeDataRunTimeBackup;\n        let node;\n        if (nodeArr && Array.isArray(nodeArr)) {\n            indexArr?.forEach((pathIndex: number, index) => {\n                if (index < indexArr.length - 1) {\n                    nodeArr = nodeArr && nodeArr[pathIndex]?.children;\n                } else {\n                    node = nodeArr[pathIndex];\n                }\n            });\n        }\n        return node;\n    }\n\n    private getCssClasses(): string {\n        return [\n            'eui-tree',\n            this.isMultiselect ? 'eui-tree--multiselect' : '',\n            this._isMultiLevel ? 'eui-tree--with-children' : '',\n            this._showLines ? 'eui-tree--show-lines' : '',\n        ]\n        .join(' ')\n        .trim();\n    }\n\n    private checkIfMultiLevel(tree: TreeDataModel): boolean {\n        let isMultiLevel = false;\n        tree.forEach((item: TreeItemModel) => {\n            if (item?.children?.length >= 0) {\n                isMultiLevel = true;\n            }\n        });\n        return isMultiLevel;\n    }\n\n    private checkIfCurrentScrollable(scrolled: CdkScrollable): boolean {\n        return scrolled.getElementRef().nativeElement === this.cdkScrollableRef.getElementRef().nativeElement;\n    }\n}\n\n@NgModule({\n    imports: [\n        CommonModule,\n        RouterModule,\n        FormsModule,\n        TranslateModule,\n        EuiInputCheckboxModule,\n        CdkTreeModule,\n        EuiButtonModule,\n        EuiIconModule,\n        EuiLabelModule,\n        EuiBadgeModule,\n        EuiChipModule,\n        EuiDropdownModule,\n        ScrollingModule,\n    ],\n    declarations: [EuiTreeComponent],\n    exports: [EuiTreeComponent],\n})\nexport class EuiTreeModule {}\n", "<div class=\"eui-ul-rep eui-tree__wrapper\" cdkScrollable #cdkScrollableRef>\n    <cdk-tree\n        #treeComponentInstance\n        [dataSource]=\"cdkArrayDataSource\"\n        [treeControl]=\"cdkTreeControl\"\n        [trackBy]=\"trackBy\"\n        *ngIf=\"renderTree\"\n        class=\"eui-cdk-tree\">\n        <!-- There are two states of generic cdk-nested-tree-node declarations.\n        First one is without child. No sub rendering.\n        -->\n        <cdk-nested-tree-node *cdkTreeNodeDef=\"let treeRunTimeItemModel\" class=\"eui-cdk-nested-tree-node\">\n            <div *ngIf=\"treeRunTimeItemModel\"\n                class=\"eui-li-rep eui-tree-node\"\n                [class.eui-tree-node--first]=\"treeRunTimeItemModel?.path === '0'\"\n                [class.eui-tree-node--last]=\"treeRunTimeItemModel.last\"\n                title=\"{{\n                    getTreeItem(treeRunTimeItemModel?.path)?.node?.treeContentBlock?.tooltipLabel ||\n                        getTreeItem(treeRunTimeItemModel?.path)?.node?.treeContentBlock?.label\n                }}\">\n                <div class=\"eui-tree-node-wrapper\"\n                     (click)=\"onNodeClick(treeRunTimeItemModel)\">\n                    <div class=\"eui-tree-node-wrapper__container\">\n                        <!--\n                        Renders node in default or provided template's context.\n                        Generates onSelect with onSelectFn for developers to send the events from their custom check events.\n                        Provides id to be used on generic template\n                        -->\n                        <ng-container\n                            [ngTemplateOutlet]=\"nodeTemplateRef || nodeTemplateDefault\"\n                            [ngTemplateOutletContext]=\"{\n                                $implicit: getTreeItem(treeRunTimeItemModel?.path)?.node,\n                                onSelect: onSelectFn(treeRunTimeItemModel.path),\n                                id: uid + treeRunTimeItemModel.path,\n                                path: treeRunTimeItemModel.path\n                            }\">\n                        </ng-container>\n                    </div>\n                </div>\n            </div>\n        </cdk-nested-tree-node>\n        <!-- This is the tree node template for expandable nodes -->\n        <cdk-nested-tree-node\n            *cdkTreeNodeDef=\"let treeRunTimeItemModel; when: hasChild\"\n            class=\"eui-cdk-nested-tree-node eui-cdk-nested-tree-node--with-child\">\n            <div\n                class=\"eui-li-rep eui-tree-node eui-tree-node--with-child\"\n                [class.eui-tree-node--first]=\"treeRunTimeItemModel?.path === '0'\"\n                [class.eui-tree-node--last]=\"treeRunTimeItemModel.last\"\n                *ngIf=\"treeRunTimeItemModel\"\n                title=\"{{\n                    getTreeItem(treeRunTimeItemModel?.path)?.node?.treeContentBlock?.tooltipLabel ||\n                        getTreeItem(treeRunTimeItemModel?.path)?.node?.treeContentBlock?.label\n                }}\">\n                <div\n                    class=\"eui-tree-node-wrapper\">\n                    <!--Here wraps the node, and listen for node clicks.-->\n                    <div (click)=\"onNodeClick(treeRunTimeItemModel)\" class=\"eui-tree-node-wrapper__container\">\n                        <!-- Expand/collapse action button -->\n                        <button\n                            euiButton\n                            euiIconButton\n                            euiBasicButton\n                            euiRounded\n                            euiSizeS\n                            type=\"button\"\n                            [attr.aria-label]=\"'Toggle ' + getTreeItem(treeRunTimeItemModel?.path)?.node?.treeContentBlock?.label\"\n                            (click)=\"onNodeToggle(treeRunTimeItemModel)\"\n                            cdkTreeNodeToggle\n                            class=\"eui-tree-node__button\">\n                            <eui-icon-svg\n                                *ngIf=\"!cdkTreeControl.isExpanded(treeRunTimeItemModel) && !collapsedIconClass\"\n                                [icon]=\"expandedSvgIconClass\"></eui-icon-svg>\n                            <eui-icon-svg\n                                *ngIf=\"cdkTreeControl.isExpanded(treeRunTimeItemModel) && !expandedIconClass\"\n                                [icon]=\"collapsedSvgIconClass\"></eui-icon-svg>\n                        </button>\n                        <!--\n                        Renders node in default or provided template's context.\n                        Generates onSelect with onSelectFn for developers to send the events from their custom check events.\n                        Provides id to be used on generic template\n                        -->\n                        <ng-container\n                            [ngTemplateOutlet]=\"nodeTemplateRef || nodeTemplateDefault\"\n                            [ngTemplateOutletContext]=\"{\n                                $implicit: getTreeItem(treeRunTimeItemModel.path)?.node,\n                                onSelect: onSelectFn(treeRunTimeItemModel.path),\n                                id: uid + treeRunTimeItemModel.path,\n                                path: treeRunTimeItemModel.path,\n                                children: getTreeItem(treeRunTimeItemModel?.path)?.children\n                            }\">\n                        </ng-container>\n                    </div>\n                </div>\n                <!--uses cdkTreeNodeOutlet to render children nodes, CdkTreeControl is used to control isExpanded state.-->\n                <div class=\"eui-ul-rep eui-tree-node\" role=\"group\" *ngIf=\"cdkTreeControl.isExpanded(treeRunTimeItemModel)\">\n                    <ng-container cdkTreeNodeOutlet></ng-container>\n                </div>\n            </div>\n        </cdk-nested-tree-node>\n    </cdk-tree>\n</div>\n\n<ng-template #nodeTemplateDefault let-node let-onSelect=\"onSelect\" let-id=\"id\" let-path=\"path\">\n    <ng-container *ngIf=\"node\">\n        <div class=\"eui-tree-node-wrapper__container-left\" [class.eui-tree-node-wrapper__container-left--selected]=\"node?.isSelected\">\n            <!--input checkbox area-->\n            <input\n                euiInputCheckBox\n                *ngIf=\"node && node.selectable\"\n                type=\"checkbox\"\n                id=\"{{ id }}\"\n                [checked]=\"!!node?.isSelected\"\n                [indeterminate]=\"!!node?.isIndeterminate\"\n                (change)=\"onSelect($event)\"\n                class=\"eui-u-mr-m\" />\n\n            <!--icon area-->\n            <ng-container *ngIf=\"node?.treeContentBlock?.iconSvgName\">\n                <eui-icon-svg\n                    icon=\"{{ node?.treeContentBlock?.iconSvgName }}\"\n                    fillColor=\"{{ node?.treeContentBlock?.iconTypeClass || 'neutral' }}\"\n                    size=\"s\"\n                    class=\"eui-u-mr-xs\">\n                </eui-icon-svg>\n            </ng-container>\n\n            <!--chips area-->\n            <ng-container *ngIf=\"node?.treeContentBlock?.chips\">\n                <eui-chip\n                    *ngFor=\"let chip of node.treeContentBlock.chips\"\n                    euiSizeXS\n                    [euiVariant]=\"chip.typeClass || 'secondary'\"\n                    [euiOutline]=\"chip.isOutline\"\n                    class=\"eui-chip--rounded eui-u-mb-none eui-u-mr-xs\">\n                    <span euiLabel>{{ chip.label }}</span>\n                </eui-chip>\n            </ng-container>\n\n            <!--badge (typeLabel & typeClass) area-->\n            <ng-container *ngIf=\"node?.treeContentBlock?.typeLabel\" [ngSwitch]=\"node?.treeContentBlock?.typeClass\">\n                <eui-badge euiSizeM [euiVariant]=\"node?.treeContentBlock?.typeClass || 'primary'\" class=\"eui-u-flex-no-shrink eui-u-mr-xs\">\n                    {{ node?.treeContentBlock?.typeLabel }}\n                </eui-badge>\n            </ng-container>\n        </div>\n\n        <!--label area-->\n        <div class=\"eui-tree-node-wrapper__container-middle\">\n            <label\n                *ngIf=\"!node?.treeContentBlock?.url && !node?.treeContentBlock?.urlExternal\"\n                euiLabel\n                for=\"{{ id }}\"\n                class=\"eui-u-text-truncate eui-u-p-2xs\"\n                [class.eui-label--selected]=\"\n                    highlightPath\n                        ? getRunTimeSelectionRecursiveState(path)?.selectionRecursiveState === 'indeterminate' || node?.isSelected\n                        : node?.isSelected\n                \"\n                [class.eui-u-cursor-pointer]=\"node?.selectable\">\n                {{ autoTranslate ? (node?.treeContentBlock?.label | translate) : node?.treeContentBlock?.label }}\n            </label>\n            <label *ngIf=\"node?.treeContentBlock?.url\" euiLabel for=\"{{ id }}\" class=\"eui-u-text-truncate eui-u-p-2xs\">\n                <a\n                    class=\"eui-u-text-link\"\n                    [class.eui-u-text-link-standalone]=\"!showUnderlinedLinks\"\n                    [routerLink]=\"node?.treeContentBlock?.url\">\n                    {{ autoTranslate ? (node?.treeContentBlock?.label | translate) : node?.treeContentBlock?.label }}\n                </a>\n            </label>\n            <label *ngIf=\"node?.treeContentBlock?.urlExternal\" euiLabel for=\"{{ id }}\" class=\"eui-u-text-truncate eui-u-p-2xs\">\n                <a\n                    class=\"eui-u-text-link-external\"\n                    [class.eui-u-text-link-external-standalone]=\"!showUnderlinedLinks\"\n                    href=\"{{ node?.treeContentBlock?.urlExternal }}\"\n                    target=\"{{ node?.treeContentBlock?.urlExternalTarget || 'blank' }}\">\n                    {{ autoTranslate ? (node?.treeContentBlock?.label | translate) : node?.treeContentBlock?.label }}\n                </a>\n            </label>\n        </div>\n\n        <div *ngIf=\"node?.treeContentBlock?.rightContent\" class=\"eui-tree-node-wrapper__container-right\">\n            <!--badges area-->\n            <ng-container *ngFor=\"let badge of node.treeContentBlock.rightContent?.badges\">\n                <eui-badge euiSizeM euiOutline [euiVariant]=\"badge.typeClass || 'secondary'\" class=\"eui-u-ml-xs\">\n                    <span euiLabel>{{ badge.label }}</span>\n                </eui-badge>\n            </ng-container>\n\n            <!--chips area-->\n            <ng-container *ngFor=\"let chip of node.treeContentBlock.rightContent?.chips\">\n                <eui-chip\n                    euiSizeXS\n                    [euiVariant]=\"chip.typeClass || 'secondary'\"\n                    [euiOutline]=\"chip.isOutline\"\n                    class=\"eui-chip--rounded eui-u-mb-none eui-u-ml-xs\">\n                    <span euiLabel>{{ chip.label }}</span>\n                </eui-chip>\n            </ng-container>\n\n            <!--Context menu-->\n            <ng-container *ngIf=\"node.treeContentBlock.rightContent?.contextMenuMetaData && rightContextMenuTemplateRef\">\n                <eui-dropdown class=\"eui-u-ml-xs\">\n                    <button euiButton euiSizeS euiRounded euiIconButton euiBasicButton euiSecondary [attr.aria-label]=\"'Options menu'\">\n                        <eui-icon-svg icon=\"ellipsis-vertical:sharp\"></eui-icon-svg>\n                    </button>\n                    <eui-dropdown-content>\n                        <ng-template\n                            [ngTemplateOutlet]=\"rightContextMenuTemplateRef\"\n                            [ngTemplateOutletContext]=\"{\n                                $implicit: node?.treeContentBlock?.rightContent?.contextMenuMetaData,\n                                metadata: node?.treeContentBlock?.rightContent?.contextMenuMetaData\n                            }\">\n                        </ng-template>\n                    </eui-dropdown-content>\n                </eui-dropdown>\n            </ng-container>\n        </div>\n\n        <!--metadata, uses the help of ng template to generate dynamic expand variable without handling state -->\n        <ng-container\n            *ngIf=\"node.treeContentBlock?.metadata && nodeContentMetadataTemplateRef\"\n            [ngTemplateOutlet]=\"nodeContentMetadataContainer\"\n            [ngTemplateOutletContext]=\"{\n                $implicit: { expanded: false }\n            }\">\n        </ng-container>\n        <ng-template #nodeContentMetadataContainer let-metaDataContainer>\n            <button\n                euiButton\n                euiBasicButton\n                euiIconButton\n                euiRounded\n                euiSizeS\n                type=\"button\"\n                aria-label=\"expand collapse tree item\"\n                (click)=\"metaDataContainer.expanded = !metaDataContainer.expanded\">\n                <eui-icon-svg [icon]=\"metaDataContainer.expanded ? 'chevron-down:sharp' : 'chevron-forward:sharp'\"></eui-icon-svg>\n            </button>\n            <div *ngIf=\"metaDataContainer.expanded\" class=\"eui-tree-node__metacontent\">\n                <!--passing metadata of the node content to provided template-ref:nodeContentMetadataTemplateRef-->\n                <ng-template\n                    [ngTemplateOutlet]=\"nodeContentMetadataTemplateRef\"\n                    [ngTemplateOutletContext]=\"{\n                        $implicit: node?.treeContentBlock?.metadata,\n                        metadata: node?.treeContentBlock?.metadata\n                    }\">\n                </ng-template>\n            </div>\n        </ng-template>\n    </ng-container>\n</ng-template>\n", "import {\n    Directive,\n    Host,\n    AfterContentInit,\n    ContentChild,\n    Input,\n    TemplateRef,\n    AfterViewInit,\n    ChangeDetectorRef,\n    ElementRef,\n    Renderer2,\n    NgModule,\n} from '@angular/core';\nimport { EuiTreeComponent } from './eui-tree.component';\nimport { TreeDataModel } from './eui-tree.model';\nimport { EuiDropdownComponent } from '@eui/components/eui-dropdown';\nimport { CommonModule } from '@angular/common';\n\n@Directive({\n    selector: 'eui-dropdown[euiDropdownTree]',\n})\nexport class EuiDropdownTreeDirective implements AfterContentInit, AfterViewInit {\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    @Input() buttonTemplateRef: TemplateRef<any>;\n    @ContentChild(EuiTreeComponent, { static: false }) euiTree: EuiTreeComponent;\n\n    private buttonLabel: string;\n    private buttonViewRef;\n\n    constructor(\n        private changeDetectorRef: ChangeDetectorRef,\n        private hostElement: ElementRef,\n        private renderer: Renderer2,\n        @Host() private euiDropdown: EuiDropdownComponent,\n    ) {}\n\n    ngAfterContentInit(): void {\n        this.buttonLabel = this.createButtonLabel(this.euiTree.getSelection());\n        this.euiTree.selectionChange.subscribe((selectionChanges) => {\n            this.buttonLabel = this.createButtonLabel(selectionChanges.selection);\n            this.buttonViewRef.context.$implicit = this.buttonLabel;\n            this.buttonViewRef.detectChanges();\n        });\n    }\n\n    ngAfterViewInit(): void {\n        if (this.buttonTemplateRef) {\n            const triggerContainer = this.hostElement.nativeElement.querySelector('.eui-dropdown__trigger-container');\n            if (!triggerContainer) {\n                console.error('Could not find the triggerContainer');\n                return;\n            }\n            while (triggerContainer.firstChild) {\n                triggerContainer.removeChild(triggerContainer.firstChild);\n            }\n            this.buttonViewRef = this.buttonTemplateRef.createEmbeddedView({ $implicit: this.buttonLabel });\n            this.buttonViewRef.detectChanges();\n\n            this.buttonViewRef.rootNodes.forEach((node) => {\n                if (node.nodeType === Node.ELEMENT_NODE) {\n                    this.renderer.appendChild(triggerContainer, node);\n                }\n            });\n        }\n    }\n\n    private createButtonLabel(selection: TreeDataModel): string {\n        if (selection?.length > 0) {\n            return this.euiTree\n                .getSelection()\n                ?.map((item) => item.node.treeContentBlock.label)\n                .join(',') as string;\n        }\n        return 'No node selected.';\n    }\n}\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [EuiDropdownTreeDirective],\n    declarations: [EuiDropdownTreeDirective],\n})\nexport class EuiDropdownTreeDirectiveModule {}\n", "import { TreeDataModel, TreeItemModel } from './eui-tree.model';\n\nexport class EuiTreeHelper {\n    private readonly treeData: TreeDataModel;\n\n    constructor(treeData: TreeDataModel) {\n        this.treeData = treeData;\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    public getPath(value: any, identifierKey = 'node.treeContentBlock.id'): string {\n        if(typeof value !=='undefined'){\n        const paths: Array<string> = [];\n        this.traverse(this.treeData, '', [value], paths, undefined, identifierKey);\n        return paths[0];\n        }\n        return null;\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    public getPaths(values: Array<any>, identifierKey?: string): Array<string> {\n        const paths: Array<string> = [];\n        this.traverse(this.treeData, '', values, paths, undefined, identifierKey);\n        return paths;\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    public getItems(values: Array<any>, identifierKey?: string): Array<TreeItemModel> {\n        const matchedItems: Array<TreeItemModel> = [];\n        this.traverse(this.treeData, '', values, undefined, matchedItems, identifierKey);\n        return matchedItems;\n    }\n\n    private traverse(\n        tree: TreeDataModel,\n        currentPath: string,\n        // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        values: Array<any>,\n        paths?: Array<string>,\n        items?: Array<TreeItemModel>,\n        identifierKey?: string,\n    ): void {\n        for (const [i, item] of tree.entries()) {\n            const valueToCheck = identifierKey ? this.getValueAtKey(item, identifierKey) : item;\n\n            if (values.some((v) => this.deepEqual(v, valueToCheck))) {\n                if (paths) paths.push(`${currentPath}${i}`);\n                if (items) items.push(item);\n            }\n\n            if (item.children && item.children.length) {\n                this.traverse(item.children, `${currentPath}${i}.`, values, paths, items, identifierKey);\n            }\n        }\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    private getValueAtKey(object: any, key: string): any {\n        const keys = key.split('.');\n        let current = object;\n        for (const k of keys) {\n            if (current[k] !== undefined) {\n                current = current[k];\n            } else {\n                return undefined;\n            }\n        }\n        return current;\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    private deepEqual(obj1: any, obj2: any): boolean {\n        if (obj1 === obj2) {\n            return true;\n        }\n        if (typeof obj1 !== 'object' || obj1 === null || typeof obj2 !== 'object' || obj2 === null) {\n            return false;\n        }\n        const keys1 = Object.keys(obj1);\n        const keys2 = Object.keys(obj2);\n\n        if (keys1.length !== keys2.length) {\n            return false;\n        }\n        for (const key of keys1) {\n            if (!keys2.includes(key) || !this.deepEqual(obj1[key], obj2[key])) {\n                return false;\n            }\n        }\n        return true;\n    }\n}\n", "import { Directive, Host, forwardRef, AfterContentInit, Input, NgModule } from '@angular/core';\nimport { NG_VALUE_ACCESSOR, ControlValueAccessor } from '@angular/forms';\nimport { CommonModule } from '@angular/common';\nimport { EuiTreeComponent } from './eui-tree.component';\nimport { EuiTreeSelectionChanges, TreeDataModel, TreeItemModel } from './eui-tree.model';\nimport { EuiTreeHelper } from './eui-tree-helper';\n\n@Directive({\n    selector: 'eui-tree[euiTreeFormControl]',\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => EuiTreeFormControlDirective),\n            multi: true,\n        },\n    ],\n})\nexport class EuiTreeFormControlDirective implements ControlValueAccessor, AfterContentInit {\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    private onChange: (value: any) => void;\n    private onTouched: () => void;\n\n    constructor(@Host() private tree: EuiTreeComponent) {}\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    @Input() euiTreeControlValueSetter: (selection: TreeDataModel) => any = (selection: TreeDataModel) => {\n        return selection;\n    };\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    @Input() euiTreeControlModelMapper: (model: any, tree?: TreeDataModel) => Array<TreeItemModel> = (model: Array<TreeItemModel>) => {\n        return model;\n    };\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    writeValue(value: any): void {\n        this.tree.setAllSelection(false);\n        if (typeof value !== 'undefined' && value !== null && value?.length > 0) {\n            const initialItems = this.euiTreeControlModelMapper(value, this.tree.nodes);\n            const paths = new EuiTreeHelper(this.tree.nodes).getPaths(initialItems);\n            paths.forEach((path: string) => {\n                this.tree.nodeSelected({ target: { checked: true } }, path);\n            });\n        }\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    registerOnChange(fn: any): void {\n        this.onChange = fn;\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    registerOnTouched(fn: any): void {\n        this.onTouched = fn;\n    }\n\n    ngAfterContentInit(): void {\n        this.tree.selectionChange.subscribe((selectionChanges: EuiTreeSelectionChanges) => {\n            this.onChange(this.euiTreeControlValueSetter(selectionChanges.selection));\n        });\n    }\n}\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [EuiTreeFormControlDirective],\n    declarations: [EuiTreeFormControlDirective],\n})\nexport class EuiTreeFormControlDirectiveModule {}\n"],
   "mappings": "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",
   "names": ["Input", "NgModule", "CommonModule", "i0", "Directive", "Host", "Input", "NgModule", "CommonModule", "i0"]
 }

package/fesm2022/eui-components-eui-user-profile.mjs

@@ -221,7 +221,7 @@ var EuiUserProfileComponent = class _EuiUserProfileComponent {
                 </ng-template>
                 <eui-avatar-badge position="bottom" *ngIf="hasMenu || hasToggle">
                     <eui-badge euiSecondary euiSizeXS>
-                        <eui-icon-svg icon="eui-chevron-down" size="2xs" fillColor="neutral"></eui-icon-svg>
+                        <eui-icon-svg icon="chevron-down:sharp" size="2xs" fillColor="neutral"></eui-icon-svg>
                     </eui-badge>
                 </eui-avatar-badge>
             </eui-avatar>
@@ -293,7 +293,7 @@ i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", n
                 </ng-template>
                 <eui-avatar-badge position="bottom" *ngIf="hasMenu || hasToggle">
                     <eui-badge euiSecondary euiSizeXS>
-                        <eui-icon-svg icon="eui-chevron-down" size="2xs" fillColor="neutral"></eui-icon-svg>
+                        <eui-icon-svg icon="chevron-down:sharp" size="2xs" fillColor="neutral"></eui-icon-svg>
                     </eui-badge>
                 </eui-avatar-badge>
             </eui-avatar>
@@ -391,12 +391,12 @@ var EuiUserProfileCardComponent = class _EuiUserProfileCardComponent {
     this.ɵfac = i04.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i04, type: _EuiUserProfileCardComponent, deps: [{ token: i13.UserService }], target: i04.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i04.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.1", type: _EuiUserProfileCardComponent, selector: "eui-user-profile-card", inputs: { impersonateLabel: "impersonateLabel", showDetailsLabel: "showDetailsLabel", avatarUrl: "avatarUrl", isShowAvatarInitials: ["isShowAvatarInitials", "isShowAvatarInitials", booleanAttribute2] }, outputs: { showProfileInfo: "showProfileInfo", closeProfileMenu: "closeProfileMenu" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i04, template: '<div class="eui-user-profile-card__main-wrapper">\n    <div class="eui-user-profile-card__avatar-wrapper">\n        <eui-avatar euiSizeL euiInfo>\n            <eui-avatar-text *ngIf="isShowAvatarInitials; else noAvatarInitials">\n                {{ avatarInitials }}\n            </eui-avatar-text>\n            <ng-template #noAvatarInitials>\n                <eui-avatar-image *ngIf="!avatarUrl"></eui-avatar-image>\n                <eui-avatar-image *ngIf="avatarUrl" [imageUrl]="avatarUrl"></eui-avatar-image>\n            </ng-template>\n        </eui-avatar>\n    </div>\n    <div class="eui-user-profile-card__userInfos">\n        <div class="eui-u-f-xl eui-u-mb-s">{{ userState.fullName }}</div>\n        <div *ngIf="userState.function" class="eui-user-profile-card__userInfos-item">\n            {{ userState.function }}\n        </div>\n        <div *ngIf="userState.organisation && userState.organisation.code" class="eui-user-profile-card__userInfos-item">\n            {{ userState.organisation.code }}\n        </div>\n    </div>\n    <div class="eui-user-profile-card__main-wrapper-right-content">\n        <a class="eui-u-text-link" tabindex="0" (click)="onClose()">close</a>\n        <button euiButton euiIconButton euiInfo euiSizeS class="eui-u-ml-auto eui-u-mt-m" (click)="onShowInfoClick()" title="{{ showDetailsLabel }}">\n            <eui-icon-svg icon="eui-info"></eui-icon-svg>\n        </button>\n    </div>\n</div>\n\n<ng-container *ngIf="userState?.impersonatingUser">\n    <div class="eui-user-profile-card__impersonateInfos">\n        <div>{{ userState?.impersonatingUser?.firstName }} {{ userState?.impersonatingUser?.lastName }}</div>\n        <div class="eui-u-mt-2xs">{{ impersonateLabel }}</div>\n        <div class="eui-u-mt-2xs">\n            <strong>{{ userState?.fullName }}</strong>\n        </div>\n    </div>\n</ng-container>\n', dependencies: [{ kind: "directive", type: i22.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i32.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i42.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i52.EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: ["e2eAttr", "aria-label", "hasShadow", "isShapeSquare", "isFlat", "hasNoBackground"] }, { kind: "component", type: i52.EuiAvatarTextComponent, selector: "eui-avatar-text" }, { kind: "component", type: i52.EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: ["imageUrl"] }], changeDetection: i04.ChangeDetectionStrategy.Default, encapsulation: i04.ViewEncapsulation.None });
+    this.ɵcmp = i04.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.1", type: _EuiUserProfileCardComponent, selector: "eui-user-profile-card", inputs: { impersonateLabel: "impersonateLabel", showDetailsLabel: "showDetailsLabel", avatarUrl: "avatarUrl", isShowAvatarInitials: ["isShowAvatarInitials", "isShowAvatarInitials", booleanAttribute2] }, outputs: { showProfileInfo: "showProfileInfo", closeProfileMenu: "closeProfileMenu" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i04, template: '<div class="eui-user-profile-card__main-wrapper">\n    <div class="eui-user-profile-card__avatar-wrapper">\n        <eui-avatar euiSizeL euiInfo>\n            <eui-avatar-text *ngIf="isShowAvatarInitials; else noAvatarInitials">\n                {{ avatarInitials }}\n            </eui-avatar-text>\n            <ng-template #noAvatarInitials>\n                <eui-avatar-image *ngIf="!avatarUrl"></eui-avatar-image>\n                <eui-avatar-image *ngIf="avatarUrl" [imageUrl]="avatarUrl"></eui-avatar-image>\n            </ng-template>\n        </eui-avatar>\n    </div>\n    <div class="eui-user-profile-card__userInfos">\n        <div class="eui-u-f-xl eui-u-mb-s">{{ userState.fullName }}</div>\n        <div *ngIf="userState.function" class="eui-user-profile-card__userInfos-item">\n            {{ userState.function }}\n        </div>\n        <div *ngIf="userState.organisation && userState.organisation.code" class="eui-user-profile-card__userInfos-item">\n            {{ userState.organisation.code }}\n        </div>\n    </div>\n    <div class="eui-user-profile-card__main-wrapper-right-content">\n        <a class="eui-u-text-link" tabindex="0" (click)="onClose()">close</a>\n        <button euiButton euiIconButton euiInfo euiSizeS class="eui-u-ml-auto eui-u-mt-m" (click)="onShowInfoClick()" title="{{ showDetailsLabel }}">\n            <eui-icon-svg icon="eui-ecl-information"></eui-icon-svg>\n        </button>\n    </div>\n</div>\n\n<ng-container *ngIf="userState?.impersonatingUser">\n    <div class="eui-user-profile-card__impersonateInfos">\n        <div>{{ userState?.impersonatingUser?.firstName }} {{ userState?.impersonatingUser?.lastName }}</div>\n        <div class="eui-u-mt-2xs">{{ impersonateLabel }}</div>\n        <div class="eui-u-mt-2xs">\n            <strong>{{ userState?.fullName }}</strong>\n        </div>\n    </div>\n</ng-container>\n', dependencies: [{ kind: "directive", type: i22.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i32.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i42.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i52.EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: ["e2eAttr", "aria-label", "hasShadow", "isShapeSquare", "isFlat", "hasNoBackground"] }, { kind: "component", type: i52.EuiAvatarTextComponent, selector: "eui-avatar-text" }, { kind: "component", type: i52.EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: ["imageUrl"] }], changeDetection: i04.ChangeDetectionStrategy.Default, encapsulation: i04.ViewEncapsulation.None });
   }
 };
 i04.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i04, type: EuiUserProfileCardComponent, decorators: [{
   type: Component4,
-  args: [{ selector: "eui-user-profile-card", changeDetection: ChangeDetectionStrategy3.Default, encapsulation: ViewEncapsulation7.None, template: '<div class="eui-user-profile-card__main-wrapper">\n    <div class="eui-user-profile-card__avatar-wrapper">\n        <eui-avatar euiSizeL euiInfo>\n            <eui-avatar-text *ngIf="isShowAvatarInitials; else noAvatarInitials">\n                {{ avatarInitials }}\n            </eui-avatar-text>\n            <ng-template #noAvatarInitials>\n                <eui-avatar-image *ngIf="!avatarUrl"></eui-avatar-image>\n                <eui-avatar-image *ngIf="avatarUrl" [imageUrl]="avatarUrl"></eui-avatar-image>\n            </ng-template>\n        </eui-avatar>\n    </div>\n    <div class="eui-user-profile-card__userInfos">\n        <div class="eui-u-f-xl eui-u-mb-s">{{ userState.fullName }}</div>\n        <div *ngIf="userState.function" class="eui-user-profile-card__userInfos-item">\n            {{ userState.function }}\n        </div>\n        <div *ngIf="userState.organisation && userState.organisation.code" class="eui-user-profile-card__userInfos-item">\n            {{ userState.organisation.code }}\n        </div>\n    </div>\n    <div class="eui-user-profile-card__main-wrapper-right-content">\n        <a class="eui-u-text-link" tabindex="0" (click)="onClose()">close</a>\n        <button euiButton euiIconButton euiInfo euiSizeS class="eui-u-ml-auto eui-u-mt-m" (click)="onShowInfoClick()" title="{{ showDetailsLabel }}">\n            <eui-icon-svg icon="eui-info"></eui-icon-svg>\n        </button>\n    </div>\n</div>\n\n<ng-container *ngIf="userState?.impersonatingUser">\n    <div class="eui-user-profile-card__impersonateInfos">\n        <div>{{ userState?.impersonatingUser?.firstName }} {{ userState?.impersonatingUser?.lastName }}</div>\n        <div class="eui-u-mt-2xs">{{ impersonateLabel }}</div>\n        <div class="eui-u-mt-2xs">\n            <strong>{{ userState?.fullName }}</strong>\n        </div>\n    </div>\n</ng-container>\n' }]
+  args: [{ selector: "eui-user-profile-card", changeDetection: ChangeDetectionStrategy3.Default, encapsulation: ViewEncapsulation7.None, template: '<div class="eui-user-profile-card__main-wrapper">\n    <div class="eui-user-profile-card__avatar-wrapper">\n        <eui-avatar euiSizeL euiInfo>\n            <eui-avatar-text *ngIf="isShowAvatarInitials; else noAvatarInitials">\n                {{ avatarInitials }}\n            </eui-avatar-text>\n            <ng-template #noAvatarInitials>\n                <eui-avatar-image *ngIf="!avatarUrl"></eui-avatar-image>\n                <eui-avatar-image *ngIf="avatarUrl" [imageUrl]="avatarUrl"></eui-avatar-image>\n            </ng-template>\n        </eui-avatar>\n    </div>\n    <div class="eui-user-profile-card__userInfos">\n        <div class="eui-u-f-xl eui-u-mb-s">{{ userState.fullName }}</div>\n        <div *ngIf="userState.function" class="eui-user-profile-card__userInfos-item">\n            {{ userState.function }}\n        </div>\n        <div *ngIf="userState.organisation && userState.organisation.code" class="eui-user-profile-card__userInfos-item">\n            {{ userState.organisation.code }}\n        </div>\n    </div>\n    <div class="eui-user-profile-card__main-wrapper-right-content">\n        <a class="eui-u-text-link" tabindex="0" (click)="onClose()">close</a>\n        <button euiButton euiIconButton euiInfo euiSizeS class="eui-u-ml-auto eui-u-mt-m" (click)="onShowInfoClick()" title="{{ showDetailsLabel }}">\n            <eui-icon-svg icon="eui-ecl-information"></eui-icon-svg>\n        </button>\n    </div>\n</div>\n\n<ng-container *ngIf="userState?.impersonatingUser">\n    <div class="eui-user-profile-card__impersonateInfos">\n        <div>{{ userState?.impersonatingUser?.firstName }} {{ userState?.impersonatingUser?.lastName }}</div>\n        <div class="eui-u-mt-2xs">{{ impersonateLabel }}</div>\n        <div class="eui-u-mt-2xs">\n            <strong>{{ userState?.fullName }}</strong>\n        </div>\n    </div>\n</ng-container>\n' }]
 }], ctorParameters: () => [{ type: i13.UserService }], propDecorators: { cssClasses: [{
   type: HostBinding4,
   args: ["class"]