@fundamental-ngx/btp 0.46.2-rc.2 → 0.46.2-rc.21

package/esm2022/navigation-menu/lib/navigation-menu.component.mjs

@@ -2,12 +2,12 @@ import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/
 import * as i0 from "@angular/core";
 export class NavigationMenuComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NavigationMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: NavigationMenuComponent, isStandalone: true, selector: "fdb-navigation-menu, ul[fdb-navigation-menu]", host: { classAttribute: "fd-navigation-menu" }, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, styles: ["@charset \"UTF-8\";/*!\n * Fundamental Library Styles v0.30.2\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-navigation-menu{-webkit-box-sizing:border-box;--fdNavigationMenu_Item_Background:var(--fdNavigationMenu_Item_Border_Color_Normal);--fdNavigationMenu_Item_Border_Color:var(--fdNavigationMenu_Item_Border_Color_Normal);--fdNavigationMenu_Item_Border_Bottom_Color:var(--fdNavigationMenu_Item_Border_Bottom_Color_Normal);--fdNavigationMenu_Item_Min_Height:2.5rem;--fdNavigationMenu_Item_Padding_Right:.5rem;--fdNavigationMenu_Item_Spacing:.4375rem;--fdNavigationMenu_Item_Selection_Indicator_Size:.5rem;--fdNavigationMenu_Item_Child_Indicator_Size:.75rem;--fdNavigationMenu_Item_Text_Color:inherit;--fdNavigationMenu_Item_Font_Weight:bold;--fdNavigationMenu_Item_Font_Size:var(--sapFontSize);--fdNavigationMenu_Item_Has_Child_Indicator_Icon:\"\\e1ed\";--fdNavigationMenu_Item_Has_Link_Indicator_Icon:\"\\e04c\";--fdNavigationMenu_Selection_Indicator_Offset_Right:var(--fdNavigationMenu_Item_Spacing);background:var(--sapGroup_ContentBackground);border:0;border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);list-style-type:none;margin:0;padding:.5rem}.fd-navigation-menu:after,.fd-navigation-menu:before{box-sizing:inherit;font-size:inherit}.fd-navigation-menu__item{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:var(--fdNavigationMenu_Item_Transition);align-items:center;background:var(--fdNavigationMenu_Item_Background);border:0;border:.0625rem solid var(--fdNavigationMenu_Item_Border_Color);border-bottom:.0625rem solid var(--fdNavigationMenu_Item_Border_Color);border-bottom-color:var(--fdNavigationMenu_Item_Border_Bottom_Color);border-radius:var(--fdNavigationMenu_Item_Border_Radius);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:var(--fdNavigationMenu_Item_Spacing);line-height:var(--sapContent_LineHeight);margin:0;min-height:var(--fdNavigationMenu_Item_Min_Height);padding:.5rem 0 .5rem .5rem;padding-right:var(--fdNavigationMenu_Item_Padding_Right);position:relative;transition:var(--fdNavigationMenu_Item_Transition);width:100%}.fd-navigation-menu__item:after,.fd-navigation-menu__item:before{box-sizing:inherit;font-size:inherit}.fd-navigation-menu__item[dir=rtl],[dir=rtl] .fd-navigation-menu__item{padding-left:var(--fdNavigationMenu_Item_Padding_Right);padding-right:.5rem}.fd-navigation-menu__item.is-hover,.fd-navigation-menu__item:hover{--fdNavigationMenu_Item_Background:var(--sapMenu_Hover_Background);--fdNavigationMenu_Item_Border_Color:var(--fdNavigationMenu_Item_Border_Color_Hover);--fdNavigationMenu_Item_Border_Bottom_Color:var(--fdNavigationMenu_Item_Border_Color_Hover)}.fd-navigation-menu__item.is-active,.fd-navigation-menu__item.is-active.is-focus,.fd-navigation-menu__item.is-active:focus,.fd-navigation-menu__item:active,.fd-navigation-menu__item:active.is-focus,.fd-navigation-menu__item:active:focus{--fdNavigationMenu_Item_Background:var(--sapMenu_Active_Background);--fdNavigationMenu_Item_Border_Color:var(--fdNavigationMenu_Item_Border_Color_Active);--fdNavigationMenu_Item_Border_Bottom_Color:var(--fdNavigationMenu_Item_Border_Color_Active)}.fd-navigation-menu__item.is-active.is-focus,.fd-navigation-menu__item.is-active:focus,.fd-navigation-menu__item:active.is-focus,.fd-navigation-menu__item:active:focus{outline:none;z-index:5}.fd-navigation-menu__item.is-selected,.fd-navigation-menu__item[aria-selected=true]{--fdNavigationMenu_Item_Background:var(--sapMenu_Selected_Background);--fdNavigationMenu_Item_Border_Color:var(--fdNavigationMenu_Item_Border_Color_Selected);--fdNavigationMenu_Item_Border_Bottom_Color:var(--fdNavigationMenu_Item_Border_Color_Selected);--fdNavigationMenu_Item_Padding_Right:calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Selection_Indicator_Size))}.fd-navigation-menu__item.is-selected:after,.fd-navigation-menu__item[aria-selected=true]:after{-webkit-transform:translateY(-50%);background:var(--sapList_SelectionBorderColor);border-radius:100%;content:\"\";height:var(--fdNavigationMenu_Item_Selection_Indicator_Size);max-height:var(--fdNavigationMenu_Item_Selection_Indicator_Size);max-width:var(--fdNavigationMenu_Item_Selection_Indicator_Size);min-height:var(--fdNavigationMenu_Item_Selection_Indicator_Size);min-width:var(--fdNavigationMenu_Item_Selection_Indicator_Size);position:absolute;right:var(--fdNavigationMenu_Selection_Indicator_Offset_Right);top:50%;transform:translateY(-50%);width:var(--fdNavigationMenu_Item_Selection_Indicator_Size)}[dir=rtl] .fd-navigation-menu__item.is-selected:after,[dir=rtl] .fd-navigation-menu__item[aria-selected=true]:after{left:var(--fdNavigationMenu_Selection_Indicator_Offset_Right);right:auto}.fd-navigation-menu__item.is-focus,.fd-navigation-menu__item:focus{--fdNavigationMenu_Item_Background:var(--sapMenu_Background);--fdNavigationMenu_Item_Border_Color:transparent;--fdNavigationMenu_Item_Border_Bottom_Color:transparent;outline:var(--sapContent_FocusStyle) var(--sapContent_FocusWidth) var(--sapContent_FocusColor);z-index:5}.fd-navigation-menu__item.is-disabled,.fd-navigation-menu__item:disabled,.fd-navigation-menu__item[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-navigation-menu__item[class*=-compact],[class*=-compact] .fd-navigation-menu__item:not([class*=-cozy]){--fdNavigationMenu_Item_Min_Height:2rem}.fd-navigation-menu__item--has-children{--fdNavigationMenu_Item_Padding_Right:calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Child_Indicator_Size))}.fd-navigation-menu__item--has-children:before{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-transform:translateY(-50%);align-items:center;content:var(--fdNavigationMenu_Item_Has_Child_Indicator_Icon);display:flex;font-family:SAP-icons;font-size:.75rem;height:.75rem;justify-content:center;max-height:.75rem;max-width:.75rem;min-height:.75rem;min-width:.75rem;position:absolute;right:var(--fdNavigationMenu_Item_Spacing);top:50%;transform:translateY(-50%);width:.75rem}[dir=rtl] .fd-navigation-menu__item--has-children:before{left:var(--fdNavigationMenu_Item_Spacing);right:auto}.fd-navigation-menu__item--has-children.is-expanded,.fd-navigation-menu__item--has-children[aria-expanded=true]{--fdNavigationMenu_Item_Has_Child_Indicator_Icon:\"\\e1ef\"}.fd-navigation-menu__item--has-children[dir=rtl],[dir=rtl] .fd-navigation-menu__item--has-children{--fdNavigationMenu_Item_Has_Child_Indicator_Icon:\"\\e1ee\"}.fd-navigation-menu__item--has-children.is-selected,.fd-navigation-menu__item--has-children[aria-selected=true]{--fdNavigationMenu_Item_Padding_Right:calc(var(--fdNavigationMenu_Item_Spacing)*3 + var(--fdNavigationMenu_Item_Selection_Indicator_Size) + var(--fdNavigationMenu_Item_Child_Indicator_Size));--fdNavigationMenu_Selection_Indicator_Offset_Right:calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Child_Indicator_Size))}.fd-navigation-menu__item--has-link-indicator{--fdNavigationMenu_Item_Padding_Right:calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Child_Indicator_Size))}.fd-navigation-menu__item--has-link-indicator:before{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-transform:translateY(-50%);align-items:center;color:var(--sapContent_LabelColor);content:var(--fdNavigationMenu_Item_Has_Link_Indicator_Icon);display:flex;font-family:SAP-icons;font-size:.75rem;height:.75rem;justify-content:center;max-height:.75rem;max-width:.75rem;min-height:.75rem;min-width:.75rem;position:absolute;right:var(--fdNavigationMenu_Item_Spacing);top:50%;transform:translateY(-50%);width:.75rem}[dir=rtl] .fd-navigation-menu__item--has-link-indicator:before{left:var(--fdNavigationMenu_Item_Spacing);right:auto}.fd-navigation-menu__item--has-link-indicator[dir=rtl],[dir=rtl] .fd-navigation-menu__item--has-link-indicator{--fdNavigationMenu_Item_Has_Link_Indicator_Icon:\"\\e04d\"}.fd-navigation-menu__item--has-link-indicator.is-selected,.fd-navigation-menu__item--has-link-indicator[aria-selected=true]{--fdNavigationMenu_Item_Padding_Right:calc(var(--fdNavigationMenu_Item_Spacing)*3 + var(--fdNavigationMenu_Item_Selection_Indicator_Size) + var(--fdNavigationMenu_Item_Child_Indicator_Size));--fdNavigationMenu_Selection_Indicator_Offset_Right:calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Child_Indicator_Size))}.fd-navigation-menu__item--child{--fdNavigationMenu_Item_Spacing:.5rem;--fdNavigationMenu_Item_Font_Weight:normal}.fd-navigation-menu__item--group{--fdNavigationMenu_Item_Spacing:.4375rem;--fdNavigationMenu_Item_Text_Color:var(--sapContent_LabelColor);--fdNavigationMenu_Item_Font_Weight:semibold;--fdNavigationMenu_Item_Font_Size:var(--sapFontSmallSize)}.fd-navigation-menu__icon{height:1rem;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem}.fd-navigation-menu__icon [class*=sap-icon],.fd-navigation-menu__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;color:inherit;display:flex;font-size:1rem;justify-content:center}.fd-navigation-menu__text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdNavigationMenu_Item_Text_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdNavigationMenu_Item_Font_Size);font-weight:400;font-weight:var(--fdNavigationMenu_Item_Font_Weight);forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;vertical-align:baseline;white-space:nowrap}.fd-navigation-menu__text:after,.fd-navigation-menu__text:before{box-sizing:inherit;font-size:inherit}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: NavigationMenuComponent, isStandalone: true, selector: "fdb-navigation-menu, ul[fdb-navigation-menu]", host: { classAttribute: "fd-navigation-menu" }, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, styles: ["@charset \"UTF-8\";/*!\n * Fundamental Library Styles v0.31.0\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-navigation-menu{-webkit-box-sizing:border-box;--fdNavigationMenu_Item_Background:var(--fdNavigationMenu_Item_Border_Color_Normal);--fdNavigationMenu_Item_Border_Color:var(--fdNavigationMenu_Item_Border_Color_Normal);--fdNavigationMenu_Item_Border_Bottom_Color:var(--fdNavigationMenu_Item_Border_Bottom_Color_Normal);--fdNavigationMenu_Item_Min_Height:2.5rem;--fdNavigationMenu_Item_Padding_Right:.5rem;--fdNavigationMenu_Item_Spacing:.4375rem;--fdNavigationMenu_Item_Selection_Indicator_Size:.5rem;--fdNavigationMenu_Item_Child_Indicator_Size:.75rem;--fdNavigationMenu_Item_Text_Color:inherit;--fdNavigationMenu_Item_Font_Weight:bold;--fdNavigationMenu_Item_Font_Size:var(--sapFontSize);--fdNavigationMenu_Item_Has_Child_Indicator_Icon:\"\\e1ed\";--fdNavigationMenu_Item_Has_Link_Indicator_Icon:\"\\e04c\";--fdNavigationMenu_Selection_Indicator_Offset_Right:var(--fdNavigationMenu_Item_Spacing);background:var(--sapGroup_ContentBackground);border:0;border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);list-style-type:none;margin:0;padding:.5rem}.fd-navigation-menu:after,.fd-navigation-menu:before{box-sizing:inherit;font-size:inherit}.fd-navigation-menu__item{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:var(--fdNavigationMenu_Item_Transition);align-items:center;background:var(--fdNavigationMenu_Item_Background);border:0;border:.0625rem solid var(--fdNavigationMenu_Item_Border_Color);border-bottom:.0625rem solid var(--fdNavigationMenu_Item_Border_Color);border-bottom-color:var(--fdNavigationMenu_Item_Border_Bottom_Color);border-radius:var(--fdNavigationMenu_Item_Border_Radius);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:var(--fdNavigationMenu_Item_Spacing);line-height:var(--sapContent_LineHeight);margin:0;min-height:var(--fdNavigationMenu_Item_Min_Height);padding:.5rem 0 .5rem .5rem;padding-right:var(--fdNavigationMenu_Item_Padding_Right);position:relative;transition:var(--fdNavigationMenu_Item_Transition);width:100%}.fd-navigation-menu__item:after,.fd-navigation-menu__item:before{box-sizing:inherit;font-size:inherit}.fd-navigation-menu__item[dir=rtl],[dir=rtl] .fd-navigation-menu__item{padding-left:var(--fdNavigationMenu_Item_Padding_Right);padding-right:.5rem}.fd-navigation-menu__item.is-hover,.fd-navigation-menu__item:hover{--fdNavigationMenu_Item_Background:var(--sapMenu_Hover_Background);--fdNavigationMenu_Item_Border_Color:var(--fdNavigationMenu_Item_Border_Color_Hover);--fdNavigationMenu_Item_Border_Bottom_Color:var(--fdNavigationMenu_Item_Border_Color_Hover)}.fd-navigation-menu__item.is-active,.fd-navigation-menu__item.is-active.is-focus,.fd-navigation-menu__item.is-active:focus,.fd-navigation-menu__item:active,.fd-navigation-menu__item:active.is-focus,.fd-navigation-menu__item:active:focus{--fdNavigationMenu_Item_Background:var(--sapMenu_Active_Background);--fdNavigationMenu_Item_Border_Color:var(--fdNavigationMenu_Item_Border_Color_Active);--fdNavigationMenu_Item_Border_Bottom_Color:var(--fdNavigationMenu_Item_Border_Color_Active)}.fd-navigation-menu__item.is-active.is-focus,.fd-navigation-menu__item.is-active:focus,.fd-navigation-menu__item:active.is-focus,.fd-navigation-menu__item:active:focus{outline:none;z-index:5}.fd-navigation-menu__item.is-selected,.fd-navigation-menu__item[aria-selected=true]{--fdNavigationMenu_Item_Background:var(--sapMenu_Selected_Background);--fdNavigationMenu_Item_Border_Color:var(--fdNavigationMenu_Item_Border_Color_Selected);--fdNavigationMenu_Item_Border_Bottom_Color:var(--fdNavigationMenu_Item_Border_Color_Selected);--fdNavigationMenu_Item_Padding_Right:calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Selection_Indicator_Size))}.fd-navigation-menu__item.is-selected:after,.fd-navigation-menu__item[aria-selected=true]:after{-webkit-transform:translateY(-50%);background:var(--sapList_SelectionBorderColor);border-radius:100%;content:\"\";height:var(--fdNavigationMenu_Item_Selection_Indicator_Size);max-height:var(--fdNavigationMenu_Item_Selection_Indicator_Size);max-width:var(--fdNavigationMenu_Item_Selection_Indicator_Size);min-height:var(--fdNavigationMenu_Item_Selection_Indicator_Size);min-width:var(--fdNavigationMenu_Item_Selection_Indicator_Size);position:absolute;right:var(--fdNavigationMenu_Selection_Indicator_Offset_Right);top:50%;transform:translateY(-50%);width:var(--fdNavigationMenu_Item_Selection_Indicator_Size)}[dir=rtl] .fd-navigation-menu__item.is-selected:after,[dir=rtl] .fd-navigation-menu__item[aria-selected=true]:after{left:var(--fdNavigationMenu_Selection_Indicator_Offset_Right);right:auto}.fd-navigation-menu__item.is-focus,.fd-navigation-menu__item:focus{--fdNavigationMenu_Item_Background:var(--sapMenu_Background);--fdNavigationMenu_Item_Border_Color:transparent;--fdNavigationMenu_Item_Border_Bottom_Color:transparent;outline:var(--sapContent_FocusStyle) var(--sapContent_FocusWidth) var(--sapContent_FocusColor);z-index:5}.fd-navigation-menu__item.is-disabled,.fd-navigation-menu__item:disabled,.fd-navigation-menu__item[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-navigation-menu__item[class*=-compact],[class*=-compact] .fd-navigation-menu__item:not([class*=-cozy]){--fdNavigationMenu_Item_Min_Height:2rem}.fd-navigation-menu__item--has-children{--fdNavigationMenu_Item_Padding_Right:calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Child_Indicator_Size))}.fd-navigation-menu__item--has-children:before{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-transform:translateY(-50%);align-items:center;content:var(--fdNavigationMenu_Item_Has_Child_Indicator_Icon);display:flex;font-family:SAP-icons;font-size:.75rem;height:.75rem;justify-content:center;max-height:.75rem;max-width:.75rem;min-height:.75rem;min-width:.75rem;position:absolute;right:var(--fdNavigationMenu_Item_Spacing);top:50%;transform:translateY(-50%);width:.75rem}[dir=rtl] .fd-navigation-menu__item--has-children:before{left:var(--fdNavigationMenu_Item_Spacing);right:auto}.fd-navigation-menu__item--has-children.is-expanded,.fd-navigation-menu__item--has-children[aria-expanded=true]{--fdNavigationMenu_Item_Has_Child_Indicator_Icon:\"\\e1ef\"}.fd-navigation-menu__item--has-children[dir=rtl],[dir=rtl] .fd-navigation-menu__item--has-children{--fdNavigationMenu_Item_Has_Child_Indicator_Icon:\"\\e1ee\"}.fd-navigation-menu__item--has-children.is-selected,.fd-navigation-menu__item--has-children[aria-selected=true]{--fdNavigationMenu_Item_Padding_Right:calc(var(--fdNavigationMenu_Item_Spacing)*3 + var(--fdNavigationMenu_Item_Selection_Indicator_Size) + var(--fdNavigationMenu_Item_Child_Indicator_Size));--fdNavigationMenu_Selection_Indicator_Offset_Right:calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Child_Indicator_Size))}.fd-navigation-menu__item--has-link-indicator{--fdNavigationMenu_Item_Padding_Right:calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Child_Indicator_Size))}.fd-navigation-menu__item--has-link-indicator:before{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-transform:translateY(-50%);align-items:center;color:var(--sapContent_LabelColor);content:var(--fdNavigationMenu_Item_Has_Link_Indicator_Icon);display:flex;font-family:SAP-icons;font-size:.75rem;height:.75rem;justify-content:center;max-height:.75rem;max-width:.75rem;min-height:.75rem;min-width:.75rem;position:absolute;right:var(--fdNavigationMenu_Item_Spacing);top:50%;transform:translateY(-50%);width:.75rem}[dir=rtl] .fd-navigation-menu__item--has-link-indicator:before{left:var(--fdNavigationMenu_Item_Spacing);right:auto}.fd-navigation-menu__item--has-link-indicator[dir=rtl],[dir=rtl] .fd-navigation-menu__item--has-link-indicator{--fdNavigationMenu_Item_Has_Link_Indicator_Icon:\"\\e04d\"}.fd-navigation-menu__item--has-link-indicator.is-selected,.fd-navigation-menu__item--has-link-indicator[aria-selected=true]{--fdNavigationMenu_Item_Padding_Right:calc(var(--fdNavigationMenu_Item_Spacing)*3 + var(--fdNavigationMenu_Item_Selection_Indicator_Size) + var(--fdNavigationMenu_Item_Child_Indicator_Size));--fdNavigationMenu_Selection_Indicator_Offset_Right:calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Child_Indicator_Size))}.fd-navigation-menu__item--child{--fdNavigationMenu_Item_Spacing:.5rem;--fdNavigationMenu_Item_Font_Weight:normal}.fd-navigation-menu__item--group{--fdNavigationMenu_Item_Spacing:.4375rem;--fdNavigationMenu_Item_Text_Color:var(--sapContent_LabelColor);--fdNavigationMenu_Item_Font_Weight:semibold;--fdNavigationMenu_Item_Font_Size:var(--sapFontSmallSize)}.fd-navigation-menu__icon{height:1rem;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem}.fd-navigation-menu__icon [class*=sap-icon],.fd-navigation-menu__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;color:inherit;display:flex;font-size:1rem;justify-content:center}.fd-navigation-menu__text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdNavigationMenu_Item_Text_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdNavigationMenu_Item_Font_Size);font-weight:400;font-weight:var(--fdNavigationMenu_Item_Font_Weight);forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;vertical-align:baseline;white-space:nowrap}.fd-navigation-menu__text:after,.fd-navigation-menu__text:before{box-sizing:inherit;font-size:inherit}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NavigationMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdb-navigation-menu, ul[fdb-navigation-menu]', template: ` <ng-content></ng-content> `, standalone: true, encapsulation: ViewEncapsulation.None, host: {
                         class: 'fd-navigation-menu'
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@charset \"UTF-8\";/*!\n * Fundamental Library Styles v0.30.2\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-navigation-menu{-webkit-box-sizing:border-box;--fdNavigationMenu_Item_Background:var(--fdNavigationMenu_Item_Border_Color_Normal);--fdNavigationMenu_Item_Border_Color:var(--fdNavigationMenu_Item_Border_Color_Normal);--fdNavigationMenu_Item_Border_Bottom_Color:var(--fdNavigationMenu_Item_Border_Bottom_Color_Normal);--fdNavigationMenu_Item_Min_Height:2.5rem;--fdNavigationMenu_Item_Padding_Right:.5rem;--fdNavigationMenu_Item_Spacing:.4375rem;--fdNavigationMenu_Item_Selection_Indicator_Size:.5rem;--fdNavigationMenu_Item_Child_Indicator_Size:.75rem;--fdNavigationMenu_Item_Text_Color:inherit;--fdNavigationMenu_Item_Font_Weight:bold;--fdNavigationMenu_Item_Font_Size:var(--sapFontSize);--fdNavigationMenu_Item_Has_Child_Indicator_Icon:\"\\e1ed\";--fdNavigationMenu_Item_Has_Link_Indicator_Icon:\"\\e04c\";--fdNavigationMenu_Selection_Indicator_Offset_Right:var(--fdNavigationMenu_Item_Spacing);background:var(--sapGroup_ContentBackground);border:0;border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);list-style-type:none;margin:0;padding:.5rem}.fd-navigation-menu:after,.fd-navigation-menu:before{box-sizing:inherit;font-size:inherit}.fd-navigation-menu__item{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:var(--fdNavigationMenu_Item_Transition);align-items:center;background:var(--fdNavigationMenu_Item_Background);border:0;border:.0625rem solid var(--fdNavigationMenu_Item_Border_Color);border-bottom:.0625rem solid var(--fdNavigationMenu_Item_Border_Color);border-bottom-color:var(--fdNavigationMenu_Item_Border_Bottom_Color);border-radius:var(--fdNavigationMenu_Item_Border_Radius);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:var(--fdNavigationMenu_Item_Spacing);line-height:var(--sapContent_LineHeight);margin:0;min-height:var(--fdNavigationMenu_Item_Min_Height);padding:.5rem 0 .5rem .5rem;padding-right:var(--fdNavigationMenu_Item_Padding_Right);position:relative;transition:var(--fdNavigationMenu_Item_Transition);width:100%}.fd-navigation-menu__item:after,.fd-navigation-menu__item:before{box-sizing:inherit;font-size:inherit}.fd-navigation-menu__item[dir=rtl],[dir=rtl] .fd-navigation-menu__item{padding-left:var(--fdNavigationMenu_Item_Padding_Right);padding-right:.5rem}.fd-navigation-menu__item.is-hover,.fd-navigation-menu__item:hover{--fdNavigationMenu_Item_Background:var(--sapMenu_Hover_Background);--fdNavigationMenu_Item_Border_Color:var(--fdNavigationMenu_Item_Border_Color_Hover);--fdNavigationMenu_Item_Border_Bottom_Color:var(--fdNavigationMenu_Item_Border_Color_Hover)}.fd-navigation-menu__item.is-active,.fd-navigation-menu__item.is-active.is-focus,.fd-navigation-menu__item.is-active:focus,.fd-navigation-menu__item:active,.fd-navigation-menu__item:active.is-focus,.fd-navigation-menu__item:active:focus{--fdNavigationMenu_Item_Background:var(--sapMenu_Active_Background);--fdNavigationMenu_Item_Border_Color:var(--fdNavigationMenu_Item_Border_Color_Active);--fdNavigationMenu_Item_Border_Bottom_Color:var(--fdNavigationMenu_Item_Border_Color_Active)}.fd-navigation-menu__item.is-active.is-focus,.fd-navigation-menu__item.is-active:focus,.fd-navigation-menu__item:active.is-focus,.fd-navigation-menu__item:active:focus{outline:none;z-index:5}.fd-navigation-menu__item.is-selected,.fd-navigation-menu__item[aria-selected=true]{--fdNavigationMenu_Item_Background:var(--sapMenu_Selected_Background);--fdNavigationMenu_Item_Border_Color:var(--fdNavigationMenu_Item_Border_Color_Selected);--fdNavigationMenu_Item_Border_Bottom_Color:var(--fdNavigationMenu_Item_Border_Color_Selected);--fdNavigationMenu_Item_Padding_Right:calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Selection_Indicator_Size))}.fd-navigation-menu__item.is-selected:after,.fd-navigation-menu__item[aria-selected=true]:after{-webkit-transform:translateY(-50%);background:var(--sapList_SelectionBorderColor);border-radius:100%;content:\"\";height:var(--fdNavigationMenu_Item_Selection_Indicator_Size);max-height:var(--fdNavigationMenu_Item_Selection_Indicator_Size);max-width:var(--fdNavigationMenu_Item_Selection_Indicator_Size);min-height:var(--fdNavigationMenu_Item_Selection_Indicator_Size);min-width:var(--fdNavigationMenu_Item_Selection_Indicator_Size);position:absolute;right:var(--fdNavigationMenu_Selection_Indicator_Offset_Right);top:50%;transform:translateY(-50%);width:var(--fdNavigationMenu_Item_Selection_Indicator_Size)}[dir=rtl] .fd-navigation-menu__item.is-selected:after,[dir=rtl] .fd-navigation-menu__item[aria-selected=true]:after{left:var(--fdNavigationMenu_Selection_Indicator_Offset_Right);right:auto}.fd-navigation-menu__item.is-focus,.fd-navigation-menu__item:focus{--fdNavigationMenu_Item_Background:var(--sapMenu_Background);--fdNavigationMenu_Item_Border_Color:transparent;--fdNavigationMenu_Item_Border_Bottom_Color:transparent;outline:var(--sapContent_FocusStyle) var(--sapContent_FocusWidth) var(--sapContent_FocusColor);z-index:5}.fd-navigation-menu__item.is-disabled,.fd-navigation-menu__item:disabled,.fd-navigation-menu__item[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-navigation-menu__item[class*=-compact],[class*=-compact] .fd-navigation-menu__item:not([class*=-cozy]){--fdNavigationMenu_Item_Min_Height:2rem}.fd-navigation-menu__item--has-children{--fdNavigationMenu_Item_Padding_Right:calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Child_Indicator_Size))}.fd-navigation-menu__item--has-children:before{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-transform:translateY(-50%);align-items:center;content:var(--fdNavigationMenu_Item_Has_Child_Indicator_Icon);display:flex;font-family:SAP-icons;font-size:.75rem;height:.75rem;justify-content:center;max-height:.75rem;max-width:.75rem;min-height:.75rem;min-width:.75rem;position:absolute;right:var(--fdNavigationMenu_Item_Spacing);top:50%;transform:translateY(-50%);width:.75rem}[dir=rtl] .fd-navigation-menu__item--has-children:before{left:var(--fdNavigationMenu_Item_Spacing);right:auto}.fd-navigation-menu__item--has-children.is-expanded,.fd-navigation-menu__item--has-children[aria-expanded=true]{--fdNavigationMenu_Item_Has_Child_Indicator_Icon:\"\\e1ef\"}.fd-navigation-menu__item--has-children[dir=rtl],[dir=rtl] .fd-navigation-menu__item--has-children{--fdNavigationMenu_Item_Has_Child_Indicator_Icon:\"\\e1ee\"}.fd-navigation-menu__item--has-children.is-selected,.fd-navigation-menu__item--has-children[aria-selected=true]{--fdNavigationMenu_Item_Padding_Right:calc(var(--fdNavigationMenu_Item_Spacing)*3 + var(--fdNavigationMenu_Item_Selection_Indicator_Size) + var(--fdNavigationMenu_Item_Child_Indicator_Size));--fdNavigationMenu_Selection_Indicator_Offset_Right:calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Child_Indicator_Size))}.fd-navigation-menu__item--has-link-indicator{--fdNavigationMenu_Item_Padding_Right:calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Child_Indicator_Size))}.fd-navigation-menu__item--has-link-indicator:before{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-transform:translateY(-50%);align-items:center;color:var(--sapContent_LabelColor);content:var(--fdNavigationMenu_Item_Has_Link_Indicator_Icon);display:flex;font-family:SAP-icons;font-size:.75rem;height:.75rem;justify-content:center;max-height:.75rem;max-width:.75rem;min-height:.75rem;min-width:.75rem;position:absolute;right:var(--fdNavigationMenu_Item_Spacing);top:50%;transform:translateY(-50%);width:.75rem}[dir=rtl] .fd-navigation-menu__item--has-link-indicator:before{left:var(--fdNavigationMenu_Item_Spacing);right:auto}.fd-navigation-menu__item--has-link-indicator[dir=rtl],[dir=rtl] .fd-navigation-menu__item--has-link-indicator{--fdNavigationMenu_Item_Has_Link_Indicator_Icon:\"\\e04d\"}.fd-navigation-menu__item--has-link-indicator.is-selected,.fd-navigation-menu__item--has-link-indicator[aria-selected=true]{--fdNavigationMenu_Item_Padding_Right:calc(var(--fdNavigationMenu_Item_Spacing)*3 + var(--fdNavigationMenu_Item_Selection_Indicator_Size) + var(--fdNavigationMenu_Item_Child_Indicator_Size));--fdNavigationMenu_Selection_Indicator_Offset_Right:calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Child_Indicator_Size))}.fd-navigation-menu__item--child{--fdNavigationMenu_Item_Spacing:.5rem;--fdNavigationMenu_Item_Font_Weight:normal}.fd-navigation-menu__item--group{--fdNavigationMenu_Item_Spacing:.4375rem;--fdNavigationMenu_Item_Text_Color:var(--sapContent_LabelColor);--fdNavigationMenu_Item_Font_Weight:semibold;--fdNavigationMenu_Item_Font_Size:var(--sapFontSmallSize)}.fd-navigation-menu__icon{height:1rem;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem}.fd-navigation-menu__icon [class*=sap-icon],.fd-navigation-menu__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;color:inherit;display:flex;font-size:1rem;justify-content:center}.fd-navigation-menu__text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdNavigationMenu_Item_Text_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdNavigationMenu_Item_Font_Size);font-weight:400;font-weight:var(--fdNavigationMenu_Item_Font_Weight);forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;vertical-align:baseline;white-space:nowrap}.fd-navigation-menu__text:after,.fd-navigation-menu__text:before{box-sizing:inherit;font-size:inherit}\n"] }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@charset \"UTF-8\";/*!\n * Fundamental Library Styles v0.31.0\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-navigation-menu{-webkit-box-sizing:border-box;--fdNavigationMenu_Item_Background:var(--fdNavigationMenu_Item_Border_Color_Normal);--fdNavigationMenu_Item_Border_Color:var(--fdNavigationMenu_Item_Border_Color_Normal);--fdNavigationMenu_Item_Border_Bottom_Color:var(--fdNavigationMenu_Item_Border_Bottom_Color_Normal);--fdNavigationMenu_Item_Min_Height:2.5rem;--fdNavigationMenu_Item_Padding_Right:.5rem;--fdNavigationMenu_Item_Spacing:.4375rem;--fdNavigationMenu_Item_Selection_Indicator_Size:.5rem;--fdNavigationMenu_Item_Child_Indicator_Size:.75rem;--fdNavigationMenu_Item_Text_Color:inherit;--fdNavigationMenu_Item_Font_Weight:bold;--fdNavigationMenu_Item_Font_Size:var(--sapFontSize);--fdNavigationMenu_Item_Has_Child_Indicator_Icon:\"\\e1ed\";--fdNavigationMenu_Item_Has_Link_Indicator_Icon:\"\\e04c\";--fdNavigationMenu_Selection_Indicator_Offset_Right:var(--fdNavigationMenu_Item_Spacing);background:var(--sapGroup_ContentBackground);border:0;border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);list-style-type:none;margin:0;padding:.5rem}.fd-navigation-menu:after,.fd-navigation-menu:before{box-sizing:inherit;font-size:inherit}.fd-navigation-menu__item{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:var(--fdNavigationMenu_Item_Transition);align-items:center;background:var(--fdNavigationMenu_Item_Background);border:0;border:.0625rem solid var(--fdNavigationMenu_Item_Border_Color);border-bottom:.0625rem solid var(--fdNavigationMenu_Item_Border_Color);border-bottom-color:var(--fdNavigationMenu_Item_Border_Bottom_Color);border-radius:var(--fdNavigationMenu_Item_Border_Radius);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:var(--fdNavigationMenu_Item_Spacing);line-height:var(--sapContent_LineHeight);margin:0;min-height:var(--fdNavigationMenu_Item_Min_Height);padding:.5rem 0 .5rem .5rem;padding-right:var(--fdNavigationMenu_Item_Padding_Right);position:relative;transition:var(--fdNavigationMenu_Item_Transition);width:100%}.fd-navigation-menu__item:after,.fd-navigation-menu__item:before{box-sizing:inherit;font-size:inherit}.fd-navigation-menu__item[dir=rtl],[dir=rtl] .fd-navigation-menu__item{padding-left:var(--fdNavigationMenu_Item_Padding_Right);padding-right:.5rem}.fd-navigation-menu__item.is-hover,.fd-navigation-menu__item:hover{--fdNavigationMenu_Item_Background:var(--sapMenu_Hover_Background);--fdNavigationMenu_Item_Border_Color:var(--fdNavigationMenu_Item_Border_Color_Hover);--fdNavigationMenu_Item_Border_Bottom_Color:var(--fdNavigationMenu_Item_Border_Color_Hover)}.fd-navigation-menu__item.is-active,.fd-navigation-menu__item.is-active.is-focus,.fd-navigation-menu__item.is-active:focus,.fd-navigation-menu__item:active,.fd-navigation-menu__item:active.is-focus,.fd-navigation-menu__item:active:focus{--fdNavigationMenu_Item_Background:var(--sapMenu_Active_Background);--fdNavigationMenu_Item_Border_Color:var(--fdNavigationMenu_Item_Border_Color_Active);--fdNavigationMenu_Item_Border_Bottom_Color:var(--fdNavigationMenu_Item_Border_Color_Active)}.fd-navigation-menu__item.is-active.is-focus,.fd-navigation-menu__item.is-active:focus,.fd-navigation-menu__item:active.is-focus,.fd-navigation-menu__item:active:focus{outline:none;z-index:5}.fd-navigation-menu__item.is-selected,.fd-navigation-menu__item[aria-selected=true]{--fdNavigationMenu_Item_Background:var(--sapMenu_Selected_Background);--fdNavigationMenu_Item_Border_Color:var(--fdNavigationMenu_Item_Border_Color_Selected);--fdNavigationMenu_Item_Border_Bottom_Color:var(--fdNavigationMenu_Item_Border_Color_Selected);--fdNavigationMenu_Item_Padding_Right:calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Selection_Indicator_Size))}.fd-navigation-menu__item.is-selected:after,.fd-navigation-menu__item[aria-selected=true]:after{-webkit-transform:translateY(-50%);background:var(--sapList_SelectionBorderColor);border-radius:100%;content:\"\";height:var(--fdNavigationMenu_Item_Selection_Indicator_Size);max-height:var(--fdNavigationMenu_Item_Selection_Indicator_Size);max-width:var(--fdNavigationMenu_Item_Selection_Indicator_Size);min-height:var(--fdNavigationMenu_Item_Selection_Indicator_Size);min-width:var(--fdNavigationMenu_Item_Selection_Indicator_Size);position:absolute;right:var(--fdNavigationMenu_Selection_Indicator_Offset_Right);top:50%;transform:translateY(-50%);width:var(--fdNavigationMenu_Item_Selection_Indicator_Size)}[dir=rtl] .fd-navigation-menu__item.is-selected:after,[dir=rtl] .fd-navigation-menu__item[aria-selected=true]:after{left:var(--fdNavigationMenu_Selection_Indicator_Offset_Right);right:auto}.fd-navigation-menu__item.is-focus,.fd-navigation-menu__item:focus{--fdNavigationMenu_Item_Background:var(--sapMenu_Background);--fdNavigationMenu_Item_Border_Color:transparent;--fdNavigationMenu_Item_Border_Bottom_Color:transparent;outline:var(--sapContent_FocusStyle) var(--sapContent_FocusWidth) var(--sapContent_FocusColor);z-index:5}.fd-navigation-menu__item.is-disabled,.fd-navigation-menu__item:disabled,.fd-navigation-menu__item[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-navigation-menu__item[class*=-compact],[class*=-compact] .fd-navigation-menu__item:not([class*=-cozy]){--fdNavigationMenu_Item_Min_Height:2rem}.fd-navigation-menu__item--has-children{--fdNavigationMenu_Item_Padding_Right:calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Child_Indicator_Size))}.fd-navigation-menu__item--has-children:before{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-transform:translateY(-50%);align-items:center;content:var(--fdNavigationMenu_Item_Has_Child_Indicator_Icon);display:flex;font-family:SAP-icons;font-size:.75rem;height:.75rem;justify-content:center;max-height:.75rem;max-width:.75rem;min-height:.75rem;min-width:.75rem;position:absolute;right:var(--fdNavigationMenu_Item_Spacing);top:50%;transform:translateY(-50%);width:.75rem}[dir=rtl] .fd-navigation-menu__item--has-children:before{left:var(--fdNavigationMenu_Item_Spacing);right:auto}.fd-navigation-menu__item--has-children.is-expanded,.fd-navigation-menu__item--has-children[aria-expanded=true]{--fdNavigationMenu_Item_Has_Child_Indicator_Icon:\"\\e1ef\"}.fd-navigation-menu__item--has-children[dir=rtl],[dir=rtl] .fd-navigation-menu__item--has-children{--fdNavigationMenu_Item_Has_Child_Indicator_Icon:\"\\e1ee\"}.fd-navigation-menu__item--has-children.is-selected,.fd-navigation-menu__item--has-children[aria-selected=true]{--fdNavigationMenu_Item_Padding_Right:calc(var(--fdNavigationMenu_Item_Spacing)*3 + var(--fdNavigationMenu_Item_Selection_Indicator_Size) + var(--fdNavigationMenu_Item_Child_Indicator_Size));--fdNavigationMenu_Selection_Indicator_Offset_Right:calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Child_Indicator_Size))}.fd-navigation-menu__item--has-link-indicator{--fdNavigationMenu_Item_Padding_Right:calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Child_Indicator_Size))}.fd-navigation-menu__item--has-link-indicator:before{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-transform:translateY(-50%);align-items:center;color:var(--sapContent_LabelColor);content:var(--fdNavigationMenu_Item_Has_Link_Indicator_Icon);display:flex;font-family:SAP-icons;font-size:.75rem;height:.75rem;justify-content:center;max-height:.75rem;max-width:.75rem;min-height:.75rem;min-width:.75rem;position:absolute;right:var(--fdNavigationMenu_Item_Spacing);top:50%;transform:translateY(-50%);width:.75rem}[dir=rtl] .fd-navigation-menu__item--has-link-indicator:before{left:var(--fdNavigationMenu_Item_Spacing);right:auto}.fd-navigation-menu__item--has-link-indicator[dir=rtl],[dir=rtl] .fd-navigation-menu__item--has-link-indicator{--fdNavigationMenu_Item_Has_Link_Indicator_Icon:\"\\e04d\"}.fd-navigation-menu__item--has-link-indicator.is-selected,.fd-navigation-menu__item--has-link-indicator[aria-selected=true]{--fdNavigationMenu_Item_Padding_Right:calc(var(--fdNavigationMenu_Item_Spacing)*3 + var(--fdNavigationMenu_Item_Selection_Indicator_Size) + var(--fdNavigationMenu_Item_Child_Indicator_Size));--fdNavigationMenu_Selection_Indicator_Offset_Right:calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Child_Indicator_Size))}.fd-navigation-menu__item--child{--fdNavigationMenu_Item_Spacing:.5rem;--fdNavigationMenu_Item_Font_Weight:normal}.fd-navigation-menu__item--group{--fdNavigationMenu_Item_Spacing:.4375rem;--fdNavigationMenu_Item_Text_Color:var(--sapContent_LabelColor);--fdNavigationMenu_Item_Font_Weight:semibold;--fdNavigationMenu_Item_Font_Size:var(--sapFontSmallSize)}.fd-navigation-menu__icon{height:1rem;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem}.fd-navigation-menu__icon [class*=sap-icon],.fd-navigation-menu__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;color:inherit;display:flex;font-size:1rem;justify-content:center}.fd-navigation-menu__text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdNavigationMenu_Item_Text_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdNavigationMenu_Item_Font_Size);font-weight:400;font-weight:var(--fdNavigationMenu_Item_Font_Weight);forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;vertical-align:baseline;white-space:nowrap}.fd-navigation-menu__text:after,.fd-navigation-menu__text:before{box-sizing:inherit;font-size:inherit}\n"] }]
         }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYnRwL25hdmlnYXRpb24tbWVudS9zcmMvbGliL25hdmlnYXRpb24tbWVudS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFhdEYsTUFBTSxPQUFPLHVCQUF1Qjs4R0FBdkIsdUJBQXVCO2tHQUF2Qix1QkFBdUIsd0pBVHRCLDZCQUE2Qjs7MkZBUzlCLHVCQUF1QjtrQkFYbkMsU0FBUzsrQkFDSSw4Q0FBOEMsWUFDOUMsNkJBQTZCLGNBRTNCLElBQUksaUJBQ0QsaUJBQWlCLENBQUMsSUFBSSxRQUMvQjt3QkFDRixLQUFLLEVBQUUsb0JBQW9CO3FCQUM5QixtQkFDZ0IsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZmRiLW5hdmlnYXRpb24tbWVudSwgdWxbZmRiLW5hdmlnYXRpb24tbWVudV0nLFxuICAgIHRlbXBsYXRlOiBgIDxuZy1jb250ZW50PjwvbmctY29udGVudD4gYCxcbiAgICBzdHlsZVVybHM6IFsnLi4vLi4vLi4vLi4vLi4vbm9kZV9tb2R1bGVzL2Z1bmRhbWVudGFsLXN0eWxlcy9kaXN0L25hdmlnYXRpb24tbWVudS5jc3MnXSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgaG9zdDoge1xuICAgICAgICBjbGFzczogJ2ZkLW5hdmlnYXRpb24tbWVudSdcbiAgICB9LFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIE5hdmlnYXRpb25NZW51Q29tcG9uZW50IHt9XG4iXX0=

