@fundamental-ngx/btp 0.65.0-rc.2 → 0.65.0-rc.21
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-menu.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-btp-navigation.mjs +66 -22
- 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-splitter.mjs.map +1 -1
- 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
- package/types/fundamental-ngx-btp-navigation.d.ts +18 -4
|
@@ -54,11 +54,11 @@ class SearchFieldComponent {
|
|
|
54
54
|
this.search.emit(this._value);
|
|
55
55
|
}
|
|
56
56
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SearchFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
57
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", 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.8\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]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[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
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", 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.9\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]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[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 }); }
|
|
58
58
|
}
|
|
59
59
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SearchFieldComponent, decorators: [{
|
|
60
60
|
type: Component,
|
|
61
|
-
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.8\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
|
+
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.9\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"] }]
|
|
62
62
|
}], propDecorators: { placeholder: [{
|
|
63
63
|
type: Input
|
|
64
64
|
}], 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: "22.0.5", ngImport: i0, type: SplitterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
185
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", 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.8\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: "22.0.5", 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{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;height:var(--fdSplitter_Pagination_Container_Height);width:100%}.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;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.9\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: "22.0.5", 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.8\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{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;height:var(--fdSplitter_Pagination_Container_Height);width:100%}.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;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.9\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 }]
|