@fundamental-ngx/btp 0.62.2-rc.8 → 0.62.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/fesm2022/fundamental-ngx-btp-navigation-menu.mjs +2 -2
- 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-splitter.mjs +2 -2
- package/fesm2022/fundamental-ngx-btp-tool-header.mjs +2 -2
- package/fesm2022/fundamental-ngx-btp-tool-layout.mjs +2 -2
- package/package.json +3 -3
|
@@ -53,11 +53,11 @@ class SearchFieldComponent {
|
|
|
53
53
|
this.search.emit(this._value);
|
|
54
54
|
}
|
|
55
55
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SearchFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
56
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", 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: [".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);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:.0625rem solid var(--fdSearchField_Border_Color);border-radius:var(--fdSearchField_Border_Radius);height:var(--fdSearchField_Height);max-height:var(--fdSearchField_Height);min-height:var(--fdSearchField_Height);position:relative;width:16rem}.fd-search-field:after,.fd-search-field:before{-webkit-box-sizing:inherit;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]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1rem}.fd-search-field__input{background:var(--fdSearchField_Background);border:0;border-radius:var(--fdSearchField_Border_Radius);-webkit-box-shadow:var(--fdSearchField_Box_Shadow);box-shadow:var(--fdSearchField_Box_Shadow);-webkit-box-sizing:border-box;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:normal;margin-block:0;margin-inline:0;max-height:var(--fdSearchField_Height_Border);min-height:var(--fdSearchField_Height_Border);padding-block:0;padding-block:var(--fdSearchField_Padding);padding-inline:0;padding-inline:var(--fdSearchField_Padding_Left) var(--fdSearchField_Padding_Right);width:16rem;z-index:1}.fd-search-field__input:after,.fd-search-field__input:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-search-field__input::-webkit-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::-moz-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:-ms-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::-ms-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::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;appearance:none}.fd-search-field__input:not(:-moz-placeholder){--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(:-ms-input-placeholder){--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){--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(:-moz-placeholder)[class*=-compact],[class*=-compact] .fd-search-field__input:not(:-moz-placeholder):not([class*=-cozy]){--fdSearchField_Padding_Right:var(--fdSearchField_Padding_Right_Typed_Compact)}.fd-search-field__input:not(:-ms-input-placeholder)[class*=-compact],[class*=-compact] .fd-search-field__input:not(:-ms-input-placeholder):not([class*=-cozy]){--fdSearchField_Padding_Right:var(--fdSearchField_Padding_Right_Typed_Compact)}.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(:-moz-placeholder)+.fd-search-field__underline{display:none}.fd-search-field__input:not(:-ms-input-placeholder)+.fd-search-field__underline{display:none}.fd-search-field__input:not(:placeholder-shown)+.fd-search-field__underline{display:none}.fd-search-field__input:not(:-moz-placeholder)~.fd-search-field__actions{--fdSearchField_Clear_Button_Display:inline-flex}.fd-search-field__input:not(:-ms-input-placeholder)~.fd-search-field__actions{--fdSearchField_Clear_Button_Display:inline-flex}.fd-search-field__input:not(:placeholder-shown)~.fd-search-field__actions{--fdSearchField_Clear_Button_Display:inline-flex}.fd-search-field__input:not(:-moz-placeholder).is-focus,.fd-search-field__input:not(:-moz-placeholder):focus{z-index:5;--fdSearchField_Box_Shadow:var(--sapSearchHover_Shadow);outline:none}.fd-search-field__input:not(:-ms-input-placeholder).is-focus,.fd-search-field__input:not(:-ms-input-placeholder):focus{z-index:5;--fdSearchField_Box_Shadow:var(--sapSearchHover_Shadow);outline:none}.fd-search-field__input:not(:placeholder-shown).is-focus,.fd-search-field__input:not(:placeholder-shown):focus{z-index:5;--fdSearchField_Box_Shadow:var(--sapSearchHover_Shadow);outline:none}.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{z-index:5;--fdSearchField_Background:var(--fdSearchField_Background_Focus);--fdSearchField_Border_Color:transparent;--fdSearchField_Box_Shadow:none;outline:var(--fdSearchField_Outline);outline-offset:var(--fdSearchField_Outline_Offset)}.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{border:0;border-radius:var(--fdSearchField_Border_Radius);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;position:absolute;width:100%}.fd-search-field__underline:after,.fd-search-field__underline:before{-webkit-box-sizing:inherit;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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;position:absolute;right:var(--fdSearchField_Actions_Offset);z-index:10}.fd-search-field__actions:after,.fd-search-field__actions:before{-webkit-box-sizing:inherit;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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--fdSearchField_Action_Container_Size);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);width:var(--fdSearchField_Action_Container_Size)}.fd-search-field__action-container:after,.fd-search-field__action-container:before{-webkit-box-sizing:inherit;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/*! Bundled license information:\n\nfundamental-styles/dist/search-field.css:\n (*!\n * Fundamental Library Styles v0.41.5\n * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "size", "class", "ariaLabel", "ariaHidden"], outputs: ["ariaHiddenChange"] }, { 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: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["id"], exportAs: ["fd-button"] }, { kind: "directive", type: NestedButtonDirective, selector: "[fd-button][fdbNestedButton]", inputs: ["square"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
56
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", 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: [".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);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:.0625rem solid var(--fdSearchField_Border_Color);border-radius:var(--fdSearchField_Border_Radius);height:var(--fdSearchField_Height);max-height:var(--fdSearchField_Height);min-height:var(--fdSearchField_Height);position:relative;width:16rem}.fd-search-field:after,.fd-search-field:before{-webkit-box-sizing:inherit;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]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1rem}.fd-search-field__input{background:var(--fdSearchField_Background);border:0;border-radius:var(--fdSearchField_Border_Radius);-webkit-box-shadow:var(--fdSearchField_Box_Shadow);box-shadow:var(--fdSearchField_Box_Shadow);-webkit-box-sizing:border-box;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:normal;margin-block:0;margin-inline:0;max-height:var(--fdSearchField_Height_Border);min-height:var(--fdSearchField_Height_Border);padding-block:0;padding-block:var(--fdSearchField_Padding);padding-inline:0;padding-inline:var(--fdSearchField_Padding_Left) var(--fdSearchField_Padding_Right);width:16rem;z-index:1}.fd-search-field__input:after,.fd-search-field__input:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-search-field__input::-webkit-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::-moz-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:-ms-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::-ms-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::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;appearance:none}.fd-search-field__input:not(:-moz-placeholder){--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(:-ms-input-placeholder){--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){--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(:-moz-placeholder)[class*=-compact],[class*=-compact] .fd-search-field__input:not(:-moz-placeholder):not([class*=-cozy]){--fdSearchField_Padding_Right:var(--fdSearchField_Padding_Right_Typed_Compact)}.fd-search-field__input:not(:-ms-input-placeholder)[class*=-compact],[class*=-compact] .fd-search-field__input:not(:-ms-input-placeholder):not([class*=-cozy]){--fdSearchField_Padding_Right:var(--fdSearchField_Padding_Right_Typed_Compact)}.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(:-moz-placeholder)+.fd-search-field__underline{display:none}.fd-search-field__input:not(:-ms-input-placeholder)+.fd-search-field__underline{display:none}.fd-search-field__input:not(:placeholder-shown)+.fd-search-field__underline{display:none}.fd-search-field__input:not(:-moz-placeholder)~.fd-search-field__actions{--fdSearchField_Clear_Button_Display:inline-flex}.fd-search-field__input:not(:-ms-input-placeholder)~.fd-search-field__actions{--fdSearchField_Clear_Button_Display:inline-flex}.fd-search-field__input:not(:placeholder-shown)~.fd-search-field__actions{--fdSearchField_Clear_Button_Display:inline-flex}.fd-search-field__input:not(:-moz-placeholder).is-focus,.fd-search-field__input:not(:-moz-placeholder):focus{z-index:5;--fdSearchField_Box_Shadow:var(--sapSearchHover_Shadow);outline:none}.fd-search-field__input:not(:-ms-input-placeholder).is-focus,.fd-search-field__input:not(:-ms-input-placeholder):focus{z-index:5;--fdSearchField_Box_Shadow:var(--sapSearchHover_Shadow);outline:none}.fd-search-field__input:not(:placeholder-shown).is-focus,.fd-search-field__input:not(:placeholder-shown):focus{z-index:5;--fdSearchField_Box_Shadow:var(--sapSearchHover_Shadow);outline:none}.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{z-index:5;--fdSearchField_Background:var(--fdSearchField_Background_Focus);--fdSearchField_Border_Color:transparent;--fdSearchField_Box_Shadow:none;outline:var(--fdSearchField_Outline);outline-offset:var(--fdSearchField_Outline_Offset)}.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{border:0;border-radius:var(--fdSearchField_Border_Radius);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;position:absolute;width:100%}.fd-search-field__underline:after,.fd-search-field__underline:before{-webkit-box-sizing:inherit;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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;position:absolute;right:var(--fdSearchField_Actions_Offset);z-index:10}.fd-search-field__actions:after,.fd-search-field__actions:before{-webkit-box-sizing:inherit;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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--fdSearchField_Action_Container_Size);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);width:var(--fdSearchField_Action_Container_Size)}.fd-search-field__action-container:after,.fd-search-field__action-container:before{-webkit-box-sizing:inherit;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/*! Bundled license information:\n\nfundamental-styles/dist/search-field.css:\n (*!\n * Fundamental Library Styles v0.41.6\n * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "size", "class", "ariaLabel", "ariaHidden"], outputs: ["ariaHiddenChange"] }, { 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: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["id"], exportAs: ["fd-button"] }, { kind: "directive", type: NestedButtonDirective, selector: "[fd-button][fdbNestedButton]", inputs: ["square"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
57
57
|
}
|
|
58
58
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SearchFieldComponent, decorators: [{
|
|
59
59
|
type: Component,
|
|
60
|
-
args: [{ selector: 'fdb-search-field', hostDirectives: [CvaDirective], providers: [CvaControl], imports: [IconComponent, FormsModule, FdTranslatePipe, ButtonComponent, NestedButtonDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, 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: [".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);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:.0625rem solid var(--fdSearchField_Border_Color);border-radius:var(--fdSearchField_Border_Radius);height:var(--fdSearchField_Height);max-height:var(--fdSearchField_Height);min-height:var(--fdSearchField_Height);position:relative;width:16rem}.fd-search-field:after,.fd-search-field:before{-webkit-box-sizing:inherit;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]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1rem}.fd-search-field__input{background:var(--fdSearchField_Background);border:0;border-radius:var(--fdSearchField_Border_Radius);-webkit-box-shadow:var(--fdSearchField_Box_Shadow);box-shadow:var(--fdSearchField_Box_Shadow);-webkit-box-sizing:border-box;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:normal;margin-block:0;margin-inline:0;max-height:var(--fdSearchField_Height_Border);min-height:var(--fdSearchField_Height_Border);padding-block:0;padding-block:var(--fdSearchField_Padding);padding-inline:0;padding-inline:var(--fdSearchField_Padding_Left) var(--fdSearchField_Padding_Right);width:16rem;z-index:1}.fd-search-field__input:after,.fd-search-field__input:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-search-field__input::-webkit-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::-moz-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:-ms-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::-ms-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::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;appearance:none}.fd-search-field__input:not(:-moz-placeholder){--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(:-ms-input-placeholder){--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){--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(:-moz-placeholder)[class*=-compact],[class*=-compact] .fd-search-field__input:not(:-moz-placeholder):not([class*=-cozy]){--fdSearchField_Padding_Right:var(--fdSearchField_Padding_Right_Typed_Compact)}.fd-search-field__input:not(:-ms-input-placeholder)[class*=-compact],[class*=-compact] .fd-search-field__input:not(:-ms-input-placeholder):not([class*=-cozy]){--fdSearchField_Padding_Right:var(--fdSearchField_Padding_Right_Typed_Compact)}.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(:-moz-placeholder)+.fd-search-field__underline{display:none}.fd-search-field__input:not(:-ms-input-placeholder)+.fd-search-field__underline{display:none}.fd-search-field__input:not(:placeholder-shown)+.fd-search-field__underline{display:none}.fd-search-field__input:not(:-moz-placeholder)~.fd-search-field__actions{--fdSearchField_Clear_Button_Display:inline-flex}.fd-search-field__input:not(:-ms-input-placeholder)~.fd-search-field__actions{--fdSearchField_Clear_Button_Display:inline-flex}.fd-search-field__input:not(:placeholder-shown)~.fd-search-field__actions{--fdSearchField_Clear_Button_Display:inline-flex}.fd-search-field__input:not(:-moz-placeholder).is-focus,.fd-search-field__input:not(:-moz-placeholder):focus{z-index:5;--fdSearchField_Box_Shadow:var(--sapSearchHover_Shadow);outline:none}.fd-search-field__input:not(:-ms-input-placeholder).is-focus,.fd-search-field__input:not(:-ms-input-placeholder):focus{z-index:5;--fdSearchField_Box_Shadow:var(--sapSearchHover_Shadow);outline:none}.fd-search-field__input:not(:placeholder-shown).is-focus,.fd-search-field__input:not(:placeholder-shown):focus{z-index:5;--fdSearchField_Box_Shadow:var(--sapSearchHover_Shadow);outline:none}.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{z-index:5;--fdSearchField_Background:var(--fdSearchField_Background_Focus);--fdSearchField_Border_Color:transparent;--fdSearchField_Box_Shadow:none;outline:var(--fdSearchField_Outline);outline-offset:var(--fdSearchField_Outline_Offset)}.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{border:0;border-radius:var(--fdSearchField_Border_Radius);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;position:absolute;width:100%}.fd-search-field__underline:after,.fd-search-field__underline:before{-webkit-box-sizing:inherit;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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;position:absolute;right:var(--fdSearchField_Actions_Offset);z-index:10}.fd-search-field__actions:after,.fd-search-field__actions:before{-webkit-box-sizing:inherit;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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--fdSearchField_Action_Container_Size);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);width:var(--fdSearchField_Action_Container_Size)}.fd-search-field__action-container:after,.fd-search-field__action-container:before{-webkit-box-sizing:inherit;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/*! Bundled license information:\n\nfundamental-styles/dist/search-field.css:\n (*!\n * Fundamental Library Styles v0.41.5\n * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"] }]
|
|
60
|
+
args: [{ selector: 'fdb-search-field', hostDirectives: [CvaDirective], providers: [CvaControl], imports: [IconComponent, FormsModule, FdTranslatePipe, ButtonComponent, NestedButtonDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, 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: [".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);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:.0625rem solid var(--fdSearchField_Border_Color);border-radius:var(--fdSearchField_Border_Radius);height:var(--fdSearchField_Height);max-height:var(--fdSearchField_Height);min-height:var(--fdSearchField_Height);position:relative;width:16rem}.fd-search-field:after,.fd-search-field:before{-webkit-box-sizing:inherit;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]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1rem}.fd-search-field__input{background:var(--fdSearchField_Background);border:0;border-radius:var(--fdSearchField_Border_Radius);-webkit-box-shadow:var(--fdSearchField_Box_Shadow);box-shadow:var(--fdSearchField_Box_Shadow);-webkit-box-sizing:border-box;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:normal;margin-block:0;margin-inline:0;max-height:var(--fdSearchField_Height_Border);min-height:var(--fdSearchField_Height_Border);padding-block:0;padding-block:var(--fdSearchField_Padding);padding-inline:0;padding-inline:var(--fdSearchField_Padding_Left) var(--fdSearchField_Padding_Right);width:16rem;z-index:1}.fd-search-field__input:after,.fd-search-field__input:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-search-field__input::-webkit-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::-moz-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:-ms-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::-ms-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::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;appearance:none}.fd-search-field__input:not(:-moz-placeholder){--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(:-ms-input-placeholder){--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){--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(:-moz-placeholder)[class*=-compact],[class*=-compact] .fd-search-field__input:not(:-moz-placeholder):not([class*=-cozy]){--fdSearchField_Padding_Right:var(--fdSearchField_Padding_Right_Typed_Compact)}.fd-search-field__input:not(:-ms-input-placeholder)[class*=-compact],[class*=-compact] .fd-search-field__input:not(:-ms-input-placeholder):not([class*=-cozy]){--fdSearchField_Padding_Right:var(--fdSearchField_Padding_Right_Typed_Compact)}.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(:-moz-placeholder)+.fd-search-field__underline{display:none}.fd-search-field__input:not(:-ms-input-placeholder)+.fd-search-field__underline{display:none}.fd-search-field__input:not(:placeholder-shown)+.fd-search-field__underline{display:none}.fd-search-field__input:not(:-moz-placeholder)~.fd-search-field__actions{--fdSearchField_Clear_Button_Display:inline-flex}.fd-search-field__input:not(:-ms-input-placeholder)~.fd-search-field__actions{--fdSearchField_Clear_Button_Display:inline-flex}.fd-search-field__input:not(:placeholder-shown)~.fd-search-field__actions{--fdSearchField_Clear_Button_Display:inline-flex}.fd-search-field__input:not(:-moz-placeholder).is-focus,.fd-search-field__input:not(:-moz-placeholder):focus{z-index:5;--fdSearchField_Box_Shadow:var(--sapSearchHover_Shadow);outline:none}.fd-search-field__input:not(:-ms-input-placeholder).is-focus,.fd-search-field__input:not(:-ms-input-placeholder):focus{z-index:5;--fdSearchField_Box_Shadow:var(--sapSearchHover_Shadow);outline:none}.fd-search-field__input:not(:placeholder-shown).is-focus,.fd-search-field__input:not(:placeholder-shown):focus{z-index:5;--fdSearchField_Box_Shadow:var(--sapSearchHover_Shadow);outline:none}.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{z-index:5;--fdSearchField_Background:var(--fdSearchField_Background_Focus);--fdSearchField_Border_Color:transparent;--fdSearchField_Box_Shadow:none;outline:var(--fdSearchField_Outline);outline-offset:var(--fdSearchField_Outline_Offset)}.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{border:0;border-radius:var(--fdSearchField_Border_Radius);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;position:absolute;width:100%}.fd-search-field__underline:after,.fd-search-field__underline:before{-webkit-box-sizing:inherit;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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;position:absolute;right:var(--fdSearchField_Actions_Offset);z-index:10}.fd-search-field__actions:after,.fd-search-field__actions:before{-webkit-box-sizing:inherit;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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--fdSearchField_Action_Container_Size);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);width:var(--fdSearchField_Action_Container_Size)}.fd-search-field__action-container:after,.fd-search-field__action-container:before{-webkit-box-sizing:inherit;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/*! Bundled license information:\n\nfundamental-styles/dist/search-field.css:\n (*!\n * Fundamental Library Styles v0.41.6\n * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"] }]
|
|
61
61
|
}], propDecorators: { placeholder: [{
|
|
62
62
|
type: Input
|
|
63
63
|
}], search: [{
|
|
@@ -182,11 +182,11 @@ class SplitterComponent {
|
|
|
182
182
|
paneToShow?.showOnCanvas();
|
|
183
183
|
}
|
|
184
184
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SplitterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
185
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: SplitterComponent, isStandalone: true, selector: "fdb-splitter", inputs: { defaultPaneId: "defaultPaneId" }, host: { classAttribute: "fd-splitter" }, queries: [{ propertyName: "_panes", predicate: SplitterSplitPaneComponent, descendants: true }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: ["@charset \"UTF-8\";.fd-splitter{--fdSplitter_Split_Pane_BoxShadow:none;--fdSplitter_Split_Pane_Background:transparent;--fdSplitter_Pane_Container_Flex_Direction:row;--fdSplitter_Pagination_Dot_Value:\"\\e107\";--fdSplitter_Pagination_Container_Height:2rem;--fdSplitter_Resizer_Gap:2rem;--fdSplitter_Resizer_Width:auto;--fdSplitter_Resizer_Height:auto;--fdSplitter_Resizer_Cursor:auto;--fdSplitter_Resizer_Grip_Cursor:auto;--fdSplitter_Resizer_Flex_Direction:row;--fdSplitter_Resizer_Background:transparent;--fdSplitter_Resizer_Before_Background:linear-gradient(to left,var(--sapGroup_TitleBorderColor),transparent);--fdSplitter_Resizer_After_Background:linear-gradient(to right,var(--sapGroup_TitleBorderColor),transparent);--fdSplitter_Resizer_Line_Border_Radius:.125rem;--fdSplitter_Resizer_Line_Thickness:.0625rem;--fdSplitter_Resizer_Line_Size:4rem;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.fd-splitter .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__resizer-decoration-before{height:var(--fdSplitter_Resizer_Line_Thickness);-ms-flex-preferred-size:var(--fdSplitter_Resizer_Line_Size);flex-basis:var(--fdSplitter_Resizer_Line_Size)}.fd-splitter,.fd-splitter__pagination,.fd-splitter__pagination-item-dot{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-splitter:after,.fd-splitter:before,.fd-splitter__pagination-item-dot:after,.fd-splitter__pagination-item-dot:before,.fd-splitter__pagination:after,.fd-splitter__pagination:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-splitter__resizer,.fd-splitter__resizer-decoration-after,.fd-splitter__resizer-decoration-before,.fd-splitter__resizer-grip,.fd-splitter__resizer-grip-icon{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fd-splitter__resizer-decoration-after:after,.fd-splitter__resizer-decoration-after:before,.fd-splitter__resizer-decoration-before:after,.fd-splitter__resizer-decoration-before:before,.fd-splitter__resizer-grip-icon:after,.fd-splitter__resizer-grip-icon:before,.fd-splitter__resizer-grip:after,.fd-splitter__resizer-grip:before,.fd-splitter__resizer:after,.fd-splitter__resizer:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-splitter__pane,.fd-splitter__pane-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;max-height:100%;max-width:100%;padding-block:0;padding-inline:0}.fd-splitter__pane-container:after,.fd-splitter__pane-container:before,.fd-splitter__pane:after,.fd-splitter__pane:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-splitter__pane-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-direction:var(--fdSplitter_Pane_Container_Flex_Direction);flex-direction:var(--fdSplitter_Pane_Container_Flex_Direction)}.fd-splitter__pane-container--horizontal{--fdSplitter_Resizer_Width:auto;--fdSplitter_Resizer_Height:1rem;--fdSplitter_Resizer_Flex_Direction:row;--fdSplitter_Resizer_Cursor:row-resize;--fdSplitter_Pane_Container_Flex_Direction:column;--fdSplitter_Resizer_Before_Background:linear-gradient(to left,var(--sapGroup_TitleBorderColor),transparent);--fdSplitter_Resizer_After_Background:linear-gradient(to right,var(--sapGroup_TitleBorderColor),transparent)}.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-decoration-after,.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-decoration-before{height:var(--fdSplitter_Resizer_Line_Thickness);-ms-flex-preferred-size:var(--fdSplitter_Resizer_Line_Size);flex-basis:var(--fdSplitter_Resizer_Line_Size)}.fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-after,.fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-before,.fd-splitter__pane-container--horizontal>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-after,.fd-splitter__pane-container--horizontal>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-before{height:var(--fdSplitter_Resizer_Line_Thickness);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip{--fdSplitter_Resizer_Grip_Cursor:row-resize}.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip.is-focus~.fd-splitter__resizer-decoration-before,.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip:focus~.fd-splitter__resizer-decoration-before{--fdSplitter_Resizer_Before_Background:linear-gradient(to left,var(--sapContent_FocusColor),transparent)}.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip.is-focus,.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip:focus{z-index:5}.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip.is-focus~.fd-splitter__resizer-decoration-after,.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip:focus~.fd-splitter__resizer-decoration-after{--fdSplitter_Resizer_After_Background:linear-gradient(to right,var(--sapContent_FocusColor),transparent)}.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip.is-active~.fd-splitter__resizer-decoration-before,.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip:active~.fd-splitter__resizer-decoration-before{height:var(--fdSplitter_Resizer_Line_Thickness);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;--fdSplitter_Resizer_Before_Background:var(--sapGroup_TitleBorderColor)}.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip.is-active~.fd-splitter__resizer-decoration-after,.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip:active~.fd-splitter__resizer-decoration-after{height:var(--fdSplitter_Resizer_Line_Thickness);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;--fdSplitter_Resizer_After_Background:var(--sapGroup_TitleBorderColor)}.fd-splitter__pane-container--vertical{--fdSplitter_Resizer_Width:1rem;--fdSplitter_Resizer_Cursor:col-resize;--fdSplitter_Resizer_Flex_Direction:column;--fdSplitter_Resizer_Before_Background:linear-gradient(to top,var(--sapGroup_TitleBorderColor),transparent);--fdSplitter_Resizer_After_Background:linear-gradient(to bottom,var(--sapGroup_TitleBorderColor),transparent)}.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-decoration-after,.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-decoration-before{width:var(--fdSplitter_Resizer_Line_Thickness);-ms-flex-preferred-size:var(--fdSplitter_Resizer_Line_Size);flex-basis:var(--fdSplitter_Resizer_Line_Size)}.fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-after,.fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-before,.fd-splitter__pane-container--vertical>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-after,.fd-splitter__pane-container--vertical>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-before{width:var(--fdSplitter_Resizer_Line_Thickness);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip{--fdSplitter_Resizer_Grip_Cursor:col-resize}.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip.is-focus~.fd-splitter__resizer-decoration-before,.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip:focus~.fd-splitter__resizer-decoration-before{--fdSplitter_Resizer_Before_Background:linear-gradient(to top,var(--sapContent_FocusColor),transparent)}.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip.is-focus,.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip:focus{z-index:5}.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip.is-focus~.fd-splitter__resizer-decoration-after,.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip:focus~.fd-splitter__resizer-decoration-after{--fdSplitter_Resizer_After_Background:linear-gradient(to bottom,var(--sapContent_FocusColor),transparent)}.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip.is-active~.fd-splitter__resizer-decoration-before,.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip:active~.fd-splitter__resizer-decoration-before{width:var(--fdSplitter_Resizer_Line_Thickness);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;--fdSplitter_Resizer_Before_Background:var(--sapGroup_TitleBorderColor)}.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip.is-active~.fd-splitter__resizer-decoration-after,.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip:active~.fd-splitter__resizer-decoration-after{width:var(--fdSplitter_Resizer_Line_Thickness);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;--fdSplitter_Resizer_After_Background:var(--sapGroup_TitleBorderColor)}.fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-focus,.fd-splitter__pane-container--vertical>.fd-splitter__resizer:focus{z-index:5;--fdSplitter_Resizer_Before_Background:linear-gradient(to top,var(--sapContent_FocusColor),transparent);--fdSplitter_Resizer_After_Background:linear-gradient(to bottom,var(--sapContent_FocusColor),transparent)}.fd-splitter__split-pane{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;background:var(--fdSplitter_Split_Pane_Background);border-radius:.5rem;-webkit-box-shadow:var(--fdSplitter_Split_Pane_BoxShadow);box-shadow:var(--fdSplitter_Split_Pane_BoxShadow);flex-grow:1;overflow:auto;text-overflow:ellipsis}.fd-splitter__split-pane--translucent{--fdSplitter_Split_Pane_Background:var(--sapBackgroundColor);--fdSplitter_Split_Pane_BoxShadow:var(--sapSplitPane_Shadow1)}.fd-splitter__split-pane--solid{--fdSplitter_Split_Pane_BoxShadow:var(--sapSplitPane_Shadow1);--fdSplitter_Split_Pane_Background:var(--sapGroup_ContentBackground)}.fd-splitter__resizer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdSplitter_Resizer_Background);border:var(--fdSplitter_Resizer_Border);border-radius:.5rem;cursor:var(--fdSplitter_Resizer_Cursor);gap:var(--fdSplitter_Resizer_Gap);height:var(--fdSplitter_Resizer_Height);overflow:visible;position:relative;width:var(--fdSplitter_Resizer_Width);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:var(--fdSplitter_Resizer_Flex_Direction);flex-direction:var(--fdSplitter_Resizer_Flex_Direction)}.fd-splitter__resizer--translucent{--fdSplitter_Resizer_Background:var(--sapGroup_ContentBackground)}.fd-splitter__resizer--solid{--fdSplitter_Resizer_Background:var(--sapContent_ForegroundColor)}.fd-splitter__resizer.is-active,.fd-splitter__resizer:active{--fdSplitter_Resizer_Before_Background:var(--sapGroup_TitleBorderColor);--fdSplitter_Resizer_After_Background:var(--sapGroup_TitleBorderColor)}.fd-splitter__resizer.is-focus,.fd-splitter__resizer:focus{z-index:5;--fdSplitter_Resizer_Before_Background:linear-gradient(to left,var(--sapContent_FocusColor),transparent);--fdSplitter_Resizer_After_Background:linear-gradient(to right,var(--sapContent_FocusColor),transparent)}.fd-splitter__resizer.is-focus.is-active,.fd-splitter__resizer.is-focus:active,.fd-splitter__resizer:focus.is-active,.fd-splitter__resizer:focus:active{--fdSplitter_Resizer_Before_Background:var(--sapGroup_TitleBorderColor);--fdSplitter_Resizer_After_Background:var(--sapGroup_TitleBorderColor)}.fd-splitter__resizer-decoration-before{-webkit-box-ordinal-group:2;-ms-flex-order:1;background:var(--fdSplitter_Resizer_Before_Background);order:1}.fd-splitter__resizer-decoration-after,.fd-splitter__resizer-decoration-before{border-radius:var(--fdSplitter_Resizer_Line_Border_Radius);-webkit-transition:all .1s ease-in;transition:all .1s ease-in}.fd-splitter__resizer-decoration-after{-webkit-box-ordinal-group:4;-ms-flex-order:3;background:var(--fdSplitter_Resizer_After_Background);order:3}.fd-splitter .fd-splitter__resizer-grip{-webkit-box-ordinal-group:3;-ms-flex-order:2;cursor:var(--fdSplitter_Resizer_Grip_Cursor);order:2;position:absolute}.fd-splitter__pagination{-webkit-box-pack:center;-ms-flex-pack:center;height:var(--fdSplitter_Pagination_Container_Height);justify-content:center;width:100%}.fd-splitter__pagination,.fd-splitter__pagination-item-dot:before{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-splitter__pagination-item-dot:before{content:var(--fdSplitter_Pagination_Dot_Value);font-family:SAP-icons-TNT;font-size:.75rem;line-height:.75rem}.fd-splitter__pagination-item--active{--fdSplitter_Pagination_Dot_Value:\"\\e108\"}.fd-splitter[class*=-compact],.fd-splitter[class*=-condensed],[class*=-compact] .fd-splitter:not([class*=-cozy]),[class*=-condensed] .fd-splitter:not([class*=-cozy]){--fdSplitter_Resizer_Gap:1.625rem;--fdSplitter_Pagination_Container_Height:1.625rem}\n/*! Bundled license information:\n\nfundamental-styles/dist/splitter.css:\n (*!\n * Fundamental Library Styles v0.41.5\n * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
185
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: SplitterComponent, isStandalone: true, selector: "fdb-splitter", inputs: { defaultPaneId: "defaultPaneId" }, host: { classAttribute: "fd-splitter" }, queries: [{ propertyName: "_panes", predicate: SplitterSplitPaneComponent, descendants: true }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: ["@charset \"UTF-8\";.fd-splitter{--fdSplitter_Split_Pane_BoxShadow:none;--fdSplitter_Split_Pane_Background:transparent;--fdSplitter_Pane_Container_Flex_Direction:row;--fdSplitter_Pagination_Dot_Value:\"\\e107\";--fdSplitter_Pagination_Container_Height:2rem;--fdSplitter_Resizer_Gap:2rem;--fdSplitter_Resizer_Width:auto;--fdSplitter_Resizer_Height:auto;--fdSplitter_Resizer_Cursor:auto;--fdSplitter_Resizer_Grip_Cursor:auto;--fdSplitter_Resizer_Flex_Direction:row;--fdSplitter_Resizer_Background:transparent;--fdSplitter_Resizer_Before_Background:linear-gradient(to left,var(--sapGroup_TitleBorderColor),transparent);--fdSplitter_Resizer_After_Background:linear-gradient(to right,var(--sapGroup_TitleBorderColor),transparent);--fdSplitter_Resizer_Line_Border_Radius:.125rem;--fdSplitter_Resizer_Line_Thickness:.0625rem;--fdSplitter_Resizer_Line_Size:4rem;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.fd-splitter .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__resizer-decoration-before{height:var(--fdSplitter_Resizer_Line_Thickness);-ms-flex-preferred-size:var(--fdSplitter_Resizer_Line_Size);flex-basis:var(--fdSplitter_Resizer_Line_Size)}.fd-splitter,.fd-splitter__pagination,.fd-splitter__pagination-item-dot{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-splitter:after,.fd-splitter:before,.fd-splitter__pagination-item-dot:after,.fd-splitter__pagination-item-dot:before,.fd-splitter__pagination:after,.fd-splitter__pagination:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-splitter__resizer,.fd-splitter__resizer-decoration-after,.fd-splitter__resizer-decoration-before,.fd-splitter__resizer-grip,.fd-splitter__resizer-grip-icon{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fd-splitter__resizer-decoration-after:after,.fd-splitter__resizer-decoration-after:before,.fd-splitter__resizer-decoration-before:after,.fd-splitter__resizer-decoration-before:before,.fd-splitter__resizer-grip-icon:after,.fd-splitter__resizer-grip-icon:before,.fd-splitter__resizer-grip:after,.fd-splitter__resizer-grip:before,.fd-splitter__resizer:after,.fd-splitter__resizer:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-splitter__pane,.fd-splitter__pane-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;max-height:100%;max-width:100%;padding-block:0;padding-inline:0}.fd-splitter__pane-container:after,.fd-splitter__pane-container:before,.fd-splitter__pane:after,.fd-splitter__pane:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-splitter__pane-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-direction:var(--fdSplitter_Pane_Container_Flex_Direction);flex-direction:var(--fdSplitter_Pane_Container_Flex_Direction)}.fd-splitter__pane-container--horizontal{--fdSplitter_Resizer_Width:auto;--fdSplitter_Resizer_Height:1rem;--fdSplitter_Resizer_Flex_Direction:row;--fdSplitter_Resizer_Cursor:row-resize;--fdSplitter_Pane_Container_Flex_Direction:column;--fdSplitter_Resizer_Before_Background:linear-gradient(to left,var(--sapGroup_TitleBorderColor),transparent);--fdSplitter_Resizer_After_Background:linear-gradient(to right,var(--sapGroup_TitleBorderColor),transparent)}.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-decoration-after,.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-decoration-before{height:var(--fdSplitter_Resizer_Line_Thickness);-ms-flex-preferred-size:var(--fdSplitter_Resizer_Line_Size);flex-basis:var(--fdSplitter_Resizer_Line_Size)}.fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-after,.fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-before,.fd-splitter__pane-container--horizontal>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-after,.fd-splitter__pane-container--horizontal>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-before{height:var(--fdSplitter_Resizer_Line_Thickness);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip{--fdSplitter_Resizer_Grip_Cursor:row-resize}.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip.is-focus~.fd-splitter__resizer-decoration-before,.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip:focus~.fd-splitter__resizer-decoration-before{--fdSplitter_Resizer_Before_Background:linear-gradient(to left,var(--sapContent_FocusColor),transparent)}.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip.is-focus,.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip:focus{z-index:5}.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip.is-focus~.fd-splitter__resizer-decoration-after,.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip:focus~.fd-splitter__resizer-decoration-after{--fdSplitter_Resizer_After_Background:linear-gradient(to right,var(--sapContent_FocusColor),transparent)}.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip.is-active~.fd-splitter__resizer-decoration-before,.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip:active~.fd-splitter__resizer-decoration-before{height:var(--fdSplitter_Resizer_Line_Thickness);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;--fdSplitter_Resizer_Before_Background:var(--sapGroup_TitleBorderColor)}.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip.is-active~.fd-splitter__resizer-decoration-after,.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip:active~.fd-splitter__resizer-decoration-after{height:var(--fdSplitter_Resizer_Line_Thickness);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;--fdSplitter_Resizer_After_Background:var(--sapGroup_TitleBorderColor)}.fd-splitter__pane-container--vertical{--fdSplitter_Resizer_Width:1rem;--fdSplitter_Resizer_Cursor:col-resize;--fdSplitter_Resizer_Flex_Direction:column;--fdSplitter_Resizer_Before_Background:linear-gradient(to top,var(--sapGroup_TitleBorderColor),transparent);--fdSplitter_Resizer_After_Background:linear-gradient(to bottom,var(--sapGroup_TitleBorderColor),transparent)}.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-decoration-after,.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-decoration-before{width:var(--fdSplitter_Resizer_Line_Thickness);-ms-flex-preferred-size:var(--fdSplitter_Resizer_Line_Size);flex-basis:var(--fdSplitter_Resizer_Line_Size)}.fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-after,.fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-before,.fd-splitter__pane-container--vertical>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-after,.fd-splitter__pane-container--vertical>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-before{width:var(--fdSplitter_Resizer_Line_Thickness);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip{--fdSplitter_Resizer_Grip_Cursor:col-resize}.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip.is-focus~.fd-splitter__resizer-decoration-before,.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip:focus~.fd-splitter__resizer-decoration-before{--fdSplitter_Resizer_Before_Background:linear-gradient(to top,var(--sapContent_FocusColor),transparent)}.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip.is-focus,.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip:focus{z-index:5}.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip.is-focus~.fd-splitter__resizer-decoration-after,.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip:focus~.fd-splitter__resizer-decoration-after{--fdSplitter_Resizer_After_Background:linear-gradient(to bottom,var(--sapContent_FocusColor),transparent)}.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip.is-active~.fd-splitter__resizer-decoration-before,.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip:active~.fd-splitter__resizer-decoration-before{width:var(--fdSplitter_Resizer_Line_Thickness);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;--fdSplitter_Resizer_Before_Background:var(--sapGroup_TitleBorderColor)}.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip.is-active~.fd-splitter__resizer-decoration-after,.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip:active~.fd-splitter__resizer-decoration-after{width:var(--fdSplitter_Resizer_Line_Thickness);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;--fdSplitter_Resizer_After_Background:var(--sapGroup_TitleBorderColor)}.fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-focus,.fd-splitter__pane-container--vertical>.fd-splitter__resizer:focus{z-index:5;--fdSplitter_Resizer_Before_Background:linear-gradient(to top,var(--sapContent_FocusColor),transparent);--fdSplitter_Resizer_After_Background:linear-gradient(to bottom,var(--sapContent_FocusColor),transparent)}.fd-splitter__split-pane{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;background:var(--fdSplitter_Split_Pane_Background);border-radius:.5rem;-webkit-box-shadow:var(--fdSplitter_Split_Pane_BoxShadow);box-shadow:var(--fdSplitter_Split_Pane_BoxShadow);flex-grow:1;overflow:auto;text-overflow:ellipsis}.fd-splitter__split-pane--translucent{--fdSplitter_Split_Pane_Background:var(--sapBackgroundColor);--fdSplitter_Split_Pane_BoxShadow:var(--sapSplitPane_Shadow1)}.fd-splitter__split-pane--solid{--fdSplitter_Split_Pane_BoxShadow:var(--sapSplitPane_Shadow1);--fdSplitter_Split_Pane_Background:var(--sapGroup_ContentBackground)}.fd-splitter__resizer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdSplitter_Resizer_Background);border:var(--fdSplitter_Resizer_Border);border-radius:.5rem;cursor:var(--fdSplitter_Resizer_Cursor);gap:var(--fdSplitter_Resizer_Gap);height:var(--fdSplitter_Resizer_Height);overflow:visible;position:relative;width:var(--fdSplitter_Resizer_Width);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:var(--fdSplitter_Resizer_Flex_Direction);flex-direction:var(--fdSplitter_Resizer_Flex_Direction)}.fd-splitter__resizer--translucent{--fdSplitter_Resizer_Background:var(--sapGroup_ContentBackground)}.fd-splitter__resizer--solid{--fdSplitter_Resizer_Background:var(--sapContent_ForegroundColor)}.fd-splitter__resizer.is-active,.fd-splitter__resizer:active{--fdSplitter_Resizer_Before_Background:var(--sapGroup_TitleBorderColor);--fdSplitter_Resizer_After_Background:var(--sapGroup_TitleBorderColor)}.fd-splitter__resizer.is-focus,.fd-splitter__resizer:focus{z-index:5;--fdSplitter_Resizer_Before_Background:linear-gradient(to left,var(--sapContent_FocusColor),transparent);--fdSplitter_Resizer_After_Background:linear-gradient(to right,var(--sapContent_FocusColor),transparent)}.fd-splitter__resizer.is-focus.is-active,.fd-splitter__resizer.is-focus:active,.fd-splitter__resizer:focus.is-active,.fd-splitter__resizer:focus:active{--fdSplitter_Resizer_Before_Background:var(--sapGroup_TitleBorderColor);--fdSplitter_Resizer_After_Background:var(--sapGroup_TitleBorderColor)}.fd-splitter__resizer-decoration-before{-webkit-box-ordinal-group:2;-ms-flex-order:1;background:var(--fdSplitter_Resizer_Before_Background);order:1}.fd-splitter__resizer-decoration-after,.fd-splitter__resizer-decoration-before{border-radius:var(--fdSplitter_Resizer_Line_Border_Radius);-webkit-transition:all .1s ease-in;transition:all .1s ease-in}.fd-splitter__resizer-decoration-after{-webkit-box-ordinal-group:4;-ms-flex-order:3;background:var(--fdSplitter_Resizer_After_Background);order:3}.fd-splitter .fd-splitter__resizer-grip{-webkit-box-ordinal-group:3;-ms-flex-order:2;cursor:var(--fdSplitter_Resizer_Grip_Cursor);order:2;position:absolute}.fd-splitter__pagination{-webkit-box-pack:center;-ms-flex-pack:center;height:var(--fdSplitter_Pagination_Container_Height);justify-content:center;width:100%}.fd-splitter__pagination,.fd-splitter__pagination-item-dot:before{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-splitter__pagination-item-dot:before{content:var(--fdSplitter_Pagination_Dot_Value);font-family:SAP-icons-TNT;font-size:.75rem;line-height:.75rem}.fd-splitter__pagination-item--active{--fdSplitter_Pagination_Dot_Value:\"\\e108\"}.fd-splitter[class*=-compact],.fd-splitter[class*=-condensed],[class*=-compact] .fd-splitter:not([class*=-cozy]),[class*=-condensed] .fd-splitter:not([class*=-cozy]){--fdSplitter_Resizer_Gap:1.625rem;--fdSplitter_Pagination_Container_Height:1.625rem}\n/*! Bundled license information:\n\nfundamental-styles/dist/splitter.css:\n (*!\n * Fundamental Library Styles v0.41.6\n * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
186
186
|
}
|
|
187
187
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SplitterComponent, decorators: [{
|
|
188
188
|
type: Component,
|
|
189
|
-
args: [{ selector: 'fdb-splitter', template: `<ng-content></ng-content>`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'fd-splitter' }, standalone: true, styles: ["@charset \"UTF-8\";.fd-splitter{--fdSplitter_Split_Pane_BoxShadow:none;--fdSplitter_Split_Pane_Background:transparent;--fdSplitter_Pane_Container_Flex_Direction:row;--fdSplitter_Pagination_Dot_Value:\"\\e107\";--fdSplitter_Pagination_Container_Height:2rem;--fdSplitter_Resizer_Gap:2rem;--fdSplitter_Resizer_Width:auto;--fdSplitter_Resizer_Height:auto;--fdSplitter_Resizer_Cursor:auto;--fdSplitter_Resizer_Grip_Cursor:auto;--fdSplitter_Resizer_Flex_Direction:row;--fdSplitter_Resizer_Background:transparent;--fdSplitter_Resizer_Before_Background:linear-gradient(to left,var(--sapGroup_TitleBorderColor),transparent);--fdSplitter_Resizer_After_Background:linear-gradient(to right,var(--sapGroup_TitleBorderColor),transparent);--fdSplitter_Resizer_Line_Border_Radius:.125rem;--fdSplitter_Resizer_Line_Thickness:.0625rem;--fdSplitter_Resizer_Line_Size:4rem;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.fd-splitter .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__resizer-decoration-before{height:var(--fdSplitter_Resizer_Line_Thickness);-ms-flex-preferred-size:var(--fdSplitter_Resizer_Line_Size);flex-basis:var(--fdSplitter_Resizer_Line_Size)}.fd-splitter,.fd-splitter__pagination,.fd-splitter__pagination-item-dot{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-splitter:after,.fd-splitter:before,.fd-splitter__pagination-item-dot:after,.fd-splitter__pagination-item-dot:before,.fd-splitter__pagination:after,.fd-splitter__pagination:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-splitter__resizer,.fd-splitter__resizer-decoration-after,.fd-splitter__resizer-decoration-before,.fd-splitter__resizer-grip,.fd-splitter__resizer-grip-icon{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fd-splitter__resizer-decoration-after:after,.fd-splitter__resizer-decoration-after:before,.fd-splitter__resizer-decoration-before:after,.fd-splitter__resizer-decoration-before:before,.fd-splitter__resizer-grip-icon:after,.fd-splitter__resizer-grip-icon:before,.fd-splitter__resizer-grip:after,.fd-splitter__resizer-grip:before,.fd-splitter__resizer:after,.fd-splitter__resizer:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-splitter__pane,.fd-splitter__pane-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;max-height:100%;max-width:100%;padding-block:0;padding-inline:0}.fd-splitter__pane-container:after,.fd-splitter__pane-container:before,.fd-splitter__pane:after,.fd-splitter__pane:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-splitter__pane-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-direction:var(--fdSplitter_Pane_Container_Flex_Direction);flex-direction:var(--fdSplitter_Pane_Container_Flex_Direction)}.fd-splitter__pane-container--horizontal{--fdSplitter_Resizer_Width:auto;--fdSplitter_Resizer_Height:1rem;--fdSplitter_Resizer_Flex_Direction:row;--fdSplitter_Resizer_Cursor:row-resize;--fdSplitter_Pane_Container_Flex_Direction:column;--fdSplitter_Resizer_Before_Background:linear-gradient(to left,var(--sapGroup_TitleBorderColor),transparent);--fdSplitter_Resizer_After_Background:linear-gradient(to right,var(--sapGroup_TitleBorderColor),transparent)}.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-decoration-after,.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-decoration-before{height:var(--fdSplitter_Resizer_Line_Thickness);-ms-flex-preferred-size:var(--fdSplitter_Resizer_Line_Size);flex-basis:var(--fdSplitter_Resizer_Line_Size)}.fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-after,.fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-before,.fd-splitter__pane-container--horizontal>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-after,.fd-splitter__pane-container--horizontal>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-before{height:var(--fdSplitter_Resizer_Line_Thickness);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip{--fdSplitter_Resizer_Grip_Cursor:row-resize}.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip.is-focus~.fd-splitter__resizer-decoration-before,.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip:focus~.fd-splitter__resizer-decoration-before{--fdSplitter_Resizer_Before_Background:linear-gradient(to left,var(--sapContent_FocusColor),transparent)}.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip.is-focus,.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip:focus{z-index:5}.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip.is-focus~.fd-splitter__resizer-decoration-after,.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip:focus~.fd-splitter__resizer-decoration-after{--fdSplitter_Resizer_After_Background:linear-gradient(to right,var(--sapContent_FocusColor),transparent)}.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip.is-active~.fd-splitter__resizer-decoration-before,.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip:active~.fd-splitter__resizer-decoration-before{height:var(--fdSplitter_Resizer_Line_Thickness);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;--fdSplitter_Resizer_Before_Background:var(--sapGroup_TitleBorderColor)}.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip.is-active~.fd-splitter__resizer-decoration-after,.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip:active~.fd-splitter__resizer-decoration-after{height:var(--fdSplitter_Resizer_Line_Thickness);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;--fdSplitter_Resizer_After_Background:var(--sapGroup_TitleBorderColor)}.fd-splitter__pane-container--vertical{--fdSplitter_Resizer_Width:1rem;--fdSplitter_Resizer_Cursor:col-resize;--fdSplitter_Resizer_Flex_Direction:column;--fdSplitter_Resizer_Before_Background:linear-gradient(to top,var(--sapGroup_TitleBorderColor),transparent);--fdSplitter_Resizer_After_Background:linear-gradient(to bottom,var(--sapGroup_TitleBorderColor),transparent)}.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-decoration-after,.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-decoration-before{width:var(--fdSplitter_Resizer_Line_Thickness);-ms-flex-preferred-size:var(--fdSplitter_Resizer_Line_Size);flex-basis:var(--fdSplitter_Resizer_Line_Size)}.fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-after,.fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-before,.fd-splitter__pane-container--vertical>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-after,.fd-splitter__pane-container--vertical>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-before{width:var(--fdSplitter_Resizer_Line_Thickness);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip{--fdSplitter_Resizer_Grip_Cursor:col-resize}.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip.is-focus~.fd-splitter__resizer-decoration-before,.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip:focus~.fd-splitter__resizer-decoration-before{--fdSplitter_Resizer_Before_Background:linear-gradient(to top,var(--sapContent_FocusColor),transparent)}.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip.is-focus,.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip:focus{z-index:5}.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip.is-focus~.fd-splitter__resizer-decoration-after,.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip:focus~.fd-splitter__resizer-decoration-after{--fdSplitter_Resizer_After_Background:linear-gradient(to bottom,var(--sapContent_FocusColor),transparent)}.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip.is-active~.fd-splitter__resizer-decoration-before,.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip:active~.fd-splitter__resizer-decoration-before{width:var(--fdSplitter_Resizer_Line_Thickness);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;--fdSplitter_Resizer_Before_Background:var(--sapGroup_TitleBorderColor)}.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip.is-active~.fd-splitter__resizer-decoration-after,.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip:active~.fd-splitter__resizer-decoration-after{width:var(--fdSplitter_Resizer_Line_Thickness);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;--fdSplitter_Resizer_After_Background:var(--sapGroup_TitleBorderColor)}.fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-focus,.fd-splitter__pane-container--vertical>.fd-splitter__resizer:focus{z-index:5;--fdSplitter_Resizer_Before_Background:linear-gradient(to top,var(--sapContent_FocusColor),transparent);--fdSplitter_Resizer_After_Background:linear-gradient(to bottom,var(--sapContent_FocusColor),transparent)}.fd-splitter__split-pane{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;background:var(--fdSplitter_Split_Pane_Background);border-radius:.5rem;-webkit-box-shadow:var(--fdSplitter_Split_Pane_BoxShadow);box-shadow:var(--fdSplitter_Split_Pane_BoxShadow);flex-grow:1;overflow:auto;text-overflow:ellipsis}.fd-splitter__split-pane--translucent{--fdSplitter_Split_Pane_Background:var(--sapBackgroundColor);--fdSplitter_Split_Pane_BoxShadow:var(--sapSplitPane_Shadow1)}.fd-splitter__split-pane--solid{--fdSplitter_Split_Pane_BoxShadow:var(--sapSplitPane_Shadow1);--fdSplitter_Split_Pane_Background:var(--sapGroup_ContentBackground)}.fd-splitter__resizer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdSplitter_Resizer_Background);border:var(--fdSplitter_Resizer_Border);border-radius:.5rem;cursor:var(--fdSplitter_Resizer_Cursor);gap:var(--fdSplitter_Resizer_Gap);height:var(--fdSplitter_Resizer_Height);overflow:visible;position:relative;width:var(--fdSplitter_Resizer_Width);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:var(--fdSplitter_Resizer_Flex_Direction);flex-direction:var(--fdSplitter_Resizer_Flex_Direction)}.fd-splitter__resizer--translucent{--fdSplitter_Resizer_Background:var(--sapGroup_ContentBackground)}.fd-splitter__resizer--solid{--fdSplitter_Resizer_Background:var(--sapContent_ForegroundColor)}.fd-splitter__resizer.is-active,.fd-splitter__resizer:active{--fdSplitter_Resizer_Before_Background:var(--sapGroup_TitleBorderColor);--fdSplitter_Resizer_After_Background:var(--sapGroup_TitleBorderColor)}.fd-splitter__resizer.is-focus,.fd-splitter__resizer:focus{z-index:5;--fdSplitter_Resizer_Before_Background:linear-gradient(to left,var(--sapContent_FocusColor),transparent);--fdSplitter_Resizer_After_Background:linear-gradient(to right,var(--sapContent_FocusColor),transparent)}.fd-splitter__resizer.is-focus.is-active,.fd-splitter__resizer.is-focus:active,.fd-splitter__resizer:focus.is-active,.fd-splitter__resizer:focus:active{--fdSplitter_Resizer_Before_Background:var(--sapGroup_TitleBorderColor);--fdSplitter_Resizer_After_Background:var(--sapGroup_TitleBorderColor)}.fd-splitter__resizer-decoration-before{-webkit-box-ordinal-group:2;-ms-flex-order:1;background:var(--fdSplitter_Resizer_Before_Background);order:1}.fd-splitter__resizer-decoration-after,.fd-splitter__resizer-decoration-before{border-radius:var(--fdSplitter_Resizer_Line_Border_Radius);-webkit-transition:all .1s ease-in;transition:all .1s ease-in}.fd-splitter__resizer-decoration-after{-webkit-box-ordinal-group:4;-ms-flex-order:3;background:var(--fdSplitter_Resizer_After_Background);order:3}.fd-splitter .fd-splitter__resizer-grip{-webkit-box-ordinal-group:3;-ms-flex-order:2;cursor:var(--fdSplitter_Resizer_Grip_Cursor);order:2;position:absolute}.fd-splitter__pagination{-webkit-box-pack:center;-ms-flex-pack:center;height:var(--fdSplitter_Pagination_Container_Height);justify-content:center;width:100%}.fd-splitter__pagination,.fd-splitter__pagination-item-dot:before{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-splitter__pagination-item-dot:before{content:var(--fdSplitter_Pagination_Dot_Value);font-family:SAP-icons-TNT;font-size:.75rem;line-height:.75rem}.fd-splitter__pagination-item--active{--fdSplitter_Pagination_Dot_Value:\"\\e108\"}.fd-splitter[class*=-compact],.fd-splitter[class*=-condensed],[class*=-compact] .fd-splitter:not([class*=-cozy]),[class*=-condensed] .fd-splitter:not([class*=-cozy]){--fdSplitter_Resizer_Gap:1.625rem;--fdSplitter_Pagination_Container_Height:1.625rem}\n/*! Bundled license information:\n\nfundamental-styles/dist/splitter.css:\n (*!\n * Fundamental Library Styles v0.41.5\n * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"] }]
|
|
189
|
+
args: [{ selector: 'fdb-splitter', template: `<ng-content></ng-content>`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'fd-splitter' }, standalone: true, styles: ["@charset \"UTF-8\";.fd-splitter{--fdSplitter_Split_Pane_BoxShadow:none;--fdSplitter_Split_Pane_Background:transparent;--fdSplitter_Pane_Container_Flex_Direction:row;--fdSplitter_Pagination_Dot_Value:\"\\e107\";--fdSplitter_Pagination_Container_Height:2rem;--fdSplitter_Resizer_Gap:2rem;--fdSplitter_Resizer_Width:auto;--fdSplitter_Resizer_Height:auto;--fdSplitter_Resizer_Cursor:auto;--fdSplitter_Resizer_Grip_Cursor:auto;--fdSplitter_Resizer_Flex_Direction:row;--fdSplitter_Resizer_Background:transparent;--fdSplitter_Resizer_Before_Background:linear-gradient(to left,var(--sapGroup_TitleBorderColor),transparent);--fdSplitter_Resizer_After_Background:linear-gradient(to right,var(--sapGroup_TitleBorderColor),transparent);--fdSplitter_Resizer_Line_Border_Radius:.125rem;--fdSplitter_Resizer_Line_Thickness:.0625rem;--fdSplitter_Resizer_Line_Size:4rem;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.fd-splitter .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__resizer-decoration-before{height:var(--fdSplitter_Resizer_Line_Thickness);-ms-flex-preferred-size:var(--fdSplitter_Resizer_Line_Size);flex-basis:var(--fdSplitter_Resizer_Line_Size)}.fd-splitter,.fd-splitter__pagination,.fd-splitter__pagination-item-dot{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-splitter:after,.fd-splitter:before,.fd-splitter__pagination-item-dot:after,.fd-splitter__pagination-item-dot:before,.fd-splitter__pagination:after,.fd-splitter__pagination:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-splitter__resizer,.fd-splitter__resizer-decoration-after,.fd-splitter__resizer-decoration-before,.fd-splitter__resizer-grip,.fd-splitter__resizer-grip-icon{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fd-splitter__resizer-decoration-after:after,.fd-splitter__resizer-decoration-after:before,.fd-splitter__resizer-decoration-before:after,.fd-splitter__resizer-decoration-before:before,.fd-splitter__resizer-grip-icon:after,.fd-splitter__resizer-grip-icon:before,.fd-splitter__resizer-grip:after,.fd-splitter__resizer-grip:before,.fd-splitter__resizer:after,.fd-splitter__resizer:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-splitter__pane,.fd-splitter__pane-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;max-height:100%;max-width:100%;padding-block:0;padding-inline:0}.fd-splitter__pane-container:after,.fd-splitter__pane-container:before,.fd-splitter__pane:after,.fd-splitter__pane:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-splitter__pane-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-direction:var(--fdSplitter_Pane_Container_Flex_Direction);flex-direction:var(--fdSplitter_Pane_Container_Flex_Direction)}.fd-splitter__pane-container--horizontal{--fdSplitter_Resizer_Width:auto;--fdSplitter_Resizer_Height:1rem;--fdSplitter_Resizer_Flex_Direction:row;--fdSplitter_Resizer_Cursor:row-resize;--fdSplitter_Pane_Container_Flex_Direction:column;--fdSplitter_Resizer_Before_Background:linear-gradient(to left,var(--sapGroup_TitleBorderColor),transparent);--fdSplitter_Resizer_After_Background:linear-gradient(to right,var(--sapGroup_TitleBorderColor),transparent)}.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-decoration-after,.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-decoration-before{height:var(--fdSplitter_Resizer_Line_Thickness);-ms-flex-preferred-size:var(--fdSplitter_Resizer_Line_Size);flex-basis:var(--fdSplitter_Resizer_Line_Size)}.fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-after,.fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-before,.fd-splitter__pane-container--horizontal>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-after,.fd-splitter__pane-container--horizontal>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-before{height:var(--fdSplitter_Resizer_Line_Thickness);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip{--fdSplitter_Resizer_Grip_Cursor:row-resize}.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip.is-focus~.fd-splitter__resizer-decoration-before,.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip:focus~.fd-splitter__resizer-decoration-before{--fdSplitter_Resizer_Before_Background:linear-gradient(to left,var(--sapContent_FocusColor),transparent)}.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip.is-focus,.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip:focus{z-index:5}.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip.is-focus~.fd-splitter__resizer-decoration-after,.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip:focus~.fd-splitter__resizer-decoration-after{--fdSplitter_Resizer_After_Background:linear-gradient(to right,var(--sapContent_FocusColor),transparent)}.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip.is-active~.fd-splitter__resizer-decoration-before,.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip:active~.fd-splitter__resizer-decoration-before{height:var(--fdSplitter_Resizer_Line_Thickness);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;--fdSplitter_Resizer_Before_Background:var(--sapGroup_TitleBorderColor)}.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip.is-active~.fd-splitter__resizer-decoration-after,.fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip:active~.fd-splitter__resizer-decoration-after{height:var(--fdSplitter_Resizer_Line_Thickness);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;--fdSplitter_Resizer_After_Background:var(--sapGroup_TitleBorderColor)}.fd-splitter__pane-container--vertical{--fdSplitter_Resizer_Width:1rem;--fdSplitter_Resizer_Cursor:col-resize;--fdSplitter_Resizer_Flex_Direction:column;--fdSplitter_Resizer_Before_Background:linear-gradient(to top,var(--sapGroup_TitleBorderColor),transparent);--fdSplitter_Resizer_After_Background:linear-gradient(to bottom,var(--sapGroup_TitleBorderColor),transparent)}.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-decoration-after,.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-decoration-before{width:var(--fdSplitter_Resizer_Line_Thickness);-ms-flex-preferred-size:var(--fdSplitter_Resizer_Line_Size);flex-basis:var(--fdSplitter_Resizer_Line_Size)}.fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-after,.fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-before,.fd-splitter__pane-container--vertical>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-after,.fd-splitter__pane-container--vertical>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-before{width:var(--fdSplitter_Resizer_Line_Thickness);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip{--fdSplitter_Resizer_Grip_Cursor:col-resize}.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip.is-focus~.fd-splitter__resizer-decoration-before,.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip:focus~.fd-splitter__resizer-decoration-before{--fdSplitter_Resizer_Before_Background:linear-gradient(to top,var(--sapContent_FocusColor),transparent)}.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip.is-focus,.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip:focus{z-index:5}.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip.is-focus~.fd-splitter__resizer-decoration-after,.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip:focus~.fd-splitter__resizer-decoration-after{--fdSplitter_Resizer_After_Background:linear-gradient(to bottom,var(--sapContent_FocusColor),transparent)}.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip.is-active~.fd-splitter__resizer-decoration-before,.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip:active~.fd-splitter__resizer-decoration-before{width:var(--fdSplitter_Resizer_Line_Thickness);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;--fdSplitter_Resizer_Before_Background:var(--sapGroup_TitleBorderColor)}.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip.is-active~.fd-splitter__resizer-decoration-after,.fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip:active~.fd-splitter__resizer-decoration-after{width:var(--fdSplitter_Resizer_Line_Thickness);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;--fdSplitter_Resizer_After_Background:var(--sapGroup_TitleBorderColor)}.fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-focus,.fd-splitter__pane-container--vertical>.fd-splitter__resizer:focus{z-index:5;--fdSplitter_Resizer_Before_Background:linear-gradient(to top,var(--sapContent_FocusColor),transparent);--fdSplitter_Resizer_After_Background:linear-gradient(to bottom,var(--sapContent_FocusColor),transparent)}.fd-splitter__split-pane{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;background:var(--fdSplitter_Split_Pane_Background);border-radius:.5rem;-webkit-box-shadow:var(--fdSplitter_Split_Pane_BoxShadow);box-shadow:var(--fdSplitter_Split_Pane_BoxShadow);flex-grow:1;overflow:auto;text-overflow:ellipsis}.fd-splitter__split-pane--translucent{--fdSplitter_Split_Pane_Background:var(--sapBackgroundColor);--fdSplitter_Split_Pane_BoxShadow:var(--sapSplitPane_Shadow1)}.fd-splitter__split-pane--solid{--fdSplitter_Split_Pane_BoxShadow:var(--sapSplitPane_Shadow1);--fdSplitter_Split_Pane_Background:var(--sapGroup_ContentBackground)}.fd-splitter__resizer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdSplitter_Resizer_Background);border:var(--fdSplitter_Resizer_Border);border-radius:.5rem;cursor:var(--fdSplitter_Resizer_Cursor);gap:var(--fdSplitter_Resizer_Gap);height:var(--fdSplitter_Resizer_Height);overflow:visible;position:relative;width:var(--fdSplitter_Resizer_Width);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:var(--fdSplitter_Resizer_Flex_Direction);flex-direction:var(--fdSplitter_Resizer_Flex_Direction)}.fd-splitter__resizer--translucent{--fdSplitter_Resizer_Background:var(--sapGroup_ContentBackground)}.fd-splitter__resizer--solid{--fdSplitter_Resizer_Background:var(--sapContent_ForegroundColor)}.fd-splitter__resizer.is-active,.fd-splitter__resizer:active{--fdSplitter_Resizer_Before_Background:var(--sapGroup_TitleBorderColor);--fdSplitter_Resizer_After_Background:var(--sapGroup_TitleBorderColor)}.fd-splitter__resizer.is-focus,.fd-splitter__resizer:focus{z-index:5;--fdSplitter_Resizer_Before_Background:linear-gradient(to left,var(--sapContent_FocusColor),transparent);--fdSplitter_Resizer_After_Background:linear-gradient(to right,var(--sapContent_FocusColor),transparent)}.fd-splitter__resizer.is-focus.is-active,.fd-splitter__resizer.is-focus:active,.fd-splitter__resizer:focus.is-active,.fd-splitter__resizer:focus:active{--fdSplitter_Resizer_Before_Background:var(--sapGroup_TitleBorderColor);--fdSplitter_Resizer_After_Background:var(--sapGroup_TitleBorderColor)}.fd-splitter__resizer-decoration-before{-webkit-box-ordinal-group:2;-ms-flex-order:1;background:var(--fdSplitter_Resizer_Before_Background);order:1}.fd-splitter__resizer-decoration-after,.fd-splitter__resizer-decoration-before{border-radius:var(--fdSplitter_Resizer_Line_Border_Radius);-webkit-transition:all .1s ease-in;transition:all .1s ease-in}.fd-splitter__resizer-decoration-after{-webkit-box-ordinal-group:4;-ms-flex-order:3;background:var(--fdSplitter_Resizer_After_Background);order:3}.fd-splitter .fd-splitter__resizer-grip{-webkit-box-ordinal-group:3;-ms-flex-order:2;cursor:var(--fdSplitter_Resizer_Grip_Cursor);order:2;position:absolute}.fd-splitter__pagination{-webkit-box-pack:center;-ms-flex-pack:center;height:var(--fdSplitter_Pagination_Container_Height);justify-content:center;width:100%}.fd-splitter__pagination,.fd-splitter__pagination-item-dot:before{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-splitter__pagination-item-dot:before{content:var(--fdSplitter_Pagination_Dot_Value);font-family:SAP-icons-TNT;font-size:.75rem;line-height:.75rem}.fd-splitter__pagination-item--active{--fdSplitter_Pagination_Dot_Value:\"\\e108\"}.fd-splitter[class*=-compact],.fd-splitter[class*=-condensed],[class*=-compact] .fd-splitter:not([class*=-cozy]),[class*=-condensed] .fd-splitter:not([class*=-cozy]){--fdSplitter_Resizer_Gap:1.625rem;--fdSplitter_Pagination_Container_Height:1.625rem}\n/*! Bundled license information:\n\nfundamental-styles/dist/splitter.css:\n (*!\n * Fundamental Library Styles v0.41.6\n * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"] }]
|
|
190
190
|
}], propDecorators: { _panes: [{
|
|
191
191
|
type: ContentChildren,
|
|
192
192
|
args: [SplitterSplitPaneComponent, { descendants: true }]
|
|
@@ -492,7 +492,7 @@ class ToolHeaderComponent extends ToolHeaderComponentClass {
|
|
|
492
492
|
provide: ToolHeaderComponentClass,
|
|
493
493
|
useExisting: ToolHeaderComponent
|
|
494
494
|
}
|
|
495
|
-
], queries: [{ propertyName: "_toolHeaderLogoDirective", first: true, predicate: ToolHeaderLogoDirective, descendants: true }, { propertyName: "_searchField", first: true, predicate: SearchFieldComponent, descendants: true }, { propertyName: "_toolHeaderUser", first: true, predicate: ToolHeaderUserDirective, descendants: true }, { propertyName: "_toolHeaderProductSwitch", first: true, predicate: FD_PRODUCT_SWITCH_COMPONENT, descendants: true }, { propertyName: "_contentActions", predicate: ToolHeaderActionClass }], usesInheritance: true, ngImport: i0, template: "<div fdbToolHeaderGroup [class.fd-tool-header--menu]=\"showMenuButton\">\n @if (fdbToolHeaderState().backButtonVisible) {\n <div fdbToolHeaderElement>\n <button\n fd-button\n fdbToolHeaderButton\n glyph=\"slim-arrow-left\"\n (click)=\"_searchFieldExpanded$.set(false)\"\n ></button>\n </div>\n }\n @if (fdbToolHeaderState().menuButtonVisible && showMenuButton) {\n <div fdbToolHeaderElement>\n <button\n fd-button\n fdbToolHeaderButton\n [title]=\"('btpToolHeader.menuButtonAriaLabel' | fdTranslate)()\"\n [ariaLabel]=\"('btpToolHeader.menuButtonAriaLabel' | fdTranslate)()\"\n glyph=\"menu2\"\n (keydown.arrowLeft)=\"_handleMenuLeftArrowKey()\"\n (keydown.arrowRight)=\"_handleMenuRightArrowKey()\"\n (click)=\"menuClick.emit()\"\n ></button>\n </div>\n }\n @if (fdbToolHeaderState().logoVisible) {\n <div fdbToolHeaderElement>\n @if (_toolHeaderLogoDirective) {\n <ng-content select=\"[fdbToolHeaderLogo]\"></ng-content>\n } @else {\n <img\n fdbToolHeaderLogo\n (click)=\"logoClick.emit()\"\n src=\"https://unpkg.com/fundamental-styles/dist/images/sap-logo.png\"\n srcset=\"\n https://unpkg.com/fundamental-styles/dist/images/sap-logo@2x.png 1x,\n https://unpkg.com/fundamental-styles/dist/images/sap-logo@3x.png 2x,\n https://unpkg.com/fundamental-styles/dist/images/sap-logo@4x.png 3x\n \"\n alt=\"SAP logo\"\n aria-label=\"SAP logo\"\n title=\"SAP logo\"\n />\n }\n </div>\n }\n @if (fdbToolHeaderState().productNameVisible) {\n <div fdbToolHeaderElement>\n <h1 class=\"fd-tool-header__product-name\">\n {{ productName }}\n </h1>\n </div>\n }\n @if (fdbToolHeaderState().secondTitleVisible && secondTitle) {\n <div fdbToolHeaderElement>\n <div class=\"fd-tool-header__second-title\">\n {{ secondTitle }}\n </div>\n </div>\n }\n</div>\n@if (fdbToolHeaderState().searchFieldVisible) {\n <div fdbToolHeaderGroup center>\n <ng-content select=\"fdb-search-field\"></ng-content>\n </div>\n}\n<fd-overflow-layout\n fdbToolHeaderGroup\n actions\n [style.justify-content]=\"'end'\"\n (hiddenItemsChange)=\"_handleHiddenItemsChange($event)\"\n [renderShowMoreButton]=\"false\"\n>\n @if (fdbToolHeaderState().searchFieldToggleActionVisible) {\n <ng-template fdOverflowItemRef>\n <div fdbToolHeaderElement fdOverflowLayoutItem [forceVisibility]=\"true\">\n <button\n fd-button\n fdbToolHeaderActionButton\n glyph=\"search\"\n (click)=\"$event.stopPropagation(); expandSearchField()\"\n ></button>\n </div>\n </ng-template>\n }\n @if (fdbToolHeaderState().providedActionsVisible) {\n @for (action of _contentActions; track action) {\n @if (action.isSeparator ? fdbToolHeaderState().separatorsBetweenActionsVisible : true) {\n <ng-template [fdOverflowItemRef]=\"action\" let-hidden let-injector=\"injector\">\n @if (hidden === false) {\n <div fdbToolHeaderElement fdOverflowLayoutItem [forceVisibility]=\"!!action.forceVisibility\">\n <ng-template [ngTemplateOutlet]=\"actionTemplate\"></ng-template>\n </div>\n } @else {\n <ng-template\n [ngTemplateOutlet]=\"action.templateRef\"\n [ngTemplateOutletContext]=\"{ hidden: hidden }\"\n [ngTemplateOutletInjector]=\"injector\"\n >\n </ng-template>\n }\n <ng-template #actionTemplate>\n <ng-template\n [ngTemplateOutlet]=\"action.templateRef\"\n [ngTemplateOutletContext]=\"{ hidden: hidden }\"\n [ngTemplateOutletInjector]=\"injector\"\n >\n </ng-template>\n </ng-template>\n </ng-template>\n }\n }\n }\n <!-- Custom overflow button used as overflow item START -->\n @if (_hiddenActions$(); as hiddenActions) {\n @if (hiddenActions.length > 0) {\n <ng-template fdOverflowItemRef>\n <fdb-navigation-menu-popover fdbToolHeaderElement fdOverflowLayoutItem [forceVisibility]=\"true\">\n <button\n *fdbNavigationMenuPopoverControl\n fd-button\n fdbToolHeaderActionButton\n glyph=\"overflow\"\n ></button>\n <fdb-navigation-menu\n class=\"fd-tool-header__navigation-menu\"\n fdkIndirectFocusableList\n #indirectFocusableList=\"fdkIndirectFocusableList\"\n >\n @for (item of hiddenActions; track item.globalIndex) {\n <ng-template\n [ngTemplateOutlet]=\"item.templateRef\"\n [ngTemplateOutletContext]=\"{\n $implicit: true,\n index: item.index,\n globalIndex: item.globalIndex,\n first: item.first,\n last: item.last,\n injector: _indirectFocusableItemInjector(indirectFocusableList.injector, item)\n }\"\n >\n </ng-template>\n }\n </fdb-navigation-menu>\n </fdb-navigation-menu-popover>\n </ng-template>\n }\n }\n <!-- Custom overflow button used as overflow item END -->\n @if (fdbToolHeaderState().userAvatarVisible && _toolHeaderUser) {\n @if (fdbToolHeaderState().separatorsBetweenActionsVisible) {\n <ng-template fdOverflowItemRef>\n <div fdbToolHeaderElement fdOverflowLayoutItem [forceVisibility]=\"true\">\n <div class=\"fd-tool-header__separator\"></div>\n </div>\n </ng-template>\n }\n <ng-template fdOverflowItemRef>\n <div fdbToolHeaderElement fdOverflowLayoutItem [forceVisibility]=\"true\">\n <ng-content select=\"[fdbToolHeaderUser]\"></ng-content>\n </div>\n </ng-template>\n }\n @if (fdbToolHeaderState().productSwitchVisible && _toolHeaderProductSwitch) {\n @if (fdbToolHeaderState().separatorsBetweenActionsVisible) {\n <ng-template fdOverflowItemRef>\n <div fdbToolHeaderElement fdOverflowLayoutItem [forceVisibility]=\"true\">\n <div class=\"fd-tool-header__separator\"></div>\n </div>\n </ng-template>\n }\n <ng-template fdOverflowItemRef>\n <div fdbToolHeaderElement fdOverflowLayoutItem [forceVisibility]=\"true\">\n <ng-content select=\"fdb-tool-header-product-switch, fd-product-switch\"></ng-content>\n </div>\n </ng-template>\n }\n @if (fdbToolHeaderState().voiceInputVisible) {\n <ng-template fdOverflowItemRef>\n <div fdbToolHeaderElement fdOverflowLayoutItem [forceVisibility]=\"true\">\n <button\n fd-button\n fdbToolHeaderActionButton\n glyph=\"microphone\"\n [ariaLabel]=\"'Search with voice'\"\n (click)=\"microphoneClick.emit()\"\n ></button>\n </div>\n </ng-template>\n }\n</fd-overflow-layout>\n", styles: [".fd-tool-header{--fdToolHeader_Min_Height:var(--sapToolHeader_Min_Height_Cozy);--fdToolHeader_Padding_Left:1.5rem;--fdToolHeader_Padding_Right:1.25rem;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;background:var(--sapShellColor);border:.0625rem solid var(--fdToolHeader_Border_Color);border-radius:var(--sapToolHeader_Border_Radius);-webkit-box-shadow:var(--sapToolHeader_Shadow1);box-shadow:var(--sapToolHeader_Shadow1);-ms-flex-direction:row;flex-direction:row;gap:.75rem;height:auto;min-height:var(--fdToolHeader_Min_Height);padding-block:var(--sapToolHeader_Paddings_Y);padding-inline:var(--fdToolHeader_Padding_Left) var(--fdToolHeader_Padding_Right);width:100%}.fd-tool-header:after,.fd-tool-header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-header__group{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.375rem;-webkit-box-flex:1;-ms-flex:1;flex:1}.fd-tool-header__group:after,.fd-tool-header__group:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-header__group--center,.fd-tool-header__group--menu{-webkit-box-flex:0;-ms-flex:0;flex:0}.fd-tool-header__group--actions{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.fd-tool-header__group--hidden{display:none}.fd-tool-header__element{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-tool-header__element:after,.fd-tool-header__element:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-header__element--hidden{display:none}.fd-tool-header__logo{background-repeat:no-repeat;background-size:contain;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1.625rem;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;width:auto}.fd-tool-header__logo:after,.fd-tool-header__logo:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-header__logo.is-focus,.fd-tool-header__logo:focus{border-radius:.25rem;outline:var(--sapContent_FocusStyle) var(--sapContent_FocusWidth) var(--sapContent_FocusColor);outline-offset:.125rem;z-index:5}.fd-tool-header__separator{background:transparent;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:.75rem;line-height:normal;margin-block:0;margin-inline:0;max-height:.75rem;max-width:.75rem;min-height:.75rem;min-width:.75rem;padding-block:0;padding-inline:0;width:.75rem}.fd-tool-header__separator:after,.fd-tool-header__separator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-header__product-name{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapToolHeader_Product_Name_Color);font-family:var(--sapFontFamily);font-family:var(--sapFontBlackFamily);font-size:var(--sapFontSize);font-size:var(--sapToolHeader_Product_Name_Font_Size);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1.625rem;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;vertical-align:baseline}.fd-tool-header__product-name:after,.fd-tool-header__product-name:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-header__second-title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapToolHeader_Second_Title_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapToolHeader_Second_Title_Font_Size);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:var(--sapContent_LineHeight);margin-block:0;margin-inline:0;margin-top:var(--sapToolHeader_Second_Title_Offset);padding-block:0;padding-inline:0;vertical-align:baseline}.fd-tool-header__second-title:after,.fd-tool-header__second-title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-header--menu{--fdToolHeader_Padding_Left:.75rem}.fd-tool-header[class*=-compact],[class*=-compact] .fd-tool-header:not([class*=-cozy]){--fdToolHeader_Min_Height:var(--sapToolHeader_Min_Height_Compact)}.fd-overflow-layout__items>.fd-overflow-layout__item:not(.fd-overflow-layout__item--last)>.fd-tool-header__element>*{margin-right:.375rem}.fd-tool-header__group--center+.fd-tool-header__group--actions{max-width:calc((100% - 16rem)/2)}.fd-tool-header__element.is-separator+.fd-tool-header__element.is-separator{display:none}.fd-tool-header__navigation-menu{display:flex;flex-direction:column;overflow:visible}.fd-tool-header .fd-button .fd-button__text{display:none}\n/*! Bundled license information:\n\nfundamental-styles/dist/tool-header.css:\n (*!\n * Fundamental Library Styles v0.41.5\n * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"], dependencies: [{ kind: "directive", type: ToolHeaderGroupDirective, selector: "[fdbToolHeaderGroup]", inputs: ["center", "actions"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: ToolHeaderElementDirective, selector: "[fdbToolHeaderElement]" }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["id"], exportAs: ["fd-button"] }, { kind: "directive", type: ToolHeaderButtonDirective, selector: "[fd-button][fdbToolHeaderButton]", inputs: ["fdType"] }, { kind: "directive", type: ToolHeaderLogoDirective, selector: "[fdbToolHeaderLogo]" }, { kind: "component", type: NavigationMenuComponent, selector: "fdb-navigation-menu, ul[fdb-navigation-menu]" }, { kind: "directive", type: IndirectFocusableListDirective, selector: "[fdkIndirectFocusableList]", exportAs: ["fdkIndirectFocusableList"] }, { kind: "component", type: NavigationMenuPopoverComponent, selector: "fdb-navigation-menu-popover" }, { kind: "directive", type: NavigationMenuPopoverControlDirective, selector: "[fdbNavigationMenuPopoverControl]" }, { kind: "component", type: OverflowLayoutComponent, selector: "fd-overflow-layout", inputs: ["maxVisibleItems", "navigationTrigger", "showMorePosition", "renderShowMoreButton", "reverseHiddenItems", "enableKeyboardNavigation", "ariaRole", "moreItemsButtonText"], outputs: ["visibleItemsCount", "hiddenItemsCount", "hiddenItemsChange"] }, { kind: "directive", type: OverflowLayoutItemDirective, selector: "[fdOverflowLayoutItem]", inputs: ["forceVisibility"], outputs: ["hiddenChange"] }, { kind: "directive", type: OverflowItemRefDirective, selector: "[fdOverflowItemRef]", inputs: ["fdOverflowItemRef"] }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: ToolHeaderActionButtonDirective, selector: "[fd-button][fdbToolHeaderActionButton]" }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
495
|
+
], queries: [{ propertyName: "_toolHeaderLogoDirective", first: true, predicate: ToolHeaderLogoDirective, descendants: true }, { propertyName: "_searchField", first: true, predicate: SearchFieldComponent, descendants: true }, { propertyName: "_toolHeaderUser", first: true, predicate: ToolHeaderUserDirective, descendants: true }, { propertyName: "_toolHeaderProductSwitch", first: true, predicate: FD_PRODUCT_SWITCH_COMPONENT, descendants: true }, { propertyName: "_contentActions", predicate: ToolHeaderActionClass }], usesInheritance: true, ngImport: i0, template: "<div fdbToolHeaderGroup [class.fd-tool-header--menu]=\"showMenuButton\">\n @if (fdbToolHeaderState().backButtonVisible) {\n <div fdbToolHeaderElement>\n <button\n fd-button\n fdbToolHeaderButton\n glyph=\"slim-arrow-left\"\n (click)=\"_searchFieldExpanded$.set(false)\"\n ></button>\n </div>\n }\n @if (fdbToolHeaderState().menuButtonVisible && showMenuButton) {\n <div fdbToolHeaderElement>\n <button\n fd-button\n fdbToolHeaderButton\n [title]=\"('btpToolHeader.menuButtonAriaLabel' | fdTranslate)()\"\n [ariaLabel]=\"('btpToolHeader.menuButtonAriaLabel' | fdTranslate)()\"\n glyph=\"menu2\"\n (keydown.arrowLeft)=\"_handleMenuLeftArrowKey()\"\n (keydown.arrowRight)=\"_handleMenuRightArrowKey()\"\n (click)=\"menuClick.emit()\"\n ></button>\n </div>\n }\n @if (fdbToolHeaderState().logoVisible) {\n <div fdbToolHeaderElement>\n @if (_toolHeaderLogoDirective) {\n <ng-content select=\"[fdbToolHeaderLogo]\"></ng-content>\n } @else {\n <img\n fdbToolHeaderLogo\n (click)=\"logoClick.emit()\"\n src=\"https://unpkg.com/fundamental-styles/dist/images/sap-logo.png\"\n srcset=\"\n https://unpkg.com/fundamental-styles/dist/images/sap-logo@2x.png 1x,\n https://unpkg.com/fundamental-styles/dist/images/sap-logo@3x.png 2x,\n https://unpkg.com/fundamental-styles/dist/images/sap-logo@4x.png 3x\n \"\n alt=\"SAP logo\"\n aria-label=\"SAP logo\"\n title=\"SAP logo\"\n />\n }\n </div>\n }\n @if (fdbToolHeaderState().productNameVisible) {\n <div fdbToolHeaderElement>\n <h1 class=\"fd-tool-header__product-name\">\n {{ productName }}\n </h1>\n </div>\n }\n @if (fdbToolHeaderState().secondTitleVisible && secondTitle) {\n <div fdbToolHeaderElement>\n <div class=\"fd-tool-header__second-title\">\n {{ secondTitle }}\n </div>\n </div>\n }\n</div>\n@if (fdbToolHeaderState().searchFieldVisible) {\n <div fdbToolHeaderGroup center>\n <ng-content select=\"fdb-search-field\"></ng-content>\n </div>\n}\n<fd-overflow-layout\n fdbToolHeaderGroup\n actions\n [style.justify-content]=\"'end'\"\n (hiddenItemsChange)=\"_handleHiddenItemsChange($event)\"\n [renderShowMoreButton]=\"false\"\n>\n @if (fdbToolHeaderState().searchFieldToggleActionVisible) {\n <ng-template fdOverflowItemRef>\n <div fdbToolHeaderElement fdOverflowLayoutItem [forceVisibility]=\"true\">\n <button\n fd-button\n fdbToolHeaderActionButton\n glyph=\"search\"\n (click)=\"$event.stopPropagation(); expandSearchField()\"\n ></button>\n </div>\n </ng-template>\n }\n @if (fdbToolHeaderState().providedActionsVisible) {\n @for (action of _contentActions; track action) {\n @if (action.isSeparator ? fdbToolHeaderState().separatorsBetweenActionsVisible : true) {\n <ng-template [fdOverflowItemRef]=\"action\" let-hidden let-injector=\"injector\">\n @if (hidden === false) {\n <div fdbToolHeaderElement fdOverflowLayoutItem [forceVisibility]=\"!!action.forceVisibility\">\n <ng-template [ngTemplateOutlet]=\"actionTemplate\"></ng-template>\n </div>\n } @else {\n <ng-template\n [ngTemplateOutlet]=\"action.templateRef\"\n [ngTemplateOutletContext]=\"{ hidden: hidden }\"\n [ngTemplateOutletInjector]=\"injector\"\n >\n </ng-template>\n }\n <ng-template #actionTemplate>\n <ng-template\n [ngTemplateOutlet]=\"action.templateRef\"\n [ngTemplateOutletContext]=\"{ hidden: hidden }\"\n [ngTemplateOutletInjector]=\"injector\"\n >\n </ng-template>\n </ng-template>\n </ng-template>\n }\n }\n }\n <!-- Custom overflow button used as overflow item START -->\n @if (_hiddenActions$(); as hiddenActions) {\n @if (hiddenActions.length > 0) {\n <ng-template fdOverflowItemRef>\n <fdb-navigation-menu-popover fdbToolHeaderElement fdOverflowLayoutItem [forceVisibility]=\"true\">\n <button\n *fdbNavigationMenuPopoverControl\n fd-button\n fdbToolHeaderActionButton\n glyph=\"overflow\"\n ></button>\n <fdb-navigation-menu\n class=\"fd-tool-header__navigation-menu\"\n fdkIndirectFocusableList\n #indirectFocusableList=\"fdkIndirectFocusableList\"\n >\n @for (item of hiddenActions; track item.globalIndex) {\n <ng-template\n [ngTemplateOutlet]=\"item.templateRef\"\n [ngTemplateOutletContext]=\"{\n $implicit: true,\n index: item.index,\n globalIndex: item.globalIndex,\n first: item.first,\n last: item.last,\n injector: _indirectFocusableItemInjector(indirectFocusableList.injector, item)\n }\"\n >\n </ng-template>\n }\n </fdb-navigation-menu>\n </fdb-navigation-menu-popover>\n </ng-template>\n }\n }\n <!-- Custom overflow button used as overflow item END -->\n @if (fdbToolHeaderState().userAvatarVisible && _toolHeaderUser) {\n @if (fdbToolHeaderState().separatorsBetweenActionsVisible) {\n <ng-template fdOverflowItemRef>\n <div fdbToolHeaderElement fdOverflowLayoutItem [forceVisibility]=\"true\">\n <div class=\"fd-tool-header__separator\"></div>\n </div>\n </ng-template>\n }\n <ng-template fdOverflowItemRef>\n <div fdbToolHeaderElement fdOverflowLayoutItem [forceVisibility]=\"true\">\n <ng-content select=\"[fdbToolHeaderUser]\"></ng-content>\n </div>\n </ng-template>\n }\n @if (fdbToolHeaderState().productSwitchVisible && _toolHeaderProductSwitch) {\n @if (fdbToolHeaderState().separatorsBetweenActionsVisible) {\n <ng-template fdOverflowItemRef>\n <div fdbToolHeaderElement fdOverflowLayoutItem [forceVisibility]=\"true\">\n <div class=\"fd-tool-header__separator\"></div>\n </div>\n </ng-template>\n }\n <ng-template fdOverflowItemRef>\n <div fdbToolHeaderElement fdOverflowLayoutItem [forceVisibility]=\"true\">\n <ng-content select=\"fdb-tool-header-product-switch, fd-product-switch\"></ng-content>\n </div>\n </ng-template>\n }\n @if (fdbToolHeaderState().voiceInputVisible) {\n <ng-template fdOverflowItemRef>\n <div fdbToolHeaderElement fdOverflowLayoutItem [forceVisibility]=\"true\">\n <button\n fd-button\n fdbToolHeaderActionButton\n glyph=\"microphone\"\n [ariaLabel]=\"'Search with voice'\"\n (click)=\"microphoneClick.emit()\"\n ></button>\n </div>\n </ng-template>\n }\n</fd-overflow-layout>\n", styles: [".fd-tool-header{--fdToolHeader_Min_Height:var(--sapToolHeader_Min_Height_Cozy);--fdToolHeader_Padding_Left:1.5rem;--fdToolHeader_Padding_Right:1.25rem;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;background:var(--sapShellColor);border:.0625rem solid var(--fdToolHeader_Border_Color);border-radius:var(--sapToolHeader_Border_Radius);-webkit-box-shadow:var(--sapToolHeader_Shadow1);box-shadow:var(--sapToolHeader_Shadow1);-ms-flex-direction:row;flex-direction:row;gap:.75rem;height:auto;min-height:var(--fdToolHeader_Min_Height);padding-block:var(--sapToolHeader_Paddings_Y);padding-inline:var(--fdToolHeader_Padding_Left) var(--fdToolHeader_Padding_Right);width:100%}.fd-tool-header:after,.fd-tool-header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-header__group{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.375rem;-webkit-box-flex:1;-ms-flex:1;flex:1}.fd-tool-header__group:after,.fd-tool-header__group:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-header__group--center,.fd-tool-header__group--menu{-webkit-box-flex:0;-ms-flex:0;flex:0}.fd-tool-header__group--actions{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.fd-tool-header__group--hidden{display:none}.fd-tool-header__element{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-tool-header__element:after,.fd-tool-header__element:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-header__element--hidden{display:none}.fd-tool-header__logo{background-repeat:no-repeat;background-size:contain;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1.625rem;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;width:auto}.fd-tool-header__logo:after,.fd-tool-header__logo:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-header__logo.is-focus,.fd-tool-header__logo:focus{border-radius:.25rem;outline:var(--sapContent_FocusStyle) var(--sapContent_FocusWidth) var(--sapContent_FocusColor);outline-offset:.125rem;z-index:5}.fd-tool-header__separator{background:transparent;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:.75rem;line-height:normal;margin-block:0;margin-inline:0;max-height:.75rem;max-width:.75rem;min-height:.75rem;min-width:.75rem;padding-block:0;padding-inline:0;width:.75rem}.fd-tool-header__separator:after,.fd-tool-header__separator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-header__product-name{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapToolHeader_Product_Name_Color);font-family:var(--sapFontFamily);font-family:var(--sapFontBlackFamily);font-size:var(--sapFontSize);font-size:var(--sapToolHeader_Product_Name_Font_Size);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1.625rem;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;vertical-align:baseline}.fd-tool-header__product-name:after,.fd-tool-header__product-name:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-header__second-title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapToolHeader_Second_Title_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapToolHeader_Second_Title_Font_Size);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:var(--sapContent_LineHeight);margin-block:0;margin-inline:0;margin-top:var(--sapToolHeader_Second_Title_Offset);padding-block:0;padding-inline:0;vertical-align:baseline}.fd-tool-header__second-title:after,.fd-tool-header__second-title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-header--menu{--fdToolHeader_Padding_Left:.75rem}.fd-tool-header[class*=-compact],[class*=-compact] .fd-tool-header:not([class*=-cozy]){--fdToolHeader_Min_Height:var(--sapToolHeader_Min_Height_Compact)}.fd-overflow-layout__items>.fd-overflow-layout__item:not(.fd-overflow-layout__item--last)>.fd-tool-header__element>*{margin-right:.375rem}.fd-tool-header__group--center+.fd-tool-header__group--actions{max-width:calc((100% - 16rem)/2)}.fd-tool-header__element.is-separator+.fd-tool-header__element.is-separator{display:none}.fd-tool-header__navigation-menu{display:flex;flex-direction:column;overflow:visible}.fd-tool-header .fd-button .fd-button__text{display:none}\n/*! Bundled license information:\n\nfundamental-styles/dist/tool-header.css:\n (*!\n * Fundamental Library Styles v0.41.6\n * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"], dependencies: [{ kind: "directive", type: ToolHeaderGroupDirective, selector: "[fdbToolHeaderGroup]", inputs: ["center", "actions"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: ToolHeaderElementDirective, selector: "[fdbToolHeaderElement]" }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["id"], exportAs: ["fd-button"] }, { kind: "directive", type: ToolHeaderButtonDirective, selector: "[fd-button][fdbToolHeaderButton]", inputs: ["fdType"] }, { kind: "directive", type: ToolHeaderLogoDirective, selector: "[fdbToolHeaderLogo]" }, { kind: "component", type: NavigationMenuComponent, selector: "fdb-navigation-menu, ul[fdb-navigation-menu]" }, { kind: "directive", type: IndirectFocusableListDirective, selector: "[fdkIndirectFocusableList]", exportAs: ["fdkIndirectFocusableList"] }, { kind: "component", type: NavigationMenuPopoverComponent, selector: "fdb-navigation-menu-popover" }, { kind: "directive", type: NavigationMenuPopoverControlDirective, selector: "[fdbNavigationMenuPopoverControl]" }, { kind: "component", type: OverflowLayoutComponent, selector: "fd-overflow-layout", inputs: ["maxVisibleItems", "navigationTrigger", "showMorePosition", "renderShowMoreButton", "reverseHiddenItems", "enableKeyboardNavigation", "ariaRole", "moreItemsButtonText"], outputs: ["visibleItemsCount", "hiddenItemsCount", "hiddenItemsChange"] }, { kind: "directive", type: OverflowLayoutItemDirective, selector: "[fdOverflowLayoutItem]", inputs: ["forceVisibility"], outputs: ["hiddenChange"] }, { kind: "directive", type: OverflowItemRefDirective, selector: "[fdOverflowItemRef]", inputs: ["fdOverflowItemRef"] }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: ToolHeaderActionButtonDirective, selector: "[fd-button][fdbToolHeaderActionButton]" }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
496
496
|
}
|
|
497
497
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ToolHeaderComponent, decorators: [{
|
|
498
498
|
type: Component,
|
|
@@ -527,7 +527,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
527
527
|
provide: ToolHeaderComponentClass,
|
|
528
528
|
useExisting: ToolHeaderComponent
|
|
529
529
|
}
|
|
530
|
-
], template: "<div fdbToolHeaderGroup [class.fd-tool-header--menu]=\"showMenuButton\">\n @if (fdbToolHeaderState().backButtonVisible) {\n <div fdbToolHeaderElement>\n <button\n fd-button\n fdbToolHeaderButton\n glyph=\"slim-arrow-left\"\n (click)=\"_searchFieldExpanded$.set(false)\"\n ></button>\n </div>\n }\n @if (fdbToolHeaderState().menuButtonVisible && showMenuButton) {\n <div fdbToolHeaderElement>\n <button\n fd-button\n fdbToolHeaderButton\n [title]=\"('btpToolHeader.menuButtonAriaLabel' | fdTranslate)()\"\n [ariaLabel]=\"('btpToolHeader.menuButtonAriaLabel' | fdTranslate)()\"\n glyph=\"menu2\"\n (keydown.arrowLeft)=\"_handleMenuLeftArrowKey()\"\n (keydown.arrowRight)=\"_handleMenuRightArrowKey()\"\n (click)=\"menuClick.emit()\"\n ></button>\n </div>\n }\n @if (fdbToolHeaderState().logoVisible) {\n <div fdbToolHeaderElement>\n @if (_toolHeaderLogoDirective) {\n <ng-content select=\"[fdbToolHeaderLogo]\"></ng-content>\n } @else {\n <img\n fdbToolHeaderLogo\n (click)=\"logoClick.emit()\"\n src=\"https://unpkg.com/fundamental-styles/dist/images/sap-logo.png\"\n srcset=\"\n https://unpkg.com/fundamental-styles/dist/images/sap-logo@2x.png 1x,\n https://unpkg.com/fundamental-styles/dist/images/sap-logo@3x.png 2x,\n https://unpkg.com/fundamental-styles/dist/images/sap-logo@4x.png 3x\n \"\n alt=\"SAP logo\"\n aria-label=\"SAP logo\"\n title=\"SAP logo\"\n />\n }\n </div>\n }\n @if (fdbToolHeaderState().productNameVisible) {\n <div fdbToolHeaderElement>\n <h1 class=\"fd-tool-header__product-name\">\n {{ productName }}\n </h1>\n </div>\n }\n @if (fdbToolHeaderState().secondTitleVisible && secondTitle) {\n <div fdbToolHeaderElement>\n <div class=\"fd-tool-header__second-title\">\n {{ secondTitle }}\n </div>\n </div>\n }\n</div>\n@if (fdbToolHeaderState().searchFieldVisible) {\n <div fdbToolHeaderGroup center>\n <ng-content select=\"fdb-search-field\"></ng-content>\n </div>\n}\n<fd-overflow-layout\n fdbToolHeaderGroup\n actions\n [style.justify-content]=\"'end'\"\n (hiddenItemsChange)=\"_handleHiddenItemsChange($event)\"\n [renderShowMoreButton]=\"false\"\n>\n @if (fdbToolHeaderState().searchFieldToggleActionVisible) {\n <ng-template fdOverflowItemRef>\n <div fdbToolHeaderElement fdOverflowLayoutItem [forceVisibility]=\"true\">\n <button\n fd-button\n fdbToolHeaderActionButton\n glyph=\"search\"\n (click)=\"$event.stopPropagation(); expandSearchField()\"\n ></button>\n </div>\n </ng-template>\n }\n @if (fdbToolHeaderState().providedActionsVisible) {\n @for (action of _contentActions; track action) {\n @if (action.isSeparator ? fdbToolHeaderState().separatorsBetweenActionsVisible : true) {\n <ng-template [fdOverflowItemRef]=\"action\" let-hidden let-injector=\"injector\">\n @if (hidden === false) {\n <div fdbToolHeaderElement fdOverflowLayoutItem [forceVisibility]=\"!!action.forceVisibility\">\n <ng-template [ngTemplateOutlet]=\"actionTemplate\"></ng-template>\n </div>\n } @else {\n <ng-template\n [ngTemplateOutlet]=\"action.templateRef\"\n [ngTemplateOutletContext]=\"{ hidden: hidden }\"\n [ngTemplateOutletInjector]=\"injector\"\n >\n </ng-template>\n }\n <ng-template #actionTemplate>\n <ng-template\n [ngTemplateOutlet]=\"action.templateRef\"\n [ngTemplateOutletContext]=\"{ hidden: hidden }\"\n [ngTemplateOutletInjector]=\"injector\"\n >\n </ng-template>\n </ng-template>\n </ng-template>\n }\n }\n }\n <!-- Custom overflow button used as overflow item START -->\n @if (_hiddenActions$(); as hiddenActions) {\n @if (hiddenActions.length > 0) {\n <ng-template fdOverflowItemRef>\n <fdb-navigation-menu-popover fdbToolHeaderElement fdOverflowLayoutItem [forceVisibility]=\"true\">\n <button\n *fdbNavigationMenuPopoverControl\n fd-button\n fdbToolHeaderActionButton\n glyph=\"overflow\"\n ></button>\n <fdb-navigation-menu\n class=\"fd-tool-header__navigation-menu\"\n fdkIndirectFocusableList\n #indirectFocusableList=\"fdkIndirectFocusableList\"\n >\n @for (item of hiddenActions; track item.globalIndex) {\n <ng-template\n [ngTemplateOutlet]=\"item.templateRef\"\n [ngTemplateOutletContext]=\"{\n $implicit: true,\n index: item.index,\n globalIndex: item.globalIndex,\n first: item.first,\n last: item.last,\n injector: _indirectFocusableItemInjector(indirectFocusableList.injector, item)\n }\"\n >\n </ng-template>\n }\n </fdb-navigation-menu>\n </fdb-navigation-menu-popover>\n </ng-template>\n }\n }\n <!-- Custom overflow button used as overflow item END -->\n @if (fdbToolHeaderState().userAvatarVisible && _toolHeaderUser) {\n @if (fdbToolHeaderState().separatorsBetweenActionsVisible) {\n <ng-template fdOverflowItemRef>\n <div fdbToolHeaderElement fdOverflowLayoutItem [forceVisibility]=\"true\">\n <div class=\"fd-tool-header__separator\"></div>\n </div>\n </ng-template>\n }\n <ng-template fdOverflowItemRef>\n <div fdbToolHeaderElement fdOverflowLayoutItem [forceVisibility]=\"true\">\n <ng-content select=\"[fdbToolHeaderUser]\"></ng-content>\n </div>\n </ng-template>\n }\n @if (fdbToolHeaderState().productSwitchVisible && _toolHeaderProductSwitch) {\n @if (fdbToolHeaderState().separatorsBetweenActionsVisible) {\n <ng-template fdOverflowItemRef>\n <div fdbToolHeaderElement fdOverflowLayoutItem [forceVisibility]=\"true\">\n <div class=\"fd-tool-header__separator\"></div>\n </div>\n </ng-template>\n }\n <ng-template fdOverflowItemRef>\n <div fdbToolHeaderElement fdOverflowLayoutItem [forceVisibility]=\"true\">\n <ng-content select=\"fdb-tool-header-product-switch, fd-product-switch\"></ng-content>\n </div>\n </ng-template>\n }\n @if (fdbToolHeaderState().voiceInputVisible) {\n <ng-template fdOverflowItemRef>\n <div fdbToolHeaderElement fdOverflowLayoutItem [forceVisibility]=\"true\">\n <button\n fd-button\n fdbToolHeaderActionButton\n glyph=\"microphone\"\n [ariaLabel]=\"'Search with voice'\"\n (click)=\"microphoneClick.emit()\"\n ></button>\n </div>\n </ng-template>\n }\n</fd-overflow-layout>\n", styles: [".fd-tool-header{--fdToolHeader_Min_Height:var(--sapToolHeader_Min_Height_Cozy);--fdToolHeader_Padding_Left:1.5rem;--fdToolHeader_Padding_Right:1.25rem;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;background:var(--sapShellColor);border:.0625rem solid var(--fdToolHeader_Border_Color);border-radius:var(--sapToolHeader_Border_Radius);-webkit-box-shadow:var(--sapToolHeader_Shadow1);box-shadow:var(--sapToolHeader_Shadow1);-ms-flex-direction:row;flex-direction:row;gap:.75rem;height:auto;min-height:var(--fdToolHeader_Min_Height);padding-block:var(--sapToolHeader_Paddings_Y);padding-inline:var(--fdToolHeader_Padding_Left) var(--fdToolHeader_Padding_Right);width:100%}.fd-tool-header:after,.fd-tool-header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-header__group{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.375rem;-webkit-box-flex:1;-ms-flex:1;flex:1}.fd-tool-header__group:after,.fd-tool-header__group:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-header__group--center,.fd-tool-header__group--menu{-webkit-box-flex:0;-ms-flex:0;flex:0}.fd-tool-header__group--actions{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.fd-tool-header__group--hidden{display:none}.fd-tool-header__element{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-tool-header__element:after,.fd-tool-header__element:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-header__element--hidden{display:none}.fd-tool-header__logo{background-repeat:no-repeat;background-size:contain;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1.625rem;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;width:auto}.fd-tool-header__logo:after,.fd-tool-header__logo:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-header__logo.is-focus,.fd-tool-header__logo:focus{border-radius:.25rem;outline:var(--sapContent_FocusStyle) var(--sapContent_FocusWidth) var(--sapContent_FocusColor);outline-offset:.125rem;z-index:5}.fd-tool-header__separator{background:transparent;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:.75rem;line-height:normal;margin-block:0;margin-inline:0;max-height:.75rem;max-width:.75rem;min-height:.75rem;min-width:.75rem;padding-block:0;padding-inline:0;width:.75rem}.fd-tool-header__separator:after,.fd-tool-header__separator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-header__product-name{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapToolHeader_Product_Name_Color);font-family:var(--sapFontFamily);font-family:var(--sapFontBlackFamily);font-size:var(--sapFontSize);font-size:var(--sapToolHeader_Product_Name_Font_Size);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1.625rem;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;vertical-align:baseline}.fd-tool-header__product-name:after,.fd-tool-header__product-name:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-header__second-title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapToolHeader_Second_Title_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapToolHeader_Second_Title_Font_Size);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:var(--sapContent_LineHeight);margin-block:0;margin-inline:0;margin-top:var(--sapToolHeader_Second_Title_Offset);padding-block:0;padding-inline:0;vertical-align:baseline}.fd-tool-header__second-title:after,.fd-tool-header__second-title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-header--menu{--fdToolHeader_Padding_Left:.75rem}.fd-tool-header[class*=-compact],[class*=-compact] .fd-tool-header:not([class*=-cozy]){--fdToolHeader_Min_Height:var(--sapToolHeader_Min_Height_Compact)}.fd-overflow-layout__items>.fd-overflow-layout__item:not(.fd-overflow-layout__item--last)>.fd-tool-header__element>*{margin-right:.375rem}.fd-tool-header__group--center+.fd-tool-header__group--actions{max-width:calc((100% - 16rem)/2)}.fd-tool-header__element.is-separator+.fd-tool-header__element.is-separator{display:none}.fd-tool-header__navigation-menu{display:flex;flex-direction:column;overflow:visible}.fd-tool-header .fd-button .fd-button__text{display:none}\n/*! Bundled license information:\n\nfundamental-styles/dist/tool-header.css:\n (*!\n * Fundamental Library Styles v0.41.5\n * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"] }]
|
|
530
|
+
], template: "<div fdbToolHeaderGroup [class.fd-tool-header--menu]=\"showMenuButton\">\n @if (fdbToolHeaderState().backButtonVisible) {\n <div fdbToolHeaderElement>\n <button\n fd-button\n fdbToolHeaderButton\n glyph=\"slim-arrow-left\"\n (click)=\"_searchFieldExpanded$.set(false)\"\n ></button>\n </div>\n }\n @if (fdbToolHeaderState().menuButtonVisible && showMenuButton) {\n <div fdbToolHeaderElement>\n <button\n fd-button\n fdbToolHeaderButton\n [title]=\"('btpToolHeader.menuButtonAriaLabel' | fdTranslate)()\"\n [ariaLabel]=\"('btpToolHeader.menuButtonAriaLabel' | fdTranslate)()\"\n glyph=\"menu2\"\n (keydown.arrowLeft)=\"_handleMenuLeftArrowKey()\"\n (keydown.arrowRight)=\"_handleMenuRightArrowKey()\"\n (click)=\"menuClick.emit()\"\n ></button>\n </div>\n }\n @if (fdbToolHeaderState().logoVisible) {\n <div fdbToolHeaderElement>\n @if (_toolHeaderLogoDirective) {\n <ng-content select=\"[fdbToolHeaderLogo]\"></ng-content>\n } @else {\n <img\n fdbToolHeaderLogo\n (click)=\"logoClick.emit()\"\n src=\"https://unpkg.com/fundamental-styles/dist/images/sap-logo.png\"\n srcset=\"\n https://unpkg.com/fundamental-styles/dist/images/sap-logo@2x.png 1x,\n https://unpkg.com/fundamental-styles/dist/images/sap-logo@3x.png 2x,\n https://unpkg.com/fundamental-styles/dist/images/sap-logo@4x.png 3x\n \"\n alt=\"SAP logo\"\n aria-label=\"SAP logo\"\n title=\"SAP logo\"\n />\n }\n </div>\n }\n @if (fdbToolHeaderState().productNameVisible) {\n <div fdbToolHeaderElement>\n <h1 class=\"fd-tool-header__product-name\">\n {{ productName }}\n </h1>\n </div>\n }\n @if (fdbToolHeaderState().secondTitleVisible && secondTitle) {\n <div fdbToolHeaderElement>\n <div class=\"fd-tool-header__second-title\">\n {{ secondTitle }}\n </div>\n </div>\n }\n</div>\n@if (fdbToolHeaderState().searchFieldVisible) {\n <div fdbToolHeaderGroup center>\n <ng-content select=\"fdb-search-field\"></ng-content>\n </div>\n}\n<fd-overflow-layout\n fdbToolHeaderGroup\n actions\n [style.justify-content]=\"'end'\"\n (hiddenItemsChange)=\"_handleHiddenItemsChange($event)\"\n [renderShowMoreButton]=\"false\"\n>\n @if (fdbToolHeaderState().searchFieldToggleActionVisible) {\n <ng-template fdOverflowItemRef>\n <div fdbToolHeaderElement fdOverflowLayoutItem [forceVisibility]=\"true\">\n <button\n fd-button\n fdbToolHeaderActionButton\n glyph=\"search\"\n (click)=\"$event.stopPropagation(); expandSearchField()\"\n ></button>\n </div>\n </ng-template>\n }\n @if (fdbToolHeaderState().providedActionsVisible) {\n @for (action of _contentActions; track action) {\n @if (action.isSeparator ? fdbToolHeaderState().separatorsBetweenActionsVisible : true) {\n <ng-template [fdOverflowItemRef]=\"action\" let-hidden let-injector=\"injector\">\n @if (hidden === false) {\n <div fdbToolHeaderElement fdOverflowLayoutItem [forceVisibility]=\"!!action.forceVisibility\">\n <ng-template [ngTemplateOutlet]=\"actionTemplate\"></ng-template>\n </div>\n } @else {\n <ng-template\n [ngTemplateOutlet]=\"action.templateRef\"\n [ngTemplateOutletContext]=\"{ hidden: hidden }\"\n [ngTemplateOutletInjector]=\"injector\"\n >\n </ng-template>\n }\n <ng-template #actionTemplate>\n <ng-template\n [ngTemplateOutlet]=\"action.templateRef\"\n [ngTemplateOutletContext]=\"{ hidden: hidden }\"\n [ngTemplateOutletInjector]=\"injector\"\n >\n </ng-template>\n </ng-template>\n </ng-template>\n }\n }\n }\n <!-- Custom overflow button used as overflow item START -->\n @if (_hiddenActions$(); as hiddenActions) {\n @if (hiddenActions.length > 0) {\n <ng-template fdOverflowItemRef>\n <fdb-navigation-menu-popover fdbToolHeaderElement fdOverflowLayoutItem [forceVisibility]=\"true\">\n <button\n *fdbNavigationMenuPopoverControl\n fd-button\n fdbToolHeaderActionButton\n glyph=\"overflow\"\n ></button>\n <fdb-navigation-menu\n class=\"fd-tool-header__navigation-menu\"\n fdkIndirectFocusableList\n #indirectFocusableList=\"fdkIndirectFocusableList\"\n >\n @for (item of hiddenActions; track item.globalIndex) {\n <ng-template\n [ngTemplateOutlet]=\"item.templateRef\"\n [ngTemplateOutletContext]=\"{\n $implicit: true,\n index: item.index,\n globalIndex: item.globalIndex,\n first: item.first,\n last: item.last,\n injector: _indirectFocusableItemInjector(indirectFocusableList.injector, item)\n }\"\n >\n </ng-template>\n }\n </fdb-navigation-menu>\n </fdb-navigation-menu-popover>\n </ng-template>\n }\n }\n <!-- Custom overflow button used as overflow item END -->\n @if (fdbToolHeaderState().userAvatarVisible && _toolHeaderUser) {\n @if (fdbToolHeaderState().separatorsBetweenActionsVisible) {\n <ng-template fdOverflowItemRef>\n <div fdbToolHeaderElement fdOverflowLayoutItem [forceVisibility]=\"true\">\n <div class=\"fd-tool-header__separator\"></div>\n </div>\n </ng-template>\n }\n <ng-template fdOverflowItemRef>\n <div fdbToolHeaderElement fdOverflowLayoutItem [forceVisibility]=\"true\">\n <ng-content select=\"[fdbToolHeaderUser]\"></ng-content>\n </div>\n </ng-template>\n }\n @if (fdbToolHeaderState().productSwitchVisible && _toolHeaderProductSwitch) {\n @if (fdbToolHeaderState().separatorsBetweenActionsVisible) {\n <ng-template fdOverflowItemRef>\n <div fdbToolHeaderElement fdOverflowLayoutItem [forceVisibility]=\"true\">\n <div class=\"fd-tool-header__separator\"></div>\n </div>\n </ng-template>\n }\n <ng-template fdOverflowItemRef>\n <div fdbToolHeaderElement fdOverflowLayoutItem [forceVisibility]=\"true\">\n <ng-content select=\"fdb-tool-header-product-switch, fd-product-switch\"></ng-content>\n </div>\n </ng-template>\n }\n @if (fdbToolHeaderState().voiceInputVisible) {\n <ng-template fdOverflowItemRef>\n <div fdbToolHeaderElement fdOverflowLayoutItem [forceVisibility]=\"true\">\n <button\n fd-button\n fdbToolHeaderActionButton\n glyph=\"microphone\"\n [ariaLabel]=\"'Search with voice'\"\n (click)=\"microphoneClick.emit()\"\n ></button>\n </div>\n </ng-template>\n }\n</fd-overflow-layout>\n", styles: [".fd-tool-header{--fdToolHeader_Min_Height:var(--sapToolHeader_Min_Height_Cozy);--fdToolHeader_Padding_Left:1.5rem;--fdToolHeader_Padding_Right:1.25rem;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;background:var(--sapShellColor);border:.0625rem solid var(--fdToolHeader_Border_Color);border-radius:var(--sapToolHeader_Border_Radius);-webkit-box-shadow:var(--sapToolHeader_Shadow1);box-shadow:var(--sapToolHeader_Shadow1);-ms-flex-direction:row;flex-direction:row;gap:.75rem;height:auto;min-height:var(--fdToolHeader_Min_Height);padding-block:var(--sapToolHeader_Paddings_Y);padding-inline:var(--fdToolHeader_Padding_Left) var(--fdToolHeader_Padding_Right);width:100%}.fd-tool-header:after,.fd-tool-header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-header__group{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.375rem;-webkit-box-flex:1;-ms-flex:1;flex:1}.fd-tool-header__group:after,.fd-tool-header__group:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-header__group--center,.fd-tool-header__group--menu{-webkit-box-flex:0;-ms-flex:0;flex:0}.fd-tool-header__group--actions{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.fd-tool-header__group--hidden{display:none}.fd-tool-header__element{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-tool-header__element:after,.fd-tool-header__element:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-header__element--hidden{display:none}.fd-tool-header__logo{background-repeat:no-repeat;background-size:contain;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1.625rem;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;width:auto}.fd-tool-header__logo:after,.fd-tool-header__logo:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-header__logo.is-focus,.fd-tool-header__logo:focus{border-radius:.25rem;outline:var(--sapContent_FocusStyle) var(--sapContent_FocusWidth) var(--sapContent_FocusColor);outline-offset:.125rem;z-index:5}.fd-tool-header__separator{background:transparent;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:.75rem;line-height:normal;margin-block:0;margin-inline:0;max-height:.75rem;max-width:.75rem;min-height:.75rem;min-width:.75rem;padding-block:0;padding-inline:0;width:.75rem}.fd-tool-header__separator:after,.fd-tool-header__separator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-header__product-name{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapToolHeader_Product_Name_Color);font-family:var(--sapFontFamily);font-family:var(--sapFontBlackFamily);font-size:var(--sapFontSize);font-size:var(--sapToolHeader_Product_Name_Font_Size);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1.625rem;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;vertical-align:baseline}.fd-tool-header__product-name:after,.fd-tool-header__product-name:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-header__second-title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapToolHeader_Second_Title_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapToolHeader_Second_Title_Font_Size);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:var(--sapContent_LineHeight);margin-block:0;margin-inline:0;margin-top:var(--sapToolHeader_Second_Title_Offset);padding-block:0;padding-inline:0;vertical-align:baseline}.fd-tool-header__second-title:after,.fd-tool-header__second-title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-header--menu{--fdToolHeader_Padding_Left:.75rem}.fd-tool-header[class*=-compact],[class*=-compact] .fd-tool-header:not([class*=-cozy]){--fdToolHeader_Min_Height:var(--sapToolHeader_Min_Height_Compact)}.fd-overflow-layout__items>.fd-overflow-layout__item:not(.fd-overflow-layout__item--last)>.fd-tool-header__element>*{margin-right:.375rem}.fd-tool-header__group--center+.fd-tool-header__group--actions{max-width:calc((100% - 16rem)/2)}.fd-tool-header__element.is-separator+.fd-tool-header__element.is-separator{display:none}.fd-tool-header__navigation-menu{display:flex;flex-direction:column;overflow:visible}.fd-tool-header .fd-button .fd-button__text{display:none}\n/*! Bundled license information:\n\nfundamental-styles/dist/tool-header.css:\n (*!\n * Fundamental Library Styles v0.41.6\n * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"] }]
|
|
531
531
|
}], propDecorators: { productName: [{
|
|
532
532
|
type: Input,
|
|
533
533
|
args: [{ required: true }]
|
|
@@ -143,7 +143,7 @@ class ToolLayoutComponent {
|
|
|
143
143
|
this.buildComponentCssClass();
|
|
144
144
|
}
|
|
145
145
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ToolLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
146
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.1.0", type: ToolLayoutComponent, isStandalone: true, selector: "[fdbToolLayout]", inputs: { class: "class", mode: "mode", noGaps: ["noGaps", "noGaps", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: ` <ng-content></ng-content>`, isInline: true, styles: [".fd-tool-layout{--fdToolLayout_Gap:.5rem;--fdToolLayout_Padding_Block:.5rem 0;--fdToolLayout_Padding_Inline:.5rem;--fdToolLayout_Content_Container_Border_Radius:.5rem .5rem 0 0;--fdToolLayout_Content_Container_Background:var(--sapBackgroundColor);--fdToolLayout_Content_Container_BoxShadow:var(--sapContent_Shadow0);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;background:var(--fdToolLayout_Background);-ms-flex-direction:column;flex-direction:column;gap:var(--fdToolLayout_Gap);height:100%;padding-block:var(--fdToolLayout_Padding_Block);padding-inline:var(--fdToolLayout_Padding_Inline);width:100%}.fd-tool-layout:after,.fd-tool-layout:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-layout__container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.fd-tool-layout__container:after,.fd-tool-layout__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-layout__container:not(:first-child){gap:var(--fdToolLayout_Gap)}.fd-tool-layout__header-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;width:100%}.fd-tool-layout__header-container:after,.fd-tool-layout__header-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-layout__navigation-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-tool-layout__navigation-container:after,.fd-tool-layout__navigation-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-layout__navigation-container--horizontal{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:100%}.fd-tool-layout__navigation-container--horizontal+.fd-tool-layout__content-container{min-width:100%}.fd-tool-layout__content-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-flex:1;background:var(--fdToolLayout_Content_Container_Background);border-radius:var(--fdToolLayout_Content_Container_Border_Radius);-webkit-box-shadow:var(--fdToolLayout_Content_Container_BoxShadow);box-shadow:var(--fdToolLayout_Content_Container_BoxShadow);-ms-flex:1;flex:1;height:100%;overflow:hidden;width:100%}.fd-tool-layout__content-container:after,.fd-tool-layout__content-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-layout__content-container--transparent{--fdToolLayout_Content_Container_Background:transparent;--fdToolLayout_Content_Container_BoxShadow:none}.fd-tool-layout__content-container--list{--fdToolLayout_Content_Container_Background:var(--sapGroup_ContentBackground)}.fd-tool-layout--horizontal-navigation{--fdToolLayout_Gap:0}.fd-tool-layout--horizontal-navigation .fd-tool-layout__container:not(:first-child){--fdToolLayout_Gap:.5rem}.fd-tool-layout--horizontal-navigation.fd-tool-layout--phone .fd-tool-layout__container:not(:first-child){--fdToolLayout_Gap:.25rem}.fd-tool-layout--tablet{--fdToolLayout_Padding_Block:.5rem;--fdToolLayout_Padding_Inline:.5rem;--fdToolLayout_Content_Container_Border_Radius:.5rem}.fd-tool-layout--phone{--fdToolLayout_Gap:.25rem;--fdToolLayout_Padding_Block:.25rem;--fdToolLayout_Padding_Inline:.25rem;--fdToolLayout_Content_Container_Border_Radius:.25rem}.fd-tool-layout--sticky{inset:0;position:absolute}.fd-tool-layout--sticky .fd-tool-layout__container{position:relative}.fd-tool-layout--sticky .fd-tool-layout__container:not(:first-child){-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}.fd-tool-layout--sticky .fd-tool-layout__content-container,.fd-tool-layout--sticky .fd-tool-layout__navigation-container{height:100%;overflow:scroll}.fd-tool-layout__header-container{width:100%}.fd-tool-layout__content-container{overflow:hidden}.fd-tool-layout__container{position:relative}.fd-tool-layout.fd-tool-layout--no-gaps{--fdToolLayout_Gap: 0}\n/*! Bundled license information:\n\nfundamental-styles/dist/tool-layout.css:\n (*!\n * Fundamental Library Styles v0.41.
|
|
146
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.1.0", type: ToolLayoutComponent, isStandalone: true, selector: "[fdbToolLayout]", inputs: { class: "class", mode: "mode", noGaps: ["noGaps", "noGaps", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: ` <ng-content></ng-content>`, isInline: true, styles: [".fd-tool-layout{--fdToolLayout_Gap:.5rem;--fdToolLayout_Padding_Block:.5rem 0;--fdToolLayout_Padding_Inline:.5rem;--fdToolLayout_Content_Container_Border_Radius:.5rem .5rem 0 0;--fdToolLayout_Content_Container_Background:var(--sapBackgroundColor);--fdToolLayout_Content_Container_BoxShadow:var(--sapContent_Shadow0);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;background:var(--fdToolLayout_Background);-ms-flex-direction:column;flex-direction:column;gap:var(--fdToolLayout_Gap);height:100%;padding-block:var(--fdToolLayout_Padding_Block);padding-inline:var(--fdToolLayout_Padding_Inline);width:100%}.fd-tool-layout:after,.fd-tool-layout:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-layout__container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.fd-tool-layout__container:after,.fd-tool-layout__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-layout__container:not(:first-child){gap:var(--fdToolLayout_Gap)}.fd-tool-layout__header-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;width:100%}.fd-tool-layout__header-container:after,.fd-tool-layout__header-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-layout__navigation-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-tool-layout__navigation-container:after,.fd-tool-layout__navigation-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-layout__navigation-container--horizontal{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:100%}.fd-tool-layout__navigation-container--horizontal+.fd-tool-layout__content-container{min-width:100%}.fd-tool-layout__content-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-flex:1;background:var(--fdToolLayout_Content_Container_Background);border-radius:var(--fdToolLayout_Content_Container_Border_Radius);-webkit-box-shadow:var(--fdToolLayout_Content_Container_BoxShadow);box-shadow:var(--fdToolLayout_Content_Container_BoxShadow);-ms-flex:1;flex:1;height:100%;overflow:hidden;width:100%}.fd-tool-layout__content-container:after,.fd-tool-layout__content-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-layout__content-container--transparent{--fdToolLayout_Content_Container_Background:transparent;--fdToolLayout_Content_Container_BoxShadow:none}.fd-tool-layout__content-container--list{--fdToolLayout_Content_Container_Background:var(--sapGroup_ContentBackground)}.fd-tool-layout--horizontal-navigation{--fdToolLayout_Gap:0}.fd-tool-layout--horizontal-navigation .fd-tool-layout__container:not(:first-child){--fdToolLayout_Gap:.5rem}.fd-tool-layout--horizontal-navigation.fd-tool-layout--phone .fd-tool-layout__container:not(:first-child){--fdToolLayout_Gap:.25rem}.fd-tool-layout--tablet{--fdToolLayout_Padding_Block:.5rem;--fdToolLayout_Padding_Inline:.5rem;--fdToolLayout_Content_Container_Border_Radius:.5rem}.fd-tool-layout--phone{--fdToolLayout_Gap:.25rem;--fdToolLayout_Padding_Block:.25rem;--fdToolLayout_Padding_Inline:.25rem;--fdToolLayout_Content_Container_Border_Radius:.25rem}.fd-tool-layout--sticky{inset:0;position:absolute}.fd-tool-layout--sticky .fd-tool-layout__container{position:relative}.fd-tool-layout--sticky .fd-tool-layout__container:not(:first-child){-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}.fd-tool-layout--sticky .fd-tool-layout__content-container,.fd-tool-layout--sticky .fd-tool-layout__navigation-container{height:100%;overflow:scroll}.fd-tool-layout__header-container{width:100%}.fd-tool-layout__content-container{overflow:hidden}.fd-tool-layout__container{position:relative}.fd-tool-layout.fd-tool-layout--no-gaps{--fdToolLayout_Gap: 0}\n/*! Bundled license information:\n\nfundamental-styles/dist/tool-layout.css:\n (*!\n * Fundamental Library Styles v0.41.6\n * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
147
147
|
}
|
|
148
148
|
__decorate([
|
|
149
149
|
applyCssClass,
|
|
@@ -153,7 +153,7 @@ __decorate([
|
|
|
153
153
|
], ToolLayoutComponent.prototype, "buildComponentCssClass", null);
|
|
154
154
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ToolLayoutComponent, decorators: [{
|
|
155
155
|
type: Component,
|
|
156
|
-
args: [{ selector: '[fdbToolLayout]', template: ` <ng-content></ng-content>`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [".fd-tool-layout{--fdToolLayout_Gap:.5rem;--fdToolLayout_Padding_Block:.5rem 0;--fdToolLayout_Padding_Inline:.5rem;--fdToolLayout_Content_Container_Border_Radius:.5rem .5rem 0 0;--fdToolLayout_Content_Container_Background:var(--sapBackgroundColor);--fdToolLayout_Content_Container_BoxShadow:var(--sapContent_Shadow0);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;background:var(--fdToolLayout_Background);-ms-flex-direction:column;flex-direction:column;gap:var(--fdToolLayout_Gap);height:100%;padding-block:var(--fdToolLayout_Padding_Block);padding-inline:var(--fdToolLayout_Padding_Inline);width:100%}.fd-tool-layout:after,.fd-tool-layout:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-layout__container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.fd-tool-layout__container:after,.fd-tool-layout__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-layout__container:not(:first-child){gap:var(--fdToolLayout_Gap)}.fd-tool-layout__header-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;width:100%}.fd-tool-layout__header-container:after,.fd-tool-layout__header-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-layout__navigation-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-tool-layout__navigation-container:after,.fd-tool-layout__navigation-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-layout__navigation-container--horizontal{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:100%}.fd-tool-layout__navigation-container--horizontal+.fd-tool-layout__content-container{min-width:100%}.fd-tool-layout__content-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-flex:1;background:var(--fdToolLayout_Content_Container_Background);border-radius:var(--fdToolLayout_Content_Container_Border_Radius);-webkit-box-shadow:var(--fdToolLayout_Content_Container_BoxShadow);box-shadow:var(--fdToolLayout_Content_Container_BoxShadow);-ms-flex:1;flex:1;height:100%;overflow:hidden;width:100%}.fd-tool-layout__content-container:after,.fd-tool-layout__content-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-layout__content-container--transparent{--fdToolLayout_Content_Container_Background:transparent;--fdToolLayout_Content_Container_BoxShadow:none}.fd-tool-layout__content-container--list{--fdToolLayout_Content_Container_Background:var(--sapGroup_ContentBackground)}.fd-tool-layout--horizontal-navigation{--fdToolLayout_Gap:0}.fd-tool-layout--horizontal-navigation .fd-tool-layout__container:not(:first-child){--fdToolLayout_Gap:.5rem}.fd-tool-layout--horizontal-navigation.fd-tool-layout--phone .fd-tool-layout__container:not(:first-child){--fdToolLayout_Gap:.25rem}.fd-tool-layout--tablet{--fdToolLayout_Padding_Block:.5rem;--fdToolLayout_Padding_Inline:.5rem;--fdToolLayout_Content_Container_Border_Radius:.5rem}.fd-tool-layout--phone{--fdToolLayout_Gap:.25rem;--fdToolLayout_Padding_Block:.25rem;--fdToolLayout_Padding_Inline:.25rem;--fdToolLayout_Content_Container_Border_Radius:.25rem}.fd-tool-layout--sticky{inset:0;position:absolute}.fd-tool-layout--sticky .fd-tool-layout__container{position:relative}.fd-tool-layout--sticky .fd-tool-layout__container:not(:first-child){-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}.fd-tool-layout--sticky .fd-tool-layout__content-container,.fd-tool-layout--sticky .fd-tool-layout__navigation-container{height:100%;overflow:scroll}.fd-tool-layout__header-container{width:100%}.fd-tool-layout__content-container{overflow:hidden}.fd-tool-layout__container{position:relative}.fd-tool-layout.fd-tool-layout--no-gaps{--fdToolLayout_Gap: 0}\n/*! Bundled license information:\n\nfundamental-styles/dist/tool-layout.css:\n (*!\n * Fundamental Library Styles v0.41.
|
|
156
|
+
args: [{ selector: '[fdbToolLayout]', template: ` <ng-content></ng-content>`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [".fd-tool-layout{--fdToolLayout_Gap:.5rem;--fdToolLayout_Padding_Block:.5rem 0;--fdToolLayout_Padding_Inline:.5rem;--fdToolLayout_Content_Container_Border_Radius:.5rem .5rem 0 0;--fdToolLayout_Content_Container_Background:var(--sapBackgroundColor);--fdToolLayout_Content_Container_BoxShadow:var(--sapContent_Shadow0);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;background:var(--fdToolLayout_Background);-ms-flex-direction:column;flex-direction:column;gap:var(--fdToolLayout_Gap);height:100%;padding-block:var(--fdToolLayout_Padding_Block);padding-inline:var(--fdToolLayout_Padding_Inline);width:100%}.fd-tool-layout:after,.fd-tool-layout:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-layout__container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.fd-tool-layout__container:after,.fd-tool-layout__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-layout__container:not(:first-child){gap:var(--fdToolLayout_Gap)}.fd-tool-layout__header-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;width:100%}.fd-tool-layout__header-container:after,.fd-tool-layout__header-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-layout__navigation-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-tool-layout__navigation-container:after,.fd-tool-layout__navigation-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-layout__navigation-container--horizontal{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:100%}.fd-tool-layout__navigation-container--horizontal+.fd-tool-layout__content-container{min-width:100%}.fd-tool-layout__content-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-flex:1;background:var(--fdToolLayout_Content_Container_Background);border-radius:var(--fdToolLayout_Content_Container_Border_Radius);-webkit-box-shadow:var(--fdToolLayout_Content_Container_BoxShadow);box-shadow:var(--fdToolLayout_Content_Container_BoxShadow);-ms-flex:1;flex:1;height:100%;overflow:hidden;width:100%}.fd-tool-layout__content-container:after,.fd-tool-layout__content-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-layout__content-container--transparent{--fdToolLayout_Content_Container_Background:transparent;--fdToolLayout_Content_Container_BoxShadow:none}.fd-tool-layout__content-container--list{--fdToolLayout_Content_Container_Background:var(--sapGroup_ContentBackground)}.fd-tool-layout--horizontal-navigation{--fdToolLayout_Gap:0}.fd-tool-layout--horizontal-navigation .fd-tool-layout__container:not(:first-child){--fdToolLayout_Gap:.5rem}.fd-tool-layout--horizontal-navigation.fd-tool-layout--phone .fd-tool-layout__container:not(:first-child){--fdToolLayout_Gap:.25rem}.fd-tool-layout--tablet{--fdToolLayout_Padding_Block:.5rem;--fdToolLayout_Padding_Inline:.5rem;--fdToolLayout_Content_Container_Border_Radius:.5rem}.fd-tool-layout--phone{--fdToolLayout_Gap:.25rem;--fdToolLayout_Padding_Block:.25rem;--fdToolLayout_Padding_Inline:.25rem;--fdToolLayout_Content_Container_Border_Radius:.25rem}.fd-tool-layout--sticky{inset:0;position:absolute}.fd-tool-layout--sticky .fd-tool-layout__container{position:relative}.fd-tool-layout--sticky .fd-tool-layout__container:not(:first-child){-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}.fd-tool-layout--sticky .fd-tool-layout__content-container,.fd-tool-layout--sticky .fd-tool-layout__navigation-container{height:100%;overflow:scroll}.fd-tool-layout__header-container{width:100%}.fd-tool-layout__content-container{overflow:hidden}.fd-tool-layout__container{position:relative}.fd-tool-layout.fd-tool-layout--no-gaps{--fdToolLayout_Gap: 0}\n/*! Bundled license information:\n\nfundamental-styles/dist/tool-layout.css:\n (*!\n * Fundamental Library Styles v0.41.6\n * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"] }]
|
|
157
157
|
}], propDecorators: { class: [{
|
|
158
158
|
type: Input
|
|
159
159
|
}], mode: [{
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fundamental-ngx/btp",
|
|
3
|
-
"version": "0.62.2
|
|
3
|
+
"version": "0.62.2",
|
|
4
4
|
"description": "Fundamental Library for Angular - BTP",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"homepage": "https://sap.github.io/fundamental-ngx",
|
|
@@ -14,8 +14,8 @@
|
|
|
14
14
|
"peerDependencies": {
|
|
15
15
|
"@angular/common": "^21.0.0",
|
|
16
16
|
"@angular/core": "^21.0.0",
|
|
17
|
-
"@fundamental-ngx/cdk": "0.62.2
|
|
18
|
-
"@fundamental-ngx/core": "0.62.2
|
|
17
|
+
"@fundamental-ngx/cdk": "0.62.2",
|
|
18
|
+
"@fundamental-ngx/core": "0.62.2"
|
|
19
19
|
},
|
|
20
20
|
"dependencies": {
|
|
21
21
|
"tslib": "^2.3.0"
|