package/esm2022/search-field/search-field.component.mjs

@@ -46,11 +46,11 @@ export class SearchFieldComponent {
         this.search.emit(this._value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: SearchFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: SearchFieldComponent, isStandalone: true, selector: "fdb-search-field", inputs: { placeholder: "placeholder" }, outputs: { search: "search" }, providers: [CvaControl], viewQueries: [{ propertyName: "_searchInputField", first: true, predicate: ["searchInputField"], descendants: true }], hostDirectives: [{ directive: i1.CvaDirective }], ngImport: i0, template: "<div class=\"fd-search-field\">\n    <fd-icon glyph=\"search\" class=\"fd-search-field__icon\" role=\"presentation\" [ariaHidden]=\"true\"></fd-icon>\n    <input\n        [placeholder]=\"placeholder || ('btpSearchField.searchInputPlaceholder' | fdTranslate)\"\n        type=\"search\"\n        [attr.aria-label]=\"'btpSearchField.searchInputAriaLabel' | fdTranslate\"\n        class=\"fd-search-field__input\"\n        [ngModel]=\"_value\"\n        (ngModelChange)=\"updateValue($event)\"\n        (keydown.enter)=\"_search()\"\n        (focusin)=\"_inputFocused.set(true)\"\n        (focusout)=\"_inputFocused.set(false)\"\n        #searchInputField\n    />\n    <div role=\"presentation\" aria-hidden=\"true\" class=\"fd-search-field__underline\"></div>\n    <div class=\"fd-search-field__actions\">\n        <div class=\"fd-search-field__action-container\">\n            <button\n                fd-button\n                class=\"fd-button--nested\"\n                glyph=\"decline\"\n                [ariaLabel]=\"'btpSearchField.clearButtonLabel' | fdTranslate\"\n                (click)=\"updateValue(''); searchInputField.focus()\"\n            ></button>\n        </div>\n        <div class=\"fd-search-field__action-container\">\n            <button\n                fd-button\n                (click)=\"_search()\"\n                glyph=\"slim-arrow-right\"\n                class=\"fd-button--nested\"\n                [class.is-focus]=\"_value && _inputFocused()\"\n                [ariaLabel]=\"'btpSearchField.searchButtonLabel' | fdTranslate\"\n                [attr.aria-disabled]=\"!_value\"\n                [attr.tabindex]=\"!_value ? -1 : 0\"\n            ></button>\n        </div>\n    </div>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.30.2\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-search-field{--fdSearchField_Height:2.5rem;--fdSearchField_Height_Compact:2rem;--fdSearchField_Height_Border:calc(var(--fdSearchField_Height) - .125rem);--fdSearchField_Border_Radius:var(--fdSearchField_BorderRadius);--fdSearchField_Padding:.625rem;--fdSearchField_Padding_Compact:.5rem;--fdSearchField_Box_Shadow:var(--sapField_Shadow);--fdSearchField_Background:var(--fdSearchField_Background_Normal);--fdSearchField_Color:var(--sapShell_TextColor);--fdSearchField_Icon_Size:1rem;--fdSearchField_Icon_Size_Offset:.375rem;--fdSearchField_Actions_Offset:.25rem;--fdSearchField_Actions_Offset_Compact:.1875rem;--fdSearchField_Action_Container_Size:2rem;--fdSearchField_Action_Container_Size_Compact:1.625rem;--fdSearchField_Clear_Button_Display:none;--fdSearchField_Padding_Left:calc(var(--fdSearchField_Padding) + var(--fdSearchField_Icon_Size) + var(--fdSearchField_Icon_Size_Offset));--fdSearchField_Padding_Left_Compact:calc(var(--fdSearchField_Padding_Compact) + var(--fdSearchField_Icon_Size) + var(--fdSearchField_Icon_Size_Offset));--fdSearchField_Padding_Right:calc(var(--fdSearchField_Action_Container_Size) + var(--fdSearchField_Actions_Offset));--fdSearchField_Padding_Right_Compact:calc(var(--fdSearchField_Action_Container_Size_Compact) + var(--fdSearchField_Actions_Offset_Compact));--fdSearchField_Padding_Right_Typed:calc(var(--fdSearchField_Padding_Right)*2);--fdSearchField_Padding_Right_Typed_Compact:calc(var(--fdSearchField_Padding_Right_Compact)*2);-webkit-box-sizing:border-box;align-items:center;border:0;border:.0625rem solid var(--fdSearchField_Border_Color);border-radius:var(--fdSearchField_Border_Radius);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSearchField_Height);line-height:var(--sapContent_LineHeight);margin:0;max-height:var(--fdSearchField_Height);min-height:var(--fdSearchField_Height);padding:0;position:relative;width:16rem}.fd-search-field:after,.fd-search-field:before{box-sizing:inherit;font-size:inherit}.fd-search-field__icon{color:var(--fdSearchField_Icon_Color);height:1rem;left:var(--fdSearchField_Padding);max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;position:absolute;width:1rem;z-index:10}.fd-search-field__icon[dir=rtl],[dir=rtl] .fd-search-field__icon{left:auto;right:var(--fdSearchField_Padding)}.fd-search-field__icon [class*=sap-icon],.fd-search-field__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;font-size:1rem;justify-content:center}.fd-search-field__input{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--fdSearchField_Box_Shadow);background:var(--fdSearchField_Background);border:0;border-radius:var(--fdSearchField_Border_Radius);box-shadow:var(--fdSearchField_Box_Shadow);box-sizing:border-box;color:var(--sapTextColor);color:var(--fdSearchField_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSearchField_Height_Border);line-height:var(--sapContent_LineHeight);margin:0;max-height:var(--fdSearchField_Height_Border);min-height:var(--fdSearchField_Height_Border);padding:0;padding:var(--fdSearchField_Padding) var(--fdSearchField_Padding_Right) var(--fdSearchField_Padding) var(--fdSearchField_Padding_Left);width:16rem;z-index:1}.fd-search-field__input:after,.fd-search-field__input:before{box-sizing:inherit;font-size:inherit}.fd-search-field__input[dir=rtl],[dir=rtl] .fd-search-field__input{padding-left:var(--fdSearchField_Padding_Right);padding-right:var(--fdSearchField_Padding_Left)}.fd-search-field__input::placeholder{color:var(--fdSearchField_Placeholder_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-style:italic;font-weight:400;line-height:1rem}.fd-search-field__input::-webkit-search-cancel-button,.fd-search-field__input::-webkit-search-decoration,.fd-search-field__input::-webkit-search-results-button,.fd-search-field__input::-webkit-search-results-decoration{-webkit-appearance:none}.fd-search-field__input:not(:placeholder-shown){--fdSearchField_Padding_Right:calc((var(--fdSearchField_Action_Container_Size) + var(--fdSearchField_Actions_Offset))*2);--fdSearchField_Background:var(--fdSearchField_Background_Focus);--fdSearchField_Box_Shadow:var(--sapSearchHover_Shadow)}.fd-search-field__input:not(:placeholder-shown)[class*=-compact],[class*=-compact] .fd-search-field__input:not(:placeholder-shown):not([class*=-cozy]){--fdSearchField_Padding_Right:var(--fdSearchField_Padding_Right_Typed_Compact)}.fd-search-field__input:not(:placeholder-shown)+.fd-search-field__underline{display:none}.fd-search-field__input:not(:placeholder-shown)~.fd-search-field__actions{--fdSearchField_Clear_Button_Display:inline-flex}.fd-search-field__input:not(:placeholder-shown).is-focus,.fd-search-field__input:not(:placeholder-shown):focus{--fdSearchField_Box_Shadow:var(--sapSearchHover_Shadow);outline:none;z-index:5}.fd-search-field__input.is-hover,.fd-search-field__input:hover{--fdSearchField_Background:var(--fdSearchField_Background_Hover);--fdSearchField_Box_Shadow:var(--sapSearchHover_Shadow)}.fd-search-field__input.is-hover+.fd-search-field__underline,.fd-search-field__input:hover+.fd-search-field__underline{display:none}.fd-search-field__input.is-focus,.fd-search-field__input:focus{--fdSearchField_Background:var(--fdSearchField_Background_Focus);--fdSearchField_Border_Color:transparent;--fdSearchField_Box_Shadow:none;outline:var(--fdSearchField_Outline);outline-offset:var(--fdSearchField_Outline_Offset);z-index:5}.fd-search-field__input.is-focus+.fd-search-field__underline,.fd-search-field__input:focus+.fd-search-field__underline{display:none}.fd-search-field__underline{-webkit-box-sizing:border-box;border:0;border-radius:var(--fdSearchField_Border_Radius);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;position:absolute;width:100%}.fd-search-field__underline:after,.fd-search-field__underline:before{box-sizing:inherit;font-size:inherit}.fd-search-field__underline:after{background:var(--fdSearchField_Underline_Color);bottom:0;content:\"\";height:.0625rem;position:absolute;width:100%;z-index:30}.fd-search-field__actions{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:absolute;right:var(--fdSearchField_Actions_Offset);z-index:10}.fd-search-field__actions:after,.fd-search-field__actions:before{box-sizing:inherit;font-size:inherit}.fd-search-field__actions[dir=rtl],[dir=rtl] .fd-search-field__actions{left:var(--fdSearchField_Actions_Offset);right:auto}.fd-search-field__actions button.is-disabled,.fd-search-field__actions button:disabled,.fd-search-field__actions button[aria-disabled=true]{opacity:1}.fd-search-field__action-container{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSearchField_Action_Container_Size);justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;max-height:var(--fdSearchField_Action_Container_Size);max-width:var(--fdSearchField_Action_Container_Size);min-height:var(--fdSearchField_Action_Container_Size);min-width:var(--fdSearchField_Action_Container_Size);padding:0;width:var(--fdSearchField_Action_Container_Size)}.fd-search-field__action-container:after,.fd-search-field__action-container:before{box-sizing:inherit;font-size:inherit}.fd-search-field__action-container:first-child{display:var(--fdSearchField_Clear_Button_Display)}.fd-search-field__action-container button{--fdButton_Nested_Color:var(--sapShell_TextColor)}.fd-search-field[class*=-compact],[class*=-compact] .fd-search-field:not([class*=-cozy]){--fdSearchField_Height:var(--fdSearchField_Height_Compact);--fdSearchField_Padding:var(--fdSearchField_Padding_Compact);--fdSearchField_Actions_Offset:var(--fdSearchField_Actions_Offset_Compact);--fdSearchField_Action_Container_Size:var(--fdSearchField_Action_Container_Size_Compact);--fdSearchField_Padding_Left:var(--fdSearchField_Padding_Left_Compact);--fdSearchField_Padding_Right:var(--fdSearchField_Padding_Right_Compact)}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel", "ariaHidden"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: SearchFieldComponent, isStandalone: true, selector: "fdb-search-field", inputs: { placeholder: "placeholder" }, outputs: { search: "search" }, providers: [CvaControl], viewQueries: [{ propertyName: "_searchInputField", first: true, predicate: ["searchInputField"], descendants: true }], hostDirectives: [{ directive: i1.CvaDirective }], ngImport: i0, template: "<div class=\"fd-search-field\">\n    <fd-icon glyph=\"search\" class=\"fd-search-field__icon\" role=\"presentation\" [ariaHidden]=\"true\"></fd-icon>\n    <input\n        [placeholder]=\"placeholder || ('btpSearchField.searchInputPlaceholder' | fdTranslate)\"\n        type=\"search\"\n        [attr.aria-label]=\"'btpSearchField.searchInputAriaLabel' | fdTranslate\"\n        class=\"fd-search-field__input\"\n        [ngModel]=\"_value\"\n        (ngModelChange)=\"updateValue($event)\"\n        (keydown.enter)=\"_search()\"\n        (focusin)=\"_inputFocused.set(true)\"\n        (focusout)=\"_inputFocused.set(false)\"\n        #searchInputField\n    />\n    <div role=\"presentation\" aria-hidden=\"true\" class=\"fd-search-field__underline\"></div>\n    <div class=\"fd-search-field__actions\">\n        <div class=\"fd-search-field__action-container\">\n            <button\n                fd-button\n                class=\"fd-button--nested\"\n                glyph=\"decline\"\n                [ariaLabel]=\"'btpSearchField.clearButtonLabel' | fdTranslate\"\n                (click)=\"updateValue(''); searchInputField.focus()\"\n            ></button>\n        </div>\n        <div class=\"fd-search-field__action-container\">\n            <button\n                fd-button\n                (click)=\"_search()\"\n                glyph=\"slim-arrow-right\"\n                class=\"fd-button--nested\"\n                [class.is-focus]=\"_value && _inputFocused()\"\n                [ariaLabel]=\"'btpSearchField.searchButtonLabel' | fdTranslate\"\n                [attr.aria-disabled]=\"!_value\"\n                [attr.tabindex]=\"!_value ? -1 : 0\"\n            ></button>\n        </div>\n    </div>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.31.0\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-search-field{--fdSearchField_Height:2.5rem;--fdSearchField_Height_Compact:2rem;--fdSearchField_Height_Border:calc(var(--fdSearchField_Height) - .125rem);--fdSearchField_Border_Radius:var(--fdSearchField_BorderRadius);--fdSearchField_Padding:.625rem;--fdSearchField_Padding_Compact:.5rem;--fdSearchField_Box_Shadow:var(--sapField_Shadow);--fdSearchField_Background:var(--fdSearchField_Background_Normal);--fdSearchField_Color:var(--sapShell_TextColor);--fdSearchField_Icon_Size:1rem;--fdSearchField_Icon_Size_Offset:.375rem;--fdSearchField_Actions_Offset:.25rem;--fdSearchField_Actions_Offset_Compact:.1875rem;--fdSearchField_Action_Container_Size:2rem;--fdSearchField_Action_Container_Size_Compact:1.625rem;--fdSearchField_Clear_Button_Display:none;--fdSearchField_Padding_Left:calc(var(--fdSearchField_Padding) + var(--fdSearchField_Icon_Size) + var(--fdSearchField_Icon_Size_Offset));--fdSearchField_Padding_Left_Compact:calc(var(--fdSearchField_Padding_Compact) + var(--fdSearchField_Icon_Size) + var(--fdSearchField_Icon_Size_Offset));--fdSearchField_Padding_Right:calc(var(--fdSearchField_Action_Container_Size) + var(--fdSearchField_Actions_Offset));--fdSearchField_Padding_Right_Compact:calc(var(--fdSearchField_Action_Container_Size_Compact) + var(--fdSearchField_Actions_Offset_Compact));--fdSearchField_Padding_Right_Typed:calc(var(--fdSearchField_Padding_Right)*2);--fdSearchField_Padding_Right_Typed_Compact:calc(var(--fdSearchField_Padding_Right_Compact)*2);-webkit-box-sizing:border-box;align-items:center;border:0;border:.0625rem solid var(--fdSearchField_Border_Color);border-radius:var(--fdSearchField_Border_Radius);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSearchField_Height);line-height:var(--sapContent_LineHeight);margin:0;max-height:var(--fdSearchField_Height);min-height:var(--fdSearchField_Height);padding:0;position:relative;width:16rem}.fd-search-field:after,.fd-search-field:before{box-sizing:inherit;font-size:inherit}.fd-search-field__icon{color:var(--fdSearchField_Icon_Color);height:1rem;left:var(--fdSearchField_Padding);max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;position:absolute;width:1rem;z-index:10}.fd-search-field__icon[dir=rtl],[dir=rtl] .fd-search-field__icon{left:auto;right:var(--fdSearchField_Padding)}.fd-search-field__icon [class*=sap-icon],.fd-search-field__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;font-size:1rem;justify-content:center}.fd-search-field__input{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--fdSearchField_Box_Shadow);background:var(--fdSearchField_Background);border:0;border-radius:var(--fdSearchField_Border_Radius);box-shadow:var(--fdSearchField_Box_Shadow);box-sizing:border-box;color:var(--sapTextColor);color:var(--fdSearchField_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSearchField_Height_Border);line-height:var(--sapContent_LineHeight);margin:0;max-height:var(--fdSearchField_Height_Border);min-height:var(--fdSearchField_Height_Border);padding:0;padding:var(--fdSearchField_Padding) var(--fdSearchField_Padding_Right) var(--fdSearchField_Padding) var(--fdSearchField_Padding_Left);width:16rem;z-index:1}.fd-search-field__input:after,.fd-search-field__input:before{box-sizing:inherit;font-size:inherit}.fd-search-field__input[dir=rtl],[dir=rtl] .fd-search-field__input{padding-left:var(--fdSearchField_Padding_Right);padding-right:var(--fdSearchField_Padding_Left)}.fd-search-field__input::placeholder{color:var(--fdSearchField_Placeholder_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-style:italic;font-weight:400;line-height:1rem}.fd-search-field__input::-webkit-search-cancel-button,.fd-search-field__input::-webkit-search-decoration,.fd-search-field__input::-webkit-search-results-button,.fd-search-field__input::-webkit-search-results-decoration{-webkit-appearance:none}.fd-search-field__input:not(:placeholder-shown){--fdSearchField_Padding_Right:calc((var(--fdSearchField_Action_Container_Size) + var(--fdSearchField_Actions_Offset))*2);--fdSearchField_Background:var(--fdSearchField_Background_Focus);--fdSearchField_Box_Shadow:var(--sapSearchHover_Shadow)}.fd-search-field__input:not(:placeholder-shown)[class*=-compact],[class*=-compact] .fd-search-field__input:not(:placeholder-shown):not([class*=-cozy]){--fdSearchField_Padding_Right:var(--fdSearchField_Padding_Right_Typed_Compact)}.fd-search-field__input:not(:placeholder-shown)+.fd-search-field__underline{display:none}.fd-search-field__input:not(:placeholder-shown)~.fd-search-field__actions{--fdSearchField_Clear_Button_Display:inline-flex}.fd-search-field__input:not(:placeholder-shown).is-focus,.fd-search-field__input:not(:placeholder-shown):focus{--fdSearchField_Box_Shadow:var(--sapSearchHover_Shadow);outline:none;z-index:5}.fd-search-field__input.is-hover,.fd-search-field__input:hover{--fdSearchField_Background:var(--fdSearchField_Background_Hover);--fdSearchField_Box_Shadow:var(--sapSearchHover_Shadow)}.fd-search-field__input.is-hover+.fd-search-field__underline,.fd-search-field__input:hover+.fd-search-field__underline{display:none}.fd-search-field__input.is-focus,.fd-search-field__input:focus{--fdSearchField_Background:var(--fdSearchField_Background_Focus);--fdSearchField_Border_Color:transparent;--fdSearchField_Box_Shadow:none;outline:var(--fdSearchField_Outline);outline-offset:var(--fdSearchField_Outline_Offset);z-index:5}.fd-search-field__input.is-focus+.fd-search-field__underline,.fd-search-field__input:focus+.fd-search-field__underline{display:none}.fd-search-field__underline{-webkit-box-sizing:border-box;border:0;border-radius:var(--fdSearchField_Border_Radius);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;position:absolute;width:100%}.fd-search-field__underline:after,.fd-search-field__underline:before{box-sizing:inherit;font-size:inherit}.fd-search-field__underline:after{background:var(--fdSearchField_Underline_Color);bottom:0;content:\"\";height:.0625rem;position:absolute;width:100%;z-index:30}.fd-search-field__actions{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:absolute;right:var(--fdSearchField_Actions_Offset);z-index:10}.fd-search-field__actions:after,.fd-search-field__actions:before{box-sizing:inherit;font-size:inherit}.fd-search-field__actions[dir=rtl],[dir=rtl] .fd-search-field__actions{left:var(--fdSearchField_Actions_Offset);right:auto}.fd-search-field__actions button.is-disabled,.fd-search-field__actions button:disabled,.fd-search-field__actions button[aria-disabled=true]{opacity:1}.fd-search-field__action-container{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSearchField_Action_Container_Size);justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;max-height:var(--fdSearchField_Action_Container_Size);max-width:var(--fdSearchField_Action_Container_Size);min-height:var(--fdSearchField_Action_Container_Size);min-width:var(--fdSearchField_Action_Container_Size);padding:0;width:var(--fdSearchField_Action_Container_Size)}.fd-search-field__action-container:after,.fd-search-field__action-container:before{box-sizing:inherit;font-size:inherit}.fd-search-field__action-container:first-child{display:var(--fdSearchField_Clear_Button_Display)}.fd-search-field__action-container button{--fdButton_Nested_Color:var(--sapShell_TextColor)}.fd-search-field[class*=-compact],[class*=-compact] .fd-search-field:not([class*=-cozy]){--fdSearchField_Height:var(--fdSearchField_Height_Compact);--fdSearchField_Padding:var(--fdSearchField_Padding_Compact);--fdSearchField_Actions_Offset:var(--fdSearchField_Actions_Offset_Compact);--fdSearchField_Action_Container_Size:var(--fdSearchField_Action_Container_Size_Compact);--fdSearchField_Padding_Left:var(--fdSearchField_Padding_Left_Compact);--fdSearchField_Padding_Right:var(--fdSearchField_Padding_Right_Compact)}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: SearchFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fdb-search-field', standalone: true, hostDirectives: [CvaDirective], providers: [CvaControl], imports: [IconComponent, NgIf, FormsModule, FdTranslatePipe, ButtonComponent], encapsulation: ViewEncapsulation.None, template: "<div class=\"fd-search-field\">\n    <fd-icon glyph=\"search\" class=\"fd-search-field__icon\" role=\"presentation\" [ariaHidden]=\"true\"></fd-icon>\n    <input\n        [placeholder]=\"placeholder || ('btpSearchField.searchInputPlaceholder' | fdTranslate)\"\n        type=\"search\"\n        [attr.aria-label]=\"'btpSearchField.searchInputAriaLabel' | fdTranslate\"\n        class=\"fd-search-field__input\"\n        [ngModel]=\"_value\"\n        (ngModelChange)=\"updateValue($event)\"\n        (keydown.enter)=\"_search()\"\n        (focusin)=\"_inputFocused.set(true)\"\n        (focusout)=\"_inputFocused.set(false)\"\n        #searchInputField\n    />\n    <div role=\"presentation\" aria-hidden=\"true\" class=\"fd-search-field__underline\"></div>\n    <div class=\"fd-search-field__actions\">\n        <div class=\"fd-search-field__action-container\">\n            <button\n                fd-button\n                class=\"fd-button--nested\"\n                glyph=\"decline\"\n                [ariaLabel]=\"'btpSearchField.clearButtonLabel' | fdTranslate\"\n                (click)=\"updateValue(''); searchInputField.focus()\"\n            ></button>\n        </div>\n        <div class=\"fd-search-field__action-container\">\n            <button\n                fd-button\n                (click)=\"_search()\"\n                glyph=\"slim-arrow-right\"\n                class=\"fd-button--nested\"\n                [class.is-focus]=\"_value && _inputFocused()\"\n                [ariaLabel]=\"'btpSearchField.searchButtonLabel' | fdTranslate\"\n                [attr.aria-disabled]=\"!_value\"\n                [attr.tabindex]=\"!_value ? -1 : 0\"\n            ></button>\n        </div>\n    </div>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.30.2\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-search-field{--fdSearchField_Height:2.5rem;--fdSearchField_Height_Compact:2rem;--fdSearchField_Height_Border:calc(var(--fdSearchField_Height) - .125rem);--fdSearchField_Border_Radius:var(--fdSearchField_BorderRadius);--fdSearchField_Padding:.625rem;--fdSearchField_Padding_Compact:.5rem;--fdSearchField_Box_Shadow:var(--sapField_Shadow);--fdSearchField_Background:var(--fdSearchField_Background_Normal);--fdSearchField_Color:var(--sapShell_TextColor);--fdSearchField_Icon_Size:1rem;--fdSearchField_Icon_Size_Offset:.375rem;--fdSearchField_Actions_Offset:.25rem;--fdSearchField_Actions_Offset_Compact:.1875rem;--fdSearchField_Action_Container_Size:2rem;--fdSearchField_Action_Container_Size_Compact:1.625rem;--fdSearchField_Clear_Button_Display:none;--fdSearchField_Padding_Left:calc(var(--fdSearchField_Padding) + var(--fdSearchField_Icon_Size) + var(--fdSearchField_Icon_Size_Offset));--fdSearchField_Padding_Left_Compact:calc(var(--fdSearchField_Padding_Compact) + var(--fdSearchField_Icon_Size) + var(--fdSearchField_Icon_Size_Offset));--fdSearchField_Padding_Right:calc(var(--fdSearchField_Action_Container_Size) + var(--fdSearchField_Actions_Offset));--fdSearchField_Padding_Right_Compact:calc(var(--fdSearchField_Action_Container_Size_Compact) + var(--fdSearchField_Actions_Offset_Compact));--fdSearchField_Padding_Right_Typed:calc(var(--fdSearchField_Padding_Right)*2);--fdSearchField_Padding_Right_Typed_Compact:calc(var(--fdSearchField_Padding_Right_Compact)*2);-webkit-box-sizing:border-box;align-items:center;border:0;border:.0625rem solid var(--fdSearchField_Border_Color);border-radius:var(--fdSearchField_Border_Radius);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSearchField_Height);line-height:var(--sapContent_LineHeight);margin:0;max-height:var(--fdSearchField_Height);min-height:var(--fdSearchField_Height);padding:0;position:relative;width:16rem}.fd-search-field:after,.fd-search-field:before{box-sizing:inherit;font-size:inherit}.fd-search-field__icon{color:var(--fdSearchField_Icon_Color);height:1rem;left:var(--fdSearchField_Padding);max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;position:absolute;width:1rem;z-index:10}.fd-search-field__icon[dir=rtl],[dir=rtl] .fd-search-field__icon{left:auto;right:var(--fdSearchField_Padding)}.fd-search-field__icon [class*=sap-icon],.fd-search-field__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;font-size:1rem;justify-content:center}.fd-search-field__input{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--fdSearchField_Box_Shadow);background:var(--fdSearchField_Background);border:0;border-radius:var(--fdSearchField_Border_Radius);box-shadow:var(--fdSearchField_Box_Shadow);box-sizing:border-box;color:var(--sapTextColor);color:var(--fdSearchField_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSearchField_Height_Border);line-height:var(--sapContent_LineHeight);margin:0;max-height:var(--fdSearchField_Height_Border);min-height:var(--fdSearchField_Height_Border);padding:0;padding:var(--fdSearchField_Padding) var(--fdSearchField_Padding_Right) var(--fdSearchField_Padding) var(--fdSearchField_Padding_Left);width:16rem;z-index:1}.fd-search-field__input:after,.fd-search-field__input:before{box-sizing:inherit;font-size:inherit}.fd-search-field__input[dir=rtl],[dir=rtl] .fd-search-field__input{padding-left:var(--fdSearchField_Padding_Right);padding-right:var(--fdSearchField_Padding_Left)}.fd-search-field__input::placeholder{color:var(--fdSearchField_Placeholder_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-style:italic;font-weight:400;line-height:1rem}.fd-search-field__input::-webkit-search-cancel-button,.fd-search-field__input::-webkit-search-decoration,.fd-search-field__input::-webkit-search-results-button,.fd-search-field__input::-webkit-search-results-decoration{-webkit-appearance:none}.fd-search-field__input:not(:placeholder-shown){--fdSearchField_Padding_Right:calc((var(--fdSearchField_Action_Container_Size) + var(--fdSearchField_Actions_Offset))*2);--fdSearchField_Background:var(--fdSearchField_Background_Focus);--fdSearchField_Box_Shadow:var(--sapSearchHover_Shadow)}.fd-search-field__input:not(:placeholder-shown)[class*=-compact],[class*=-compact] .fd-search-field__input:not(:placeholder-shown):not([class*=-cozy]){--fdSearchField_Padding_Right:var(--fdSearchField_Padding_Right_Typed_Compact)}.fd-search-field__input:not(:placeholder-shown)+.fd-search-field__underline{display:none}.fd-search-field__input:not(:placeholder-shown)~.fd-search-field__actions{--fdSearchField_Clear_Button_Display:inline-flex}.fd-search-field__input:not(:placeholder-shown).is-focus,.fd-search-field__input:not(:placeholder-shown):focus{--fdSearchField_Box_Shadow:var(--sapSearchHover_Shadow);outline:none;z-index:5}.fd-search-field__input.is-hover,.fd-search-field__input:hover{--fdSearchField_Background:var(--fdSearchField_Background_Hover);--fdSearchField_Box_Shadow:var(--sapSearchHover_Shadow)}.fd-search-field__input.is-hover+.fd-search-field__underline,.fd-search-field__input:hover+.fd-search-field__underline{display:none}.fd-search-field__input.is-focus,.fd-search-field__input:focus{--fdSearchField_Background:var(--fdSearchField_Background_Focus);--fdSearchField_Border_Color:transparent;--fdSearchField_Box_Shadow:none;outline:var(--fdSearchField_Outline);outline-offset:var(--fdSearchField_Outline_Offset);z-index:5}.fd-search-field__input.is-focus+.fd-search-field__underline,.fd-search-field__input:focus+.fd-search-field__underline{display:none}.fd-search-field__underline{-webkit-box-sizing:border-box;border:0;border-radius:var(--fdSearchField_Border_Radius);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;position:absolute;width:100%}.fd-search-field__underline:after,.fd-search-field__underline:before{box-sizing:inherit;font-size:inherit}.fd-search-field__underline:after{background:var(--fdSearchField_Underline_Color);bottom:0;content:\"\";height:.0625rem;position:absolute;width:100%;z-index:30}.fd-search-field__actions{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:absolute;right:var(--fdSearchField_Actions_Offset);z-index:10}.fd-search-field__actions:after,.fd-search-field__actions:before{box-sizing:inherit;font-size:inherit}.fd-search-field__actions[dir=rtl],[dir=rtl] .fd-search-field__actions{left:var(--fdSearchField_Actions_Offset);right:auto}.fd-search-field__actions button.is-disabled,.fd-search-field__actions button:disabled,.fd-search-field__actions button[aria-disabled=true]{opacity:1}.fd-search-field__action-container{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSearchField_Action_Container_Size);justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;max-height:var(--fdSearchField_Action_Container_Size);max-width:var(--fdSearchField_Action_Container_Size);min-height:var(--fdSearchField_Action_Container_Size);min-width:var(--fdSearchField_Action_Container_Size);padding:0;width:var(--fdSearchField_Action_Container_Size)}.fd-search-field__action-container:after,.fd-search-field__action-container:before{box-sizing:inherit;font-size:inherit}.fd-search-field__action-container:first-child{display:var(--fdSearchField_Clear_Button_Display)}.fd-search-field__action-container button{--fdButton_Nested_Color:var(--sapShell_TextColor)}.fd-search-field[class*=-compact],[class*=-compact] .fd-search-field:not([class*=-cozy]){--fdSearchField_Height:var(--fdSearchField_Height_Compact);--fdSearchField_Padding:var(--fdSearchField_Padding_Compact);--fdSearchField_Actions_Offset:var(--fdSearchField_Actions_Offset_Compact);--fdSearchField_Action_Container_Size:var(--fdSearchField_Action_Container_Size_Compact);--fdSearchField_Padding_Left:var(--fdSearchField_Padding_Left_Compact);--fdSearchField_Padding_Right:var(--fdSearchField_Padding_Right_Compact)}\n"] }]
