npm - @eui/components - Versions diffs - 15.0.0-rc.12 → 15.0.0-rc.13 - Mend

@eui/components 15.0.0-rc.12 → 15.0.0-rc.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (71) hide show

package/fesm2020/eui-components-legacy-ux-dropdown-tree.mjs CHANGED Viewed

@@ -238,10 +238,10 @@ class UxDropdownTreeComponent {
     }
 }
 /** @nocollapse */ UxDropdownTreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: UxDropdownTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ UxDropdownTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: UxDropdownTreeComponent, selector: "ux-dropdown-tree", inputs: { nodes: "nodes", buttonLabelAlignment: "buttonLabelAlignment", iconPosition: "iconPosition", e2eAttr: "e2eAttr", width: "width", dropdownMinHeight: "dropdownMinHeight", dropdownMaxHeight: "dropdownMaxHeight", collapseAllLabel: "collapseAllLabel", expandAllLabel: "expandAllLabel", filterLabel: "filterLabel", placeholder: "placeholder", isReadOnly: "isReadOnly", isBlock: "isBlock", isHideToggles: "isHideToggles", isHideLines: "isHideLines", isClickSelectingNode: "isClickSelectingNode", isExpanded: "isExpanded", isShowToolbar: "isShowToolbar", hasLabels: "hasLabels", isMultiselect: "isMultiselect", isRecursiveSelection: "isRecursiveSelection", highlightPath: "highlightPath", hasSelectAll: "hasSelectAll", isRecursiveParentSelection: "isRecursiveParentSelection" }, outputs: { selectionChange: "selectionChange", nodeClick: "nodeClick", nodeToggle: "nodeToggle" }, providers: [UX_DROPDOWN_TREE_FORM_VALUE_ACCESSOR], viewQueries: [{ propertyName: "treeMultiselect", first: true, predicate: ["treeMultiselect"], descendants: true }], ngImport: i0, template: "<ux-dropdown-button\n    [styleClass]=\"'ux-dropdown-tree ux-form-control ux-form-control__custom-select ux-form-control__custom-select-icon-position--' + iconPosition\"\n    typeClass=\"secondary\"\n    [isBlock]=\"isBlock\"\n    [isShowDropdownToggle]=\"false\"\n    [isSecondary]=\"true\"\n    [width]=\"width\"\n    [dropdownMinHeight]=\"dropdownMinHeight\"\n    [dropdownMaxHeight]=\"dropdownMaxHeight\"\n    [buttonLabelAlignment]=\"buttonLabelAlignment\"\n    label=\"{{ displayText }}\"\n    [isOutline]=\"true\"\n    attr.data-e2e=\"{{ e2eAttr }}-button\">\n    <div class=\"ux-dropdown-tree__container\" (click)=\"$event.stopPropagation()\">\n        <ux-tree #treeMultiselect\n            [hasSelectAll]=\"hasSelectAll\"\n            [highlightPath]=\"highlightPath\"\n            [isShowToolbar]=\"isShowToolbar\"\n            [collapseAllLabel]=\"collapseAllLabel\"\n            [expandAllLabel]=\"expandAllLabel\"\n            [filterLabel]=\"filterLabel\"\n            [hasLabels]=\"hasLabels\"\n            [nodes]=\"nodes\"\n            [isMultiselect]=\"isMultiselect\"\n            [isRecursiveSelection]=\"isRecursiveSelection\"\n            [isExpanded]=\"isExpanded\"\n            [isHideToggles]=\"isHideToggles\"\n            [isHideLines]=\"isHideLines\"\n            [isClickSelectingNode]=\"isClickSelectingNode\"\n            [isRecursiveParentSelection]=\"isRecursiveParentSelection\"\n            (selectionChange)=\"onSelectionChange($event)\"\n            (nodeClick)=\"onNodeClick($event)\"\n            (nodeToggle)=\"onNodeToggle($event)\"\n            attr.data-e2e=\"{{ e2eAttr }}\">\n        </ux-tree>\n    </div>\n</ux-dropdown-button>\n", styles: ["@charset \"UTF-8\";.ux-dropdown-tree.ux-dropdown-button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font: 400 1rem/1.25rem arial,sans-serif;-webkit-appearance:none;appearance:none;background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-50);border-radius:var(--eui-base-border-radius);color:var(--eui-base-color-grey-100);display:block;padding:calc(var(--eui-base-spacing-s) - 1px);width:100%}.ux-dropdown-tree.ux-dropdown-button:active:not([readonly]),.ux-dropdown-tree.ux-dropdown-button:focus:not([readonly]){z-index:auto;border-color:var(--eui-base-color-accessible-focus)!important;box-shadow:inset 0 0 0 1px var(--eui-base-color-accessible-focus),inset 0 0 0 2px var(--eui-base-color-grey-5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.ux-dropdown-tree.ux-dropdown-button[readonly]{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-base-spacing-2xs) 0;pointer-events:none}.ux-dropdown-tree.ux-dropdown-button[readonly]+.eui-feedback-message,.ux-dropdown-tree.ux-dropdown-button[readonly]+.eui-input-maxlength{-webkit-appearance:none;appearance:none;display:none}.ux-dropdown-tree.ux-dropdown-button[disabled],.ux-dropdown-tree.ux-dropdown-button--disabled{background-color:var(--eui-base-color-grey-5);border:1px solid var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-75);pointer-events:none}.ux-dropdown-tree.ux-dropdown-button--invalid,.ux-dropdown-tree.ux-dropdown-button--danger{border:1px solid var(--eui-base-color-danger-100)}.ux-dropdown-tree.ux-dropdown-button--clearable{padding-right:var(--eui-base-spacing-2xl)}.ux-dropdown-tree.ux-dropdown-button--clearable-icon{visibility:visible;position:absolute;right:var(--eui-base-spacing-s);cursor:pointer;-webkit-user-select:none;user-select:none}.ux-dropdown-tree.ux-dropdown-button--clearable-icon svg.eui-icon-svg{fill:var(--eui-base-color-grey-35)}.ux-dropdown-tree.ux-dropdown-button--clearable-icon svg.eui-icon-svg:hover{fill:var(--eui-base-color-grey-100)}.ux-dropdown-tree.ux-dropdown-button--loading{padding-right:var(--eui-base-spacing-2xl)}.ux-dropdown-tree.ux-dropdown-button--loading-icon{align-items:center;display:flex}.ux-dropdown-tree.ux-dropdown-button--loading-icon:after,.ux-dropdown-tree.ux-dropdown-button--loading-icon:before{content:\"\";height:var(--eui-base-spacing-l);position:absolute;right:var(--eui-base-spacing-s);width:var(--eui-base-spacing-l)}.ux-dropdown-tree.ux-dropdown-button--loading-icon:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.35);border-radius:100%}.ux-dropdown-tree.ux-dropdown-button--loading-icon:after{animation:eui-loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-base-color-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.ux-dropdown-tree.ux-dropdown-button--loading-icon--sm:after,.ux-dropdown-tree.ux-dropdown-button--loading-icon--sm:before{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.ux-dropdown-tree.ux-dropdown-button:active,.ux-dropdown-tree.ux-dropdown-button:focus{box-shadow:none}.ux-dropdown-tree.ux-dropdown-button:hover,.ux-dropdown-tree.ux-dropdown-button:focus{background-color:var(--eui-base-color-white)!important;color:inherit}.ux-dropdown-tree .ux-button__content{display:inline-grid}.ux-dropdown-tree .ux-button__content>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-dropdown-tree__container{padding:var(--eui-base-spacing-xs)}.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{font-size:95%}.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--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+label:after{content:none!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;left:6px;top:-6px}.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-label.ux-tree__node-label--highlighted{font-weight:700}.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-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)}.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 var(--eui-base-spacing-2xs)!important;padding:10px!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-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{margin-left:0}.ux-tree--multiselect .ux-tree__node .ux-tree__leaf{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}.ux-tree__node-wrapper input[type=checkbox].ux-input__checkbox:after{top:0!important}\n"], dependencies: [{ kind: "component", type: i1.UxTreeComponent, selector: "ux-tree", inputs: ["nodes", "collapseAllLabel", "expandAllLabel", "filterLabel", "collapsedIconClass", "expandedIconClass", "setFilterValue", "e2eAttr", "isShowToolbar", "isExpanded", "isMultiselect", "isRecursiveSelection", "isClickTogglingNode", "isShowActiveNode", "isHideToggles", "isHideLines", "isClickSelectingNode", "showFilteredChildren", "expandFilteredChildren", "highlightPath", "autoTranslate", "hasLabels", "hasSelectAll", "isRecursiveParentSelection"], outputs: ["nodeClick", "nodeToggle", "selectionChange", "onFilterValue"] }, { kind: "component", type: i2.UxDropdownButtonComponent, selector: "ux-dropdown-button", inputs: ["styleClass", "label", "iconClass", "iconSvgName", "links", "activeLink", "typeClass", "dropdownMinHeight", "dropdownMaxHeight", "width", "buttonLabelAlignment", "e2eAttr", "menu", "id", "isUpdateLabelFromSelectedItem", "isDisabled", "isSmall", "isLarge", "isSplitButtonToggle", "isDropDownRightAligned", "isLinkToggle", "isOutline", "isShowDropdownToggle", "hasItems", "isSecondary", "isBlock"], outputs: ["linkSelected"] }], encapsulation: i0.ViewEncapsulation.None });
