@fundamental-ngx/core 0.61.2-rc.9 → 0.61.3

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 (120) hide show
  1. package/fesm2022/fundamental-ngx-core-action-sheet.mjs +2 -3
  2. package/fesm2022/fundamental-ngx-core-action-sheet.mjs.map +1 -1
  3. package/fesm2022/fundamental-ngx-core-avatar-group.mjs +4 -6
  4. package/fesm2022/fundamental-ngx-core-avatar-group.mjs.map +1 -1
  5. package/fesm2022/fundamental-ngx-core-breadcrumb.mjs +13 -11
  6. package/fesm2022/fundamental-ngx-core-breadcrumb.mjs.map +1 -1
  7. package/fesm2022/fundamental-ngx-core-busy-indicator.mjs +7 -5
  8. package/fesm2022/fundamental-ngx-core-busy-indicator.mjs.map +1 -1
  9. package/fesm2022/fundamental-ngx-core-calendar.mjs +31 -35
  10. package/fesm2022/fundamental-ngx-core-calendar.mjs.map +1 -1
  11. package/fesm2022/fundamental-ngx-core-carousel.mjs +2 -2
  12. package/fesm2022/fundamental-ngx-core-carousel.mjs.map +1 -1
  13. package/fesm2022/fundamental-ngx-core-combobox.mjs +3 -5
  14. package/fesm2022/fundamental-ngx-core-combobox.mjs.map +1 -1
  15. package/fesm2022/fundamental-ngx-core-date-picker.mjs +2 -2
  16. package/fesm2022/fundamental-ngx-core-date-picker.mjs.map +1 -1
  17. package/fesm2022/fundamental-ngx-core-datetime-picker.mjs +2 -2
  18. package/fesm2022/fundamental-ngx-core-datetime-picker.mjs.map +1 -1
  19. package/fesm2022/fundamental-ngx-core-datetime.mjs +13 -7
  20. package/fesm2022/fundamental-ngx-core-datetime.mjs.map +1 -1
  21. package/fesm2022/fundamental-ngx-core-dialog.mjs +16 -11
  22. package/fesm2022/fundamental-ngx-core-dialog.mjs.map +1 -1
  23. package/fesm2022/fundamental-ngx-core-dynamic-page.mjs +13 -13
  24. package/fesm2022/fundamental-ngx-core-dynamic-page.mjs.map +1 -1
  25. package/fesm2022/fundamental-ngx-core-feed-list-item.mjs +2 -2
  26. package/fesm2022/fundamental-ngx-core-feed-list-item.mjs.map +1 -1
  27. package/fesm2022/fundamental-ngx-core-form.mjs +1 -1
  28. package/fesm2022/fundamental-ngx-core-form.mjs.map +1 -1
  29. package/fesm2022/fundamental-ngx-core-grid-list.mjs +4 -4
  30. package/fesm2022/fundamental-ngx-core-grid-list.mjs.map +1 -1
  31. package/fesm2022/fundamental-ngx-core-info-label.mjs +2 -2
  32. package/fesm2022/fundamental-ngx-core-info-label.mjs.map +1 -1
  33. package/fesm2022/fundamental-ngx-core-inline-help.mjs +65 -59
  34. package/fesm2022/fundamental-ngx-core-inline-help.mjs.map +1 -1
  35. package/fesm2022/fundamental-ngx-core-link.mjs +2 -2
  36. package/fesm2022/fundamental-ngx-core-link.mjs.map +1 -1
  37. package/fesm2022/fundamental-ngx-core-menu.mjs +5 -5
  38. package/fesm2022/fundamental-ngx-core-menu.mjs.map +1 -1
  39. package/fesm2022/fundamental-ngx-core-message-box.mjs +7 -7
  40. package/fesm2022/fundamental-ngx-core-message-box.mjs.map +1 -1
  41. package/fesm2022/fundamental-ngx-core-message-strip.mjs +49 -44
  42. package/fesm2022/fundamental-ngx-core-message-strip.mjs.map +1 -1
  43. package/fesm2022/fundamental-ngx-core-multi-combobox.mjs +20 -25
  44. package/fesm2022/fundamental-ngx-core-multi-combobox.mjs.map +1 -1
  45. package/fesm2022/fundamental-ngx-core-multi-input.mjs +8 -6
  46. package/fesm2022/fundamental-ngx-core-multi-input.mjs.map +1 -1
  47. package/fesm2022/fundamental-ngx-core-nested-list.mjs +21 -22
  48. package/fesm2022/fundamental-ngx-core-nested-list.mjs.map +1 -1
  49. package/fesm2022/fundamental-ngx-core-notification.mjs +16 -13
  50. package/fesm2022/fundamental-ngx-core-notification.mjs.map +1 -1
  51. package/fesm2022/fundamental-ngx-core-object-identifier.mjs +2 -2
  52. package/fesm2022/fundamental-ngx-core-object-identifier.mjs.map +1 -1
  53. package/fesm2022/fundamental-ngx-core-object-number.mjs +2 -2
  54. package/fesm2022/fundamental-ngx-core-object-number.mjs.map +1 -1
  55. package/fesm2022/fundamental-ngx-core-object-status.mjs +2 -2
  56. package/fesm2022/fundamental-ngx-core-object-status.mjs.map +1 -1
  57. package/fesm2022/fundamental-ngx-core-overflow-layout.mjs +2 -2
  58. package/fesm2022/fundamental-ngx-core-overflow-layout.mjs.map +1 -1
  59. package/fesm2022/fundamental-ngx-core-pagination.mjs +14 -11
  60. package/fesm2022/fundamental-ngx-core-pagination.mjs.map +1 -1
  61. package/fesm2022/fundamental-ngx-core-popover.mjs +9 -3
  62. package/fesm2022/fundamental-ngx-core-popover.mjs.map +1 -1
  63. package/fesm2022/fundamental-ngx-core-product-switch.mjs +2 -2
  64. package/fesm2022/fundamental-ngx-core-product-switch.mjs.map +1 -1
  65. package/fesm2022/fundamental-ngx-core-rating-indicator.mjs +7 -4
  66. package/fesm2022/fundamental-ngx-core-rating-indicator.mjs.map +1 -1
  67. package/fesm2022/fundamental-ngx-core-segmented-button.mjs +11 -10
  68. package/fesm2022/fundamental-ngx-core-segmented-button.mjs.map +1 -1
  69. package/fesm2022/fundamental-ngx-core-select.mjs +6 -7
  70. package/fesm2022/fundamental-ngx-core-select.mjs.map +1 -1
  71. package/fesm2022/fundamental-ngx-core-shellbar.mjs +6 -6
  72. package/fesm2022/fundamental-ngx-core-shellbar.mjs.map +1 -1
  73. package/fesm2022/fundamental-ngx-core-slider.mjs +6 -6
  74. package/fesm2022/fundamental-ngx-core-slider.mjs.map +1 -1
  75. package/fesm2022/fundamental-ngx-core-split-button.mjs +2 -2
  76. package/fesm2022/fundamental-ngx-core-split-button.mjs.map +1 -1
  77. package/fesm2022/fundamental-ngx-core-step-input.mjs +2 -2
  78. package/fesm2022/fundamental-ngx-core-step-input.mjs.map +1 -1
  79. package/fesm2022/fundamental-ngx-core-switch.mjs +2 -2
  80. package/fesm2022/fundamental-ngx-core-switch.mjs.map +1 -1
  81. package/fesm2022/fundamental-ngx-core-tabs.mjs +2 -2
  82. package/fesm2022/fundamental-ngx-core-tabs.mjs.map +1 -1
  83. package/fesm2022/fundamental-ngx-core-text.mjs +2 -2
  84. package/fesm2022/fundamental-ngx-core-text.mjs.map +1 -1
  85. package/fesm2022/fundamental-ngx-core-time-picker.mjs +29 -4
  86. package/fesm2022/fundamental-ngx-core-time-picker.mjs.map +1 -1
  87. package/fesm2022/fundamental-ngx-core-time.mjs +4 -4
  88. package/fesm2022/fundamental-ngx-core-time.mjs.map +1 -1
  89. package/fesm2022/fundamental-ngx-core-token.mjs +15 -12
  90. package/fesm2022/fundamental-ngx-core-token.mjs.map +1 -1
  91. package/fesm2022/fundamental-ngx-core-toolbar.mjs +3 -5
  92. package/fesm2022/fundamental-ngx-core-toolbar.mjs.map +1 -1
  93. package/fesm2022/fundamental-ngx-core-tree.mjs +4 -4
  94. package/fesm2022/fundamental-ngx-core-tree.mjs.map +1 -1
  95. package/fesm2022/fundamental-ngx-core-upload-collection.mjs +4 -4
  96. package/fesm2022/fundamental-ngx-core-upload-collection.mjs.map +1 -1
  97. package/fesm2022/fundamental-ngx-core-user-menu.mjs +3 -5
  98. package/fesm2022/fundamental-ngx-core-user-menu.mjs.map +1 -1
  99. package/fesm2022/fundamental-ngx-core-vertical-navigation.mjs +2 -2
  100. package/fesm2022/fundamental-ngx-core-vertical-navigation.mjs.map +1 -1
  101. package/package.json +3 -3
  102. package/types/fundamental-ngx-core-breadcrumb.d.ts +5 -5
  103. package/types/fundamental-ngx-core-busy-indicator.d.ts +3 -3
  104. package/types/fundamental-ngx-core-combobox.d.ts +2 -4
  105. package/types/fundamental-ngx-core-datetime.d.ts +5 -1
  106. package/types/fundamental-ngx-core-dialog.d.ts +1 -1
  107. package/types/fundamental-ngx-core-dynamic-page.d.ts +2 -1
  108. package/types/fundamental-ngx-core-inline-help.d.ts +45 -24
  109. package/types/fundamental-ngx-core-menu.d.ts +0 -2
  110. package/types/fundamental-ngx-core-message-box.d.ts +1 -1
  111. package/types/fundamental-ngx-core-message-strip.d.ts +12 -3
  112. package/types/fundamental-ngx-core-multi-combobox.d.ts +1 -1
  113. package/types/fundamental-ngx-core-nested-list.d.ts +10 -10
  114. package/types/fundamental-ngx-core-notification.d.ts +7 -5
  115. package/types/fundamental-ngx-core-pagination.d.ts +4 -3
  116. package/types/fundamental-ngx-core-rating-indicator.d.ts +2 -3
  117. package/types/fundamental-ngx-core-segmented-button.d.ts +5 -3
  118. package/types/fundamental-ngx-core-slider.d.ts +1 -1
  119. package/types/fundamental-ngx-core-time-picker.d.ts +17 -1
  120. package/types/fundamental-ngx-core-token.d.ts +4 -4
@@ -568,7 +568,7 @@ class TreeComponent {
568
568
  provide: FD_DATA_SOURCE_TRANSFORMER,
569
569
  useClass: TreeDataSourceParser
570
570
  }
