@fundamental-ngx/btp 0.47.2-rc.0 → 0.47.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/navigation/navigation.component.mjs +3 -3
- package/esm2022/navigation-menu/lib/navigation-menu.component.mjs +2 -2
- package/esm2022/search-field/search-field.component.mjs +3 -3
- package/esm2022/tool-header/components/tool-header/tool-header.component.mjs +3 -3
- package/esm2022/tool-layout/tool-layout.component.mjs +2 -2
- package/fesm2022/fundamental-ngx-btp-navigation-menu.mjs +2 -2
- package/fesm2022/fundamental-ngx-btp-navigation-menu.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-btp-navigation.mjs +2 -2
- package/fesm2022/fundamental-ngx-btp-navigation.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-btp-search-field.mjs +2 -2
- package/fesm2022/fundamental-ngx-btp-search-field.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-btp-tool-header.mjs +2 -2
- package/fesm2022/fundamental-ngx-btp-tool-header.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-btp-tool-layout.mjs +2 -2
- package/fesm2022/fundamental-ngx-btp-tool-layout.mjs.map +1 -1
- package/fundamental-ngx-btp-v0.47.2.tgz +0 -0
- package/package.json +3 -3
- package/fundamental-ngx-btp-v0.47.2-rc.0.tgz +0 -0
|
@@ -8,12 +8,12 @@ export class NavigationMenuComponent {
|
|
|
8
8
|
inject(FocusableListDirective).wrap = true;
|
|
9
9
|
}
|
|
10
10
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NavigationMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11
|
-
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" }, hostDirectives: [{ directive: i1.FocusableListDirective }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: ["@charset \"UTF-8\";/*!\n * Fundamental Library Styles v0.32.0-rc.7\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 }); }
|
|
11
|
+
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" }, hostDirectives: [{ directive: i1.FocusableListDirective }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: ["@charset \"UTF-8\";/*!\n * Fundamental Library Styles v0.32.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 }); }
|
|
12
12
|
}
|
|
13
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NavigationMenuComponent, decorators: [{
|
|
14
14
|
type: Component,
|
|
15
15
|
args: [{ selector: 'fdb-navigation-menu, ul[fdb-navigation-menu]', template: `<ng-content></ng-content>`, standalone: true, encapsulation: ViewEncapsulation.None, host: {
|
|
16
16
|
class: 'fd-navigation-menu'
|
|
17
|
-
}, hostDirectives: [FocusableListDirective], changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@charset \"UTF-8\";/*!\n * Fundamental Library Styles v0.32.0-rc.7\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"] }]
|
|
17
|
+
}, hostDirectives: [FocusableListDirective], changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@charset \"UTF-8\";/*!\n * Fundamental Library Styles v0.32.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"] }]
|
|
18
18
|
}], ctorParameters: function () { return []; } });
|
|
19
19
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYnRwL25hdmlnYXRpb24tbWVudS9zcmMvbGliL25hdmlnYXRpb24tbWVudS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUYsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7OztBQWNwRSxNQUFNLE9BQU8sdUJBQXVCO0lBQ2hDLGNBQWM7SUFDZDtRQUNJLE1BQU0sQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7SUFDL0MsQ0FBQzs4R0FKUSx1QkFBdUI7a0dBQXZCLHVCQUF1QixvTkFWdEIsMkJBQTJCOzsyRkFVNUIsdUJBQXVCO2tCQVpuQyxTQUFTOytCQUNJLDhDQUE4QyxZQUM5QywyQkFBMkIsY0FFekIsSUFBSSxpQkFDRCxpQkFBaUIsQ0FBQyxJQUFJLFFBQy9CO3dCQUNGLEtBQUssRUFBRSxvQkFBb0I7cUJBQzlCLGtCQUNlLENBQUMsc0JBQXNCLENBQUMsbUJBQ3ZCLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBpbmplY3QsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb2N1c2FibGVMaXN0RGlyZWN0aXZlIH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jZGsvdXRpbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2ZkYi1uYXZpZ2F0aW9uLW1lbnUsIHVsW2ZkYi1uYXZpZ2F0aW9uLW1lbnVdJyxcbiAgICB0ZW1wbGF0ZTogYDxuZy1jb250ZW50PjwvbmctY29udGVudD5gLFxuICAgIHN0eWxlVXJsczogWycuLi8uLi8uLi8uLi8uLi9ub2RlX21vZHVsZXMvZnVuZGFtZW50YWwtc3R5bGVzL2Rpc3QvbmF2aWdhdGlvbi1tZW51LmNzcyddLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBob3N0OiB7XG4gICAgICAgIGNsYXNzOiAnZmQtbmF2aWdhdGlvbi1tZW51J1xuICAgIH0sXG4gICAgaG9zdERpcmVjdGl2ZXM6IFtGb2N1c2FibGVMaXN0RGlyZWN0aXZlXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBOYXZpZ2F0aW9uTWVudUNvbXBvbmVudCB7XG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgICAgaW5qZWN0KEZvY3VzYWJsZUxpc3REaXJlY3RpdmUpLndyYXAgPSB0cnVlO1xuICAgIH1cbn1cbiJdfQ==
|
|
@@ -47,11 +47,11 @@ export class SearchFieldComponent {
|
|
|
47
47
|
this.search.emit(this._value);
|
|
48
48
|
}
|
|
49
49
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: SearchFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
50
|
-
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 fdbNestedButton\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 fdbNestedButton\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.32.0-rc.7\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"] }, { kind: "directive", type: NestedButtonDirective, selector: "[fd-button][fdbNestedButton]", inputs: ["fdType", "square"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
50
|
+
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 fdbNestedButton\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 fdbNestedButton\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.32.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"] }, { kind: "directive", type: NestedButtonDirective, selector: "[fd-button][fdbNestedButton]", inputs: ["fdType", "square"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
51
51
|
}
|
|
52
52
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: SearchFieldComponent, decorators: [{
|
|
53
53
|
type: Component,
|
|
54
|
-
args: [{ selector: 'fdb-search-field', standalone: true, hostDirectives: [CvaDirective], providers: [CvaControl], imports: [IconComponent, NgIf, FormsModule, FdTranslatePipe, ButtonComponent, NestedButtonDirective], 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 fdbNestedButton\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 fdbNestedButton\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.32.0-rc.7\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"] }]
|
|
54
|
+
args: [{ selector: 'fdb-search-field', standalone: true, hostDirectives: [CvaDirective], providers: [CvaControl], imports: [IconComponent, NgIf, FormsModule, FdTranslatePipe, ButtonComponent, NestedButtonDirective], 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 fdbNestedButton\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 fdbNestedButton\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.32.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"] }]
|
|
55
55
|
}], propDecorators: { placeholder: [{
|
|
56
56
|
type: Input
|
|
57
57
|
}], search: [{
|
|
@@ -60,4 +60,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
|
|
|
60
60
|
type: ViewChild,
|
|
61
61
|
args: ['searchInputField']
|
|
62
62
|
}] } });
|
|
63
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
63
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvYnRwL3NlYXJjaC1maWVsZC9zcmMvc2VhcmNoLWZpZWxkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2xpYnMvYnRwL3NlYXJjaC1maWVsZC9zcmMvc2VhcmNoLWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN2QyxPQUFPLEVBRUgsU0FBUyxFQUNULFVBQVUsRUFDVixVQUFVLEVBQ1YsWUFBWSxFQUNaLE1BQU0sRUFDTixLQUFLLEVBQ0wsTUFBTSxFQUNOLE1BQU0sRUFDTixTQUFTLEVBQ1QsaUJBQWlCLEVBQ3BCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNwRSxPQUFPLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBRXRFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsR0FBRyxFQUFFLE1BQU0sTUFBTSxDQUFDOzs7O0FBWS9CLE1BQU0sT0FBTyxvQkFBb0I7SUFWakM7UUFjSSx1REFBdUQ7UUFDN0MsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFNOUMsY0FBYztRQUNkLGVBQVUsR0FBNEIsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBS3pEOztxQkFFYTtRQUNILGtCQUFhLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRXhDLGNBQWM7UUFDTixnQkFBVyxHQUF1QixNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7UUFFN0QsY0FBYztRQUNOLGdCQUFXLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0tBMkI1QztJQXpCRyxjQUFjO0lBQ2QsS0FBSztRQUNELElBQUksQ0FBQyxpQkFBaUIsRUFBRSxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDbEQsQ0FBQztJQUNELGNBQWM7SUFDZCxlQUFlO1FBQ1gsSUFBSSxDQUFDLFdBQVcsQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUNuQyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsWUFBWSxFQUFFLFNBQVMsRUFBRSxZQUFZLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDO2FBQ3BFLElBQUksQ0FDRCxHQUFHLENBQUMsQ0FBQyxLQUFhLEVBQUUsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUMsQ0FBQyxFQUM3QyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQ3ZDO2FBQ0EsU0FBUyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELGNBQWM7SUFDSixXQUFXLENBQUMsTUFBYztRQUNoQyxJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztRQUNyQixJQUFJLENBQUMsV0FBVyxDQUFDLFlBQVksRUFBRSxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDcEQsQ0FBQztJQUVELGNBQWM7SUFDSixPQUFPO1FBQ2IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ2xDLENBQUM7OEdBcERRLG9CQUFvQjtrR0FBcEIsb0JBQW9CLHNJQUpsQixDQUFDLFVBQVUsQ0FBQyxtTUM5QjNCLHlxREF1Q0Esa3dSRFJjLGFBQWEseUlBQVEsV0FBVywwbUJBQUUsZUFBZSxvREFBRSxlQUFlLHdIQUFFLHFCQUFxQjs7MkZBRzFGLG9CQUFvQjtrQkFWaEMsU0FBUzsrQkFDSSxrQkFBa0IsY0FHaEIsSUFBSSxrQkFDQSxDQUFDLFlBQVksQ0FBQyxhQUNuQixDQUFDLFVBQVUsQ0FBQyxXQUNkLENBQUMsYUFBYSxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsZUFBZSxFQUFFLGVBQWUsRUFBRSxxQkFBcUIsQ0FBQyxpQkFDckYsaUJBQWlCLENBQUMsSUFBSTs4QkFJNUIsV0FBVztzQkFBbkIsS0FBSztnQkFHSSxNQUFNO3NCQUFmLE1BQU07Z0JBSUcsaUJBQWlCO3NCQUQxQixTQUFTO3VCQUFDLGtCQUFrQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgICBBZnRlclZpZXdJbml0LFxuICAgIENvbXBvbmVudCxcbiAgICBEZXN0cm95UmVmLFxuICAgIEVsZW1lbnRSZWYsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIGluamVjdCxcbiAgICBJbnB1dCxcbiAgICBPdXRwdXQsXG4gICAgc2lnbmFsLFxuICAgIFZpZXdDaGlsZCxcbiAgICBWaWV3RW5jYXBzdWxhdGlvblxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHRha2VVbnRpbERlc3Ryb3llZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUvcnhqcy1pbnRlcm9wJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTmVzdGVkQnV0dG9uRGlyZWN0aXZlIH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9idHAvYnV0dG9uJztcbmltcG9ydCB7IEN2YUNvbnRyb2wsIEN2YURpcmVjdGl2ZSB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY2RrL2Zvcm1zJztcbmltcG9ydCB7IEhhc0VsZW1lbnRSZWYgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2Nkay91dGlscyc7XG5pbXBvcnQgeyBCdXR0b25Db21wb25lbnQgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2NvcmUvYnV0dG9uJztcbmltcG9ydCB7IEljb25Db21wb25lbnQgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2NvcmUvaWNvbic7XG5pbXBvcnQgeyBGZFRyYW5zbGF0ZVBpcGUgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2kxOG4nO1xuaW1wb3J0IHsgb2YsIHRhcCB9IGZyb20gJ3J4anMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2ZkYi1zZWFyY2gtZmllbGQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zZWFyY2gtZmllbGQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuLi8uLi8uLi8uLi9ub2RlX21vZHVsZXMvZnVuZGFtZW50YWwtc3R5bGVzL2Rpc3Qvc2VhcmNoLWZpZWxkLmNzcyddLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaG9zdERpcmVjdGl2ZXM6IFtDdmFEaXJlY3RpdmVdLFxuICAgIHByb3ZpZGVyczogW0N2YUNvbnRyb2xdLFxuICAgIGltcG9ydHM6IFtJY29uQ29tcG9uZW50LCBOZ0lmLCBGb3Jtc01vZHVsZSwgRmRUcmFuc2xhdGVQaXBlLCBCdXR0b25Db21wb25lbnQsIE5lc3RlZEJ1dHRvbkRpcmVjdGl2ZV0sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBTZWFyY2hGaWVsZENvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIEhhc0VsZW1lbnRSZWYge1xuICAgIC8qKiBQbGFjZWhvbGRlciBmb3IgdGhlIGlucHV0IGZpZWxkLiAqL1xuICAgIEBJbnB1dCgpIHBsYWNlaG9sZGVyOiBzdHJpbmc7XG5cbiAgICAvKiogRXZlbnQgZW1pdHRlZCB3aGVuIHRoZSBzZWFyY2ggYnV0dG9uIGlzIGNsaWNrZWQuICovXG4gICAgQE91dHB1dCgpIHNlYXJjaCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBAVmlld0NoaWxkKCdzZWFyY2hJbnB1dEZpZWxkJylcbiAgICBwcm90ZWN0ZWQgX3NlYXJjaElucHV0RmllbGQ/OiBFbGVtZW50UmVmPEhUTUxJbnB1dEVsZW1lbnQ+O1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBlbGVtZW50UmVmOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PiA9IGluamVjdChFbGVtZW50UmVmKTtcblxuICAgIC8qKiBWYWx1ZSBvZiB0aGUgaW5wdXQgZmllbGQuICovXG4gICAgcHJvdGVjdGVkIF92YWx1ZT86IHN0cmluZztcblxuICAgIC8qKlxuICAgICAqIFdoZXRoZXIgdGhlIHNlYXJjaCBmaWVsZCBpcyBmb2N1c2VkXG4gICAgICogQGhpZGRlbiAqL1xuICAgIHByb3RlY3RlZCBfaW5wdXRGb2N1c2VkID0gc2lnbmFsKGZhbHNlKTtcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgcHJpdmF0ZSBfY3ZhQ29udHJvbDogQ3ZhQ29udHJvbDxzdHJpbmc+ID0gaW5qZWN0KEN2YUNvbnRyb2wpO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBwcml2YXRlIF9kZXN0cm95UmVmID0gaW5qZWN0KERlc3Ryb3lSZWYpO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBmb2N1cygpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fc2VhcmNoSW5wdXRGaWVsZD8ubmF0aXZlRWxlbWVudC5mb2N1cygpO1xuICAgIH1cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fY3ZhQ29udHJvbC5saXN0ZW5Ub0NoYW5nZXMoKTtcbiAgICAgICAgKHRoaXMuX2N2YUNvbnRyb2wuY3ZhRGlyZWN0aXZlPy5uZ0NvbnRyb2w/LnZhbHVlQ2hhbmdlcyB8fCBvZih1bmRlZmluZWQpKVxuICAgICAgICAgICAgLnBpcGUoXG4gICAgICAgICAgICAgICAgdGFwKCh2YWx1ZTogc3RyaW5nKSA9PiAodGhpcy5fdmFsdWUgPSB2YWx1ZSkpLFxuICAgICAgICAgICAgICAgIHRha2VVbnRpbERlc3Ryb3llZCh0aGlzLl9kZXN0cm95UmVmKVxuICAgICAgICAgICAgKVxuICAgICAgICAgICAgLnN1YnNjcmliZSgpO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgcHJvdGVjdGVkIHVwZGF0ZVZhbHVlKCRldmVudDogc3RyaW5nKTogdm9pZCB7XG4gICAgICAgIHRoaXMuX3ZhbHVlID0gJGV2ZW50O1xuICAgICAgICB0aGlzLl9jdmFDb250cm9sLmN2YURpcmVjdGl2ZT8uc2V0VmFsdWUoJGV2ZW50KTtcbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIHByb3RlY3RlZCBfc2VhcmNoKCk6IHZvaWQge1xuICAgICAgICB0aGlzLnNlYXJjaC5lbWl0KHRoaXMuX3ZhbHVlKTtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZmQtc2VhcmNoLWZpZWxkXCI+XG4gICAgPGZkLWljb24gZ2x5cGg9XCJzZWFyY2hcIiBjbGFzcz1cImZkLXNlYXJjaC1maWVsZF9faWNvblwiIHJvbGU9XCJwcmVzZW50YXRpb25cIiBbYXJpYUhpZGRlbl09XCJ0cnVlXCI+PC9mZC1pY29uPlxuICAgIDxpbnB1dFxuICAgICAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXIgfHwgKCdidHBTZWFyY2hGaWVsZC5zZWFyY2hJbnB1dFBsYWNlaG9sZGVyJyB8IGZkVHJhbnNsYXRlKVwiXG4gICAgICAgIHR5cGU9XCJzZWFyY2hcIlxuICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cIididHBTZWFyY2hGaWVsZC5zZWFyY2hJbnB1dEFyaWFMYWJlbCcgfCBmZFRyYW5zbGF0ZVwiXG4gICAgICAgIGNsYXNzPVwiZmQtc2VhcmNoLWZpZWxkX19pbnB1dFwiXG4gICAgICAgIFtuZ01vZGVsXT1cIl92YWx1ZVwiXG4gICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cInVwZGF0ZVZhbHVlKCRldmVudClcIlxuICAgICAgICAoa2V5ZG93bi5lbnRlcik9XCJfc2VhcmNoKClcIlxuICAgICAgICAoZm9jdXNpbik9XCJfaW5wdXRGb2N1c2VkLnNldCh0cnVlKVwiXG4gICAgICAgIChmb2N1c291dCk9XCJfaW5wdXRGb2N1c2VkLnNldChmYWxzZSlcIlxuICAgICAgICAjc2VhcmNoSW5wdXRGaWVsZFxuICAgIC8+XG4gICAgPGRpdiByb2xlPVwicHJlc2VudGF0aW9uXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCIgY2xhc3M9XCJmZC1zZWFyY2gtZmllbGRfX3VuZGVybGluZVwiPjwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJmZC1zZWFyY2gtZmllbGRfX2FjdGlvbnNcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZkLXNlYXJjaC1maWVsZF9fYWN0aW9uLWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAgIGZkLWJ1dHRvblxuICAgICAgICAgICAgICAgIGZkYk5lc3RlZEJ1dHRvblxuICAgICAgICAgICAgICAgIGdseXBoPVwiZGVjbGluZVwiXG4gICAgICAgICAgICAgICAgW2FyaWFMYWJlbF09XCInYnRwU2VhcmNoRmllbGQuY2xlYXJCdXR0b25MYWJlbCcgfCBmZFRyYW5zbGF0ZVwiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cInVwZGF0ZVZhbHVlKCcnKTsgc2VhcmNoSW5wdXRGaWVsZC5mb2N1cygpXCJcbiAgICAgICAgICAgID48L2J1dHRvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmZC1zZWFyY2gtZmllbGRfX2FjdGlvbi1jb250YWluZXJcIj5cbiAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICBmZC1idXR0b25cbiAgICAgICAgICAgICAgICAoY2xpY2spPVwiX3NlYXJjaCgpXCJcbiAgICAgICAgICAgICAgICBnbHlwaD1cInNsaW0tYXJyb3ctcmlnaHRcIlxuICAgICAgICAgICAgICAgIGZkYk5lc3RlZEJ1dHRvblxuICAgICAgICAgICAgICAgIFtjbGFzcy5pcy1mb2N1c109XCJfdmFsdWUgJiYgX2lucHV0Rm9jdXNlZCgpXCJcbiAgICAgICAgICAgICAgICBbYXJpYUxhYmVsXT1cIididHBTZWFyY2hGaWVsZC5zZWFyY2hCdXR0b25MYWJlbCcgfCBmZFRyYW5zbGF0ZVwiXG4gICAgICAgICAgICAgICAgW2F0dHIuYXJpYS1kaXNhYmxlZF09XCIhX3ZhbHVlXCJcbiAgICAgICAgICAgICAgICBbYXR0ci50YWJpbmRleF09XCIhX3ZhbHVlID8gLTEgOiAwXCJcbiAgICAgICAgICAgID48L2J1dHRvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|