@fundamental-ngx/btp 0.65.1-rc.8 → 0.65.1
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-button.mjs +9 -9
- package/fesm2022/fundamental-ngx-btp-navigation-menu.mjs +16 -16
- package/fesm2022/fundamental-ngx-btp-navigation.mjs +39 -39
- package/fesm2022/fundamental-ngx-btp-search-field.mjs +4 -4
- package/fesm2022/fundamental-ngx-btp-search-field.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-btp-splitter.mjs +22 -22
- package/fesm2022/fundamental-ngx-btp-tool-header.mjs +33 -33
- package/fesm2022/fundamental-ngx-btp-tool-layout.mjs +19 -19
- package/fesm2022/fundamental-ngx-btp.mjs +4 -4
- package/package.json +3 -3
- package/types/fundamental-ngx-btp-navigation.d.ts +1 -1
|
@@ -53,12 +53,12 @@ class SearchFieldComponent {
|
|
|
53
53
|
_search() {
|
|
54
54
|
this.search.emit(this._value);
|
|
55
55
|
}
|
|
56
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
57
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", 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 [ngModelOptions]=\"{ standalone: true }\"\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 }); }
|
|
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.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
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
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 [ngModelOptions]=\"{ standalone: true }\"\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"] }]
|
|
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: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-btp-search-field.mjs","sources":["../../../../libs/btp/search-field/src/search-field.component.ts","../../../../libs/btp/search-field/src/search-field.component.html","../../../../libs/btp/search-field/src/fundamental-ngx-btp-search-field.ts"],"sourcesContent":["import {\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n DestroyRef,\n ElementRef,\n EventEmitter,\n inject,\n Input,\n Output,\n signal,\n ViewChild,\n ViewEncapsulation\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { FormsModule } from '@angular/forms';\nimport { NestedButtonDirective } from '@fundamental-ngx/btp/button';\nimport { CvaControl, CvaDirective } from '@fundamental-ngx/cdk/forms';\nimport { HasElementRef } from '@fundamental-ngx/cdk/utils';\nimport { ButtonComponent } from '@fundamental-ngx/core/button';\nimport { IconComponent } from '@fundamental-ngx/core/icon';\nimport { FdTranslatePipe } from '@fundamental-ngx/i18n';\nimport { of, tap } from 'rxjs';\n\n@Component({\n selector: 'fdb-search-field',\n templateUrl: './search-field.component.html',\n styleUrls: ['../../../../node_modules/fundamental-styles/dist/search-field.css'],\n hostDirectives: [CvaDirective],\n providers: [CvaControl],\n imports: [IconComponent, FormsModule, FdTranslatePipe, ButtonComponent, NestedButtonDirective],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SearchFieldComponent implements AfterViewInit, HasElementRef {\n /** Placeholder for the input field. */\n @Input() placeholder: string;\n\n /** Event emitted when the search button is clicked. */\n // eslint-disable-next-line @angular-eslint/no-output-native\n @Output() search = new EventEmitter<string>();\n\n /** @hidden */\n @ViewChild('searchInputField')\n protected _searchInputField?: ElementRef<HTMLInputElement>;\n\n /** @hidden */\n elementRef: ElementRef<HTMLElement> = inject(ElementRef);\n\n /** Value of the input field. */\n protected _value?: string;\n\n /**\n * Whether the search field is focused\n * @hidden */\n protected _inputFocused = signal(false);\n\n /** @hidden */\n private _cvaControl: CvaControl<string> = inject(CvaControl);\n\n /** @hidden */\n private _destroyRef = inject(DestroyRef);\n\n /** @hidden */\n private _cdr = inject(ChangeDetectorRef);\n\n /** @hidden */\n focus(): void {\n this._searchInputField?.nativeElement.focus();\n }\n /** @hidden */\n ngAfterViewInit(): void {\n this._cvaControl.listenToChanges();\n (this._cvaControl.cvaDirective?.ngControl?.valueChanges || of(undefined))\n .pipe(\n tap((value: string) => {\n this._value = value;\n this._cdr.markForCheck();\n }),\n takeUntilDestroyed(this._destroyRef)\n )\n .subscribe();\n }\n\n /** @hidden */\n protected updateValue($event: string): void {\n this._value = $event;\n this._cvaControl.cvaDirective?.setValue($event);\n }\n\n /** @hidden */\n protected _search(): void {\n this.search.emit(this._value);\n }\n}\n","<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 [
|
|
1
|
+
{"version":3,"file":"fundamental-ngx-btp-search-field.mjs","sources":["../../../../libs/btp/search-field/src/search-field.component.ts","../../../../libs/btp/search-field/src/search-field.component.html","../../../../libs/btp/search-field/src/fundamental-ngx-btp-search-field.ts"],"sourcesContent":["import {\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n DestroyRef,\n ElementRef,\n EventEmitter,\n inject,\n Input,\n Output,\n signal,\n ViewChild,\n ViewEncapsulation\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { FormsModule } from '@angular/forms';\nimport { NestedButtonDirective } from '@fundamental-ngx/btp/button';\nimport { CvaControl, CvaDirective } from '@fundamental-ngx/cdk/forms';\nimport { HasElementRef } from '@fundamental-ngx/cdk/utils';\nimport { ButtonComponent } from '@fundamental-ngx/core/button';\nimport { IconComponent } from '@fundamental-ngx/core/icon';\nimport { FdTranslatePipe } from '@fundamental-ngx/i18n';\nimport { of, tap } from 'rxjs';\n\n@Component({\n selector: 'fdb-search-field',\n templateUrl: './search-field.component.html',\n styleUrls: ['../../../../node_modules/fundamental-styles/dist/search-field.css'],\n hostDirectives: [CvaDirective],\n providers: [CvaControl],\n imports: [IconComponent, FormsModule, FdTranslatePipe, ButtonComponent, NestedButtonDirective],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SearchFieldComponent implements AfterViewInit, HasElementRef {\n /** Placeholder for the input field. */\n @Input() placeholder: string;\n\n /** Event emitted when the search button is clicked. */\n // eslint-disable-next-line @angular-eslint/no-output-native\n @Output() search = new EventEmitter<string>();\n\n /** @hidden */\n @ViewChild('searchInputField')\n protected _searchInputField?: ElementRef<HTMLInputElement>;\n\n /** @hidden */\n elementRef: ElementRef<HTMLElement> = inject(ElementRef);\n\n /** Value of the input field. */\n protected _value?: string;\n\n /**\n * Whether the search field is focused\n * @hidden */\n protected _inputFocused = signal(false);\n\n /** @hidden */\n private _cvaControl: CvaControl<string> = inject(CvaControl);\n\n /** @hidden */\n private _destroyRef = inject(DestroyRef);\n\n /** @hidden */\n private _cdr = inject(ChangeDetectorRef);\n\n /** @hidden */\n focus(): void {\n this._searchInputField?.nativeElement.focus();\n }\n /** @hidden */\n ngAfterViewInit(): void {\n this._cvaControl.listenToChanges();\n (this._cvaControl.cvaDirective?.ngControl?.valueChanges || of(undefined))\n .pipe(\n tap((value: string) => {\n this._value = value;\n this._cdr.markForCheck();\n }),\n takeUntilDestroyed(this._destroyRef)\n )\n .subscribe();\n }\n\n /** @hidden */\n protected updateValue($event: string): void {\n this._value = $event;\n this._cvaControl.cvaDirective?.setValue($event);\n }\n\n /** @hidden */\n protected _search(): void {\n this.search.emit(this._value);\n }\n}\n","<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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;MAmCa,oBAAoB,CAAA;AAVjC,IAAA,WAAA,GAAA;;;AAgBc,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAU;;AAO7C,QAAA,IAAA,CAAA,UAAU,GAA4B,MAAM,CAAC,UAAU,CAAC;AAKxD;;AAEa;QACH,IAAA,CAAA,aAAa,GAAG,MAAM,CAAC,KAAK;0FAAC;;AAG/B,QAAA,IAAA,CAAA,WAAW,GAAuB,MAAM,CAAC,UAAU,CAAC;;AAGpD,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;;AAGhC,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAC,iBAAiB,CAAC;AA8B3C,IAAA;;IA3BG,KAAK,GAAA;AACD,QAAA,IAAI,CAAC,iBAAiB,EAAE,aAAa,CAAC,KAAK,EAAE;IACjD;;IAEA,eAAe,GAAA;AACX,QAAA,IAAI,CAAC,WAAW,CAAC,eAAe,EAAE;AAClC,QAAA,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,EAAE,SAAS,EAAE,YAAY,IAAI,EAAE,CAAC,SAAS,CAAC;AACnE,aAAA,IAAI,CACD,GAAG,CAAC,CAAC,KAAa,KAAI;AAClB,YAAA,IAAI,CAAC,MAAM,GAAG,KAAK;AACnB,YAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;QAC5B,CAAC,CAAC,EACF,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC;AAEvC,aAAA,SAAS,EAAE;IACpB;;AAGU,IAAA,WAAW,CAAC,MAAc,EAAA;AAChC,QAAA,IAAI,CAAC,MAAM,GAAG,MAAM;QACpB,IAAI,CAAC,WAAW,CAAC,YAAY,EAAE,QAAQ,CAAC,MAAM,CAAC;IACnD;;IAGU,OAAO,GAAA;QACb,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;IACjC;8GA3DS,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,SAAA,EALlB,CAAC,UAAU,CAAC,mMC9B3B,urDAuCA,EAAA,MAAA,EAAA,CAAA,+1XAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDRc,aAAa,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,YAAA,EAAA,MAAA,EAAA,OAAA,EAAA,WAAA,EAAA,YAAA,CAAA,EAAA,OAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,wSAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAmB,eAAe,EAAA,QAAA,EAAA,kDAAA,EAAA,MAAA,EAAA,CAAA,IAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,qBAAqB,wFAAvD,eAAe,EAAA,IAAA,EAAA,aAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAI5C,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAVhC,SAAS;+BACI,kBAAkB,EAAA,cAAA,EAGZ,CAAC,YAAY,CAAC,EAAA,SAAA,EACnB,CAAC,UAAU,CAAC,EAAA,OAAA,EACd,CAAC,aAAa,EAAE,WAAW,EAAE,eAAe,EAAE,eAAe,EAAE,qBAAqB,CAAC,EAAA,aAAA,EAC/E,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,urDAAA,EAAA,MAAA,EAAA,CAAA,+1XAAA,CAAA,EAAA;;sBAI9C;;sBAIA;;sBAGA,SAAS;uBAAC,kBAAkB;;;AE5CjC;;AAEG;;;;"}
|
|
@@ -116,10 +116,10 @@ class SplitterSplitPaneComponent {
|
|
|
116
116
|
this.showOnCanvas();
|
|
117
117
|
}
|
|
118
118
|
}
|
|
119
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
120
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
119
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SplitterSplitPaneComponent, deps: [{ token: i0.ViewContainerRef }, { token: i1.ViewportRuler }, { token: DOCUMENT, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
120
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: SplitterSplitPaneComponent, isStandalone: true, selector: "fdb-splitter-split-pane", inputs: { size: "size", id: "id", requiredParentWidth: "requiredParentWidth", demandPane: "demandPane" }, outputs: { toggleOnCanvas: "toggleOnCanvas", sizeChange: "sizeChange" }, viewQueries: [{ propertyName: "_templateRef", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: "<ng-template>\n <ng-content></ng-content>\n</ng-template>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
121
121
|
}
|
|
122
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
122
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SplitterSplitPaneComponent, decorators: [{
|
|
123
123
|
type: Component,
|
|
124
124
|
args: [{ selector: 'fdb-splitter-split-pane', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-template>\n <ng-content></ng-content>\n</ng-template>\n" }]
|
|
125
125
|
}], ctorParameters: () => [{ type: i0.ViewContainerRef }, { type: i1.ViewportRuler }, { type: Document, decorators: [{
|
|
@@ -181,10 +181,10 @@ class SplitterComponent {
|
|
|
181
181
|
const paneToShow = this._panes.find((pane) => pane.id === paneId);
|
|
182
182
|
paneToShow?.showOnCanvas();
|
|
183
183
|
}
|
|
184
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
185
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", 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 }); }
|
|
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{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
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
187
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SplitterComponent, decorators: [{
|
|
188
188
|
type: Component,
|
|
189
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: [{
|
|
@@ -211,10 +211,10 @@ class SplitterPaginationComponent {
|
|
|
211
211
|
this.currentPage = page;
|
|
212
212
|
this.onPageChange.emit(this.currentPage);
|
|
213
213
|
}
|
|
214
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
215
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.
|
|
214
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SplitterPaginationComponent, deps: [{ token: SplitterComponent }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
215
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: SplitterPaginationComponent, isStandalone: true, selector: "fdb-splitter-pagination", inputs: { pages: "pages", currentPage: "currentPage" }, outputs: { onPageChange: "onPageChange" }, host: { properties: { "attr.role": "\"radiogroup\"" }, classAttribute: "fd-splitter__pagination" }, ngImport: i0, template: "@for (page of pages; track page) {\n <button\n fd-button\n fdType=\"transparent\"\n class=\"fd-splitter__pagination-item\"\n [class.fd-splitter__pagination-item--active]=\"page === currentPage\"\n role=\"radio\"\n [attr.aria-label]=\"('coreSplitter.paginationItemAriaLabel' | fdTranslate)()\"\n [attr.aria-checked]=\"page === currentPage\"\n (click)=\"_changePage(page)\"\n (keydown.enter)=\"_changePage(page)\"\n >\n <span class=\"fd-splitter__pagination-item-dot\"></span>\n </button>\n}\n", dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["id"], exportAs: ["fd-button"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
216
216
|
}
|
|
217
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
217
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SplitterPaginationComponent, decorators: [{
|
|
218
218
|
type: Component,
|
|
219
219
|
args: [{ selector: 'fdb-splitter-pagination', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
220
220
|
class: 'fd-splitter__pagination',
|
|
@@ -241,10 +241,10 @@ class NoDefaultPanePipe {
|
|
|
241
241
|
}
|
|
242
242
|
return value.filter((pane) => pane.id !== this._splitterPaneContainer._defaultPane?.id);
|
|
243
243
|
}
|
|
244
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
245
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.
|
|
244
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NoDefaultPanePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
245
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: NoDefaultPanePipe, isStandalone: true, name: "noDefaultPane" }); }
|
|
246
246
|
}
|
|
247
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
247
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NoDefaultPanePipe, decorators: [{
|
|
248
248
|
type: Pipe,
|
|
249
249
|
args: [{
|
|
250
250
|
name: 'noDefaultPane',
|
|
@@ -388,10 +388,10 @@ class SplitterResizerComponent {
|
|
|
388
388
|
this._cdr.markForCheck();
|
|
389
389
|
}
|
|
390
390
|
}
|
|
391
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
392
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
391
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SplitterResizerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
392
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: SplitterResizerComponent, isStandalone: true, selector: "fdb-splitter-resizer", inputs: { orientation: "orientation" }, outputs: { startResize: "startResize", endResize: "endResize", resize: "resize" }, host: { listeners: { "mousedown": "_onMouseDown($event)", "keydown": "_onKeydown($event)", "focus": "_onFocus()", "blur": "_onBlur()" }, properties: { "class.is-active": "_start != null || _isInFocus", "tabindex": "0", "attr.role": "this._role", "attr.aria-orientation": "this._ariaOrientation" }, classAttribute: "fd-splitter__resizer" }, ngImport: i0, template: "<button fd-button fdbNestedButton tabindex=\"-1\" class=\"fd-splitter__resizer-grip\">\n <fd-icon\n class=\"fd-splitter__resizer-grip-icon\"\n [glyph]=\"(_isVertical && 'vertical-grip') || (_isHorizontal && 'horizontal-grip')\"\n ></fd-icon>\n</button>\n\n<div class=\"fd-splitter__resizer-decoration-before\"></div>\n<div class=\"fd-splitter__resizer-decoration-after\"></div>\n", dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["id"], exportAs: ["fd-button"] }, { kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "size", "class", "ariaLabel", "ariaHidden"], outputs: ["ariaHiddenChange"] }, { kind: "directive", type: NestedButtonDirective, selector: "[fd-button][fdbNestedButton]", inputs: ["square"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
393
393
|
}
|
|
394
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
394
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SplitterResizerComponent, decorators: [{
|
|
395
395
|
type: Component,
|
|
396
396
|
args: [{ selector: 'fdb-splitter-resizer', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
397
397
|
class: 'fd-splitter__resizer',
|
|
@@ -736,15 +736,15 @@ class SplitterPaneContainerComponent {
|
|
|
736
736
|
_getPaneElement(paneId) {
|
|
737
737
|
return this._elementRef.nativeElement.querySelector(`#${paneId}`);
|
|
738
738
|
}
|
|
739
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
740
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.
|
|
739
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SplitterPaneContainerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: SplitterComponent }, { token: i1.ViewportRuler }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
740
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: SplitterPaneContainerComponent, isStandalone: true, selector: "fdb-splitter-pane-container", inputs: { orientation: "orientation", resizerType: ["resizerType", "resizerType", transformPaneTypeInput], paneType: ["paneType", "paneType", transformPaneTypeInput] }, outputs: { resize: "resize" }, host: { properties: { "class.fd-splitter__pane-container--horizontal": "!_isRootContainer && _isHorizontal", "class.fd-splitter__pane-container--vertical": "_isRootContainer || _isVertical" }, classAttribute: "fd-splitter__pane-container" }, providers: [
|
|
741
741
|
{
|
|
742
742
|
provide: FD_SPLITTER_PANE_CONTAINER,
|
|
743
743
|
useExisting: SplitterPaneContainerComponent
|
|
744
744
|
}
|
|
745
745
|
], queries: [{ propertyName: "_panes", predicate: SplitterSplitPaneComponent, descendants: true }, { propertyName: "_directPanes", predicate: SplitterSplitPaneComponent }], ngImport: i0, template: "@if (_isRootContainer) {\n @if (_defaultPane && _defaultPane.isOnCanvas && _activePanes.length > 1) {\n <ng-template\n [ngTemplateOutlet]=\"panesTemplate\"\n [ngTemplateOutletContext]=\"{ panes: [_defaultPane], showResizer: true }\"\n ></ng-template>\n }\n <div class=\"fd-splitter__split-pane\" [style.overflow]=\"'visible'\">\n <div class=\"fd-splitter__pane-container fd-splitter__pane-container--vertical\">\n <ng-template\n [ngTemplateOutlet]=\"panesTemplate\"\n [ngTemplateOutletContext]=\"{\n panes: _activePanes | noDefaultPane: _defaultPane?.isOnCanvas && _activePanes.length > 1\n }\"\n ></ng-template>\n </div>\n @if (_pages.length) {\n <fdb-splitter-pagination\n [pages]=\"_pages\"\n [currentPage]=\"_currentPage\"\n (onPageChange)=\"_onPageChange($event)\"\n ></fdb-splitter-pagination>\n }\n </div>\n} @else {\n <ng-template [ngTemplateOutlet]=\"panesTemplate\" [ngTemplateOutletContext]=\"{ panes: _panesOnCanvas }\"></ng-template>\n}\n<ng-template #panesTemplate let-panes=\"panes\" let-showResizer=\"showResizer\">\n @for (pane of _SplitterSplitPaneComponent(panes); track pane.id; let last = $last) {\n <section\n [id]=\"pane.id\"\n class=\"fd-splitter__split-pane\"\n [class.fd-splitter__split-pane--solid]=\"paneType === 'solid'\"\n [class.fd-splitter__split-pane--translucent]=\"paneType === 'translucent'\"\n [style]=\"_getPaneStyles(pane)\"\n >\n <ng-template [cdkPortalOutlet]=\"pane._content\"></ng-template>\n </section>\n @if (!last || showResizer) {\n <fdb-splitter-resizer\n [orientation]=\"orientation\"\n (startResize)=\"_startResize()\"\n (endResize)=\"_endResize()\"\n (resize)=\"_onResize(pane.id, $event)\"\n [class.fd-splitter__resizer--translucent]=\"resizerType === 'translucent'\"\n [class.fd-splitter__resizer--solid]=\"resizerType === 'solid'\"\n ></fdb-splitter-resizer>\n }\n }\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SplitterPaginationComponent, selector: "fdb-splitter-pagination", inputs: ["pages", "currentPage"], outputs: ["onPageChange"] }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: SplitterResizerComponent, selector: "fdb-splitter-resizer", inputs: ["orientation"], outputs: ["startResize", "endResize", "resize"] }, { kind: "pipe", type: NoDefaultPanePipe, name: "noDefaultPane" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
746
746
|
}
|
|
747
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
747
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SplitterPaneContainerComponent, decorators: [{
|
|
748
748
|
type: Component,
|
|
749
749
|
args: [{ selector: 'fdb-splitter-pane-container', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
750
750
|
class: 'fd-splitter__pane-container',
|
|
@@ -787,8 +787,8 @@ const components = [
|
|
|
787
787
|
* Use individual component imports.
|
|
788
788
|
*/
|
|
789
789
|
class SplitterModule {
|
|
790
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
791
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.
|
|
790
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SplitterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
791
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: SplitterModule, imports: [SplitterComponent,
|
|
792
792
|
SplitterPaneContainerComponent,
|
|
793
793
|
SplitterSplitPaneComponent,
|
|
794
794
|
SplitterResizerComponent,
|
|
@@ -799,11 +799,11 @@ class SplitterModule {
|
|
|
799
799
|
SplitterResizerComponent,
|
|
800
800
|
SplitterPaginationComponent,
|
|
801
801
|
NoDefaultPanePipe] }); }
|
|
802
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.
|
|
802
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SplitterModule, imports: [SplitterPaneContainerComponent,
|
|
803
803
|
SplitterResizerComponent,
|
|
804
804
|
SplitterPaginationComponent] }); }
|
|
805
805
|
}
|
|
806
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
806
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SplitterModule, decorators: [{
|
|
807
807
|
type: NgModule,
|
|
808
808
|
args: [{
|
|
809
809
|
imports: [...components],
|