571
- ], queries: [{ propertyName: "treeItemDef", first: true, predicate: TreeItemDefDirective, descendants: true }, { propertyName: "_projectedTreeItems", predicate: BaseTreeItem, descendants: true }], viewQueries: [{ propertyName: "_treeItemDirectives", predicate: TreeItemDirective, descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i1.DataSourceDirective, inputs: ["dataSource", "dataSource"], outputs: ["dataChanged", "dataChanged"] }, { directive: i2.CvaDirective, inputs: ["name", "name", "id", "id", "state", "state", "stateMessage", "stateMessage", "disabled", "disabled", "readonly", "readonly"] }], ngImport: i0, template: "<ng-template #dataSourceRenderer>\n <ng-template\n [ngTemplateOutlet]=\"!_initialDataLoaded ? loadingRenderer : dataLoadedTpl\"\n [ngTemplateOutletContext]=\"{ $implicit: 1 }\"\n ></ng-template>\n <ng-template #loadingRenderer let-level>\n @for (_ of loadingRange; track $index) {\n <div role=\"treeitem\" [attr.aria-level]=\"level\" class=\"fd-tree__item\">\n <div class=\"fd-tree__item-container\">\n <div class=\"fd-tree__content\">\n <span class=\"fd-tree__text\">\n <fd-skeleton type=\"text\" width=\"100px\" textLines=\"1\"></fd-skeleton>\n </span>\n </div>\n </div>\n </div>\n }\n </ng-template>\n <ng-template #dataLoadedTpl>\n @if (_items.length > 0 && treeItemDef) {\n @for (item of _items; track _trackFn($index, item)) {\n <ng-template\n [ngTemplateOutlet]=\"renderer\"\n [ngTemplateOutletContext]=\"{ $implicit: item }\"\n ></ng-template>\n }\n } @else {\n <div role=\"treeitem\" aria-level=\"1\" class=\"fd-tree__item\">\n <div class=\"fd-tree__item-container\">\n <div class=\"fd-tree__content\">\n <span class=\"fd-tree__text\">{{ ('coreTree.noData' | fdTranslate)() }}</span>\n </div>\n </div>\n </div>\n }\n </ng-template>\n <ng-template #renderer let-item>\n <ng-container fdTreeItem fdkSelectableItem #treeItemDirective=\"fdTreeItem\">\n <ng-template\n [ngTemplateOutlet]=\"item.renderer\"\n [ngTemplateOutletContext]=\"{ $implicit: item }\"\n [ngTemplateOutletInjector]=\"treeItemDirective.injector\"\n ></ng-template>\n </ng-container>\n @if (\n treeItemDirective.treeItem?.hasDsChildren &&\n !!treeItemDirective.treeItem?.expanded &&\n !treeItemDirective.treeItem?.childrenLoaded\n ) {\n <ng-template\n [ngTemplateOutlet]=\"loadingRenderer\"\n [ngTemplateOutletContext]=\"{ $implicit: item.level + 1 }\"\n ></ng-template>\n }\n @if (treeItemDirective.treeItem?.children; as childItems) {\n @if (childItems && childItems.length > 0 && !!treeItemDirective?.treeItem?.expanded) {\n <div class=\"fd-tree\">\n @for (child of childItems; track _trackFn($index, child)) {\n <ng-template\n [ngTemplateOutlet]=\"renderer\"\n [ngTemplateOutletContext]=\"{ $implicit: child }\"\n ></ng-template>\n }\n </div>\n }\n }\n </ng-template>\n</ng-template>\n<ng-template #projectedContentRenderer>\n <ng-content select=\"fd-tree-item\"></ng-content>\n</ng-template>\n<ng-template [ngTemplateOutlet]=\"treeItemDef ? dataSourceRenderer : projectedContentRenderer\"></ng-template>\n", styles: [":root{--fdList_Item_Background_Color:var(--sapList_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor);--fdList_Item_Text_Font_Size:var(--sapFontLargeSize);--fdList_Item_Icon_Font_Size:1.125rem;--fdList_Item_Height:var(--sapElement_LineHeight);--fdList_Status_Text_Color:var(--sapNeutralTextColor);--fdList_Message_Background_Color:var(--sapNeutralBackground)}.fd-tree{--fdTree_Button_Spacing:var(--fdList_Button_Spacing);--fdTree_Expander_Size:2.75rem;--fdTree_Expander_Icon_Font_Size:var(--sapFontLargeSize);--fdTree_Item_Height:2.75rem;--fdTree_Item_Font_Size:var(--sapFontLargeSize);--fdTree_Item_Wrap_Text_Line_Height:1.4;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;list-style-type:none;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;width:100%}.fd-tree[class*=-compact],.fd-tree[class*=-condensed],[class*=-compact] .fd-tree:not([class*=-cozy]),[class*=-condensed] .fd-tree:not([class*=-cozy]){--fdTree_Expander_Size:2rem;--fdTree_Expander_Icon_Font_Size:var(--sapFontSmallSize);--fdTree_Item_Height:2rem;--fdTree_Item_Font_Size:var(--sapFontSize);--fdTree_Item_Wrap_Text_Line_Height:1.4}.fd-tree .has-highlight-indicator{--fdTree_Item_Highlight_Color:var(--sapInformationBorderColor);-webkit-box-shadow:inset .375rem 0 0 0 var(--fdTree_Item_Highlight_Color);box-shadow:inset .375rem 0 0 0 var(--fdTree_Item_Highlight_Color)}.fd-tree .has-highlight-indicator--error{--fdTree_Item_Highlight_Color:var(--sapErrorBorderColor)}.fd-tree .has-highlight-indicator--warning{--fdTree_Item_Highlight_Color:var(--sapWarningBorderColor)}.fd-tree .has-highlight-indicator--success{--fdTree_Item_Highlight_Color:var(--sapSuccessBorderColor)}.fd-tree .has-highlight-indicator[dir=rtl],[dir=rtl] .fd-tree .has-highlight-indicator{-webkit-box-shadow:inset -.375rem 0 0 0 var(--fdTree_Item_Highlight_Color);box-shadow:inset -.375rem 0 0 0 var(--fdTree_Item_Highlight_Color)}.fd-tree .has-highlight-indicator.is-navigated{-webkit-box-shadow:inset -.1875rem 0 0 0 var(--sapSelectedColor),inset .375rem 0 0 0 var(--fdTree_Item_Highlight_Color);box-shadow:inset -.1875rem 0 0 0 var(--sapSelectedColor),inset .375rem 0 0 0 var(--fdTree_Item_Highlight_Color)}.fd-tree .has-highlight-indicator.is-navigated[dir=rtl],[dir=rtl] .fd-tree .has-highlight-indicator.is-navigated{-webkit-box-shadow:inset .1875rem 0 0 0 var(--sapSelectedColor),inset -.375rem 0 0 0 var(--fdTree_Item_Highlight_Color);box-shadow:inset .1875rem 0 0 0 var(--sapSelectedColor),inset -.375rem 0 0 0 var(--fdTree_Item_Highlight_Color)}.fd-tree .fd-tree__item .fd-tree__item-container .fd-tree__expander{-webkit-margin-start:var(--fdTree_Item_Level_Spacing);margin-inline-start:var(--fdTree_Item_Level_Spacing)}.fd-tree .fd-tree__item .fd-tree__item-container .fd-form-item:first-child,.fd-tree .fd-tree__item .fd-tree__item-container .fd-tree__content{-webkit-margin-start:calc(var(--fdTree_Item_Level_Spacing, 0rem) + var(--fdTree_Expander_Size));margin-inline-start:calc(var(--fdTree_Item_Level_Spacing, 0rem) + var(--fdTree_Expander_Size))}.fd-tree .fd-tree__item .fd-tree__item-container .fd-form-item+.fd-tree__content,.fd-tree .fd-tree__item .fd-tree__item-container .fd-tree__expander+.fd-tree__content,.fd-tree.fd-tree--independent-multi-selection .fd-tree__item .fd-tree__item-container .fd-form-item:first-child{-webkit-margin-start:0;margin-inline-start:0}.fd-tree.fd-tree--independent-multi-selection .fd-tree__item .fd-tree__item-container .fd-form-item:first-child+.fd-tree__content{-webkit-margin-start:calc(var(--fdTree_Item_Level_Spacing, 0rem) + var(--fdTree_Expander_Size));margin-inline-start:calc(var(--fdTree_Item_Level_Spacing, 0rem) + var(--fdTree_Expander_Size))}.fd-tree.expanded-level-1 .fd-tree__item[aria-level=\"2\"]{--fdTree_Item_Level_Spacing:1.5rem}.fd-tree.expanded-level-2 .fd-tree__item[aria-level=\"2\"]{--fdTree_Item_Level_Spacing:1rem}.fd-tree.expanded-level-2 .fd-tree__item[aria-level=\"3\"]{--fdTree_Item_Level_Spacing:2.5rem}.fd-tree.expanded-level-3 .fd-tree__item[aria-level=\"2\"],.fd-tree.expanded-level-4 .fd-tree__item[aria-level=\"2\"],.fd-tree.expanded-level-5 .fd-tree__item[aria-level=\"2\"]{--fdTree_Item_Level_Spacing:.5rem}.fd-tree.expanded-level-3 .fd-tree__item[aria-level=\"3\"],.fd-tree.expanded-level-4 .fd-tree__item[aria-level=\"3\"],.fd-tree.expanded-level-5 .fd-tree__item[aria-level=\"3\"]{--fdTree_Item_Level_Spacing:1rem}.fd-tree.expanded-level-3 .fd-tree__item[aria-level=\"4\"],.fd-tree.expanded-level-4 .fd-tree__item[aria-level=\"4\"],.fd-tree.expanded-level-5 .fd-tree__item[aria-level=\"4\"]{--fdTree_Item_Level_Spacing:1.5rem}.fd-tree.expanded-level-3 .fd-tree__item[aria-level=\"5\"],.fd-tree.expanded-level-4 .fd-tree__item[aria-level=\"5\"],.fd-tree.expanded-level-5 .fd-tree__item[aria-level=\"5\"]{--fdTree_Item_Level_Spacing:2rem}.fd-tree.expanded-level-3 .fd-tree__item[aria-level=\"6\"],.fd-tree.expanded-level-4 .fd-tree__item[aria-level=\"6\"],.fd-tree.expanded-level-5 .fd-tree__item[aria-level=\"6\"]{--fdTree_Item_Level_Spacing:2.5rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"1\"]{--fdTree_Item_Level_Spacing:0rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"2\"]{--fdTree_Item_Level_Spacing:.25rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"3\"]{--fdTree_Item_Level_Spacing:.5rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"4\"]{--fdTree_Item_Level_Spacing:.75rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"5\"]{--fdTree_Item_Level_Spacing:1rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"6\"]{--fdTree_Item_Level_Spacing:1.25rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"7\"]{--fdTree_Item_Level_Spacing:1.5rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"8\"]{--fdTree_Item_Level_Spacing:1.75rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"9\"]{--fdTree_Item_Level_Spacing:2rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"10\"]{--fdTree_Item_Level_Spacing:2.25rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"11\"]{--fdTree_Item_Level_Spacing:2.5rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"12\"]{--fdTree_Item_Level_Spacing:2.75rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"1\"]{--fdTree_Item_Level_Spacing:0rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"2\"]{--fdTree_Item_Level_Spacing:.25rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"3\"]{--fdTree_Item_Level_Spacing:.5rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"4\"]{--fdTree_Item_Level_Spacing:.75rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"5\"]{--fdTree_Item_Level_Spacing:1rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"6\"]{--fdTree_Item_Level_Spacing:1.25rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"7\"]{--fdTree_Item_Level_Spacing:1.5rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"8\"]{--fdTree_Item_Level_Spacing:1.75rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"9\"]{--fdTree_Item_Level_Spacing:2rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"10\"]{--fdTree_Item_Level_Spacing:2.25rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"11\"]{--fdTree_Item_Level_Spacing:2.5rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"12\"]{--fdTree_Item_Level_Spacing:2.75rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"1\"]{--fdTree_Item_Level_Spacing:0rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"2\"]{--fdTree_Item_Level_Spacing:.25rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"3\"]{--fdTree_Item_Level_Spacing:.5rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"4\"]{--fdTree_Item_Level_Spacing:.75rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"5\"]{--fdTree_Item_Level_Spacing:1rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"6\"]{--fdTree_Item_Level_Spacing:1.25rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"7\"]{--fdTree_Item_Level_Spacing:1.5rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"8\"]{--fdTree_Item_Level_Spacing:1.75rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"9\"]{--fdTree_Item_Level_Spacing:2rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"10\"]{--fdTree_Item_Level_Spacing:2.25rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"11\"]{--fdTree_Item_Level_Spacing:2.5rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"12\"]{--fdTree_Item_Level_Spacing:2.75rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"1\"]{--fdTree_Item_Level_Spacing:0rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"2\"]{--fdTree_Item_Level_Spacing:.25rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"3\"]{--fdTree_Item_Level_Spacing:.5rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"4\"]{--fdTree_Item_Level_Spacing:.75rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"5\"]{--fdTree_Item_Level_Spacing:1rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"6\"]{--fdTree_Item_Level_Spacing:1.25rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"7\"]{--fdTree_Item_Level_Spacing:1.5rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"8\"]{--fdTree_Item_Level_Spacing:1.75rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"9\"]{--fdTree_Item_Level_Spacing:2rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"10\"]{--fdTree_Item_Level_Spacing:2.25rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"11\"]{--fdTree_Item_Level_Spacing:2.5rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"12\"]{--fdTree_Item_Level_Spacing:2.75rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"1\"]{--fdTree_Item_Level_Spacing:0rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"2\"]{--fdTree_Item_Level_Spacing:.25rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"3\"]{--fdTree_Item_Level_Spacing:.5rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"4\"]{--fdTree_Item_Level_Spacing:.75rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"5\"]{--fdTree_Item_Level_Spacing:1rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"6\"]{--fdTree_Item_Level_Spacing:1.25rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"7\"]{--fdTree_Item_Level_Spacing:1.5rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"8\"]{--fdTree_Item_Level_Spacing:1.75rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"9\"]{--fdTree_Item_Level_Spacing:2rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"10\"]{--fdTree_Item_Level_Spacing:2.25rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"11\"]{--fdTree_Item_Level_Spacing:2.5rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"12\"]{--fdTree_Item_Level_Spacing:2.75rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"1\"]{--fdTree_Item_Level_Spacing:0rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"2\"]{--fdTree_Item_Level_Spacing:.25rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"3\"]{--fdTree_Item_Level_Spacing:.5rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"4\"]{--fdTree_Item_Level_Spacing:.75rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"5\"]{--fdTree_Item_Level_Spacing:1rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"6\"]{--fdTree_Item_Level_Spacing:1.25rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"7\"]{--fdTree_Item_Level_Spacing:1.5rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"8\"]{--fdTree_Item_Level_Spacing:1.75rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"9\"]{--fdTree_Item_Level_Spacing:2rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"10\"]{--fdTree_Item_Level_Spacing:2.25rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"11\"]{--fdTree_Item_Level_Spacing:2.5rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"12\"]{--fdTree_Item_Level_Spacing:2.75rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"1\"]{--fdTree_Item_Level_Spacing:0rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"2\"]{--fdTree_Item_Level_Spacing:.25rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"3\"]{--fdTree_Item_Level_Spacing:.5rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"4\"]{--fdTree_Item_Level_Spacing:.75rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"5\"]{--fdTree_Item_Level_Spacing:1rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"6\"]{--fdTree_Item_Level_Spacing:1.25rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"7\"]{--fdTree_Item_Level_Spacing:1.5rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"8\"]{--fdTree_Item_Level_Spacing:1.75rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"9\"]{--fdTree_Item_Level_Spacing:2rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"10\"]{--fdTree_Item_Level_Spacing:2.25rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"11\"]{--fdTree_Item_Level_Spacing:2.5rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"12\"]{--fdTree_Item_Level_Spacing:2.75rem}.fd-tree .fd-tree__item-container .fd-form-item:first-child label,.fd-tree .fd-tree__item-container .fd-tree__expander+.fd-form-item label{margin-block:0;margin-inline:0}.fd-tree .fd-tree__expander+.fd-tree__content{-webkit-margin-start:0;margin-inline-start:0}.fd-tree:after,.fd-tree:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tree[aria-hidden=true]{display:none}.fd-tree__item{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-tree__item:after,.fd-tree__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container{background:var(--sapList_Background);border-bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor)}.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-selected,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container[aria-selected=true]{background:var(--sapList_SelectionBackgroundColor);border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active{cursor:pointer;position:relative}.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:hover{--fdList_Item_Background_Color:var(--sapList_Hover_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor)}.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-selected,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active.is-hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active.is-selected,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active.is-selected.is-hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active.is-selected:hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active:hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active[aria-selected=true],.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active[aria-selected=true].is-hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active[aria-selected=true]:hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active.is-hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active.is-selected,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active.is-selected.is-hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active.is-selected:hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active:hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active[aria-selected=true],.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active[aria-selected=true].is-hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Active_Background);--fdList_Item_Text_Color:var(--sapList_Active_TextColor);--fdList_Item_Border_Color:var(--sapList_Active_Background)}.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-focus,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:focus{outline:none;pointer-events:all}.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-focus:before,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);content:\"\";display:block;inset:.125rem .125rem .0625rem;pointer-events:none;position:absolute}.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-focus.is-active:before,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-focus:active:before,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:focus.is-active:before,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:focus:active:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdList_Active_Outline_Color)}.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active .fd-button,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active .fd-tree__icon [class*=sap-icon],.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active .fd-tree__icon[class*=sap-icon],.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active .fd-tree__text,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active .fd-button,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active .fd-tree__icon [class*=sap-icon],.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active .fd-tree__icon[class*=sap-icon],.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active .fd-tree__text{color:var(--sapList_Active_TextColor)}.fd-tree__item-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--sapList_AlternatingBackground);border-bottom:var(--sapList_BorderWidth) solid transparent;min-height:var(--fdTree_Item_Height);position:relative;width:100%;-webkit-padding-end:1rem;padding-inline-end:1rem}.fd-tree__item-container:after,.fd-tree__item-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tree__item-container.is-selected,.fd-tree__item-container[aria-selected=true]{background:var(--sapList_SelectionBackgroundColor);border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-tree__item-container.is-navigated{-webkit-box-shadow:inset -.1875rem 0 0 0 var(--sapSelectedColor);box-shadow:inset -.1875rem 0 0 0 var(--sapSelectedColor)}.fd-tree__item-container.is-navigated[dir=rtl],[dir=rtl] .fd-tree__item-container.is-navigated{-webkit-box-shadow:inset .1875rem 0 0 0 var(--sapSelectedColor);box-shadow:inset .1875rem 0 0 0 var(--sapSelectedColor)}.fd-tree__item-container.is-focus,.fd-tree__item-container:focus{outline:none;pointer-events:all}.fd-tree__item-container.is-focus:before,.fd-tree__item-container:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);content:\"\";display:block;inset:.125rem .125rem .0625rem;pointer-events:none;position:absolute}.fd-tree__item-container.is-focus.is-active:before,.fd-tree__item-container.is-focus:active:before,.fd-tree__item-container:focus.is-active:before,.fd-tree__item-container:focus:active:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdList_Active_Outline_Color)}.fd-tree__item-container--active{cursor:pointer;position:relative}.fd-tree__item-container--active.is-hover,.fd-tree__item-container--active:hover{--fdList_Item_Background_Color:var(--sapList_Hover_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor)}.fd-tree__item-container--active.is-selected,.fd-tree__item-container--active[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-tree__item-container--active.is-active,.fd-tree__item-container--active.is-active.is-hover,.fd-tree__item-container--active.is-active.is-selected,.fd-tree__item-container--active.is-active.is-selected.is-hover,.fd-tree__item-container--active.is-active.is-selected:hover,.fd-tree__item-container--active.is-active:hover,.fd-tree__item-container--active.is-active[aria-selected=true],.fd-tree__item-container--active.is-active[aria-selected=true].is-hover,.fd-tree__item-container--active.is-active[aria-selected=true]:hover,.fd-tree__item-container--active:active,.fd-tree__item-container--active:active.is-hover,.fd-tree__item-container--active:active.is-selected,.fd-tree__item-container--active:active.is-selected.is-hover,.fd-tree__item-container--active:active.is-selected:hover,.fd-tree__item-container--active:active:hover,.fd-tree__item-container--active:active[aria-selected=true],.fd-tree__item-container--active:active[aria-selected=true].is-hover,.fd-tree__item-container--active:active[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Active_Background);--fdList_Item_Text_Color:var(--sapList_Active_TextColor);--fdList_Item_Border_Color:var(--sapList_Active_Background)}.fd-tree__item-container--active.is-focus,.fd-tree__item-container--active:focus{outline:none;pointer-events:all}.fd-tree__item-container--active.is-focus:before,.fd-tree__item-container--active:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);content:\"\";display:block;inset:.125rem .125rem .0625rem;pointer-events:none;position:absolute}.fd-tree__item-container--active.is-focus.is-active:before,.fd-tree__item-container--active.is-focus:active:before,.fd-tree__item-container--active:focus.is-active:before,.fd-tree__item-container--active:focus:active:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdList_Active_Outline_Color)}.fd-tree__item-container--active.is-active .fd-button,.fd-tree__item-container--active.is-active .fd-tree__icon [class*=sap-icon],.fd-tree__item-container--active.is-active .fd-tree__icon[class*=sap-icon],.fd-tree__item-container--active.is-active .fd-tree__text,.fd-tree__item-container--active:active .fd-button,.fd-tree__item-container--active:active .fd-tree__icon [class*=sap-icon],.fd-tree__item-container--active:active .fd-tree__icon[class*=sap-icon],.fd-tree__item-container--active:active .fd-tree__text{color:var(--sapList_Active_TextColor)}.fd-tree__button{-webkit-margin-start:var(--fdTree_Button_Spacing);margin-inline-start:var(--fdTree_Button_Spacing)}.fd-tree__expander{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-image:none;background:transparent;border:0;border-radius:var(--sapButton_BorderCornerRadius);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapButton_IconColor);cursor:pointer;display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;min-height:var(--fdTree_Expander_Size);min-width:var(--fdTree_Expander_Size);outline:0;padding-block:0;padding-inline:0;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.fd-tree__expander:after,.fd-tree__expander:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tree__expander::-moz-focus-inner{border:0}.fd-tree__expander.is-focus,.fd-tree__expander:focus{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:var(--fdButton_Outline_Offset);z-index:5}.fd-tree__expander .fd-tree__icon{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-tree__expander .fd-tree__icon:after,.fd-tree__expander .fd-tree__icon:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tree__expander .fd-tree__icon [class*=sap-icon],.fd-tree__expander .fd-tree__icon[class*=sap-icon]{color:var(--sapButton_IconColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:var(--fdTree_Expander_Icon_Font_Size);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-tree__expander[dir=rtl] .fd-tree__icon,[dir=rtl] .fd-tree__expander .fd-tree__icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fd-tree__expander.is-expanded,.fd-tree__expander[aria-expanded=true]{border-bottom:none}.fd-tree__expander.is-expanded[dir=rtl] .fd-tree__icon,.fd-tree__expander[aria-expanded=true][dir=rtl] .fd-tree__icon,[dir=rtl] .fd-tree__expander.is-expanded .fd-tree__icon,[dir=rtl] .fd-tree__expander[aria-expanded=true] .fd-tree__icon{-webkit-transform:rotate(0);transform:rotate(0)}.fd-tree__content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--fdTree_Item_Height);text-decoration:none;width:100%}.fd-tree__content:after,.fd-tree__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tree__content--wrap,.fd-tree__content--wrap .fd-tree__text{overflow:visible;text-overflow:clip;white-space:normal}.fd-tree__content--wrap .fd-tree__text{line-height:var(--fdTree_Item_Wrap_Text_Line_Height)}.fd-tree__icon{line-height:var(--fdTree_Expander_Size);min-height:var(--fdTree_Expander_Size);min-width:var(--fdTree_Expander_Size)}.fd-tree__icon,.fd-tree__icon [class*=sap-icon],.fd-tree__icon[class*=sap-icon]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-tree__icon [class*=sap-icon],.fd-tree__icon[class*=sap-icon]{color:var(--sapContent_NonInteractiveIconColor);font-size:1.125rem}.fd-tree__icon--navigation [class*=sap-icon],.fd-tree__icon--navigation[class*=sap-icon]{font-size:.75rem;min-width:2.5rem}.fd-tree__icon--navigation:last-child{-webkit-margin-end:-1rem;margin-inline-end:-1rem}.fd-tree__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdTree_Item_Font_Size);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:var(--fdTree_Item_Height);margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;width:100%}.fd-tree__text:after,.fd-tree__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tree--no-border .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container{border-bottom:var(--sapList_BorderWidth) solid transparent}.fd-tree--no-border .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-selected,.fd-tree--no-border .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container{cursor:pointer;position:relative}.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:hover{--fdList_Item_Background_Color:var(--sapList_Hover_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor)}.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-selected,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active.is-hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active.is-selected,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active.is-selected.is-hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active.is-selected:hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active:hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active[aria-selected=true],.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active[aria-selected=true].is-hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active[aria-selected=true]:hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active.is-hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active.is-selected,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active.is-selected.is-hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active.is-selected:hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active:hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active[aria-selected=true],.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active[aria-selected=true].is-hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Active_Background);--fdList_Item_Text_Color:var(--sapList_Active_TextColor);--fdList_Item_Border_Color:var(--sapList_Active_Background)}.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-focus,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:focus{outline:none;pointer-events:all}.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-focus:before,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);content:\"\";display:block;inset:.125rem .125rem .0625rem;pointer-events:none;position:absolute}.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-focus.is-active:before,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-focus:active:before,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:focus.is-active:before,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:focus:active:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdList_Active_Outline_Color)}.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active .fd-button,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active .fd-tree__icon [class*=sap-icon],.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active .fd-tree__icon[class*=sap-icon],.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active .fd-tree__text,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active .fd-button,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active .fd-tree__icon [class*=sap-icon],.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active .fd-tree__icon[class*=sap-icon],.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active .fd-tree__text{color:var(--sapList_Active_TextColor)}.fd-tree--active .fd-tree__item-container{cursor:pointer;position:relative}.fd-tree--active .fd-tree__item-container.is-hover,.fd-tree--active .fd-tree__item-container:hover{--fdList_Item_Background_Color:var(--sapList_Hover_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor)}.fd-tree--active .fd-tree__item-container.is-selected,.fd-tree--active .fd-tree__item-container[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-tree--active .fd-tree__item-container.is-active,.fd-tree--active .fd-tree__item-container.is-active.is-hover,.fd-tree--active .fd-tree__item-container.is-active.is-selected,.fd-tree--active .fd-tree__item-container.is-active.is-selected.is-hover,.fd-tree--active .fd-tree__item-container.is-active.is-selected:hover,.fd-tree--active .fd-tree__item-container.is-active:hover,.fd-tree--active .fd-tree__item-container.is-active[aria-selected=true],.fd-tree--active .fd-tree__item-container.is-active[aria-selected=true].is-hover,.fd-tree--active .fd-tree__item-container.is-active[aria-selected=true]:hover,.fd-tree--active .fd-tree__item-container:active,.fd-tree--active .fd-tree__item-container:active.is-hover,.fd-tree--active .fd-tree__item-container:active.is-selected,.fd-tree--active .fd-tree__item-container:active.is-selected.is-hover,.fd-tree--active .fd-tree__item-container:active.is-selected:hover,.fd-tree--active .fd-tree__item-container:active:hover,.fd-tree--active .fd-tree__item-container:active[aria-selected=true],.fd-tree--active .fd-tree__item-container:active[aria-selected=true].is-hover,.fd-tree--active .fd-tree__item-container:active[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Active_Background);--fdList_Item_Text_Color:var(--sapList_Active_TextColor);--fdList_Item_Border_Color:var(--sapList_Active_Background)}.fd-tree--active .fd-tree__item-container.is-focus,.fd-tree--active .fd-tree__item-container:focus{outline:none;pointer-events:all}.fd-tree--active .fd-tree__item-container.is-focus:before,.fd-tree--active .fd-tree__item-container:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);content:\"\";display:block;inset:.125rem .125rem .0625rem;pointer-events:none;position:absolute}.fd-tree--active .fd-tree__item-container.is-focus.is-active:before,.fd-tree--active .fd-tree__item-container.is-focus:active:before,.fd-tree--active .fd-tree__item-container:focus.is-active:before,.fd-tree--active .fd-tree__item-container:focus:active:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdList_Active_Outline_Color)}.fd-tree--active .fd-tree__item-container.is-active .fd-button,.fd-tree--active .fd-tree__item-container.is-active .fd-tree__icon [class*=sap-icon],.fd-tree--active .fd-tree__item-container.is-active .fd-tree__icon[class*=sap-icon],.fd-tree--active .fd-tree__item-container.is-active .fd-tree__text,.fd-tree--active .fd-tree__item-container:active .fd-button,.fd-tree--active .fd-tree__item-container:active .fd-tree__icon [class*=sap-icon],.fd-tree--active .fd-tree__item-container:active .fd-tree__icon[class*=sap-icon],.fd-tree--active .fd-tree__item-container:active .fd-tree__text{color:var(--sapList_Active_TextColor)}.fd-tree--no-data .fd-tree__text{text-align:center}.fd-tree{display:block}.fd-tree__expander--loading{display:flex;align-items:center;justify-content:center}[dir=rtl] .fd-tree__expander:not(.is-expanded),.fd-tree__expander:not(.is-expanded)[dir=rtl]{transform:rotate(180deg)}[dir=rtl] .fd-tree__icon--navigation,.fd-tree__icon--navigation[dir=rtl]{transform:rotate(180deg)}\n/*! Bundled license information:\n\nfundamental-styles/dist/tree.css:\n (*!\n * Fundamental Library Styles v0.40.1\n * Copyright (c) 2025 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SkeletonComponent, selector: "fd-skeleton", inputs: ["animated", "type", "textLines", "width", "height"] }, { kind: "directive", type: TreeItemDirective, selector: "[fdTreeItem]", exportAs: ["fdTreeItem"] }, { kind: "directive", type: SelectableItemDirective, selector: "[fdkSelectableItem]", inputs: ["value", "fdkSelectableItem"], outputs: ["clicked", "selected"], exportAs: ["fdkSelectableItem"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], encapsulation: i0.ViewEncapsulation.None }); }
571
+ ], queries: [{ propertyName: "treeItemDef", first: true, predicate: TreeItemDefDirective, descendants: true }, { propertyName: "_projectedTreeItems", predicate: BaseTreeItem, descendants: true }], viewQueries: [{ propertyName: "_treeItemDirectives", predicate: TreeItemDirective, descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i1.DataSourceDirective, inputs: ["dataSource", "dataSource"], outputs: ["dataChanged", "dataChanged"] }, { directive: i2.CvaDirective, inputs: ["name", "name", "id", "id", "state", "state", "stateMessage", "stateMessage", "disabled", "disabled", "readonly", "readonly"] }], ngImport: i0, template: "<ng-template #dataSourceRenderer>\n <ng-template\n [ngTemplateOutlet]=\"!_initialDataLoaded ? loadingRenderer : dataLoadedTpl\"\n [ngTemplateOutletContext]=\"{ $implicit: 1 }\"\n ></ng-template>\n <ng-template #loadingRenderer let-level>\n @for (_ of loadingRange; track $index) {\n <div role=\"treeitem\" [attr.aria-level]=\"level\" class=\"fd-tree__item\">\n <div class=\"fd-tree__item-container\">\n <div class=\"fd-tree__content\">\n <span class=\"fd-tree__text\">\n <fd-skeleton type=\"text\" width=\"100px\" textLines=\"1\"></fd-skeleton>\n </span>\n </div>\n </div>\n </div>\n }\n </ng-template>\n <ng-template #dataLoadedTpl>\n @if (_items.length > 0 && treeItemDef) {\n @for (item of _items; track _trackFn($index, item)) {\n <ng-template\n [ngTemplateOutlet]=\"renderer\"\n [ngTemplateOutletContext]=\"{ $implicit: item }\"\n ></ng-template>\n }\n } @else {\n <div role=\"treeitem\" aria-level=\"1\" class=\"fd-tree__item\">\n <div class=\"fd-tree__item-container\">\n <div class=\"fd-tree__content\">\n <span class=\"fd-tree__text\">{{ 'coreTree.noData' | fdTranslate }}</span>\n </div>\n </div>\n </div>\n }\n </ng-template>\n <ng-template #renderer let-item>\n <ng-container fdTreeItem fdkSelectableItem #treeItemDirective=\"fdTreeItem\">\n <ng-template\n [ngTemplateOutlet]=\"item.renderer\"\n [ngTemplateOutletContext]=\"{ $implicit: item }\"\n [ngTemplateOutletInjector]=\"treeItemDirective.injector\"\n ></ng-template>\n </ng-container>\n @if (\n treeItemDirective.treeItem?.hasDsChildren &&\n !!treeItemDirective.treeItem?.expanded &&\n !treeItemDirective.treeItem?.childrenLoaded\n ) {\n <ng-template\n [ngTemplateOutlet]=\"loadingRenderer\"\n [ngTemplateOutletContext]=\"{ $implicit: item.level + 1 }\"\n ></ng-template>\n }\n @if (treeItemDirective.treeItem?.children; as childItems) {\n @if (childItems && childItems.length > 0 && !!treeItemDirective?.treeItem?.expanded) {\n <div class=\"fd-tree\">\n @for (child of childItems; track _trackFn($index, child)) {\n <ng-template\n [ngTemplateOutlet]=\"renderer\"\n [ngTemplateOutletContext]=\"{ $implicit: child }\"\n ></ng-template>\n }\n </div>\n }\n }\n </ng-template>\n</ng-template>\n<ng-template #projectedContentRenderer>\n <ng-content select=\"fd-tree-item\"></ng-content>\n</ng-template>\n<ng-template [ngTemplateOutlet]=\"treeItemDef ? dataSourceRenderer : projectedContentRenderer\"></ng-template>\n", styles: [":root{--fdList_Item_Background_Color:var(--sapList_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor);--fdList_Item_Text_Font_Size:var(--sapFontLargeSize);--fdList_Item_Icon_Font_Size:1.125rem;--fdList_Item_Height:var(--sapElement_LineHeight);--fdList_Status_Text_Color:var(--sapNeutralTextColor);--fdList_Message_Background_Color:var(--sapNeutralBackground)}.fd-tree{--fdTree_Button_Spacing:var(--fdList_Button_Spacing);--fdTree_Expander_Size:2.75rem;--fdTree_Expander_Icon_Font_Size:var(--sapFontLargeSize);--fdTree_Item_Height:2.75rem;--fdTree_Item_Font_Size:var(--sapFontLargeSize);--fdTree_Item_Wrap_Text_Line_Height:1.4;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;list-style-type:none;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;width:100%}.fd-tree[class*=-compact],.fd-tree[class*=-condensed],[class*=-compact] .fd-tree:not([class*=-cozy]),[class*=-condensed] .fd-tree:not([class*=-cozy]){--fdTree_Expander_Size:2rem;--fdTree_Expander_Icon_Font_Size:var(--sapFontSmallSize);--fdTree_Item_Height:2rem;--fdTree_Item_Font_Size:var(--sapFontSize);--fdTree_Item_Wrap_Text_Line_Height:1.4}.fd-tree .has-highlight-indicator{--fdTree_Item_Highlight_Color:var(--sapInformationBorderColor);-webkit-box-shadow:inset .375rem 0 0 0 var(--fdTree_Item_Highlight_Color);box-shadow:inset .375rem 0 0 0 var(--fdTree_Item_Highlight_Color)}.fd-tree .has-highlight-indicator--error{--fdTree_Item_Highlight_Color:var(--sapErrorBorderColor)}.fd-tree .has-highlight-indicator--warning{--fdTree_Item_Highlight_Color:var(--sapWarningBorderColor)}.fd-tree .has-highlight-indicator--success{--fdTree_Item_Highlight_Color:var(--sapSuccessBorderColor)}.fd-tree .has-highlight-indicator[dir=rtl],[dir=rtl] .fd-tree .has-highlight-indicator{-webkit-box-shadow:inset -.375rem 0 0 0 var(--fdTree_Item_Highlight_Color);box-shadow:inset -.375rem 0 0 0 var(--fdTree_Item_Highlight_Color)}.fd-tree .has-highlight-indicator.is-navigated{-webkit-box-shadow:inset -.1875rem 0 0 0 var(--sapSelectedColor),inset .375rem 0 0 0 var(--fdTree_Item_Highlight_Color);box-shadow:inset -.1875rem 0 0 0 var(--sapSelectedColor),inset .375rem 0 0 0 var(--fdTree_Item_Highlight_Color)}.fd-tree .has-highlight-indicator.is-navigated[dir=rtl],[dir=rtl] .fd-tree .has-highlight-indicator.is-navigated{-webkit-box-shadow:inset .1875rem 0 0 0 var(--sapSelectedColor),inset -.375rem 0 0 0 var(--fdTree_Item_Highlight_Color);box-shadow:inset .1875rem 0 0 0 var(--sapSelectedColor),inset -.375rem 0 0 0 var(--fdTree_Item_Highlight_Color)}.fd-tree .fd-tree__item .fd-tree__item-container .fd-tree__expander{-webkit-margin-start:var(--fdTree_Item_Level_Spacing);margin-inline-start:var(--fdTree_Item_Level_Spacing)}.fd-tree .fd-tree__item .fd-tree__item-container .fd-form-item:first-child,.fd-tree .fd-tree__item .fd-tree__item-container .fd-tree__content{-webkit-margin-start:calc(var(--fdTree_Item_Level_Spacing, 0rem) + var(--fdTree_Expander_Size));margin-inline-start:calc(var(--fdTree_Item_Level_Spacing, 0rem) + var(--fdTree_Expander_Size))}.fd-tree .fd-tree__item .fd-tree__item-container .fd-form-item+.fd-tree__content,.fd-tree .fd-tree__item .fd-tree__item-container .fd-tree__expander+.fd-tree__content,.fd-tree.fd-tree--independent-multi-selection .fd-tree__item .fd-tree__item-container .fd-form-item:first-child{-webkit-margin-start:0;margin-inline-start:0}.fd-tree.fd-tree--independent-multi-selection .fd-tree__item .fd-tree__item-container .fd-form-item:first-child+.fd-tree__content{-webkit-margin-start:calc(var(--fdTree_Item_Level_Spacing, 0rem) + var(--fdTree_Expander_Size));margin-inline-start:calc(var(--fdTree_Item_Level_Spacing, 0rem) + var(--fdTree_Expander_Size))}.fd-tree.expanded-level-1 .fd-tree__item[aria-level=\"2\"]{--fdTree_Item_Level_Spacing:1.5rem}.fd-tree.expanded-level-2 .fd-tree__item[aria-level=\"2\"]{--fdTree_Item_Level_Spacing:1rem}.fd-tree.expanded-level-2 .fd-tree__item[aria-level=\"3\"]{--fdTree_Item_Level_Spacing:2.5rem}.fd-tree.expanded-level-3 .fd-tree__item[aria-level=\"2\"],.fd-tree.expanded-level-4 .fd-tree__item[aria-level=\"2\"],.fd-tree.expanded-level-5 .fd-tree__item[aria-level=\"2\"]{--fdTree_Item_Level_Spacing:.5rem}.fd-tree.expanded-level-3 .fd-tree__item[aria-level=\"3\"],.fd-tree.expanded-level-4 .fd-tree__item[aria-level=\"3\"],.fd-tree.expanded-level-5 .fd-tree__item[aria-level=\"3\"]{--fdTree_Item_Level_Spacing:1rem}.fd-tree.expanded-level-3 .fd-tree__item[aria-level=\"4\"],.fd-tree.expanded-level-4 .fd-tree__item[aria-level=\"4\"],.fd-tree.expanded-level-5 .fd-tree__item[aria-level=\"4\"]{--fdTree_Item_Level_Spacing:1.5rem}.fd-tree.expanded-level-3 .fd-tree__item[aria-level=\"5\"],.fd-tree.expanded-level-4 .fd-tree__item[aria-level=\"5\"],.fd-tree.expanded-level-5 .fd-tree__item[aria-level=\"5\"]{--fdTree_Item_Level_Spacing:2rem}.fd-tree.expanded-level-3 .fd-tree__item[aria-level=\"6\"],.fd-tree.expanded-level-4 .fd-tree__item[aria-level=\"6\"],.fd-tree.expanded-level-5 .fd-tree__item[aria-level=\"6\"]{--fdTree_Item_Level_Spacing:2.5rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"1\"]{--fdTree_Item_Level_Spacing:0rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"2\"]{--fdTree_Item_Level_Spacing:.25rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"3\"]{--fdTree_Item_Level_Spacing:.5rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"4\"]{--fdTree_Item_Level_Spacing:.75rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"5\"]{--fdTree_Item_Level_Spacing:1rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"6\"]{--fdTree_Item_Level_Spacing:1.25rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"7\"]{--fdTree_Item_Level_Spacing:1.5rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"8\"]{--fdTree_Item_Level_Spacing:1.75rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"9\"]{--fdTree_Item_Level_Spacing:2rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"10\"]{--fdTree_Item_Level_Spacing:2.25rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"11\"]{--fdTree_Item_Level_Spacing:2.5rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"12\"]{--fdTree_Item_Level_Spacing:2.75rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"1\"]{--fdTree_Item_Level_Spacing:0rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"2\"]{--fdTree_Item_Level_Spacing:.25rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"3\"]{--fdTree_Item_Level_Spacing:.5rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"4\"]{--fdTree_Item_Level_Spacing:.75rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"5\"]{--fdTree_Item_Level_Spacing:1rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"6\"]{--fdTree_Item_Level_Spacing:1.25rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"7\"]{--fdTree_Item_Level_Spacing:1.5rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"8\"]{--fdTree_Item_Level_Spacing:1.75rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"9\"]{--fdTree_Item_Level_Spacing:2rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"10\"]{--fdTree_Item_Level_Spacing:2.25rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"11\"]{--fdTree_Item_Level_Spacing:2.5rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"12\"]{--fdTree_Item_Level_Spacing:2.75rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"1\"]{--fdTree_Item_Level_Spacing:0rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"2\"]{--fdTree_Item_Level_Spacing:.25rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"3\"]{--fdTree_Item_Level_Spacing:.5rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"4\"]{--fdTree_Item_Level_Spacing:.75rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"5\"]{--fdTree_Item_Level_Spacing:1rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"6\"]{--fdTree_Item_Level_Spacing:1.25rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"7\"]{--fdTree_Item_Level_Spacing:1.5rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"8\"]{--fdTree_Item_Level_Spacing:1.75rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"9\"]{--fdTree_Item_Level_Spacing:2rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"10\"]{--fdTree_Item_Level_Spacing:2.25rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"11\"]{--fdTree_Item_Level_Spacing:2.5rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"12\"]{--fdTree_Item_Level_Spacing:2.75rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"1\"]{--fdTree_Item_Level_Spacing:0rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"2\"]{--fdTree_Item_Level_Spacing:.25rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"3\"]{--fdTree_Item_Level_Spacing:.5rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"4\"]{--fdTree_Item_Level_Spacing:.75rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"5\"]{--fdTree_Item_Level_Spacing:1rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"6\"]{--fdTree_Item_Level_Spacing:1.25rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"7\"]{--fdTree_Item_Level_Spacing:1.5rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"8\"]{--fdTree_Item_Level_Spacing:1.75rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"9\"]{--fdTree_Item_Level_Spacing:2rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"10\"]{--fdTree_Item_Level_Spacing:2.25rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"11\"]{--fdTree_Item_Level_Spacing:2.5rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"12\"]{--fdTree_Item_Level_Spacing:2.75rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"1\"]{--fdTree_Item_Level_Spacing:0rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"2\"]{--fdTree_Item_Level_Spacing:.25rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"3\"]{--fdTree_Item_Level_Spacing:.5rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"4\"]{--fdTree_Item_Level_Spacing:.75rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"5\"]{--fdTree_Item_Level_Spacing:1rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"6\"]{--fdTree_Item_Level_Spacing:1.25rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"7\"]{--fdTree_Item_Level_Spacing:1.5rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"8\"]{--fdTree_Item_Level_Spacing:1.75rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"9\"]{--fdTree_Item_Level_Spacing:2rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"10\"]{--fdTree_Item_Level_Spacing:2.25rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"11\"]{--fdTree_Item_Level_Spacing:2.5rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"12\"]{--fdTree_Item_Level_Spacing:2.75rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"1\"]{--fdTree_Item_Level_Spacing:0rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"2\"]{--fdTree_Item_Level_Spacing:.25rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"3\"]{--fdTree_Item_Level_Spacing:.5rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"4\"]{--fdTree_Item_Level_Spacing:.75rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"5\"]{--fdTree_Item_Level_Spacing:1rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"6\"]{--fdTree_Item_Level_Spacing:1.25rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"7\"]{--fdTree_Item_Level_Spacing:1.5rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"8\"]{--fdTree_Item_Level_Spacing:1.75rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"9\"]{--fdTree_Item_Level_Spacing:2rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"10\"]{--fdTree_Item_Level_Spacing:2.25rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"11\"]{--fdTree_Item_Level_Spacing:2.5rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"12\"]{--fdTree_Item_Level_Spacing:2.75rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"1\"]{--fdTree_Item_Level_Spacing:0rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"2\"]{--fdTree_Item_Level_Spacing:.25rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"3\"]{--fdTree_Item_Level_Spacing:.5rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"4\"]{--fdTree_Item_Level_Spacing:.75rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"5\"]{--fdTree_Item_Level_Spacing:1rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"6\"]{--fdTree_Item_Level_Spacing:1.25rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"7\"]{--fdTree_Item_Level_Spacing:1.5rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"8\"]{--fdTree_Item_Level_Spacing:1.75rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"9\"]{--fdTree_Item_Level_Spacing:2rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"10\"]{--fdTree_Item_Level_Spacing:2.25rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"11\"]{--fdTree_Item_Level_Spacing:2.5rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"12\"]{--fdTree_Item_Level_Spacing:2.75rem}.fd-tree .fd-tree__item-container .fd-form-item:first-child label,.fd-tree .fd-tree__item-container .fd-tree__expander+.fd-form-item label{margin-block:0;margin-inline:0}.fd-tree .fd-tree__expander+.fd-tree__content{-webkit-margin-start:0;margin-inline-start:0}.fd-tree:after,.fd-tree:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tree[aria-hidden=true]{display:none}.fd-tree__item{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-tree__item:after,.fd-tree__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container{background:var(--sapList_Background);border-bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor)}.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-selected,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container[aria-selected=true]{background:var(--sapList_SelectionBackgroundColor);border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active{cursor:pointer;position:relative}.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:hover{--fdList_Item_Background_Color:var(--sapList_Hover_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor)}.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-selected,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active.is-hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active.is-selected,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active.is-selected.is-hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active.is-selected:hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active:hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active[aria-selected=true],.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active[aria-selected=true].is-hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active[aria-selected=true]:hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active.is-hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active.is-selected,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active.is-selected.is-hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active.is-selected:hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active:hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active[aria-selected=true],.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active[aria-selected=true].is-hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Active_Background);--fdList_Item_Text_Color:var(--sapList_Active_TextColor);--fdList_Item_Border_Color:var(--sapList_Active_Background)}.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-focus,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:focus{outline:none;pointer-events:all}.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-focus:before,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);content:\"\";display:block;inset:.125rem .125rem .0625rem;pointer-events:none;position:absolute}.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-focus.is-active:before,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-focus:active:before,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:focus.is-active:before,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:focus:active:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdList_Active_Outline_Color)}.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active .fd-button,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active .fd-tree__icon [class*=sap-icon],.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active .fd-tree__icon[class*=sap-icon],.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active .fd-tree__text,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active .fd-button,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active .fd-tree__icon [class*=sap-icon],.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active .fd-tree__icon[class*=sap-icon],.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active .fd-tree__text{color:var(--sapList_Active_TextColor)}.fd-tree__item-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--sapList_AlternatingBackground);border-bottom:var(--sapList_BorderWidth) solid transparent;min-height:var(--fdTree_Item_Height);position:relative;width:100%;-webkit-padding-end:1rem;padding-inline-end:1rem}.fd-tree__item-container:after,.fd-tree__item-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tree__item-container.is-selected,.fd-tree__item-container[aria-selected=true]{background:var(--sapList_SelectionBackgroundColor);border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-tree__item-container.is-navigated{-webkit-box-shadow:inset -.1875rem 0 0 0 var(--sapSelectedColor);box-shadow:inset -.1875rem 0 0 0 var(--sapSelectedColor)}.fd-tree__item-container.is-navigated[dir=rtl],[dir=rtl] .fd-tree__item-container.is-navigated{-webkit-box-shadow:inset .1875rem 0 0 0 var(--sapSelectedColor);box-shadow:inset .1875rem 0 0 0 var(--sapSelectedColor)}.fd-tree__item-container.is-focus,.fd-tree__item-container:focus{outline:none;pointer-events:all}.fd-tree__item-container.is-focus:before,.fd-tree__item-container:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);content:\"\";display:block;inset:.125rem .125rem .0625rem;pointer-events:none;position:absolute}.fd-tree__item-container.is-focus.is-active:before,.fd-tree__item-container.is-focus:active:before,.fd-tree__item-container:focus.is-active:before,.fd-tree__item-container:focus:active:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdList_Active_Outline_Color)}.fd-tree__item-container--active{cursor:pointer;position:relative}.fd-tree__item-container--active.is-hover,.fd-tree__item-container--active:hover{--fdList_Item_Background_Color:var(--sapList_Hover_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor)}.fd-tree__item-container--active.is-selected,.fd-tree__item-container--active[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-tree__item-container--active.is-active,.fd-tree__item-container--active.is-active.is-hover,.fd-tree__item-container--active.is-active.is-selected,.fd-tree__item-container--active.is-active.is-selected.is-hover,.fd-tree__item-container--active.is-active.is-selected:hover,.fd-tree__item-container--active.is-active:hover,.fd-tree__item-container--active.is-active[aria-selected=true],.fd-tree__item-container--active.is-active[aria-selected=true].is-hover,.fd-tree__item-container--active.is-active[aria-selected=true]:hover,.fd-tree__item-container--active:active,.fd-tree__item-container--active:active.is-hover,.fd-tree__item-container--active:active.is-selected,.fd-tree__item-container--active:active.is-selected.is-hover,.fd-tree__item-container--active:active.is-selected:hover,.fd-tree__item-container--active:active:hover,.fd-tree__item-container--active:active[aria-selected=true],.fd-tree__item-container--active:active[aria-selected=true].is-hover,.fd-tree__item-container--active:active[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Active_Background);--fdList_Item_Text_Color:var(--sapList_Active_TextColor);--fdList_Item_Border_Color:var(--sapList_Active_Background)}.fd-tree__item-container--active.is-focus,.fd-tree__item-container--active:focus{outline:none;pointer-events:all}.fd-tree__item-container--active.is-focus:before,.fd-tree__item-container--active:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);content:\"\";display:block;inset:.125rem .125rem .0625rem;pointer-events:none;position:absolute}.fd-tree__item-container--active.is-focus.is-active:before,.fd-tree__item-container--active.is-focus:active:before,.fd-tree__item-container--active:focus.is-active:before,.fd-tree__item-container--active:focus:active:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdList_Active_Outline_Color)}.fd-tree__item-container--active.is-active .fd-button,.fd-tree__item-container--active.is-active .fd-tree__icon [class*=sap-icon],.fd-tree__item-container--active.is-active .fd-tree__icon[class*=sap-icon],.fd-tree__item-container--active.is-active .fd-tree__text,.fd-tree__item-container--active:active .fd-button,.fd-tree__item-container--active:active .fd-tree__icon [class*=sap-icon],.fd-tree__item-container--active:active .fd-tree__icon[class*=sap-icon],.fd-tree__item-container--active:active .fd-tree__text{color:var(--sapList_Active_TextColor)}.fd-tree__button{-webkit-margin-start:var(--fdTree_Button_Spacing);margin-inline-start:var(--fdTree_Button_Spacing)}.fd-tree__expander{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-image:none;background:transparent;border:0;border-radius:var(--sapButton_BorderCornerRadius);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapButton_IconColor);cursor:pointer;display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;min-height:var(--fdTree_Expander_Size);min-width:var(--fdTree_Expander_Size);outline:0;padding-block:0;padding-inline:0;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.fd-tree__expander:after,.fd-tree__expander:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tree__expander::-moz-focus-inner{border:0}.fd-tree__expander.is-focus,.fd-tree__expander:focus{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:var(--fdButton_Outline_Offset);z-index:5}.fd-tree__expander .fd-tree__icon{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-tree__expander .fd-tree__icon:after,.fd-tree__expander .fd-tree__icon:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tree__expander .fd-tree__icon [class*=sap-icon],.fd-tree__expander .fd-tree__icon[class*=sap-icon]{color:var(--sapButton_IconColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:var(--fdTree_Expander_Icon_Font_Size);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-tree__expander[dir=rtl] .fd-tree__icon,[dir=rtl] .fd-tree__expander .fd-tree__icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fd-tree__expander.is-expanded,.fd-tree__expander[aria-expanded=true]{border-bottom:none}.fd-tree__expander.is-expanded[dir=rtl] .fd-tree__icon,.fd-tree__expander[aria-expanded=true][dir=rtl] .fd-tree__icon,[dir=rtl] .fd-tree__expander.is-expanded .fd-tree__icon,[dir=rtl] .fd-tree__expander[aria-expanded=true] .fd-tree__icon{-webkit-transform:rotate(0);transform:rotate(0)}.fd-tree__content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--fdTree_Item_Height);text-decoration:none;width:100%}.fd-tree__content:after,.fd-tree__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tree__content--wrap,.fd-tree__content--wrap .fd-tree__text{overflow:visible;text-overflow:clip;white-space:normal}.fd-tree__content--wrap .fd-tree__text{line-height:var(--fdTree_Item_Wrap_Text_Line_Height)}.fd-tree__icon{line-height:var(--fdTree_Expander_Size);min-height:var(--fdTree_Expander_Size);min-width:var(--fdTree_Expander_Size)}.fd-tree__icon,.fd-tree__icon [class*=sap-icon],.fd-tree__icon[class*=sap-icon]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-tree__icon [class*=sap-icon],.fd-tree__icon[class*=sap-icon]{color:var(--sapContent_NonInteractiveIconColor);font-size:1.125rem}.fd-tree__icon--navigation [class*=sap-icon],.fd-tree__icon--navigation[class*=sap-icon]{font-size:.75rem;min-width:2.5rem}.fd-tree__icon--navigation:last-child{-webkit-margin-end:-1rem;margin-inline-end:-1rem}.fd-tree__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdTree_Item_Font_Size);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:var(--fdTree_Item_Height);margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;width:100%}.fd-tree__text:after,.fd-tree__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tree--no-border .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container{border-bottom:var(--sapList_BorderWidth) solid transparent}.fd-tree--no-border .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-selected,.fd-tree--no-border .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container{cursor:pointer;position:relative}.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:hover{--fdList_Item_Background_Color:var(--sapList_Hover_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor)}.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-selected,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active.is-hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active.is-selected,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active.is-selected.is-hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active.is-selected:hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active:hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active[aria-selected=true],.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active[aria-selected=true].is-hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active[aria-selected=true]:hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active.is-hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active.is-selected,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active.is-selected.is-hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active.is-selected:hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active:hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active[aria-selected=true],.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active[aria-selected=true].is-hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Active_Background);--fdList_Item_Text_Color:var(--sapList_Active_TextColor);--fdList_Item_Border_Color:var(--sapList_Active_Background)}.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-focus,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:focus{outline:none;pointer-events:all}.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-focus:before,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);content:\"\";display:block;inset:.125rem .125rem .0625rem;pointer-events:none;position:absolute}.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-focus.is-active:before,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-focus:active:before,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:focus.is-active:before,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:focus:active:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdList_Active_Outline_Color)}.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active .fd-button,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active .fd-tree__icon [class*=sap-icon],.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active .fd-tree__icon[class*=sap-icon],.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active .fd-tree__text,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active .fd-button,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active .fd-tree__icon [class*=sap-icon],.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active .fd-tree__icon[class*=sap-icon],.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active .fd-tree__text{color:var(--sapList_Active_TextColor)}.fd-tree--active .fd-tree__item-container{cursor:pointer;position:relative}.fd-tree--active .fd-tree__item-container.is-hover,.fd-tree--active .fd-tree__item-container:hover{--fdList_Item_Background_Color:var(--sapList_Hover_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor)}.fd-tree--active .fd-tree__item-container.is-selected,.fd-tree--active .fd-tree__item-container[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-tree--active .fd-tree__item-container.is-active,.fd-tree--active .fd-tree__item-container.is-active.is-hover,.fd-tree--active .fd-tree__item-container.is-active.is-selected,.fd-tree--active .fd-tree__item-container.is-active.is-selected.is-hover,.fd-tree--active .fd-tree__item-container.is-active.is-selected:hover,.fd-tree--active .fd-tree__item-container.is-active:hover,.fd-tree--active .fd-tree__item-container.is-active[aria-selected=true],.fd-tree--active .fd-tree__item-container.is-active[aria-selected=true].is-hover,.fd-tree--active .fd-tree__item-container.is-active[aria-selected=true]:hover,.fd-tree--active .fd-tree__item-container:active,.fd-tree--active .fd-tree__item-container:active.is-hover,.fd-tree--active .fd-tree__item-container:active.is-selected,.fd-tree--active .fd-tree__item-container:active.is-selected.is-hover,.fd-tree--active .fd-tree__item-container:active.is-selected:hover,.fd-tree--active .fd-tree__item-container:active:hover,.fd-tree--active .fd-tree__item-container:active[aria-selected=true],.fd-tree--active .fd-tree__item-container:active[aria-selected=true].is-hover,.fd-tree--active .fd-tree__item-container:active[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Active_Background);--fdList_Item_Text_Color:var(--sapList_Active_TextColor);--fdList_Item_Border_Color:var(--sapList_Active_Background)}.fd-tree--active .fd-tree__item-container.is-focus,.fd-tree--active .fd-tree__item-container:focus{outline:none;pointer-events:all}.fd-tree--active .fd-tree__item-container.is-focus:before,.fd-tree--active .fd-tree__item-container:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);content:\"\";display:block;inset:.125rem .125rem .0625rem;pointer-events:none;position:absolute}.fd-tree--active .fd-tree__item-container.is-focus.is-active:before,.fd-tree--active .fd-tree__item-container.is-focus:active:before,.fd-tree--active .fd-tree__item-container:focus.is-active:before,.fd-tree--active .fd-tree__item-container:focus:active:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdList_Active_Outline_Color)}.fd-tree--active .fd-tree__item-container.is-active .fd-button,.fd-tree--active .fd-tree__item-container.is-active .fd-tree__icon [class*=sap-icon],.fd-tree--active .fd-tree__item-container.is-active .fd-tree__icon[class*=sap-icon],.fd-tree--active .fd-tree__item-container.is-active .fd-tree__text,.fd-tree--active .fd-tree__item-container:active .fd-button,.fd-tree--active .fd-tree__item-container:active .fd-tree__icon [class*=sap-icon],.fd-tree--active .fd-tree__item-container:active .fd-tree__icon[class*=sap-icon],.fd-tree--active .fd-tree__item-container:active .fd-tree__text{color:var(--sapList_Active_TextColor)}.fd-tree--no-data .fd-tree__text{text-align:center}.fd-tree{display:block}.fd-tree__expander--loading{display:flex;align-items:center;justify-content:center}[dir=rtl] .fd-tree__expander:not(.is-expanded),.fd-tree__expander:not(.is-expanded)[dir=rtl]{transform:rotate(180deg)}[dir=rtl] .fd-tree__icon--navigation,.fd-tree__icon--navigation[dir=rtl]{transform:rotate(180deg)}\n/*! Bundled license information:\n\nfundamental-styles/dist/tree.css:\n (*!\n * Fundamental Library Styles v0.40.1\n * Copyright (c) 2025 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SkeletonComponent, selector: "fd-skeleton", inputs: ["animated", "type", "textLines", "width", "height"] }, { kind: "directive", type: TreeItemDirective, selector: "[fdTreeItem]", exportAs: ["fdTreeItem"] }, { kind: "directive", type: SelectableItemDirective, selector: "[fdkSelectableItem]", inputs: ["value", "fdkSelectableItem"], outputs: ["clicked", "selected"], exportAs: ["fdkSelectableItem"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], encapsulation: i0.ViewEncapsulation.None }); }
572
572
  }