+/** @nocollapse */ UxDropdownTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: UxDropdownTreeComponent, selector: "ux-dropdown-tree", inputs: { nodes: "nodes", buttonLabelAlignment: "buttonLabelAlignment", iconPosition: "iconPosition", e2eAttr: "e2eAttr", width: "width", dropdownMinHeight: "dropdownMinHeight", dropdownMaxHeight: "dropdownMaxHeight", collapseAllLabel: "collapseAllLabel", expandAllLabel: "expandAllLabel", filterLabel: "filterLabel", placeholder: "placeholder", isReadOnly: "isReadOnly", isBlock: "isBlock", isHideToggles: "isHideToggles", isHideLines: "isHideLines", isClickSelectingNode: "isClickSelectingNode", isExpanded: "isExpanded", isShowToolbar: "isShowToolbar", hasLabels: "hasLabels", isMultiselect: "isMultiselect", isRecursiveSelection: "isRecursiveSelection", highlightPath: "highlightPath", hasSelectAll: "hasSelectAll", isRecursiveParentSelection: "isRecursiveParentSelection" }, outputs: { selectionChange: "selectionChange", nodeClick: "nodeClick", nodeToggle: "nodeToggle" }, providers: [UX_DROPDOWN_TREE_FORM_VALUE_ACCESSOR], viewQueries: [{ propertyName: "treeMultiselect", first: true, predicate: ["treeMultiselect"], descendants: true }], ngImport: i0, template: "<ux-dropdown-button\n    [styleClass]=\"'ux-dropdown-tree ux-form-control ux-form-control__custom-select ux-form-control__custom-select-icon-position--' + iconPosition\"\n    typeClass=\"secondary\"\n    [isBlock]=\"isBlock\"\n    [isShowDropdownToggle]=\"false\"\n    [isSecondary]=\"true\"\n    [width]=\"width\"\n    [dropdownMinHeight]=\"dropdownMinHeight\"\n    [dropdownMaxHeight]=\"dropdownMaxHeight\"\n    [buttonLabelAlignment]=\"buttonLabelAlignment\"\n    label=\"{{ displayText }}\"\n    [isOutline]=\"true\"\n    attr.data-e2e=\"{{ e2eAttr }}-button\">\n    <div class=\"ux-dropdown-tree__container\" (click)=\"$event.stopPropagation()\">\n        <ux-tree #treeMultiselect\n            [hasSelectAll]=\"hasSelectAll\"\n            [highlightPath]=\"highlightPath\"\n            [isShowToolbar]=\"isShowToolbar\"\n            [collapseAllLabel]=\"collapseAllLabel\"\n            [expandAllLabel]=\"expandAllLabel\"\n            [filterLabel]=\"filterLabel\"\n            [hasLabels]=\"hasLabels\"\n            [nodes]=\"nodes\"\n            [isMultiselect]=\"isMultiselect\"\n            [isRecursiveSelection]=\"isRecursiveSelection\"\n            [isExpanded]=\"isExpanded\"\n            [isHideToggles]=\"isHideToggles\"\n            [isHideLines]=\"isHideLines\"\n            [isClickSelectingNode]=\"isClickSelectingNode\"\n            [isRecursiveParentSelection]=\"isRecursiveParentSelection\"\n            (selectionChange)=\"onSelectionChange($event)\"\n            (nodeClick)=\"onNodeClick($event)\"\n            (nodeToggle)=\"onNodeToggle($event)\"\n            attr.data-e2e=\"{{ e2eAttr }}\">\n        </ux-tree>\n    </div>\n</ux-dropdown-button>\n", styles: ["@charset \"UTF-8\";.ux-dropdown-tree.ux-dropdown-button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font: 400 1rem/1.25rem arial,sans-serif;-webkit-appearance:none;appearance:none;background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-50);border-radius:var(--eui-base-border-radius);color:var(--eui-base-color-grey-100);display:block;padding:calc(var(--eui-base-spacing-s) - 1px);width:100%}.ux-dropdown-tree.ux-dropdown-button:active:not([readonly]),.ux-dropdown-tree.ux-dropdown-button:focus:not([readonly]){z-index:auto;border-color:var(--eui-base-color-accessible-focus)!important;box-shadow:inset 0 0 0 1px var(--eui-base-color-accessible-focus),inset 0 0 0 2px var(--eui-base-color-grey-5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.ux-dropdown-tree.ux-dropdown-button[readonly]{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-base-spacing-2xs) 0;pointer-events:none}.ux-dropdown-tree.ux-dropdown-button[readonly]+.eui-feedback-message,.ux-dropdown-tree.ux-dropdown-button[readonly]+.eui-input-maxlength{-webkit-appearance:none;appearance:none;display:none}.ux-dropdown-tree.ux-dropdown-button[disabled],.ux-dropdown-tree.ux-dropdown-button--disabled{background-color:var(--eui-base-color-grey-5);border:1px solid var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-75);pointer-events:none}.ux-dropdown-tree.ux-dropdown-button--invalid,.ux-dropdown-tree.ux-dropdown-button--danger{border:1px solid var(--eui-base-color-danger-100)}.ux-dropdown-tree.ux-dropdown-button--clearable{padding-right:var(--eui-base-spacing-2xl)}.ux-dropdown-tree.ux-dropdown-button--clearable-icon{visibility:visible;position:absolute;right:var(--eui-base-spacing-s);cursor:pointer;-webkit-user-select:none;user-select:none}.ux-dropdown-tree.ux-dropdown-button--clearable-icon svg.eui-icon-svg{fill:var(--eui-base-color-grey-35)}.ux-dropdown-tree.ux-dropdown-button--clearable-icon svg.eui-icon-svg:hover{fill:var(--eui-base-color-grey-100)}.ux-dropdown-tree.ux-dropdown-button--loading{padding-right:var(--eui-base-spacing-2xl)}.ux-dropdown-tree.ux-dropdown-button--loading-icon{align-items:center;display:flex}.ux-dropdown-tree.ux-dropdown-button--loading-icon:after,.ux-dropdown-tree.ux-dropdown-button--loading-icon:before{content:\"\";height:var(--eui-base-spacing-l);position:absolute;right:var(--eui-base-spacing-s);width:var(--eui-base-spacing-l)}.ux-dropdown-tree.ux-dropdown-button--loading-icon:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.35);border-radius:100%}.ux-dropdown-tree.ux-dropdown-button--loading-icon:after{animation:eui-loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-base-color-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.ux-dropdown-tree.ux-dropdown-button--loading-icon--sm:after,.ux-dropdown-tree.ux-dropdown-button--loading-icon--sm:before{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.ux-dropdown-tree.ux-dropdown-button:active,.ux-dropdown-tree.ux-dropdown-button:focus{box-shadow:none}.ux-dropdown-tree.ux-dropdown-button:hover,.ux-dropdown-tree.ux-dropdown-button:focus{background-color:var(--eui-base-color-white)!important;color:inherit}.ux-dropdown-tree .ux-button__content{display:inline-grid}.ux-dropdown-tree .ux-button__content>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-dropdown-tree__container{padding:var(--eui-base-spacing-xs)}.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{font-size:95%}.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--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+label:after{content:none!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;left:6px;top:-6px}.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-label.ux-tree__node-label--highlighted{font-weight:700}.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-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)}.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 var(--eui-base-spacing-2xs)!important;padding:10px!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-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}.ux-tree__node-wrapper input[type=checkbox].ux-input__checkbox:after{top:0!important}\n"], dependencies: [{ kind: "component", type: i1.UxTreeComponent, selector: "ux-tree", inputs: ["nodes", "collapseAllLabel", "expandAllLabel", "filterLabel", "collapsedIconClass", "expandedIconClass", "setFilterValue", "e2eAttr", "isShowToolbar", "isExpanded", "isMultiselect", "isRecursiveSelection", "isClickTogglingNode", "isShowActiveNode", "isHideToggles", "isHideLines", "isClickSelectingNode", "showFilteredChildren", "expandFilteredChildren", "highlightPath", "autoTranslate", "hasLabels", "hasSelectAll", "isRecursiveParentSelection"], outputs: ["nodeClick", "nodeToggle", "selectionChange", "onFilterValue"] }, { kind: "component", type: i2.UxDropdownButtonComponent, selector: "ux-dropdown-button", inputs: ["styleClass", "label", "iconClass", "iconSvgName", "links", "activeLink", "typeClass", "dropdownMinHeight", "dropdownMaxHeight", "width", "buttonLabelAlignment", "e2eAttr", "menu", "id", "isUpdateLabelFromSelectedItem", "isDisabled", "isSmall", "isLarge", "isSplitButtonToggle", "isDropDownRightAligned", "isLinkToggle", "isOutline", "isShowDropdownToggle", "hasItems", "isSecondary", "isBlock"], outputs: ["linkSelected"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: UxDropdownTreeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ux-dropdown-tree', encapsulation: ViewEncapsulation.None, providers: [UX_DROPDOWN_TREE_FORM_VALUE_ACCESSOR], template: "<ux-dropdown-button\n    [styleClass]=\"'ux-dropdown-tree ux-form-control ux-form-control__custom-select ux-form-control__custom-select-icon-position--' + iconPosition\"\n    typeClass=\"secondary\"\n    [isBlock]=\"isBlock\"\n    [isShowDropdownToggle]=\"false\"\n    [isSecondary]=\"true\"\n    [width]=\"width\"\n    [dropdownMinHeight]=\"dropdownMinHeight\"\n    [dropdownMaxHeight]=\"dropdownMaxHeight\"\n    [buttonLabelAlignment]=\"buttonLabelAlignment\"\n    label=\"{{ displayText }}\"\n    [isOutline]=\"true\"\n    attr.data-e2e=\"{{ e2eAttr }}-button\">\n    <div class=\"ux-dropdown-tree__container\" (click)=\"$event.stopPropagation()\">\n        <ux-tree #treeMultiselect\n            [hasSelectAll]=\"hasSelectAll\"\n            [highlightPath]=\"highlightPath\"\n            [isShowToolbar]=\"isShowToolbar\"\n            [collapseAllLabel]=\"collapseAllLabel\"\n            [expandAllLabel]=\"expandAllLabel\"\n            [filterLabel]=\"filterLabel\"\n            [hasLabels]=\"hasLabels\"\n            [nodes]=\"nodes\"\n            [isMultiselect]=\"isMultiselect\"\n            [isRecursiveSelection]=\"isRecursiveSelection\"\n            [isExpanded]=\"isExpanded\"\n            [isHideToggles]=\"isHideToggles\"\n            [isHideLines]=\"isHideLines\"\n            [isClickSelectingNode]=\"isClickSelectingNode\"\n            [isRecursiveParentSelection]=\"isRecursiveParentSelection\"\n            (selectionChange)=\"onSelectionChange($event)\"\n            (nodeClick)=\"onNodeClick($event)\"\n            (nodeToggle)=\"onNodeToggle($event)\"\n            attr.data-e2e=\"{{ e2eAttr }}\">\n        </ux-tree>\n    </div>\n</ux-dropdown-button>\n", styles: ["@charset \"UTF-8\";.ux-dropdown-tree.ux-dropdown-button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font: 400 1rem/1.25rem arial,sans-serif;-webkit-appearance:none;appearance:none;background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-50);border-radius:var(--eui-base-border-radius);color:var(--eui-base-color-grey-100);display:block;padding:calc(var(--eui-base-spacing-s) - 1px);width:100%}.ux-dropdown-tree.ux-dropdown-button:active:not([readonly]),.ux-dropdown-tree.ux-dropdown-button:focus:not([readonly]){z-index:auto;border-color:var(--eui-base-color-accessible-focus)!important;box-shadow:inset 0 0 0 1px var(--eui-base-color-accessible-focus),inset 0 0 0 2px var(--eui-base-color-grey-5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.ux-dropdown-tree.ux-dropdown-button[readonly]{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-base-spacing-2xs) 0;pointer-events:none}.ux-dropdown-tree.ux-dropdown-button[readonly]+.eui-feedback-message,.ux-dropdown-tree.ux-dropdown-button[readonly]+.eui-input-maxlength{-webkit-appearance:none;appearance:none;display:none}.ux-dropdown-tree.ux-dropdown-button[disabled],.ux-dropdown-tree.ux-dropdown-button--disabled{background-color:var(--eui-base-color-grey-5);border:1px solid var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-75);pointer-events:none}.ux-dropdown-tree.ux-dropdown-button--invalid,.ux-dropdown-tree.ux-dropdown-button--danger{border:1px solid var(--eui-base-color-danger-100)}.ux-dropdown-tree.ux-dropdown-button--clearable{padding-right:var(--eui-base-spacing-2xl)}.ux-dropdown-tree.ux-dropdown-button--clearable-icon{visibility:visible;position:absolute;right:var(--eui-base-spacing-s);cursor:pointer;-webkit-user-select:none;user-select:none}.ux-dropdown-tree.ux-dropdown-button--clearable-icon svg.eui-icon-svg{fill:var(--eui-base-color-grey-35)}.ux-dropdown-tree.ux-dropdown-button--clearable-icon svg.eui-icon-svg:hover{fill:var(--eui-base-color-grey-100)}.ux-dropdown-tree.ux-dropdown-button--loading{padding-right:var(--eui-base-spacing-2xl)}.ux-dropdown-tree.ux-dropdown-button--loading-icon{align-items:center;display:flex}.ux-dropdown-tree.ux-dropdown-button--loading-icon:after,.ux-dropdown-tree.ux-dropdown-button--loading-icon:before{content:\"\";height:var(--eui-base-spacing-l);position:absolute;right:var(--eui-base-spacing-s);width:var(--eui-base-spacing-l)}.ux-dropdown-tree.ux-dropdown-button--loading-icon:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.35);border-radius:100%}.ux-dropdown-tree.ux-dropdown-button--loading-icon:after{animation:eui-loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-base-color-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.ux-dropdown-tree.ux-dropdown-button--loading-icon--sm:after,.ux-dropdown-tree.ux-dropdown-button--loading-icon--sm:before{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.ux-dropdown-tree.ux-dropdown-button:active,.ux-dropdown-tree.ux-dropdown-button:focus{box-shadow:none}.ux-dropdown-tree.ux-dropdown-button:hover,.ux-dropdown-tree.ux-dropdown-button:focus{background-color:var(--eui-base-color-white)!important;color:inherit}.ux-dropdown-tree .ux-button__content{display:inline-grid}.ux-dropdown-tree .ux-button__content>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-dropdown-tree__container{padding:var(--eui-base-spacing-xs)}.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{font-size:95%}.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--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+label:after{content:none!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;left:6px;top:-6px}.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-label.ux-tree__node-label--highlighted{font-weight:700}.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-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)}.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 var(--eui-base-spacing-2xs)!important;padding:10px!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-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{margin-left:0}.ux-tree--multiselect .ux-tree__node .ux-tree__leaf{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}.ux-tree__node-wrapper input[type=checkbox].ux-input__checkbox:after{top:0!important}\n"] }]
+            args: [{ selector: 'ux-dropdown-tree', encapsulation: ViewEncapsulation.None, providers: [UX_DROPDOWN_TREE_FORM_VALUE_ACCESSOR], template: "<ux-dropdown-button\n    [styleClass]=\"'ux-dropdown-tree ux-form-control ux-form-control__custom-select ux-form-control__custom-select-icon-position--' + iconPosition\"\n    typeClass=\"secondary\"\n    [isBlock]=\"isBlock\"\n    [isShowDropdownToggle]=\"false\"\n    [isSecondary]=\"true\"\n    [width]=\"width\"\n    [dropdownMinHeight]=\"dropdownMinHeight\"\n    [dropdownMaxHeight]=\"dropdownMaxHeight\"\n    [buttonLabelAlignment]=\"buttonLabelAlignment\"\n    label=\"{{ displayText }}\"\n    [isOutline]=\"true\"\n    attr.data-e2e=\"{{ e2eAttr }}-button\">\n    <div class=\"ux-dropdown-tree__container\" (click)=\"$event.stopPropagation()\">\n        <ux-tree #treeMultiselect\n            [hasSelectAll]=\"hasSelectAll\"\n            [highlightPath]=\"highlightPath\"\n            [isShowToolbar]=\"isShowToolbar\"\n            [collapseAllLabel]=\"collapseAllLabel\"\n            [expandAllLabel]=\"expandAllLabel\"\n            [filterLabel]=\"filterLabel\"\n            [hasLabels]=\"hasLabels\"\n            [nodes]=\"nodes\"\n            [isMultiselect]=\"isMultiselect\"\n            [isRecursiveSelection]=\"isRecursiveSelection\"\n            [isExpanded]=\"isExpanded\"\n            [isHideToggles]=\"isHideToggles\"\n            [isHideLines]=\"isHideLines\"\n            [isClickSelectingNode]=\"isClickSelectingNode\"\n            [isRecursiveParentSelection]=\"isRecursiveParentSelection\"\n            (selectionChange)=\"onSelectionChange($event)\"\n            (nodeClick)=\"onNodeClick($event)\"\n            (nodeToggle)=\"onNodeToggle($event)\"\n            attr.data-e2e=\"{{ e2eAttr }}\">\n        </ux-tree>\n    </div>\n</ux-dropdown-button>\n", styles: ["@charset \"UTF-8\";.ux-dropdown-tree.ux-dropdown-button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font: 400 1rem/1.25rem arial,sans-serif;-webkit-appearance:none;appearance:none;background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-50);border-radius:var(--eui-base-border-radius);color:var(--eui-base-color-grey-100);display:block;padding:calc(var(--eui-base-spacing-s) - 1px);width:100%}.ux-dropdown-tree.ux-dropdown-button:active:not([readonly]),.ux-dropdown-tree.ux-dropdown-button:focus:not([readonly]){z-index:auto;border-color:var(--eui-base-color-accessible-focus)!important;box-shadow:inset 0 0 0 1px var(--eui-base-color-accessible-focus),inset 0 0 0 2px var(--eui-base-color-grey-5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.ux-dropdown-tree.ux-dropdown-button[readonly]{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-base-spacing-2xs) 0;pointer-events:none}.ux-dropdown-tree.ux-dropdown-button[readonly]+.eui-feedback-message,.ux-dropdown-tree.ux-dropdown-button[readonly]+.eui-input-maxlength{-webkit-appearance:none;appearance:none;display:none}.ux-dropdown-tree.ux-dropdown-button[disabled],.ux-dropdown-tree.ux-dropdown-button--disabled{background-color:var(--eui-base-color-grey-5);border:1px solid var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-75);pointer-events:none}.ux-dropdown-tree.ux-dropdown-button--invalid,.ux-dropdown-tree.ux-dropdown-button--danger{border:1px solid var(--eui-base-color-danger-100)}.ux-dropdown-tree.ux-dropdown-button--clearable{padding-right:var(--eui-base-spacing-2xl)}.ux-dropdown-tree.ux-dropdown-button--clearable-icon{visibility:visible;position:absolute;right:var(--eui-base-spacing-s);cursor:pointer;-webkit-user-select:none;user-select:none}.ux-dropdown-tree.ux-dropdown-button--clearable-icon svg.eui-icon-svg{fill:var(--eui-base-color-grey-35)}.ux-dropdown-tree.ux-dropdown-button--clearable-icon svg.eui-icon-svg:hover{fill:var(--eui-base-color-grey-100)}.ux-dropdown-tree.ux-dropdown-button--loading{padding-right:var(--eui-base-spacing-2xl)}.ux-dropdown-tree.ux-dropdown-button--loading-icon{align-items:center;display:flex}.ux-dropdown-tree.ux-dropdown-button--loading-icon:after,.ux-dropdown-tree.ux-dropdown-button--loading-icon:before{content:\"\";height:var(--eui-base-spacing-l);position:absolute;right:var(--eui-base-spacing-s);width:var(--eui-base-spacing-l)}.ux-dropdown-tree.ux-dropdown-button--loading-icon:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.35);border-radius:100%}.ux-dropdown-tree.ux-dropdown-button--loading-icon:after{animation:eui-loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-base-color-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.ux-dropdown-tree.ux-dropdown-button--loading-icon--sm:after,.ux-dropdown-tree.ux-dropdown-button--loading-icon--sm:before{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.ux-dropdown-tree.ux-dropdown-button:active,.ux-dropdown-tree.ux-dropdown-button:focus{box-shadow:none}.ux-dropdown-tree.ux-dropdown-button:hover,.ux-dropdown-tree.ux-dropdown-button:focus{background-color:var(--eui-base-color-white)!important;color:inherit}.ux-dropdown-tree .ux-button__content{display:inline-grid}.ux-dropdown-tree .ux-button__content>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-dropdown-tree__container{padding:var(--eui-base-spacing-xs)}.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{font-size:95%}.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--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+label:after{content:none!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;left:6px;top:-6px}.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-label.ux-tree__node-label--highlighted{font-weight:700}.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-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)}.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 var(--eui-base-spacing-2xs)!important;padding:10px!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-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}.ux-tree__node-wrapper input[type=checkbox].ux-input__checkbox:after{top:0!important}\n"] }]
         }], propDecorators: { nodes: [{
                 type: Input
             }], buttonLabelAlignment: [{

package/fesm2020/eui-components-legacy-ux-dropdown-tree.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-components-legacy-ux-dropdown-tree.mjs","sources":["../../legacy/ux-dropdown-tree/ux-dropdown-tree.component.ts","../../legacy/ux-dropdown-tree/ux-dropdown-tree.component.html","../../legacy/ux-dropdown-tree/eui-components-legacy-ux-dropdown-tree.ts"],"sourcesContent":["import { AfterContentInit, Component, EventEmitter, forwardRef, Input, NgModule, Output, ViewChild, ViewEncapsulation } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ControlValueAccessor, FormControl, FormsModule, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';\nimport { UxLink } from '@eui/core';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\nimport { UxTreeComponent, UxTreeComponentModule } from '@eui/components/legacy/ux-tree';\nimport { UxDropdownButtonComponentModule } from '@eui/components/legacy/ux-dropdown-button';\n\nexport const UX_DROPDOWN_TREE_FORM_VALUE_ACCESSOR: any = {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => UxDropdownTreeComponent),\n multi: true,\n};\n\nconst noop = (): void => {\n};\n\n@Component({\n selector: 'ux-dropdown-tree',\n templateUrl: './ux-dropdown-tree.component.html',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n providers: [UX_DROPDOWN_TREE_FORM_VALUE_ACCESSOR]\n})\nexport class UxDropdownTreeComponent implements AfterContentInit, ControlValueAccessor {\n @Input() nodes: UxLink[];\n @Input() buttonLabelAlignment: ('left' \| 'center' \| 'right') = 'center';\n @Input() iconPosition: string = 'right';\n @Input() e2eAttr: string = 'ux-dropdown-tree';\n @Input() width: string = '10rem';\n @Input() dropdownMinHeight: string = 'auto';\n @Input() dropdownMaxHeight: string = 'auto';\n @Input() collapseAllLabel: string;\n @Input() expandAllLabel: string;\n @Input() filterLabel: string;\n @Input() placeholder: string = ' ';\n\n @Output() selectionChange = new EventEmitter<UxLink>();\n @Output() nodeClick = new EventEmitter<UxLink>();\n @Output() nodeToggle = new EventEmitter<UxLink>();\n\n public selectedNodesLabel: string = '';\n public displayText: string;\n public input = new FormControl();\n\n @Input()\n get isReadOnly(): boolean { return this._isReadOnly; }\n set isReadOnly(value: BooleanInput) { this._isReadOnly = coerceBooleanProperty(value); }\n private _isReadOnly: boolean = false;\n @Input()\n get isBlock(): boolean { return this._isBlock; }\n set isBlock(value: BooleanInput) { this._isBlock = coerceBooleanProperty(value); }\n private _isBlock: boolean = false;\n @Input()\n get isHideToggles(): boolean { return this._isHideToggles; }\n set isHideToggles(value: BooleanInput) { this._isHideToggles = coerceBooleanProperty(value); }\n private _isHideToggles: boolean = false;\n @Input()\n get isHideLines(): boolean { return this._isHideLines; }\n set isHideLines(value: BooleanInput) { this._isHideLines = coerceBooleanProperty(value); }\n private _isHideLines: boolean = false;\n @Input()\n get isClickSelectingNode(): boolean { return this._isClickSelectingNode; }\n set isClickSelectingNode(value: BooleanInput) { this._isClickSelectingNode = coerceBooleanProperty(value); }\n private _isClickSelectingNode: boolean = true;\n @Input()\n get isExpanded(): boolean { return this._isExpanded; }\n set isExpanded(value: BooleanInput) { this._isExpanded = coerceBooleanProperty(value); }\n private _isExpanded: boolean = false;\n @Input()\n get isShowToolbar(): boolean { return this._isShowToolbar; }\n set isShowToolbar(value: BooleanInput) { this._isShowToolbar = coerceBooleanProperty(value); }\n private _isShowToolbar: boolean = false;\n @Input()\n get hasLabels(): boolean { return this._hasLabels; }\n set hasLabels(value: BooleanInput) { this._hasLabels = coerceBooleanProperty(value); }\n private _hasLabels: boolean = true;\n @Input()\n get isMultiselect(): boolean { return this._isMultiselect; }\n set isMultiselect(value: BooleanInput) { this._isMultiselect = coerceBooleanProperty(value); }\n private _isMultiselect: boolean = true;\n @Input()\n get isRecursiveSelection(): boolean { return this._isRecursiveSelection; }\n set isRecursiveSelection(value: BooleanInput) { this._isRecursiveSelection = coerceBooleanProperty(value); }\n private _isRecursiveSelection: boolean = true;\n @Input()\n get highlightPath(): boolean { return this._highlightPath; }\n set highlightPath(value: BooleanInput) { this._highlightPath = coerceBooleanProperty(value); }\n private _highlightPath: boolean = false;\n @Input()\n get hasSelectAll(): boolean { return this._hasSelectAll; }\n set hasSelectAll(value: BooleanInput) { this._hasSelectAll = coerceBooleanProperty(value); }\n private _hasSelectAll = false;\n @Input()\n get isRecursiveParentSelection(): boolean { return this._isRecursiveParentSelection; }\n set isRecursiveParentSelection(value: BooleanInput) { this._isRecursiveParentSelection = coerceBooleanProperty(value); }\n private _isRecursiveParentSelection: boolean = true;\n\n @ViewChild('treeMultiselect') private treeMultiselect: UxTreeComponent;\n private onChange: (_: any) => void = noop;\n private onClick: (_: any) => void = noop;\n private onTouched: (_: any) => void = noop;\n\n ngAfterContentInit(): void {\n this.displayText = this.displayText \|\| this.placeholder;\n if (this.isHideToggles) {\n this.isExpanded = true;\n }\n }\n\n writeValue(value: UxLink[]): void {\n this.displayText = '';\n this.nodes.forEach((node: UxLink) => this.setNodeAsUnSelected(node));\n\n this.performNodesSelection(this.nodes, value.map(link => link.id));\n\n if (this.highlightPath) {\n this.highlighChildren(this.nodes);\n }\n\n this.displayText = value.map(n => n.label).join(', ') \|\| this.placeholder;\n }\n\n registerOnChange(fn: any): void {\n this.onChange = fn;\n }\n\n registerOnClick(fn: any): void {\n this.onClick = fn;\n }\n\n registerOnTouched(fn: any): void {\n this.onTouched = fn;\n }\n\n highlighChildren(nodes: UxLink[]): void {\n nodes.forEach((node) => {\n if (node.selected === true) {\n node['highlighted'] = true;\n this.highlighParents(node.parent);\n }\n\n if (node.children && node.children.length > 0) {\n this.highlighChildren(node.children);\n }\n });\n }\n\n highlighParents(node: UxLink): void {\n node['highlighted'] = true;\n\n if (node.parent) {\n this.highlighParents(node.parent);\n }\n }\n\n public getSelectedNodes(): UxLink[] {\n this.updateDisplayText();\n return this.treeMultiselect.getSelectedNodes();\n }\n\n public onSelectionChange(uxLink: UxLink \| []): void {\n if (!(uxLink as UxLink).disabled && this.isMultiselect) {\n this.selectedNodesLabel = this.buildButtonLabel();\n this.updateDisplayText();\n this.selectionChange.next(uxLink as UxLink);\n\n this.onChange(\n this.treeMultiselect.getSelectedNodes()\n );\n }\n }\n\n public onNodeClick(uxLink: UxLink): void {\n if (!uxLink.disabled && !this.isMultiselect) {\n this.selectedNodesLabel = uxLink.label;\n this.updateDisplayText();\n this.nodeClick.emit(uxLink);\n\n this.onChange([uxLink]);\n }\n }\n\n public onNodeToggle(uxLink: UxLink): void {\n this.nodeToggle.emit(uxLink);\n }\n\n public resetNodes(nodes: UxLink[]): void {\n nodes.forEach((node: UxLink) => {\n this.setNodeAsUnSelected(node);\n });\n this.displayText = '';\n }\n\n public setNodeAsUnSelected(node: UxLink): void {\n node.selected = false;\n node.indeterminate = false;\n if (node.hasChildren) {\n node.children.forEach(child => this.setNodeAsUnSelected(child));\n }\n }\n\n public performNodesSelection(nodes: UxLink[], ids: string[]): void {\n nodes.forEach((node) => {\n if (this.isRecursiveSelection) {\n if (node.hasChildren && node.children.length > 0) {\n this.performNodesSelection(node.children, ids);\n if (this.shouldMarkAsSelected(node, ids)) {\n this.markNodeAsSelected(node);\n } else if (this.shouldMarkAsIndeterminate(node, ids)) {\n this.markNodeAsIndeterminate(node);\n }\n if (this.shouldMarkAllChildrenAsSelected(node)) {\n this.markChildrenAsSelected(node);\n }\n } else {\n if (ids.indexOf(node.id) !== -1) {\n this.markNodeAsSelected(node);\n }\n }\n } else {\n if (ids.indexOf(node.id) !== -1) {\n this.markNodeAsSelected(node);\n }\n if (node.hasChildren && node.children.length > 0) {\n this.performNodesSelection(node.children, ids);\n }\n }\n });\n }\n\n private markNodeAsSelected(node: UxLink): void {\n node.selected = true;\n node.indeterminate = false;\n }\n\n private markNodeAsIndeterminate(node: UxLink): void {\n node.selected = true;\n node.indeterminate = true;\n }\n\n private markChildrenAsSelected(node: UxLink): boolean {\n if (!node.hasChildren) {\n return false;\n }\n\n node.children.forEach(n => {\n this.markNodeAsSelected(n);\n });\n }\n\n private shouldMarkAllChildrenAsSelected(node: UxLink): boolean {\n return node.selected && !node.indeterminate;\n }\n\n private shouldMarkAsSelected(node: UxLink, ids: string[]): boolean {\n if (!node.hasChildren \|\| node.children.length === 0) {\n return false;\n }\n\n const isNodeSelected = ids.indexOf(node.id) !== -1;\n const isEveryChildSelected = node.children.every(n => n.selected && !n.indeterminate);\n\n return isEveryChildSelected \|\| isNodeSelected;\n }\n\n private shouldMarkAsIndeterminate(node: UxLink, ids: string[]): boolean {\n if (!node.hasChildren) {\n return false;\n }\n\n const isNodeSelected = ids.indexOf(node.id) !== -1;\n const selectedChildrenLength = node.children.filter(n => n.selected).length;\n const childrenLength = node.children.length;\n const isSomeChildrenSelected = selectedChildrenLength > 0 && selectedChildrenLength <= childrenLength;\n\n return isSomeChildrenSelected && !isNodeSelected;\n }\n\n private updateDisplayText(): void {\n if (!this.selectedNodesLabel) {\n if (!this.placeholder) {\n this.displayText = ' ';\n } else {\n this.displayText = this.placeholder;\n }\n } else {\n this.displayText = this.selectedNodesLabel.toString();\n }\n }\n\n private buildButtonLabel(): string {\n return this.treeMultiselect\n .getSelectedNodes()\n .map(node => node.label)\n .join(', ');\n }\n}\n\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n UxTreeComponentModule,\n UxDropdownButtonComponentModule,\n ],\n exports: [UxDropdownTreeComponent],\n declarations: [UxDropdownTreeComponent],\n})\nexport class UxDropdownTreeComponentModule {\n}\n","<ux-dropdown-button\n [styleClass]=\"'ux-dropdown-tree ux-form-control ux-form-control__custom-select ux-form-control__custom-select-icon-position--' + iconPosition\"\n typeClass=\"secondary\"\n [isBlock]=\"isBlock\"\n [isShowDropdownToggle]=\"false\"\n [isSecondary]=\"true\"\n [width]=\"width\"\n [dropdownMinHeight]=\"dropdownMinHeight\"\n [dropdownMaxHeight]=\"dropdownMaxHeight\"\n [buttonLabelAlignment]=\"buttonLabelAlignment\"\n label=\"{{ displayText }}\"\n [isOutline]=\"true\"\n attr.data-e2e=\"{{ e2eAttr }}-button\">\n <div class=\"ux-dropdown-tree__container\" (click)=\"$event.stopPropagation()\">\n <ux-tree #treeMultiselect\n [hasSelectAll]=\"hasSelectAll\"\n [highlightPath]=\"highlightPath\"\n [isShowToolbar]=\"isShowToolbar\"\n [collapseAllLabel]=\"collapseAllLabel\"\n [expandAllLabel]=\"expandAllLabel\"\n [filterLabel]=\"filterLabel\"\n [hasLabels]=\"hasLabels\"\n [nodes]=\"nodes\"\n [isMultiselect]=\"isMultiselect\"\n [isRecursiveSelection]=\"isRecursiveSelection\"\n [isExpanded]=\"isExpanded\"\n [isHideToggles]=\"isHideToggles\"\n [isHideLines]=\"isHideLines\"\n [isClickSelectingNode]=\"isClickSelectingNode\"\n [isRecursiveParentSelection]=\"isRecursiveParentSelection\"\n (selectionChange)=\"onSelectionChange($event)\"\n (nodeClick)=\"onNodeClick($event)\"\n (nodeToggle)=\"onNodeToggle($event)\"\n attr.data-e2e=\"{{ e2eAttr }}\">\n </ux-tree>\n </div>\n</ux-dropdown-button>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;AASa,MAAA,oCAAoC,GAAQ;AACrD,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,WAAW,EAAE,UAAU,CAAC,MAAM,uBAAuB,CAAC;AACtD,IAAA,KAAK,EAAE,IAAI;EACb;AAEF,MAAM,IAAI,GAAG,MAAW;AACxB,CAAC,CAAC;MASW,uBAAuB,CAAA;AAPpC,IAAA,WAAA,GAAA;QASa,IAAoB,CAAA,oBAAA,GAAkC,QAAQ,CAAC;QAC/D,IAAY,CAAA,YAAA,GAAW,OAAO,CAAC;QAC/B,IAAO,CAAA,OAAA,GAAW,kBAAkB,CAAC;QACrC,IAAK,CAAA,KAAA,GAAW,OAAO,CAAC;QACxB,IAAiB,CAAA,iBAAA,GAAW,MAAM,CAAC;QACnC,IAAiB,CAAA,iBAAA,GAAW,MAAM,CAAC;QAInC,IAAW,CAAA,WAAA,GAAW,GAAG,CAAC;AAEzB,QAAA,IAAA,CAAA,eAAe,GAAG,IAAI,YAAY,EAAU,CAAC;AAC7C,QAAA,IAAA,CAAA,SAAS,GAAG,IAAI,YAAY,EAAU,CAAC;AACvC,QAAA,IAAA,CAAA,UAAU,GAAG,IAAI,YAAY,EAAU,CAAC;QAE3C,IAAkB,CAAA,kBAAA,GAAW,EAAE,CAAC;AAEhC,QAAA,IAAA,CAAA,KAAK,GAAG,IAAI,WAAW,EAAE,CAAC;QAKzB,IAAW,CAAA,WAAA,GAAY,KAAK,CAAC;QAI7B,IAAQ,CAAA,QAAA,GAAY,KAAK,CAAC;QAI1B,IAAc,CAAA,cAAA,GAAY,KAAK,CAAC;QAIhC,IAAY,CAAA,YAAA,GAAY,KAAK,CAAC;QAI9B,IAAqB,CAAA,qBAAA,GAAY,IAAI,CAAC;QAItC,IAAW,CAAA,WAAA,GAAY,KAAK,CAAC;QAI7B,IAAc,CAAA,cAAA,GAAY,KAAK,CAAC;QAIhC,IAAU,CAAA,UAAA,GAAY,IAAI,CAAC;QAI3B,IAAc,CAAA,cAAA,GAAY,IAAI,CAAC;QAI/B,IAAqB,CAAA,qBAAA,GAAY,IAAI,CAAC;QAItC,IAAc,CAAA,cAAA,GAAY,KAAK,CAAC;QAIhC,IAAa,CAAA,aAAA,GAAG,KAAK,CAAC;QAItB,IAA2B,CAAA,2BAAA,GAAY,IAAI,CAAC;QAG5C,IAAQ,CAAA,QAAA,GAAqB,IAAI,CAAC;QAClC,IAAO,CAAA,OAAA,GAAqB,IAAI,CAAC;QACjC,IAAS,CAAA,SAAA,GAAqB,IAAI,CAAC;AAoM9C,KAAA;IA5PG,IACI,UAAU,KAAc,OAAO,IAAI,CAAC,WAAW,CAAC,EAAE;AACtD,IAAA,IAAI,UAAU,CAAC,KAAmB,EAAA,EAAI,IAAI,CAAC,WAAW,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAAE;IAExF,IACI,OAAO,KAAc,OAAO,IAAI,CAAC,QAAQ,CAAC,EAAE;AAChD,IAAA,IAAI,OAAO,CAAC,KAAmB,EAAA,EAAI,IAAI,CAAC,QAAQ,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAAE;IAElF,IACI,aAAa,KAAc,OAAO,IAAI,CAAC,cAAc,CAAC,EAAE;AAC5D,IAAA,IAAI,aAAa,CAAC,KAAmB,EAAA,EAAI,IAAI,CAAC,cAAc,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAAE;IAE9F,IACI,WAAW,KAAc,OAAO,IAAI,CAAC,YAAY,CAAC,EAAE;AACxD,IAAA,IAAI,WAAW,CAAC,KAAmB,EAAA,EAAI,IAAI,CAAC,YAAY,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAAE;IAE1F,IACI,oBAAoB,KAAc,OAAO,IAAI,CAAC,qBAAqB,CAAC,EAAE;AAC1E,IAAA,IAAI,oBAAoB,CAAC,KAAmB,EAAA,EAAI,IAAI,CAAC,qBAAqB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAAE;IAE5G,IACI,UAAU,KAAc,OAAO,IAAI,CAAC,WAAW,CAAC,EAAE;AACtD,IAAA,IAAI,UAAU,CAAC,KAAmB,EAAA,EAAI,IAAI,CAAC,WAAW,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAAE;IAExF,IACI,aAAa,KAAc,OAAO,IAAI,CAAC,cAAc,CAAC,EAAE;AAC5D,IAAA,IAAI,aAAa,CAAC,KAAmB,EAAA,EAAI,IAAI,CAAC,cAAc,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAAE;IAE9F,IACI,SAAS,KAAc,OAAO,IAAI,CAAC,UAAU,CAAC,EAAE;AACpD,IAAA,IAAI,SAAS,CAAC,KAAmB,EAAA,EAAI,IAAI,CAAC,UAAU,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAAE;IAEtF,IACI,aAAa,KAAc,OAAO,IAAI,CAAC,cAAc,CAAC,EAAE;AAC5D,IAAA,IAAI,aAAa,CAAC,KAAmB,EAAA,EAAI,IAAI,CAAC,cAAc,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAAE;IAE9F,IACI,oBAAoB,KAAc,OAAO,IAAI,CAAC,qBAAqB,CAAC,EAAE;AAC1E,IAAA,IAAI,oBAAoB,CAAC,KAAmB,EAAA,EAAI,IAAI,CAAC,qBAAqB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAAE;IAE5G,IACI,aAAa,KAAc,OAAO,IAAI,CAAC,cAAc,CAAC,EAAE;AAC5D,IAAA,IAAI,aAAa,CAAC,KAAmB,EAAA,EAAI,IAAI,CAAC,cAAc,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAAE;IAE9F,IACI,YAAY,KAAc,OAAO,IAAI,CAAC,aAAa,CAAC,EAAE;AAC1D,IAAA,IAAI,YAAY,CAAC,KAAmB,EAAA,EAAI,IAAI,CAAC,aAAa,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAAE;IAE5F,IACI,0BAA0B,KAAc,OAAO,IAAI,CAAC,2BAA2B,CAAC,EAAE;AACtF,IAAA,IAAI,0BAA0B,CAAC,KAAmB,EAAA,EAAI,IAAI,CAAC,2BAA2B,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAAE;IAQxH,kBAAkB,GAAA;QACd,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC;QACxD,IAAI,IAAI,CAAC,aAAa,EAAE;AACpB,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;AAC1B,SAAA;KACJ;AAED,IAAA,UAAU,CAAC,KAAe,EAAA;AACtB,QAAA,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;AACtB,QAAA,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAY,KAAK,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC;QAErE,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;QAEnE,IAAI,IAAI,CAAC,aAAa,EAAE;AACpB,YAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AACrC,SAAA;QAED,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC;KAC7E;AAED,IAAA,gBAAgB,CAAC,EAAO,EAAA;AACpB,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;KACtB;AAED,IAAA,eAAe,CAAC,EAAO,EAAA;AACnB,QAAA,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;KACrB;AAED,IAAA,iBAAiB,CAAC,EAAO,EAAA;AACrB,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;KACvB;AAED,IAAA,gBAAgB,CAAC,KAAe,EAAA;AAC5B,QAAA,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;AACnB,YAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,EAAE;AACxB,gBAAA,IAAI,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC;AAC3B,gBAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AACrC,aAAA;YAED,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;AAC3C,gBAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AACxC,aAAA;AACL,SAAC,CAAC,CAAC;KACN;AAED,IAAA,eAAe,CAAC,IAAY,EAAA;AACxB,QAAA,IAAI,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC;QAE3B,IAAI,IAAI,CAAC,MAAM,EAAE;AACb,YAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AACrC,SAAA;KACJ;IAEM,gBAAgB,GAAA;QACnB,IAAI,CAAC,iBAAiB,EAAE,CAAC;AACzB,QAAA,OAAO,IAAI,CAAC,eAAe,CAAC,gBAAgB,EAAE,CAAC;KAClD;AAEM,IAAA,iBAAiB,CAAC,MAAmB,EAAA;QACxC,IAAI,CAAE,MAAiB,CAAC,QAAQ,IAAI,IAAI,CAAC,aAAa,EAAE;AACpD,YAAA,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAClD,IAAI,CAAC,iBAAiB,EAAE,CAAC;AACzB,YAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,MAAgB,CAAC,CAAC;YAE5C,IAAI,CAAC,QAAQ,CACT,IAAI,CAAC,eAAe,CAAC,gBAAgB,EAAE,CAC1C,CAAC;AACL,SAAA;KACJ;AAEM,IAAA,WAAW,CAAC,MAAc,EAAA;QAC7B,IAAI,CAAC,MAAM,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;AACzC,YAAA,IAAI,CAAC,kBAAkB,GAAG,MAAM,CAAC,KAAK,CAAC;YACvC,IAAI,CAAC,iBAAiB,EAAE,CAAC;AACzB,YAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AAE5B,YAAA,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;AAC3B,SAAA;KACJ;AAEM,IAAA,YAAY,CAAC,MAAc,EAAA;AAC9B,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;KAChC;AAEM,IAAA,UAAU,CAAC,KAAe,EAAA;AAC7B,QAAA,KAAK,CAAC,OAAO,CAAC,CAAC,IAAY,KAAI;AAC3B,YAAA,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;AACnC,SAAC,CAAC,CAAC;AACH,QAAA,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;KACzB;AAEM,IAAA,mBAAmB,CAAC,IAAY,EAAA;AACnC,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;AACtB,QAAA,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,IAAI,IAAI,CAAC,WAAW,EAAE;AAClB,YAAA,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,IAAI,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC;AACnE,SAAA;KACJ;IAEM,qBAAqB,CAAC,KAAe,EAAE,GAAa,EAAA;AACvD,QAAA,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;YACnB,IAAI,IAAI,CAAC,oBAAoB,EAAE;gBAC3B,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;oBAC9C,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;oBAC/C,IAAI,IAAI,CAAC,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,EAAE;AACtC,wBAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC;AACjC,qBAAA;yBAAM,IAAI,IAAI,CAAC,yBAAyB,CAAC,IAAI,EAAE,GAAG,CAAC,EAAE;AAClD,wBAAA,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,CAAC;AACtC,qBAAA;AACD,oBAAA,IAAI,IAAI,CAAC,+BAA+B,CAAC,IAAI,CAAC,EAAE;AAC5C,wBAAA,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC;AACrC,qBAAA;AACJ,iBAAA;AAAM,qBAAA;oBACH,IAAI,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE;AAC7B,wBAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC;AACjC,qBAAA;AACJ,iBAAA;AACJ,aAAA;AAAM,iBAAA;gBACH,IAAI,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE;AAC7B,oBAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC;AACjC,iBAAA;gBACD,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;oBAC9C,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;AAClD,iBAAA;AACJ,aAAA;AACL,SAAC,CAAC,CAAC;KACN;AAEO,IAAA,kBAAkB,CAAC,IAAY,EAAA;AACnC,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;AACrB,QAAA,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;KAC9B;AAEO,IAAA,uBAAuB,CAAC,IAAY,EAAA;AACxC,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;AACrB,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;KAC7B;AAEO,IAAA,sBAAsB,CAAC,IAAY,EAAA;AACvC,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;AACnB,YAAA,OAAO,KAAK,CAAC;AAChB,SAAA;AAED,QAAA,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,IAAG;AACtB,YAAA,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC;AAC/B,SAAC,CAAC,CAAC;KACN;AAEO,IAAA,+BAA+B,CAAC,IAAY,EAAA;QAChD,OAAO,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;KAC/C;IAEO,oBAAoB,CAAC,IAAY,EAAE,GAAa,EAAA;AACpD,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;AACjD,YAAA,OAAO,KAAK,CAAC;AAChB,SAAA;AAED,QAAA,MAAM,cAAc,GAAG,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;QACnD,MAAM,oBAAoB,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;QAEtF,OAAO,oBAAoB,IAAI,cAAc,CAAC;KACjD;IAEO,yBAAyB,CAAC,IAAY,EAAE,GAAa,EAAA;AACzD,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;AACnB,YAAA,OAAO,KAAK,CAAC;AAChB,SAAA;AAED,QAAA,MAAM,cAAc,GAAG,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AACnD,QAAA,MAAM,sBAAsB,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC;AAC5E,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;QAC5C,MAAM,sBAAsB,GAAG,sBAAsB,GAAG,CAAC,IAAI,sBAAsB,IAAI,cAAc,CAAC;AAEtG,QAAA,OAAO,sBAAsB,IAAI,CAAC,cAAc,CAAC;KACpD;IAEO,iBAAiB,GAAA;AACrB,QAAA,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;AAC1B,YAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;AACnB,gBAAA,IAAI,CAAC,WAAW,GAAG,GAAG,CAAC;AAC1B,aAAA;AAAM,iBAAA;AACH,gBAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;AACvC,aAAA;AACJ,SAAA;AAAM,aAAA;YACH,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,kBAAkB,CAAC,QAAQ,EAAE,CAAC;AACzD,SAAA;KACJ;IAEO,gBAAgB,GAAA;QACpB,OAAO,IAAI,CAAC,eAAe;AACtB,aAAA,gBAAgB,EAAE;aAClB,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC;aACvB,IAAI,CAAC,IAAI,CAAC,CAAC;KACnB;;uIAhRQ,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,mBAAA,uBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,EAFrB,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,oBAAA,EAAA,sBAAA,EAAA,YAAA,EAAA,cAAA,EAAA,OAAA,EAAA,SAAA,EAAA,KAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,EAAA,UAAA,EAAA,YAAA,EAAA,OAAA,EAAA,SAAA,EAAA,aAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,oBAAA,EAAA,sBAAA,EAAA,UAAA,EAAA,YAAA,EAAA,aAAA,EAAA,eAAA,EAAA,SAAA,EAAA,WAAA,EAAA,aAAA,EAAA,eAAA,EAAA,oBAAA,EAAA,sBAAA,EAAA,aAAA,EAAA,eAAA,EAAA,YAAA,EAAA,cAAA,EAAA,0BAAA,EAAA,4BAAA,EAAA,EAAA,OAAA,EAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,SAAA,EAAA,CAAC,oCAAoC,CAAC,8ICvBrD,+oDAqCA,EAAA,MAAA,EAAA,CAAA,q7TAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,kBAAA,EAAA,gBAAA,EAAA,aAAA,EAAA,oBAAA,EAAA,mBAAA,EAAA,gBAAA,EAAA,SAAA,EAAA,eAAA,EAAA,YAAA,EAAA,eAAA,EAAA,sBAAA,EAAA,qBAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,aAAA,EAAA,sBAAA,EAAA,sBAAA,EAAA,wBAAA,EAAA,eAAA,EAAA,eAAA,EAAA,WAAA,EAAA,cAAA,EAAA,4BAAA,CAAA,EAAA,OAAA,EAAA,CAAA,WAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,OAAA,EAAA,YAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,mBAAA,EAAA,OAAA,EAAA,sBAAA,EAAA,SAAA,EAAA,MAAA,EAAA,IAAA,EAAA,+BAAA,EAAA,YAAA,EAAA,SAAA,EAAA,SAAA,EAAA,qBAAA,EAAA,wBAAA,EAAA,cAAA,EAAA,WAAA,EAAA,sBAAA,EAAA,UAAA,EAAA,aAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;2FDZa,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAPnC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,iBAGb,iBAAiB,CAAC,IAAI,EAC1B,SAAA,EAAA,CAAC,oCAAoC,CAAC,EAAA,QAAA,EAAA,+oDAAA,EAAA,MAAA,EAAA,CAAA,q7TAAA,CAAA,EAAA,CAAA;8BAGxC,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,oBAAoB,EAAA,CAAA;sBAA5B,KAAK;gBACG,YAAY,EAAA,CAAA;sBAApB,KAAK;gBACG,OAAO,EAAA,CAAA;sBAAf,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,iBAAiB,EAAA,CAAA;sBAAzB,KAAK;gBACG,iBAAiB,EAAA,CAAA;sBAAzB,KAAK;gBACG,gBAAgB,EAAA,CAAA;sBAAxB,KAAK;gBACG,cAAc,EAAA,CAAA;sBAAtB,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBAEI,eAAe,EAAA,CAAA;sBAAxB,MAAM;gBACG,SAAS,EAAA,CAAA;sBAAlB,MAAM;gBACG,UAAU,EAAA,CAAA;sBAAnB,MAAM;gBAOH,UAAU,EAAA,CAAA;sBADb,KAAK;gBAKF,OAAO,EAAA,CAAA;sBADV,KAAK;gBAKF,aAAa,EAAA,CAAA;sBADhB,KAAK;gBAKF,WAAW,EAAA,CAAA;sBADd,KAAK;gBAKF,oBAAoB,EAAA,CAAA;sBADvB,KAAK;gBAKF,UAAU,EAAA,CAAA;sBADb,KAAK;gBAKF,aAAa,EAAA,CAAA;sBADhB,KAAK;gBAKF,SAAS,EAAA,CAAA;sBADZ,KAAK;gBAKF,aAAa,EAAA,CAAA;sBADhB,KAAK;gBAKF,oBAAoB,EAAA,CAAA;sBADvB,KAAK;gBAKF,aAAa,EAAA,CAAA;sBADhB,KAAK;gBAKF,YAAY,EAAA,CAAA;sBADf,KAAK;gBAKF,0BAA0B,EAAA,CAAA;sBAD7B,KAAK;gBAKgC,eAAe,EAAA,CAAA;sBAApD,SAAS;uBAAC,iBAAiB,CAAA;;MAoNnB,6BAA6B,CAAA;;6IAA7B,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;8IAA7B,6BAA6B,EAAA,YAAA,EAAA,CA9R7B,uBAAuB,CAAA,EAAA,OAAA,EAAA,CAqR5B,YAAY;QACZ,WAAW;QACX,mBAAmB;QACnB,qBAAqB;AACrB,QAAA,+BAA+B,aAzR1B,uBAAuB,CAAA,EAAA,CAAA,CAAA;AA8RvB,mBAAA,6BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,6BAA6B,YATlC,YAAY;QACZ,WAAW;QACX,mBAAmB;QACnB,qBAAqB;QACrB,+BAA+B,CAAA,EAAA,CAAA,CAAA;2FAK1B,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAXzC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE;wBACL,YAAY;wBACZ,WAAW;wBACX,mBAAmB;wBACnB,qBAAqB;wBACrB,+BAA+B;AAClC,qBAAA;oBACD,OAAO,EAAE,CAAC,uBAAuB,CAAC;oBAClC,YAAY,EAAE,CAAC,uBAAuB,CAAC;AAC1C,iBAAA,CAAA;;;AEtTD;;AAEG;;;;"}
1	+ {"version":3,"file":"eui-components-legacy-ux-dropdown-tree.mjs","sources":["../../legacy/ux-dropdown-tree/ux-dropdown-tree.component.ts","../../legacy/ux-dropdown-tree/ux-dropdown-tree.component.html","../../legacy/ux-dropdown-tree/eui-components-legacy-ux-dropdown-tree.ts"],"sourcesContent":["import { AfterContentInit, Component, EventEmitter, forwardRef, Input, NgModule, Output, ViewChild, ViewEncapsulation } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ControlValueAccessor, FormControl, FormsModule, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';\nimport { UxLink } from '@eui/core';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\nimport { UxTreeComponent, UxTreeComponentModule } from '@eui/components/legacy/ux-tree';\nimport { UxDropdownButtonComponentModule } from '@eui/components/legacy/ux-dropdown-button';\n\nexport const UX_DROPDOWN_TREE_FORM_VALUE_ACCESSOR: any = {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => UxDropdownTreeComponent),\n multi: true,\n};\n\nconst noop = (): void => {\n};\n\n@Component({\n selector: 'ux-dropdown-tree',\n templateUrl: './ux-dropdown-tree.component.html',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n providers: [UX_DROPDOWN_TREE_FORM_VALUE_ACCESSOR]\n})\nexport class UxDropdownTreeComponent implements AfterContentInit, ControlValueAccessor {\n @Input() nodes: UxLink[];\n @Input() buttonLabelAlignment: ('left' \| 'center' \| 'right') = 'center';\n @Input() iconPosition: string = 'right';\n @Input() e2eAttr: string = 'ux-dropdown-tree';\n @Input() width: string = '10rem';\n @Input() dropdownMinHeight: string = 'auto';\n @Input() dropdownMaxHeight: string = 'auto';\n @Input() collapseAllLabel: string;\n @Input() expandAllLabel: string;\n @Input() filterLabel: string;\n @Input() placeholder: string = ' ';\n\n @Output() selectionChange = new EventEmitter<UxLink>();\n @Output() nodeClick = new EventEmitter<UxLink>();\n @Output() nodeToggle = new EventEmitter<UxLink>();\n\n public selectedNodesLabel: string = '';\n public displayText: string;\n public input = new FormControl();\n\n @Input()\n get isReadOnly(): boolean { return this._isReadOnly; }\n set isReadOnly(value: BooleanInput) { this._isReadOnly = coerceBooleanProperty(value); }\n private _isReadOnly: boolean = false;\n @Input()\n get isBlock(): boolean { return this._isBlock; }\n set isBlock(value: BooleanInput) { this._isBlock = coerceBooleanProperty(value); }\n private _isBlock: boolean = false;\n @Input()\n get isHideToggles(): boolean { return this._isHideToggles; }\n set isHideToggles(value: BooleanInput) { this._isHideToggles = coerceBooleanProperty(value); }\n private _isHideToggles: boolean = false;\n @Input()\n get isHideLines(): boolean { return this._isHideLines; }\n set isHideLines(value: BooleanInput) { this._isHideLines = coerceBooleanProperty(value); }\n private _isHideLines: boolean = false;\n @Input()\n get isClickSelectingNode(): boolean { return this._isClickSelectingNode; }\n set isClickSelectingNode(value: BooleanInput) { this._isClickSelectingNode = coerceBooleanProperty(value); }\n private _isClickSelectingNode: boolean = true;\n @Input()\n get isExpanded(): boolean { return this._isExpanded; }\n set isExpanded(value: BooleanInput) { this._isExpanded = coerceBooleanProperty(value); }\n private _isExpanded: boolean = false;\n @Input()\n get isShowToolbar(): boolean { return this._isShowToolbar; }\n set isShowToolbar(value: BooleanInput) { this._isShowToolbar = coerceBooleanProperty(value); }\n private _isShowToolbar: boolean = false;\n @Input()\n get hasLabels(): boolean { return this._hasLabels; }\n set hasLabels(value: BooleanInput) { this._hasLabels = coerceBooleanProperty(value); }\n private _hasLabels: boolean = true;\n @Input()\n get isMultiselect(): boolean { return this._isMultiselect; }\n set isMultiselect(value: BooleanInput) { this._isMultiselect = coerceBooleanProperty(value); }\n private _isMultiselect: boolean = true;\n @Input()\n get isRecursiveSelection(): boolean { return this._isRecursiveSelection; }\n set isRecursiveSelection(value: BooleanInput) { this._isRecursiveSelection = coerceBooleanProperty(value); }\n private _isRecursiveSelection: boolean = true;\n @Input()\n get highlightPath(): boolean { return this._highlightPath; }\n set highlightPath(value: BooleanInput) { this._highlightPath = coerceBooleanProperty(value); }\n private _highlightPath: boolean = false;\n @Input()\n get hasSelectAll(): boolean { return this._hasSelectAll; }\n set hasSelectAll(value: BooleanInput) { this._hasSelectAll = coerceBooleanProperty(value); }\n private _hasSelectAll = false;\n @Input()\n get isRecursiveParentSelection(): boolean { return this._isRecursiveParentSelection; }\n set isRecursiveParentSelection(value: BooleanInput) { this._isRecursiveParentSelection = coerceBooleanProperty(value); }\n private _isRecursiveParentSelection: boolean = true;\n\n @ViewChild('treeMultiselect') private treeMultiselect: UxTreeComponent;\n private onChange: (_: any) => void = noop;\n private onClick: (_: any) => void = noop;\n private onTouched: (_: any) => void = noop;\n\n ngAfterContentInit(): void {\n this.displayText = this.displayText \|\| this.placeholder;\n if (this.isHideToggles) {\n this.isExpanded = true;\n }\n }\n\n writeValue(value: UxLink[]): void {\n this.displayText = '';\n this.nodes.forEach((node: UxLink) => this.setNodeAsUnSelected(node));\n\n this.performNodesSelection(this.nodes, value.map(link => link.id));\n\n if (this.highlightPath) {\n this.highlighChildren(this.nodes);\n }\n\n this.displayText = value.map(n => n.label).join(', ') \|\| this.placeholder;\n }\n\n registerOnChange(fn: any): void {\n this.onChange = fn;\n }\n\n registerOnClick(fn: any): void {\n this.onClick = fn;\n }\n\n registerOnTouched(fn: any): void {\n this.onTouched = fn;\n }\n\n highlighChildren(nodes: UxLink[]): void {\n nodes.forEach((node) => {\n if (node.selected === true) {\n node['highlighted'] = true;\n this.highlighParents(node.parent);\n }\n\n if (node.children && node.children.length > 0) {\n this.highlighChildren(node.children);\n }\n });\n }\n\n highlighParents(node: UxLink): void {\n node['highlighted'] = true;\n\n if (node.parent) {\n this.highlighParents(node.parent);\n }\n }\n\n public getSelectedNodes(): UxLink[] {\n this.updateDisplayText();\n return this.treeMultiselect.getSelectedNodes();\n }\n\n public onSelectionChange(uxLink: UxLink \| []): void {\n if (!(uxLink as UxLink).disabled && this.isMultiselect) {\n this.selectedNodesLabel = this.buildButtonLabel();\n this.updateDisplayText();\n this.selectionChange.next(uxLink as UxLink);\n\n this.onChange(\n this.treeMultiselect.getSelectedNodes()\n );\n }\n }\n\n public onNodeClick(uxLink: UxLink): void {\n if (!uxLink.disabled && !this.isMultiselect) {\n this.selectedNodesLabel = uxLink.label;\n this.updateDisplayText();\n this.nodeClick.emit(uxLink);\n\n this.onChange([uxLink]);\n }\n }\n\n public onNodeToggle(uxLink: UxLink): void {\n this.nodeToggle.emit(uxLink);\n }\n\n public resetNodes(nodes: UxLink[]): void {\n nodes.forEach((node: UxLink) => {\n this.setNodeAsUnSelected(node);\n });\n this.displayText = '';\n }\n\n public setNodeAsUnSelected(node: UxLink): void {\n node.selected = false;\n node.indeterminate = false;\n if (node.hasChildren) {\n node.children.forEach(child => this.setNodeAsUnSelected(child));\n }\n }\n\n public performNodesSelection(nodes: UxLink[], ids: string[]): void {\n nodes.forEach((node) => {\n if (this.isRecursiveSelection) {\n if (node.hasChildren && node.children.length > 0) {\n this.performNodesSelection(node.children, ids);\n if (this.shouldMarkAsSelected(node, ids)) {\n this.markNodeAsSelected(node);\n } else if (this.shouldMarkAsIndeterminate(node, ids)) {\n this.markNodeAsIndeterminate(node);\n }\n if (this.shouldMarkAllChildrenAsSelected(node)) {\n this.markChildrenAsSelected(node);\n }\n } else {\n if (ids.indexOf(node.id) !== -1) {\n this.markNodeAsSelected(node);\n }\n }\n } else {\n if (ids.indexOf(node.id) !== -1) {\n this.markNodeAsSelected(node);\n }\n if (node.hasChildren && node.children.length > 0) {\n this.performNodesSelection(node.children, ids);\n }\n }\n });\n }\n\n private markNodeAsSelected(node: UxLink): void {\n node.selected = true;\n node.indeterminate = false;\n }\n\n private markNodeAsIndeterminate(node: UxLink): void {\n node.selected = true;\n node.indeterminate = true;\n }\n\n private markChildrenAsSelected(node: UxLink): boolean {\n if (!node.hasChildren) {\n return false;\n }\n\n node.children.forEach(n => {\n this.markNodeAsSelected(n);\n });\n }\n\n private shouldMarkAllChildrenAsSelected(node: UxLink): boolean {\n return node.selected && !node.indeterminate;\n }\n\n private shouldMarkAsSelected(node: UxLink, ids: string[]): boolean {\n if (!node.hasChildren \|\| node.children.length === 0) {\n return false;\n }\n\n const isNodeSelected = ids.indexOf(node.id) !== -1;\n const isEveryChildSelected = node.children.every(n => n.selected && !n.indeterminate);\n\n return isEveryChildSelected \|\| isNodeSelected;\n }\n\n private shouldMarkAsIndeterminate(node: UxLink, ids: string[]): boolean {\n if (!node.hasChildren) {\n return false;\n }\n\n const isNodeSelected = ids.indexOf(node.id) !== -1;\n const selectedChildrenLength = node.children.filter(n => n.selected).length;\n const childrenLength = node.children.length;\n const isSomeChildrenSelected = selectedChildrenLength > 0 && selectedChildrenLength <= childrenLength;\n\n return isSomeChildrenSelected && !isNodeSelected;\n }\n\n private updateDisplayText(): void {\n if (!this.selectedNodesLabel) {\n if (!this.placeholder) {\n this.displayText = ' ';\n } else {\n this.displayText = this.placeholder;\n }\n } else {\n this.displayText = this.selectedNodesLabel.toString();\n }\n }\n\n private buildButtonLabel(): string {\n return this.treeMultiselect\n .getSelectedNodes()\n .map(node => node.label)\n .join(', ');\n }\n}\n\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n UxTreeComponentModule,\n UxDropdownButtonComponentModule,\n ],\n exports: [UxDropdownTreeComponent],\n declarations: [UxDropdownTreeComponent],\n})\nexport class UxDropdownTreeComponentModule {\n}\n","<ux-dropdown-button\n [styleClass]=\"'ux-dropdown-tree ux-form-control ux-form-control__custom-select ux-form-control__custom-select-icon-position--' + iconPosition\"\n typeClass=\"secondary\"\n [isBlock]=\"isBlock\"\n [isShowDropdownToggle]=\"false\"\n [isSecondary]=\"true\"\n [width]=\"width\"\n [dropdownMinHeight]=\"dropdownMinHeight\"\n [dropdownMaxHeight]=\"dropdownMaxHeight\"\n [buttonLabelAlignment]=\"buttonLabelAlignment\"\n label=\"{{ displayText }}\"\n [isOutline]=\"true\"\n attr.data-e2e=\"{{ e2eAttr }}-button\">\n <div class=\"ux-dropdown-tree__container\" (click)=\"$event.stopPropagation()\">\n <ux-tree #treeMultiselect\n [hasSelectAll]=\"hasSelectAll\"\n [highlightPath]=\"highlightPath\"\n [isShowToolbar]=\"isShowToolbar\"\n [collapseAllLabel]=\"collapseAllLabel\"\n [expandAllLabel]=\"expandAllLabel\"\n [filterLabel]=\"filterLabel\"\n [hasLabels]=\"hasLabels\"\n [nodes]=\"nodes\"\n [isMultiselect]=\"isMultiselect\"\n [isRecursiveSelection]=\"isRecursiveSelection\"\n [isExpanded]=\"isExpanded\"\n [isHideToggles]=\"isHideToggles\"\n [isHideLines]=\"isHideLines\"\n [isClickSelectingNode]=\"isClickSelectingNode\"\n [isRecursiveParentSelection]=\"isRecursiveParentSelection\"\n (selectionChange)=\"onSelectionChange($event)\"\n (nodeClick)=\"onNodeClick($event)\"\n (nodeToggle)=\"onNodeToggle($event)\"\n attr.data-e2e=\"{{ e2eAttr }}\">\n </ux-tree>\n </div>\n</ux-dropdown-button>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/eui-components-legacy-ux-tree.mjs CHANGED Viewed

@@ -2,21 +2,20 @@ import * as i0 from '@angular/core';
 import { EventEmitter, Component, Input, Output, TemplateRef, ViewEncapsulation, ContentChild, ContentChildren, ViewChildren, ViewChild, NgModule } from '@angular/core';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i3 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
-import * as i6 from '@ngx-translate/core';
+import * as i5 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
 import { uniqueId, consumeEvent } from '@eui/core';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
-import * as i8 from '@angular/cdk/scrolling';
+import * as i7 from '@angular/cdk/scrolling';
 import { ScrollingModule } from '@angular/cdk/scrolling';
 import { UxTemplateDirective } from '@eui/components/legacy/common/ux-directives';
-import * as i7 from '@eui/deprecated/ux-a-toolbar-filter';
+import * as i6 from '@eui/deprecated/ux-a-toolbar-filter';
 import { UxToolbarFilterComponentModule } from '@eui/deprecated/ux-a-toolbar-filter';
-import * as i4 from '@eui/components/legacy/ux-button';
+import * as i3 from '@eui/components/legacy/ux-button';
 import { UxButtonComponentModule } from '@eui/components/legacy/ux-button';
 import { UxBadgeComponentModule } from '@eui/components/legacy/ux-badge';
-import * as i5 from '@eui/components/eui-icon';
+import * as i4 from '@eui/components/eui-icon';
 import { EuiIconModule } from '@eui/components/eui-icon';
 import * as i1 from '@angular/router';
@@ -130,6 +129,7 @@ class UxTreeNodeComponent {
         }
     }
     onCheckboxChange(uxLink, evt) {
+        uxLink.selected = !evt.target.checked;
         if (this.isRecursiveSelection) {
             if (!uxLink.selected) {
                 uxLink.indeterminate = false;
@@ -253,10 +253,10 @@ class UxTreeNodeComponent {
     }
 }
 /** @nocollapse */ UxTreeNodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: UxTreeNodeComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ UxTreeNodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: UxTreeNodeComponent, selector: "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 *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\tattr.data-e2e=\"{{ e2eAttr }}\">\n\n    <div class=\"ux-tree__node-wrapper\" [class.ux-tree__node--selected]=\"node.selected\">\n        <ux-button\n            (click)=\"onNodeToggle($event, node)\"\n            (keydown)=\"onNodeKeydown($event, node)\"\n            styleClass=\"ux-tree__node-toggle-icon\"\n            *ngIf=\"hasNodeChildren(node) && !isHideToggles\"\n            [isSmall]=\"true\"\n            [isFlat]=\"true\"\n            [ariaLabel] = \"node.expanded ? 'Collapse' : 'Expand'\"\n            [iconClass]=\"node.expanded ? expandedIconClass : collapsedIconClass\"></ux-button>\n\n        <span *ngIf=\"isMultiselect\"\n            [class.ux-tree__parent]=\"hasNodeChildren(node) && !isHideToggles\"\n            [class.ux-tree__leaf]=\"!hasNodeChildren(node) && !isHideToggles\">\n            <input type=\"checkbox\"\n                   class=\"ux-input__checkbox\"\n                   [class.checkbox-label-indeterminate]=\"node.indeterminate\"\n                   [class.ux-input__checkbox--selected]=\"node.selected\"\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 *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\n                [ngTemplateOutlet]=\"nodeContentTemplate\"\n                [ngTemplateOutletContext]=\"{ $implicit: node }\">\n            </ng-template>\n        </div>\n\n        <ng-container *ngIf=\"!nodeContentTemplate\">\n            <ng-container *ngIf=\"node.typeLabel || node.iconClass\">\n                <span *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 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                <span *ngFor=\"let badge of node.badges\"\n                    class=\"ux-badge ux-badge--small ux-badge--outline ux-badge--pill ux-badge--{{ badge.typeClass }} ux-tree__node-badge\">\n                    {{badge.label}}\n                </span>\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                <eui-icon-svg *ngIf=\"node.expanded\" icon=\"old-eui-angle-down\"></eui-icon-svg>\n                <eui-icon-svg *ngIf=\"!node.expanded\" icon=\"old-eui-angle-right\"></eui-icon-svg>\n            </span>\n        </ng-container>\n    </div>\n    <ng-container *ngIf=\"node.expanded\">\n        <ul *ngIf=\"hasNodeChildren(node)\" class=\"ux-tree__nodes\">\n            <ux-tree-node *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\" [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            </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.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.UxButtonComponent, selector: "ux-button", inputs: ["type", "styleClass", "typeClass", "iconClass", "isOutline", "isSecondary", "isSmall", "isLarge", "isBlock", "isFlat", "isLineWrap", "tabindex", "ariaLabel", "isDisabled", "e2eAttr"] }, { kind: "component", type: i5.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: UxTreeNodeComponent, selector: "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: i6.TranslatePipe, name: "translate" }] });
+/** @nocollapse */ UxTreeNodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: UxTreeNodeComponent, selector: "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 *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\tattr.data-e2e=\"{{ e2eAttr }}\">\n\n    <div class=\"ux-tree__node-wrapper\" [class.ux-tree__node--selected]=\"node.selected\">\n        <ux-button\n            (click)=\"onNodeToggle($event, node)\"\n            (keydown)=\"onNodeKeydown($event, node)\"\n            styleClass=\"ux-tree__node-toggle-icon\"\n            *ngIf=\"hasNodeChildren(node) && !isHideToggles\"\n            [isSmall]=\"true\"\n            [isFlat]=\"true\"\n            [ariaLabel] = \"node.expanded ? 'Collapse' : 'Expand'\"\n            [iconClass]=\"node.expanded ? expandedIconClass : collapsedIconClass\"></ux-button>\n\n        <span *ngIf=\"isMultiselect\" [class.ux-tree__parent]=\"hasNodeChildren(node) && !isHideToggles\" [class.ux-tree__leaf]=\"!hasNodeChildren(node) && !isHideToggles\">\n            <eui-icon-svg\n                *ngIf=\"node.selected && !node.indeterminate\"\n                euiPrimary\n                icon=\"old-eui-checkbox\"\n                fillColor=\"primary\"\n                (click)=\"onCheckboxChange(node, { target: { checked: true } })\"\n                aria-label=\"Check\">\n            </eui-icon-svg>\n            <eui-icon-svg\n                *ngIf=\"!node.selected\"\n                icon=\"old-eui-checkbox-outline\"\n                fillColor=\"grey-25\"\n                (click)=\"onCheckboxChange(node, { target: { checked: false } })\"\n                aria-label=\"Uncheck\">\n            </eui-icon-svg>\n            <eui-icon-svg\n                *ngIf=\"node.indeterminate && node.selected\"\n                euiPrimary\n                icon=\"old-eui-checkbox-intermediate\"\n                fillColor=\"primary\"\n                (click)=\"onCheckboxChange(node, { target: { checked: true } })\"\n                aria-label=\"Uncheck\">\n            </eui-icon-svg>\n        </span>\n\n        <div *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\n                [ngTemplateOutlet]=\"nodeContentTemplate\"\n                [ngTemplateOutletContext]=\"{ $implicit: node }\">\n            </ng-template>\n        </div>\n\n        <ng-container *ngIf=\"!nodeContentTemplate\">\n            <ng-container *ngIf=\"node.typeLabel || node.iconClass\">\n                <span *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 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                <span *ngFor=\"let badge of node.badges\"\n                    class=\"ux-badge ux-badge--small ux-badge--outline ux-badge--pill ux-badge--{{ badge.typeClass }} ux-tree__node-badge\">\n                    {{badge.label}}\n                </span>\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                <eui-icon-svg *ngIf=\"node.expanded\" icon=\"old-eui-angle-down\"></eui-icon-svg>\n                <eui-icon-svg *ngIf=\"!node.expanded\" icon=\"old-eui-angle-right\"></eui-icon-svg>\n            </span>\n        </ng-container>\n    </div>\n    <ng-container *ngIf=\"node.expanded\">\n        <ul *ngIf=\"hasNodeChildren(node)\" class=\"ux-tree__nodes\">\n            <ux-tree-node *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\" [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            </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.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: "component", type: i3.UxButtonComponent, selector: "ux-button", inputs: ["type", "styleClass", "typeClass", "iconClass", "isOutline", "isSecondary", "isSmall", "isLarge", "isBlock", "isFlat", "isLineWrap", "tabindex", "ariaLabel", "isDisabled", "e2eAttr"] }, { kind: "component", type: i4.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: UxTreeNodeComponent, selector: "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: i5.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: UxTreeNodeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ux-tree-node', template: "<li *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\tattr.data-e2e=\"{{ e2eAttr }}\">\n\n    <div class=\"ux-tree__node-wrapper\" [class.ux-tree__node--selected]=\"node.selected\">\n        <ux-button\n            (click)=\"onNodeToggle($event, node)\"\n            (keydown)=\"onNodeKeydown($event, node)\"\n            styleClass=\"ux-tree__node-toggle-icon\"\n            *ngIf=\"hasNodeChildren(node) && !isHideToggles\"\n            [isSmall]=\"true\"\n            [isFlat]=\"true\"\n            [ariaLabel] = \"node.expanded ? 'Collapse' : 'Expand'\"\n            [iconClass]=\"node.expanded ? expandedIconClass : collapsedIconClass\"></ux-button>\n\n        <span *ngIf=\"isMultiselect\"\n            [class.ux-tree__parent]=\"hasNodeChildren(node) && !isHideToggles\"\n            [class.ux-tree__leaf]=\"!hasNodeChildren(node) && !isHideToggles\">\n            <input type=\"checkbox\"\n                   class=\"ux-input__checkbox\"\n                   [class.checkbox-label-indeterminate]=\"node.indeterminate\"\n                   [class.ux-input__checkbox--selected]=\"node.selected\"\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 *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\n                [ngTemplateOutlet]=\"nodeContentTemplate\"\n                [ngTemplateOutletContext]=\"{ $implicit: node }\">\n            </ng-template>\n        </div>\n\n        <ng-container *ngIf=\"!nodeContentTemplate\">\n            <ng-container *ngIf=\"node.typeLabel || node.iconClass\">\n                <span *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 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                <span *ngFor=\"let badge of node.badges\"\n                    class=\"ux-badge ux-badge--small ux-badge--outline ux-badge--pill ux-badge--{{ badge.typeClass }} ux-tree__node-badge\">\n                    {{badge.label}}\n                </span>\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                <eui-icon-svg *ngIf=\"node.expanded\" icon=\"old-eui-angle-down\"></eui-icon-svg>\n                <eui-icon-svg *ngIf=\"!node.expanded\" icon=\"old-eui-angle-right\"></eui-icon-svg>\n            </span>\n        </ng-container>\n    </div>\n    <ng-container *ngIf=\"node.expanded\">\n        <ul *ngIf=\"hasNodeChildren(node)\" class=\"ux-tree__nodes\">\n            <ux-tree-node *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\" [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            </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" }]
+            args: [{ selector: 'ux-tree-node', template: "<li *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\tattr.data-e2e=\"{{ e2eAttr }}\">\n\n    <div class=\"ux-tree__node-wrapper\" [class.ux-tree__node--selected]=\"node.selected\">\n        <ux-button\n            (click)=\"onNodeToggle($event, node)\"\n            (keydown)=\"onNodeKeydown($event, node)\"\n            styleClass=\"ux-tree__node-toggle-icon\"\n            *ngIf=\"hasNodeChildren(node) && !isHideToggles\"\n            [isSmall]=\"true\"\n            [isFlat]=\"true\"\n            [ariaLabel] = \"node.expanded ? 'Collapse' : 'Expand'\"\n            [iconClass]=\"node.expanded ? expandedIconClass : collapsedIconClass\"></ux-button>\n\n        <span *ngIf=\"isMultiselect\" [class.ux-tree__parent]=\"hasNodeChildren(node) && !isHideToggles\" [class.ux-tree__leaf]=\"!hasNodeChildren(node) && !isHideToggles\">\n            <eui-icon-svg\n                *ngIf=\"node.selected && !node.indeterminate\"\n                euiPrimary\n                icon=\"old-eui-checkbox\"\n                fillColor=\"primary\"\n                (click)=\"onCheckboxChange(node, { target: { checked: true } })\"\n                aria-label=\"Check\">\n            </eui-icon-svg>\n            <eui-icon-svg\n                *ngIf=\"!node.selected\"\n                icon=\"old-eui-checkbox-outline\"\n                fillColor=\"grey-25\"\n                (click)=\"onCheckboxChange(node, { target: { checked: false } })\"\n                aria-label=\"Uncheck\">\n            </eui-icon-svg>\n            <eui-icon-svg\n                *ngIf=\"node.indeterminate && node.selected\"\n                euiPrimary\n                icon=\"old-eui-checkbox-intermediate\"\n                fillColor=\"primary\"\n                (click)=\"onCheckboxChange(node, { target: { checked: true } })\"\n                aria-label=\"Uncheck\">\n            </eui-icon-svg>\n        </span>\n\n        <div *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\n                [ngTemplateOutlet]=\"nodeContentTemplate\"\n                [ngTemplateOutletContext]=\"{ $implicit: node }\">\n            </ng-template>\n        </div>\n\n        <ng-container *ngIf=\"!nodeContentTemplate\">\n            <ng-container *ngIf=\"node.typeLabel || node.iconClass\">\n                <span *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 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                <span *ngFor=\"let badge of node.badges\"\n                    class=\"ux-badge ux-badge--small ux-badge--outline ux-badge--pill ux-badge--{{ badge.typeClass }} ux-tree__node-badge\">\n                    {{badge.label}}\n                </span>\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                <eui-icon-svg *ngIf=\"node.expanded\" icon=\"old-eui-angle-down\"></eui-icon-svg>\n                <eui-icon-svg *ngIf=\"!node.expanded\" icon=\"old-eui-angle-right\"></eui-icon-svg>\n            </span>\n        </ng-container>\n    </div>\n    <ng-container *ngIf=\"node.expanded\">\n        <ul *ngIf=\"hasNodeChildren(node)\" class=\"ux-tree__nodes\">\n            <ux-tree-node *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\" [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            </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: function () { return [{ type: i1.Router }]; }, propDecorators: { expandedIconClass: [{
                 type: Input
             }], collapsedIconClass: [{
@@ -685,7 +685,7 @@ class UxTreeComponent {
                 </ux-tree-node>
             </ul>
         </ng-template>
-    `, isInline: true, 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{font-size:95%}.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--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+label:after{content:none!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;left:6px;top:-6px}.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-label.ux-tree__node-label--highlighted{font-weight:700}.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-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)}.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 var(--eui-base-spacing-2xs)!important;padding:10px!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-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{margin-left:0}.ux-tree--multiselect .ux-tree__node .ux-tree__leaf{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}.ux-tree__node-wrapper input[type=checkbox].ux-input__checkbox:after{top:0!important}\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: "component", type: i7.UxToolbarFilterComponent, selector: "ux-a-toolbar-filter", inputs: ["isVisible", "filterLabel", "expandAllLabel", "collapseAllLabel", "isFilterVisible", "isToggleVisible", "isToggleExpanded", "filterValue", "hasLabels", "e2eAttr"], outputs: ["filter", "expandAll", "collapseAll"] }, { kind: "directive", type: i8.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i8.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i8.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: UxTreeNodeComponent, selector: "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: i6.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
+    `, isInline: true, 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{font-size:95%}.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--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+label:after{content:none!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;left:6px;top:-6px}.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-label.ux-tree__node-label--highlighted{font-weight:700}.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-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)}.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 var(--eui-base-spacing-2xs)!important;padding:10px!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-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}.ux-tree__node-wrapper input[type=checkbox].ux-input__checkbox:after{top:0!important}\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: "component", type: i6.UxToolbarFilterComponent, selector: "ux-a-toolbar-filter", inputs: ["isVisible", "filterLabel", "expandAllLabel", "collapseAllLabel", "isFilterVisible", "isToggleVisible", "isToggleExpanded", "filterValue", "hasLabels", "e2eAttr"], outputs: ["filter", "expandAll", "collapseAll"] }, { kind: "directive", type: i7.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i7.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i7.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: UxTreeNodeComponent, selector: "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: i5.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: UxTreeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ux-tree', template: `
@@ -783,7 +783,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
                 </ux-tree-node>
             </ul>
         </ng-template>
-    `, encapsulation: ViewEncapsulation.None, 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{font-size:95%}.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--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+label:after{content:none!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;left:6px;top:-6px}.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-label.ux-tree__node-label--highlighted{font-weight:700}.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-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)}.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 var(--eui-base-spacing-2xs)!important;padding:10px!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-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{margin-left:0}.ux-tree--multiselect .ux-tree__node .ux-tree__leaf{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}.ux-tree__node-wrapper input[type=checkbox].ux-input__checkbox:after{top:0!important}\n"] }]
+    `, encapsulation: ViewEncapsulation.None, 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{font-size:95%}.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--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+label:after{content:none!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;left:6px;top:-6px}.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-label.ux-tree__node-label--highlighted{font-weight:700}.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-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)}.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 var(--eui-base-spacing-2xs)!important;padding:10px!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-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}.ux-tree__node-wrapper input[type=checkbox].ux-input__checkbox:after{top:0!important}\n"] }]
         }], propDecorators: { nodes: [{
                 type: Input
             }], collapseAllLabel: [{