+            args: [{ selector: 'fdb-search-field', standalone: true, hostDirectives: [CvaDirective], providers: [CvaControl], imports: [IconComponent, NgIf, FormsModule, FdTranslatePipe, ButtonComponent], encapsulation: ViewEncapsulation.None, template: "<div class=\"fd-search-field\">\n    <fd-icon glyph=\"search\" class=\"fd-search-field__icon\" role=\"presentation\" [ariaHidden]=\"true\"></fd-icon>\n    <input\n        [placeholder]=\"placeholder || ('btpSearchField.searchInputPlaceholder' | fdTranslate)\"\n        type=\"search\"\n        [attr.aria-label]=\"'btpSearchField.searchInputAriaLabel' | fdTranslate\"\n        class=\"fd-search-field__input\"\n        [ngModel]=\"_value\"\n        (ngModelChange)=\"updateValue($event)\"\n        (keydown.enter)=\"_search()\"\n        (focusin)=\"_inputFocused.set(true)\"\n        (focusout)=\"_inputFocused.set(false)\"\n        #searchInputField\n    />\n    <div role=\"presentation\" aria-hidden=\"true\" class=\"fd-search-field__underline\"></div>\n    <div class=\"fd-search-field__actions\">\n        <div class=\"fd-search-field__action-container\">\n            <button\n                fd-button\n                class=\"fd-button--nested\"\n                glyph=\"decline\"\n                [ariaLabel]=\"'btpSearchField.clearButtonLabel' | fdTranslate\"\n                (click)=\"updateValue(''); searchInputField.focus()\"\n            ></button>\n        </div>\n        <div class=\"fd-search-field__action-container\">\n            <button\n                fd-button\n                (click)=\"_search()\"\n                glyph=\"slim-arrow-right\"\n                class=\"fd-button--nested\"\n                [class.is-focus]=\"_value && _inputFocused()\"\n                [ariaLabel]=\"'btpSearchField.searchButtonLabel' | fdTranslate\"\n                [attr.aria-disabled]=\"!_value\"\n                [attr.tabindex]=\"!_value ? -1 : 0\"\n            ></button>\n        </div>\n    </div>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.31.0\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-search-field{--fdSearchField_Height:2.5rem;--fdSearchField_Height_Compact:2rem;--fdSearchField_Height_Border:calc(var(--fdSearchField_Height) - .125rem);--fdSearchField_Border_Radius:var(--fdSearchField_BorderRadius);--fdSearchField_Padding:.625rem;--fdSearchField_Padding_Compact:.5rem;--fdSearchField_Box_Shadow:var(--sapField_Shadow);--fdSearchField_Background:var(--fdSearchField_Background_Normal);--fdSearchField_Color:var(--sapShell_TextColor);--fdSearchField_Icon_Size:1rem;--fdSearchField_Icon_Size_Offset:.375rem;--fdSearchField_Actions_Offset:.25rem;--fdSearchField_Actions_Offset_Compact:.1875rem;--fdSearchField_Action_Container_Size:2rem;--fdSearchField_Action_Container_Size_Compact:1.625rem;--fdSearchField_Clear_Button_Display:none;--fdSearchField_Padding_Left:calc(var(--fdSearchField_Padding) + var(--fdSearchField_Icon_Size) + var(--fdSearchField_Icon_Size_Offset));--fdSearchField_Padding_Left_Compact:calc(var(--fdSearchField_Padding_Compact) + var(--fdSearchField_Icon_Size) + var(--fdSearchField_Icon_Size_Offset));--fdSearchField_Padding_Right:calc(var(--fdSearchField_Action_Container_Size) + var(--fdSearchField_Actions_Offset));--fdSearchField_Padding_Right_Compact:calc(var(--fdSearchField_Action_Container_Size_Compact) + var(--fdSearchField_Actions_Offset_Compact));--fdSearchField_Padding_Right_Typed:calc(var(--fdSearchField_Padding_Right)*2);--fdSearchField_Padding_Right_Typed_Compact:calc(var(--fdSearchField_Padding_Right_Compact)*2);-webkit-box-sizing:border-box;align-items:center;border:0;border:.0625rem solid var(--fdSearchField_Border_Color);border-radius:var(--fdSearchField_Border_Radius);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSearchField_Height);line-height:var(--sapContent_LineHeight);margin:0;max-height:var(--fdSearchField_Height);min-height:var(--fdSearchField_Height);padding:0;position:relative;width:16rem}.fd-search-field:after,.fd-search-field:before{box-sizing:inherit;font-size:inherit}.fd-search-field__icon{color:var(--fdSearchField_Icon_Color);height:1rem;left:var(--fdSearchField_Padding);max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;position:absolute;width:1rem;z-index:10}.fd-search-field__icon[dir=rtl],[dir=rtl] .fd-search-field__icon{left:auto;right:var(--fdSearchField_Padding)}.fd-search-field__icon [class*=sap-icon],.fd-search-field__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;font-size:1rem;justify-content:center}.fd-search-field__input{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--fdSearchField_Box_Shadow);background:var(--fdSearchField_Background);border:0;border-radius:var(--fdSearchField_Border_Radius);box-shadow:var(--fdSearchField_Box_Shadow);box-sizing:border-box;color:var(--sapTextColor);color:var(--fdSearchField_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSearchField_Height_Border);line-height:var(--sapContent_LineHeight);margin:0;max-height:var(--fdSearchField_Height_Border);min-height:var(--fdSearchField_Height_Border);padding:0;padding:var(--fdSearchField_Padding) var(--fdSearchField_Padding_Right) var(--fdSearchField_Padding) var(--fdSearchField_Padding_Left);width:16rem;z-index:1}.fd-search-field__input:after,.fd-search-field__input:before{box-sizing:inherit;font-size:inherit}.fd-search-field__input[dir=rtl],[dir=rtl] .fd-search-field__input{padding-left:var(--fdSearchField_Padding_Right);padding-right:var(--fdSearchField_Padding_Left)}.fd-search-field__input::placeholder{color:var(--fdSearchField_Placeholder_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-style:italic;font-weight:400;line-height:1rem}.fd-search-field__input::-webkit-search-cancel-button,.fd-search-field__input::-webkit-search-decoration,.fd-search-field__input::-webkit-search-results-button,.fd-search-field__input::-webkit-search-results-decoration{-webkit-appearance:none}.fd-search-field__input:not(:placeholder-shown){--fdSearchField_Padding_Right:calc((var(--fdSearchField_Action_Container_Size) + var(--fdSearchField_Actions_Offset))*2);--fdSearchField_Background:var(--fdSearchField_Background_Focus);--fdSearchField_Box_Shadow:var(--sapSearchHover_Shadow)}.fd-search-field__input:not(:placeholder-shown)[class*=-compact],[class*=-compact] .fd-search-field__input:not(:placeholder-shown):not([class*=-cozy]){--fdSearchField_Padding_Right:var(--fdSearchField_Padding_Right_Typed_Compact)}.fd-search-field__input:not(:placeholder-shown)+.fd-search-field__underline{display:none}.fd-search-field__input:not(:placeholder-shown)~.fd-search-field__actions{--fdSearchField_Clear_Button_Display:inline-flex}.fd-search-field__input:not(:placeholder-shown).is-focus,.fd-search-field__input:not(:placeholder-shown):focus{--fdSearchField_Box_Shadow:var(--sapSearchHover_Shadow);outline:none;z-index:5}.fd-search-field__input.is-hover,.fd-search-field__input:hover{--fdSearchField_Background:var(--fdSearchField_Background_Hover);--fdSearchField_Box_Shadow:var(--sapSearchHover_Shadow)}.fd-search-field__input.is-hover+.fd-search-field__underline,.fd-search-field__input:hover+.fd-search-field__underline{display:none}.fd-search-field__input.is-focus,.fd-search-field__input:focus{--fdSearchField_Background:var(--fdSearchField_Background_Focus);--fdSearchField_Border_Color:transparent;--fdSearchField_Box_Shadow:none;outline:var(--fdSearchField_Outline);outline-offset:var(--fdSearchField_Outline_Offset);z-index:5}.fd-search-field__input.is-focus+.fd-search-field__underline,.fd-search-field__input:focus+.fd-search-field__underline{display:none}.fd-search-field__underline{-webkit-box-sizing:border-box;border:0;border-radius:var(--fdSearchField_Border_Radius);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;position:absolute;width:100%}.fd-search-field__underline:after,.fd-search-field__underline:before{box-sizing:inherit;font-size:inherit}.fd-search-field__underline:after{background:var(--fdSearchField_Underline_Color);bottom:0;content:\"\";height:.0625rem;position:absolute;width:100%;z-index:30}.fd-search-field__actions{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:absolute;right:var(--fdSearchField_Actions_Offset);z-index:10}.fd-search-field__actions:after,.fd-search-field__actions:before{box-sizing:inherit;font-size:inherit}.fd-search-field__actions[dir=rtl],[dir=rtl] .fd-search-field__actions{left:var(--fdSearchField_Actions_Offset);right:auto}.fd-search-field__actions button.is-disabled,.fd-search-field__actions button:disabled,.fd-search-field__actions button[aria-disabled=true]{opacity:1}.fd-search-field__action-container{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSearchField_Action_Container_Size);justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;max-height:var(--fdSearchField_Action_Container_Size);max-width:var(--fdSearchField_Action_Container_Size);min-height:var(--fdSearchField_Action_Container_Size);min-width:var(--fdSearchField_Action_Container_Size);padding:0;width:var(--fdSearchField_Action_Container_Size)}.fd-search-field__action-container:after,.fd-search-field__action-container:before{box-sizing:inherit;font-size:inherit}.fd-search-field__action-container:first-child{display:var(--fdSearchField_Clear_Button_Display)}.fd-search-field__action-container button{--fdButton_Nested_Color:var(--sapShell_TextColor)}.fd-search-field[class*=-compact],[class*=-compact] .fd-search-field:not([class*=-cozy]){--fdSearchField_Height:var(--fdSearchField_Height_Compact);--fdSearchField_Padding:var(--fdSearchField_Padding_Compact);--fdSearchField_Actions_Offset:var(--fdSearchField_Actions_Offset_Compact);--fdSearchField_Action_Container_Size:var(--fdSearchField_Action_Container_Size_Compact);--fdSearchField_Padding_Left:var(--fdSearchField_Padding_Left_Compact);--fdSearchField_Padding_Right:var(--fdSearchField_Padding_Right_Compact)}\n"] }]
         }], propDecorators: { placeholder: [{
                 type: Input
             }], search: [{
@@ -59,4 +59,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
                 type: ViewChild,
                 args: ['searchInputField']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvYnRwL3NlYXJjaC1maWVsZC9zcmMvc2VhcmNoLWZpZWxkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2xpYnMvYnRwL3NlYXJjaC1maWVsZC9zcmMvc2VhcmNoLWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN2QyxPQUFPLEVBRUgsU0FBUyxFQUNULFVBQVUsRUFDVixVQUFVLEVBQ1YsWUFBWSxFQUNaLE1BQU0sRUFDTixLQUFLLEVBQ0wsTUFBTSxFQUNOLE1BQU0sRUFDTixTQUFTLEVBQ1QsaUJBQWlCLEVBQ3BCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBRXRFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsR0FBRyxFQUFFLE1BQU0sTUFBTSxDQUFDOzs7O0FBWS9CLE1BQU0sT0FBTyxvQkFBb0I7SUFWakM7UUFjSSx1REFBdUQ7UUFDN0MsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFNOUMsY0FBYztRQUNkLGVBQVUsR0FBNEIsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBS3pEOztxQkFFYTtRQUNILGtCQUFhLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRXhDLGNBQWM7UUFDTixnQkFBVyxHQUF1QixNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7UUFFN0QsY0FBYztRQUNOLGdCQUFXLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0tBMkI1QztJQXpCRyxjQUFjO0lBQ2QsS0FBSztRQUNELElBQUksQ0FBQyxpQkFBaUIsRUFBRSxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDbEQsQ0FBQztJQUNELGNBQWM7SUFDZCxlQUFlO1FBQ1gsSUFBSSxDQUFDLFdBQVcsQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUNuQyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsWUFBWSxFQUFFLFNBQVMsRUFBRSxZQUFZLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDO2FBQ3BFLElBQUksQ0FDRCxHQUFHLENBQUMsQ0FBQyxLQUFhLEVBQUUsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUMsQ0FBQyxFQUM3QyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQ3ZDO2FBQ0EsU0FBUyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELGNBQWM7SUFDSixXQUFXLENBQUMsTUFBYztRQUNoQyxJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztRQUNyQixJQUFJLENBQUMsV0FBVyxDQUFDLFlBQVksRUFBRSxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDcEQsQ0FBQztJQUVELGNBQWM7SUFDSixPQUFPO1FBQ2IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ2xDLENBQUM7OEdBcERRLG9CQUFvQjtrR0FBcEIsb0JBQW9CLHNJQUpsQixDQUFDLFVBQVUsQ0FBQyxtTUM3QjNCLGlzREF1Q0Esa3dSRFRjLGFBQWEsa0hBQVEsV0FBVywwbUJBQUUsZUFBZSxvREFBRSxlQUFlOzsyRkFHbkUsb0JBQW9CO2tCQVZoQyxTQUFTOytCQUNJLGtCQUFrQixjQUdoQixJQUFJLGtCQUNBLENBQUMsWUFBWSxDQUFDLGFBQ25CLENBQUMsVUFBVSxDQUFDLFdBQ2QsQ0FBQyxhQUFhLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxlQUFlLEVBQUUsZUFBZSxDQUFDLGlCQUM5RCxpQkFBaUIsQ0FBQyxJQUFJOzhCQUk1QixXQUFXO3NCQUFuQixLQUFLO2dCQUdJLE1BQU07c0JBQWYsTUFBTTtnQkFJRyxpQkFBaUI7c0JBRDFCLFNBQVM7dUJBQUMsa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICAgIEFmdGVyVmlld0luaXQsXG4gICAgQ29tcG9uZW50LFxuICAgIERlc3Ryb3lSZWYsXG4gICAgRWxlbWVudFJlZixcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgaW5qZWN0LFxuICAgIElucHV0LFxuICAgIE91dHB1dCxcbiAgICBzaWduYWwsXG4gICAgVmlld0NoaWxkLFxuICAgIFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgdGFrZVVudGlsRGVzdHJveWVkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZS9yeGpzLWludGVyb3AnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBDdmFDb250cm9sLCBDdmFEaXJlY3RpdmUgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2Nkay9mb3Jtcyc7XG5pbXBvcnQgeyBIYXNFbGVtZW50UmVmIH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jZGsvdXRpbHMnO1xuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jb3JlL2J1dHRvbic7XG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jb3JlL2ljb24nO1xuaW1wb3J0IHsgRmRUcmFuc2xhdGVQaXBlIH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9pMThuJztcbmltcG9ydCB7IG9mLCB0YXAgfSBmcm9tICdyeGpzJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdmZGItc2VhcmNoLWZpZWxkJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc2VhcmNoLWZpZWxkLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi4vLi4vLi4vLi4vbm9kZV9tb2R1bGVzL2Z1bmRhbWVudGFsLXN0eWxlcy9kaXN0L3NlYXJjaC1maWVsZC5jc3MnXSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGhvc3REaXJlY3RpdmVzOiBbQ3ZhRGlyZWN0aXZlXSxcbiAgICBwcm92aWRlcnM6IFtDdmFDb250cm9sXSxcbiAgICBpbXBvcnRzOiBbSWNvbkNvbXBvbmVudCwgTmdJZiwgRm9ybXNNb2R1bGUsIEZkVHJhbnNsYXRlUGlwZSwgQnV0dG9uQ29tcG9uZW50XSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIFNlYXJjaEZpZWxkQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgSGFzRWxlbWVudFJlZiB7XG4gICAgLyoqIFBsYWNlaG9sZGVyIGZvciB0aGUgaW5wdXQgZmllbGQuICovXG4gICAgQElucHV0KCkgcGxhY2Vob2xkZXI6IHN0cmluZztcblxuICAgIC8qKiBFdmVudCBlbWl0dGVkIHdoZW4gdGhlIHNlYXJjaCBidXR0b24gaXMgY2xpY2tlZC4gKi9cbiAgICBAT3V0cHV0KCkgc2VhcmNoID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIEBWaWV3Q2hpbGQoJ3NlYXJjaElucHV0RmllbGQnKVxuICAgIHByb3RlY3RlZCBfc2VhcmNoSW5wdXRGaWVsZD86IEVsZW1lbnRSZWY8SFRNTElucHV0RWxlbWVudD47XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+ID0gaW5qZWN0KEVsZW1lbnRSZWYpO1xuXG4gICAgLyoqIFZhbHVlIG9mIHRoZSBpbnB1dCBmaWVsZC4gKi9cbiAgICBwcm90ZWN0ZWQgX3ZhbHVlPzogc3RyaW5nO1xuXG4gICAgLyoqXG4gICAgICogV2hldGhlciB0aGUgc2VhcmNoIGZpZWxkIGlzIGZvY3VzZWRcbiAgICAgKiBAaGlkZGVuICovXG4gICAgcHJvdGVjdGVkIF9pbnB1dEZvY3VzZWQgPSBzaWduYWwoZmFsc2UpO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBwcml2YXRlIF9jdmFDb250cm9sOiBDdmFDb250cm9sPHN0cmluZz4gPSBpbmplY3QoQ3ZhQ29udHJvbCk7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIHByaXZhdGUgX2Rlc3Ryb3lSZWYgPSBpbmplY3QoRGVzdHJveVJlZik7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIGZvY3VzKCk6IHZvaWQge1xuICAgICAgICB0aGlzLl9zZWFyY2hJbnB1dEZpZWxkPy5uYXRpdmVFbGVtZW50LmZvY3VzKCk7XG4gICAgfVxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLl9jdmFDb250cm9sLmxpc3RlblRvQ2hhbmdlcygpO1xuICAgICAgICAodGhpcy5fY3ZhQ29udHJvbC5jdmFEaXJlY3RpdmU/Lm5nQ29udHJvbD8udmFsdWVDaGFuZ2VzIHx8IG9mKHVuZGVmaW5lZCkpXG4gICAgICAgICAgICAucGlwZShcbiAgICAgICAgICAgICAgICB0YXAoKHZhbHVlOiBzdHJpbmcpID0+ICh0aGlzLl92YWx1ZSA9IHZhbHVlKSksXG4gICAgICAgICAgICAgICAgdGFrZVVudGlsRGVzdHJveWVkKHRoaXMuX2Rlc3Ryb3lSZWYpXG4gICAgICAgICAgICApXG4gICAgICAgICAgICAuc3Vic2NyaWJlKCk7XG4gICAgfVxuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBwcm90ZWN0ZWQgdXBkYXRlVmFsdWUoJGV2ZW50OiBzdHJpbmcpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fdmFsdWUgPSAkZXZlbnQ7XG4gICAgICAgIHRoaXMuX2N2YUNvbnRyb2wuY3ZhRGlyZWN0aXZlPy5zZXRWYWx1ZSgkZXZlbnQpO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgcHJvdGVjdGVkIF9zZWFyY2goKTogdm9pZCB7XG4gICAgICAgIHRoaXMuc2VhcmNoLmVtaXQodGhpcy5fdmFsdWUpO1xuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJmZC1zZWFyY2gtZmllbGRcIj5cbiAgICA8ZmQtaWNvbiBnbHlwaD1cInNlYXJjaFwiIGNsYXNzPVwiZmQtc2VhcmNoLWZpZWxkX19pY29uXCIgcm9sZT1cInByZXNlbnRhdGlvblwiIFthcmlhSGlkZGVuXT1cInRydWVcIj48L2ZkLWljb24+XG4gICAgPGlucHV0XG4gICAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlciB8fCAoJ2J0cFNlYXJjaEZpZWxkLnNlYXJjaElucHV0UGxhY2Vob2xkZXInIHwgZmRUcmFuc2xhdGUpXCJcbiAgICAgICAgdHlwZT1cInNlYXJjaFwiXG4gICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiJ2J0cFNlYXJjaEZpZWxkLnNlYXJjaElucHV0QXJpYUxhYmVsJyB8IGZkVHJhbnNsYXRlXCJcbiAgICAgICAgY2xhc3M9XCJmZC1zZWFyY2gtZmllbGRfX2lucHV0XCJcbiAgICAgICAgW25nTW9kZWxdPVwiX3ZhbHVlXCJcbiAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwidXBkYXRlVmFsdWUoJGV2ZW50KVwiXG4gICAgICAgIChrZXlkb3duLmVudGVyKT1cIl9zZWFyY2goKVwiXG4gICAgICAgIChmb2N1c2luKT1cIl9pbnB1dEZvY3VzZWQuc2V0KHRydWUpXCJcbiAgICAgICAgKGZvY3Vzb3V0KT1cIl9pbnB1dEZvY3VzZWQuc2V0KGZhbHNlKVwiXG4gICAgICAgICNzZWFyY2hJbnB1dEZpZWxkXG4gICAgLz5cbiAgICA8ZGl2IHJvbGU9XCJwcmVzZW50YXRpb25cIiBhcmlhLWhpZGRlbj1cInRydWVcIiBjbGFzcz1cImZkLXNlYXJjaC1maWVsZF9fdW5kZXJsaW5lXCI+PC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImZkLXNlYXJjaC1maWVsZF9fYWN0aW9uc1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmQtc2VhcmNoLWZpZWxkX19hY3Rpb24tY29udGFpbmVyXCI+XG4gICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgZmQtYnV0dG9uXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJmZC1idXR0b24tLW5lc3RlZFwiXG4gICAgICAgICAgICAgICAgZ2x5cGg9XCJkZWNsaW5lXCJcbiAgICAgICAgICAgICAgICBbYXJpYUxhYmVsXT1cIididHBTZWFyY2hGaWVsZC5jbGVhckJ1dHRvbkxhYmVsJyB8IGZkVHJhbnNsYXRlXCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwidXBkYXRlVmFsdWUoJycpOyBzZWFyY2hJbnB1dEZpZWxkLmZvY3VzKClcIlxuICAgICAgICAgICAgPjwvYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZkLXNlYXJjaC1maWVsZF9fYWN0aW9uLWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAgIGZkLWJ1dHRvblxuICAgICAgICAgICAgICAgIChjbGljayk9XCJfc2VhcmNoKClcIlxuICAgICAgICAgICAgICAgIGdseXBoPVwic2xpbS1hcnJvdy1yaWdodFwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJmZC1idXR0b24tLW5lc3RlZFwiXG4gICAgICAgICAgICAgICAgW2NsYXNzLmlzLWZvY3VzXT1cIl92YWx1ZSAmJiBfaW5wdXRGb2N1c2VkKClcIlxuICAgICAgICAgICAgICAgIFthcmlhTGFiZWxdPVwiJ2J0cFNlYXJjaEZpZWxkLnNlYXJjaEJ1dHRvbkxhYmVsJyB8IGZkVHJhbnNsYXRlXCJcbiAgICAgICAgICAgICAgICBbYXR0ci5hcmlhLWRpc2FibGVkXT1cIiFfdmFsdWVcIlxuICAgICAgICAgICAgICAgIFthdHRyLnRhYmluZGV4XT1cIiFfdmFsdWUgPyAtMSA6IDBcIlxuICAgICAgICAgICAgPjwvYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvYnRwL3NlYXJjaC1maWVsZC9zcmMvc2VhcmNoLWZpZWxkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2xpYnMvYnRwL3NlYXJjaC1maWVsZC9zcmMvc2VhcmNoLWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN2QyxPQUFPLEVBRUgsU0FBUyxFQUNULFVBQVUsRUFDVixVQUFVLEVBQ1YsWUFBWSxFQUNaLE1BQU0sRUFDTixLQUFLLEVBQ0wsTUFBTSxFQUNOLE1BQU0sRUFDTixTQUFTLEVBQ1QsaUJBQWlCLEVBQ3BCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBRXRFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsR0FBRyxFQUFFLE1BQU0sTUFBTSxDQUFDOzs7O0FBWS9CLE1BQU0sT0FBTyxvQkFBb0I7SUFWakM7UUFjSSx1REFBdUQ7UUFDN0MsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFNOUMsY0FBYztRQUNkLGVBQVUsR0FBNEIsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBS3pEOztxQkFFYTtRQUNILGtCQUFhLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRXhDLGNBQWM7UUFDTixnQkFBVyxHQUF1QixNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7UUFFN0QsY0FBYztRQUNOLGdCQUFXLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0tBMkI1QztJQXpCRyxjQUFjO0lBQ2QsS0FBSztRQUNELElBQUksQ0FBQyxpQkFBaUIsRUFBRSxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDbEQsQ0FBQztJQUNELGNBQWM7SUFDZCxlQUFlO1FBQ1gsSUFBSSxDQUFDLFdBQVcsQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUNuQyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsWUFBWSxFQUFFLFNBQVMsRUFBRSxZQUFZLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDO2FBQ3BFLElBQUksQ0FDRCxHQUFHLENBQUMsQ0FBQyxLQUFhLEVBQUUsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUMsQ0FBQyxFQUM3QyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQ3ZDO2FBQ0EsU0FBUyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELGNBQWM7SUFDSixXQUFXLENBQUMsTUFBYztRQUNoQyxJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztRQUNyQixJQUFJLENBQUMsV0FBVyxDQUFDLFlBQVksRUFBRSxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDcEQsQ0FBQztJQUVELGNBQWM7SUFDSixPQUFPO1FBQ2IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ2xDLENBQUM7OEdBcERRLG9CQUFvQjtrR0FBcEIsb0JBQW9CLHNJQUpsQixDQUFDLFVBQVUsQ0FBQyxtTUM3QjNCLGlzREF1Q0Esa3dSRFRjLGFBQWEseUlBQVEsV0FBVywwbUJBQUUsZUFBZSxvREFBRSxlQUFlOzsyRkFHbkUsb0JBQW9CO2tCQVZoQyxTQUFTOytCQUNJLGtCQUFrQixjQUdoQixJQUFJLGtCQUNBLENBQUMsWUFBWSxDQUFDLGFBQ25CLENBQUMsVUFBVSxDQUFDLFdBQ2QsQ0FBQyxhQUFhLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxlQUFlLEVBQUUsZUFBZSxDQUFDLGlCQUM5RCxpQkFBaUIsQ0FBQyxJQUFJOzhCQUk1QixXQUFXO3NCQUFuQixLQUFLO2dCQUdJLE1BQU07c0JBQWYsTUFBTTtnQkFJRyxpQkFBaUI7c0JBRDFCLFNBQVM7dUJBQUMsa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICAgIEFmdGVyVmlld0luaXQsXG4gICAgQ29tcG9uZW50LFxuICAgIERlc3Ryb3lSZWYsXG4gICAgRWxlbWVudFJlZixcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgaW5qZWN0LFxuICAgIElucHV0LFxuICAgIE91dHB1dCxcbiAgICBzaWduYWwsXG4gICAgVmlld0NoaWxkLFxuICAgIFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgdGFrZVVudGlsRGVzdHJveWVkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZS9yeGpzLWludGVyb3AnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBDdmFDb250cm9sLCBDdmFEaXJlY3RpdmUgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2Nkay9mb3Jtcyc7XG5pbXBvcnQgeyBIYXNFbGVtZW50UmVmIH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jZGsvdXRpbHMnO1xuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jb3JlL2J1dHRvbic7XG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jb3JlL2ljb24nO1xuaW1wb3J0IHsgRmRUcmFuc2xhdGVQaXBlIH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9pMThuJztcbmltcG9ydCB7IG9mLCB0YXAgfSBmcm9tICdyeGpzJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdmZGItc2VhcmNoLWZpZWxkJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc2VhcmNoLWZpZWxkLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi4vLi4vLi4vLi4vbm9kZV9tb2R1bGVzL2Z1bmRhbWVudGFsLXN0eWxlcy9kaXN0L3NlYXJjaC1maWVsZC5jc3MnXSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGhvc3REaXJlY3RpdmVzOiBbQ3ZhRGlyZWN0aXZlXSxcbiAgICBwcm92aWRlcnM6IFtDdmFDb250cm9sXSxcbiAgICBpbXBvcnRzOiBbSWNvbkNvbXBvbmVudCwgTmdJZiwgRm9ybXNNb2R1bGUsIEZkVHJhbnNsYXRlUGlwZSwgQnV0dG9uQ29tcG9uZW50XSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIFNlYXJjaEZpZWxkQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgSGFzRWxlbWVudFJlZiB7XG4gICAgLyoqIFBsYWNlaG9sZGVyIGZvciB0aGUgaW5wdXQgZmllbGQuICovXG4gICAgQElucHV0KCkgcGxhY2Vob2xkZXI6IHN0cmluZztcblxuICAgIC8qKiBFdmVudCBlbWl0dGVkIHdoZW4gdGhlIHNlYXJjaCBidXR0b24gaXMgY2xpY2tlZC4gKi9cbiAgICBAT3V0cHV0KCkgc2VhcmNoID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIEBWaWV3Q2hpbGQoJ3NlYXJjaElucHV0RmllbGQnKVxuICAgIHByb3RlY3RlZCBfc2VhcmNoSW5wdXRGaWVsZD86IEVsZW1lbnRSZWY8SFRNTElucHV0RWxlbWVudD47XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+ID0gaW5qZWN0KEVsZW1lbnRSZWYpO1xuXG4gICAgLyoqIFZhbHVlIG9mIHRoZSBpbnB1dCBmaWVsZC4gKi9cbiAgICBwcm90ZWN0ZWQgX3ZhbHVlPzogc3RyaW5nO1xuXG4gICAgLyoqXG4gICAgICogV2hldGhlciB0aGUgc2VhcmNoIGZpZWxkIGlzIGZvY3VzZWRcbiAgICAgKiBAaGlkZGVuICovXG4gICAgcHJvdGVjdGVkIF9pbnB1dEZvY3VzZWQgPSBzaWduYWwoZmFsc2UpO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBwcml2YXRlIF9jdmFDb250cm9sOiBDdmFDb250cm9sPHN0cmluZz4gPSBpbmplY3QoQ3ZhQ29udHJvbCk7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIHByaXZhdGUgX2Rlc3Ryb3lSZWYgPSBpbmplY3QoRGVzdHJveVJlZik7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIGZvY3VzKCk6IHZvaWQge1xuICAgICAgICB0aGlzLl9zZWFyY2hJbnB1dEZpZWxkPy5uYXRpdmVFbGVtZW50LmZvY3VzKCk7XG4gICAgfVxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLl9jdmFDb250cm9sLmxpc3RlblRvQ2hhbmdlcygpO1xuICAgICAgICAodGhpcy5fY3ZhQ29udHJvbC5jdmFEaXJlY3RpdmU/Lm5nQ29udHJvbD8udmFsdWVDaGFuZ2VzIHx8IG9mKHVuZGVmaW5lZCkpXG4gICAgICAgICAgICAucGlwZShcbiAgICAgICAgICAgICAgICB0YXAoKHZhbHVlOiBzdHJpbmcpID0+ICh0aGlzLl92YWx1ZSA9IHZhbHVlKSksXG4gICAgICAgICAgICAgICAgdGFrZVVudGlsRGVzdHJveWVkKHRoaXMuX2Rlc3Ryb3lSZWYpXG4gICAgICAgICAgICApXG4gICAgICAgICAgICAuc3Vic2NyaWJlKCk7XG4gICAgfVxuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBwcm90ZWN0ZWQgdXBkYXRlVmFsdWUoJGV2ZW50OiBzdHJpbmcpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fdmFsdWUgPSAkZXZlbnQ7XG4gICAgICAgIHRoaXMuX2N2YUNvbnRyb2wuY3ZhRGlyZWN0aXZlPy5zZXRWYWx1ZSgkZXZlbnQpO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgcHJvdGVjdGVkIF9zZWFyY2goKTogdm9pZCB7XG4gICAgICAgIHRoaXMuc2VhcmNoLmVtaXQodGhpcy5fdmFsdWUpO1xuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJmZC1zZWFyY2gtZmllbGRcIj5cbiAgICA8ZmQtaWNvbiBnbHlwaD1cInNlYXJjaFwiIGNsYXNzPVwiZmQtc2VhcmNoLWZpZWxkX19pY29uXCIgcm9sZT1cInByZXNlbnRhdGlvblwiIFthcmlhSGlkZGVuXT1cInRydWVcIj48L2ZkLWljb24+XG4gICAgPGlucHV0XG4gICAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlciB8fCAoJ2J0cFNlYXJjaEZpZWxkLnNlYXJjaElucHV0UGxhY2Vob2xkZXInIHwgZmRUcmFuc2xhdGUpXCJcbiAgICAgICAgdHlwZT1cInNlYXJjaFwiXG4gICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiJ2J0cFNlYXJjaEZpZWxkLnNlYXJjaElucHV0QXJpYUxhYmVsJyB8IGZkVHJhbnNsYXRlXCJcbiAgICAgICAgY2xhc3M9XCJmZC1zZWFyY2gtZmllbGRfX2lucHV0XCJcbiAgICAgICAgW25nTW9kZWxdPVwiX3ZhbHVlXCJcbiAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwidXBkYXRlVmFsdWUoJGV2ZW50KVwiXG4gICAgICAgIChrZXlkb3duLmVudGVyKT1cIl9zZWFyY2goKVwiXG4gICAgICAgIChmb2N1c2luKT1cIl9pbnB1dEZvY3VzZWQuc2V0KHRydWUpXCJcbiAgICAgICAgKGZvY3Vzb3V0KT1cIl9pbnB1dEZvY3VzZWQuc2V0KGZhbHNlKVwiXG4gICAgICAgICNzZWFyY2hJbnB1dEZpZWxkXG4gICAgLz5cbiAgICA8ZGl2IHJvbGU9XCJwcmVzZW50YXRpb25cIiBhcmlhLWhpZGRlbj1cInRydWVcIiBjbGFzcz1cImZkLXNlYXJjaC1maWVsZF9fdW5kZXJsaW5lXCI+PC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImZkLXNlYXJjaC1maWVsZF9fYWN0aW9uc1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmQtc2VhcmNoLWZpZWxkX19hY3Rpb24tY29udGFpbmVyXCI+XG4gICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgZmQtYnV0dG9uXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJmZC1idXR0b24tLW5lc3RlZFwiXG4gICAgICAgICAgICAgICAgZ2x5cGg9XCJkZWNsaW5lXCJcbiAgICAgICAgICAgICAgICBbYXJpYUxhYmVsXT1cIididHBTZWFyY2hGaWVsZC5jbGVhckJ1dHRvbkxhYmVsJyB8IGZkVHJhbnNsYXRlXCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwidXBkYXRlVmFsdWUoJycpOyBzZWFyY2hJbnB1dEZpZWxkLmZvY3VzKClcIlxuICAgICAgICAgICAgPjwvYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZkLXNlYXJjaC1maWVsZF9fYWN0aW9uLWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAgIGZkLWJ1dHRvblxuICAgICAgICAgICAgICAgIChjbGljayk9XCJfc2VhcmNoKClcIlxuICAgICAgICAgICAgICAgIGdseXBoPVwic2xpbS1hcnJvdy1yaWdodFwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJmZC1idXR0b24tLW5lc3RlZFwiXG4gICAgICAgICAgICAgICAgW2NsYXNzLmlzLWZvY3VzXT1cIl92YWx1ZSAmJiBfaW5wdXRGb2N1c2VkKClcIlxuICAgICAgICAgICAgICAgIFthcmlhTGFiZWxdPVwiJ2J0cFNlYXJjaEZpZWxkLnNlYXJjaEJ1dHRvbkxhYmVsJyB8IGZkVHJhbnNsYXRlXCJcbiAgICAgICAgICAgICAgICBbYXR0ci5hcmlhLWRpc2FibGVkXT1cIiFfdmFsdWVcIlxuICAgICAgICAgICAgICAgIFthdHRyLnRhYmluZGV4XT1cIiFfdmFsdWUgPyAtMSA6IDBcIlxuICAgICAgICAgICAgPjwvYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2022/tool-header/components/tool-header/tool-header.component.mjs

@@ -155,7 +155,7 @@ export class ToolHeaderComponent extends ToolHeaderComponentClass {
                 provide: ToolHeaderComponentClass,
                 useExisting: ToolHeaderComponent
             }
-        ], queries: [{ propertyName: "_toolHeaderActionsDirective", first: true, predicate: ToolHeaderActionsDirective, descendants: true }, { propertyName: "_toolHeaderLogoDirective", first: true, predicate: ToolHeaderLogoDirective, descendants: true }, { propertyName: "_searchField", first: true, predicate: SearchFieldComponent, descendants: true }, { propertyName: "_toolHeaderUser", first: true, predicate: ToolHeaderUserDirective, descendants: true }, { propertyName: "_toolHeaderProductSwitch", first: true, predicate: FD_PRODUCT_SWITCH_COMPONENT, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div fdbToolHeaderGroup [class.fd-tool-header--menu]=\"showMenuButton\">\n    <div fdbToolHeaderElement *ngIf=\"fdbToolHeaderState().backButtonVisible\">\n        <button fd-button fdbToolHeaderButton glyph=\"slim-arrow-left\" (click)=\"searchFieldExpanded.set(false)\"></button>\n    </div>\n    <div fdbToolHeaderElement *ngIf=\"fdbToolHeaderState().menuButtonVisible && showMenuButton\">\n        <button\n            fd-button\n            fdbToolHeaderButton\n            [title]=\"'btpToolHeader.menuButtonAriaLabel' | fdTranslate\"\n            [ariaLabel]=\"'btpToolHeader.menuButtonAriaLabel' | fdTranslate\"\n            glyph=\"menu2\"\n            (keydown.arrowLeft)=\"_handleMenuLeftArrowKey()\"\n            (keydown.arrowRight)=\"_handleMenuRightArrowKey()\"\n            (click)=\"menuClick.emit()\"\n        ></button>\n    </div>\n    <div fdbToolHeaderElement *ngIf=\"fdbToolHeaderState().logoVisible\">\n        <ng-container *ngIf=\"_toolHeaderLogoDirective; else defaultLogo\">\n            <ng-content select=\"[fdbToolHeaderLogo]\"></ng-content>\n        </ng-container>\n        <ng-template #defaultLogo>\n            <img\n                fdbToolHeaderLogo\n                (click)=\"logoClick.emit()\"\n                src=\"https://unpkg.com/fundamental-styles/dist/images/sap-logo.png\"\n                srcset=\"\n                    https://unpkg.com/fundamental-styles/dist/images/sap-logo@2x.png 1x,\n                    https://unpkg.com/fundamental-styles/dist/images/sap-logo@3x.png 2x,\n                    https://unpkg.com/fundamental-styles/dist/images/sap-logo@4x.png 3x\n                \"\n                alt=\"SAP logo\"\n                aria-label=\"SAP logo\"\n                title=\"SAP logo\"\n            />\n        </ng-template>\n    </div>\n    <div fdbToolHeaderElement *ngIf=\"fdbToolHeaderState().productNameVisible\">\n        <h1 class=\"fd-tool-header__product-name\">\n            {{ productName }}\n        </h1>\n    </div>\n    <div fdbToolHeaderElement *ngIf=\"fdbToolHeaderState().secondTitleVisible && secondTitle\">\n        <div class=\"fd-tool-header__second-title\">\n            {{ secondTitle }}\n        </div>\n    </div>\n</div>\n\n<div fdbToolHeaderGroup center *ngIf=\"fdbToolHeaderState().searchFieldVisible\">\n    <ng-content select=\"fdb-search-field\"></ng-content>\n</div>\n\n<div fdbToolHeaderGroup actions>\n    <fd-overflow-layout fdbToolHeaderElement [style.justify-content]=\"'end'\">\n        <ng-container *ngIf=\"fdbToolHeaderState().searchFieldToggleActionVisible\">\n            <div fdbToolHeaderElement *fdOverflowItemRef=\"let hidden\" [forceVisibility]=\"true\" fdOverflowLayoutItem>\n                <button\n                    fd-button\n                    fdbToolHeaderButton\n                    glyph=\"search\"\n                    (click)=\"$event.stopPropagation(); expandSearchField()\"\n                ></button>\n            </div>\n        </ng-container>\n        <ng-container *ngIf=\"fdbToolHeaderState().providedActionsVisible\">\n            <ng-container *ngFor=\"let action of _toolHeaderActionsDirective?._actions()\">\n                <div\n                    fdbToolHeaderElement\n                    *fdOverflowItemRef=\"let hidden\"\n                    [forceVisibility]=\"!!action.forceVisibility\"\n                    fdOverflowLayoutItem\n                >\n                    <ng-template\n                        [ngIf]=\"!!action.templateRef\"\n                        [ngIfThen]=\"$any(action.templateRef)\"\n                        [ngIfElse]=\"defaultActionButtonTemplate\"\n                    ></ng-template>\n                    <ng-template #defaultActionButtonTemplate>\n                        <button\n                            fd-button\n                            fdbToolHeaderButton\n                            [glyph]=\"action.glyph\"\n                            (click)=\"action.clickCallback()\"\n                            [ariaLabel]=\"action.label\"\n                        >\n                            <span class=\"fd-button__badge\" *ngIf=\"action.hasBadge\"></span>\n                        </button>\n                    </ng-template>\n                    <div\n                        class=\"fd-tool-header__separator\"\n                        *ngIf=\"action.hasSeparator && fdbToolHeaderState().separatorsBetweenActionsVisible\"\n                    ></div>\n                </div>\n            </ng-container>\n        </ng-container>\n\n        <fdb-navigation-menu-popover *fdOverflowExpand=\"let overflowItems\" fdbToolHeaderElement>\n            <button *fdbNavigationMenuPopoverControl fd-button fdbToolHeaderButton glyph=\"overflow\"></button>\n            <ul *fdPopoverBody fdkFocusableList [wrap]=\"true\" fdb-navigation-menu>\n                <ng-container *ngFor=\"let item of overflowItems\">\n                    <ng-container *ngIf=\"_toolHeaderActionsDirective?._actions() as actions\">\n                        <li\n                            *ngIf=\"\n                                fdbToolHeaderState().searchFieldToggleActionVisible\n                                    ? actions[item.globalIndex - 1]\n                                    : actions[item.globalIndex] as action\n                            \"\n                            fdb-navigation-menu-item\n                            fdkFocusableItem\n                            [glyph]=\"action.glyph\"\n                            (click)=\"action.clickCallback()\"\n                            [label]=\"action.label\"\n                        ></li>\n                    </ng-container>\n                </ng-container>\n            </ul>\n        </fdb-navigation-menu-popover>\n    </fd-overflow-layout>\n    <ng-container *ngIf=\"fdbToolHeaderState().userAvatarVisible && _toolHeaderUser\">\n        <div fdbToolHeaderElement>\n            <div class=\"fd-tool-header__separator\"></div>\n            <ng-content select=\"[fdbToolHeaderUser]\"></ng-content>\n        </div>\n    </ng-container>\n    <ng-container *ngIf=\"fdbToolHeaderState().productSwitchVisible && _toolHeaderProductSwitch\">\n        <div fdbToolHeaderElement>\n            <div class=\"fd-tool-header__separator\"></div>\n            <ng-content select=\"fdb-tool-header-product-switch, fd-product-switch\"></ng-content>\n        </div>\n    </ng-container>\n    <div fdbToolHeaderElement *ngIf=\"fdbToolHeaderState().voiceInputVisible\">\n        <button\n            fd-button\n            fdbToolHeaderButton\n            glyph=\"microphone\"\n            [ariaLabel]=\"'Search with voice'\"\n            (click)=\"microphoneClick.emit()\"\n        ></button>\n    </div>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.30.2\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-tool-header{--fdToolHeader_Min_Height:var(--sapToolHeader_Min_Height_Cozy);--fdToolHeader_Padding_Left:1.5rem;--fdToolHeader_Padding_Right:1.25rem;-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapToolHeader_Shadow1);background:var(--sapShellColor);border:0;border:.0625rem solid var(--fdToolHeader_Border_Color);border-radius:var(--sapToolHeader_Border_Radius);box-shadow:var(--sapToolHeader_Shadow1);box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.75rem;height:auto;line-height:var(--sapContent_LineHeight);margin:0;min-height:var(--fdToolHeader_Min_Height);padding:0;padding:var(--sapToolHeader_Paddings_Y) var(--fdToolHeader_Padding_Right) var(--sapToolHeader_Paddings_Y) var(--fdToolHeader_Padding_Left);width:100%}.fd-tool-header:after,.fd-tool-header:before{box-sizing:inherit;font-size:inherit}.fd-tool-header[dir=rtl],[dir=rtl] .fd-tool-header{padding-left:var(--fdToolHeader_Padding_Right);padding-right:var(--fdToolHeader_Padding_Left)}.fd-tool-header__group{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-ms-flex:1;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex:1;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.375rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-tool-header__group:after,.fd-tool-header__group:before{box-sizing:inherit;font-size:inherit}.fd-tool-header__group--center,.fd-tool-header__group--menu{flex:0}.fd-tool-header__group--actions{justify-content:flex-end}.fd-tool-header__group--hidden{display:none}.fd-tool-header__element{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-tool-header__element:after,.fd-tool-header__element:before{box-sizing:inherit;font-size:inherit}.fd-tool-header__element--hidden{display:none}.fd-tool-header__logo{-webkit-box-sizing:border-box;background-repeat:no-repeat;background-size:contain;border:0;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1.625rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:auto}.fd-tool-header__logo:after,.fd-tool-header__logo:before{box-sizing:inherit;font-size:inherit}.fd-tool-header__logo.is-focus,.fd-tool-header__logo:focus{border-radius:.25rem;outline:var(--sapContent_FocusStyle) var(--sapContent_FocusWidth) var(--sapContent_FocusColor);outline-offset:.125rem;z-index:5}.fd-tool-header__separator{-webkit-box-sizing:border-box;background:transparent;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:.75rem;line-height:var(--sapContent_LineHeight);margin:0;max-height:.75rem;max-width:.75rem;min-height:.75rem;min-width:.75rem;padding:0;width:.75rem}.fd-tool-header__separator:after,.fd-tool-header__separator:before{box-sizing:inherit;font-size:inherit}.fd-tool-header__product-name{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapToolHeader_Product_Name_Color);font-family:var(--sapFontFamily);font-family:var(--sapFontBlackFamily);font-size:var(--sapFontSize);font-size:var(--sapToolHeader_Product_Name_Font_Size);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1.625rem;margin:0;padding:0;vertical-align:baseline}.fd-tool-header__product-name:after,.fd-tool-header__product-name:before{box-sizing:inherit;font-size:inherit}.fd-tool-header__second-title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapToolHeader_Second_Title_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapToolHeader_Second_Title_Font_Size);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;margin-top:var(--sapToolHeader_Second_Title_Offset);padding:0;vertical-align:baseline}.fd-tool-header__second-title:after,.fd-tool-header__second-title:before{box-sizing:inherit;font-size:inherit}.fd-tool-header--menu{--fdToolHeader_Padding_Left:.75rem}.fd-tool-header[class*=-compact],[class*=-compact] .fd-tool-header:not([class*=-cozy]){--fdToolHeader_Min_Height:var(--sapToolHeader_Min_Height_Compact)}.fd-popover__body.fdb-tool-header-actions-overflow-popover-body{--fdPopover_Offset: .3875rem;width:auto;height:auto;padding:.5rem;background:var(--sapGroup_ContentBackground);border:none;border-radius:.5rem;box-shadow:var(--sapMenu_Shadow1)}.fd-popover__body.fdb-tool-header-actions-overflow-popover-body .fd-menu{--fdMenu_Item_Spacing_Left: 0}.fd-popover__body.fdb-tool-header-actions-overflow-popover-body .fd-menu .fd-menu__link{--fdMenu_Link_Height: 2rem;border-radius:.375rem}.fd-popover__body.fdb-tool-header-actions-overflow-popover-body .fd-menu .fd-menu__link:focus:after{display:none}.fd-popover__body.fdb-tool-header-actions-overflow-popover-body .fd-menu .fd-menu__link:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:.375rem;inset:.125rem;content:\"\";pointer-events:none;position:absolute}\n"], dependencies: [{ kind: "directive", type: ToolHeaderGroupDirective, selector: "[fdbToolHeaderGroup]", inputs: ["center", "actions"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: OverflowLayoutComponent, selector: "fd-overflow-layout", inputs: ["maxVisibleItems", "navigationTrigger", "showMorePosition", "reverseHiddenItems", "enableKeyboardNavigation", "moreItemsButtonText"], outputs: ["visibleItemsCount", "hiddenItemsCount"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: OverflowLayoutItemDirective, selector: "[fdOverflowLayoutItem]", inputs: ["forceVisibility"], outputs: ["hiddenChange"] }, { kind: "directive", type: OverflowItemRefDirective, selector: "[fdOverflowItemRef]", inputs: ["fdOverflowItemRef"] }, { kind: "directive", type: OverflowExpandDirective, selector: "[fdOverflowExpand]", inputs: ["fdOverflowExpandItems"] }, { kind: "directive", type: PopoverBodyDirective, selector: "[fdPopoverBody]" }, { kind: "directive", type: ToolHeaderElementDirective, selector: "[fdbToolHeaderElement]" }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: ToolHeaderButtonDirective, selector: "[fd-button][fdbToolHeaderButton]", inputs: ["hasBadge"] }, { kind: "directive", type: ToolHeaderLogoDirective, selector: "[fdbToolHeaderLogo]" }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }, { kind: "component", type: NavigationMenuComponent, selector: "fdb-navigation-menu, ul[fdb-navigation-menu]" }, { kind: "component", type: NavigationMenuItemComponent, selector: "fdb-navigation-menu-item, li[fdb-navigation-menu-item]", inputs: ["glyph", "label"] }, { kind: "directive", type: FocusableListDirective, selector: "[fdkFocusableList]", inputs: ["focusable", "navigationDirection", "contentDirection", "wrap", "listFocusedEventAnnouncer"], outputs: ["itemFocused"], exportAs: ["fdkFocusableList"] }, { kind: "directive", type: FocusableItemDirective, selector: "[fdkFocusableItem]", inputs: ["fdkFocusableItem", "cellFocusedEventAnnouncer"], outputs: ["cellFocused"] }, { kind: "component", type: NavigationMenuPopoverComponent, selector: "fdb-navigation-menu-popover" }, { kind: "directive", type: NavigationMenuPopoverControlDirective, selector: "[fdbNavigationMenuPopoverControl]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], queries: [{ propertyName: "_toolHeaderActionsDirective", first: true, predicate: ToolHeaderActionsDirective, descendants: true }, { propertyName: "_toolHeaderLogoDirective", first: true, predicate: ToolHeaderLogoDirective, descendants: true }, { propertyName: "_searchField", first: true, predicate: SearchFieldComponent, descendants: true }, { propertyName: "_toolHeaderUser", first: true, predicate: ToolHeaderUserDirective, descendants: true }, { propertyName: "_toolHeaderProductSwitch", first: true, predicate: FD_PRODUCT_SWITCH_COMPONENT, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div fdbToolHeaderGroup [class.fd-tool-header--menu]=\"showMenuButton\">\n    <div fdbToolHeaderElement *ngIf=\"fdbToolHeaderState().backButtonVisible\">\n        <button fd-button fdbToolHeaderButton glyph=\"slim-arrow-left\" (click)=\"searchFieldExpanded.set(false)\"></button>\n    </div>\n    <div fdbToolHeaderElement *ngIf=\"fdbToolHeaderState().menuButtonVisible && showMenuButton\">\n        <button\n            fd-button\n            fdbToolHeaderButton\n            [title]=\"'btpToolHeader.menuButtonAriaLabel' | fdTranslate\"\n            [ariaLabel]=\"'btpToolHeader.menuButtonAriaLabel' | fdTranslate\"\n            glyph=\"menu2\"\n            (keydown.arrowLeft)=\"_handleMenuLeftArrowKey()\"\n            (keydown.arrowRight)=\"_handleMenuRightArrowKey()\"\n            (click)=\"menuClick.emit()\"\n        ></button>\n    </div>\n    <div fdbToolHeaderElement *ngIf=\"fdbToolHeaderState().logoVisible\">\n        <ng-container *ngIf=\"_toolHeaderLogoDirective; else defaultLogo\">\n            <ng-content select=\"[fdbToolHeaderLogo]\"></ng-content>\n        </ng-container>\n        <ng-template #defaultLogo>\n            <img\n                fdbToolHeaderLogo\n                (click)=\"logoClick.emit()\"\n                src=\"https://unpkg.com/fundamental-styles/dist/images/sap-logo.png\"\n                srcset=\"\n                    https://unpkg.com/fundamental-styles/dist/images/sap-logo@2x.png 1x,\n                    https://unpkg.com/fundamental-styles/dist/images/sap-logo@3x.png 2x,\n                    https://unpkg.com/fundamental-styles/dist/images/sap-logo@4x.png 3x\n                \"\n                alt=\"SAP logo\"\n                aria-label=\"SAP logo\"\n                title=\"SAP logo\"\n            />\n        </ng-template>\n    </div>\n    <div fdbToolHeaderElement *ngIf=\"fdbToolHeaderState().productNameVisible\">\n        <h1 class=\"fd-tool-header__product-name\">\n            {{ productName }}\n        </h1>\n    </div>\n    <div fdbToolHeaderElement *ngIf=\"fdbToolHeaderState().secondTitleVisible && secondTitle\">\n        <div class=\"fd-tool-header__second-title\">\n            {{ secondTitle }}\n        </div>\n    </div>\n</div>\n\n<div fdbToolHeaderGroup center *ngIf=\"fdbToolHeaderState().searchFieldVisible\">\n    <ng-content select=\"fdb-search-field\"></ng-content>\n</div>\n\n<div fdbToolHeaderGroup actions>\n    <fd-overflow-layout fdbToolHeaderElement [style.justify-content]=\"'end'\">\n        <ng-container *ngIf=\"fdbToolHeaderState().searchFieldToggleActionVisible\">\n            <div fdbToolHeaderElement *fdOverflowItemRef=\"let hidden\" [forceVisibility]=\"true\" fdOverflowLayoutItem>\n                <button\n                    fd-button\n                    fdbToolHeaderButton\n                    glyph=\"search\"\n                    (click)=\"$event.stopPropagation(); expandSearchField()\"\n                ></button>\n            </div>\n        </ng-container>\n        <ng-container *ngIf=\"fdbToolHeaderState().providedActionsVisible\">\n            <ng-container *ngFor=\"let action of _toolHeaderActionsDirective?._actions()\">\n                <div\n                    fdbToolHeaderElement\n                    *fdOverflowItemRef=\"let hidden\"\n                    [forceVisibility]=\"!!action.forceVisibility\"\n                    fdOverflowLayoutItem\n                >\n                    <ng-template\n                        [ngIf]=\"!!action.templateRef\"\n                        [ngIfThen]=\"$any(action.templateRef)\"\n                        [ngIfElse]=\"defaultActionButtonTemplate\"\n                    ></ng-template>\n                    <ng-template #defaultActionButtonTemplate>\n                        <button\n                            fd-button\n                            fdbToolHeaderButton\n                            [glyph]=\"action.glyph\"\n                            (click)=\"action.clickCallback()\"\n                            [ariaLabel]=\"action.label\"\n                        >\n                            <span class=\"fd-button__badge\" *ngIf=\"action.hasBadge\"></span>\n                        </button>\n                    </ng-template>\n                    <div\n                        class=\"fd-tool-header__separator\"\n                        *ngIf=\"action.hasSeparator && fdbToolHeaderState().separatorsBetweenActionsVisible\"\n                    ></div>\n                </div>\n            </ng-container>\n        </ng-container>\n\n        <fdb-navigation-menu-popover *fdOverflowExpand=\"let overflowItems\" fdbToolHeaderElement>\n            <button *fdbNavigationMenuPopoverControl fd-button fdbToolHeaderButton glyph=\"overflow\"></button>\n            <ul *fdPopoverBody fdkFocusableList [wrap]=\"true\" fdb-navigation-menu>\n                <ng-container *ngFor=\"let item of overflowItems\">\n                    <ng-container *ngIf=\"_toolHeaderActionsDirective?._actions() as actions\">\n                        <li\n                            *ngIf=\"\n                                fdbToolHeaderState().searchFieldToggleActionVisible\n                                    ? actions[item.globalIndex - 1]\n                                    : actions[item.globalIndex] as action\n                            \"\n                            fdb-navigation-menu-item\n                            fdkFocusableItem\n                            [glyph]=\"action.glyph\"\n                            (click)=\"action.clickCallback()\"\n                            [label]=\"action.label\"\n                        ></li>\n                    </ng-container>\n                </ng-container>\n            </ul>\n        </fdb-navigation-menu-popover>\n    </fd-overflow-layout>\n    <ng-container *ngIf=\"fdbToolHeaderState().userAvatarVisible && _toolHeaderUser\">\n        <div fdbToolHeaderElement>\n            <div class=\"fd-tool-header__separator\"></div>\n            <ng-content select=\"[fdbToolHeaderUser]\"></ng-content>\n        </div>\n    </ng-container>\n    <ng-container *ngIf=\"fdbToolHeaderState().productSwitchVisible && _toolHeaderProductSwitch\">\n        <div fdbToolHeaderElement>\n            <div class=\"fd-tool-header__separator\"></div>\n            <ng-content select=\"fdb-tool-header-product-switch, fd-product-switch\"></ng-content>\n        </div>\n    </ng-container>\n    <div fdbToolHeaderElement *ngIf=\"fdbToolHeaderState().voiceInputVisible\">\n        <button\n            fd-button\n            fdbToolHeaderButton\n            glyph=\"microphone\"\n            [ariaLabel]=\"'Search with voice'\"\n            (click)=\"microphoneClick.emit()\"\n        ></button>\n    </div>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.31.0\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-tool-header{--fdToolHeader_Min_Height:var(--sapToolHeader_Min_Height_Cozy);--fdToolHeader_Padding_Left:1.5rem;--fdToolHeader_Padding_Right:1.25rem;-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapToolHeader_Shadow1);background:var(--sapShellColor);border:0;border:.0625rem solid var(--fdToolHeader_Border_Color);border-radius:var(--sapToolHeader_Border_Radius);box-shadow:var(--sapToolHeader_Shadow1);box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.75rem;height:auto;line-height:var(--sapContent_LineHeight);margin:0;min-height:var(--fdToolHeader_Min_Height);padding:0;padding:var(--sapToolHeader_Paddings_Y) var(--fdToolHeader_Padding_Right) var(--sapToolHeader_Paddings_Y) var(--fdToolHeader_Padding_Left);width:100%}.fd-tool-header:after,.fd-tool-header:before{box-sizing:inherit;font-size:inherit}.fd-tool-header[dir=rtl],[dir=rtl] .fd-tool-header{padding-left:var(--fdToolHeader_Padding_Right);padding-right:var(--fdToolHeader_Padding_Left)}.fd-tool-header__group{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-ms-flex:1;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex:1;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.375rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-tool-header__group:after,.fd-tool-header__group:before{box-sizing:inherit;font-size:inherit}.fd-tool-header__group--center,.fd-tool-header__group--menu{flex:0}.fd-tool-header__group--actions{justify-content:flex-end}.fd-tool-header__group--hidden{display:none}.fd-tool-header__element{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-tool-header__element:after,.fd-tool-header__element:before{box-sizing:inherit;font-size:inherit}.fd-tool-header__element--hidden{display:none}.fd-tool-header__logo{-webkit-box-sizing:border-box;background-repeat:no-repeat;background-size:contain;border:0;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1.625rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:auto}.fd-tool-header__logo:after,.fd-tool-header__logo:before{box-sizing:inherit;font-size:inherit}.fd-tool-header__logo.is-focus,.fd-tool-header__logo:focus{border-radius:.25rem;outline:var(--sapContent_FocusStyle) var(--sapContent_FocusWidth) var(--sapContent_FocusColor);outline-offset:.125rem;z-index:5}.fd-tool-header__separator{-webkit-box-sizing:border-box;background:transparent;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:.75rem;line-height:var(--sapContent_LineHeight);margin:0;max-height:.75rem;max-width:.75rem;min-height:.75rem;min-width:.75rem;padding:0;width:.75rem}.fd-tool-header__separator:after,.fd-tool-header__separator:before{box-sizing:inherit;font-size:inherit}.fd-tool-header__product-name{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapToolHeader_Product_Name_Color);font-family:var(--sapFontFamily);font-family:var(--sapFontBlackFamily);font-size:var(--sapFontSize);font-size:var(--sapToolHeader_Product_Name_Font_Size);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1.625rem;margin:0;padding:0;vertical-align:baseline}.fd-tool-header__product-name:after,.fd-tool-header__product-name:before{box-sizing:inherit;font-size:inherit}.fd-tool-header__second-title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapToolHeader_Second_Title_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapToolHeader_Second_Title_Font_Size);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;margin-top:var(--sapToolHeader_Second_Title_Offset);padding:0;vertical-align:baseline}.fd-tool-header__second-title:after,.fd-tool-header__second-title:before{box-sizing:inherit;font-size:inherit}.fd-tool-header--menu{--fdToolHeader_Padding_Left:.75rem}.fd-tool-header[class*=-compact],[class*=-compact] .fd-tool-header:not([class*=-cozy]){--fdToolHeader_Min_Height:var(--sapToolHeader_Min_Height_Compact)}.fd-popover__body.fdb-tool-header-actions-overflow-popover-body{--fdPopover_Offset: .3875rem;width:auto;height:auto;padding:.5rem;background:var(--sapGroup_ContentBackground);border:none;border-radius:.5rem;box-shadow:var(--sapMenu_Shadow1)}.fd-popover__body.fdb-tool-header-actions-overflow-popover-body .fd-menu{--fdMenu_Item_Spacing_Left: 0}.fd-popover__body.fdb-tool-header-actions-overflow-popover-body .fd-menu .fd-menu__link{--fdMenu_Link_Height: 2rem;border-radius:.375rem}.fd-popover__body.fdb-tool-header-actions-overflow-popover-body .fd-menu .fd-menu__link:focus:after{display:none}.fd-popover__body.fdb-tool-header-actions-overflow-popover-body .fd-menu .fd-menu__link:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:.375rem;inset:.125rem;content:\"\";pointer-events:none;position:absolute}\n"], dependencies: [{ kind: "directive", type: ToolHeaderGroupDirective, selector: "[fdbToolHeaderGroup]", inputs: ["center", "actions"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: OverflowLayoutComponent, selector: "fd-overflow-layout", inputs: ["maxVisibleItems", "navigationTrigger", "showMorePosition", "reverseHiddenItems", "enableKeyboardNavigation", "moreItemsButtonText"], outputs: ["visibleItemsCount", "hiddenItemsCount"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: OverflowLayoutItemDirective, selector: "[fdOverflowLayoutItem]", inputs: ["forceVisibility"], outputs: ["hiddenChange"] }, { kind: "directive", type: OverflowItemRefDirective, selector: "[fdOverflowItemRef]", inputs: ["fdOverflowItemRef"] }, { kind: "directive", type: OverflowExpandDirective, selector: "[fdOverflowExpand]", inputs: ["fdOverflowExpandItems"] }, { kind: "directive", type: PopoverBodyDirective, selector: "[fdPopoverBody]" }, { kind: "directive", type: ToolHeaderElementDirective, selector: "[fdbToolHeaderElement]" }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: ToolHeaderButtonDirective, selector: "[fd-button][fdbToolHeaderButton]", inputs: ["hasBadge"] }, { kind: "directive", type: ToolHeaderLogoDirective, selector: "[fdbToolHeaderLogo]" }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }, { kind: "component", type: NavigationMenuComponent, selector: "fdb-navigation-menu, ul[fdb-navigation-menu]" }, { kind: "component", type: NavigationMenuItemComponent, selector: "fdb-navigation-menu-item, li[fdb-navigation-menu-item]", inputs: ["glyph", "label"] }, { kind: "directive", type: FocusableListDirective, selector: "[fdkFocusableList]", inputs: ["focusable", "navigationDirection", "contentDirection", "wrap", "listFocusedEventAnnouncer"], outputs: ["itemFocused"], exportAs: ["fdkFocusableList"] }, { kind: "directive", type: FocusableItemDirective, selector: "[fdkFocusableItem]", inputs: ["fdkFocusableItem", "cellFocusedEventAnnouncer"], outputs: ["cellFocused"] }, { kind: "component", type: NavigationMenuPopoverComponent, selector: "fdb-navigation-menu-popover" }, { kind: "directive", type: NavigationMenuPopoverControlDirective, selector: "[fdbNavigationMenuPopoverControl]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ToolHeaderComponent, decorators: [{
             type: Component,
@@ -177,7 +177,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
                             provide: ToolHeaderComponentClass,
                             useExisting: ToolHeaderComponent
                         }
-                    ], template: "<div fdbToolHeaderGroup [class.fd-tool-header--menu]=\"showMenuButton\">\n    <div fdbToolHeaderElement *ngIf=\"fdbToolHeaderState().backButtonVisible\">\n        <button fd-button fdbToolHeaderButton glyph=\"slim-arrow-left\" (click)=\"searchFieldExpanded.set(false)\"></button>\n    </div>\n    <div fdbToolHeaderElement *ngIf=\"fdbToolHeaderState().menuButtonVisible && showMenuButton\">\n        <button\n            fd-button\n            fdbToolHeaderButton\n            [title]=\"'btpToolHeader.menuButtonAriaLabel' | fdTranslate\"\n            [ariaLabel]=\"'btpToolHeader.menuButtonAriaLabel' | fdTranslate\"\n            glyph=\"menu2\"\n            (keydown.arrowLeft)=\"_handleMenuLeftArrowKey()\"\n            (keydown.arrowRight)=\"_handleMenuRightArrowKey()\"\n            (click)=\"menuClick.emit()\"\n        ></button>\n    </div>\n    <div fdbToolHeaderElement *ngIf=\"fdbToolHeaderState().logoVisible\">\n        <ng-container *ngIf=\"_toolHeaderLogoDirective; else defaultLogo\">\n            <ng-content select=\"[fdbToolHeaderLogo]\"></ng-content>\n        </ng-container>\n        <ng-template #defaultLogo>\n            <img\n                fdbToolHeaderLogo\n                (click)=\"logoClick.emit()\"\n                src=\"https://unpkg.com/fundamental-styles/dist/images/sap-logo.png\"\n                srcset=\"\n                    https://unpkg.com/fundamental-styles/dist/images/sap-logo@2x.png 1x,\n                    https://unpkg.com/fundamental-styles/dist/images/sap-logo@3x.png 2x,\n                    https://unpkg.com/fundamental-styles/dist/images/sap-logo@4x.png 3x\n                \"\n                alt=\"SAP logo\"\n                aria-label=\"SAP logo\"\n                title=\"SAP logo\"\n            />\n        </ng-template>\n    </div>\n    <div fdbToolHeaderElement *ngIf=\"fdbToolHeaderState().productNameVisible\">\n        <h1 class=\"fd-tool-header__product-name\">\n            {{ productName }}\n        </h1>\n    </div>\n    <div fdbToolHeaderElement *ngIf=\"fdbToolHeaderState().secondTitleVisible && secondTitle\">\n        <div class=\"fd-tool-header__second-title\">\n            {{ secondTitle }}\n        </div>\n    </div>\n</div>\n\n<div fdbToolHeaderGroup center *ngIf=\"fdbToolHeaderState().searchFieldVisible\">\n    <ng-content select=\"fdb-search-field\"></ng-content>\n</div>\n\n<div fdbToolHeaderGroup actions>\n    <fd-overflow-layout fdbToolHeaderElement [style.justify-content]=\"'end'\">\n        <ng-container *ngIf=\"fdbToolHeaderState().searchFieldToggleActionVisible\">\n            <div fdbToolHeaderElement *fdOverflowItemRef=\"let hidden\" [forceVisibility]=\"true\" fdOverflowLayoutItem>\n                <button\n                    fd-button\n                    fdbToolHeaderButton\n                    glyph=\"search\"\n                    (click)=\"$event.stopPropagation(); expandSearchField()\"\n                ></button>\n            </div>\n        </ng-container>\n        <ng-container *ngIf=\"fdbToolHeaderState().providedActionsVisible\">\n            <ng-container *ngFor=\"let action of _toolHeaderActionsDirective?._actions()\">\n                <div\n                    fdbToolHeaderElement\n                    *fdOverflowItemRef=\"let hidden\"\n                    [forceVisibility]=\"!!action.forceVisibility\"\n                    fdOverflowLayoutItem\n                >\n                    <ng-template\n                        [ngIf]=\"!!action.templateRef\"\n                        [ngIfThen]=\"$any(action.templateRef)\"\n                        [ngIfElse]=\"defaultActionButtonTemplate\"\n                    ></ng-template>\n                    <ng-template #defaultActionButtonTemplate>\n                        <button\n                            fd-button\n                            fdbToolHeaderButton\n                            [glyph]=\"action.glyph\"\n                            (click)=\"action.clickCallback()\"\n                            [ariaLabel]=\"action.label\"\n                        >\n                            <span class=\"fd-button__badge\" *ngIf=\"action.hasBadge\"></span>\n                        </button>\n                    </ng-template>\n                    <div\n                        class=\"fd-tool-header__separator\"\n                        *ngIf=\"action.hasSeparator && fdbToolHeaderState().separatorsBetweenActionsVisible\"\n                    ></div>\n                </div>\n            </ng-container>\n        </ng-container>\n\n        <fdb-navigation-menu-popover *fdOverflowExpand=\"let overflowItems\" fdbToolHeaderElement>\n            <button *fdbNavigationMenuPopoverControl fd-button fdbToolHeaderButton glyph=\"overflow\"></button>\n            <ul *fdPopoverBody fdkFocusableList [wrap]=\"true\" fdb-navigation-menu>\n                <ng-container *ngFor=\"let item of overflowItems\">\n                    <ng-container *ngIf=\"_toolHeaderActionsDirective?._actions() as actions\">\n                        <li\n                            *ngIf=\"\n                                fdbToolHeaderState().searchFieldToggleActionVisible\n                                    ? actions[item.globalIndex - 1]\n                                    : actions[item.globalIndex] as action\n                            \"\n                            fdb-navigation-menu-item\n                            fdkFocusableItem\n                            [glyph]=\"action.glyph\"\n                            (click)=\"action.clickCallback()\"\n                            [label]=\"action.label\"\n                        ></li>\n                    </ng-container>\n                </ng-container>\n            </ul>\n        </fdb-navigation-menu-popover>\n    </fd-overflow-layout>\n    <ng-container *ngIf=\"fdbToolHeaderState().userAvatarVisible && _toolHeaderUser\">\n        <div fdbToolHeaderElement>\n            <div class=\"fd-tool-header__separator\"></div>\n            <ng-content select=\"[fdbToolHeaderUser]\"></ng-content>\n        </div>\n    </ng-container>\n    <ng-container *ngIf=\"fdbToolHeaderState().productSwitchVisible && _toolHeaderProductSwitch\">\n        <div fdbToolHeaderElement>\n            <div class=\"fd-tool-header__separator\"></div>\n            <ng-content select=\"fdb-tool-header-product-switch, fd-product-switch\"></ng-content>\n        </div>\n    </ng-container>\n    <div fdbToolHeaderElement *ngIf=\"fdbToolHeaderState().voiceInputVisible\">\n        <button\n            fd-button\n            fdbToolHeaderButton\n            glyph=\"microphone\"\n            [ariaLabel]=\"'Search with voice'\"\n            (click)=\"microphoneClick.emit()\"\n        ></button>\n    </div>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.30.2\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-tool-header{--fdToolHeader_Min_Height:var(--sapToolHeader_Min_Height_Cozy);--fdToolHeader_Padding_Left:1.5rem;--fdToolHeader_Padding_Right:1.25rem;-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapToolHeader_Shadow1);background:var(--sapShellColor);border:0;border:.0625rem solid var(--fdToolHeader_Border_Color);border-radius:var(--sapToolHeader_Border_Radius);box-shadow:var(--sapToolHeader_Shadow1);box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.75rem;height:auto;line-height:var(--sapContent_LineHeight);margin:0;min-height:var(--fdToolHeader_Min_Height);padding:0;padding:var(--sapToolHeader_Paddings_Y) var(--fdToolHeader_Padding_Right) var(--sapToolHeader_Paddings_Y) var(--fdToolHeader_Padding_Left);width:100%}.fd-tool-header:after,.fd-tool-header:before{box-sizing:inherit;font-size:inherit}.fd-tool-header[dir=rtl],[dir=rtl] .fd-tool-header{padding-left:var(--fdToolHeader_Padding_Right);padding-right:var(--fdToolHeader_Padding_Left)}.fd-tool-header__group{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-ms-flex:1;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex:1;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.375rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-tool-header__group:after,.fd-tool-header__group:before{box-sizing:inherit;font-size:inherit}.fd-tool-header__group--center,.fd-tool-header__group--menu{flex:0}.fd-tool-header__group--actions{justify-content:flex-end}.fd-tool-header__group--hidden{display:none}.fd-tool-header__element{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-tool-header__element:after,.fd-tool-header__element:before{box-sizing:inherit;font-size:inherit}.fd-tool-header__element--hidden{display:none}.fd-tool-header__logo{-webkit-box-sizing:border-box;background-repeat:no-repeat;background-size:contain;border:0;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1.625rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:auto}.fd-tool-header__logo:after,.fd-tool-header__logo:before{box-sizing:inherit;font-size:inherit}.fd-tool-header__logo.is-focus,.fd-tool-header__logo:focus{border-radius:.25rem;outline:var(--sapContent_FocusStyle) var(--sapContent_FocusWidth) var(--sapContent_FocusColor);outline-offset:.125rem;z-index:5}.fd-tool-header__separator{-webkit-box-sizing:border-box;background:transparent;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:.75rem;line-height:var(--sapContent_LineHeight);margin:0;max-height:.75rem;max-width:.75rem;min-height:.75rem;min-width:.75rem;padding:0;width:.75rem}.fd-tool-header__separator:after,.fd-tool-header__separator:before{box-sizing:inherit;font-size:inherit}.fd-tool-header__product-name{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapToolHeader_Product_Name_Color);font-family:var(--sapFontFamily);font-family:var(--sapFontBlackFamily);font-size:var(--sapFontSize);font-size:var(--sapToolHeader_Product_Name_Font_Size);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1.625rem;margin:0;padding:0;vertical-align:baseline}.fd-tool-header__product-name:after,.fd-tool-header__product-name:before{box-sizing:inherit;font-size:inherit}.fd-tool-header__second-title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapToolHeader_Second_Title_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapToolHeader_Second_Title_Font_Size);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;margin-top:var(--sapToolHeader_Second_Title_Offset);padding:0;vertical-align:baseline}.fd-tool-header__second-title:after,.fd-tool-header__second-title:before{box-sizing:inherit;font-size:inherit}.fd-tool-header--menu{--fdToolHeader_Padding_Left:.75rem}.fd-tool-header[class*=-compact],[class*=-compact] .fd-tool-header:not([class*=-cozy]){--fdToolHeader_Min_Height:var(--sapToolHeader_Min_Height_Compact)}.fd-popover__body.fdb-tool-header-actions-overflow-popover-body{--fdPopover_Offset: .3875rem;width:auto;height:auto;padding:.5rem;background:var(--sapGroup_ContentBackground);border:none;border-radius:.5rem;box-shadow:var(--sapMenu_Shadow1)}.fd-popover__body.fdb-tool-header-actions-overflow-popover-body .fd-menu{--fdMenu_Item_Spacing_Left: 0}.fd-popover__body.fdb-tool-header-actions-overflow-popover-body .fd-menu .fd-menu__link{--fdMenu_Link_Height: 2rem;border-radius:.375rem}.fd-popover__body.fdb-tool-header-actions-overflow-popover-body .fd-menu .fd-menu__link:focus:after{display:none}.fd-popover__body.fdb-tool-header-actions-overflow-popover-body .fd-menu .fd-menu__link:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:.375rem;inset:.125rem;content:\"\";pointer-events:none;position:absolute}\n"] }]
+                    ], template: "<div fdbToolHeaderGroup [class.fd-tool-header--menu]=\"showMenuButton\">\n    <div fdbToolHeaderElement *ngIf=\"fdbToolHeaderState().backButtonVisible\">\n        <button fd-button fdbToolHeaderButton glyph=\"slim-arrow-left\" (click)=\"searchFieldExpanded.set(false)\"></button>\n    </div>\n    <div fdbToolHeaderElement *ngIf=\"fdbToolHeaderState().menuButtonVisible && showMenuButton\">\n        <button\n            fd-button\n            fdbToolHeaderButton\n            [title]=\"'btpToolHeader.menuButtonAriaLabel' | fdTranslate\"\n            [ariaLabel]=\"'btpToolHeader.menuButtonAriaLabel' | fdTranslate\"\n            glyph=\"menu2\"\n            (keydown.arrowLeft)=\"_handleMenuLeftArrowKey()\"\n            (keydown.arrowRight)=\"_handleMenuRightArrowKey()\"\n            (click)=\"menuClick.emit()\"\n        ></button>\n    </div>\n    <div fdbToolHeaderElement *ngIf=\"fdbToolHeaderState().logoVisible\">\n        <ng-container *ngIf=\"_toolHeaderLogoDirective; else defaultLogo\">\n            <ng-content select=\"[fdbToolHeaderLogo]\"></ng-content>\n        </ng-container>\n        <ng-template #defaultLogo>\n            <img\n                fdbToolHeaderLogo\n                (click)=\"logoClick.emit()\"\n                src=\"https://unpkg.com/fundamental-styles/dist/images/sap-logo.png\"\n                srcset=\"\n                    https://unpkg.com/fundamental-styles/dist/images/sap-logo@2x.png 1x,\n                    https://unpkg.com/fundamental-styles/dist/images/sap-logo@3x.png 2x,\n                    https://unpkg.com/fundamental-styles/dist/images/sap-logo@4x.png 3x\n                \"\n                alt=\"SAP logo\"\n                aria-label=\"SAP logo\"\n                title=\"SAP logo\"\n            />\n        </ng-template>\n    </div>\n    <div fdbToolHeaderElement *ngIf=\"fdbToolHeaderState().productNameVisible\">\n        <h1 class=\"fd-tool-header__product-name\">\n            {{ productName }}\n        </h1>\n    </div>\n    <div fdbToolHeaderElement *ngIf=\"fdbToolHeaderState().secondTitleVisible && secondTitle\">\n        <div class=\"fd-tool-header__second-title\">\n            {{ secondTitle }}\n        </div>\n    </div>\n</div>\n\n<div fdbToolHeaderGroup center *ngIf=\"fdbToolHeaderState().searchFieldVisible\">\n    <ng-content select=\"fdb-search-field\"></ng-content>\n</div>\n\n<div fdbToolHeaderGroup actions>\n    <fd-overflow-layout fdbToolHeaderElement [style.justify-content]=\"'end'\">\n        <ng-container *ngIf=\"fdbToolHeaderState().searchFieldToggleActionVisible\">\n            <div fdbToolHeaderElement *fdOverflowItemRef=\"let hidden\" [forceVisibility]=\"true\" fdOverflowLayoutItem>\n                <button\n                    fd-button\n                    fdbToolHeaderButton\n                    glyph=\"search\"\n                    (click)=\"$event.stopPropagation(); expandSearchField()\"\n                ></button>\n            </div>\n        </ng-container>\n        <ng-container *ngIf=\"fdbToolHeaderState().providedActionsVisible\">\n            <ng-container *ngFor=\"let action of _toolHeaderActionsDirective?._actions()\">\n                <div\n                    fdbToolHeaderElement\n                    *fdOverflowItemRef=\"let hidden\"\n                    [forceVisibility]=\"!!action.forceVisibility\"\n                    fdOverflowLayoutItem\n                >\n                    <ng-template\n                        [ngIf]=\"!!action.templateRef\"\n                        [ngIfThen]=\"$any(action.templateRef)\"\n                        [ngIfElse]=\"defaultActionButtonTemplate\"\n                    ></ng-template>\n                    <ng-template #defaultActionButtonTemplate>\n                        <button\n                            fd-button\n                            fdbToolHeaderButton\n                            [glyph]=\"action.glyph\"\n                            (click)=\"action.clickCallback()\"\n                            [ariaLabel]=\"action.label\"\n                        >\n                            <span class=\"fd-button__badge\" *ngIf=\"action.hasBadge\"></span>\n                        </button>\n                    </ng-template>\n                    <div\n                        class=\"fd-tool-header__separator\"\n                        *ngIf=\"action.hasSeparator && fdbToolHeaderState().separatorsBetweenActionsVisible\"\n                    ></div>\n                </div>\n            </ng-container>\n        </ng-container>\n\n        <fdb-navigation-menu-popover *fdOverflowExpand=\"let overflowItems\" fdbToolHeaderElement>\n            <button *fdbNavigationMenuPopoverControl fd-button fdbToolHeaderButton glyph=\"overflow\"></button>\n            <ul *fdPopoverBody fdkFocusableList [wrap]=\"true\" fdb-navigation-menu>\n                <ng-container *ngFor=\"let item of overflowItems\">\n                    <ng-container *ngIf=\"_toolHeaderActionsDirective?._actions() as actions\">\n                        <li\n                            *ngIf=\"\n                                fdbToolHeaderState().searchFieldToggleActionVisible\n                                    ? actions[item.globalIndex - 1]\n                                    : actions[item.globalIndex] as action\n                            \"\n                            fdb-navigation-menu-item\n                            fdkFocusableItem\n                            [glyph]=\"action.glyph\"\n                            (click)=\"action.clickCallback()\"\n                            [label]=\"action.label\"\n                        ></li>\n                    </ng-container>\n                </ng-container>\n            </ul>\n        </fdb-navigation-menu-popover>\n    </fd-overflow-layout>\n    <ng-container *ngIf=\"fdbToolHeaderState().userAvatarVisible && _toolHeaderUser\">\n        <div fdbToolHeaderElement>\n            <div class=\"fd-tool-header__separator\"></div>\n            <ng-content select=\"[fdbToolHeaderUser]\"></ng-content>\n        </div>\n    </ng-container>\n    <ng-container *ngIf=\"fdbToolHeaderState().productSwitchVisible && _toolHeaderProductSwitch\">\n        <div fdbToolHeaderElement>\n            <div class=\"fd-tool-header__separator\"></div>\n            <ng-content select=\"fdb-tool-header-product-switch, fd-product-switch\"></ng-content>\n        </div>\n    </ng-container>\n    <div fdbToolHeaderElement *ngIf=\"fdbToolHeaderState().voiceInputVisible\">\n        <button\n            fd-button\n            fdbToolHeaderButton\n            glyph=\"microphone\"\n            [ariaLabel]=\"'Search with voice'\"\n            (click)=\"microphoneClick.emit()\"\n        ></button>\n    </div>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.31.0\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-tool-header{--fdToolHeader_Min_Height:var(--sapToolHeader_Min_Height_Cozy);--fdToolHeader_Padding_Left:1.5rem;--fdToolHeader_Padding_Right:1.25rem;-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapToolHeader_Shadow1);background:var(--sapShellColor);border:0;border:.0625rem solid var(--fdToolHeader_Border_Color);border-radius:var(--sapToolHeader_Border_Radius);box-shadow:var(--sapToolHeader_Shadow1);box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.75rem;height:auto;line-height:var(--sapContent_LineHeight);margin:0;min-height:var(--fdToolHeader_Min_Height);padding:0;padding:var(--sapToolHeader_Paddings_Y) var(--fdToolHeader_Padding_Right) var(--sapToolHeader_Paddings_Y) var(--fdToolHeader_Padding_Left);width:100%}.fd-tool-header:after,.fd-tool-header:before{box-sizing:inherit;font-size:inherit}.fd-tool-header[dir=rtl],[dir=rtl] .fd-tool-header{padding-left:var(--fdToolHeader_Padding_Right);padding-right:var(--fdToolHeader_Padding_Left)}.fd-tool-header__group{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-ms-flex:1;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex:1;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.375rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-tool-header__group:after,.fd-tool-header__group:before{box-sizing:inherit;font-size:inherit}.fd-tool-header__group--center,.fd-tool-header__group--menu{flex:0}.fd-tool-header__group--actions{justify-content:flex-end}.fd-tool-header__group--hidden{display:none}.fd-tool-header__element{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-tool-header__element:after,.fd-tool-header__element:before{box-sizing:inherit;font-size:inherit}.fd-tool-header__element--hidden{display:none}.fd-tool-header__logo{-webkit-box-sizing:border-box;background-repeat:no-repeat;background-size:contain;border:0;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1.625rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:auto}.fd-tool-header__logo:after,.fd-tool-header__logo:before{box-sizing:inherit;font-size:inherit}.fd-tool-header__logo.is-focus,.fd-tool-header__logo:focus{border-radius:.25rem;outline:var(--sapContent_FocusStyle) var(--sapContent_FocusWidth) var(--sapContent_FocusColor);outline-offset:.125rem;z-index:5}.fd-tool-header__separator{-webkit-box-sizing:border-box;background:transparent;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:.75rem;line-height:var(--sapContent_LineHeight);margin:0;max-height:.75rem;max-width:.75rem;min-height:.75rem;min-width:.75rem;padding:0;width:.75rem}.fd-tool-header__separator:after,.fd-tool-header__separator:before{box-sizing:inherit;font-size:inherit}.fd-tool-header__product-name{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapToolHeader_Product_Name_Color);font-family:var(--sapFontFamily);font-family:var(--sapFontBlackFamily);font-size:var(--sapFontSize);font-size:var(--sapToolHeader_Product_Name_Font_Size);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1.625rem;margin:0;padding:0;vertical-align:baseline}.fd-tool-header__product-name:after,.fd-tool-header__product-name:before{box-sizing:inherit;font-size:inherit}.fd-tool-header__second-title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapToolHeader_Second_Title_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapToolHeader_Second_Title_Font_Size);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;margin-top:var(--sapToolHeader_Second_Title_Offset);padding:0;vertical-align:baseline}.fd-tool-header__second-title:after,.fd-tool-header__second-title:before{box-sizing:inherit;font-size:inherit}.fd-tool-header--menu{--fdToolHeader_Padding_Left:.75rem}.fd-tool-header[class*=-compact],[class*=-compact] .fd-tool-header:not([class*=-cozy]){--fdToolHeader_Min_Height:var(--sapToolHeader_Min_Height_Compact)}.fd-popover__body.fdb-tool-header-actions-overflow-popover-body{--fdPopover_Offset: .3875rem;width:auto;height:auto;padding:.5rem;background:var(--sapGroup_ContentBackground);border:none;border-radius:.5rem;box-shadow:var(--sapMenu_Shadow1)}.fd-popover__body.fdb-tool-header-actions-overflow-popover-body .fd-menu{--fdMenu_Item_Spacing_Left: 0}.fd-popover__body.fdb-tool-header-actions-overflow-popover-body .fd-menu .fd-menu__link{--fdMenu_Link_Height: 2rem;border-radius:.375rem}.fd-popover__body.fdb-tool-header-actions-overflow-popover-body .fd-menu .fd-menu__link:focus:after{display:none}.fd-popover__body.fdb-tool-header-actions-overflow-popover-body .fd-menu .fd-menu__link:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:.375rem;inset:.125rem;content:\"\";pointer-events:none;position:absolute}\n"] }]
         }], propDecorators: { productName: [{
                 type: Input,
                 args: [{ required: true }]

package/esm2022/tool-layout/tool-layout.component.mjs

@@ -24,7 +24,7 @@ export class ToolLayoutComponent {
         this.buildComponentCssClass();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ToolLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: ToolLayoutComponent, isStandalone: true, selector: "[fdbToolLayout]", inputs: { class: "class", mode: "mode" }, usesOnChanges: true, ngImport: i0, template: ` <ng-content></ng-content>`, isInline: true, styles: ["/*!\n * Fundamental Library Styles v0.30.2\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-tool-layout{--fdToolLayout_Padding:.5rem .5rem 0 .5rem;--fdToolLayout_Navigation_Container_Margin_Top:.5rem;--fdToolLayout_Navigation_Container_Margin_Right:.5rem;--fdToolLayout_Content_Container_Margin_Top:.5rem;--fdToolLayout_Content_Container_Border_Radius:.5rem .5rem 0 0;--fdToolLayout_Content_Container_Background:var(--sapBackgroundColor);--fdToolLayout_Content_Container_BoxShadow:var(--sapToolLayoutContent_Shadow1);-webkit-box-sizing:border-box;background:var(--fdToolLayout_Background);border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdToolLayout_Padding);width:100%}.fd-tool-layout:after,.fd-tool-layout:before{box-sizing:inherit;font-size:inherit}.fd-tool-layout__container{-webkit-box-sizing:border-box;-ms-flex-wrap:wrap;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;flex-wrap:wrap;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-tool-layout__container:after,.fd-tool-layout__container:before{box-sizing:inherit;font-size:inherit}.fd-tool-layout__header-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-tool-layout__header-container:after,.fd-tool-layout__header-container:before{box-sizing:inherit;font-size:inherit}.fd-tool-layout__navigation-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;margin-right:var(--fdToolLayout_Navigation_Container_Margin_Right);margin-top:var(--fdToolLayout_Navigation_Container_Margin_Top);padding:0}.fd-tool-layout__navigation-container:after,.fd-tool-layout__navigation-container:before{box-sizing:inherit;font-size:inherit}.fd-tool-layout__navigation-container[dir=rtl],[dir=rtl] .fd-tool-layout__navigation-container{margin-left:var(--fdToolLayout_Navigation_Container_Margin_Right);margin-right:0}.fd-tool-layout__navigation-container--horizontal,.fd-tool-layout__navigation-container--popup{--fdToolLayout_Navigation_Container_Margin_Top:0;--fdToolLayout_Navigation_Container_Margin_Right:0}.fd-tool-layout__navigation-container--horizontal{flex:1;min-width:100%}.fd-tool-layout__navigation-container--horizontal+.fd-tool-layout__content-container{min-width:100%}.fd-tool-layout__content-container{-webkit-box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1;-webkit-box-shadow:var(--fdToolLayout_Content_Container_BoxShadow);background:var(--fdToolLayout_Content_Container_Background);border:0;border-radius:var(--fdToolLayout_Content_Container_Border_Radius);box-shadow:var(--fdToolLayout_Content_Container_BoxShadow);box-sizing:border-box;color:var(--sapTextColor);flex:1;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;margin-top:var(--fdToolLayout_Content_Container_Margin_Top);overflow:hidden;padding:0;width:100%}.fd-tool-layout__content-container:after,.fd-tool-layout__content-container:before{box-sizing:inherit;font-size:inherit}.fd-tool-layout__content-container--transparent{--fdToolLayout_Content_Container_Background:transparent;--fdToolLayout_Content_Container_BoxShadow:none}.fd-tool-layout__content-container--list{--fdToolLayout_Content_Container_Background:var(--sapGroup_ContentBackground)}.fd-tool-layout--tablet{--fdToolLayout_Padding:.5rem;--fdToolLayout_Content_Container_Border_Radius:.5rem}.fd-tool-layout--phone{--fdToolLayout_Padding:.25rem;--fdToolLayout_Content_Container_Margin_Top:.25rem;--fdToolLayout_Content_Container_Border_Radius:.25rem}.fd-tool-layout__header-container{width:100%}.fd-tool-layout__content-container{overflow:hidden}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: ToolLayoutComponent, isStandalone: true, selector: "[fdbToolLayout]", inputs: { class: "class", mode: "mode" }, usesOnChanges: true, ngImport: i0, template: ` <ng-content></ng-content>`, isInline: true, styles: ["/*!\n * Fundamental Library Styles v0.31.0\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-tool-layout{--fdToolLayout_Gap:.5rem;--fdToolLayout_Padding:.5rem .5rem 0 .5rem;--fdToolLayout_Content_Container_Border_Radius:.5rem .5rem 0 0;--fdToolLayout_Content_Container_Background:var(--sapBackgroundColor);--fdToolLayout_Content_Container_BoxShadow:var(--sapToolLayoutContent_Shadow1);-webkit-box-sizing:border-box;background:var(--fdToolLayout_Background);border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:var(--fdToolLayout_Gap);height:100%;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdToolLayout_Padding);width:100%}.fd-tool-layout:after,.fd-tool-layout:before{box-sizing:inherit;font-size:inherit}.fd-tool-layout__container{-webkit-box-sizing:border-box;-ms-flex-wrap:wrap;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;flex-wrap:wrap;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-tool-layout__container:after,.fd-tool-layout__container:before{box-sizing:inherit;font-size:inherit}.fd-tool-layout__container:not(:first-child){gap:var(--fdToolLayout_Gap)}.fd-tool-layout__header-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-tool-layout__header-container:after,.fd-tool-layout__header-container:before{box-sizing:inherit;font-size:inherit}.fd-tool-layout__navigation-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-tool-layout__navigation-container:after,.fd-tool-layout__navigation-container:before{box-sizing:inherit;font-size:inherit}.fd-tool-layout__navigation-container--horizontal{flex:1;min-width:100%}.fd-tool-layout__navigation-container--horizontal+.fd-tool-layout__content-container{min-width:100%}.fd-tool-layout__content-container{-webkit-box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1;-webkit-box-shadow:var(--fdToolLayout_Content_Container_BoxShadow);background:var(--fdToolLayout_Content_Container_Background);border:0;border-radius:var(--fdToolLayout_Content_Container_Border_Radius);box-shadow:var(--fdToolLayout_Content_Container_BoxShadow);box-sizing:border-box;color:var(--sapTextColor);flex:1;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;width:100%}.fd-tool-layout__content-container:after,.fd-tool-layout__content-container:before{box-sizing:inherit;font-size:inherit}.fd-tool-layout__content-container--transparent{--fdToolLayout_Content_Container_Background:transparent;--fdToolLayout_Content_Container_BoxShadow:none}.fd-tool-layout__content-container--list{--fdToolLayout_Content_Container_Background:var(--sapGroup_ContentBackground)}.fd-tool-layout--horizontal-navigation{--fdToolLayout_Gap:0}.fd-tool-layout--horizontal-navigation .fd-tool-layout__container:not(:first-child){--fdToolLayout_Gap:.5rem}.fd-tool-layout--horizontal-navigation.fd-tool-layout--phone .fd-tool-layout__container:not(:first-child){--fdToolLayout_Gap:.25rem}.fd-tool-layout--tablet{--fdToolLayout_Padding:.5rem;--fdToolLayout_Content_Container_Border_Radius:.5rem}.fd-tool-layout--phone{--fdToolLayout_Gap:.25rem;--fdToolLayout_Padding:.25rem;--fdToolLayout_Content_Container_Border_Radius:.25rem}.fd-tool-layout--sticky{inset:0;position:absolute}.fd-tool-layout--sticky .fd-tool-layout__container{position:relative}.fd-tool-layout--sticky .fd-tool-layout__container:not(:first-child){flex:1;overflow:hidden}.fd-tool-layout--sticky .fd-tool-layout__content-container,.fd-tool-layout--sticky .fd-tool-layout__navigation-container{height:100%;overflow:scroll}.fd-tool-layout__header-container{width:100%}.fd-tool-layout__content-container{overflow:hidden}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     applyCssClass,
@@ -34,7 +34,7 @@ __decorate([
 ], ToolLayoutComponent.prototype, "buildComponentCssClass", null);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ToolLayoutComponent, decorators: [{
             type: Component,
-            args: [{ selector: '[fdbToolLayout]', template: ` <ng-content></ng-content>`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: ["/*!\n * Fundamental Library Styles v0.30.2\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-tool-layout{--fdToolLayout_Padding:.5rem .5rem 0 .5rem;--fdToolLayout_Navigation_Container_Margin_Top:.5rem;--fdToolLayout_Navigation_Container_Margin_Right:.5rem;--fdToolLayout_Content_Container_Margin_Top:.5rem;--fdToolLayout_Content_Container_Border_Radius:.5rem .5rem 0 0;--fdToolLayout_Content_Container_Background:var(--sapBackgroundColor);--fdToolLayout_Content_Container_BoxShadow:var(--sapToolLayoutContent_Shadow1);-webkit-box-sizing:border-box;background:var(--fdToolLayout_Background);border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdToolLayout_Padding);width:100%}.fd-tool-layout:after,.fd-tool-layout:before{box-sizing:inherit;font-size:inherit}.fd-tool-layout__container{-webkit-box-sizing:border-box;-ms-flex-wrap:wrap;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;flex-wrap:wrap;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-tool-layout__container:after,.fd-tool-layout__container:before{box-sizing:inherit;font-size:inherit}.fd-tool-layout__header-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-tool-layout__header-container:after,.fd-tool-layout__header-container:before{box-sizing:inherit;font-size:inherit}.fd-tool-layout__navigation-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;margin-right:var(--fdToolLayout_Navigation_Container_Margin_Right);margin-top:var(--fdToolLayout_Navigation_Container_Margin_Top);padding:0}.fd-tool-layout__navigation-container:after,.fd-tool-layout__navigation-container:before{box-sizing:inherit;font-size:inherit}.fd-tool-layout__navigation-container[dir=rtl],[dir=rtl] .fd-tool-layout__navigation-container{margin-left:var(--fdToolLayout_Navigation_Container_Margin_Right);margin-right:0}.fd-tool-layout__navigation-container--horizontal,.fd-tool-layout__navigation-container--popup{--fdToolLayout_Navigation_Container_Margin_Top:0;--fdToolLayout_Navigation_Container_Margin_Right:0}.fd-tool-layout__navigation-container--horizontal{flex:1;min-width:100%}.fd-tool-layout__navigation-container--horizontal+.fd-tool-layout__content-container{min-width:100%}.fd-tool-layout__content-container{-webkit-box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1;-webkit-box-shadow:var(--fdToolLayout_Content_Container_BoxShadow);background:var(--fdToolLayout_Content_Container_Background);border:0;border-radius:var(--fdToolLayout_Content_Container_Border_Radius);box-shadow:var(--fdToolLayout_Content_Container_BoxShadow);box-sizing:border-box;color:var(--sapTextColor);flex:1;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;margin-top:var(--fdToolLayout_Content_Container_Margin_Top);overflow:hidden;padding:0;width:100%}.fd-tool-layout__content-container:after,.fd-tool-layout__content-container:before{box-sizing:inherit;font-size:inherit}.fd-tool-layout__content-container--transparent{--fdToolLayout_Content_Container_Background:transparent;--fdToolLayout_Content_Container_BoxShadow:none}.fd-tool-layout__content-container--list{--fdToolLayout_Content_Container_Background:var(--sapGroup_ContentBackground)}.fd-tool-layout--tablet{--fdToolLayout_Padding:.5rem;--fdToolLayout_Content_Container_Border_Radius:.5rem}.fd-tool-layout--phone{--fdToolLayout_Padding:.25rem;--fdToolLayout_Content_Container_Margin_Top:.25rem;--fdToolLayout_Content_Container_Border_Radius:.25rem}.fd-tool-layout__header-container{width:100%}.fd-tool-layout__content-container{overflow:hidden}\n"] }]
+            args: [{ selector: '[fdbToolLayout]', template: ` <ng-content></ng-content>`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: ["/*!\n * Fundamental Library Styles v0.31.0\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-tool-layout{--fdToolLayout_Gap:.5rem;--fdToolLayout_Padding:.5rem .5rem 0 .5rem;--fdToolLayout_Content_Container_Border_Radius:.5rem .5rem 0 0;--fdToolLayout_Content_Container_Background:var(--sapBackgroundColor);--fdToolLayout_Content_Container_BoxShadow:var(--sapToolLayoutContent_Shadow1);-webkit-box-sizing:border-box;background:var(--fdToolLayout_Background);border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:var(--fdToolLayout_Gap);height:100%;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdToolLayout_Padding);width:100%}.fd-tool-layout:after,.fd-tool-layout:before{box-sizing:inherit;font-size:inherit}.fd-tool-layout__container{-webkit-box-sizing:border-box;-ms-flex-wrap:wrap;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;flex-wrap:wrap;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-tool-layout__container:after,.fd-tool-layout__container:before{box-sizing:inherit;font-size:inherit}.fd-tool-layout__container:not(:first-child){gap:var(--fdToolLayout_Gap)}.fd-tool-layout__header-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-tool-layout__header-container:after,.fd-tool-layout__header-container:before{box-sizing:inherit;font-size:inherit}.fd-tool-layout__navigation-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-tool-layout__navigation-container:after,.fd-tool-layout__navigation-container:before{box-sizing:inherit;font-size:inherit}.fd-tool-layout__navigation-container--horizontal{flex:1;min-width:100%}.fd-tool-layout__navigation-container--horizontal+.fd-tool-layout__content-container{min-width:100%}.fd-tool-layout__content-container{-webkit-box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1;-webkit-box-shadow:var(--fdToolLayout_Content_Container_BoxShadow);background:var(--fdToolLayout_Content_Container_Background);border:0;border-radius:var(--fdToolLayout_Content_Container_Border_Radius);box-shadow:var(--fdToolLayout_Content_Container_BoxShadow);box-sizing:border-box;color:var(--sapTextColor);flex:1;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;width:100%}.fd-tool-layout__content-container:after,.fd-tool-layout__content-container:before{box-sizing:inherit;font-size:inherit}.fd-tool-layout__content-container--transparent{--fdToolLayout_Content_Container_Background:transparent;--fdToolLayout_Content_Container_BoxShadow:none}.fd-tool-layout__content-container--list{--fdToolLayout_Content_Container_Background:var(--sapGroup_ContentBackground)}.fd-tool-layout--horizontal-navigation{--fdToolLayout_Gap:0}.fd-tool-layout--horizontal-navigation .fd-tool-layout__container:not(:first-child){--fdToolLayout_Gap:.5rem}.fd-tool-layout--horizontal-navigation.fd-tool-layout--phone .fd-tool-layout__container:not(:first-child){--fdToolLayout_Gap:.25rem}.fd-tool-layout--tablet{--fdToolLayout_Padding:.5rem;--fdToolLayout_Content_Container_Border_Radius:.5rem}.fd-tool-layout--phone{--fdToolLayout_Gap:.25rem;--fdToolLayout_Padding:.25rem;--fdToolLayout_Content_Container_Border_Radius:.25rem}.fd-tool-layout--sticky{inset:0;position:absolute}.fd-tool-layout--sticky .fd-tool-layout__container{position:relative}.fd-tool-layout--sticky .fd-tool-layout__container:not(:first-child){flex:1;overflow:hidden}.fd-tool-layout--sticky .fd-tool-layout__content-container,.fd-tool-layout--sticky .fd-tool-layout__navigation-container{height:100%;overflow:scroll}.fd-tool-layout__header-container{width:100%}.fd-tool-layout__content-container{overflow:hidden}\n"] }]
         }], propDecorators: { class: [{
                 type: Input
             }], mode: [{