573
573
  __decorate([
574
574
  applyCssClass,
@@ -598,7 +598,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
598
598
  provide: FD_DATA_SOURCE_TRANSFORMER,
599
599
  useClass: TreeDataSourceParser
600
600
  }
601
- ], imports: [NgTemplateOutlet, SkeletonComponent, TreeItemDirective, SelectableItemDirective, FdTranslatePipe], template: "<ng-template #dataSourceRenderer>\n <ng-template\n [ngTemplateOutlet]=\"!_initialDataLoaded ? loadingRenderer : dataLoadedTpl\"\n [ngTemplateOutletContext]=\"{ $implicit: 1 }\"\n ></ng-template>\n <ng-template #loadingRenderer let-level>\n @for (_ of loadingRange; track $index) {\n <div role=\"treeitem\" [attr.aria-level]=\"level\" class=\"fd-tree__item\">\n <div class=\"fd-tree__item-container\">\n <div class=\"fd-tree__content\">\n <span class=\"fd-tree__text\">\n <fd-skeleton type=\"text\" width=\"100px\" textLines=\"1\"></fd-skeleton>\n </span>\n </div>\n </div>\n </div>\n }\n </ng-template>\n <ng-template #dataLoadedTpl>\n @if (_items.length > 0 && treeItemDef) {\n @for (item of _items; track _trackFn($index, item)) {\n <ng-template\n [ngTemplateOutlet]=\"renderer\"\n [ngTemplateOutletContext]=\"{ $implicit: item }\"\n ></ng-template>\n }\n } @else {\n <div role=\"treeitem\" aria-level=\"1\" class=\"fd-tree__item\">\n <div class=\"fd-tree__item-container\">\n <div class=\"fd-tree__content\">\n <span class=\"fd-tree__text\">{{ ('coreTree.noData' | fdTranslate)() }}</span>\n </div>\n </div>\n </div>\n }\n </ng-template>\n <ng-template #renderer let-item>\n <ng-container fdTreeItem fdkSelectableItem #treeItemDirective=\"fdTreeItem\">\n <ng-template\n [ngTemplateOutlet]=\"item.renderer\"\n [ngTemplateOutletContext]=\"{ $implicit: item }\"\n [ngTemplateOutletInjector]=\"treeItemDirective.injector\"\n ></ng-template>\n </ng-container>\n @if (\n treeItemDirective.treeItem?.hasDsChildren &&\n !!treeItemDirective.treeItem?.expanded &&\n !treeItemDirective.treeItem?.childrenLoaded\n ) {\n <ng-template\n [ngTemplateOutlet]=\"loadingRenderer\"\n [ngTemplateOutletContext]=\"{ $implicit: item.level + 1 }\"\n ></ng-template>\n }\n @if (treeItemDirective.treeItem?.children; as childItems) {\n @if (childItems && childItems.length > 0 && !!treeItemDirective?.treeItem?.expanded) {\n <div class=\"fd-tree\">\n @for (child of childItems; track _trackFn($index, child)) {\n <ng-template\n [ngTemplateOutlet]=\"renderer\"\n [ngTemplateOutletContext]=\"{ $implicit: child }\"\n ></ng-template>\n }\n </div>\n }\n }\n </ng-template>\n</ng-template>\n<ng-template #projectedContentRenderer>\n <ng-content select=\"fd-tree-item\"></ng-content>\n</ng-template>\n<ng-template [ngTemplateOutlet]=\"treeItemDef ? dataSourceRenderer : projectedContentRenderer\"></ng-template>\n", styles: [":root{--fdList_Item_Background_Color:var(--sapList_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor);--fdList_Item_Text_Font_Size:var(--sapFontLargeSize);--fdList_Item_Icon_Font_Size:1.125rem;--fdList_Item_Height:var(--sapElement_LineHeight);--fdList_Status_Text_Color:var(--sapNeutralTextColor);--fdList_Message_Background_Color:var(--sapNeutralBackground)}.fd-tree{--fdTree_Button_Spacing:var(--fdList_Button_Spacing);--fdTree_Expander_Size:2.75rem;--fdTree_Expander_Icon_Font_Size:var(--sapFontLargeSize);--fdTree_Item_Height:2.75rem;--fdTree_Item_Font_Size:var(--sapFontLargeSize);--fdTree_Item_Wrap_Text_Line_Height:1.4;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;list-style-type:none;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;width:100%}.fd-tree[class*=-compact],.fd-tree[class*=-condensed],[class*=-compact] .fd-tree:not([class*=-cozy]),[class*=-condensed] .fd-tree:not([class*=-cozy]){--fdTree_Expander_Size:2rem;--fdTree_Expander_Icon_Font_Size:var(--sapFontSmallSize);--fdTree_Item_Height:2rem;--fdTree_Item_Font_Size:var(--sapFontSize);--fdTree_Item_Wrap_Text_Line_Height:1.4}.fd-tree .has-highlight-indicator{--fdTree_Item_Highlight_Color:var(--sapInformationBorderColor);-webkit-box-shadow:inset .375rem 0 0 0 var(--fdTree_Item_Highlight_Color);box-shadow:inset .375rem 0 0 0 var(--fdTree_Item_Highlight_Color)}.fd-tree .has-highlight-indicator--error{--fdTree_Item_Highlight_Color:var(--sapErrorBorderColor)}.fd-tree .has-highlight-indicator--warning{--fdTree_Item_Highlight_Color:var(--sapWarningBorderColor)}.fd-tree .has-highlight-indicator--success{--fdTree_Item_Highlight_Color:var(--sapSuccessBorderColor)}.fd-tree .has-highlight-indicator[dir=rtl],[dir=rtl] .fd-tree .has-highlight-indicator{-webkit-box-shadow:inset -.375rem 0 0 0 var(--fdTree_Item_Highlight_Color);box-shadow:inset -.375rem 0 0 0 var(--fdTree_Item_Highlight_Color)}.fd-tree .has-highlight-indicator.is-navigated{-webkit-box-shadow:inset -.1875rem 0 0 0 var(--sapSelectedColor),inset .375rem 0 0 0 var(--fdTree_Item_Highlight_Color);box-shadow:inset -.1875rem 0 0 0 var(--sapSelectedColor),inset .375rem 0 0 0 var(--fdTree_Item_Highlight_Color)}.fd-tree .has-highlight-indicator.is-navigated[dir=rtl],[dir=rtl] .fd-tree .has-highlight-indicator.is-navigated{-webkit-box-shadow:inset .1875rem 0 0 0 var(--sapSelectedColor),inset -.375rem 0 0 0 var(--fdTree_Item_Highlight_Color);box-shadow:inset .1875rem 0 0 0 var(--sapSelectedColor),inset -.375rem 0 0 0 var(--fdTree_Item_Highlight_Color)}.fd-tree .fd-tree__item .fd-tree__item-container .fd-tree__expander{-webkit-margin-start:var(--fdTree_Item_Level_Spacing);margin-inline-start:var(--fdTree_Item_Level_Spacing)}.fd-tree .fd-tree__item .fd-tree__item-container .fd-form-item:first-child,.fd-tree .fd-tree__item .fd-tree__item-container .fd-tree__content{-webkit-margin-start:calc(var(--fdTree_Item_Level_Spacing, 0rem) + var(--fdTree_Expander_Size));margin-inline-start:calc(var(--fdTree_Item_Level_Spacing, 0rem) + var(--fdTree_Expander_Size))}.fd-tree .fd-tree__item .fd-tree__item-container .fd-form-item+.fd-tree__content,.fd-tree .fd-tree__item .fd-tree__item-container .fd-tree__expander+.fd-tree__content,.fd-tree.fd-tree--independent-multi-selection .fd-tree__item .fd-tree__item-container .fd-form-item:first-child{-webkit-margin-start:0;margin-inline-start:0}.fd-tree.fd-tree--independent-multi-selection .fd-tree__item .fd-tree__item-container .fd-form-item:first-child+.fd-tree__content{-webkit-margin-start:calc(var(--fdTree_Item_Level_Spacing, 0rem) + var(--fdTree_Expander_Size));margin-inline-start:calc(var(--fdTree_Item_Level_Spacing, 0rem) + var(--fdTree_Expander_Size))}.fd-tree.expanded-level-1 .fd-tree__item[aria-level=\"2\"]{--fdTree_Item_Level_Spacing:1.5rem}.fd-tree.expanded-level-2 .fd-tree__item[aria-level=\"2\"]{--fdTree_Item_Level_Spacing:1rem}.fd-tree.expanded-level-2 .fd-tree__item[aria-level=\"3\"]{--fdTree_Item_Level_Spacing:2.5rem}.fd-tree.expanded-level-3 .fd-tree__item[aria-level=\"2\"],.fd-tree.expanded-level-4 .fd-tree__item[aria-level=\"2\"],.fd-tree.expanded-level-5 .fd-tree__item[aria-level=\"2\"]{--fdTree_Item_Level_Spacing:.5rem}.fd-tree.expanded-level-3 .fd-tree__item[aria-level=\"3\"],.fd-tree.expanded-level-4 .fd-tree__item[aria-level=\"3\"],.fd-tree.expanded-level-5 .fd-tree__item[aria-level=\"3\"]{--fdTree_Item_Level_Spacing:1rem}.fd-tree.expanded-level-3 .fd-tree__item[aria-level=\"4\"],.fd-tree.expanded-level-4 .fd-tree__item[aria-level=\"4\"],.fd-tree.expanded-level-5 .fd-tree__item[aria-level=\"4\"]{--fdTree_Item_Level_Spacing:1.5rem}.fd-tree.expanded-level-3 .fd-tree__item[aria-level=\"5\"],.fd-tree.expanded-level-4 .fd-tree__item[aria-level=\"5\"],.fd-tree.expanded-level-5 .fd-tree__item[aria-level=\"5\"]{--fdTree_Item_Level_Spacing:2rem}.fd-tree.expanded-level-3 .fd-tree__item[aria-level=\"6\"],.fd-tree.expanded-level-4 .fd-tree__item[aria-level=\"6\"],.fd-tree.expanded-level-5 .fd-tree__item[aria-level=\"6\"]{--fdTree_Item_Level_Spacing:2.5rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"1\"]{--fdTree_Item_Level_Spacing:0rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"2\"]{--fdTree_Item_Level_Spacing:.25rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"3\"]{--fdTree_Item_Level_Spacing:.5rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"4\"]{--fdTree_Item_Level_Spacing:.75rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"5\"]{--fdTree_Item_Level_Spacing:1rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"6\"]{--fdTree_Item_Level_Spacing:1.25rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"7\"]{--fdTree_Item_Level_Spacing:1.5rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"8\"]{--fdTree_Item_Level_Spacing:1.75rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"9\"]{--fdTree_Item_Level_Spacing:2rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"10\"]{--fdTree_Item_Level_Spacing:2.25rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"11\"]{--fdTree_Item_Level_Spacing:2.5rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"12\"]{--fdTree_Item_Level_Spacing:2.75rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"1\"]{--fdTree_Item_Level_Spacing:0rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"2\"]{--fdTree_Item_Level_Spacing:.25rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"3\"]{--fdTree_Item_Level_Spacing:.5rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"4\"]{--fdTree_Item_Level_Spacing:.75rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"5\"]{--fdTree_Item_Level_Spacing:1rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"6\"]{--fdTree_Item_Level_Spacing:1.25rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"7\"]{--fdTree_Item_Level_Spacing:1.5rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"8\"]{--fdTree_Item_Level_Spacing:1.75rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"9\"]{--fdTree_Item_Level_Spacing:2rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"10\"]{--fdTree_Item_Level_Spacing:2.25rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"11\"]{--fdTree_Item_Level_Spacing:2.5rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"12\"]{--fdTree_Item_Level_Spacing:2.75rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"1\"]{--fdTree_Item_Level_Spacing:0rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"2\"]{--fdTree_Item_Level_Spacing:.25rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"3\"]{--fdTree_Item_Level_Spacing:.5rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"4\"]{--fdTree_Item_Level_Spacing:.75rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"5\"]{--fdTree_Item_Level_Spacing:1rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"6\"]{--fdTree_Item_Level_Spacing:1.25rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"7\"]{--fdTree_Item_Level_Spacing:1.5rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"8\"]{--fdTree_Item_Level_Spacing:1.75rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"9\"]{--fdTree_Item_Level_Spacing:2rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"10\"]{--fdTree_Item_Level_Spacing:2.25rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"11\"]{--fdTree_Item_Level_Spacing:2.5rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"12\"]{--fdTree_Item_Level_Spacing:2.75rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"1\"]{--fdTree_Item_Level_Spacing:0rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"2\"]{--fdTree_Item_Level_Spacing:.25rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"3\"]{--fdTree_Item_Level_Spacing:.5rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"4\"]{--fdTree_Item_Level_Spacing:.75rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"5\"]{--fdTree_Item_Level_Spacing:1rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"6\"]{--fdTree_Item_Level_Spacing:1.25rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"7\"]{--fdTree_Item_Level_Spacing:1.5rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"8\"]{--fdTree_Item_Level_Spacing:1.75rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"9\"]{--fdTree_Item_Level_Spacing:2rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"10\"]{--fdTree_Item_Level_Spacing:2.25rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"11\"]{--fdTree_Item_Level_Spacing:2.5rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"12\"]{--fdTree_Item_Level_Spacing:2.75rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"1\"]{--fdTree_Item_Level_Spacing:0rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"2\"]{--fdTree_Item_Level_Spacing:.25rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"3\"]{--fdTree_Item_Level_Spacing:.5rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"4\"]{--fdTree_Item_Level_Spacing:.75rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"5\"]{--fdTree_Item_Level_Spacing:1rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"6\"]{--fdTree_Item_Level_Spacing:1.25rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"7\"]{--fdTree_Item_Level_Spacing:1.5rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"8\"]{--fdTree_Item_Level_Spacing:1.75rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"9\"]{--fdTree_Item_Level_Spacing:2rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"10\"]{--fdTree_Item_Level_Spacing:2.25rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"11\"]{--fdTree_Item_Level_Spacing:2.5rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"12\"]{--fdTree_Item_Level_Spacing:2.75rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"1\"]{--fdTree_Item_Level_Spacing:0rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"2\"]{--fdTree_Item_Level_Spacing:.25rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"3\"]{--fdTree_Item_Level_Spacing:.5rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"4\"]{--fdTree_Item_Level_Spacing:.75rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"5\"]{--fdTree_Item_Level_Spacing:1rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"6\"]{--fdTree_Item_Level_Spacing:1.25rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"7\"]{--fdTree_Item_Level_Spacing:1.5rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"8\"]{--fdTree_Item_Level_Spacing:1.75rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"9\"]{--fdTree_Item_Level_Spacing:2rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"10\"]{--fdTree_Item_Level_Spacing:2.25rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"11\"]{--fdTree_Item_Level_Spacing:2.5rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"12\"]{--fdTree_Item_Level_Spacing:2.75rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"1\"]{--fdTree_Item_Level_Spacing:0rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"2\"]{--fdTree_Item_Level_Spacing:.25rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"3\"]{--fdTree_Item_Level_Spacing:.5rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"4\"]{--fdTree_Item_Level_Spacing:.75rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"5\"]{--fdTree_Item_Level_Spacing:1rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"6\"]{--fdTree_Item_Level_Spacing:1.25rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"7\"]{--fdTree_Item_Level_Spacing:1.5rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"8\"]{--fdTree_Item_Level_Spacing:1.75rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"9\"]{--fdTree_Item_Level_Spacing:2rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"10\"]{--fdTree_Item_Level_Spacing:2.25rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"11\"]{--fdTree_Item_Level_Spacing:2.5rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"12\"]{--fdTree_Item_Level_Spacing:2.75rem}.fd-tree .fd-tree__item-container .fd-form-item:first-child label,.fd-tree .fd-tree__item-container .fd-tree__expander+.fd-form-item label{margin-block:0;margin-inline:0}.fd-tree .fd-tree__expander+.fd-tree__content{-webkit-margin-start:0;margin-inline-start:0}.fd-tree:after,.fd-tree:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tree[aria-hidden=true]{display:none}.fd-tree__item{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-tree__item:after,.fd-tree__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container{background:var(--sapList_Background);border-bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor)}.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-selected,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container[aria-selected=true]{background:var(--sapList_SelectionBackgroundColor);border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active{cursor:pointer;position:relative}.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:hover{--fdList_Item_Background_Color:var(--sapList_Hover_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor)}.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-selected,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active.is-hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active.is-selected,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active.is-selected.is-hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active.is-selected:hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active:hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active[aria-selected=true],.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active[aria-selected=true].is-hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active[aria-selected=true]:hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active.is-hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active.is-selected,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active.is-selected.is-hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active.is-selected:hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active:hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active[aria-selected=true],.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active[aria-selected=true].is-hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Active_Background);--fdList_Item_Text_Color:var(--sapList_Active_TextColor);--fdList_Item_Border_Color:var(--sapList_Active_Background)}.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-focus,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:focus{outline:none;pointer-events:all}.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-focus:before,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);content:\"\";display:block;inset:.125rem .125rem .0625rem;pointer-events:none;position:absolute}.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-focus.is-active:before,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-focus:active:before,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:focus.is-active:before,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:focus:active:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdList_Active_Outline_Color)}.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active .fd-button,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active .fd-tree__icon [class*=sap-icon],.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active .fd-tree__icon[class*=sap-icon],.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active .fd-tree__text,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active .fd-button,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active .fd-tree__icon [class*=sap-icon],.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active .fd-tree__icon[class*=sap-icon],.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active .fd-tree__text{color:var(--sapList_Active_TextColor)}.fd-tree__item-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--sapList_AlternatingBackground);border-bottom:var(--sapList_BorderWidth) solid transparent;min-height:var(--fdTree_Item_Height);position:relative;width:100%;-webkit-padding-end:1rem;padding-inline-end:1rem}.fd-tree__item-container:after,.fd-tree__item-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tree__item-container.is-selected,.fd-tree__item-container[aria-selected=true]{background:var(--sapList_SelectionBackgroundColor);border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-tree__item-container.is-navigated{-webkit-box-shadow:inset -.1875rem 0 0 0 var(--sapSelectedColor);box-shadow:inset -.1875rem 0 0 0 var(--sapSelectedColor)}.fd-tree__item-container.is-navigated[dir=rtl],[dir=rtl] .fd-tree__item-container.is-navigated{-webkit-box-shadow:inset .1875rem 0 0 0 var(--sapSelectedColor);box-shadow:inset .1875rem 0 0 0 var(--sapSelectedColor)}.fd-tree__item-container.is-focus,.fd-tree__item-container:focus{outline:none;pointer-events:all}.fd-tree__item-container.is-focus:before,.fd-tree__item-container:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);content:\"\";display:block;inset:.125rem .125rem .0625rem;pointer-events:none;position:absolute}.fd-tree__item-container.is-focus.is-active:before,.fd-tree__item-container.is-focus:active:before,.fd-tree__item-container:focus.is-active:before,.fd-tree__item-container:focus:active:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdList_Active_Outline_Color)}.fd-tree__item-container--active{cursor:pointer;position:relative}.fd-tree__item-container--active.is-hover,.fd-tree__item-container--active:hover{--fdList_Item_Background_Color:var(--sapList_Hover_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor)}.fd-tree__item-container--active.is-selected,.fd-tree__item-container--active[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-tree__item-container--active.is-active,.fd-tree__item-container--active.is-active.is-hover,.fd-tree__item-container--active.is-active.is-selected,.fd-tree__item-container--active.is-active.is-selected.is-hover,.fd-tree__item-container--active.is-active.is-selected:hover,.fd-tree__item-container--active.is-active:hover,.fd-tree__item-container--active.is-active[aria-selected=true],.fd-tree__item-container--active.is-active[aria-selected=true].is-hover,.fd-tree__item-container--active.is-active[aria-selected=true]:hover,.fd-tree__item-container--active:active,.fd-tree__item-container--active:active.is-hover,.fd-tree__item-container--active:active.is-selected,.fd-tree__item-container--active:active.is-selected.is-hover,.fd-tree__item-container--active:active.is-selected:hover,.fd-tree__item-container--active:active:hover,.fd-tree__item-container--active:active[aria-selected=true],.fd-tree__item-container--active:active[aria-selected=true].is-hover,.fd-tree__item-container--active:active[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Active_Background);--fdList_Item_Text_Color:var(--sapList_Active_TextColor);--fdList_Item_Border_Color:var(--sapList_Active_Background)}.fd-tree__item-container--active.is-focus,.fd-tree__item-container--active:focus{outline:none;pointer-events:all}.fd-tree__item-container--active.is-focus:before,.fd-tree__item-container--active:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);content:\"\";display:block;inset:.125rem .125rem .0625rem;pointer-events:none;position:absolute}.fd-tree__item-container--active.is-focus.is-active:before,.fd-tree__item-container--active.is-focus:active:before,.fd-tree__item-container--active:focus.is-active:before,.fd-tree__item-container--active:focus:active:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdList_Active_Outline_Color)}.fd-tree__item-container--active.is-active .fd-button,.fd-tree__item-container--active.is-active .fd-tree__icon [class*=sap-icon],.fd-tree__item-container--active.is-active .fd-tree__icon[class*=sap-icon],.fd-tree__item-container--active.is-active .fd-tree__text,.fd-tree__item-container--active:active .fd-button,.fd-tree__item-container--active:active .fd-tree__icon [class*=sap-icon],.fd-tree__item-container--active:active .fd-tree__icon[class*=sap-icon],.fd-tree__item-container--active:active .fd-tree__text{color:var(--sapList_Active_TextColor)}.fd-tree__button{-webkit-margin-start:var(--fdTree_Button_Spacing);margin-inline-start:var(--fdTree_Button_Spacing)}.fd-tree__expander{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-image:none;background:transparent;border:0;border-radius:var(--sapButton_BorderCornerRadius);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapButton_IconColor);cursor:pointer;display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;min-height:var(--fdTree_Expander_Size);min-width:var(--fdTree_Expander_Size);outline:0;padding-block:0;padding-inline:0;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.fd-tree__expander:after,.fd-tree__expander:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tree__expander::-moz-focus-inner{border:0}.fd-tree__expander.is-focus,.fd-tree__expander:focus{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:var(--fdButton_Outline_Offset);z-index:5}.fd-tree__expander .fd-tree__icon{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-tree__expander .fd-tree__icon:after,.fd-tree__expander .fd-tree__icon:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tree__expander .fd-tree__icon [class*=sap-icon],.fd-tree__expander .fd-tree__icon[class*=sap-icon]{color:var(--sapButton_IconColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:var(--fdTree_Expander_Icon_Font_Size);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-tree__expander[dir=rtl] .fd-tree__icon,[dir=rtl] .fd-tree__expander .fd-tree__icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fd-tree__expander.is-expanded,.fd-tree__expander[aria-expanded=true]{border-bottom:none}.fd-tree__expander.is-expanded[dir=rtl] .fd-tree__icon,.fd-tree__expander[aria-expanded=true][dir=rtl] .fd-tree__icon,[dir=rtl] .fd-tree__expander.is-expanded .fd-tree__icon,[dir=rtl] .fd-tree__expander[aria-expanded=true] .fd-tree__icon{-webkit-transform:rotate(0);transform:rotate(0)}.fd-tree__content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--fdTree_Item_Height);text-decoration:none;width:100%}.fd-tree__content:after,.fd-tree__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tree__content--wrap,.fd-tree__content--wrap .fd-tree__text{overflow:visible;text-overflow:clip;white-space:normal}.fd-tree__content--wrap .fd-tree__text{line-height:var(--fdTree_Item_Wrap_Text_Line_Height)}.fd-tree__icon{line-height:var(--fdTree_Expander_Size);min-height:var(--fdTree_Expander_Size);min-width:var(--fdTree_Expander_Size)}.fd-tree__icon,.fd-tree__icon [class*=sap-icon],.fd-tree__icon[class*=sap-icon]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-tree__icon [class*=sap-icon],.fd-tree__icon[class*=sap-icon]{color:var(--sapContent_NonInteractiveIconColor);font-size:1.125rem}.fd-tree__icon--navigation [class*=sap-icon],.fd-tree__icon--navigation[class*=sap-icon]{font-size:.75rem;min-width:2.5rem}.fd-tree__icon--navigation:last-child{-webkit-margin-end:-1rem;margin-inline-end:-1rem}.fd-tree__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdTree_Item_Font_Size);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:var(--fdTree_Item_Height);margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;width:100%}.fd-tree__text:after,.fd-tree__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tree--no-border .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container{border-bottom:var(--sapList_BorderWidth) solid transparent}.fd-tree--no-border .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-selected,.fd-tree--no-border .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container{cursor:pointer;position:relative}.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:hover{--fdList_Item_Background_Color:var(--sapList_Hover_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor)}.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-selected,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active.is-hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active.is-selected,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active.is-selected.is-hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active.is-selected:hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active:hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active[aria-selected=true],.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active[aria-selected=true].is-hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active[aria-selected=true]:hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active.is-hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active.is-selected,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active.is-selected.is-hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active.is-selected:hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active:hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active[aria-selected=true],.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active[aria-selected=true].is-hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Active_Background);--fdList_Item_Text_Color:var(--sapList_Active_TextColor);--fdList_Item_Border_Color:var(--sapList_Active_Background)}.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-focus,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:focus{outline:none;pointer-events:all}.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-focus:before,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);content:\"\";display:block;inset:.125rem .125rem .0625rem;pointer-events:none;position:absolute}.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-focus.is-active:before,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-focus:active:before,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:focus.is-active:before,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:focus:active:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdList_Active_Outline_Color)}.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active .fd-button,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active .fd-tree__icon [class*=sap-icon],.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active .fd-tree__icon[class*=sap-icon],.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active .fd-tree__text,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active .fd-button,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active .fd-tree__icon [class*=sap-icon],.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active .fd-tree__icon[class*=sap-icon],.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active .fd-tree__text{color:var(--sapList_Active_TextColor)}.fd-tree--active .fd-tree__item-container{cursor:pointer;position:relative}.fd-tree--active .fd-tree__item-container.is-hover,.fd-tree--active .fd-tree__item-container:hover{--fdList_Item_Background_Color:var(--sapList_Hover_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor)}.fd-tree--active .fd-tree__item-container.is-selected,.fd-tree--active .fd-tree__item-container[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-tree--active .fd-tree__item-container.is-active,.fd-tree--active .fd-tree__item-container.is-active.is-hover,.fd-tree--active .fd-tree__item-container.is-active.is-selected,.fd-tree--active .fd-tree__item-container.is-active.is-selected.is-hover,.fd-tree--active .fd-tree__item-container.is-active.is-selected:hover,.fd-tree--active .fd-tree__item-container.is-active:hover,.fd-tree--active .fd-tree__item-container.is-active[aria-selected=true],.fd-tree--active .fd-tree__item-container.is-active[aria-selected=true].is-hover,.fd-tree--active .fd-tree__item-container.is-active[aria-selected=true]:hover,.fd-tree--active .fd-tree__item-container:active,.fd-tree--active .fd-tree__item-container:active.is-hover,.fd-tree--active .fd-tree__item-container:active.is-selected,.fd-tree--active .fd-tree__item-container:active.is-selected.is-hover,.fd-tree--active .fd-tree__item-container:active.is-selected:hover,.fd-tree--active .fd-tree__item-container:active:hover,.fd-tree--active .fd-tree__item-container:active[aria-selected=true],.fd-tree--active .fd-tree__item-container:active[aria-selected=true].is-hover,.fd-tree--active .fd-tree__item-container:active[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Active_Background);--fdList_Item_Text_Color:var(--sapList_Active_TextColor);--fdList_Item_Border_Color:var(--sapList_Active_Background)}.fd-tree--active .fd-tree__item-container.is-focus,.fd-tree--active .fd-tree__item-container:focus{outline:none;pointer-events:all}.fd-tree--active .fd-tree__item-container.is-focus:before,.fd-tree--active .fd-tree__item-container:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);content:\"\";display:block;inset:.125rem .125rem .0625rem;pointer-events:none;position:absolute}.fd-tree--active .fd-tree__item-container.is-focus.is-active:before,.fd-tree--active .fd-tree__item-container.is-focus:active:before,.fd-tree--active .fd-tree__item-container:focus.is-active:before,.fd-tree--active .fd-tree__item-container:focus:active:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdList_Active_Outline_Color)}.fd-tree--active .fd-tree__item-container.is-active .fd-button,.fd-tree--active .fd-tree__item-container.is-active .fd-tree__icon [class*=sap-icon],.fd-tree--active .fd-tree__item-container.is-active .fd-tree__icon[class*=sap-icon],.fd-tree--active .fd-tree__item-container.is-active .fd-tree__text,.fd-tree--active .fd-tree__item-container:active .fd-button,.fd-tree--active .fd-tree__item-container:active .fd-tree__icon [class*=sap-icon],.fd-tree--active .fd-tree__item-container:active .fd-tree__icon[class*=sap-icon],.fd-tree--active .fd-tree__item-container:active .fd-tree__text{color:var(--sapList_Active_TextColor)}.fd-tree--no-data .fd-tree__text{text-align:center}.fd-tree{display:block}.fd-tree__expander--loading{display:flex;align-items:center;justify-content:center}[dir=rtl] .fd-tree__expander:not(.is-expanded),.fd-tree__expander:not(.is-expanded)[dir=rtl]{transform:rotate(180deg)}[dir=rtl] .fd-tree__icon--navigation,.fd-tree__icon--navigation[dir=rtl]{transform:rotate(180deg)}\n/*! Bundled license information:\n\nfundamental-styles/dist/tree.css:\n (*!\n * Fundamental Library Styles v0.40.1\n * Copyright (c) 2025 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"] }]
601
+ ], imports: [NgTemplateOutlet, SkeletonComponent, TreeItemDirective, SelectableItemDirective, FdTranslatePipe], template: "<ng-template #dataSourceRenderer>\n <ng-template\n [ngTemplateOutlet]=\"!_initialDataLoaded ? loadingRenderer : dataLoadedTpl\"\n [ngTemplateOutletContext]=\"{ $implicit: 1 }\"\n ></ng-template>\n <ng-template #loadingRenderer let-level>\n @for (_ of loadingRange; track $index) {\n <div role=\"treeitem\" [attr.aria-level]=\"level\" class=\"fd-tree__item\">\n <div class=\"fd-tree__item-container\">\n <div class=\"fd-tree__content\">\n <span class=\"fd-tree__text\">\n <fd-skeleton type=\"text\" width=\"100px\" textLines=\"1\"></fd-skeleton>\n </span>\n </div>\n </div>\n </div>\n }\n </ng-template>\n <ng-template #dataLoadedTpl>\n @if (_items.length > 0 && treeItemDef) {\n @for (item of _items; track _trackFn($index, item)) {\n <ng-template\n [ngTemplateOutlet]=\"renderer\"\n [ngTemplateOutletContext]=\"{ $implicit: item }\"\n ></ng-template>\n }\n } @else {\n <div role=\"treeitem\" aria-level=\"1\" class=\"fd-tree__item\">\n <div class=\"fd-tree__item-container\">\n <div class=\"fd-tree__content\">\n <span class=\"fd-tree__text\">{{ 'coreTree.noData' | fdTranslate }}</span>\n </div>\n </div>\n </div>\n }\n </ng-template>\n <ng-template #renderer let-item>\n <ng-container fdTreeItem fdkSelectableItem #treeItemDirective=\"fdTreeItem\">\n <ng-template\n [ngTemplateOutlet]=\"item.renderer\"\n [ngTemplateOutletContext]=\"{ $implicit: item }\"\n [ngTemplateOutletInjector]=\"treeItemDirective.injector\"\n ></ng-template>\n </ng-container>\n @if (\n treeItemDirective.treeItem?.hasDsChildren &&\n !!treeItemDirective.treeItem?.expanded &&\n !treeItemDirective.treeItem?.childrenLoaded\n ) {\n <ng-template\n [ngTemplateOutlet]=\"loadingRenderer\"\n [ngTemplateOutletContext]=\"{ $implicit: item.level + 1 }\"\n ></ng-template>\n }\n @if (treeItemDirective.treeItem?.children; as childItems) {\n @if (childItems && childItems.length > 0 && !!treeItemDirective?.treeItem?.expanded) {\n <div class=\"fd-tree\">\n @for (child of childItems; track _trackFn($index, child)) {\n <ng-template\n [ngTemplateOutlet]=\"renderer\"\n [ngTemplateOutletContext]=\"{ $implicit: child }\"\n ></ng-template>\n }\n </div>\n }\n }\n </ng-template>\n</ng-template>\n<ng-template #projectedContentRenderer>\n <ng-content select=\"fd-tree-item\"></ng-content>\n</ng-template>\n<ng-template [ngTemplateOutlet]=\"treeItemDef ? dataSourceRenderer : projectedContentRenderer\"></ng-template>\n", styles: [":root{--fdList_Item_Background_Color:var(--sapList_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor);--fdList_Item_Text_Font_Size:var(--sapFontLargeSize);--fdList_Item_Icon_Font_Size:1.125rem;--fdList_Item_Height:var(--sapElement_LineHeight);--fdList_Status_Text_Color:var(--sapNeutralTextColor);--fdList_Message_Background_Color:var(--sapNeutralBackground)}.fd-tree{--fdTree_Button_Spacing:var(--fdList_Button_Spacing);--fdTree_Expander_Size:2.75rem;--fdTree_Expander_Icon_Font_Size:var(--sapFontLargeSize);--fdTree_Item_Height:2.75rem;--fdTree_Item_Font_Size:var(--sapFontLargeSize);--fdTree_Item_Wrap_Text_Line_Height:1.4;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;list-style-type:none;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;width:100%}.fd-tree[class*=-compact],.fd-tree[class*=-condensed],[class*=-compact] .fd-tree:not([class*=-cozy]),[class*=-condensed] .fd-tree:not([class*=-cozy]){--fdTree_Expander_Size:2rem;--fdTree_Expander_Icon_Font_Size:var(--sapFontSmallSize);--fdTree_Item_Height:2rem;--fdTree_Item_Font_Size:var(--sapFontSize);--fdTree_Item_Wrap_Text_Line_Height:1.4}.fd-tree .has-highlight-indicator{--fdTree_Item_Highlight_Color:var(--sapInformationBorderColor);-webkit-box-shadow:inset .375rem 0 0 0 var(--fdTree_Item_Highlight_Color);box-shadow:inset .375rem 0 0 0 var(--fdTree_Item_Highlight_Color)}.fd-tree .has-highlight-indicator--error{--fdTree_Item_Highlight_Color:var(--sapErrorBorderColor)}.fd-tree .has-highlight-indicator--warning{--fdTree_Item_Highlight_Color:var(--sapWarningBorderColor)}.fd-tree .has-highlight-indicator--success{--fdTree_Item_Highlight_Color:var(--sapSuccessBorderColor)}.fd-tree .has-highlight-indicator[dir=rtl],[dir=rtl] .fd-tree .has-highlight-indicator{-webkit-box-shadow:inset -.375rem 0 0 0 var(--fdTree_Item_Highlight_Color);box-shadow:inset -.375rem 0 0 0 var(--fdTree_Item_Highlight_Color)}.fd-tree .has-highlight-indicator.is-navigated{-webkit-box-shadow:inset -.1875rem 0 0 0 var(--sapSelectedColor),inset .375rem 0 0 0 var(--fdTree_Item_Highlight_Color);box-shadow:inset -.1875rem 0 0 0 var(--sapSelectedColor),inset .375rem 0 0 0 var(--fdTree_Item_Highlight_Color)}.fd-tree .has-highlight-indicator.is-navigated[dir=rtl],[dir=rtl] .fd-tree .has-highlight-indicator.is-navigated{-webkit-box-shadow:inset .1875rem 0 0 0 var(--sapSelectedColor),inset -.375rem 0 0 0 var(--fdTree_Item_Highlight_Color);box-shadow:inset .1875rem 0 0 0 var(--sapSelectedColor),inset -.375rem 0 0 0 var(--fdTree_Item_Highlight_Color)}.fd-tree .fd-tree__item .fd-tree__item-container .fd-tree__expander{-webkit-margin-start:var(--fdTree_Item_Level_Spacing);margin-inline-start:var(--fdTree_Item_Level_Spacing)}.fd-tree .fd-tree__item .fd-tree__item-container .fd-form-item:first-child,.fd-tree .fd-tree__item .fd-tree__item-container .fd-tree__content{-webkit-margin-start:calc(var(--fdTree_Item_Level_Spacing, 0rem) + var(--fdTree_Expander_Size));margin-inline-start:calc(var(--fdTree_Item_Level_Spacing, 0rem) + var(--fdTree_Expander_Size))}.fd-tree .fd-tree__item .fd-tree__item-container .fd-form-item+.fd-tree__content,.fd-tree .fd-tree__item .fd-tree__item-container .fd-tree__expander+.fd-tree__content,.fd-tree.fd-tree--independent-multi-selection .fd-tree__item .fd-tree__item-container .fd-form-item:first-child{-webkit-margin-start:0;margin-inline-start:0}.fd-tree.fd-tree--independent-multi-selection .fd-tree__item .fd-tree__item-container .fd-form-item:first-child+.fd-tree__content{-webkit-margin-start:calc(var(--fdTree_Item_Level_Spacing, 0rem) + var(--fdTree_Expander_Size));margin-inline-start:calc(var(--fdTree_Item_Level_Spacing, 0rem) + var(--fdTree_Expander_Size))}.fd-tree.expanded-level-1 .fd-tree__item[aria-level=\"2\"]{--fdTree_Item_Level_Spacing:1.5rem}.fd-tree.expanded-level-2 .fd-tree__item[aria-level=\"2\"]{--fdTree_Item_Level_Spacing:1rem}.fd-tree.expanded-level-2 .fd-tree__item[aria-level=\"3\"]{--fdTree_Item_Level_Spacing:2.5rem}.fd-tree.expanded-level-3 .fd-tree__item[aria-level=\"2\"],.fd-tree.expanded-level-4 .fd-tree__item[aria-level=\"2\"],.fd-tree.expanded-level-5 .fd-tree__item[aria-level=\"2\"]{--fdTree_Item_Level_Spacing:.5rem}.fd-tree.expanded-level-3 .fd-tree__item[aria-level=\"3\"],.fd-tree.expanded-level-4 .fd-tree__item[aria-level=\"3\"],.fd-tree.expanded-level-5 .fd-tree__item[aria-level=\"3\"]{--fdTree_Item_Level_Spacing:1rem}.fd-tree.expanded-level-3 .fd-tree__item[aria-level=\"4\"],.fd-tree.expanded-level-4 .fd-tree__item[aria-level=\"4\"],.fd-tree.expanded-level-5 .fd-tree__item[aria-level=\"4\"]{--fdTree_Item_Level_Spacing:1.5rem}.fd-tree.expanded-level-3 .fd-tree__item[aria-level=\"5\"],.fd-tree.expanded-level-4 .fd-tree__item[aria-level=\"5\"],.fd-tree.expanded-level-5 .fd-tree__item[aria-level=\"5\"]{--fdTree_Item_Level_Spacing:2rem}.fd-tree.expanded-level-3 .fd-tree__item[aria-level=\"6\"],.fd-tree.expanded-level-4 .fd-tree__item[aria-level=\"6\"],.fd-tree.expanded-level-5 .fd-tree__item[aria-level=\"6\"]{--fdTree_Item_Level_Spacing:2.5rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"1\"]{--fdTree_Item_Level_Spacing:0rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"2\"]{--fdTree_Item_Level_Spacing:.25rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"3\"]{--fdTree_Item_Level_Spacing:.5rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"4\"]{--fdTree_Item_Level_Spacing:.75rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"5\"]{--fdTree_Item_Level_Spacing:1rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"6\"]{--fdTree_Item_Level_Spacing:1.25rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"7\"]{--fdTree_Item_Level_Spacing:1.5rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"8\"]{--fdTree_Item_Level_Spacing:1.75rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"9\"]{--fdTree_Item_Level_Spacing:2rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"10\"]{--fdTree_Item_Level_Spacing:2.25rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"11\"]{--fdTree_Item_Level_Spacing:2.5rem}.fd-tree.expanded-level-6 .fd-tree__item[aria-level=\"12\"]{--fdTree_Item_Level_Spacing:2.75rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"1\"]{--fdTree_Item_Level_Spacing:0rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"2\"]{--fdTree_Item_Level_Spacing:.25rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"3\"]{--fdTree_Item_Level_Spacing:.5rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"4\"]{--fdTree_Item_Level_Spacing:.75rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"5\"]{--fdTree_Item_Level_Spacing:1rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"6\"]{--fdTree_Item_Level_Spacing:1.25rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"7\"]{--fdTree_Item_Level_Spacing:1.5rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"8\"]{--fdTree_Item_Level_Spacing:1.75rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"9\"]{--fdTree_Item_Level_Spacing:2rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"10\"]{--fdTree_Item_Level_Spacing:2.25rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"11\"]{--fdTree_Item_Level_Spacing:2.5rem}.fd-tree.expanded-level-7 .fd-tree__item[aria-level=\"12\"]{--fdTree_Item_Level_Spacing:2.75rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"1\"]{--fdTree_Item_Level_Spacing:0rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"2\"]{--fdTree_Item_Level_Spacing:.25rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"3\"]{--fdTree_Item_Level_Spacing:.5rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"4\"]{--fdTree_Item_Level_Spacing:.75rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"5\"]{--fdTree_Item_Level_Spacing:1rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"6\"]{--fdTree_Item_Level_Spacing:1.25rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"7\"]{--fdTree_Item_Level_Spacing:1.5rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"8\"]{--fdTree_Item_Level_Spacing:1.75rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"9\"]{--fdTree_Item_Level_Spacing:2rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"10\"]{--fdTree_Item_Level_Spacing:2.25rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"11\"]{--fdTree_Item_Level_Spacing:2.5rem}.fd-tree.expanded-level-8 .fd-tree__item[aria-level=\"12\"]{--fdTree_Item_Level_Spacing:2.75rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"1\"]{--fdTree_Item_Level_Spacing:0rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"2\"]{--fdTree_Item_Level_Spacing:.25rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"3\"]{--fdTree_Item_Level_Spacing:.5rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"4\"]{--fdTree_Item_Level_Spacing:.75rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"5\"]{--fdTree_Item_Level_Spacing:1rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"6\"]{--fdTree_Item_Level_Spacing:1.25rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"7\"]{--fdTree_Item_Level_Spacing:1.5rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"8\"]{--fdTree_Item_Level_Spacing:1.75rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"9\"]{--fdTree_Item_Level_Spacing:2rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"10\"]{--fdTree_Item_Level_Spacing:2.25rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"11\"]{--fdTree_Item_Level_Spacing:2.5rem}.fd-tree.expanded-level-9 .fd-tree__item[aria-level=\"12\"]{--fdTree_Item_Level_Spacing:2.75rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"1\"]{--fdTree_Item_Level_Spacing:0rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"2\"]{--fdTree_Item_Level_Spacing:.25rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"3\"]{--fdTree_Item_Level_Spacing:.5rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"4\"]{--fdTree_Item_Level_Spacing:.75rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"5\"]{--fdTree_Item_Level_Spacing:1rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"6\"]{--fdTree_Item_Level_Spacing:1.25rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"7\"]{--fdTree_Item_Level_Spacing:1.5rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"8\"]{--fdTree_Item_Level_Spacing:1.75rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"9\"]{--fdTree_Item_Level_Spacing:2rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"10\"]{--fdTree_Item_Level_Spacing:2.25rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"11\"]{--fdTree_Item_Level_Spacing:2.5rem}.fd-tree.expanded-level-10 .fd-tree__item[aria-level=\"12\"]{--fdTree_Item_Level_Spacing:2.75rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"1\"]{--fdTree_Item_Level_Spacing:0rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"2\"]{--fdTree_Item_Level_Spacing:.25rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"3\"]{--fdTree_Item_Level_Spacing:.5rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"4\"]{--fdTree_Item_Level_Spacing:.75rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"5\"]{--fdTree_Item_Level_Spacing:1rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"6\"]{--fdTree_Item_Level_Spacing:1.25rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"7\"]{--fdTree_Item_Level_Spacing:1.5rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"8\"]{--fdTree_Item_Level_Spacing:1.75rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"9\"]{--fdTree_Item_Level_Spacing:2rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"10\"]{--fdTree_Item_Level_Spacing:2.25rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"11\"]{--fdTree_Item_Level_Spacing:2.5rem}.fd-tree.expanded-level-11 .fd-tree__item[aria-level=\"12\"]{--fdTree_Item_Level_Spacing:2.75rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"1\"]{--fdTree_Item_Level_Spacing:0rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"2\"]{--fdTree_Item_Level_Spacing:.25rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"3\"]{--fdTree_Item_Level_Spacing:.5rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"4\"]{--fdTree_Item_Level_Spacing:.75rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"5\"]{--fdTree_Item_Level_Spacing:1rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"6\"]{--fdTree_Item_Level_Spacing:1.25rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"7\"]{--fdTree_Item_Level_Spacing:1.5rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"8\"]{--fdTree_Item_Level_Spacing:1.75rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"9\"]{--fdTree_Item_Level_Spacing:2rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"10\"]{--fdTree_Item_Level_Spacing:2.25rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"11\"]{--fdTree_Item_Level_Spacing:2.5rem}.fd-tree.expanded-level-12 .fd-tree__item[aria-level=\"12\"]{--fdTree_Item_Level_Spacing:2.75rem}.fd-tree .fd-tree__item-container .fd-form-item:first-child label,.fd-tree .fd-tree__item-container .fd-tree__expander+.fd-form-item label{margin-block:0;margin-inline:0}.fd-tree .fd-tree__expander+.fd-tree__content{-webkit-margin-start:0;margin-inline-start:0}.fd-tree:after,.fd-tree:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tree[aria-hidden=true]{display:none}.fd-tree__item{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-tree__item:after,.fd-tree__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container{background:var(--sapList_Background);border-bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor)}.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-selected,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container[aria-selected=true]{background:var(--sapList_SelectionBackgroundColor);border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active{cursor:pointer;position:relative}.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:hover{--fdList_Item_Background_Color:var(--sapList_Hover_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor)}.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-selected,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active.is-hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active.is-selected,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active.is-selected.is-hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active.is-selected:hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active:hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active[aria-selected=true],.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active[aria-selected=true].is-hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active[aria-selected=true]:hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active.is-hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active.is-selected,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active.is-selected.is-hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active.is-selected:hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active:hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active[aria-selected=true],.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active[aria-selected=true].is-hover,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Active_Background);--fdList_Item_Text_Color:var(--sapList_Active_TextColor);--fdList_Item_Border_Color:var(--sapList_Active_Background)}.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-focus,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:focus{outline:none;pointer-events:all}.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-focus:before,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);content:\"\";display:block;inset:.125rem .125rem .0625rem;pointer-events:none;position:absolute}.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-focus.is-active:before,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-focus:active:before,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:focus.is-active:before,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:focus:active:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdList_Active_Outline_Color)}.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active .fd-button,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active .fd-tree__icon [class*=sap-icon],.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active .fd-tree__icon[class*=sap-icon],.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active.is-active .fd-tree__text,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active .fd-button,.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active .fd-tree__icon [class*=sap-icon],.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active .fd-tree__icon[class*=sap-icon],.fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container--active:active .fd-tree__text{color:var(--sapList_Active_TextColor)}.fd-tree__item-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--sapList_AlternatingBackground);border-bottom:var(--sapList_BorderWidth) solid transparent;min-height:var(--fdTree_Item_Height);position:relative;width:100%;-webkit-padding-end:1rem;padding-inline-end:1rem}.fd-tree__item-container:after,.fd-tree__item-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tree__item-container.is-selected,.fd-tree__item-container[aria-selected=true]{background:var(--sapList_SelectionBackgroundColor);border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-tree__item-container.is-navigated{-webkit-box-shadow:inset -.1875rem 0 0 0 var(--sapSelectedColor);box-shadow:inset -.1875rem 0 0 0 var(--sapSelectedColor)}.fd-tree__item-container.is-navigated[dir=rtl],[dir=rtl] .fd-tree__item-container.is-navigated{-webkit-box-shadow:inset .1875rem 0 0 0 var(--sapSelectedColor);box-shadow:inset .1875rem 0 0 0 var(--sapSelectedColor)}.fd-tree__item-container.is-focus,.fd-tree__item-container:focus{outline:none;pointer-events:all}.fd-tree__item-container.is-focus:before,.fd-tree__item-container:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);content:\"\";display:block;inset:.125rem .125rem .0625rem;pointer-events:none;position:absolute}.fd-tree__item-container.is-focus.is-active:before,.fd-tree__item-container.is-focus:active:before,.fd-tree__item-container:focus.is-active:before,.fd-tree__item-container:focus:active:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdList_Active_Outline_Color)}.fd-tree__item-container--active{cursor:pointer;position:relative}.fd-tree__item-container--active.is-hover,.fd-tree__item-container--active:hover{--fdList_Item_Background_Color:var(--sapList_Hover_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor)}.fd-tree__item-container--active.is-selected,.fd-tree__item-container--active[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-tree__item-container--active.is-active,.fd-tree__item-container--active.is-active.is-hover,.fd-tree__item-container--active.is-active.is-selected,.fd-tree__item-container--active.is-active.is-selected.is-hover,.fd-tree__item-container--active.is-active.is-selected:hover,.fd-tree__item-container--active.is-active:hover,.fd-tree__item-container--active.is-active[aria-selected=true],.fd-tree__item-container--active.is-active[aria-selected=true].is-hover,.fd-tree__item-container--active.is-active[aria-selected=true]:hover,.fd-tree__item-container--active:active,.fd-tree__item-container--active:active.is-hover,.fd-tree__item-container--active:active.is-selected,.fd-tree__item-container--active:active.is-selected.is-hover,.fd-tree__item-container--active:active.is-selected:hover,.fd-tree__item-container--active:active:hover,.fd-tree__item-container--active:active[aria-selected=true],.fd-tree__item-container--active:active[aria-selected=true].is-hover,.fd-tree__item-container--active:active[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Active_Background);--fdList_Item_Text_Color:var(--sapList_Active_TextColor);--fdList_Item_Border_Color:var(--sapList_Active_Background)}.fd-tree__item-container--active.is-focus,.fd-tree__item-container--active:focus{outline:none;pointer-events:all}.fd-tree__item-container--active.is-focus:before,.fd-tree__item-container--active:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);content:\"\";display:block;inset:.125rem .125rem .0625rem;pointer-events:none;position:absolute}.fd-tree__item-container--active.is-focus.is-active:before,.fd-tree__item-container--active.is-focus:active:before,.fd-tree__item-container--active:focus.is-active:before,.fd-tree__item-container--active:focus:active:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdList_Active_Outline_Color)}.fd-tree__item-container--active.is-active .fd-button,.fd-tree__item-container--active.is-active .fd-tree__icon [class*=sap-icon],.fd-tree__item-container--active.is-active .fd-tree__icon[class*=sap-icon],.fd-tree__item-container--active.is-active .fd-tree__text,.fd-tree__item-container--active:active .fd-button,.fd-tree__item-container--active:active .fd-tree__icon [class*=sap-icon],.fd-tree__item-container--active:active .fd-tree__icon[class*=sap-icon],.fd-tree__item-container--active:active .fd-tree__text{color:var(--sapList_Active_TextColor)}.fd-tree__button{-webkit-margin-start:var(--fdTree_Button_Spacing);margin-inline-start:var(--fdTree_Button_Spacing)}.fd-tree__expander{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-image:none;background:transparent;border:0;border-radius:var(--sapButton_BorderCornerRadius);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapButton_IconColor);cursor:pointer;display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;min-height:var(--fdTree_Expander_Size);min-width:var(--fdTree_Expander_Size);outline:0;padding-block:0;padding-inline:0;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.fd-tree__expander:after,.fd-tree__expander:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tree__expander::-moz-focus-inner{border:0}.fd-tree__expander.is-focus,.fd-tree__expander:focus{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:var(--fdButton_Outline_Offset);z-index:5}.fd-tree__expander .fd-tree__icon{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-tree__expander .fd-tree__icon:after,.fd-tree__expander .fd-tree__icon:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tree__expander .fd-tree__icon [class*=sap-icon],.fd-tree__expander .fd-tree__icon[class*=sap-icon]{color:var(--sapButton_IconColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:var(--fdTree_Expander_Icon_Font_Size);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-tree__expander[dir=rtl] .fd-tree__icon,[dir=rtl] .fd-tree__expander .fd-tree__icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fd-tree__expander.is-expanded,.fd-tree__expander[aria-expanded=true]{border-bottom:none}.fd-tree__expander.is-expanded[dir=rtl] .fd-tree__icon,.fd-tree__expander[aria-expanded=true][dir=rtl] .fd-tree__icon,[dir=rtl] .fd-tree__expander.is-expanded .fd-tree__icon,[dir=rtl] .fd-tree__expander[aria-expanded=true] .fd-tree__icon{-webkit-transform:rotate(0);transform:rotate(0)}.fd-tree__content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--fdTree_Item_Height);text-decoration:none;width:100%}.fd-tree__content:after,.fd-tree__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tree__content--wrap,.fd-tree__content--wrap .fd-tree__text{overflow:visible;text-overflow:clip;white-space:normal}.fd-tree__content--wrap .fd-tree__text{line-height:var(--fdTree_Item_Wrap_Text_Line_Height)}.fd-tree__icon{line-height:var(--fdTree_Expander_Size);min-height:var(--fdTree_Expander_Size);min-width:var(--fdTree_Expander_Size)}.fd-tree__icon,.fd-tree__icon [class*=sap-icon],.fd-tree__icon[class*=sap-icon]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-tree__icon [class*=sap-icon],.fd-tree__icon[class*=sap-icon]{color:var(--sapContent_NonInteractiveIconColor);font-size:1.125rem}.fd-tree__icon--navigation [class*=sap-icon],.fd-tree__icon--navigation[class*=sap-icon]{font-size:.75rem;min-width:2.5rem}.fd-tree__icon--navigation:last-child{-webkit-margin-end:-1rem;margin-inline-end:-1rem}.fd-tree__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdTree_Item_Font_Size);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:var(--fdTree_Item_Height);margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;width:100%}.fd-tree__text:after,.fd-tree__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tree--no-border .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container{border-bottom:var(--sapList_BorderWidth) solid transparent}.fd-tree--no-border .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-selected,.fd-tree--no-border .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container{cursor:pointer;position:relative}.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:hover{--fdList_Item_Background_Color:var(--sapList_Hover_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor)}.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-selected,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active.is-hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active.is-selected,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active.is-selected.is-hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active.is-selected:hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active:hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active[aria-selected=true],.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active[aria-selected=true].is-hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active[aria-selected=true]:hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active.is-hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active.is-selected,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active.is-selected.is-hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active.is-selected:hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active:hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active[aria-selected=true],.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active[aria-selected=true].is-hover,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Active_Background);--fdList_Item_Text_Color:var(--sapList_Active_TextColor);--fdList_Item_Border_Color:var(--sapList_Active_Background)}.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-focus,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:focus{outline:none;pointer-events:all}.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-focus:before,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);content:\"\";display:block;inset:.125rem .125rem .0625rem;pointer-events:none;position:absolute}.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-focus.is-active:before,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-focus:active:before,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:focus.is-active:before,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:focus:active:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdList_Active_Outline_Color)}.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active .fd-button,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active .fd-tree__icon [class*=sap-icon],.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active .fd-tree__icon[class*=sap-icon],.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container.is-active .fd-tree__text,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active .fd-button,.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active .fd-tree__icon [class*=sap-icon],.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active .fd-tree__icon[class*=sap-icon],.fd-tree--active .fd-tree__item[aria-level=\"1\"]>.fd-tree__item-container:active .fd-tree__text{color:var(--sapList_Active_TextColor)}.fd-tree--active .fd-tree__item-container{cursor:pointer;position:relative}.fd-tree--active .fd-tree__item-container.is-hover,.fd-tree--active .fd-tree__item-container:hover{--fdList_Item_Background_Color:var(--sapList_Hover_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor)}.fd-tree--active .fd-tree__item-container.is-selected,.fd-tree--active .fd-tree__item-container[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-tree--active .fd-tree__item-container.is-active,.fd-tree--active .fd-tree__item-container.is-active.is-hover,.fd-tree--active .fd-tree__item-container.is-active.is-selected,.fd-tree--active .fd-tree__item-container.is-active.is-selected.is-hover,.fd-tree--active .fd-tree__item-container.is-active.is-selected:hover,.fd-tree--active .fd-tree__item-container.is-active:hover,.fd-tree--active .fd-tree__item-container.is-active[aria-selected=true],.fd-tree--active .fd-tree__item-container.is-active[aria-selected=true].is-hover,.fd-tree--active .fd-tree__item-container.is-active[aria-selected=true]:hover,.fd-tree--active .fd-tree__item-container:active,.fd-tree--active .fd-tree__item-container:active.is-hover,.fd-tree--active .fd-tree__item-container:active.is-selected,.fd-tree--active .fd-tree__item-container:active.is-selected.is-hover,.fd-tree--active .fd-tree__item-container:active.is-selected:hover,.fd-tree--active .fd-tree__item-container:active:hover,.fd-tree--active .fd-tree__item-container:active[aria-selected=true],.fd-tree--active .fd-tree__item-container:active[aria-selected=true].is-hover,.fd-tree--active .fd-tree__item-container:active[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Active_Background);--fdList_Item_Text_Color:var(--sapList_Active_TextColor);--fdList_Item_Border_Color:var(--sapList_Active_Background)}.fd-tree--active .fd-tree__item-container.is-focus,.fd-tree--active .fd-tree__item-container:focus{outline:none;pointer-events:all}.fd-tree--active .fd-tree__item-container.is-focus:before,.fd-tree--active .fd-tree__item-container:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);content:\"\";display:block;inset:.125rem .125rem .0625rem;pointer-events:none;position:absolute}.fd-tree--active .fd-tree__item-container.is-focus.is-active:before,.fd-tree--active .fd-tree__item-container.is-focus:active:before,.fd-tree--active .fd-tree__item-container:focus.is-active:before,.fd-tree--active .fd-tree__item-container:focus:active:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdList_Active_Outline_Color)}.fd-tree--active .fd-tree__item-container.is-active .fd-button,.fd-tree--active .fd-tree__item-container.is-active .fd-tree__icon [class*=sap-icon],.fd-tree--active .fd-tree__item-container.is-active .fd-tree__icon[class*=sap-icon],.fd-tree--active .fd-tree__item-container.is-active .fd-tree__text,.fd-tree--active .fd-tree__item-container:active .fd-button,.fd-tree--active .fd-tree__item-container:active .fd-tree__icon [class*=sap-icon],.fd-tree--active .fd-tree__item-container:active .fd-tree__icon[class*=sap-icon],.fd-tree--active .fd-tree__item-container:active .fd-tree__text{color:var(--sapList_Active_TextColor)}.fd-tree--no-data .fd-tree__text{text-align:center}.fd-tree{display:block}.fd-tree__expander--loading{display:flex;align-items:center;justify-content:center}[dir=rtl] .fd-tree__expander:not(.is-expanded),.fd-tree__expander:not(.is-expanded)[dir=rtl]{transform:rotate(180deg)}[dir=rtl] .fd-tree__icon--navigation,.fd-tree__icon--navigation[dir=rtl]{transform:rotate(180deg)}\n/*! Bundled license information:\n\nfundamental-styles/dist/tree.css:\n (*!\n * Fundamental Library Styles v0.40.1\n * Copyright (c) 2025 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"] }]
602
602
  }], ctorParameters: () => [], propDecorators: { class: [{
603
603
  type: Input
604
604
  }], noBorder: [{
@@ -853,7 +853,7 @@ class TreeItemComponent extends BaseTreeItem {
853
853
  provide: BaseTreeItem,
854
854
  useExisting: TreeItemComponent
855
855
  }
856
- ], queries: [{ propertyName: "_projectedTreeItems", predicate: BaseTreeItem }], viewQueries: [{ propertyName: "itemContainer", first: true, predicate: ["itemContainer"], descendants: true, read: ElementRef }, { propertyName: "selectableListItem", first: true, predicate: SelectableItemDirective, descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i1.DataSourceDirective }], ngImport: i0, template: "<div\n class=\"fd-tree__item-container\"\n [attr.tabindex]=\"_containerTabIndex\"\n (fdkClicked)=\"_onClick($event)\"\n fdkSelectableItem\n (selected)=\"_setSelected($event)\"\n [value]=\"value\"\n [attr.aria-haspopup]=\"children.length > 0 || hasProjectedChildren\"\n [attr.aria-expanded]=\"expanded\"\n [attr.aria-setsize]=\"_setSize\"\n [attr.aria-posinset]=\"_currentPosition\"\n role=\"treeitem\"\n [attr.aria-level]=\"level\"\n [style.background-color]=\"backgroundColor()\"\n [ngStyle]=\"customStyles()\"\n #itemContainer\n [ngClass]=\"[\n state ? 'has-highlight-indicator has-highlight-indicator--' + state : '',\n navigatable ? 'fd-tree__item-container--active' : '',\n wrapContent ? 'fd-tree__content--wrap' : ''\n ]\"\n>\n @if (_treeService.selectionMode().placement === 'left') {\n <ng-template [ngTemplateOutlet]=\"selection\"></ng-template>\n }\n @if (hasChildren) {\n @if (hasDsChildren || hasProjectedChildren) {\n <span\n (click)=\"_toggleExpandState($event)\"\n class=\"fd-tree__expander\"\n aria-hidden=\"true\"\n role=\"presentation\"\n [attr.aria-label]=\"((expanded ? 'coreTree.collapse' : 'coreTree.expand') | fdTranslate)()\"\n [class.is-expanded]=\"expanded\"\n >\n <fd-icon\n class=\"fd-tree__icon\"\n [glyph]=\"expanded ? 'navigation-down-arrow' : 'navigation-right-arrow'\"\n ></fd-icon>\n </span>\n }\n @if (!_totalChildrenLoaded) {\n <div class=\"fd-tree__expander fd-tree__expander--loading\">\n <fd-skeleton type=\"rectangle\" width=\"1rem\" height=\"1rem\"></fd-skeleton>\n </div>\n }\n @if (_treeService.selectionMode().placement === 'afterExpand') {\n <ng-template [ngTemplateOutlet]=\"selection\"></ng-template>\n }\n }\n <div class=\"fd-tree__content\">\n <ng-content select=\"[fdTreeItemIcon]\"></ng-content>\n <ng-content select=\"[fdTreeItemText]\"></ng-content>\n </div>\n <ng-content select=\"[fdTreeItemButton]\"></ng-content>\n @if (_treeService.selectionMode().placement === 'right') {\n <ng-template [ngTemplateOutlet]=\"selection\"></ng-template>\n }\n @if (navigatable && _treeService.navigationIndicator()) {\n <fd-icon glyph=\"slim-arrow-right\" class=\"fd-tree__icon fd-tree__icon--navigation\"></fd-icon>\n }\n</div>\n@if (hasProjectedChildren && expanded) {\n <div class=\"fd-tree\">\n <ng-content select=\"fd-tree-item\"></ng-content>\n </div>\n}\n<ng-template #selection>\n <div class=\"fd-form-item\">\n @if (_treeService.selectionMode().mode === 'multiple') {\n <fd-checkbox\n [(ngModel)]=\"_selectionState\"\n [ngModelOptions]=\"{ standalone: true }\"\n [standalone]=\"true\"\n tabIndexValue=\"-1\"\n ></fd-checkbox>\n }\n @if (_treeService.selectionMode().mode === 'single') {\n <fd-radio-button\n [(ngModel)]=\"_selectionState\"\n [ngModelOptions]=\"{ standalone: true }\"\n [selectedValue]=\"_selectionState\"\n [value]=\"true\"\n tabIndex=\"-1\"\n [standalone]=\"true\"\n tabIndexValue=\"-1\"\n ></fd-radio-button>\n }\n </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: SelectableItemDirective, selector: "[fdkSelectableItem]", inputs: ["value", "fdkSelectableItem"], outputs: ["clicked", "selected"], exportAs: ["fdkSelectableItem"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: ClickedDirective, selector: "[fdkClicked]", outputs: ["fdkClicked"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"], outputs: ["ariaHiddenChange"] }, { kind: "component", type: SkeletonComponent, selector: "fd-skeleton", inputs: ["animated", "type", "textLines", "width", "height"] }, { kind: "component", type: CheckboxComponent, selector: "fd-checkbox", inputs: ["wrapLabel", "valignLabel", "ariaLabel", "role", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "readonly", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: RadioButtonComponent, selector: "fd-radio-button", inputs: ["ariaLabel", "ariaLabelledBy", "ariaDescribedBy", "title", "tabIndex", "state", "disabled", "readOnly", "selectedValue", "name", "id", "value", "required", "standalone", "wrapLabel", "valignLabel"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
856
+ ], queries: [{ propertyName: "_projectedTreeItems", predicate: BaseTreeItem }], viewQueries: [{ propertyName: "itemContainer", first: true, predicate: ["itemContainer"], descendants: true, read: ElementRef }, { propertyName: "selectableListItem", first: true, predicate: SelectableItemDirective, descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i1.DataSourceDirective }], ngImport: i0, template: "<div\n class=\"fd-tree__item-container\"\n [attr.tabindex]=\"_containerTabIndex\"\n (fdkClicked)=\"_onClick($event)\"\n fdkSelectableItem\n (selected)=\"_setSelected($event)\"\n [value]=\"value\"\n [attr.aria-haspopup]=\"children.length > 0 || hasProjectedChildren\"\n [attr.aria-expanded]=\"expanded\"\n [attr.aria-setsize]=\"_setSize\"\n [attr.aria-posinset]=\"_currentPosition\"\n role=\"treeitem\"\n [attr.aria-level]=\"level\"\n [style.background-color]=\"backgroundColor()\"\n [ngStyle]=\"customStyles()\"\n #itemContainer\n [ngClass]=\"[\n state ? 'has-highlight-indicator has-highlight-indicator--' + state : '',\n navigatable ? 'fd-tree__item-container--active' : '',\n wrapContent ? 'fd-tree__content--wrap' : ''\n ]\"\n>\n @if (_treeService.selectionMode().placement === 'left') {\n <ng-template [ngTemplateOutlet]=\"selection\"></ng-template>\n }\n @if (hasChildren) {\n @if (hasDsChildren || hasProjectedChildren) {\n <span\n (click)=\"_toggleExpandState($event)\"\n class=\"fd-tree__expander\"\n aria-hidden=\"true\"\n role=\"presentation\"\n [attr.aria-label]=\"(expanded ? 'coreTree.collapse' : 'coreTree.expand') | fdTranslate\"\n [class.is-expanded]=\"expanded\"\n >\n <fd-icon\n class=\"fd-tree__icon\"\n [glyph]=\"expanded ? 'navigation-down-arrow' : 'navigation-right-arrow'\"\n ></fd-icon>\n </span>\n }\n @if (!_totalChildrenLoaded) {\n <div class=\"fd-tree__expander fd-tree__expander--loading\">\n <fd-skeleton type=\"rectangle\" width=\"1rem\" height=\"1rem\"></fd-skeleton>\n </div>\n }\n @if (_treeService.selectionMode().placement === 'afterExpand') {\n <ng-template [ngTemplateOutlet]=\"selection\"></ng-template>\n }\n }\n <div class=\"fd-tree__content\">\n <ng-content select=\"[fdTreeItemIcon]\"></ng-content>\n <ng-content select=\"[fdTreeItemText]\"></ng-content>\n </div>\n <ng-content select=\"[fdTreeItemButton]\"></ng-content>\n @if (_treeService.selectionMode().placement === 'right') {\n <ng-template [ngTemplateOutlet]=\"selection\"></ng-template>\n }\n @if (navigatable && _treeService.navigationIndicator()) {\n <fd-icon glyph=\"slim-arrow-right\" class=\"fd-tree__icon fd-tree__icon--navigation\"></fd-icon>\n }\n</div>\n@if (hasProjectedChildren && expanded) {\n <div class=\"fd-tree\">\n <ng-content select=\"fd-tree-item\"></ng-content>\n </div>\n}\n<ng-template #selection>\n <div class=\"fd-form-item\">\n @if (_treeService.selectionMode().mode === 'multiple') {\n <fd-checkbox\n [(ngModel)]=\"_selectionState\"\n [ngModelOptions]=\"{ standalone: true }\"\n [standalone]=\"true\"\n tabIndexValue=\"-1\"\n ></fd-checkbox>\n }\n @if (_treeService.selectionMode().mode === 'single') {\n <fd-radio-button\n [(ngModel)]=\"_selectionState\"\n [ngModelOptions]=\"{ standalone: true }\"\n [selectedValue]=\"_selectionState\"\n [value]=\"true\"\n tabIndex=\"-1\"\n [standalone]=\"true\"\n tabIndexValue=\"-1\"\n ></fd-radio-button>\n }\n </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: SelectableItemDirective, selector: "[fdkSelectableItem]", inputs: ["value", "fdkSelectableItem"], outputs: ["clicked", "selected"], exportAs: ["fdkSelectableItem"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: ClickedDirective, selector: "[fdkClicked]", outputs: ["fdkClicked"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"], outputs: ["ariaHiddenChange"] }, { kind: "component", type: SkeletonComponent, selector: "fd-skeleton", inputs: ["animated", "type", "textLines", "width", "height"] }, { kind: "component", type: CheckboxComponent, selector: "fd-checkbox", inputs: ["wrapLabel", "valignLabel", "ariaLabel", "role", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "readonly", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: RadioButtonComponent, selector: "fd-radio-button", inputs: ["ariaLabel", "ariaLabelledBy", "ariaDescribedBy", "title", "tabIndex", "state", "disabled", "readOnly", "selectedValue", "name", "id", "value", "required", "standalone", "wrapLabel", "valignLabel"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
857
857
  }
858
858
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TreeItemComponent, decorators: [{
859
859
  type: Component,
@@ -881,7 +881,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
881
881
  FormsModule,
882
882
  RadioButtonComponent,
883
883
  FdTranslatePipe
884
- ], template: "<div\n class=\"fd-tree__item-container\"\n [attr.tabindex]=\"_containerTabIndex\"\n (fdkClicked)=\"_onClick($event)\"\n fdkSelectableItem\n (selected)=\"_setSelected($event)\"\n [value]=\"value\"\n [attr.aria-haspopup]=\"children.length > 0 || hasProjectedChildren\"\n [attr.aria-expanded]=\"expanded\"\n [attr.aria-setsize]=\"_setSize\"\n [attr.aria-posinset]=\"_currentPosition\"\n role=\"treeitem\"\n [attr.aria-level]=\"level\"\n [style.background-color]=\"backgroundColor()\"\n [ngStyle]=\"customStyles()\"\n #itemContainer\n [ngClass]=\"[\n state ? 'has-highlight-indicator has-highlight-indicator--' + state : '',\n navigatable ? 'fd-tree__item-container--active' : '',\n wrapContent ? 'fd-tree__content--wrap' : ''\n ]\"\n>\n @if (_treeService.selectionMode().placement === 'left') {\n <ng-template [ngTemplateOutlet]=\"selection\"></ng-template>\n }\n @if (hasChildren) {\n @if (hasDsChildren || hasProjectedChildren) {\n <span\n (click)=\"_toggleExpandState($event)\"\n class=\"fd-tree__expander\"\n aria-hidden=\"true\"\n role=\"presentation\"\n [attr.aria-label]=\"((expanded ? 'coreTree.collapse' : 'coreTree.expand') | fdTranslate)()\"\n [class.is-expanded]=\"expanded\"\n >\n <fd-icon\n class=\"fd-tree__icon\"\n [glyph]=\"expanded ? 'navigation-down-arrow' : 'navigation-right-arrow'\"\n ></fd-icon>\n </span>\n }\n @if (!_totalChildrenLoaded) {\n <div class=\"fd-tree__expander fd-tree__expander--loading\">\n <fd-skeleton type=\"rectangle\" width=\"1rem\" height=\"1rem\"></fd-skeleton>\n </div>\n }\n @if (_treeService.selectionMode().placement === 'afterExpand') {\n <ng-template [ngTemplateOutlet]=\"selection\"></ng-template>\n }\n }\n <div class=\"fd-tree__content\">\n <ng-content select=\"[fdTreeItemIcon]\"></ng-content>\n <ng-content select=\"[fdTreeItemText]\"></ng-content>\n </div>\n <ng-content select=\"[fdTreeItemButton]\"></ng-content>\n @if (_treeService.selectionMode().placement === 'right') {\n <ng-template [ngTemplateOutlet]=\"selection\"></ng-template>\n }\n @if (navigatable && _treeService.navigationIndicator()) {\n <fd-icon glyph=\"slim-arrow-right\" class=\"fd-tree__icon fd-tree__icon--navigation\"></fd-icon>\n }\n</div>\n@if (hasProjectedChildren && expanded) {\n <div class=\"fd-tree\">\n <ng-content select=\"fd-tree-item\"></ng-content>\n </div>\n}\n<ng-template #selection>\n <div class=\"fd-form-item\">\n @if (_treeService.selectionMode().mode === 'multiple') {\n <fd-checkbox\n [(ngModel)]=\"_selectionState\"\n [ngModelOptions]=\"{ standalone: true }\"\n [standalone]=\"true\"\n tabIndexValue=\"-1\"\n ></fd-checkbox>\n }\n @if (_treeService.selectionMode().mode === 'single') {\n <fd-radio-button\n [(ngModel)]=\"_selectionState\"\n [ngModelOptions]=\"{ standalone: true }\"\n [selectedValue]=\"_selectionState\"\n [value]=\"true\"\n tabIndex=\"-1\"\n [standalone]=\"true\"\n tabIndexValue=\"-1\"\n ></fd-radio-button>\n }\n </div>\n</ng-template>\n" }]
884
+ ], template: "<div\n class=\"fd-tree__item-container\"\n [attr.tabindex]=\"_containerTabIndex\"\n (fdkClicked)=\"_onClick($event)\"\n fdkSelectableItem\n (selected)=\"_setSelected($event)\"\n [value]=\"value\"\n [attr.aria-haspopup]=\"children.length > 0 || hasProjectedChildren\"\n [attr.aria-expanded]=\"expanded\"\n [attr.aria-setsize]=\"_setSize\"\n [attr.aria-posinset]=\"_currentPosition\"\n role=\"treeitem\"\n [attr.aria-level]=\"level\"\n [style.background-color]=\"backgroundColor()\"\n [ngStyle]=\"customStyles()\"\n #itemContainer\n [ngClass]=\"[\n state ? 'has-highlight-indicator has-highlight-indicator--' + state : '',\n navigatable ? 'fd-tree__item-container--active' : '',\n wrapContent ? 'fd-tree__content--wrap' : ''\n ]\"\n>\n @if (_treeService.selectionMode().placement === 'left') {\n <ng-template [ngTemplateOutlet]=\"selection\"></ng-template>\n }\n @if (hasChildren) {\n @if (hasDsChildren || hasProjectedChildren) {\n <span\n (click)=\"_toggleExpandState($event)\"\n class=\"fd-tree__expander\"\n aria-hidden=\"true\"\n role=\"presentation\"\n [attr.aria-label]=\"(expanded ? 'coreTree.collapse' : 'coreTree.expand') | fdTranslate\"\n [class.is-expanded]=\"expanded\"\n >\n <fd-icon\n class=\"fd-tree__icon\"\n [glyph]=\"expanded ? 'navigation-down-arrow' : 'navigation-right-arrow'\"\n ></fd-icon>\n </span>\n }\n @if (!_totalChildrenLoaded) {\n <div class=\"fd-tree__expander fd-tree__expander--loading\">\n <fd-skeleton type=\"rectangle\" width=\"1rem\" height=\"1rem\"></fd-skeleton>\n </div>\n }\n @if (_treeService.selectionMode().placement === 'afterExpand') {\n <ng-template [ngTemplateOutlet]=\"selection\"></ng-template>\n }\n }\n <div class=\"fd-tree__content\">\n <ng-content select=\"[fdTreeItemIcon]\"></ng-content>\n <ng-content select=\"[fdTreeItemText]\"></ng-content>\n </div>\n <ng-content select=\"[fdTreeItemButton]\"></ng-content>\n @if (_treeService.selectionMode().placement === 'right') {\n <ng-template [ngTemplateOutlet]=\"selection\"></ng-template>\n }\n @if (navigatable && _treeService.navigationIndicator()) {\n <fd-icon glyph=\"slim-arrow-right\" class=\"fd-tree__icon fd-tree__icon--navigation\"></fd-icon>\n }\n</div>\n@if (hasProjectedChildren && expanded) {\n <div class=\"fd-tree\">\n <ng-content select=\"fd-tree-item\"></ng-content>\n </div>\n}\n<ng-template #selection>\n <div class=\"fd-form-item\">\n @if (_treeService.selectionMode().mode === 'multiple') {\n <fd-checkbox\n [(ngModel)]=\"_selectionState\"\n [ngModelOptions]=\"{ standalone: true }\"\n [standalone]=\"true\"\n tabIndexValue=\"-1\"\n ></fd-checkbox>\n }\n @if (_treeService.selectionMode().mode === 'single') {\n <fd-radio-button\n [(ngModel)]=\"_selectionState\"\n [ngModelOptions]=\"{ standalone: true }\"\n [selectedValue]=\"_selectionState\"\n [value]=\"true\"\n tabIndex=\"-1\"\n [standalone]=\"true\"\n tabIndexValue=\"-1\"\n ></fd-radio-button>\n }\n </div>\n</ng-template>\n" }]
885
885
  }], ctorParameters: () => [], propDecorators: { value: [{
886
886
  type: Input
887
887
  }], id: [{