@eui/components 17.0.0-rc.6 → 17.0.0-rc.8

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

@@ -1,1004 +0,0 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, ViewEncapsulation, Directive, TemplateRef, ContentChild, ContentChildren, ViewChildren, ViewChild, NgModule } from '@angular/core';
-import { coerceBooleanProperty } from '@angular/cdk/coercion';
-import { uniqueId, consumeEvent } from '@eui/core';
-import * as i1 from '@angular/router';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i3 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-import * as i4 from '@eui/components/eui-icon';
-import { EuiIconModule } from '@eui/components/eui-icon';
-import * as i5 from '@eui/components/eui-button';
-import { EuiButtonModule } from '@eui/components/eui-button';
-import * as i6 from '@eui/components/eui-chip';
-import { EuiChipModule } from '@eui/components/eui-chip';
-import * as i7 from '@ngx-translate/core';
-import { TranslateModule } from '@ngx-translate/core';
-import { EuiTemplateDirective } from '@eui/components/directives';
-import * as i2$1 from '@angular/cdk/scrolling';
-import { ScrollingModule } from '@angular/cdk/scrolling';
-import * as i5$1 from '@eui/components/eui-input-text';
-import { EuiInputTextModule } from '@eui/components/eui-input-text';
-import * as i6$1 from '@eui/components/eui-input-group';
-import { EuiInputGroupModule } from '@eui/components/eui-input-group';
-
-/* eslint-disable */
-class EuiUxTreeNodeComponent {
-    get isFirst() {
-        return this._isFirst;
-    }
-    set isFirst(value) {
-        this._isFirst = coerceBooleanProperty(value);
-    }
-    get isLast() {
-        return this._isLast;
-    }
-    set isLast(value) {
-        this._isLast = coerceBooleanProperty(value);
-    }
-    get isRootNode() {
-        return this._isRootNode;
-    }
-    set isRootNode(value) {
-        this._isRootNode = coerceBooleanProperty(value);
-    }
-    get isClickTogglingNode() {
-        return this._isClickTogglingNode;
-    }
-    set isClickTogglingNode(value) {
-        this._isClickTogglingNode = coerceBooleanProperty(value);
-    }
-    get isMultiselect() {
-        return this._isMultiselect;
-    }
-    set isMultiselect(value) {
-        this._isMultiselect = coerceBooleanProperty(value);
-    }
-    get isRecursiveSelection() {
-        return this._isRecursiveSelection;
-    }
-    set isRecursiveSelection(value) {
-        this._isRecursiveSelection = coerceBooleanProperty(value);
-    }
-    get isRecursiveParentSelection() {
-        return this._isRecursiveParentSelection;
-    }
-    set isRecursiveParentSelection(value) {
-        this._isRecursiveParentSelection = coerceBooleanProperty(value);
-    }
-    get isShowActiveNode() {
-        return this._isShowActiveNode;
-    }
-    set isShowActiveNode(value) {
-        this._isShowActiveNode = coerceBooleanProperty(value);
-    }
-    get isHideToggles() {
-        return this._isHideToggles;
-    }
-    set isHideToggles(value) {
-        this._isHideToggles = coerceBooleanProperty(value);
-    }
-    get isClickSelectingNode() {
-        return this._isClickSelectingNode;
-    }
-    set isClickSelectingNode(value) {
-        this._isClickSelectingNode = coerceBooleanProperty(value);
-    }
-    get highlightPath() {
-        return this._highlightPath;
-    }
-    set highlightPath(value) {
-        this._highlightPath = coerceBooleanProperty(value);
-    }
-    get autoTranslate() {
-        return this._autoTranslate;
-    }
-    set autoTranslate(value) {
-        this._autoTranslate = coerceBooleanProperty(value);
-    }
-    get hasSelectAll() {
-        return this._hasSelectAll;
-    }
-    set hasSelectAll(value) {
-        this._hasSelectAll = coerceBooleanProperty(value);
-    }
-    constructor(router) {
-        this.router = router;
-        this.e2eAttr = 'ux-tree-node';
-        this.nodeClick = new EventEmitter();
-        this.nodeToggle = new EventEmitter();
-        this.selectionChange = new EventEmitter();
-        this.childrenSelected = true;
-        this.amountSelectedChildren = 0;
-        this._isFirst = false;
-        this._isLast = false;
-        this._isRootNode = false;
-        this._isClickTogglingNode = false;
-        this._isMultiselect = false;
-        this._isRecursiveSelection = false;
-        this._isRecursiveParentSelection = true;
-        this._isShowActiveNode = false;
-        this._isHideToggles = false;
-        this._isClickSelectingNode = false;
-        this._highlightPath = false;
-        this._autoTranslate = true;
-        this._hasSelectAll = false;
-        this.nodeId = `ux-tree-node-${uniqueId()}`;
-    }
-    hasNodeChildren(node) {
-        return node && node.children && node.children.length > 0;
-    }
-    onNodeKeydown(event, UxLinkLegacy) {
-        if (event.keyCode === 13) {
-            this.onNodeClick(event, UxLinkLegacy);
-        }
-    }
-    onNodeToggle(event, UxLinkLegacy) {
-        this.node.expanded = !this.node.expanded;
-        this.nodeToggle.emit(UxLinkLegacy);
-    }
-    onNodeClick(event, UxLinkLegacy) {
-        if (!UxLinkLegacy.disabled) {
-            if (!this.node.metadata) {
-                if (this.isMultiselect && this.isClickSelectingNode) {
-                    UxLinkLegacy.selected = !UxLinkLegacy.selected;
-                    event.target['checked'] = UxLinkLegacy.selected;
-                    this.onCheckboxChange(UxLinkLegacy, event);
-                }
-                if (!this.node.children || this.node.children.length === 0) {
-                    this.node.expanded = !this.node.expanded;
-                    if (this.node.url) {
-                        this.router.navigate([this.node.url]);
-                    }
-                    if (this.node.urlExternal) {
-                        window.open(this.node.urlExternal, this.node.urlExternalTarget);
-                    }
-                }
-                else {
-                    const clickedEl = event.target['nodeName'];
-                    if (this.isClickTogglingNode) {
-                        this.onNodeToggle(event, UxLinkLegacy);
-                    }
-                    if (clickedEl === 'SPAN' && (this.node.url || this.node.urlExternal)) {
-                        if (this.node.url) {
-                            this.router.navigate([this.node.url]);
-                        }
-                        if (this.node.urlExternal) {
-                            window.open(this.node.urlExternal, this.node.urlExternalTarget);
-                        }
-                    }
-                }
-            }
-            else {
-                if (this.node.url) {
-                    this.router.navigate([this.node.url]);
-                }
-                if (this.node.urlExternal) {
-                    window.open(this.node.urlExternal, this.node.urlExternalTarget);
-                }
-            }
-            if (UxLinkLegacy.command) {
-                UxLinkLegacy.command();
-            }
-            this.nodeClick.emit(UxLinkLegacy);
-            consumeEvent(event);
-        }
-    }
-    onCheckboxChange(UxLinkLegacy, evt) {
-        if (this.isRecursiveSelection) {
-            if (!UxLinkLegacy.selected) {
-                UxLinkLegacy.indeterminate = false;
-            }
-            this.changeSelectionRecursively(UxLinkLegacy, UxLinkLegacy.selected);
-            if (UxLinkLegacy.parent) {
-                this.changeParentSelection(UxLinkLegacy.parent);
-            }
-        }
-        if (this.highlightPath) {
-            this.getParents(UxLinkLegacy, evt.target.checked);
-        }
-        this.selectionChange.next(UxLinkLegacy);
-    }
-    onMetadataNodeToggle(event, UxLinkLegacy) {
-        this.node.expanded = !this.node.expanded;
-        consumeEvent(event);
-    }
-    onSubNodeClick(UxLinkLegacy) {
-        this.nodeClick.emit(UxLinkLegacy);
-    }
-    onSubNodeToggle(UxLinkLegacy) {
-        this.nodeToggle.emit(UxLinkLegacy);
-    }
-    onSelectionChange(UxLinkLegacy) {
-        this.selectionChange.next(UxLinkLegacy);
-    }
-    trackByFn(index, item) {
-        return item.id;
-    }
-    checkInputLabel() {
-        if (this.isRecursiveSelection && this.node.hasChildren) {
-            if (this.node.selected) {
-                return 'Deselect All';
-            }
-            else {
-                return 'Select All';
-            }
-        }
-        else if ((this.isRecursiveSelection && !this.node.hasChildren) || !this.isRecursiveSelection) {
-            if (this.node.selected) {
-                return 'Deselect node';
-            }
-            else {
-                return 'Select node';
-            }
-        }
-    }
-    getParents(UxLinkLegacy, isChecked) {
-        if (UxLinkLegacy === this.node) {
-            if (isChecked === true) {
-                this.node['highlighted'] = isChecked;
-            }
-            else {
-                const selectedChildren = this.hasChildSelected(this.node);
-                if (selectedChildren.length === 0) {
-                    this.node['highlighted'] = isChecked;
-                }
-            }
-        }
-        if (UxLinkLegacy.parent) {
-            if (isChecked === true) {
-                UxLinkLegacy.parent['highlighted'] = isChecked;
-                this.getParents(UxLinkLegacy.parent, isChecked);
-            }
-            else {
-                const selectedChildren = this.hasChildSelected(UxLinkLegacy.parent);
-                if (selectedChildren.length === 0) {
-                    UxLinkLegacy.parent['highlighted'] = isChecked;
-                    this.getParents(UxLinkLegacy.parent, isChecked);
-                }
-            }
-        }
-    }
-    hasChildSelected(UxLinkLegacy, selected = []) {
-        if (UxLinkLegacy.selected) {
-            selected.push(UxLinkLegacy.label);
-        }
-        if (UxLinkLegacy.children && UxLinkLegacy.children.length > 0) {
-            UxLinkLegacy.children.forEach((child) => {
-                this.hasChildSelected(child, selected);
-            });
-        }
-        return selected;
-    }
-    changeSelectionRecursively(UxLinkLegacy, value) {
-        if (UxLinkLegacy.hasChildren) {
-            UxLinkLegacy.children.forEach((link) => {
-                link.selected = value;
-                if (value) {
-                    link.indeterminate = false;
-                }
-                this.changeSelectionRecursively(link, value);
-            });
-        }
-    }
-    changeParentSelection(UxLinkLegacy) {
-        if (this.isRecursiveParentSelection) {
-            UxLinkLegacy.indeterminate = !this.allChildrenSelected(UxLinkLegacy);
-            UxLinkLegacy.selected = this.hasSelectedChildren(UxLinkLegacy);
-        }
-        else {
-            if (!UxLinkLegacy.selected) {
-                UxLinkLegacy.indeterminate = this.hasSelectedChildren(UxLinkLegacy);
-                UxLinkLegacy.selected = this.hasSelectedChildren(UxLinkLegacy);
-            }
-            if (UxLinkLegacy.indeterminate && !this.hasSelectedChildren(UxLinkLegacy)) {
-                UxLinkLegacy.indeterminate = false;
-                UxLinkLegacy.selected = false;
-            }
-        }
-        if (UxLinkLegacy.parent) {
-            this.changeParentSelection(UxLinkLegacy.parent);
-        }
-    }
-    allChildrenSelected(UxLinkLegacy) {
-        return UxLinkLegacy.children.filter((c) => (!c.selected || (c.selected && c.indeterminate)) && this.childrenSelected).length === 0;
-    }
-    hasSelectedChildren(UxLinkLegacy) {
-        return UxLinkLegacy.children.filter((c) => c.selected === true).length > 0;
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiUxTreeNodeComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: EuiUxTreeNodeComponent, selector: "eui-ux-tree-node", inputs: { expandedIconClass: "expandedIconClass", collapsedIconClass: "collapsedIconClass", templateVariable: "templateVariable", node: "node", nodeContentTemplate: "nodeContentTemplate", e2eAttr: "e2eAttr", isFirst: "isFirst", isLast: "isLast", isRootNode: "isRootNode", isClickTogglingNode: "isClickTogglingNode", isMultiselect: "isMultiselect", isRecursiveSelection: "isRecursiveSelection", isRecursiveParentSelection: "isRecursiveParentSelection", isShowActiveNode: "isShowActiveNode", isHideToggles: "isHideToggles", isClickSelectingNode: "isClickSelectingNode", highlightPath: "highlightPath", autoTranslate: "autoTranslate", hasSelectAll: "hasSelectAll" }, outputs: { nodeClick: "nodeClick", nodeToggle: "nodeToggle", selectionChange: "selectionChange" }, ngImport: i0, template: "<li\n    *ngIf=\"node.visible\"\n    class=\"ux-tree__node\"\n    [class.first-child]=\"isFirst\"\n    [class.last-child]=\"isLast\"\n    [class.ux-tree__node--expandable]=\"hasNodeChildren(node) && !isHideToggles\"\n    [class.ux-tree__node--disabled]=\"node.disabled\"\n    title=\"{{ node.tooltipLabel ? node.tooltipLabel : node.label }}\"\n    attr.data-e2e=\"{{ e2eAttr }}\">\n    <div class=\"ux-tree__node-wrapper\" [class.ux-tree__node--selected]=\"node.selected\">\n        <button\n            (click)=\"onNodeToggle($event, node)\"\n            (keydown)=\"onNodeKeydown($event, node)\"\n            styleClass=\"ux-tree__node-toggle-icon\"\n            *ngIf=\"hasNodeChildren(node) && !isHideToggles\"\n            euiSizeS\n            euiButton\n            euiBasicButton\n            [ariaLabel]=\"node.expanded ? 'Collapse' : 'Expand'\">\n            <eui-icon [iconClass]=\"node.expanded ? expandedIconClass : collapsedIconClass\"></eui-icon>\n        </button>\n\n        <span\n            *ngIf=\"isMultiselect\"\n            [class.ux-tree__parent]=\"hasNodeChildren(node) && !isHideToggles\"\n            [class.ux-tree__leaf]=\"!hasNodeChildren(node) && !isHideToggles\">\n            <input\n                type=\"checkbox\"\n                class=\"ux-input__checkbox\"\n                [class.checkbox-label-indeterminate]=\"node.indeterminate\"\n                [class.ux-input__checkbox--selected]=\"node.selected && !node.indeterminate\"\n                [id]=\"nodeId\"\n                [value]=\"node.label\"\n                [disabled]=\"node.disabled\"\n                [(ngModel)]=\"node.selected\"\n                [attr.aria-label]=\"checkInputLabel()\"\n                (change)=\"onCheckboxChange(node, $event)\" />\n            <label class=\"ux-tree__node-checkbox-label\" [class.checkbox-label-indeterminate]=\"node.indeterminate\" [for]=\"nodeId\"> </label>\n        </span>\n\n        <div\n            *ngIf=\"nodeContentTemplate\"\n            class=\"ux-tree__custom-content\"\n            [class.ux-tree__parent]=\"hasNodeChildren(node) && !isHideToggles\"\n            [class.ux-tree__leaf]=\"!hasNodeChildren(node) && !isHideToggles\">\n            <ng-template [ngTemplateOutlet]=\"nodeContentTemplate\" [ngTemplateOutletContext]=\"{ $implicit: node }\"> </ng-template>\n        </div>\n\n        <ng-container *ngIf=\"!nodeContentTemplate\">\n            <ng-container *ngIf=\"node.typeLabel || node.iconClass\">\n                <span\n                    *ngIf=\"node.typeLabel\"\n                    class=\"ux-tree__node-type ux-tree__node-type--{{ node.typeClass }}\"\n                    [class.ux-tree__node-type-parent]=\"hasNodeChildren(node) && !isHideToggles && !isMultiselect\"\n                    (click)=\"onNodeClick($event, node)\"\n                    (keydown)=\"onNodeKeydown($event, node)\">\n                    {{ node.typeLabel }}\n                </span>\n\n                <span *ngIf=\"node.iconClass\" class=\"ux-tree__node-icon ux-tree__node-type--{{ node.iconTypeClass }}\">\n                    <span class=\"{{ node.iconClass }}\"></span>\n                </span>\n\n                <div class=\"ux-tree__node-label-wrapped\">\n                    <span\n                        [class.text-muted]=\"node.disabled\"\n                        [class.ux-tree__node-label--highlighted]=\"node['highlighted']\"\n                        (click)=\"onNodeClick($event, node)\"\n                        (keydown)=\"onNodeKeydown($event, node)\">\n                        <span *ngIf=\"autoTranslate; else manualTranslation\">\n                            {{ node.label | translate }}\n                        </span>\n                        <ng-template #manualTranslation>{{ node.label }}</ng-template>\n                        <span [class.eui-u-text-link-external]=\"node && node.urlExternal\"></span>\n                    </span>\n                </div>\n            </ng-container>\n\n            <ng-container *ngIf=\"!(node.typeLabel || node.iconClass)\">\n                <span\n                    class=\"ux-tree__node-label\"\n                    [class.ux-tree__node-label-parent]=\"hasNodeChildren(node) && !isHideToggles && !isMultiselect\"\n                    [class.ux-tree__node-label--highlighted]=\"node['highlighted']\"\n                    [class.text-muted]=\"node.disabled\"\n                    (click)=\"onNodeClick($event, node)\"\n                    (keydown)=\"onNodeKeydown($event, node)\">\n                    <span *ngIf=\"autoTranslate; else manualTranslation\">\n                        {{ node.label | translate }}\n                    </span>\n                    <ng-template #manualTranslation>{{ node.label }}</ng-template>\n                    <span [class.eui-u-text-link-external]=\"node && node.urlExternal\"></span>\n                </span>\n            </ng-container>\n\n            <div *ngIf=\"node.badges\" class=\"eui-u-ml-auto\">\n                <eui-chip\n                    *ngFor=\"let badge of node.badges\"\n                    styleClass=\"ux-tree__node-badge\"\n                    euiSizeS\n                    euiOutline\n                    euiVariant=\"{{ badge.typeClass }}\">\n                    {{ badge.label }}\n                </eui-chip>\n            </div>\n\n            <span\n                *ngIf=\"node.metadata && node.metadata.title && node.metadata.title.length > 0\"\n                class=\"ux-tree__node-metacontent-toggle ux-tree__node-clickable\"\n                (click)=\"onMetadataNodeToggle($event, node)\">\n                <span class=\"eui-icon\" [ngClass]=\"node.expanded ? 'eui-icon eui-icon-angle-down' : 'eui-icon eui-icon-angle-right'\"></span>\n            </span>\n        </ng-container>\n    </div>\n    <ng-container *ngIf=\"node.expanded\">\n        <ul *ngIf=\"hasNodeChildren(node)\" class=\"ux-tree__nodes\">\n            <eui-ux-tree-node\n                *ngFor=\"let subNode of node.children; let isFirst = first; let isLast = last; trackBy: trackByFn\"\n                [node]=\"subNode\"\n                [isMultiselect]=\"isMultiselect\"\n                [isRecursiveSelection]=\"isRecursiveSelection\"\n                (nodeClick)=\"onSubNodeClick($event)\"\n                (nodeToggle)=\"onSubNodeToggle($event)\"\n                (selectionChange)=\"onSelectionChange($event)\"\n                [isFirst]=\"isFirst\"\n                [isLast]=\"isLast\"\n                [isClickTogglingNode]=\"isClickTogglingNode\"\n                expandedIconClass=\"{{ expandedIconClass }}\"\n                collapsedIconClass=\"{{ collapsedIconClass }}\"\n                [templateVariable]=\"templateVariable\"\n                [nodeContentTemplate]=\"nodeContentTemplate\"\n                [isShowActiveNode]=\"isShowActiveNode\"\n                [isHideToggles]=\"isHideToggles\"\n                [isClickSelectingNode]=\"isClickSelectingNode\"\n                [highlightPath]=\"highlightPath\"\n                [isRecursiveParentSelection]=\"isRecursiveParentSelection\"\n                [autoTranslate]=\"autoTranslate\">\n            </eui-ux-tree-node>\n        </ul>\n        <div *ngIf=\"node.metadata && node.metadata.title && node.metadata.title.length > 0\" class=\"ux-tree__node-metacontent\">\n            <ng-template [ngTemplateOutlet]=\"templateVariable\" [ngTemplateOutletContext]=\"{ metadata: node.metadata }\"></ng-template>\n        </div>\n    </ng-container>\n</li>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.EuiIconComponent, selector: "div[euiIcon], span[euiIcon], i[euiIcon], eui-icon", inputs: ["aria-label", "iconClass", "isLoading"] }, { kind: "component", type: i5.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i6.EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: ["euiInternalId", "tooltipMessage", "id", "data", "isChipRemovable", "isSquared"], outputs: ["remove"] }, { kind: "component", type: EuiUxTreeNodeComponent, selector: "eui-ux-tree-node", inputs: ["expandedIconClass", "collapsedIconClass", "templateVariable", "node", "nodeContentTemplate", "e2eAttr", "isFirst", "isLast", "isRootNode", "isClickTogglingNode", "isMultiselect", "isRecursiveSelection", "isRecursiveParentSelection", "isShowActiveNode", "isHideToggles", "isClickSelectingNode", "highlightPath", "autoTranslate", "hasSelectAll"], outputs: ["nodeClick", "nodeToggle", "selectionChange"] }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiUxTreeNodeComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'eui-ux-tree-node', template: "<li\n    *ngIf=\"node.visible\"\n    class=\"ux-tree__node\"\n    [class.first-child]=\"isFirst\"\n    [class.last-child]=\"isLast\"\n    [class.ux-tree__node--expandable]=\"hasNodeChildren(node) && !isHideToggles\"\n    [class.ux-tree__node--disabled]=\"node.disabled\"\n    title=\"{{ node.tooltipLabel ? node.tooltipLabel : node.label }}\"\n    attr.data-e2e=\"{{ e2eAttr }}\">\n    <div class=\"ux-tree__node-wrapper\" [class.ux-tree__node--selected]=\"node.selected\">\n        <button\n            (click)=\"onNodeToggle($event, node)\"\n            (keydown)=\"onNodeKeydown($event, node)\"\n            styleClass=\"ux-tree__node-toggle-icon\"\n            *ngIf=\"hasNodeChildren(node) && !isHideToggles\"\n            euiSizeS\n            euiButton\n            euiBasicButton\n            [ariaLabel]=\"node.expanded ? 'Collapse' : 'Expand'\">\n            <eui-icon [iconClass]=\"node.expanded ? expandedIconClass : collapsedIconClass\"></eui-icon>\n        </button>\n\n        <span\n            *ngIf=\"isMultiselect\"\n            [class.ux-tree__parent]=\"hasNodeChildren(node) && !isHideToggles\"\n            [class.ux-tree__leaf]=\"!hasNodeChildren(node) && !isHideToggles\">\n            <input\n                type=\"checkbox\"\n                class=\"ux-input__checkbox\"\n                [class.checkbox-label-indeterminate]=\"node.indeterminate\"\n                [class.ux-input__checkbox--selected]=\"node.selected && !node.indeterminate\"\n                [id]=\"nodeId\"\n                [value]=\"node.label\"\n                [disabled]=\"node.disabled\"\n                [(ngModel)]=\"node.selected\"\n                [attr.aria-label]=\"checkInputLabel()\"\n                (change)=\"onCheckboxChange(node, $event)\" />\n            <label class=\"ux-tree__node-checkbox-label\" [class.checkbox-label-indeterminate]=\"node.indeterminate\" [for]=\"nodeId\"> </label>\n        </span>\n\n        <div\n            *ngIf=\"nodeContentTemplate\"\n            class=\"ux-tree__custom-content\"\n            [class.ux-tree__parent]=\"hasNodeChildren(node) && !isHideToggles\"\n            [class.ux-tree__leaf]=\"!hasNodeChildren(node) && !isHideToggles\">\n            <ng-template [ngTemplateOutlet]=\"nodeContentTemplate\" [ngTemplateOutletContext]=\"{ $implicit: node }\"> </ng-template>\n        </div>\n\n        <ng-container *ngIf=\"!nodeContentTemplate\">\n            <ng-container *ngIf=\"node.typeLabel || node.iconClass\">\n                <span\n                    *ngIf=\"node.typeLabel\"\n                    class=\"ux-tree__node-type ux-tree__node-type--{{ node.typeClass }}\"\n                    [class.ux-tree__node-type-parent]=\"hasNodeChildren(node) && !isHideToggles && !isMultiselect\"\n                    (click)=\"onNodeClick($event, node)\"\n                    (keydown)=\"onNodeKeydown($event, node)\">\n                    {{ node.typeLabel }}\n                </span>\n\n                <span *ngIf=\"node.iconClass\" class=\"ux-tree__node-icon ux-tree__node-type--{{ node.iconTypeClass }}\">\n                    <span class=\"{{ node.iconClass }}\"></span>\n                </span>\n\n                <div class=\"ux-tree__node-label-wrapped\">\n                    <span\n                        [class.text-muted]=\"node.disabled\"\n                        [class.ux-tree__node-label--highlighted]=\"node['highlighted']\"\n                        (click)=\"onNodeClick($event, node)\"\n                        (keydown)=\"onNodeKeydown($event, node)\">\n                        <span *ngIf=\"autoTranslate; else manualTranslation\">\n                            {{ node.label | translate }}\n                        </span>\n                        <ng-template #manualTranslation>{{ node.label }}</ng-template>\n                        <span [class.eui-u-text-link-external]=\"node && node.urlExternal\"></span>\n                    </span>\n                </div>\n            </ng-container>\n\n            <ng-container *ngIf=\"!(node.typeLabel || node.iconClass)\">\n                <span\n                    class=\"ux-tree__node-label\"\n                    [class.ux-tree__node-label-parent]=\"hasNodeChildren(node) && !isHideToggles && !isMultiselect\"\n                    [class.ux-tree__node-label--highlighted]=\"node['highlighted']\"\n                    [class.text-muted]=\"node.disabled\"\n                    (click)=\"onNodeClick($event, node)\"\n                    (keydown)=\"onNodeKeydown($event, node)\">\n                    <span *ngIf=\"autoTranslate; else manualTranslation\">\n                        {{ node.label | translate }}\n                    </span>\n                    <ng-template #manualTranslation>{{ node.label }}</ng-template>\n                    <span [class.eui-u-text-link-external]=\"node && node.urlExternal\"></span>\n                </span>\n            </ng-container>\n\n            <div *ngIf=\"node.badges\" class=\"eui-u-ml-auto\">\n                <eui-chip\n                    *ngFor=\"let badge of node.badges\"\n                    styleClass=\"ux-tree__node-badge\"\n                    euiSizeS\n                    euiOutline\n                    euiVariant=\"{{ badge.typeClass }}\">\n                    {{ badge.label }}\n                </eui-chip>\n            </div>\n\n            <span\n                *ngIf=\"node.metadata && node.metadata.title && node.metadata.title.length > 0\"\n                class=\"ux-tree__node-metacontent-toggle ux-tree__node-clickable\"\n                (click)=\"onMetadataNodeToggle($event, node)\">\n                <span class=\"eui-icon\" [ngClass]=\"node.expanded ? 'eui-icon eui-icon-angle-down' : 'eui-icon eui-icon-angle-right'\"></span>\n            </span>\n        </ng-container>\n    </div>\n    <ng-container *ngIf=\"node.expanded\">\n        <ul *ngIf=\"hasNodeChildren(node)\" class=\"ux-tree__nodes\">\n            <eui-ux-tree-node\n                *ngFor=\"let subNode of node.children; let isFirst = first; let isLast = last; trackBy: trackByFn\"\n                [node]=\"subNode\"\n                [isMultiselect]=\"isMultiselect\"\n                [isRecursiveSelection]=\"isRecursiveSelection\"\n                (nodeClick)=\"onSubNodeClick($event)\"\n                (nodeToggle)=\"onSubNodeToggle($event)\"\n                (selectionChange)=\"onSelectionChange($event)\"\n                [isFirst]=\"isFirst\"\n                [isLast]=\"isLast\"\n                [isClickTogglingNode]=\"isClickTogglingNode\"\n                expandedIconClass=\"{{ expandedIconClass }}\"\n                collapsedIconClass=\"{{ collapsedIconClass }}\"\n                [templateVariable]=\"templateVariable\"\n                [nodeContentTemplate]=\"nodeContentTemplate\"\n                [isShowActiveNode]=\"isShowActiveNode\"\n                [isHideToggles]=\"isHideToggles\"\n                [isClickSelectingNode]=\"isClickSelectingNode\"\n                [highlightPath]=\"highlightPath\"\n                [isRecursiveParentSelection]=\"isRecursiveParentSelection\"\n                [autoTranslate]=\"autoTranslate\">\n            </eui-ux-tree-node>\n        </ul>\n        <div *ngIf=\"node.metadata && node.metadata.title && node.metadata.title.length > 0\" class=\"ux-tree__node-metacontent\">\n            <ng-template [ngTemplateOutlet]=\"templateVariable\" [ngTemplateOutletContext]=\"{ metadata: node.metadata }\"></ng-template>\n        </div>\n    </ng-container>\n</li>\n" }]
-        }], ctorParameters: () => [{ type: i1.Router }], propDecorators: { expandedIconClass: [{
-                type: Input
-            }], collapsedIconClass: [{
-                type: Input
-            }], templateVariable: [{
-                type: Input
-            }], node: [{
-                type: Input
-            }], nodeContentTemplate: [{
-                type: Input
-            }], e2eAttr: [{
-                type: Input
-            }], nodeClick: [{
-                type: Output
-            }], nodeToggle: [{
-                type: Output
-            }], selectionChange: [{
-                type: Output
-            }], isFirst: [{
-                type: Input
-            }], isLast: [{
-                type: Input
-            }], isRootNode: [{
-                type: Input
-            }], isClickTogglingNode: [{
-                type: Input
-            }], isMultiselect: [{
-                type: Input
-            }], isRecursiveSelection: [{
-                type: Input
-            }], isRecursiveParentSelection: [{
-                type: Input
-            }], isShowActiveNode: [{
-                type: Input
-            }], isHideToggles: [{
-                type: Input
-            }], isClickSelectingNode: [{
-                type: Input
-            }], highlightPath: [{
-                type: Input
-            }], autoTranslate: [{
-                type: Input
-            }], hasSelectAll: [{
-                type: Input
-            }] } });
-
-/* eslint-disable */
-class EuiUxTreeToolbarComponent {
-    constructor() {
-        this.filterValue = '';
-        this.e2eAttr = 'ux-a-toolbar-filter';
-        this.filter = new EventEmitter();
-        this.expandAll = new EventEmitter();
-        this.collapseAll = new EventEmitter();
-        this._isVisible = false;
-        this._isFilterVisible = true;
-        this._isToggleVisible = true;
-        this._isToggleExpanded = false;
-        this._hasLabels = true;
-    }
-    get isVisible() {
-        return this._isVisible;
-    }
-    set isVisible(value) {
-        this._isVisible = coerceBooleanProperty(value);
-    }
-    get isFilterVisible() {
-        return this._isFilterVisible;
-    }
-    set isFilterVisible(value) {
-        this._isFilterVisible = coerceBooleanProperty(value);
-    }
-    get isToggleVisible() {
-        return this._isToggleVisible;
-    }
-    set isToggleVisible(value) {
-        this._isToggleVisible = coerceBooleanProperty(value);
-    }
-    get isToggleExpanded() {
-        return this._isToggleExpanded;
-    }
-    set isToggleExpanded(value) {
-        this._isToggleExpanded = coerceBooleanProperty(value);
-    }
-    get hasLabels() {
-        return this._hasLabels;
-    }
-    set hasLabels(value) {
-        this._hasLabels = coerceBooleanProperty(value);
-    }
-    ngOnInit() {
-        if (this.filterValue !== '' && this.filterValue !== undefined) {
-            this.filter.emit(this.filterValue);
-        }
-    }
-    ngOnChanges(c) {
-        if (c && c.filterValue && this.filterValue !== undefined) {
-            this.filter.emit(this.filterValue);
-        }
-    }
-    /**
-     * @deprecated
-     * @param event
-     */
-    // public onFilter(event: string): void;
-    onFilter() {
-        if (this.filterValue === '') {
-            if (!this.isToggleExpanded) {
-                this.collapseAll.emit(null);
-            }
-        }
-        this.filter.emit(this.filterValue);
-    }
-    onExpandAll(event) {
-        this.isToggleExpanded = !this.isToggleExpanded;
-        this.expandAll.emit(event);
-    }
-    onCollapseAll(event) {
-        this.isToggleExpanded = !this.isToggleExpanded;
-        this.collapseAll.emit(event);
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiUxTreeToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: EuiUxTreeToolbarComponent, selector: "eui-ux-tree-toolbar", inputs: { isVisible: "isVisible", filterLabel: "filterLabel", expandAllLabel: "expandAllLabel", collapseAllLabel: "collapseAllLabel", isFilterVisible: "isFilterVisible", isToggleVisible: "isToggleVisible", isToggleExpanded: "isToggleExpanded", filterValue: "filterValue", hasLabels: "hasLabels", e2eAttr: "e2eAttr" }, outputs: { filter: "filter", expandAll: "expandAll", collapseAll: "collapseAll" }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"isVisible\" euiInputGroup>\n    <div class=\"eui-input-group-addon\">\n        <div class=\"eui-input-group-addon-item\">\n            <eui-icon-svg icon=\"eui-search\"></eui-icon-svg>\n        </div>\n        <input euiInputText euiClearable [(ngModel)]=\"filterValue\" placeholder=\"Search from tree list items...\" (change)=\"onFilter()\"/>\n\n        <button *ngIf=\"!isToggleExpanded\" euiButton euiSecondary euiOutline (click)=\"onExpandAll($event)\">\n            <span euiLabel>Expand all</span>\n            <eui-icon-svg icon=\"eui-level-down\" class=\"eui-u-ml-s\"></eui-icon-svg>\n        </button>\n        <button *ngIf=\"isToggleExpanded\" euiButton euiSecondary euiOutline (click)=\"onCollapseAll($event)\">\n            <span euiLabel>Collapse all</span>\n            <eui-icon-svg icon=\"eui-level-up\" class=\"eui-u-ml-s\"></eui-icon-svg>\n        </button>\n\n        <!-- <button *ngIf=\"!isSelectedAll\" euiButton euiSecondary euiOutline (click)=\"selectAll()\">\n            <span euiLabel>Select all</span>\n            <eui-icon-svg icon=\"eui-checkbox\" class=\"eui-u-ml-s\"></eui-icon-svg>\n        </button>\n        <button *ngIf=\"isSelectedAll\" euiButton euiSecondary euiOutline (click)=\"deselectAll()\">\n            <span euiLabel>Deselect all</span>\n            <eui-icon-svg icon=\"eui-checkbox-outline\" class=\"eui-u-ml-s\"></eui-icon-svg>\n        </button> -->\n    </div>\n</div>\n\n<!--\n\n\n<div *ngIf=\"isVisible\" class=\"ux-a-toolbar-filter\" attr.data-e2e=\"{{ e2eAttr }}\">\n    <div class=\"ux-a-toolbar-filter-content\">\n        <div *ngIf=\"isFilterVisible\" class=\"ux-a-toolbar-filter-filter\">\n            <div class=\"ux-input-group\">\n                <span class=\"ux-input-group-prepend\">\n                    <span class=\"ux-input-group-text\">\n                        <span class=\"eui-icon eui-icon-search-m\"></span>\n                    </span>\n                </span>\n                <input\n                    type=\"text\"\n                    euiInputText\n                    class=\"ux-a-toolbar-filter-filter-input\"\n                    placeholder=\"{{ filterLabel ? filterLabel : ('eui.FILTER' | translate) }}\"\n                    [(ngModel)]=\"filterValue\"\n                    (ngModelChange)=\"onFilter($event)\" />\n            </div>\n        </div>\n        <div *ngIf=\"isToggleVisible\" class=\"ux-a-toolbar-filter-trigger-wrapper\">\n            <button\n                *ngIf=\"!isToggleExpanded\"\n                type=\"button\"\n                euiButton\n                class=\"ux-a-toolbar-filter-trigger ux-button ux-button--outline ux-button--secondary\"\n                [class.ux-button--icon-only]=\"!hasLabels\"\n                (click)=\"onExpandAll($event)\">\n                <span class=\"eui-icon eui-icon-level-down ux-button__icon\"></span>\n                <span *ngIf=\"hasLabels\">{{ expandAllLabel ? expandAllLabel : ('eui.EXPANDALL' | translate) }}</span>\n            </button>\n            <button\n                *ngIf=\"isToggleExpanded\"\n                type=\"button\"\n                class=\"ux-a-toolbar-filter-trigger ux-button ux-button--outline ux-button--secondary\"\n                [class.ux-button--icon-only]=\"!hasLabels\"\n                (click)=\"onCollapseAll($event)\">\n                <span class=\"eui-icon eui-icon-level-up ux-button__icon\"></span>\n                <span *ngIf=\"hasLabels\">{{ collapseAllLabel ? collapseAllLabel : ('eui.COLLAPSEALL' | translate) }}</span>\n            </button>\n            <ng-content select=\"EuiUxTreeToolbarFilterButtons\"></ng-content>\n        </div>\n\n        <div class=\"ux-a-toolbar-filter-sub-content\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div> -->\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i5.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i5$1.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["class", "isInvalid"] }, { kind: "component", type: i6$1.EuiInputGroupComponent, selector: "div[euiInputGroup]", inputs: ["e2eAttr", "styleClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiUxTreeToolbarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'eui-ux-tree-toolbar', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"isVisible\" euiInputGroup>\n    <div class=\"eui-input-group-addon\">\n        <div class=\"eui-input-group-addon-item\">\n            <eui-icon-svg icon=\"eui-search\"></eui-icon-svg>\n        </div>\n        <input euiInputText euiClearable [(ngModel)]=\"filterValue\" placeholder=\"Search from tree list items...\" (change)=\"onFilter()\"/>\n\n        <button *ngIf=\"!isToggleExpanded\" euiButton euiSecondary euiOutline (click)=\"onExpandAll($event)\">\n            <span euiLabel>Expand all</span>\n            <eui-icon-svg icon=\"eui-level-down\" class=\"eui-u-ml-s\"></eui-icon-svg>\n        </button>\n        <button *ngIf=\"isToggleExpanded\" euiButton euiSecondary euiOutline (click)=\"onCollapseAll($event)\">\n            <span euiLabel>Collapse all</span>\n            <eui-icon-svg icon=\"eui-level-up\" class=\"eui-u-ml-s\"></eui-icon-svg>\n        </button>\n\n        <!-- <button *ngIf=\"!isSelectedAll\" euiButton euiSecondary euiOutline (click)=\"selectAll()\">\n            <span euiLabel>Select all</span>\n            <eui-icon-svg icon=\"eui-checkbox\" class=\"eui-u-ml-s\"></eui-icon-svg>\n        </button>\n        <button *ngIf=\"isSelectedAll\" euiButton euiSecondary euiOutline (click)=\"deselectAll()\">\n            <span euiLabel>Deselect all</span>\n            <eui-icon-svg icon=\"eui-checkbox-outline\" class=\"eui-u-ml-s\"></eui-icon-svg>\n        </button> -->\n    </div>\n</div>\n\n<!--\n\n\n<div *ngIf=\"isVisible\" class=\"ux-a-toolbar-filter\" attr.data-e2e=\"{{ e2eAttr }}\">\n    <div class=\"ux-a-toolbar-filter-content\">\n        <div *ngIf=\"isFilterVisible\" class=\"ux-a-toolbar-filter-filter\">\n            <div class=\"ux-input-group\">\n                <span class=\"ux-input-group-prepend\">\n                    <span class=\"ux-input-group-text\">\n                        <span class=\"eui-icon eui-icon-search-m\"></span>\n                    </span>\n                </span>\n                <input\n                    type=\"text\"\n                    euiInputText\n                    class=\"ux-a-toolbar-filter-filter-input\"\n                    placeholder=\"{{ filterLabel ? filterLabel : ('eui.FILTER' | translate) }}\"\n                    [(ngModel)]=\"filterValue\"\n                    (ngModelChange)=\"onFilter($event)\" />\n            </div>\n        </div>\n        <div *ngIf=\"isToggleVisible\" class=\"ux-a-toolbar-filter-trigger-wrapper\">\n            <button\n                *ngIf=\"!isToggleExpanded\"\n                type=\"button\"\n                euiButton\n                class=\"ux-a-toolbar-filter-trigger ux-button ux-button--outline ux-button--secondary\"\n                [class.ux-button--icon-only]=\"!hasLabels\"\n                (click)=\"onExpandAll($event)\">\n                <span class=\"eui-icon eui-icon-level-down ux-button__icon\"></span>\n                <span *ngIf=\"hasLabels\">{{ expandAllLabel ? expandAllLabel : ('eui.EXPANDALL' | translate) }}</span>\n            </button>\n            <button\n                *ngIf=\"isToggleExpanded\"\n                type=\"button\"\n                class=\"ux-a-toolbar-filter-trigger ux-button ux-button--outline ux-button--secondary\"\n                [class.ux-button--icon-only]=\"!hasLabels\"\n                (click)=\"onCollapseAll($event)\">\n                <span class=\"eui-icon eui-icon-level-up ux-button__icon\"></span>\n                <span *ngIf=\"hasLabels\">{{ collapseAllLabel ? collapseAllLabel : ('eui.COLLAPSEALL' | translate) }}</span>\n            </button>\n            <ng-content select=\"EuiUxTreeToolbarFilterButtons\"></ng-content>\n        </div>\n\n        <div class=\"ux-a-toolbar-filter-sub-content\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div> -->\n" }]
-        }], propDecorators: { isVisible: [{
-                type: Input
-            }], filterLabel: [{
-                type: Input
-            }], expandAllLabel: [{
-                type: Input
-            }], collapseAllLabel: [{
-                type: Input
-            }], isFilterVisible: [{
-                type: Input
-            }], isToggleVisible: [{
-                type: Input
-            }], isToggleExpanded: [{
-                type: Input
-            }], filterValue: [{
-                type: Input
-            }], hasLabels: [{
-                type: Input
-            }], e2eAttr: [{
-                type: Input
-            }], filter: [{
-                type: Output
-            }], expandAll: [{
-                type: Output
-            }], collapseAll: [{
-                type: Output
-            }] } });
-class EuiUxTreeToolbarFilterButtonsTagDirective {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiUxTreeToolbarFilterButtonsTagDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.2", type: EuiUxTreeToolbarFilterButtonsTagDirective, selector: "EuiUxTreeToolbarFilterButtons", ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiUxTreeToolbarFilterButtonsTagDirective, decorators: [{
-            type: Directive,
-            args: [{ selector: 'EuiUxTreeToolbarFilterButtons' }]
-        }] });
-
-/* eslint-disable */
-class EuiUxTreeComponent {
-    constructor(cd) {
-        this.cd = cd;
-        this.collapsedIconClass = 'eui-icon eui-icon-plus-circle';
-        this.expandedIconClass = 'eui-icon eui-icon-minus-circle';
-        this.e2eAttr = 'ux-tree';
-        this.nodeClick = new EventEmitter();
-        this.nodeToggle = new EventEmitter();
-        // TODO: for eUI 14 remove the [] type
-        this.selectionChange = new EventEmitter();
-        this.filter = new EventEmitter();
-        this.allSelected = false;
-        this.nbNodes = 0;
-        this.visibleNodes = [];
-        this.filterValue = '';
-        this._isShowToolbar = false;
-        this._isExpanded = false;
-        this._isMultiselect = false;
-        this._isRecursiveSelection = false;
-        this._isClickTogglingNode = false;
-        this._isShowActiveNode = false;
-        this._isHideToggles = false;
-        this._isHideLines = false;
-        this._isClickSelectingNode = false;
-        this._showFilteredChildren = false;
-        this._expandFilteredChildren = false;
-        this._highlightPath = false;
-        this._autoTranslate = true;
-        this._hasLabels = true;
-        this._hasSelectAll = false;
-        this._hasSelectAllFiltered = false;
-        this._isRecursiveParentSelection = true;
-    }
-    get isShowToolbar() {
-        return this._isShowToolbar;
-    }
-    set isShowToolbar(value) {
-        this._isShowToolbar = coerceBooleanProperty(value);
-    }
-    get isExpanded() {
-        return this._isExpanded;
-    }
-    set isExpanded(value) {
-        this._isExpanded = coerceBooleanProperty(value);
-    }
-    get isMultiselect() {
-        return this._isMultiselect;
-    }
-    set isMultiselect(value) {
-        this._isMultiselect = coerceBooleanProperty(value);
-    }
-    get isRecursiveSelection() {
-        return this._isRecursiveSelection;
-    }
-    set isRecursiveSelection(value) {
-        this._isRecursiveSelection = coerceBooleanProperty(value);
-    }
-    get isClickTogglingNode() {
-        return this._isClickTogglingNode;
-    }
-    set isClickTogglingNode(value) {
-        this._isClickTogglingNode = coerceBooleanProperty(value);
-    }
-    get isShowActiveNode() {
-        return this._isShowActiveNode;
-    }
-    set isShowActiveNode(value) {
-        this._isShowActiveNode = coerceBooleanProperty(value);
-    }
-    get isHideToggles() {
-        return this._isHideToggles;
-    }
-    set isHideToggles(value) {
-        this._isHideToggles = coerceBooleanProperty(value);
-    }
-    get isHideLines() {
-        return this._isHideLines;
-    }
-    set isHideLines(value) {
-        this._isHideLines = coerceBooleanProperty(value);
-    }
-    get isClickSelectingNode() {
-        return this._isClickSelectingNode;
-    }
-    set isClickSelectingNode(value) {
-        this._isClickSelectingNode = coerceBooleanProperty(value);
-    }
-    get showFilteredChildren() {
-        return this._showFilteredChildren;
-    }
-    set showFilteredChildren(value) {
-        this._showFilteredChildren = coerceBooleanProperty(value);
-    }
-    get expandFilteredChildren() {
-        return this._expandFilteredChildren;
-    }
-    set expandFilteredChildren(value) {
-        this._expandFilteredChildren = coerceBooleanProperty(value);
-    }
-    get highlightPath() {
-        return this._highlightPath;
-    }
-    set highlightPath(value) {
-        this._highlightPath = coerceBooleanProperty(value);
-    }
-    get autoTranslate() {
-        return this._autoTranslate;
-    }
-    set autoTranslate(value) {
-        this._autoTranslate = coerceBooleanProperty(value);
-    }
-    get hasLabels() {
-        return this._hasLabels;
-    }
-    set hasLabels(value) {
-        this._hasLabels = coerceBooleanProperty(value);
-    }
-    get hasSelectAll() {
-        return this._hasSelectAll;
-    }
-    set hasSelectAll(value) {
-        this._hasSelectAll = coerceBooleanProperty(value);
-    }
-    get hasSelectAllFiltered() {
-        return this._hasSelectAllFiltered;
-    }
-    set hasSelectAllFiltered(value) {
-        this._hasSelectAllFiltered = coerceBooleanProperty(value);
-    }
-    get isRecursiveParentSelection() {
-        return this._isRecursiveParentSelection;
-    }
-    set isRecursiveParentSelection(value) {
-        this._isRecursiveParentSelection = coerceBooleanProperty(value);
-    }
-    get isMinimumOneSelected() {
-        return this.getSelectedNodes().length > 0 && !this.allSelected;
-    }
-    get isAllSelected() {
-        return this.getSelectedNodes().length === this.nbNodes;
-    }
-    ngOnChanges(changes) {
-        if (changes && changes['nodes']) {
-            this.visibleNodes = this.visible(this.nodes);
-        }
-    }
-    ngOnInit() {
-        this.getNbNodes(this.nodes);
-    }
-    ngAfterContentInit() {
-        if (this.isExpanded) {
-            this.setNodesExpandedState(this.nodes, true);
-        }
-        this.setParentNode(this.nodes, null);
-        this.templates.forEach((item) => {
-            if (item.getType() === 'nodeContent') {
-                this.nodeContentTemplate = item.template;
-            }
-        });
-    }
-    visible(nodes) {
-        if (this.hasSelectAllFiltered) {
-            return this.getVisibleNodesRecursive(nodes);
-        }
-        else {
-            return nodes.filter((n) => n.visible);
-        }
-    }
-    getNbNodes(nodes) {
-        nodes.forEach((node) => {
-            this.nbNodes++;
-            if (node.hasChildren) {
-                node.children.forEach((link) => {
-                    this.getNbNodes([link]);
-                });
-            }
-        });
-    }
-    onSelectAllChange(e) {
-        this.allSelected = e.target.checked;
-        if (!e.target.check) {
-            this.resetSelection();
-        }
-        if (this.hasSelectAllFiltered) {
-            this.setNodesSelectedFilteredState(this.visibleNodes, e.target.checked);
-        }
-        else {
-            this.setNodesSelectedState(this.nodes, e.target.checked);
-        }
-    }
-    getSelectedNodes() {
-        if (this.filterValue !== '' && this.allSelected && this.hasSelectAllFiltered) {
-            return this.visibleNodes;
-        }
-        else {
-            return this.getSelectedNodesRecursive(this.nodes);
-        }
-    }
-    onNodeToggle(UxLinkLegacy) {
-        this.nodeToggle.emit(UxLinkLegacy);
-    }
-    onNodeClick(UxLinkLegacy) {
-        if (!UxLinkLegacy.disabled) {
-            this.nodeClick.emit(UxLinkLegacy);
-            if (this.isClickTogglingNode && UxLinkLegacy.hasChildren) {
-                this.onNodeToggle(UxLinkLegacy);
-            }
-            if (!this.isMultiselect && this.isShowActiveNode) {
-                this.setNodesSelectedState(this.nodes, false);
-                UxLinkLegacy.selected = true;
-            }
-        }
-    }
-    onExpandAll(event) {
-        this.setNodesExpandedState(this.nodes, true);
-    }
-    onCollapseAll(event) {
-        this.setNodesExpandedState(this.nodes, false);
-    }
-    onSelectionChange(UxLinkLegacy) {
-        if (!UxLinkLegacy.selected) {
-            this.allSelected = false;
-        }
-        this.selectionChange.next(UxLinkLegacy);
-    }
-    onFilter(filterValue) {
-        if (filterValue !== '') {
-            this.setNodesVisibleState(this.nodes, false);
-            if (!this.expandFilteredChildren) {
-                this.nodes.forEach((node) => {
-                    this.isFilterMatched(node, filterValue);
-                });
-            }
-            if (this.expandFilteredChildren) {
-                this.nodes.forEach((node) => {
-                    this.isFilterMatchedExpand(node, filterValue);
-                });
-                this.setNodesVisibleState(this.nodes, true);
-            }
-            if (this.showFilteredChildren) {
-                this.nodes.forEach((node) => {
-                    this.isVisibleChildren(node, filterValue);
-                });
-            }
-            if (!this.expandFilteredChildren) {
-                this.setNodesExpandedState(this.nodes, true);
-            }
-            this.visibleNodes = this.visible(this.nodes);
-        }
-        else {
-            this.setNodesVisibleState(this.nodes, true);
-            this.visibleNodes = this.visible(this.nodes);
-            this.virtualScrolling?.scrollToIndex(0);
-        }
-        if (this.hasSelectAllFiltered) {
-            this.setNodesSelectedFilteredState(this.visibleNodes, this.allSelected);
-            this.filterValue = filterValue;
-            this.cd.detectChanges();
-        }
-        this.filter.emit(filterValue);
-    }
-    isFilterMatchedExpand(node, filterValue) {
-        node['highlighted'] = false;
-        if (node.label.toUpperCase().indexOf(filterValue.toUpperCase()) !== -1) {
-            node.expanded = true;
-            node['highlighted'] = true;
-        }
-        else {
-            node.expanded = false;
-            node['highlighted'] = false;
-        }
-        if (node.children) {
-            node.children.forEach((childrenNode) => {
-                this.isFilterMatchedExpand(childrenNode, filterValue);
-                if (childrenNode.expanded) {
-                    node.expanded = true;
-                    node['highlighted'] = true;
-                }
-            });
-        }
-    }
-    trackByFn(index, item) {
-        return item.id;
-    }
-    checkForChildren() {
-        return !this.nodes.some((node) => node.hasChildren);
-    }
-    resetSelection() {
-        this.resetNode(this.nodes);
-        // TODO: investigate if we can emit null instead of []
-        this.selectionChange.emit([]);
-    }
-    resetNode(nodes) {
-        nodes.forEach((node) => {
-            node.selected = false;
-            if (node.children && node.children.length > 0) {
-                this.resetNode(node.children);
-            }
-        });
-    }
-    isVisibleChildren(node, filterValue) {
-        if (node.parent && node.parent.visible === true && node.parent.label.toUpperCase().indexOf(filterValue.toUpperCase()) !== -1) {
-            node.visible = true;
-        }
-        if (node.children) {
-            node.children.forEach((childrenNode) => {
-                this.isVisibleChildren(childrenNode, filterValue);
-            });
-        }
-    }
-    getSelectedNodesRecursive(nodes) {
-        return (nodes || []).reduce((acc, node) => {
-            if (node.hasChildren) {
-                return node.selected && !node.indeterminate
-                    ? [...acc, node, ...this.getSelectedNodesRecursive(node.children)]
-                    : [...acc, ...this.getSelectedNodesRecursive(node.children)];
-            }
-            else {
-                return node.selected ? [...acc, node] : [...acc];
-            }
-        }, []);
-    }
-    getVisibleNodesRecursive(nodes) {
-        return (nodes || []).reduce((acc, node) => {
-            if (node.hasChildren) {
-                return node.visible
-                    ? [...acc, node, ...this.getVisibleNodesRecursive(node.children)]
-                    : [...acc, ...this.getVisibleNodesRecursive(node.children)];
-            }
-            else {
-                return node.visible ? [...acc, node] : [...acc];
-            }
-        }, []);
-    }
-    isFilterMatched(node, filterValue) {
-        if (node.label?.toUpperCase().indexOf(filterValue?.toUpperCase()) !== -1) {
-            this.virtualScrolling?.scrollToIndex(0);
-            node.visible = true;
-        }
-        else {
-            node.visible = false;
-        }
-        if (node.children) {
-            node.children.forEach((childrenNode) => {
-                this.isFilterMatched(childrenNode, filterValue);
-                if (childrenNode.visible) {
-                    node.visible = true;
-                }
-            });
-        }
-    }
-    setNodesExpandedState(nodes, expanded) {
-        nodes.forEach((node) => {
-            node.expanded = expanded;
-            if (node.children) {
-                this.setNodesExpandedState(node.children, expanded);
-            }
-        });
-    }
-    setNodesVisibleState(nodes, visible) {
-        nodes.forEach((node) => {
-            node.visible = visible;
-            if (node.children) {
-                this.setNodesVisibleState(node.children, visible);
-            }
-        });
-    }
-    setNodesSelectedState(nodes, selected) {
-        nodes.forEach((node) => {
-            node.selected = selected;
-            if (node.children) {
-                this.setNodesSelectedState(node.children, selected);
-            }
-            if (this.hasSelectAll) {
-                this.selectionChange.emit(node);
-            }
-        });
-    }
-    setNodesSelectedFilteredState(nodes, selected) {
-        nodes.forEach((node) => {
-            if (node.visible) {
-                node.selected = selected;
-                if (node.children) {
-                    this.setNodesSelectedFilteredState(node.children, selected);
-                }
-                if (this.hasSelectAllFiltered) {
-                    this.selectionChange.emit(node);
-                }
-            }
-        });
-    }
-    setParentNode(nodes, parentNode) {
-        nodes.forEach((node) => {
-            if (parentNode) {
-                node.parent = parentNode;
-            }
-            if (node.children) {
-                this.setParentNode(node.children, node);
-            }
-        });
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiUxTreeComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: EuiUxTreeComponent, selector: "eui-ux-tree", inputs: { nodes: "nodes", collapseAllLabel: "collapseAllLabel", expandAllLabel: "expandAllLabel", filterLabel: "filterLabel", collapsedIconClass: "collapsedIconClass", expandedIconClass: "expandedIconClass", setFilterValue: "setFilterValue", e2eAttr: "e2eAttr", isShowToolbar: "isShowToolbar", isExpanded: "isExpanded", isMultiselect: "isMultiselect", isRecursiveSelection: "isRecursiveSelection", isClickTogglingNode: "isClickTogglingNode", isShowActiveNode: "isShowActiveNode", isHideToggles: "isHideToggles", isHideLines: "isHideLines", isClickSelectingNode: "isClickSelectingNode", showFilteredChildren: "showFilteredChildren", expandFilteredChildren: "expandFilteredChildren", highlightPath: "highlightPath", autoTranslate: "autoTranslate", hasLabels: "hasLabels", hasSelectAll: "hasSelectAll", hasSelectAllFiltered: "hasSelectAllFiltered", isRecursiveParentSelection: "isRecursiveParentSelection" }, outputs: { nodeClick: "nodeClick", nodeToggle: "nodeToggle", selectionChange: "selectionChange", filter: "filter" }, queries: [{ propertyName: "templateVariable", first: true, predicate: TemplateRef, descendants: true }, { propertyName: "templates", predicate: EuiTemplateDirective }], viewQueries: [{ propertyName: "virtualScrolling", first: true, predicate: ["virtualScrolling"], descendants: true }, { propertyName: "treeNodes", predicate: EuiUxTreeNodeComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<eui-ux-tree-toolbar\n    *ngIf=\"isShowToolbar\"\n    [isVisible]=\"isShowToolbar\"\n    [isToggleVisible]=\"!isHideToggles\"\n    (filter)=\"onFilter($event)\"\n    [filterValue]=\"setFilterValue\"\n    (expandAll)=\"onExpandAll($event)\"\n    (collapseAll)=\"onCollapseAll($event)\"\n    filterLabel=\"{{ filterLabel }}\"\n    [expandAllLabel]=\"expandAllLabel ? expandAllLabel : null\"\n    collapseAllLabel=\"{{ collapseAllLabel }}\"\n    [isToggleExpanded]=\"isExpanded\"\n    [hasLabels]=\"hasLabels\"\n    attr.data-e2e=\"{{ e2eAttr }}-a-toolbar-filter\">\n</eui-ux-tree-toolbar>\n\n<div class=\"eui-u-flex\" *ngIf=\"hasSelectAll || hasSelectAllFiltered\">\n    <input\n        type=\"checkbox\"\n        class=\"ux-input__checkbox\"\n        id=\"selectAll\"\n        [checked]=\"isMinimumOneSelected ? 'checked' : null\"\n        (change)=\"onSelectAllChange($event)\" />\n    <label\n        class=\"ux-tree__node-checkbox-label\"\n        [class.checkbox-label-indeterminate]=\"isMinimumOneSelected && !isAllSelected\"\n        for=\"selectAll\"\n        [class.ux-tree__node-checkbox-label--onelevel]=\"checkForChildren()\">\n        <ng-container *ngIf=\"!allSelected && !isMinimumOneSelected && !isAllSelected\">\n            {{ 'eui.uxtree.SELECT-ALL' | translate }}\n        </ng-container>\n        <ng-container *ngIf=\"allSelected || isMinimumOneSelected || isAllSelected\">\n            {{ 'eui.uxtree.UNSELECT-ALL' | translate }}\n        </ng-container>\n    </label>\n</div>\n<ng-container *ngIf=\"nodes.length > 500 && !hasSelectAll && !hasSelectAllFiltered; else noVirtualScroll\">\n    <cdk-virtual-scroll-viewport\n        #virtualScrolling\n        itemSize=\"30\"\n        class=\"ux-tree__virtual-scrolling__container\"\n        minBufferPx=\"2000\"\n        maxBufferPx=\"2400\">\n        <div *cdkVirtualFor=\"let node of visibleNodes; trackBy: trackByFn\" class=\"ux-tree__virtual-scrolling__item\">\n            <ul\n                class=\"ux-tree\"\n                [class.ux-tree--hidelines]=\"isHideLines\"\n                [class.ux-tree--multiselect]=\"isMultiselect\"\n                [class.ux-tree--onelevel]=\"checkForChildren()\"\n                attr.data-e2e=\"{{ e2eAttr }}\">\n                <eui-ux-tree-node\n                    [node]=\"node\"\n                    (nodeClick)=\"onNodeClick($event)\"\n                    (nodeToggle)=\"onNodeToggle($event)\"\n                    (selectionChange)=\"onSelectionChange($event)\"\n                    [isRootNode]=\"true\"\n                    [isMultiselect]=\"isMultiselect\"\n                    [isRecursiveSelection]=\"isRecursiveSelection\"\n                    [isClickTogglingNode]=\"isClickTogglingNode\"\n                    expandedIconClass=\"{{ expandedIconClass }}\"\n                    collapsedIconClass=\"{{ collapsedIconClass }}\"\n                    [templateVariable]=\"templateVariable\"\n                    [nodeContentTemplate]=\"nodeContentTemplate\"\n                    [isShowActiveNode]=\"isShowActiveNode\"\n                    [autoTranslate]=\"autoTranslate\"\n                    [isHideToggles]=\"isHideToggles\"\n                    [isClickSelectingNode]=\"isClickSelectingNode\"\n                    [highlightPath]=\"highlightPath\"\n                    [isRecursiveParentSelection]=\"isRecursiveParentSelection\">\n                </eui-ux-tree-node>\n            </ul>\n        </div>\n    </cdk-virtual-scroll-viewport>\n</ng-container>\n\n<ng-template #noVirtualScroll>\n    <ul\n        class=\"ux-tree\"\n        [class.ux-tree--hidelines]=\"isHideLines\"\n        [class.ux-tree--multiselect]=\"isMultiselect\"\n        [class.ux-tree--onelevel]=\"checkForChildren()\"\n        attr.data-e2e=\"{{ e2eAttr }}\">\n        <eui-ux-tree-node\n            *ngFor=\"let node of nodes; trackBy: trackByFn\"\n            [node]=\"node\"\n            (nodeClick)=\"onNodeClick($event)\"\n            (nodeToggle)=\"onNodeToggle($event)\"\n            (selectionChange)=\"onSelectionChange($event)\"\n            [isRootNode]=\"true\"\n            [isMultiselect]=\"isMultiselect\"\n            [isRecursiveSelection]=\"isRecursiveSelection\"\n            [isClickTogglingNode]=\"isClickTogglingNode\"\n            expandedIconClass=\"{{ expandedIconClass }}\"\n            collapsedIconClass=\"{{ collapsedIconClass }}\"\n            [templateVariable]=\"templateVariable\"\n            [nodeContentTemplate]=\"nodeContentTemplate\"\n            [isShowActiveNode]=\"isShowActiveNode\"\n            [autoTranslate]=\"autoTranslate\"\n            [isHideToggles]=\"isHideToggles\"\n            [isClickSelectingNode]=\"isClickSelectingNode\"\n            [highlightPath]=\"highlightPath\"\n            [isRecursiveParentSelection]=\"isRecursiveParentSelection\">\n        </eui-ux-tree-node>\n    </ul>\n</ng-template>\n", styles: ["@charset \"UTF-8\";.ux-tree,.ux-tree ul{list-style:none;margin:0 0 0 var(--eui-base-spacing-xs);padding:0;position:relative}.ux-tree ul{margin-left:var(--eui-base-spacing-m)}ul.ux-tree:before{content:\"\";display:block;height:calc(100% - 12px);left:0;position:absolute}.ux-tree:before,.ux-tree ul:before{border-left:1px solid var(--eui-base-color-grey-20);bottom:0;content:\"\";display:block;height:calc(100% - 12px);left:0;position:absolute;top:0;width:0}.ux-tree li{cursor:pointer;line-height:calc(1.75 * var(--eui-base-spacing-m));margin:0;padding:0 0 0 var(--eui-base-spacing-s);position:relative}.ux-tree li:before{border-top:1px solid var(--eui-base-color-grey-20);content:\"\";display:block;height:0;left:0;position:absolute;top:var(--eui-base-spacing-m);width:var(--eui-base-spacing-xl)}.ux-tree li.ux-tree__node--expandable:before{border-top:1px solid var(--eui-base-color-grey-20);content:\"\";display:block;height:0;left:0;position:absolute;top:var(--eui-base-spacing-m);width:var(--eui-base-spacing-s)}.ux-tree li.ux-tree__node--disabled{pointer-events:none;cursor:none}.ux-tree li.last-child:before{bottom:0;height:auto;top:var(--eui-base-spacing-m)}.ux-tree--onelevel .ux-tree__node{padding:0}.ux-tree__node-wrapper{align-items:center;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-tree__node-wrapper .ux-tree__parent{margin-left:var(--eui-base-spacing-2xs)}.ux-tree__node-wrapper .ux-tree__leaf{margin-left:var(--eui-base-spacing-l)}.ux-tree--onelevel .ux-tree__node-wrapper .ux-tree__leaf{margin-left:var(--eui-base-spacing-xs)!important;margin-right:var(--eui-base-spacing-xs)}.ux-tree__node-wrapper .ux-tree__custom-content{align-items:center;display:inline-flex}.ux-tree__node-wrapper .ux-tree__custom-content.ux-tree__leaf{margin-left:var(--eui-base-spacing-l)}.ux-tree__node-wrapper input[type=checkbox].ux-input__checkbox{clip:auto}.ux-tree__node-wrapper input[type=checkbox].ux-input__checkbox--selected:after{background:transparent;color:var(--eui-color-white);height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='64' d='M416 128L192 384l-96-96'/%3E%3C/svg%3E\");position:absolute!important}.ux-tree__node-wrapper input[type=checkbox].ux-input__checkbox.checkbox-label-indeterminate:after{background:transparent;color:var(--eui-base-color-white);content:\"\\2013\"!important;position:relative;left:4px;bottom:2px}.ux-tree__node-label{margin-left:var(--eui-base-spacing-xl);vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-tree__node-label.ux-tree__node-label-parent{margin-left:0}.ux-tree__node-label:focus,.ux-tree__node-label:hover{color:var(--eui-base-color-primary-100);text-decoration:underline}.ux-tree__node--selected .ux-tree__node-label{background-color:var(--eui-base-color-primary-5)}.ux-tree__node-label-wrapped{margin-left:var(--eui-base-spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-tree__node-label-wrapped:focus,.ux-tree__node-label-wrapped:hover{color:var(--eui-base-color-primary-100);text-decoration:underline}.ux-tree__node-label-wrapped .ux-tree__node-label--highlighted{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.ux-tree__node--selected .ux-tree__node-label-wrapped{background-color:var(--eui-base-color-primary-5)}.ux-tree__node-toggle-icon{color:var(--eui-base-color-primary-100)}.ux-tree__node-toggle-icon .ux-button__icon{font-size:var(--eui-base-font-size-xl)!important}.ux-tree__node-type{align-items:center;background-color:var(--eui-base-color-grey-80);color:var(--eui-base-color-white);display:inline-flex;font-size:var(--eui-base-font-size-s);height:var(--eui-base-spacing-m);margin:var(--eui-base-spacing-2xs) 0 0 var(--eui-base-spacing-xl);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-2xs);text-decoration:none}.ux-tree__node-type.ux-tree__node-type-parent{margin-left:var(--eui-base-spacing-xs)}.ux-tree__node-icon{color:var(--eui-base-color-grey-90);display:inline-flex}.ux-tree__node-type--primary{background-color:var(--eui-base-color-primary-100)}.ux-tree__node-type--info{background-color:var(--eui-base-color-info-100)}.ux-tree__node-type--success{background-color:var(--eui-base-color-success-100)}.ux-tree__node-type--warning{background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-grey-100)}.ux-tree__node-type--danger{background-color:var(--eui-base-color-danger-100)}.ux-tree__node-badge{margin-left:var(--eui-base-spacing-xs);min-width:var(--eui-base-spacing-xl)}.ux-tree__node-metacontent-toggle{display:flex;font-size:var(--eui-base-font-size);margin-left:var(--eui-base-spacing-s);padding:0 var(--eui-base-spacing-3xs);box-shadow:var(--eui-base-shadow-1)}.ux-tree__node-metacontent{background-color:var(--eui-base-color-grey-5);margin-left:var(--eui-base-spacing-xl);padding:var(--eui-base-spacing-m)}.ux-tree__node-checkbox-label{margin:0!important;padding:0!important}.ux-tree__node-checkbox-label:after{left:12px!important}.ux-tree__node-checkbox-label--onelevel{margin:0 auto!important}.ux-tree--multiselect .ux-tree__node-wrapper{margin:3px 0}.ux-tree--multiselect .ux-tree__node-wrapper.ux-tree__node--selected .ux-tree__node-label{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.ux-tree--multiselect .ux-tree__node-label{margin-left:0;padding-left:var(--eui-base-spacing-s);padding-right:var(--eui-base-spacing-s)}.ux-tree--multiselect .ux-tree__node .ux-tree__parent{line-height:normal;margin-left:0}.ux-tree--multiselect .ux-tree__node .ux-tree__leaf{line-height:normal;margin-left:var(--eui-base-spacing-xl)}.ux-tree--onelevel{margin:0}.ux-tree--onelevel:before{border-left:none}.ux-tree--onelevel .ux-tree__node:before{border-top:none}.ux-tree--hidelines{margin:0}.ux-tree--hidelines .ux-tree__nodes:before{border-left:none}.ux-tree--hidelines .ux-tree__node:before{display:none}.ux-tree--hidelines:before{border-left:none}.ux-tree__virtual-scrolling__container{height:200px}.ux-tree__virtual-scrolling__item{height:30px}.ux-tree__toolbar{margin-bottom:var(--eui-base-spacing-m)}.ux-tree__toolbar-trigger{float:left;margin-right:var(--eui-base-spacing-xs)}.ux-tree__toolbar-filter{float:left;position:relative}.ux-tree__toolbar-filter-input{min-width:100px}.ux-tree__toolbar-filter-input-search-icon{position:absolute;right:var(--eui-base-spacing-s);top:var(--eui-base-spacing-s)}.ux-tree__node-wrapper input[type=checkbox].ux-input__checkbox{clip:auto;margin-right:var(--eui-base-spacing-2xs)}.ux-tree__node-wrapper input[type=checkbox].ux-input__checkbox+label:after{content:none!important}.ux-a-toolbar-filter{display:flex;padding-bottom:var(--eui-base-spacing-m);position:relative;width:100%}.ux-a-toolbar-filter-content{align-items:center;display:flex;flex-grow:1}.ux-a-toolbar-filter-sub-content{margin-left:auto}.ux-a-toolbar-filter-trigger-wrapper{display:flex;flex-shrink:0}.ux-a-toolbar-filter-trigger{margin-right:var(--eui-base-spacing-xs)}.ux-a-toolbar-filter-trigger.ux-button{border-color:var(--eui-base-color-grey-20)!important;box-shadow:none}.eui-t-compact .ux-a-toolbar-filter-trigger.ux-button.ux-button--outline{padding:8px var(--eui-base-spacing-m)}.ux-a-toolbar-filter-trigger .eui-icon{font-size:var(--eui-base-font-size-xl)}.ux-a-toolbar-filter-filter{margin-right:var(--eui-base-spacing-xs);position:relative;width:100%}.ux-a-toolbar-filter-filter .eui-icon{color:var(--eui-base-color-grey-80);font-size:var(--eui-base-font-size-xl)}.ux-a-toolbar-filter-filter-input{width:100%;width:calc(100% - 36px)!important}.ux-a-toolbar-filter-filter-input-search-icon{position:absolute;right:var(--eui-base-spacing-s);top:var(--eui-base-spacing-s)}.ux-a-toolbar-filter uxtoolbarfilterbuttons .ux-dropdown-button{border:1px solid var(--eui-base-color-grey-20);box-shadow:none}.eui-t-compact .ux-a-toolbar-filter uxtoolbarfilterbuttons .ux-dropdown-button{padding:8px var(--eui-base-spacing-s)}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i2$1.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i2$1.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: EuiUxTreeNodeComponent, selector: "eui-ux-tree-node", inputs: ["expandedIconClass", "collapsedIconClass", "templateVariable", "node", "nodeContentTemplate", "e2eAttr", "isFirst", "isLast", "isRootNode", "isClickTogglingNode", "isMultiselect", "isRecursiveSelection", "isRecursiveParentSelection", "isShowActiveNode", "isHideToggles", "isClickSelectingNode", "highlightPath", "autoTranslate", "hasSelectAll"], outputs: ["nodeClick", "nodeToggle", "selectionChange"] }, { kind: "component", type: EuiUxTreeToolbarComponent, selector: "eui-ux-tree-toolbar", inputs: ["isVisible", "filterLabel", "expandAllLabel", "collapseAllLabel", "isFilterVisible", "isToggleVisible", "isToggleExpanded", "filterValue", "hasLabels", "e2eAttr"], outputs: ["filter", "expandAll", "collapseAll"] }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiUxTreeComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'eui-ux-tree', encapsulation: ViewEncapsulation.None, template: "<eui-ux-tree-toolbar\n    *ngIf=\"isShowToolbar\"\n    [isVisible]=\"isShowToolbar\"\n    [isToggleVisible]=\"!isHideToggles\"\n    (filter)=\"onFilter($event)\"\n    [filterValue]=\"setFilterValue\"\n    (expandAll)=\"onExpandAll($event)\"\n    (collapseAll)=\"onCollapseAll($event)\"\n    filterLabel=\"{{ filterLabel }}\"\n    [expandAllLabel]=\"expandAllLabel ? expandAllLabel : null\"\n    collapseAllLabel=\"{{ collapseAllLabel }}\"\n    [isToggleExpanded]=\"isExpanded\"\n    [hasLabels]=\"hasLabels\"\n    attr.data-e2e=\"{{ e2eAttr }}-a-toolbar-filter\">\n</eui-ux-tree-toolbar>\n\n<div class=\"eui-u-flex\" *ngIf=\"hasSelectAll || hasSelectAllFiltered\">\n    <input\n        type=\"checkbox\"\n        class=\"ux-input__checkbox\"\n        id=\"selectAll\"\n        [checked]=\"isMinimumOneSelected ? 'checked' : null\"\n        (change)=\"onSelectAllChange($event)\" />\n    <label\n        class=\"ux-tree__node-checkbox-label\"\n        [class.checkbox-label-indeterminate]=\"isMinimumOneSelected && !isAllSelected\"\n        for=\"selectAll\"\n        [class.ux-tree__node-checkbox-label--onelevel]=\"checkForChildren()\">\n        <ng-container *ngIf=\"!allSelected && !isMinimumOneSelected && !isAllSelected\">\n            {{ 'eui.uxtree.SELECT-ALL' | translate }}\n        </ng-container>\n        <ng-container *ngIf=\"allSelected || isMinimumOneSelected || isAllSelected\">\n            {{ 'eui.uxtree.UNSELECT-ALL' | translate }}\n        </ng-container>\n    </label>\n</div>\n<ng-container *ngIf=\"nodes.length > 500 && !hasSelectAll && !hasSelectAllFiltered; else noVirtualScroll\">\n    <cdk-virtual-scroll-viewport\n        #virtualScrolling\n        itemSize=\"30\"\n        class=\"ux-tree__virtual-scrolling__container\"\n        minBufferPx=\"2000\"\n        maxBufferPx=\"2400\">\n        <div *cdkVirtualFor=\"let node of visibleNodes; trackBy: trackByFn\" class=\"ux-tree__virtual-scrolling__item\">\n            <ul\n                class=\"ux-tree\"\n                [class.ux-tree--hidelines]=\"isHideLines\"\n                [class.ux-tree--multiselect]=\"isMultiselect\"\n                [class.ux-tree--onelevel]=\"checkForChildren()\"\n                attr.data-e2e=\"{{ e2eAttr }}\">\n                <eui-ux-tree-node\n                    [node]=\"node\"\n                    (nodeClick)=\"onNodeClick($event)\"\n                    (nodeToggle)=\"onNodeToggle($event)\"\n                    (selectionChange)=\"onSelectionChange($event)\"\n                    [isRootNode]=\"true\"\n                    [isMultiselect]=\"isMultiselect\"\n                    [isRecursiveSelection]=\"isRecursiveSelection\"\n                    [isClickTogglingNode]=\"isClickTogglingNode\"\n                    expandedIconClass=\"{{ expandedIconClass }}\"\n                    collapsedIconClass=\"{{ collapsedIconClass }}\"\n                    [templateVariable]=\"templateVariable\"\n                    [nodeContentTemplate]=\"nodeContentTemplate\"\n                    [isShowActiveNode]=\"isShowActiveNode\"\n                    [autoTranslate]=\"autoTranslate\"\n                    [isHideToggles]=\"isHideToggles\"\n                    [isClickSelectingNode]=\"isClickSelectingNode\"\n                    [highlightPath]=\"highlightPath\"\n                    [isRecursiveParentSelection]=\"isRecursiveParentSelection\">\n                </eui-ux-tree-node>\n            </ul>\n        </div>\n    </cdk-virtual-scroll-viewport>\n</ng-container>\n\n<ng-template #noVirtualScroll>\n    <ul\n        class=\"ux-tree\"\n        [class.ux-tree--hidelines]=\"isHideLines\"\n        [class.ux-tree--multiselect]=\"isMultiselect\"\n        [class.ux-tree--onelevel]=\"checkForChildren()\"\n        attr.data-e2e=\"{{ e2eAttr }}\">\n        <eui-ux-tree-node\n            *ngFor=\"let node of nodes; trackBy: trackByFn\"\n            [node]=\"node\"\n            (nodeClick)=\"onNodeClick($event)\"\n            (nodeToggle)=\"onNodeToggle($event)\"\n            (selectionChange)=\"onSelectionChange($event)\"\n            [isRootNode]=\"true\"\n            [isMultiselect]=\"isMultiselect\"\n            [isRecursiveSelection]=\"isRecursiveSelection\"\n            [isClickTogglingNode]=\"isClickTogglingNode\"\n            expandedIconClass=\"{{ expandedIconClass }}\"\n            collapsedIconClass=\"{{ collapsedIconClass }}\"\n            [templateVariable]=\"templateVariable\"\n            [nodeContentTemplate]=\"nodeContentTemplate\"\n            [isShowActiveNode]=\"isShowActiveNode\"\n            [autoTranslate]=\"autoTranslate\"\n            [isHideToggles]=\"isHideToggles\"\n            [isClickSelectingNode]=\"isClickSelectingNode\"\n            [highlightPath]=\"highlightPath\"\n            [isRecursiveParentSelection]=\"isRecursiveParentSelection\">\n        </eui-ux-tree-node>\n    </ul>\n</ng-template>\n", styles: ["@charset \"UTF-8\";.ux-tree,.ux-tree ul{list-style:none;margin:0 0 0 var(--eui-base-spacing-xs);padding:0;position:relative}.ux-tree ul{margin-left:var(--eui-base-spacing-m)}ul.ux-tree:before{content:\"\";display:block;height:calc(100% - 12px);left:0;position:absolute}.ux-tree:before,.ux-tree ul:before{border-left:1px solid var(--eui-base-color-grey-20);bottom:0;content:\"\";display:block;height:calc(100% - 12px);left:0;position:absolute;top:0;width:0}.ux-tree li{cursor:pointer;line-height:calc(1.75 * var(--eui-base-spacing-m));margin:0;padding:0 0 0 var(--eui-base-spacing-s);position:relative}.ux-tree li:before{border-top:1px solid var(--eui-base-color-grey-20);content:\"\";display:block;height:0;left:0;position:absolute;top:var(--eui-base-spacing-m);width:var(--eui-base-spacing-xl)}.ux-tree li.ux-tree__node--expandable:before{border-top:1px solid var(--eui-base-color-grey-20);content:\"\";display:block;height:0;left:0;position:absolute;top:var(--eui-base-spacing-m);width:var(--eui-base-spacing-s)}.ux-tree li.ux-tree__node--disabled{pointer-events:none;cursor:none}.ux-tree li.last-child:before{bottom:0;height:auto;top:var(--eui-base-spacing-m)}.ux-tree--onelevel .ux-tree__node{padding:0}.ux-tree__node-wrapper{align-items:center;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-tree__node-wrapper .ux-tree__parent{margin-left:var(--eui-base-spacing-2xs)}.ux-tree__node-wrapper .ux-tree__leaf{margin-left:var(--eui-base-spacing-l)}.ux-tree--onelevel .ux-tree__node-wrapper .ux-tree__leaf{margin-left:var(--eui-base-spacing-xs)!important;margin-right:var(--eui-base-spacing-xs)}.ux-tree__node-wrapper .ux-tree__custom-content{align-items:center;display:inline-flex}.ux-tree__node-wrapper .ux-tree__custom-content.ux-tree__leaf{margin-left:var(--eui-base-spacing-l)}.ux-tree__node-wrapper input[type=checkbox].ux-input__checkbox{clip:auto}.ux-tree__node-wrapper input[type=checkbox].ux-input__checkbox--selected:after{background:transparent;color:var(--eui-color-white);height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='64' d='M416 128L192 384l-96-96'/%3E%3C/svg%3E\");position:absolute!important}.ux-tree__node-wrapper input[type=checkbox].ux-input__checkbox.checkbox-label-indeterminate:after{background:transparent;color:var(--eui-base-color-white);content:\"\\2013\"!important;position:relative;left:4px;bottom:2px}.ux-tree__node-label{margin-left:var(--eui-base-spacing-xl);vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-tree__node-label.ux-tree__node-label-parent{margin-left:0}.ux-tree__node-label:focus,.ux-tree__node-label:hover{color:var(--eui-base-color-primary-100);text-decoration:underline}.ux-tree__node--selected .ux-tree__node-label{background-color:var(--eui-base-color-primary-5)}.ux-tree__node-label-wrapped{margin-left:var(--eui-base-spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-tree__node-label-wrapped:focus,.ux-tree__node-label-wrapped:hover{color:var(--eui-base-color-primary-100);text-decoration:underline}.ux-tree__node-label-wrapped .ux-tree__node-label--highlighted{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.ux-tree__node--selected .ux-tree__node-label-wrapped{background-color:var(--eui-base-color-primary-5)}.ux-tree__node-toggle-icon{color:var(--eui-base-color-primary-100)}.ux-tree__node-toggle-icon .ux-button__icon{font-size:var(--eui-base-font-size-xl)!important}.ux-tree__node-type{align-items:center;background-color:var(--eui-base-color-grey-80);color:var(--eui-base-color-white);display:inline-flex;font-size:var(--eui-base-font-size-s);height:var(--eui-base-spacing-m);margin:var(--eui-base-spacing-2xs) 0 0 var(--eui-base-spacing-xl);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-2xs);text-decoration:none}.ux-tree__node-type.ux-tree__node-type-parent{margin-left:var(--eui-base-spacing-xs)}.ux-tree__node-icon{color:var(--eui-base-color-grey-90);display:inline-flex}.ux-tree__node-type--primary{background-color:var(--eui-base-color-primary-100)}.ux-tree__node-type--info{background-color:var(--eui-base-color-info-100)}.ux-tree__node-type--success{background-color:var(--eui-base-color-success-100)}.ux-tree__node-type--warning{background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-grey-100)}.ux-tree__node-type--danger{background-color:var(--eui-base-color-danger-100)}.ux-tree__node-badge{margin-left:var(--eui-base-spacing-xs);min-width:var(--eui-base-spacing-xl)}.ux-tree__node-metacontent-toggle{display:flex;font-size:var(--eui-base-font-size);margin-left:var(--eui-base-spacing-s);padding:0 var(--eui-base-spacing-3xs);box-shadow:var(--eui-base-shadow-1)}.ux-tree__node-metacontent{background-color:var(--eui-base-color-grey-5);margin-left:var(--eui-base-spacing-xl);padding:var(--eui-base-spacing-m)}.ux-tree__node-checkbox-label{margin:0!important;padding:0!important}.ux-tree__node-checkbox-label:after{left:12px!important}.ux-tree__node-checkbox-label--onelevel{margin:0 auto!important}.ux-tree--multiselect .ux-tree__node-wrapper{margin:3px 0}.ux-tree--multiselect .ux-tree__node-wrapper.ux-tree__node--selected .ux-tree__node-label{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.ux-tree--multiselect .ux-tree__node-label{margin-left:0;padding-left:var(--eui-base-spacing-s);padding-right:var(--eui-base-spacing-s)}.ux-tree--multiselect .ux-tree__node .ux-tree__parent{line-height:normal;margin-left:0}.ux-tree--multiselect .ux-tree__node .ux-tree__leaf{line-height:normal;margin-left:var(--eui-base-spacing-xl)}.ux-tree--onelevel{margin:0}.ux-tree--onelevel:before{border-left:none}.ux-tree--onelevel .ux-tree__node:before{border-top:none}.ux-tree--hidelines{margin:0}.ux-tree--hidelines .ux-tree__nodes:before{border-left:none}.ux-tree--hidelines .ux-tree__node:before{display:none}.ux-tree--hidelines:before{border-left:none}.ux-tree__virtual-scrolling__container{height:200px}.ux-tree__virtual-scrolling__item{height:30px}.ux-tree__toolbar{margin-bottom:var(--eui-base-spacing-m)}.ux-tree__toolbar-trigger{float:left;margin-right:var(--eui-base-spacing-xs)}.ux-tree__toolbar-filter{float:left;position:relative}.ux-tree__toolbar-filter-input{min-width:100px}.ux-tree__toolbar-filter-input-search-icon{position:absolute;right:var(--eui-base-spacing-s);top:var(--eui-base-spacing-s)}.ux-tree__node-wrapper input[type=checkbox].ux-input__checkbox{clip:auto;margin-right:var(--eui-base-spacing-2xs)}.ux-tree__node-wrapper input[type=checkbox].ux-input__checkbox+label:after{content:none!important}.ux-a-toolbar-filter{display:flex;padding-bottom:var(--eui-base-spacing-m);position:relative;width:100%}.ux-a-toolbar-filter-content{align-items:center;display:flex;flex-grow:1}.ux-a-toolbar-filter-sub-content{margin-left:auto}.ux-a-toolbar-filter-trigger-wrapper{display:flex;flex-shrink:0}.ux-a-toolbar-filter-trigger{margin-right:var(--eui-base-spacing-xs)}.ux-a-toolbar-filter-trigger.ux-button{border-color:var(--eui-base-color-grey-20)!important;box-shadow:none}.eui-t-compact .ux-a-toolbar-filter-trigger.ux-button.ux-button--outline{padding:8px var(--eui-base-spacing-m)}.ux-a-toolbar-filter-trigger .eui-icon{font-size:var(--eui-base-font-size-xl)}.ux-a-toolbar-filter-filter{margin-right:var(--eui-base-spacing-xs);position:relative;width:100%}.ux-a-toolbar-filter-filter .eui-icon{color:var(--eui-base-color-grey-80);font-size:var(--eui-base-font-size-xl)}.ux-a-toolbar-filter-filter-input{width:100%;width:calc(100% - 36px)!important}.ux-a-toolbar-filter-filter-input-search-icon{position:absolute;right:var(--eui-base-spacing-s);top:var(--eui-base-spacing-s)}.ux-a-toolbar-filter uxtoolbarfilterbuttons .ux-dropdown-button{border:1px solid var(--eui-base-color-grey-20);box-shadow:none}.eui-t-compact .ux-a-toolbar-filter uxtoolbarfilterbuttons .ux-dropdown-button{padding:8px var(--eui-base-spacing-s)}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { nodes: [{
-                type: Input
-            }], collapseAllLabel: [{
-                type: Input
-            }], expandAllLabel: [{
-                type: Input
-            }], filterLabel: [{
-                type: Input
-            }], collapsedIconClass: [{
-                type: Input
-            }], expandedIconClass: [{
-                type: Input
-            }], setFilterValue: [{
-                type: Input
-            }], e2eAttr: [{
-                type: Input
-            }], nodeClick: [{
-                type: Output
-            }], nodeToggle: [{
-                type: Output
-            }], selectionChange: [{
-                type: Output
-            }], filter: [{
-                type: Output
-            }], templateVariable: [{
-                type: ContentChild,
-                args: [TemplateRef]
-            }], templates: [{
-                type: ContentChildren,
-                args: [EuiTemplateDirective]
-            }], treeNodes: [{
-                type: ViewChildren,
-                args: [EuiUxTreeNodeComponent]
-            }], virtualScrolling: [{
-                type: ViewChild,
-                args: ['virtualScrolling']
-            }], isShowToolbar: [{
-                type: Input
-            }], isExpanded: [{
-                type: Input
-            }], isMultiselect: [{
-                type: Input
-            }], isRecursiveSelection: [{
-                type: Input
-            }], isClickTogglingNode: [{
-                type: Input
-            }], isShowActiveNode: [{
-                type: Input
-            }], isHideToggles: [{
-                type: Input
-            }], isHideLines: [{
-                type: Input
-            }], isClickSelectingNode: [{
-                type: Input
-            }], showFilteredChildren: [{
-                type: Input
-            }], expandFilteredChildren: [{
-                type: Input
-            }], highlightPath: [{
-                type: Input
-            }], autoTranslate: [{
-                type: Input
-            }], hasLabels: [{
-                type: Input
-            }], hasSelectAll: [{
-                type: Input
-            }], hasSelectAllFiltered: [{
-                type: Input
-            }], isRecursiveParentSelection: [{
-                type: Input
-            }] } });
-
-class EuiUxTreeModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiUxTreeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.2", ngImport: i0, type: EuiUxTreeModule, declarations: [EuiUxTreeComponent, EuiUxTreeNodeComponent, EuiUxTreeToolbarComponent, EuiUxTreeToolbarFilterButtonsTagDirective], imports: [CommonModule,
-            FormsModule,
-            TranslateModule,
-            ScrollingModule,
-            EuiIconModule,
-            EuiButtonModule,
-            EuiChipModule,
-            EuiInputTextModule,
-            EuiInputGroupModule], exports: [EuiUxTreeComponent, EuiUxTreeNodeComponent, EuiUxTreeToolbarComponent, EuiUxTreeToolbarFilterButtonsTagDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiUxTreeModule, imports: [CommonModule,
-            FormsModule,
-            TranslateModule,
-            ScrollingModule,
-            EuiIconModule,
-            EuiButtonModule,
-            EuiChipModule,
-            EuiInputTextModule,
-            EuiInputGroupModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiUxTreeModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        FormsModule,
-                        TranslateModule,
-                        ScrollingModule,
-                        EuiIconModule,
-                        EuiButtonModule,
-                        EuiChipModule,
-                        EuiInputTextModule,
-                        EuiInputGroupModule,
-                    ],
-                    declarations: [EuiUxTreeComponent, EuiUxTreeNodeComponent, EuiUxTreeToolbarComponent, EuiUxTreeToolbarFilterButtonsTagDirective],
-                    exports: [EuiUxTreeComponent, EuiUxTreeNodeComponent, EuiUxTreeToolbarComponent, EuiUxTreeToolbarFilterButtonsTagDirective],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { EuiUxTreeComponent, EuiUxTreeModule, EuiUxTreeNodeComponent, EuiUxTreeToolbarComponent, EuiUxTreeToolbarFilterButtonsTagDirective };
-//# sourceMappingURL=eui-components-eui-ux-tree.mjs.map