@fundamental-ngx/core 0.64.2-rc.9 → 0.64.3
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-core-avatar-group-legacy.mjs +9 -11
- package/fesm2022/fundamental-ngx-core-avatar-group-legacy.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-calendar.mjs +20 -39
- package/fesm2022/fundamental-ngx-core-calendar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-date-picker.mjs +4 -5
- package/fesm2022/fundamental-ngx-core-date-picker.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-datetime-picker.mjs +5 -8
- package/fesm2022/fundamental-ngx-core-datetime-picker.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-dynamic-page.mjs +21 -5
- package/fesm2022/fundamental-ngx-core-dynamic-page.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-facets.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-facets.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-flexible-column-layout.mjs +28 -17
- package/fesm2022/fundamental-ngx-core-flexible-column-layout.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-form.mjs +210 -102
- package/fesm2022/fundamental-ngx-core-form.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-input-group.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-input-group.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-multi-combobox.mjs +1 -1
- package/fesm2022/fundamental-ngx-core-multi-combobox.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-popover.mjs +10 -1
- package/fesm2022/fundamental-ngx-core-popover.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-slider.mjs +13 -18
- package/fesm2022/fundamental-ngx-core-slider.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-step-input.mjs +1 -1
- package/fesm2022/fundamental-ngx-core-step-input.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-time-picker.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-time-picker.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-time.mjs +3 -4
- package/fesm2022/fundamental-ngx-core-time.mjs.map +1 -1
- package/package.json +3 -3
- package/schematics/package.json +1 -1
- package/types/fundamental-ngx-core-avatar-group-legacy.d.ts +4 -5
- package/types/fundamental-ngx-core-calendar.d.ts +0 -2
- package/types/fundamental-ngx-core-dynamic-page.d.ts +15 -1
- package/types/fundamental-ngx-core-flexible-column-layout.d.ts +8 -5
- package/types/fundamental-ngx-core-form.d.ts +44 -22
- package/types/fundamental-ngx-core-slider.d.ts +8 -8
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule, InjectionToken, Input, Attribute, booleanAttribute,
|
|
2
|
+
import { HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule, InjectionToken, Input, Attribute, booleanAttribute, input, inject, ElementRef, computed, EventEmitter, Renderer2, Injector, contentChild, effect, ViewChild, Output, ContentChild, Directive, Injectable } from '@angular/core';
|
|
3
3
|
import { __decorate, __metadata } from 'tslib';
|
|
4
4
|
import { applyCssClass, DynamicComponentService } from '@fundamental-ngx/cdk/utils';
|
|
5
5
|
import * as i1 from '@fundamental-ngx/core/content-density';
|
|
@@ -77,14 +77,6 @@ function registerFormItemControl(control) {
|
|
|
77
77
|
* ```
|
|
78
78
|
*/
|
|
79
79
|
class FormControlComponent {
|
|
80
|
-
/** @hidden */
|
|
81
|
-
get ariaLabelBinding() {
|
|
82
|
-
return this.ariaLabelAttr || this.ariaLabel || null;
|
|
83
|
-
}
|
|
84
|
-
/** @hidden */
|
|
85
|
-
get ariaLabelledByBinding() {
|
|
86
|
-
return this.ariaLabelledByAttr || this.ariaLabelledBy || null;
|
|
87
|
-
}
|
|
88
80
|
/** @hidden */
|
|
89
81
|
constructor(elementRef, _contentDensityObserver, ariaLabelAttr, ariaLabelledByAttr) {
|
|
90
82
|
this.elementRef = elementRef;
|
|
@@ -126,7 +118,7 @@ class FormControlComponent {
|
|
|
126
118
|
this._subscriptions.unsubscribe();
|
|
127
119
|
}
|
|
128
120
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FormControlComponent, deps: [{ token: i0.ElementRef }, { token: i1.ContentDensityObserver }, { token: 'aria-label', attribute: true }, { token: 'aria-labelledby', attribute: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
129
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: FormControlComponent, isStandalone: true, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: { state: "state", type: "type", class: "class", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy" }, host: { properties: { "attr.type": "this.type", "attr.aria-label": "this.ariaLabelBinding", "attr.aria-labelledby": "this.ariaLabelledByBinding" } }, providers: [registerFormItemControl(FormControlComponent), contentDensityObserverProviders()], usesOnChanges: true, ngImport: i0, template: ` <ng-content></ng-content>`, isInline: true, styles: [".fd-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--sapField_BackgroundStyle,var(--sapField_BackgroundStyle));background-color:var(--sapField_Background,var(--sapField_Background));border:0;border:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);border-radius:var(--sapField_BorderCornerRadius);-webkit-box-shadow:var(--sapField_Shadow);box-shadow:var(--sapField_Shadow);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapField_TextColor);cursor:text;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdInput_Height,var(--sapElement_Height));line-height:normal;margin-block:0;margin-block:var(--fdInput_Field_Margin_Block,.25rem);margin-inline:0;min-height:var(--fdInput_Height,var(--sapElement_Height));min-width:2.75rem;outline:none;overflow:hidden;padding-block:0;padding-inline:0;padding-inline:var(--fdInput_Field_Padding_Inline,.625rem);text-overflow:ellipsis;text-shadow:var(--fdInput_Text_Shadow);white-space:nowrap;width:100%;z-index:1}.fd-input:after,.fd-input:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-input::-webkit-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input::-moz-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input:-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input::-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input::placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input[dir=rtl]::-webkit-input-placeholder,[dir=rtl] .fd-input::-webkit-input-placeholder{text-indent:.125rem}.fd-input[dir=rtl]::-moz-placeholder,[dir=rtl] .fd-input::-moz-placeholder{text-indent:.125rem}.fd-input[dir=rtl]:-ms-input-placeholder,[dir=rtl] .fd-input:-ms-input-placeholder{text-indent:.125rem}.fd-input[dir=rtl]::-ms-input-placeholder,[dir=rtl] .fd-input::-ms-input-placeholder{text-indent:.125rem}.fd-input[dir=rtl]::placeholder,[dir=rtl] .fd-input::placeholder{text-indent:.125rem}.fd-input::-moz-selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-input::selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-input::-ms-clear{display:none}.fd-input.is-hover,.fd-input:hover{background:var(--sapField_Hover_BackgroundStyle,var(--sapField_Hover_BackgroundStyle));background-color:var(--sapField_Hover_Background,var(--sapField_Hover_Background));border-color:var(--sapField_Hover_BorderColor);-webkit-box-shadow:var(--fdInput_Box_Shadow_Hover);box-shadow:var(--fdInput_Box_Shadow_Hover)}.fd-input.is-focus,.fd-input:focus{background:var(--sapField_Focus_Background,var(--sapField_Focus_Background));-webkit-box-shadow:none;box-shadow:none;outline:var(--fdInput_Outline_Color) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:var(--fdInput_Outline_Offset);z-index:5}.fd-input[type=search]::-webkit-search-cancel-button,.fd-input[type=search]::-webkit-search-decoration,.fd-input[type=search]::-webkit-search-results-button,.fd-input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.fd-input[aria-expanded=false]{z-index:0}.fd-input.is-expanded,.fd-input[aria-expanded=true]{z-index:4}.fd-input[class*=-compact],.fd-input[class*=-condensed],[class*=-compact] .fd-input:not([class*=-cozy]),[class*=-condensed] .fd-input:not([class*=-cozy]){-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--fdInput_Compact_Height,var(--sapElement_Compact_Height));margin-block:var(--fdInput_Field_Compact_Margin_Block,.1875rem);margin-inline:0;min-height:var(--fdInput_Compact_Height,var(--sapElement_Compact_Height));min-width:var(--fdInput_Field_Compact_Min_Width,2rem);padding-block:0;padding-inline:var(--fdInput_Field_Compact_Padding,.5rem)}.fd-input--no-number-spinner{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.fd-input--no-number-spinner::-webkit-inner-spin-button,.fd-input--no-number-spinner::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin-block:0;margin-inline:0}.fd-input.right-align{text-align:right}.fd-input__sr-only{position:absolute;clip:rect(0 0 0 0);border:0;height:1px;margin-block:-1px;margin-inline:-1px;overflow:hidden;padding-block:0;padding-inline:0;white-space:nowrap;width:1px}.fd-input.is-success{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle);-webkit-box-shadow:var(--sapField_SuccessShadow);box-shadow:var(--sapField_SuccessShadow)}.fd-input.is-success.is-hover,.fd-input.is-success:hover{background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-input.is-success.is-focus,.fd-input.is-success:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color);z-index:5}.fd-input.is-success.is-focus.is-hover,.fd-input.is-success.is-focus:hover,.fd-input.is-success:focus.is-hover,.fd-input.is-success:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-success.is-expanded,.fd-input.is-success[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Success_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-error{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle);-webkit-box-shadow:var(--sapField_InvalidShadow);box-shadow:var(--sapField_InvalidShadow)}.fd-input.is-error.is-hover,.fd-input.is-error:hover{background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-input.is-error.is-focus,.fd-input.is-error:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color);z-index:5}.fd-input.is-error.is-focus.is-hover,.fd-input.is-error.is-focus:hover,.fd-input.is-error:focus.is-hover,.fd-input.is-error:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-error.is-expanded,.fd-input.is-error[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Error_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-warning{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle);-webkit-box-shadow:var(--sapField_WarningShadow);box-shadow:var(--sapField_WarningShadow)}.fd-input.is-warning.is-hover,.fd-input.is-warning:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-input.is-warning.is-focus,.fd-input.is-warning:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-input.is-warning.is-focus.is-hover,.fd-input.is-warning.is-focus:hover,.fd-input.is-warning:focus.is-hover,.fd-input.is-warning:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-warning.is-expanded,.fd-input.is-warning[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-alert{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-input.is-alert.is-hover,.fd-input.is-alert:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-input.is-alert.is-focus,.fd-input.is-alert:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-input.is-alert.is-focus.is-hover,.fd-input.is-alert.is-focus:hover,.fd-input.is-alert:focus.is-hover,.fd-input.is-alert:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-alert.is-expanded,.fd-input.is-alert[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-information{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle);-webkit-box-shadow:var(--sapField_InformationShadow);box-shadow:var(--sapField_InformationShadow)}.fd-input.is-information.is-hover,.fd-input.is-information:hover{background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-input.is-information.is-focus,.fd-input.is-information:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color);z-index:5}.fd-input.is-information.is-focus.is-hover,.fd-input.is-information.is-focus:hover,.fd-input.is-information:focus.is-hover,.fd-input.is-information:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-information.is-expanded,.fd-input.is-information[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Information_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-alert,.fd-input.is-error,.fd-input.is-warning{font-style:var(--fdInput_State_Text_Style);font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert::-webkit-input-placeholder,.fd-input.is-error::-webkit-input-placeholder,.fd-input.is-warning::-webkit-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert::-moz-placeholder,.fd-input.is-error::-moz-placeholder,.fd-input.is-warning::-moz-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert:-ms-input-placeholder,.fd-input.is-error:-ms-input-placeholder,.fd-input.is-warning:-ms-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert::-ms-input-placeholder,.fd-input.is-error::-ms-input-placeholder,.fd-input.is-warning::-ms-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert::placeholder,.fd-input.is-error::placeholder,.fd-input.is-warning::placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert.is-focus,.fd-input.is-alert:focus,.fd-input.is-error.is-focus,.fd-input.is-error:focus,.fd-input.is-information.is-focus,.fd-input.is-information:focus,.fd-input.is-warning.is-focus,.fd-input.is-warning:focus{outline-offset:var(--fdInput_Outline_Offset_States);z-index:5}.fd-input.is-error::-webkit-input-placeholder{color:var(--sapField_TextColor)}.fd-input.is-error::-moz-placeholder{color:var(--sapField_TextColor)}.fd-input.is-error:-ms-input-placeholder{color:var(--sapField_TextColor)}.fd-input.is-error::-ms-input-placeholder{color:var(--sapField_TextColor)}.fd-input.is-error::placeholder{color:var(--sapField_TextColor)}.fd-input.is-disabled,.fd-input:disabled,.fd-input[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-input.is-disabled::-webkit-input-placeholder,.fd-input:disabled::-webkit-input-placeholder,.fd-input[aria-disabled=true]::-webkit-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-disabled::-moz-placeholder,.fd-input:disabled::-moz-placeholder,.fd-input[aria-disabled=true]::-moz-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-disabled:-ms-input-placeholder,.fd-input:disabled:-ms-input-placeholder,.fd-input[aria-disabled=true]:-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-disabled::-ms-input-placeholder,.fd-input:disabled::-ms-input-placeholder,.fd-input[aria-disabled=true]::-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-disabled::placeholder,.fd-input:disabled::placeholder,.fd-input[aria-disabled=true]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly,.fd-input[aria-readonly=true],.fd-input[readonly]{--fdInput_Outline_Offset:-.25rem;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);-webkit-box-shadow:none;box-shadow:none}.fd-input.is-readonly::-webkit-input-placeholder,.fd-input[aria-readonly=true]::-webkit-input-placeholder,.fd-input[readonly]::-webkit-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly::-moz-placeholder,.fd-input[aria-readonly=true]::-moz-placeholder,.fd-input[readonly]::-moz-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly:-ms-input-placeholder,.fd-input[aria-readonly=true]:-ms-input-placeholder,.fd-input[readonly]:-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly::-ms-input-placeholder,.fd-input[aria-readonly=true]::-ms-input-placeholder,.fd-input[readonly]::-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly::placeholder,.fd-input[aria-readonly=true]::placeholder,.fd-input[readonly]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly.is-focus,.fd-input.is-readonly.is-hover,.fd-input.is-readonly:focus,.fd-input.is-readonly:hover,.fd-input[aria-readonly=true].is-focus,.fd-input[aria-readonly=true].is-hover,.fd-input[aria-readonly=true]:focus,.fd-input[aria-readonly=true]:hover,.fd-input[readonly].is-focus,.fd-input[readonly].is-hover,.fd-input[readonly]:focus,.fd-input[readonly]:hover{--fdInput_Outline_Offset:-.25rem;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);-webkit-box-shadow:none;box-shadow:none}.fd-input.is-readonly.is-focus,.fd-input.is-readonly:focus,.fd-input[aria-readonly=true].is-focus,.fd-input[aria-readonly=true]:focus,.fd-input[readonly].is-focus,.fd-input[readonly]:focus{z-index:5}.fd-textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--sapField_BackgroundStyle,var(--sapField_BackgroundStyle));background-color:var(--sapField_Background,var(--sapField_Background));border:0;border:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);border-radius:var(--sapField_BorderCornerRadius);-webkit-box-shadow:var(--sapField_Shadow);box-shadow:var(--sapField_Shadow);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapField_TextColor);cursor:text;display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdInput_Height,var(--sapElement_Height));height:auto;line-height:normal;line-height:var(--fdTextarea_Line_Height);margin-block:0;margin-block:var(--fdInput_Field_Margin_Block,.25rem);margin-block:.25rem;margin-inline:0;min-height:var(--fdInput_Height,var(--sapElement_Height));min-height:2.25rem;min-width:2.75rem;min-width:6rem;outline:none;overflow:hidden;overflow:auto;padding-block:0;padding-block:.5rem;padding-inline:0;padding-inline:var(--fdInput_Field_Padding_Inline,.625rem);padding-inline:.75rem;padding-inline:.625rem;position:relative;resize:none;scrollbar-color:var(--fdScrollbar_Thumb_Color) var(--fdScrollbar_Track_Color);text-overflow:ellipsis;text-shadow:var(--fdInput_Text_Shadow);white-space:nowrap;white-space:pre-wrap;width:100%;z-index:1}.fd-textarea.is-focus,.fd-textarea:focus{outline:none}.fd-textarea::-webkit-scrollbar{height:var(--fdScrollbar_Dimension);width:var(--fdScrollbar_Dimension)}.fd-textarea::-webkit-scrollbar-corner,.fd-textarea::-webkit-scrollbar-track{background-color:var(--fdScrollbar_Track_Color)}.fd-textarea::-webkit-scrollbar-thumb{background-color:transparent;border:var(--fdScrollbar_Thumb_Offset) solid transparent;border-radius:calc(var(--fdScrollbar_Thumb_Border_Radius) - var(--fdScrollbar_Thumb_Offset));-webkit-box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color);box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color)}.fd-textarea::-webkit-scrollbar-thumb:active,.fd-textarea::-webkit-scrollbar-thumb:hover{-webkit-box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Hover_Color);box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Hover_Color)}.fd-textarea:after,.fd-textarea:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-textarea::-webkit-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-textarea::-moz-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-textarea:-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-textarea::-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-textarea::placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-textarea[dir=rtl]::-webkit-input-placeholder,[dir=rtl] .fd-textarea::-webkit-input-placeholder{text-indent:.125rem}.fd-textarea[dir=rtl]::-moz-placeholder,[dir=rtl] .fd-textarea::-moz-placeholder{text-indent:.125rem}.fd-textarea[dir=rtl]:-ms-input-placeholder,[dir=rtl] .fd-textarea:-ms-input-placeholder{text-indent:.125rem}.fd-textarea[dir=rtl]::-ms-input-placeholder,[dir=rtl] .fd-textarea::-ms-input-placeholder{text-indent:.125rem}.fd-textarea[dir=rtl]::placeholder,[dir=rtl] .fd-textarea::placeholder{text-indent:.125rem}.fd-textarea::-moz-selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-textarea::selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-textarea::-ms-clear{display:none}.fd-textarea.is-hover,.fd-textarea:hover{background:var(--sapField_Hover_BackgroundStyle,var(--sapField_Hover_BackgroundStyle));background-color:var(--sapField_Hover_Background,var(--sapField_Hover_Background));border-color:var(--sapField_Hover_BorderColor);-webkit-box-shadow:var(--fdInput_Box_Shadow_Hover);box-shadow:var(--fdInput_Box_Shadow_Hover)}.fd-textarea.is-focus,.fd-textarea:focus{background:var(--sapField_Focus_Background,var(--sapField_Focus_Background));-webkit-box-shadow:none;box-shadow:none;outline:var(--fdInput_Outline_Color) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:var(--fdInput_Outline_Offset);z-index:5}.fd-textarea.is-success{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle);-webkit-box-shadow:var(--sapField_SuccessShadow);box-shadow:var(--sapField_SuccessShadow)}.fd-textarea.is-success.is-hover,.fd-textarea.is-success:hover{background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-textarea.is-success.is-focus,.fd-textarea.is-success:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color);z-index:5}.fd-textarea.is-success.is-focus.is-hover,.fd-textarea.is-success.is-focus:hover,.fd-textarea.is-success:focus.is-hover,.fd-textarea.is-success:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-textarea.is-success.is-expanded,.fd-textarea.is-success[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Success_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-textarea.is-error{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle);-webkit-box-shadow:var(--sapField_InvalidShadow);box-shadow:var(--sapField_InvalidShadow)}.fd-textarea.is-error.is-hover,.fd-textarea.is-error:hover{background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-textarea.is-error.is-focus,.fd-textarea.is-error:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color);z-index:5}.fd-textarea.is-error.is-focus.is-hover,.fd-textarea.is-error.is-focus:hover,.fd-textarea.is-error:focus.is-hover,.fd-textarea.is-error:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-textarea.is-error.is-expanded,.fd-textarea.is-error[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Error_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-textarea.is-warning{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle);-webkit-box-shadow:var(--sapField_WarningShadow);box-shadow:var(--sapField_WarningShadow)}.fd-textarea.is-warning.is-hover,.fd-textarea.is-warning:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-textarea.is-warning.is-focus,.fd-textarea.is-warning:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-textarea.is-warning.is-focus.is-hover,.fd-textarea.is-warning.is-focus:hover,.fd-textarea.is-warning:focus.is-hover,.fd-textarea.is-warning:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-textarea.is-warning.is-expanded,.fd-textarea.is-warning[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-textarea.is-alert{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-textarea.is-alert.is-hover,.fd-textarea.is-alert:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-textarea.is-alert.is-focus,.fd-textarea.is-alert:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-textarea.is-alert.is-focus.is-hover,.fd-textarea.is-alert.is-focus:hover,.fd-textarea.is-alert:focus.is-hover,.fd-textarea.is-alert:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-textarea.is-alert.is-expanded,.fd-textarea.is-alert[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-textarea.is-information{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle);-webkit-box-shadow:var(--sapField_InformationShadow);box-shadow:var(--sapField_InformationShadow)}.fd-textarea.is-information.is-hover,.fd-textarea.is-information:hover{background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-textarea.is-information.is-focus,.fd-textarea.is-information:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color);z-index:5}.fd-textarea.is-information.is-focus.is-hover,.fd-textarea.is-information.is-focus:hover,.fd-textarea.is-information:focus.is-hover,.fd-textarea.is-information:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-textarea.is-information.is-expanded,.fd-textarea.is-information[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Information_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-textarea.is-alert,.fd-textarea.is-error,.fd-textarea.is-warning{font-style:var(--fdInput_State_Text_Style);font-weight:var(--fdInput_State_Font_Weight)}.fd-textarea.is-alert::-webkit-input-placeholder,.fd-textarea.is-error::-webkit-input-placeholder,.fd-textarea.is-warning::-webkit-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-textarea.is-alert::-moz-placeholder,.fd-textarea.is-error::-moz-placeholder,.fd-textarea.is-warning::-moz-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-textarea.is-alert:-ms-input-placeholder,.fd-textarea.is-error:-ms-input-placeholder,.fd-textarea.is-warning:-ms-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-textarea.is-alert::-ms-input-placeholder,.fd-textarea.is-error::-ms-input-placeholder,.fd-textarea.is-warning::-ms-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-textarea.is-alert::placeholder,.fd-textarea.is-error::placeholder,.fd-textarea.is-warning::placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-textarea.is-alert.is-focus,.fd-textarea.is-alert:focus,.fd-textarea.is-error.is-focus,.fd-textarea.is-error:focus,.fd-textarea.is-information.is-focus,.fd-textarea.is-information:focus,.fd-textarea.is-warning.is-focus,.fd-textarea.is-warning:focus{outline-offset:var(--fdInput_Outline_Offset_States);z-index:5}.fd-textarea.is-error::-webkit-input-placeholder{color:var(--sapField_TextColor)}.fd-textarea.is-error::-moz-placeholder{color:var(--sapField_TextColor)}.fd-textarea.is-error:-ms-input-placeholder{color:var(--sapField_TextColor)}.fd-textarea.is-error::-ms-input-placeholder{color:var(--sapField_TextColor)}.fd-textarea.is-error::placeholder{color:var(--sapField_TextColor)}.fd-textarea.is-disabled,.fd-textarea:disabled,.fd-textarea[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-textarea.is-disabled::-webkit-input-placeholder,.fd-textarea:disabled::-webkit-input-placeholder,.fd-textarea[aria-disabled=true]::-webkit-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-textarea.is-disabled::-moz-placeholder,.fd-textarea:disabled::-moz-placeholder,.fd-textarea[aria-disabled=true]::-moz-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-textarea.is-disabled:-ms-input-placeholder,.fd-textarea:disabled:-ms-input-placeholder,.fd-textarea[aria-disabled=true]:-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-textarea.is-disabled::-ms-input-placeholder,.fd-textarea:disabled::-ms-input-placeholder,.fd-textarea[aria-disabled=true]::-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-textarea.is-disabled::placeholder,.fd-textarea:disabled::placeholder,.fd-textarea[aria-disabled=true]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-textarea.is-readonly,.fd-textarea[aria-readonly=true],.fd-textarea[readonly]{--fdInput_Outline_Offset:-.25rem;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);-webkit-box-shadow:none;box-shadow:none}.fd-textarea.is-readonly::-webkit-input-placeholder,.fd-textarea[aria-readonly=true]::-webkit-input-placeholder,.fd-textarea[readonly]::-webkit-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-textarea.is-readonly::-moz-placeholder,.fd-textarea[aria-readonly=true]::-moz-placeholder,.fd-textarea[readonly]::-moz-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-textarea.is-readonly:-ms-input-placeholder,.fd-textarea[aria-readonly=true]:-ms-input-placeholder,.fd-textarea[readonly]:-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-textarea.is-readonly::-ms-input-placeholder,.fd-textarea[aria-readonly=true]::-ms-input-placeholder,.fd-textarea[readonly]::-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-textarea.is-readonly::placeholder,.fd-textarea[aria-readonly=true]::placeholder,.fd-textarea[readonly]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-textarea.is-readonly.is-focus,.fd-textarea.is-readonly.is-hover,.fd-textarea.is-readonly:focus,.fd-textarea.is-readonly:hover,.fd-textarea[aria-readonly=true].is-focus,.fd-textarea[aria-readonly=true].is-hover,.fd-textarea[aria-readonly=true]:focus,.fd-textarea[aria-readonly=true]:hover,.fd-textarea[readonly].is-focus,.fd-textarea[readonly].is-hover,.fd-textarea[readonly]:focus,.fd-textarea[readonly]:hover{--fdInput_Outline_Offset:-.25rem;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);-webkit-box-shadow:none;box-shadow:none}.fd-textarea.is-readonly.is-focus,.fd-textarea.is-readonly:focus,.fd-textarea[aria-readonly=true].is-focus,.fd-textarea[aria-readonly=true]:focus,.fd-textarea[readonly].is-focus,.fd-textarea[readonly]:focus{z-index:5}.fd-textarea.is-readonly,.fd-textarea[readonly]{background:var(--sapField_ReadOnly_Background);border:var(--sapField_BorderWidth) dashed var(--sapField_ReadOnly_BorderColor);border-radius:var(--sapField_BorderCornerRadius)}.fd-textarea.is-readonly.is-hover,.fd-textarea.is-readonly:hover,.fd-textarea[readonly].is-hover,.fd-textarea[readonly]:hover{background:var(--sapField_ReadOnly_Background)}.fd-textarea.is-readonly.is-focus,.fd-textarea.is-readonly:focus,.fd-textarea[readonly].is-focus,.fd-textarea[readonly]:focus{background:var(--sapField_ReadOnly_Background);outline-offset:-.25rem;z-index:5}.fd-textarea::-webkit-scrollbar-corner,.fd-textarea::-webkit-scrollbar-track{background:transparent;border-radius:0 var(--sapField_BorderCornerRadius) var(--sapField_BorderCornerRadius) 0!important}.fd-textarea__sr-only{position:absolute;clip:rect(0 0 0 0);border:0;height:1px;margin-block:-1px;margin-inline:-1px;overflow:hidden;padding-block:0;padding-inline:0;white-space:nowrap;width:1px}.fd-textarea[aria-expanded=false]{z-index:0}.fd-textarea.is-expanded,.fd-textarea[aria-expanded=true]{z-index:4}.fd-textarea[class*=-compact],.fd-textarea[class*=-condensed],[class*=-compact] .fd-textarea:not([class*=-cozy]),[class*=-condensed] .fd-textarea:not([class*=-cozy]){margin-block:.1875rem;margin-inline:0;min-height:1.625rem;padding-block:.1875rem;padding-inline:.5rem}.fd-textarea-counter{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-block:.375rem .5rem;padding-inline:0;padding-inline:.125rem;text-align:end;text-overflow:ellipsis;white-space:nowrap}.fd-textarea-counter:after,.fd-textarea-counter:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-textarea-counter.is-disabled,.fd-textarea-counter.is-readonly,.fd-textarea-counter:disabled,.fd-textarea-counter[aria-disabled=true],.fd-textarea-counter[readonly]{display:none}.fd-textarea-counter-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-block:.375rem .5rem}.fd-textarea-counter-container:after,.fd-textarea-counter-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-textarea-counter-container .fd-textarea-counter{padding-block:0;-webkit-margin-start:auto;margin-inline-start:auto}.fd-textarea--ai{position:relative}.fd-textarea--ai:has(.fd-ai-busy-indicator){padding-block:0;padding-inline:0}.fd-textarea--ai .fd-toolbar--ai{bottom:0;left:0;position:absolute;right:0}.fd-input.is-readonly,.fd-input[aria-readonly=true],.fd-input[readonly],.fd-input.is-readonly.is-hover,.fd-input.is-readonly:hover,.fd-input[aria-readonly=true].is-hover,.fd-input[aria-readonly=true]:hover,.fd-input[readonly].is-hover,.fd-input[readonly]:hover{z-index:1!important}.fd-input.is-readonly.is-focus,.fd-input.is-readonly:focus,.fd-input[aria-readonly=true].is-focus,.fd-input[aria-readonly=true]:focus,.fd-input[readonly].is-focus,.fd-input[readonly]:focus{z-index:1!important}\n/*! Bundled license information:\n\nfundamental-styles/dist/textarea.css:\n (*!\n * Fundamental Library Styles v0.41.8\n * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
121
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: FormControlComponent, isStandalone: true, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: { state: "state", type: "type", class: "class", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy" }, host: { properties: { "attr.aria-label": "ariaLabelAttr || ariaLabel || null", "attr.aria-labelledby": "ariaLabelledByAttr || ariaLabelledBy || null", "attr.aria-invalid": "state === \"error\" ? true : null", "attr.type": "this.type" } }, providers: [registerFormItemControl(FormControlComponent), contentDensityObserverProviders()], usesOnChanges: true, ngImport: i0, template: ` <ng-content></ng-content>`, isInline: true, styles: [".fd-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--sapField_BackgroundStyle,var(--sapField_BackgroundStyle));background-color:var(--sapField_Background,var(--sapField_Background));border:0;border:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);border-radius:var(--sapField_BorderCornerRadius);-webkit-box-shadow:var(--sapField_Shadow);box-shadow:var(--sapField_Shadow);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapField_TextColor);cursor:text;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdInput_Height,var(--sapElement_Height));line-height:normal;margin-block:0;margin-block:var(--fdInput_Field_Margin_Block,.25rem);margin-inline:0;min-height:var(--fdInput_Height,var(--sapElement_Height));min-width:2.75rem;outline:none;overflow:hidden;padding-block:0;padding-inline:0;padding-inline:var(--fdInput_Field_Padding_Inline,.625rem);text-overflow:ellipsis;text-shadow:var(--fdInput_Text_Shadow);white-space:nowrap;width:100%;z-index:1}.fd-input:after,.fd-input:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-input::-webkit-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input::-moz-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input:-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input::-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input::placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input[dir=rtl]::-webkit-input-placeholder,[dir=rtl] .fd-input::-webkit-input-placeholder{text-indent:.125rem}.fd-input[dir=rtl]::-moz-placeholder,[dir=rtl] .fd-input::-moz-placeholder{text-indent:.125rem}.fd-input[dir=rtl]:-ms-input-placeholder,[dir=rtl] .fd-input:-ms-input-placeholder{text-indent:.125rem}.fd-input[dir=rtl]::-ms-input-placeholder,[dir=rtl] .fd-input::-ms-input-placeholder{text-indent:.125rem}.fd-input[dir=rtl]::placeholder,[dir=rtl] .fd-input::placeholder{text-indent:.125rem}.fd-input::-moz-selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-input::selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-input::-ms-clear{display:none}.fd-input.is-hover,.fd-input:hover{background:var(--sapField_Hover_BackgroundStyle,var(--sapField_Hover_BackgroundStyle));background-color:var(--sapField_Hover_Background,var(--sapField_Hover_Background));border-color:var(--sapField_Hover_BorderColor);-webkit-box-shadow:var(--fdInput_Box_Shadow_Hover);box-shadow:var(--fdInput_Box_Shadow_Hover)}.fd-input.is-focus,.fd-input:focus{background:var(--sapField_Focus_Background,var(--sapField_Focus_Background));-webkit-box-shadow:none;box-shadow:none;outline:var(--fdInput_Outline_Color) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:var(--fdInput_Outline_Offset);z-index:5}.fd-input[type=search]::-webkit-search-cancel-button,.fd-input[type=search]::-webkit-search-decoration,.fd-input[type=search]::-webkit-search-results-button,.fd-input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.fd-input[aria-expanded=false]{z-index:0}.fd-input.is-expanded,.fd-input[aria-expanded=true]{z-index:4}.fd-input[class*=-compact],.fd-input[class*=-condensed],[class*=-compact] .fd-input:not([class*=-cozy]),[class*=-condensed] .fd-input:not([class*=-cozy]){-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--fdInput_Compact_Height,var(--sapElement_Compact_Height));margin-block:var(--fdInput_Field_Compact_Margin_Block,.1875rem);margin-inline:0;min-height:var(--fdInput_Compact_Height,var(--sapElement_Compact_Height));min-width:var(--fdInput_Field_Compact_Min_Width,2rem);padding-block:0;padding-inline:var(--fdInput_Field_Compact_Padding,.5rem)}.fd-input--no-number-spinner{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.fd-input--no-number-spinner::-webkit-inner-spin-button,.fd-input--no-number-spinner::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin-block:0;margin-inline:0}.fd-input.right-align{text-align:right}.fd-input__sr-only{position:absolute;clip:rect(0 0 0 0);border:0;height:1px;margin-block:-1px;margin-inline:-1px;overflow:hidden;padding-block:0;padding-inline:0;white-space:nowrap;width:1px}.fd-input.is-success{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle);-webkit-box-shadow:var(--sapField_SuccessShadow);box-shadow:var(--sapField_SuccessShadow)}.fd-input.is-success.is-hover,.fd-input.is-success:hover{background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-input.is-success.is-focus,.fd-input.is-success:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color);z-index:5}.fd-input.is-success.is-focus.is-hover,.fd-input.is-success.is-focus:hover,.fd-input.is-success:focus.is-hover,.fd-input.is-success:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-success.is-expanded,.fd-input.is-success[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Success_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-error{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle);-webkit-box-shadow:var(--sapField_InvalidShadow);box-shadow:var(--sapField_InvalidShadow)}.fd-input.is-error.is-hover,.fd-input.is-error:hover{background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-input.is-error.is-focus,.fd-input.is-error:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color);z-index:5}.fd-input.is-error.is-focus.is-hover,.fd-input.is-error.is-focus:hover,.fd-input.is-error:focus.is-hover,.fd-input.is-error:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-error.is-expanded,.fd-input.is-error[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Error_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-warning{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle);-webkit-box-shadow:var(--sapField_WarningShadow);box-shadow:var(--sapField_WarningShadow)}.fd-input.is-warning.is-hover,.fd-input.is-warning:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-input.is-warning.is-focus,.fd-input.is-warning:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-input.is-warning.is-focus.is-hover,.fd-input.is-warning.is-focus:hover,.fd-input.is-warning:focus.is-hover,.fd-input.is-warning:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-warning.is-expanded,.fd-input.is-warning[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-alert{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-input.is-alert.is-hover,.fd-input.is-alert:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-input.is-alert.is-focus,.fd-input.is-alert:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-input.is-alert.is-focus.is-hover,.fd-input.is-alert.is-focus:hover,.fd-input.is-alert:focus.is-hover,.fd-input.is-alert:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-alert.is-expanded,.fd-input.is-alert[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-information{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle);-webkit-box-shadow:var(--sapField_InformationShadow);box-shadow:var(--sapField_InformationShadow)}.fd-input.is-information.is-hover,.fd-input.is-information:hover{background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-input.is-information.is-focus,.fd-input.is-information:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color);z-index:5}.fd-input.is-information.is-focus.is-hover,.fd-input.is-information.is-focus:hover,.fd-input.is-information:focus.is-hover,.fd-input.is-information:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-information.is-expanded,.fd-input.is-information[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Information_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-alert,.fd-input.is-error,.fd-input.is-warning{font-style:var(--fdInput_State_Text_Style);font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert::-webkit-input-placeholder,.fd-input.is-error::-webkit-input-placeholder,.fd-input.is-warning::-webkit-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert::-moz-placeholder,.fd-input.is-error::-moz-placeholder,.fd-input.is-warning::-moz-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert:-ms-input-placeholder,.fd-input.is-error:-ms-input-placeholder,.fd-input.is-warning:-ms-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert::-ms-input-placeholder,.fd-input.is-error::-ms-input-placeholder,.fd-input.is-warning::-ms-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert::placeholder,.fd-input.is-error::placeholder,.fd-input.is-warning::placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert.is-focus,.fd-input.is-alert:focus,.fd-input.is-error.is-focus,.fd-input.is-error:focus,.fd-input.is-information.is-focus,.fd-input.is-information:focus,.fd-input.is-warning.is-focus,.fd-input.is-warning:focus{outline-offset:var(--fdInput_Outline_Offset_States);z-index:5}.fd-input.is-error::-webkit-input-placeholder{color:var(--sapField_TextColor)}.fd-input.is-error::-moz-placeholder{color:var(--sapField_TextColor)}.fd-input.is-error:-ms-input-placeholder{color:var(--sapField_TextColor)}.fd-input.is-error::-ms-input-placeholder{color:var(--sapField_TextColor)}.fd-input.is-error::placeholder{color:var(--sapField_TextColor)}.fd-input.is-disabled,.fd-input:disabled,.fd-input[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-input.is-disabled::-webkit-input-placeholder,.fd-input:disabled::-webkit-input-placeholder,.fd-input[aria-disabled=true]::-webkit-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-disabled::-moz-placeholder,.fd-input:disabled::-moz-placeholder,.fd-input[aria-disabled=true]::-moz-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-disabled:-ms-input-placeholder,.fd-input:disabled:-ms-input-placeholder,.fd-input[aria-disabled=true]:-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-disabled::-ms-input-placeholder,.fd-input:disabled::-ms-input-placeholder,.fd-input[aria-disabled=true]::-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-disabled::placeholder,.fd-input:disabled::placeholder,.fd-input[aria-disabled=true]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly,.fd-input[aria-readonly=true],.fd-input[readonly]{--fdInput_Outline_Offset:-.25rem;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);-webkit-box-shadow:none;box-shadow:none}.fd-input.is-readonly::-webkit-input-placeholder,.fd-input[aria-readonly=true]::-webkit-input-placeholder,.fd-input[readonly]::-webkit-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly::-moz-placeholder,.fd-input[aria-readonly=true]::-moz-placeholder,.fd-input[readonly]::-moz-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly:-ms-input-placeholder,.fd-input[aria-readonly=true]:-ms-input-placeholder,.fd-input[readonly]:-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly::-ms-input-placeholder,.fd-input[aria-readonly=true]::-ms-input-placeholder,.fd-input[readonly]::-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly::placeholder,.fd-input[aria-readonly=true]::placeholder,.fd-input[readonly]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly.is-focus,.fd-input.is-readonly.is-hover,.fd-input.is-readonly:focus,.fd-input.is-readonly:hover,.fd-input[aria-readonly=true].is-focus,.fd-input[aria-readonly=true].is-hover,.fd-input[aria-readonly=true]:focus,.fd-input[aria-readonly=true]:hover,.fd-input[readonly].is-focus,.fd-input[readonly].is-hover,.fd-input[readonly]:focus,.fd-input[readonly]:hover{--fdInput_Outline_Offset:-.25rem;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);-webkit-box-shadow:none;box-shadow:none}.fd-input.is-readonly.is-focus,.fd-input.is-readonly:focus,.fd-input[aria-readonly=true].is-focus,.fd-input[aria-readonly=true]:focus,.fd-input[readonly].is-focus,.fd-input[readonly]:focus{z-index:5}.fd-textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--sapField_BackgroundStyle,var(--sapField_BackgroundStyle));background-color:var(--sapField_Background,var(--sapField_Background));border:0;border:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);border-radius:var(--sapField_BorderCornerRadius);-webkit-box-shadow:var(--sapField_Shadow);box-shadow:var(--sapField_Shadow);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapField_TextColor);cursor:text;display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdInput_Height,var(--sapElement_Height));height:auto;line-height:normal;line-height:var(--fdTextarea_Line_Height);margin-block:0;margin-block:var(--fdInput_Field_Margin_Block,.25rem);margin-block:.25rem;margin-inline:0;min-height:var(--fdInput_Height,var(--sapElement_Height));min-height:2.25rem;min-width:2.75rem;min-width:6rem;outline:none;overflow:hidden;overflow:auto;padding-block:0;padding-block:.5rem;padding-inline:0;padding-inline:var(--fdInput_Field_Padding_Inline,.625rem);padding-inline:.75rem;padding-inline:.625rem;position:relative;resize:none;scrollbar-color:var(--fdScrollbar_Thumb_Color) var(--fdScrollbar_Track_Color);text-overflow:ellipsis;text-shadow:var(--fdInput_Text_Shadow);white-space:nowrap;white-space:pre-wrap;width:100%;z-index:1}.fd-textarea.is-focus,.fd-textarea:focus{outline:none}.fd-textarea::-webkit-scrollbar{height:var(--fdScrollbar_Dimension);width:var(--fdScrollbar_Dimension)}.fd-textarea::-webkit-scrollbar-corner,.fd-textarea::-webkit-scrollbar-track{background-color:var(--fdScrollbar_Track_Color)}.fd-textarea::-webkit-scrollbar-thumb{background-color:transparent;border:var(--fdScrollbar_Thumb_Offset) solid transparent;border-radius:calc(var(--fdScrollbar_Thumb_Border_Radius) - var(--fdScrollbar_Thumb_Offset));-webkit-box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color);box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color)}.fd-textarea::-webkit-scrollbar-thumb:active,.fd-textarea::-webkit-scrollbar-thumb:hover{-webkit-box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Hover_Color);box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Hover_Color)}.fd-textarea:after,.fd-textarea:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-textarea::-webkit-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-textarea::-moz-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-textarea:-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-textarea::-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-textarea::placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-textarea[dir=rtl]::-webkit-input-placeholder,[dir=rtl] .fd-textarea::-webkit-input-placeholder{text-indent:.125rem}.fd-textarea[dir=rtl]::-moz-placeholder,[dir=rtl] .fd-textarea::-moz-placeholder{text-indent:.125rem}.fd-textarea[dir=rtl]:-ms-input-placeholder,[dir=rtl] .fd-textarea:-ms-input-placeholder{text-indent:.125rem}.fd-textarea[dir=rtl]::-ms-input-placeholder,[dir=rtl] .fd-textarea::-ms-input-placeholder{text-indent:.125rem}.fd-textarea[dir=rtl]::placeholder,[dir=rtl] .fd-textarea::placeholder{text-indent:.125rem}.fd-textarea::-moz-selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-textarea::selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-textarea::-ms-clear{display:none}.fd-textarea.is-hover,.fd-textarea:hover{background:var(--sapField_Hover_BackgroundStyle,var(--sapField_Hover_BackgroundStyle));background-color:var(--sapField_Hover_Background,var(--sapField_Hover_Background));border-color:var(--sapField_Hover_BorderColor);-webkit-box-shadow:var(--fdInput_Box_Shadow_Hover);box-shadow:var(--fdInput_Box_Shadow_Hover)}.fd-textarea.is-focus,.fd-textarea:focus{background:var(--sapField_Focus_Background,var(--sapField_Focus_Background));-webkit-box-shadow:none;box-shadow:none;outline:var(--fdInput_Outline_Color) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:var(--fdInput_Outline_Offset);z-index:5}.fd-textarea.is-success{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle);-webkit-box-shadow:var(--sapField_SuccessShadow);box-shadow:var(--sapField_SuccessShadow)}.fd-textarea.is-success.is-hover,.fd-textarea.is-success:hover{background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-textarea.is-success.is-focus,.fd-textarea.is-success:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color);z-index:5}.fd-textarea.is-success.is-focus.is-hover,.fd-textarea.is-success.is-focus:hover,.fd-textarea.is-success:focus.is-hover,.fd-textarea.is-success:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-textarea.is-success.is-expanded,.fd-textarea.is-success[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Success_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-textarea.is-error{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle);-webkit-box-shadow:var(--sapField_InvalidShadow);box-shadow:var(--sapField_InvalidShadow)}.fd-textarea.is-error.is-hover,.fd-textarea.is-error:hover{background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-textarea.is-error.is-focus,.fd-textarea.is-error:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color);z-index:5}.fd-textarea.is-error.is-focus.is-hover,.fd-textarea.is-error.is-focus:hover,.fd-textarea.is-error:focus.is-hover,.fd-textarea.is-error:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-textarea.is-error.is-expanded,.fd-textarea.is-error[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Error_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-textarea.is-warning{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle);-webkit-box-shadow:var(--sapField_WarningShadow);box-shadow:var(--sapField_WarningShadow)}.fd-textarea.is-warning.is-hover,.fd-textarea.is-warning:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-textarea.is-warning.is-focus,.fd-textarea.is-warning:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-textarea.is-warning.is-focus.is-hover,.fd-textarea.is-warning.is-focus:hover,.fd-textarea.is-warning:focus.is-hover,.fd-textarea.is-warning:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-textarea.is-warning.is-expanded,.fd-textarea.is-warning[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-textarea.is-alert{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-textarea.is-alert.is-hover,.fd-textarea.is-alert:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-textarea.is-alert.is-focus,.fd-textarea.is-alert:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-textarea.is-alert.is-focus.is-hover,.fd-textarea.is-alert.is-focus:hover,.fd-textarea.is-alert:focus.is-hover,.fd-textarea.is-alert:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-textarea.is-alert.is-expanded,.fd-textarea.is-alert[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-textarea.is-information{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle);-webkit-box-shadow:var(--sapField_InformationShadow);box-shadow:var(--sapField_InformationShadow)}.fd-textarea.is-information.is-hover,.fd-textarea.is-information:hover{background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-textarea.is-information.is-focus,.fd-textarea.is-information:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color);z-index:5}.fd-textarea.is-information.is-focus.is-hover,.fd-textarea.is-information.is-focus:hover,.fd-textarea.is-information:focus.is-hover,.fd-textarea.is-information:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-textarea.is-information.is-expanded,.fd-textarea.is-information[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Information_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-textarea.is-alert,.fd-textarea.is-error,.fd-textarea.is-warning{font-style:var(--fdInput_State_Text_Style);font-weight:var(--fdInput_State_Font_Weight)}.fd-textarea.is-alert::-webkit-input-placeholder,.fd-textarea.is-error::-webkit-input-placeholder,.fd-textarea.is-warning::-webkit-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-textarea.is-alert::-moz-placeholder,.fd-textarea.is-error::-moz-placeholder,.fd-textarea.is-warning::-moz-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-textarea.is-alert:-ms-input-placeholder,.fd-textarea.is-error:-ms-input-placeholder,.fd-textarea.is-warning:-ms-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-textarea.is-alert::-ms-input-placeholder,.fd-textarea.is-error::-ms-input-placeholder,.fd-textarea.is-warning::-ms-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-textarea.is-alert::placeholder,.fd-textarea.is-error::placeholder,.fd-textarea.is-warning::placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-textarea.is-alert.is-focus,.fd-textarea.is-alert:focus,.fd-textarea.is-error.is-focus,.fd-textarea.is-error:focus,.fd-textarea.is-information.is-focus,.fd-textarea.is-information:focus,.fd-textarea.is-warning.is-focus,.fd-textarea.is-warning:focus{outline-offset:var(--fdInput_Outline_Offset_States);z-index:5}.fd-textarea.is-error::-webkit-input-placeholder{color:var(--sapField_TextColor)}.fd-textarea.is-error::-moz-placeholder{color:var(--sapField_TextColor)}.fd-textarea.is-error:-ms-input-placeholder{color:var(--sapField_TextColor)}.fd-textarea.is-error::-ms-input-placeholder{color:var(--sapField_TextColor)}.fd-textarea.is-error::placeholder{color:var(--sapField_TextColor)}.fd-textarea.is-disabled,.fd-textarea:disabled,.fd-textarea[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-textarea.is-disabled::-webkit-input-placeholder,.fd-textarea:disabled::-webkit-input-placeholder,.fd-textarea[aria-disabled=true]::-webkit-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-textarea.is-disabled::-moz-placeholder,.fd-textarea:disabled::-moz-placeholder,.fd-textarea[aria-disabled=true]::-moz-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-textarea.is-disabled:-ms-input-placeholder,.fd-textarea:disabled:-ms-input-placeholder,.fd-textarea[aria-disabled=true]:-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-textarea.is-disabled::-ms-input-placeholder,.fd-textarea:disabled::-ms-input-placeholder,.fd-textarea[aria-disabled=true]::-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-textarea.is-disabled::placeholder,.fd-textarea:disabled::placeholder,.fd-textarea[aria-disabled=true]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-textarea.is-readonly,.fd-textarea[aria-readonly=true],.fd-textarea[readonly]{--fdInput_Outline_Offset:-.25rem;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);-webkit-box-shadow:none;box-shadow:none}.fd-textarea.is-readonly::-webkit-input-placeholder,.fd-textarea[aria-readonly=true]::-webkit-input-placeholder,.fd-textarea[readonly]::-webkit-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-textarea.is-readonly::-moz-placeholder,.fd-textarea[aria-readonly=true]::-moz-placeholder,.fd-textarea[readonly]::-moz-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-textarea.is-readonly:-ms-input-placeholder,.fd-textarea[aria-readonly=true]:-ms-input-placeholder,.fd-textarea[readonly]:-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-textarea.is-readonly::-ms-input-placeholder,.fd-textarea[aria-readonly=true]::-ms-input-placeholder,.fd-textarea[readonly]::-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-textarea.is-readonly::placeholder,.fd-textarea[aria-readonly=true]::placeholder,.fd-textarea[readonly]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-textarea.is-readonly.is-focus,.fd-textarea.is-readonly.is-hover,.fd-textarea.is-readonly:focus,.fd-textarea.is-readonly:hover,.fd-textarea[aria-readonly=true].is-focus,.fd-textarea[aria-readonly=true].is-hover,.fd-textarea[aria-readonly=true]:focus,.fd-textarea[aria-readonly=true]:hover,.fd-textarea[readonly].is-focus,.fd-textarea[readonly].is-hover,.fd-textarea[readonly]:focus,.fd-textarea[readonly]:hover{--fdInput_Outline_Offset:-.25rem;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);-webkit-box-shadow:none;box-shadow:none}.fd-textarea.is-readonly.is-focus,.fd-textarea.is-readonly:focus,.fd-textarea[aria-readonly=true].is-focus,.fd-textarea[aria-readonly=true]:focus,.fd-textarea[readonly].is-focus,.fd-textarea[readonly]:focus{z-index:5}.fd-textarea.is-readonly,.fd-textarea[readonly]{background:var(--sapField_ReadOnly_Background);border:var(--sapField_BorderWidth) dashed var(--sapField_ReadOnly_BorderColor);border-radius:var(--sapField_BorderCornerRadius)}.fd-textarea.is-readonly.is-hover,.fd-textarea.is-readonly:hover,.fd-textarea[readonly].is-hover,.fd-textarea[readonly]:hover{background:var(--sapField_ReadOnly_Background)}.fd-textarea.is-readonly.is-focus,.fd-textarea.is-readonly:focus,.fd-textarea[readonly].is-focus,.fd-textarea[readonly]:focus{background:var(--sapField_ReadOnly_Background);outline-offset:-.25rem;z-index:5}.fd-textarea::-webkit-scrollbar-corner,.fd-textarea::-webkit-scrollbar-track{background:transparent;border-radius:0 var(--sapField_BorderCornerRadius) var(--sapField_BorderCornerRadius) 0!important}.fd-textarea__sr-only{position:absolute;clip:rect(0 0 0 0);border:0;height:1px;margin-block:-1px;margin-inline:-1px;overflow:hidden;padding-block:0;padding-inline:0;white-space:nowrap;width:1px}.fd-textarea[aria-expanded=false]{z-index:0}.fd-textarea.is-expanded,.fd-textarea[aria-expanded=true]{z-index:4}.fd-textarea[class*=-compact],.fd-textarea[class*=-condensed],[class*=-compact] .fd-textarea:not([class*=-cozy]),[class*=-condensed] .fd-textarea:not([class*=-cozy]){margin-block:.1875rem;margin-inline:0;min-height:1.625rem;padding-block:.1875rem;padding-inline:.5rem}.fd-textarea-counter{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-block:.375rem .5rem;padding-inline:0;padding-inline:.125rem;text-align:end;text-overflow:ellipsis;white-space:nowrap}.fd-textarea-counter:after,.fd-textarea-counter:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-textarea-counter.is-disabled,.fd-textarea-counter.is-readonly,.fd-textarea-counter:disabled,.fd-textarea-counter[aria-disabled=true],.fd-textarea-counter[readonly]{display:none}.fd-textarea-counter-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-block:.375rem .5rem}.fd-textarea-counter-container:after,.fd-textarea-counter-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-textarea-counter-container .fd-textarea-counter{padding-block:0;-webkit-margin-start:auto;margin-inline-start:auto}.fd-textarea--ai{position:relative}.fd-textarea--ai:has(.fd-ai-busy-indicator){padding-block:0;padding-inline:0}.fd-textarea--ai .fd-toolbar--ai{bottom:0;left:0;position:absolute;right:0}.fd-input.is-readonly,.fd-input[aria-readonly=true],.fd-input[readonly],.fd-input.is-readonly.is-hover,.fd-input.is-readonly:hover,.fd-input[aria-readonly=true].is-hover,.fd-input[aria-readonly=true]:hover,.fd-input[readonly].is-hover,.fd-input[readonly]:hover{z-index:1!important}.fd-input.is-readonly.is-focus,.fd-input.is-readonly:focus,.fd-input[aria-readonly=true].is-focus,.fd-input[aria-readonly=true]:focus,.fd-input[readonly].is-focus,.fd-input[readonly]:focus{z-index:1!important}\n/*! Bundled license information:\n\nfundamental-styles/dist/textarea.css:\n (*!\n * Fundamental Library Styles v0.41.8\n * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
130
122
|
}
|
|
131
123
|
__decorate([
|
|
132
124
|
applyCssClass,
|
|
@@ -136,7 +128,11 @@ __decorate([
|
|
|
136
128
|
], FormControlComponent.prototype, "buildComponentCssClass", null);
|
|
137
129
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FormControlComponent, decorators: [{
|
|
138
130
|
type: Component,
|
|
139
|
-
args: [{ selector: 'input[fd-form-control], textarea[fd-form-control]', template: ` <ng-content></ng-content>`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [registerFormItemControl(FormControlComponent), contentDensityObserverProviders()], styles: [".fd-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--sapField_BackgroundStyle,var(--sapField_BackgroundStyle));background-color:var(--sapField_Background,var(--sapField_Background));border:0;border:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);border-radius:var(--sapField_BorderCornerRadius);-webkit-box-shadow:var(--sapField_Shadow);box-shadow:var(--sapField_Shadow);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapField_TextColor);cursor:text;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdInput_Height,var(--sapElement_Height));line-height:normal;margin-block:0;margin-block:var(--fdInput_Field_Margin_Block,.25rem);margin-inline:0;min-height:var(--fdInput_Height,var(--sapElement_Height));min-width:2.75rem;outline:none;overflow:hidden;padding-block:0;padding-inline:0;padding-inline:var(--fdInput_Field_Padding_Inline,.625rem);text-overflow:ellipsis;text-shadow:var(--fdInput_Text_Shadow);white-space:nowrap;width:100%;z-index:1}.fd-input:after,.fd-input:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-input::-webkit-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input::-moz-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input:-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input::-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input::placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input[dir=rtl]::-webkit-input-placeholder,[dir=rtl] .fd-input::-webkit-input-placeholder{text-indent:.125rem}.fd-input[dir=rtl]::-moz-placeholder,[dir=rtl] .fd-input::-moz-placeholder{text-indent:.125rem}.fd-input[dir=rtl]:-ms-input-placeholder,[dir=rtl] .fd-input:-ms-input-placeholder{text-indent:.125rem}.fd-input[dir=rtl]::-ms-input-placeholder,[dir=rtl] .fd-input::-ms-input-placeholder{text-indent:.125rem}.fd-input[dir=rtl]::placeholder,[dir=rtl] .fd-input::placeholder{text-indent:.125rem}.fd-input::-moz-selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-input::selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-input::-ms-clear{display:none}.fd-input.is-hover,.fd-input:hover{background:var(--sapField_Hover_BackgroundStyle,var(--sapField_Hover_BackgroundStyle));background-color:var(--sapField_Hover_Background,var(--sapField_Hover_Background));border-color:var(--sapField_Hover_BorderColor);-webkit-box-shadow:var(--fdInput_Box_Shadow_Hover);box-shadow:var(--fdInput_Box_Shadow_Hover)}.fd-input.is-focus,.fd-input:focus{background:var(--sapField_Focus_Background,var(--sapField_Focus_Background));-webkit-box-shadow:none;box-shadow:none;outline:var(--fdInput_Outline_Color) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:var(--fdInput_Outline_Offset);z-index:5}.fd-input[type=search]::-webkit-search-cancel-button,.fd-input[type=search]::-webkit-search-decoration,.fd-input[type=search]::-webkit-search-results-button,.fd-input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.fd-input[aria-expanded=false]{z-index:0}.fd-input.is-expanded,.fd-input[aria-expanded=true]{z-index:4}.fd-input[class*=-compact],.fd-input[class*=-condensed],[class*=-compact] .fd-input:not([class*=-cozy]),[class*=-condensed] .fd-input:not([class*=-cozy]){-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--fdInput_Compact_Height,var(--sapElement_Compact_Height));margin-block:var(--fdInput_Field_Compact_Margin_Block,.1875rem);margin-inline:0;min-height:var(--fdInput_Compact_Height,var(--sapElement_Compact_Height));min-width:var(--fdInput_Field_Compact_Min_Width,2rem);padding-block:0;padding-inline:var(--fdInput_Field_Compact_Padding,.5rem)}.fd-input--no-number-spinner{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.fd-input--no-number-spinner::-webkit-inner-spin-button,.fd-input--no-number-spinner::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin-block:0;margin-inline:0}.fd-input.right-align{text-align:right}.fd-input__sr-only{position:absolute;clip:rect(0 0 0 0);border:0;height:1px;margin-block:-1px;margin-inline:-1px;overflow:hidden;padding-block:0;padding-inline:0;white-space:nowrap;width:1px}.fd-input.is-success{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle);-webkit-box-shadow:var(--sapField_SuccessShadow);box-shadow:var(--sapField_SuccessShadow)}.fd-input.is-success.is-hover,.fd-input.is-success:hover{background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-input.is-success.is-focus,.fd-input.is-success:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color);z-index:5}.fd-input.is-success.is-focus.is-hover,.fd-input.is-success.is-focus:hover,.fd-input.is-success:focus.is-hover,.fd-input.is-success:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-success.is-expanded,.fd-input.is-success[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Success_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-error{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle);-webkit-box-shadow:var(--sapField_InvalidShadow);box-shadow:var(--sapField_InvalidShadow)}.fd-input.is-error.is-hover,.fd-input.is-error:hover{background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-input.is-error.is-focus,.fd-input.is-error:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color);z-index:5}.fd-input.is-error.is-focus.is-hover,.fd-input.is-error.is-focus:hover,.fd-input.is-error:focus.is-hover,.fd-input.is-error:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-error.is-expanded,.fd-input.is-error[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Error_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-warning{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle);-webkit-box-shadow:var(--sapField_WarningShadow);box-shadow:var(--sapField_WarningShadow)}.fd-input.is-warning.is-hover,.fd-input.is-warning:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-input.is-warning.is-focus,.fd-input.is-warning:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-input.is-warning.is-focus.is-hover,.fd-input.is-warning.is-focus:hover,.fd-input.is-warning:focus.is-hover,.fd-input.is-warning:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-warning.is-expanded,.fd-input.is-warning[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-alert{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-input.is-alert.is-hover,.fd-input.is-alert:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-input.is-alert.is-focus,.fd-input.is-alert:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-input.is-alert.is-focus.is-hover,.fd-input.is-alert.is-focus:hover,.fd-input.is-alert:focus.is-hover,.fd-input.is-alert:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-alert.is-expanded,.fd-input.is-alert[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-information{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle);-webkit-box-shadow:var(--sapField_InformationShadow);box-shadow:var(--sapField_InformationShadow)}.fd-input.is-information.is-hover,.fd-input.is-information:hover{background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-input.is-information.is-focus,.fd-input.is-information:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color);z-index:5}.fd-input.is-information.is-focus.is-hover,.fd-input.is-information.is-focus:hover,.fd-input.is-information:focus.is-hover,.fd-input.is-information:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-information.is-expanded,.fd-input.is-information[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Information_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-alert,.fd-input.is-error,.fd-input.is-warning{font-style:var(--fdInput_State_Text_Style);font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert::-webkit-input-placeholder,.fd-input.is-error::-webkit-input-placeholder,.fd-input.is-warning::-webkit-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert::-moz-placeholder,.fd-input.is-error::-moz-placeholder,.fd-input.is-warning::-moz-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert:-ms-input-placeholder,.fd-input.is-error:-ms-input-placeholder,.fd-input.is-warning:-ms-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert::-ms-input-placeholder,.fd-input.is-error::-ms-input-placeholder,.fd-input.is-warning::-ms-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert::placeholder,.fd-input.is-error::placeholder,.fd-input.is-warning::placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert.is-focus,.fd-input.is-alert:focus,.fd-input.is-error.is-focus,.fd-input.is-error:focus,.fd-input.is-information.is-focus,.fd-input.is-information:focus,.fd-input.is-warning.is-focus,.fd-input.is-warning:focus{outline-offset:var(--fdInput_Outline_Offset_States);z-index:5}.fd-input.is-error::-webkit-input-placeholder{color:var(--sapField_TextColor)}.fd-input.is-error::-moz-placeholder{color:var(--sapField_TextColor)}.fd-input.is-error:-ms-input-placeholder{color:var(--sapField_TextColor)}.fd-input.is-error::-ms-input-placeholder{color:var(--sapField_TextColor)}.fd-input.is-error::placeholder{color:var(--sapField_TextColor)}.fd-input.is-disabled,.fd-input:disabled,.fd-input[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-input.is-disabled::-webkit-input-placeholder,.fd-input:disabled::-webkit-input-placeholder,.fd-input[aria-disabled=true]::-webkit-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-disabled::-moz-placeholder,.fd-input:disabled::-moz-placeholder,.fd-input[aria-disabled=true]::-moz-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-disabled:-ms-input-placeholder,.fd-input:disabled:-ms-input-placeholder,.fd-input[aria-disabled=true]:-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-disabled::-ms-input-placeholder,.fd-input:disabled::-ms-input-placeholder,.fd-input[aria-disabled=true]::-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-disabled::placeholder,.fd-input:disabled::placeholder,.fd-input[aria-disabled=true]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly,.fd-input[aria-readonly=true],.fd-input[readonly]{--fdInput_Outline_Offset:-.25rem;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);-webkit-box-shadow:none;box-shadow:none}.fd-input.is-readonly::-webkit-input-placeholder,.fd-input[aria-readonly=true]::-webkit-input-placeholder,.fd-input[readonly]::-webkit-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly::-moz-placeholder,.fd-input[aria-readonly=true]::-moz-placeholder,.fd-input[readonly]::-moz-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly:-ms-input-placeholder,.fd-input[aria-readonly=true]:-ms-input-placeholder,.fd-input[readonly]:-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly::-ms-input-placeholder,.fd-input[aria-readonly=true]::-ms-input-placeholder,.fd-input[readonly]::-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly::placeholder,.fd-input[aria-readonly=true]::placeholder,.fd-input[readonly]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly.is-focus,.fd-input.is-readonly.is-hover,.fd-input.is-readonly:focus,.fd-input.is-readonly:hover,.fd-input[aria-readonly=true].is-focus,.fd-input[aria-readonly=true].is-hover,.fd-input[aria-readonly=true]:focus,.fd-input[aria-readonly=true]:hover,.fd-input[readonly].is-focus,.fd-input[readonly].is-hover,.fd-input[readonly]:focus,.fd-input[readonly]:hover{--fdInput_Outline_Offset:-.25rem;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);-webkit-box-shadow:none;box-shadow:none}.fd-input.is-readonly.is-focus,.fd-input.is-readonly:focus,.fd-input[aria-readonly=true].is-focus,.fd-input[aria-readonly=true]:focus,.fd-input[readonly].is-focus,.fd-input[readonly]:focus{z-index:5}.fd-textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--sapField_BackgroundStyle,var(--sapField_BackgroundStyle));background-color:var(--sapField_Background,var(--sapField_Background));border:0;border:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);border-radius:var(--sapField_BorderCornerRadius);-webkit-box-shadow:var(--sapField_Shadow);box-shadow:var(--sapField_Shadow);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapField_TextColor);cursor:text;display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdInput_Height,var(--sapElement_Height));height:auto;line-height:normal;line-height:var(--fdTextarea_Line_Height);margin-block:0;margin-block:var(--fdInput_Field_Margin_Block,.25rem);margin-block:.25rem;margin-inline:0;min-height:var(--fdInput_Height,var(--sapElement_Height));min-height:2.25rem;min-width:2.75rem;min-width:6rem;outline:none;overflow:hidden;overflow:auto;padding-block:0;padding-block:.5rem;padding-inline:0;padding-inline:var(--fdInput_Field_Padding_Inline,.625rem);padding-inline:.75rem;padding-inline:.625rem;position:relative;resize:none;scrollbar-color:var(--fdScrollbar_Thumb_Color) var(--fdScrollbar_Track_Color);text-overflow:ellipsis;text-shadow:var(--fdInput_Text_Shadow);white-space:nowrap;white-space:pre-wrap;width:100%;z-index:1}.fd-textarea.is-focus,.fd-textarea:focus{outline:none}.fd-textarea::-webkit-scrollbar{height:var(--fdScrollbar_Dimension);width:var(--fdScrollbar_Dimension)}.fd-textarea::-webkit-scrollbar-corner,.fd-textarea::-webkit-scrollbar-track{background-color:var(--fdScrollbar_Track_Color)}.fd-textarea::-webkit-scrollbar-thumb{background-color:transparent;border:var(--fdScrollbar_Thumb_Offset) solid transparent;border-radius:calc(var(--fdScrollbar_Thumb_Border_Radius) - var(--fdScrollbar_Thumb_Offset));-webkit-box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color);box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color)}.fd-textarea::-webkit-scrollbar-thumb:active,.fd-textarea::-webkit-scrollbar-thumb:hover{-webkit-box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Hover_Color);box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Hover_Color)}.fd-textarea:after,.fd-textarea:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-textarea::-webkit-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-textarea::-moz-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-textarea:-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-textarea::-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-textarea::placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-textarea[dir=rtl]::-webkit-input-placeholder,[dir=rtl] .fd-textarea::-webkit-input-placeholder{text-indent:.125rem}.fd-textarea[dir=rtl]::-moz-placeholder,[dir=rtl] .fd-textarea::-moz-placeholder{text-indent:.125rem}.fd-textarea[dir=rtl]:-ms-input-placeholder,[dir=rtl] .fd-textarea:-ms-input-placeholder{text-indent:.125rem}.fd-textarea[dir=rtl]::-ms-input-placeholder,[dir=rtl] .fd-textarea::-ms-input-placeholder{text-indent:.125rem}.fd-textarea[dir=rtl]::placeholder,[dir=rtl] .fd-textarea::placeholder{text-indent:.125rem}.fd-textarea::-moz-selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-textarea::selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-textarea::-ms-clear{display:none}.fd-textarea.is-hover,.fd-textarea:hover{background:var(--sapField_Hover_BackgroundStyle,var(--sapField_Hover_BackgroundStyle));background-color:var(--sapField_Hover_Background,var(--sapField_Hover_Background));border-color:var(--sapField_Hover_BorderColor);-webkit-box-shadow:var(--fdInput_Box_Shadow_Hover);box-shadow:var(--fdInput_Box_Shadow_Hover)}.fd-textarea.is-focus,.fd-textarea:focus{background:var(--sapField_Focus_Background,var(--sapField_Focus_Background));-webkit-box-shadow:none;box-shadow:none;outline:var(--fdInput_Outline_Color) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:var(--fdInput_Outline_Offset);z-index:5}.fd-textarea.is-success{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle);-webkit-box-shadow:var(--sapField_SuccessShadow);box-shadow:var(--sapField_SuccessShadow)}.fd-textarea.is-success.is-hover,.fd-textarea.is-success:hover{background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-textarea.is-success.is-focus,.fd-textarea.is-success:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color);z-index:5}.fd-textarea.is-success.is-focus.is-hover,.fd-textarea.is-success.is-focus:hover,.fd-textarea.is-success:focus.is-hover,.fd-textarea.is-success:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-textarea.is-success.is-expanded,.fd-textarea.is-success[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Success_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-textarea.is-error{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle);-webkit-box-shadow:var(--sapField_InvalidShadow);box-shadow:var(--sapField_InvalidShadow)}.fd-textarea.is-error.is-hover,.fd-textarea.is-error:hover{background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-textarea.is-error.is-focus,.fd-textarea.is-error:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color);z-index:5}.fd-textarea.is-error.is-focus.is-hover,.fd-textarea.is-error.is-focus:hover,.fd-textarea.is-error:focus.is-hover,.fd-textarea.is-error:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-textarea.is-error.is-expanded,.fd-textarea.is-error[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Error_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-textarea.is-warning{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle);-webkit-box-shadow:var(--sapField_WarningShadow);box-shadow:var(--sapField_WarningShadow)}.fd-textarea.is-warning.is-hover,.fd-textarea.is-warning:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-textarea.is-warning.is-focus,.fd-textarea.is-warning:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-textarea.is-warning.is-focus.is-hover,.fd-textarea.is-warning.is-focus:hover,.fd-textarea.is-warning:focus.is-hover,.fd-textarea.is-warning:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-textarea.is-warning.is-expanded,.fd-textarea.is-warning[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-textarea.is-alert{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-textarea.is-alert.is-hover,.fd-textarea.is-alert:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-textarea.is-alert.is-focus,.fd-textarea.is-alert:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-textarea.is-alert.is-focus.is-hover,.fd-textarea.is-alert.is-focus:hover,.fd-textarea.is-alert:focus.is-hover,.fd-textarea.is-alert:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-textarea.is-alert.is-expanded,.fd-textarea.is-alert[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-textarea.is-information{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle);-webkit-box-shadow:var(--sapField_InformationShadow);box-shadow:var(--sapField_InformationShadow)}.fd-textarea.is-information.is-hover,.fd-textarea.is-information:hover{background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-textarea.is-information.is-focus,.fd-textarea.is-information:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color);z-index:5}.fd-textarea.is-information.is-focus.is-hover,.fd-textarea.is-information.is-focus:hover,.fd-textarea.is-information:focus.is-hover,.fd-textarea.is-information:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-textarea.is-information.is-expanded,.fd-textarea.is-information[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Information_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-textarea.is-alert,.fd-textarea.is-error,.fd-textarea.is-warning{font-style:var(--fdInput_State_Text_Style);font-weight:var(--fdInput_State_Font_Weight)}.fd-textarea.is-alert::-webkit-input-placeholder,.fd-textarea.is-error::-webkit-input-placeholder,.fd-textarea.is-warning::-webkit-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-textarea.is-alert::-moz-placeholder,.fd-textarea.is-error::-moz-placeholder,.fd-textarea.is-warning::-moz-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-textarea.is-alert:-ms-input-placeholder,.fd-textarea.is-error:-ms-input-placeholder,.fd-textarea.is-warning:-ms-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-textarea.is-alert::-ms-input-placeholder,.fd-textarea.is-error::-ms-input-placeholder,.fd-textarea.is-warning::-ms-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-textarea.is-alert::placeholder,.fd-textarea.is-error::placeholder,.fd-textarea.is-warning::placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-textarea.is-alert.is-focus,.fd-textarea.is-alert:focus,.fd-textarea.is-error.is-focus,.fd-textarea.is-error:focus,.fd-textarea.is-information.is-focus,.fd-textarea.is-information:focus,.fd-textarea.is-warning.is-focus,.fd-textarea.is-warning:focus{outline-offset:var(--fdInput_Outline_Offset_States);z-index:5}.fd-textarea.is-error::-webkit-input-placeholder{color:var(--sapField_TextColor)}.fd-textarea.is-error::-moz-placeholder{color:var(--sapField_TextColor)}.fd-textarea.is-error:-ms-input-placeholder{color:var(--sapField_TextColor)}.fd-textarea.is-error::-ms-input-placeholder{color:var(--sapField_TextColor)}.fd-textarea.is-error::placeholder{color:var(--sapField_TextColor)}.fd-textarea.is-disabled,.fd-textarea:disabled,.fd-textarea[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-textarea.is-disabled::-webkit-input-placeholder,.fd-textarea:disabled::-webkit-input-placeholder,.fd-textarea[aria-disabled=true]::-webkit-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-textarea.is-disabled::-moz-placeholder,.fd-textarea:disabled::-moz-placeholder,.fd-textarea[aria-disabled=true]::-moz-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-textarea.is-disabled:-ms-input-placeholder,.fd-textarea:disabled:-ms-input-placeholder,.fd-textarea[aria-disabled=true]:-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-textarea.is-disabled::-ms-input-placeholder,.fd-textarea:disabled::-ms-input-placeholder,.fd-textarea[aria-disabled=true]::-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-textarea.is-disabled::placeholder,.fd-textarea:disabled::placeholder,.fd-textarea[aria-disabled=true]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-textarea.is-readonly,.fd-textarea[aria-readonly=true],.fd-textarea[readonly]{--fdInput_Outline_Offset:-.25rem;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);-webkit-box-shadow:none;box-shadow:none}.fd-textarea.is-readonly::-webkit-input-placeholder,.fd-textarea[aria-readonly=true]::-webkit-input-placeholder,.fd-textarea[readonly]::-webkit-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-textarea.is-readonly::-moz-placeholder,.fd-textarea[aria-readonly=true]::-moz-placeholder,.fd-textarea[readonly]::-moz-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-textarea.is-readonly:-ms-input-placeholder,.fd-textarea[aria-readonly=true]:-ms-input-placeholder,.fd-textarea[readonly]:-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-textarea.is-readonly::-ms-input-placeholder,.fd-textarea[aria-readonly=true]::-ms-input-placeholder,.fd-textarea[readonly]::-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-textarea.is-readonly::placeholder,.fd-textarea[aria-readonly=true]::placeholder,.fd-textarea[readonly]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-textarea.is-readonly.is-focus,.fd-textarea.is-readonly.is-hover,.fd-textarea.is-readonly:focus,.fd-textarea.is-readonly:hover,.fd-textarea[aria-readonly=true].is-focus,.fd-textarea[aria-readonly=true].is-hover,.fd-textarea[aria-readonly=true]:focus,.fd-textarea[aria-readonly=true]:hover,.fd-textarea[readonly].is-focus,.fd-textarea[readonly].is-hover,.fd-textarea[readonly]:focus,.fd-textarea[readonly]:hover{--fdInput_Outline_Offset:-.25rem;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);-webkit-box-shadow:none;box-shadow:none}.fd-textarea.is-readonly.is-focus,.fd-textarea.is-readonly:focus,.fd-textarea[aria-readonly=true].is-focus,.fd-textarea[aria-readonly=true]:focus,.fd-textarea[readonly].is-focus,.fd-textarea[readonly]:focus{z-index:5}.fd-textarea.is-readonly,.fd-textarea[readonly]{background:var(--sapField_ReadOnly_Background);border:var(--sapField_BorderWidth) dashed var(--sapField_ReadOnly_BorderColor);border-radius:var(--sapField_BorderCornerRadius)}.fd-textarea.is-readonly.is-hover,.fd-textarea.is-readonly:hover,.fd-textarea[readonly].is-hover,.fd-textarea[readonly]:hover{background:var(--sapField_ReadOnly_Background)}.fd-textarea.is-readonly.is-focus,.fd-textarea.is-readonly:focus,.fd-textarea[readonly].is-focus,.fd-textarea[readonly]:focus{background:var(--sapField_ReadOnly_Background);outline-offset:-.25rem;z-index:5}.fd-textarea::-webkit-scrollbar-corner,.fd-textarea::-webkit-scrollbar-track{background:transparent;border-radius:0 var(--sapField_BorderCornerRadius) var(--sapField_BorderCornerRadius) 0!important}.fd-textarea__sr-only{position:absolute;clip:rect(0 0 0 0);border:0;height:1px;margin-block:-1px;margin-inline:-1px;overflow:hidden;padding-block:0;padding-inline:0;white-space:nowrap;width:1px}.fd-textarea[aria-expanded=false]{z-index:0}.fd-textarea.is-expanded,.fd-textarea[aria-expanded=true]{z-index:4}.fd-textarea[class*=-compact],.fd-textarea[class*=-condensed],[class*=-compact] .fd-textarea:not([class*=-cozy]),[class*=-condensed] .fd-textarea:not([class*=-cozy]){margin-block:.1875rem;margin-inline:0;min-height:1.625rem;padding-block:.1875rem;padding-inline:.5rem}.fd-textarea-counter{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-block:.375rem .5rem;padding-inline:0;padding-inline:.125rem;text-align:end;text-overflow:ellipsis;white-space:nowrap}.fd-textarea-counter:after,.fd-textarea-counter:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-textarea-counter.is-disabled,.fd-textarea-counter.is-readonly,.fd-textarea-counter:disabled,.fd-textarea-counter[aria-disabled=true],.fd-textarea-counter[readonly]{display:none}.fd-textarea-counter-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-block:.375rem .5rem}.fd-textarea-counter-container:after,.fd-textarea-counter-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-textarea-counter-container .fd-textarea-counter{padding-block:0;-webkit-margin-start:auto;margin-inline-start:auto}.fd-textarea--ai{position:relative}.fd-textarea--ai:has(.fd-ai-busy-indicator){padding-block:0;padding-inline:0}.fd-textarea--ai .fd-toolbar--ai{bottom:0;left:0;position:absolute;right:0}.fd-input.is-readonly,.fd-input[aria-readonly=true],.fd-input[readonly],.fd-input.is-readonly.is-hover,.fd-input.is-readonly:hover,.fd-input[aria-readonly=true].is-hover,.fd-input[aria-readonly=true]:hover,.fd-input[readonly].is-hover,.fd-input[readonly]:hover{z-index:1!important}.fd-input.is-readonly.is-focus,.fd-input.is-readonly:focus,.fd-input[aria-readonly=true].is-focus,.fd-input[aria-readonly=true]:focus,.fd-input[readonly].is-focus,.fd-input[readonly]:focus{z-index:1!important}\n/*! Bundled license information:\n\nfundamental-styles/dist/textarea.css:\n (*!\n * Fundamental Library Styles v0.41.8\n * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"] }]
|
|
131
|
+
args: [{ selector: 'input[fd-form-control], textarea[fd-form-control]', template: ` <ng-content></ng-content>`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [registerFormItemControl(FormControlComponent), contentDensityObserverProviders()], host: {
|
|
132
|
+
'[attr.aria-label]': 'ariaLabelAttr || ariaLabel || null',
|
|
133
|
+
'[attr.aria-labelledby]': 'ariaLabelledByAttr || ariaLabelledBy || null',
|
|
134
|
+
'[attr.aria-invalid]': 'state === "error" ? true : null'
|
|
135
|
+
}, styles: [".fd-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--sapField_BackgroundStyle,var(--sapField_BackgroundStyle));background-color:var(--sapField_Background,var(--sapField_Background));border:0;border:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);border-radius:var(--sapField_BorderCornerRadius);-webkit-box-shadow:var(--sapField_Shadow);box-shadow:var(--sapField_Shadow);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapField_TextColor);cursor:text;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdInput_Height,var(--sapElement_Height));line-height:normal;margin-block:0;margin-block:var(--fdInput_Field_Margin_Block,.25rem);margin-inline:0;min-height:var(--fdInput_Height,var(--sapElement_Height));min-width:2.75rem;outline:none;overflow:hidden;padding-block:0;padding-inline:0;padding-inline:var(--fdInput_Field_Padding_Inline,.625rem);text-overflow:ellipsis;text-shadow:var(--fdInput_Text_Shadow);white-space:nowrap;width:100%;z-index:1}.fd-input:after,.fd-input:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-input::-webkit-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input::-moz-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input:-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input::-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input::placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input[dir=rtl]::-webkit-input-placeholder,[dir=rtl] .fd-input::-webkit-input-placeholder{text-indent:.125rem}.fd-input[dir=rtl]::-moz-placeholder,[dir=rtl] .fd-input::-moz-placeholder{text-indent:.125rem}.fd-input[dir=rtl]:-ms-input-placeholder,[dir=rtl] .fd-input:-ms-input-placeholder{text-indent:.125rem}.fd-input[dir=rtl]::-ms-input-placeholder,[dir=rtl] .fd-input::-ms-input-placeholder{text-indent:.125rem}.fd-input[dir=rtl]::placeholder,[dir=rtl] .fd-input::placeholder{text-indent:.125rem}.fd-input::-moz-selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-input::selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-input::-ms-clear{display:none}.fd-input.is-hover,.fd-input:hover{background:var(--sapField_Hover_BackgroundStyle,var(--sapField_Hover_BackgroundStyle));background-color:var(--sapField_Hover_Background,var(--sapField_Hover_Background));border-color:var(--sapField_Hover_BorderColor);-webkit-box-shadow:var(--fdInput_Box_Shadow_Hover);box-shadow:var(--fdInput_Box_Shadow_Hover)}.fd-input.is-focus,.fd-input:focus{background:var(--sapField_Focus_Background,var(--sapField_Focus_Background));-webkit-box-shadow:none;box-shadow:none;outline:var(--fdInput_Outline_Color) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:var(--fdInput_Outline_Offset);z-index:5}.fd-input[type=search]::-webkit-search-cancel-button,.fd-input[type=search]::-webkit-search-decoration,.fd-input[type=search]::-webkit-search-results-button,.fd-input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.fd-input[aria-expanded=false]{z-index:0}.fd-input.is-expanded,.fd-input[aria-expanded=true]{z-index:4}.fd-input[class*=-compact],.fd-input[class*=-condensed],[class*=-compact] .fd-input:not([class*=-cozy]),[class*=-condensed] .fd-input:not([class*=-cozy]){-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--fdInput_Compact_Height,var(--sapElement_Compact_Height));margin-block:var(--fdInput_Field_Compact_Margin_Block,.1875rem);margin-inline:0;min-height:var(--fdInput_Compact_Height,var(--sapElement_Compact_Height));min-width:var(--fdInput_Field_Compact_Min_Width,2rem);padding-block:0;padding-inline:var(--fdInput_Field_Compact_Padding,.5rem)}.fd-input--no-number-spinner{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.fd-input--no-number-spinner::-webkit-inner-spin-button,.fd-input--no-number-spinner::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin-block:0;margin-inline:0}.fd-input.right-align{text-align:right}.fd-input__sr-only{position:absolute;clip:rect(0 0 0 0);border:0;height:1px;margin-block:-1px;margin-inline:-1px;overflow:hidden;padding-block:0;padding-inline:0;white-space:nowrap;width:1px}.fd-input.is-success{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle);-webkit-box-shadow:var(--sapField_SuccessShadow);box-shadow:var(--sapField_SuccessShadow)}.fd-input.is-success.is-hover,.fd-input.is-success:hover{background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-input.is-success.is-focus,.fd-input.is-success:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color);z-index:5}.fd-input.is-success.is-focus.is-hover,.fd-input.is-success.is-focus:hover,.fd-input.is-success:focus.is-hover,.fd-input.is-success:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-success.is-expanded,.fd-input.is-success[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Success_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-error{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle);-webkit-box-shadow:var(--sapField_InvalidShadow);box-shadow:var(--sapField_InvalidShadow)}.fd-input.is-error.is-hover,.fd-input.is-error:hover{background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-input.is-error.is-focus,.fd-input.is-error:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color);z-index:5}.fd-input.is-error.is-focus.is-hover,.fd-input.is-error.is-focus:hover,.fd-input.is-error:focus.is-hover,.fd-input.is-error:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-error.is-expanded,.fd-input.is-error[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Error_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-warning{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle);-webkit-box-shadow:var(--sapField_WarningShadow);box-shadow:var(--sapField_WarningShadow)}.fd-input.is-warning.is-hover,.fd-input.is-warning:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-input.is-warning.is-focus,.fd-input.is-warning:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-input.is-warning.is-focus.is-hover,.fd-input.is-warning.is-focus:hover,.fd-input.is-warning:focus.is-hover,.fd-input.is-warning:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-warning.is-expanded,.fd-input.is-warning[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-alert{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-input.is-alert.is-hover,.fd-input.is-alert:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-input.is-alert.is-focus,.fd-input.is-alert:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-input.is-alert.is-focus.is-hover,.fd-input.is-alert.is-focus:hover,.fd-input.is-alert:focus.is-hover,.fd-input.is-alert:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-alert.is-expanded,.fd-input.is-alert[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-information{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle);-webkit-box-shadow:var(--sapField_InformationShadow);box-shadow:var(--sapField_InformationShadow)}.fd-input.is-information.is-hover,.fd-input.is-information:hover{background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-input.is-information.is-focus,.fd-input.is-information:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color);z-index:5}.fd-input.is-information.is-focus.is-hover,.fd-input.is-information.is-focus:hover,.fd-input.is-information:focus.is-hover,.fd-input.is-information:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-information.is-expanded,.fd-input.is-information[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Information_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-alert,.fd-input.is-error,.fd-input.is-warning{font-style:var(--fdInput_State_Text_Style);font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert::-webkit-input-placeholder,.fd-input.is-error::-webkit-input-placeholder,.fd-input.is-warning::-webkit-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert::-moz-placeholder,.fd-input.is-error::-moz-placeholder,.fd-input.is-warning::-moz-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert:-ms-input-placeholder,.fd-input.is-error:-ms-input-placeholder,.fd-input.is-warning:-ms-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert::-ms-input-placeholder,.fd-input.is-error::-ms-input-placeholder,.fd-input.is-warning::-ms-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert::placeholder,.fd-input.is-error::placeholder,.fd-input.is-warning::placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert.is-focus,.fd-input.is-alert:focus,.fd-input.is-error.is-focus,.fd-input.is-error:focus,.fd-input.is-information.is-focus,.fd-input.is-information:focus,.fd-input.is-warning.is-focus,.fd-input.is-warning:focus{outline-offset:var(--fdInput_Outline_Offset_States);z-index:5}.fd-input.is-error::-webkit-input-placeholder{color:var(--sapField_TextColor)}.fd-input.is-error::-moz-placeholder{color:var(--sapField_TextColor)}.fd-input.is-error:-ms-input-placeholder{color:var(--sapField_TextColor)}.fd-input.is-error::-ms-input-placeholder{color:var(--sapField_TextColor)}.fd-input.is-error::placeholder{color:var(--sapField_TextColor)}.fd-input.is-disabled,.fd-input:disabled,.fd-input[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-input.is-disabled::-webkit-input-placeholder,.fd-input:disabled::-webkit-input-placeholder,.fd-input[aria-disabled=true]::-webkit-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-disabled::-moz-placeholder,.fd-input:disabled::-moz-placeholder,.fd-input[aria-disabled=true]::-moz-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-disabled:-ms-input-placeholder,.fd-input:disabled:-ms-input-placeholder,.fd-input[aria-disabled=true]:-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-disabled::-ms-input-placeholder,.fd-input:disabled::-ms-input-placeholder,.fd-input[aria-disabled=true]::-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-disabled::placeholder,.fd-input:disabled::placeholder,.fd-input[aria-disabled=true]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly,.fd-input[aria-readonly=true],.fd-input[readonly]{--fdInput_Outline_Offset:-.25rem;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);-webkit-box-shadow:none;box-shadow:none}.fd-input.is-readonly::-webkit-input-placeholder,.fd-input[aria-readonly=true]::-webkit-input-placeholder,.fd-input[readonly]::-webkit-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly::-moz-placeholder,.fd-input[aria-readonly=true]::-moz-placeholder,.fd-input[readonly]::-moz-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly:-ms-input-placeholder,.fd-input[aria-readonly=true]:-ms-input-placeholder,.fd-input[readonly]:-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly::-ms-input-placeholder,.fd-input[aria-readonly=true]::-ms-input-placeholder,.fd-input[readonly]::-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly::placeholder,.fd-input[aria-readonly=true]::placeholder,.fd-input[readonly]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly.is-focus,.fd-input.is-readonly.is-hover,.fd-input.is-readonly:focus,.fd-input.is-readonly:hover,.fd-input[aria-readonly=true].is-focus,.fd-input[aria-readonly=true].is-hover,.fd-input[aria-readonly=true]:focus,.fd-input[aria-readonly=true]:hover,.fd-input[readonly].is-focus,.fd-input[readonly].is-hover,.fd-input[readonly]:focus,.fd-input[readonly]:hover{--fdInput_Outline_Offset:-.25rem;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);-webkit-box-shadow:none;box-shadow:none}.fd-input.is-readonly.is-focus,.fd-input.is-readonly:focus,.fd-input[aria-readonly=true].is-focus,.fd-input[aria-readonly=true]:focus,.fd-input[readonly].is-focus,.fd-input[readonly]:focus{z-index:5}.fd-textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--sapField_BackgroundStyle,var(--sapField_BackgroundStyle));background-color:var(--sapField_Background,var(--sapField_Background));border:0;border:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);border-radius:var(--sapField_BorderCornerRadius);-webkit-box-shadow:var(--sapField_Shadow);box-shadow:var(--sapField_Shadow);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapField_TextColor);cursor:text;display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdInput_Height,var(--sapElement_Height));height:auto;line-height:normal;line-height:var(--fdTextarea_Line_Height);margin-block:0;margin-block:var(--fdInput_Field_Margin_Block,.25rem);margin-block:.25rem;margin-inline:0;min-height:var(--fdInput_Height,var(--sapElement_Height));min-height:2.25rem;min-width:2.75rem;min-width:6rem;outline:none;overflow:hidden;overflow:auto;padding-block:0;padding-block:.5rem;padding-inline:0;padding-inline:var(--fdInput_Field_Padding_Inline,.625rem);padding-inline:.75rem;padding-inline:.625rem;position:relative;resize:none;scrollbar-color:var(--fdScrollbar_Thumb_Color) var(--fdScrollbar_Track_Color);text-overflow:ellipsis;text-shadow:var(--fdInput_Text_Shadow);white-space:nowrap;white-space:pre-wrap;width:100%;z-index:1}.fd-textarea.is-focus,.fd-textarea:focus{outline:none}.fd-textarea::-webkit-scrollbar{height:var(--fdScrollbar_Dimension);width:var(--fdScrollbar_Dimension)}.fd-textarea::-webkit-scrollbar-corner,.fd-textarea::-webkit-scrollbar-track{background-color:var(--fdScrollbar_Track_Color)}.fd-textarea::-webkit-scrollbar-thumb{background-color:transparent;border:var(--fdScrollbar_Thumb_Offset) solid transparent;border-radius:calc(var(--fdScrollbar_Thumb_Border_Radius) - var(--fdScrollbar_Thumb_Offset));-webkit-box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color);box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color)}.fd-textarea::-webkit-scrollbar-thumb:active,.fd-textarea::-webkit-scrollbar-thumb:hover{-webkit-box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Hover_Color);box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Hover_Color)}.fd-textarea:after,.fd-textarea:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-textarea::-webkit-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-textarea::-moz-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-textarea:-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-textarea::-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-textarea::placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-textarea[dir=rtl]::-webkit-input-placeholder,[dir=rtl] .fd-textarea::-webkit-input-placeholder{text-indent:.125rem}.fd-textarea[dir=rtl]::-moz-placeholder,[dir=rtl] .fd-textarea::-moz-placeholder{text-indent:.125rem}.fd-textarea[dir=rtl]:-ms-input-placeholder,[dir=rtl] .fd-textarea:-ms-input-placeholder{text-indent:.125rem}.fd-textarea[dir=rtl]::-ms-input-placeholder,[dir=rtl] .fd-textarea::-ms-input-placeholder{text-indent:.125rem}.fd-textarea[dir=rtl]::placeholder,[dir=rtl] .fd-textarea::placeholder{text-indent:.125rem}.fd-textarea::-moz-selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-textarea::selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-textarea::-ms-clear{display:none}.fd-textarea.is-hover,.fd-textarea:hover{background:var(--sapField_Hover_BackgroundStyle,var(--sapField_Hover_BackgroundStyle));background-color:var(--sapField_Hover_Background,var(--sapField_Hover_Background));border-color:var(--sapField_Hover_BorderColor);-webkit-box-shadow:var(--fdInput_Box_Shadow_Hover);box-shadow:var(--fdInput_Box_Shadow_Hover)}.fd-textarea.is-focus,.fd-textarea:focus{background:var(--sapField_Focus_Background,var(--sapField_Focus_Background));-webkit-box-shadow:none;box-shadow:none;outline:var(--fdInput_Outline_Color) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:var(--fdInput_Outline_Offset);z-index:5}.fd-textarea.is-success{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle);-webkit-box-shadow:var(--sapField_SuccessShadow);box-shadow:var(--sapField_SuccessShadow)}.fd-textarea.is-success.is-hover,.fd-textarea.is-success:hover{background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-textarea.is-success.is-focus,.fd-textarea.is-success:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color);z-index:5}.fd-textarea.is-success.is-focus.is-hover,.fd-textarea.is-success.is-focus:hover,.fd-textarea.is-success:focus.is-hover,.fd-textarea.is-success:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-textarea.is-success.is-expanded,.fd-textarea.is-success[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Success_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-textarea.is-error{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle);-webkit-box-shadow:var(--sapField_InvalidShadow);box-shadow:var(--sapField_InvalidShadow)}.fd-textarea.is-error.is-hover,.fd-textarea.is-error:hover{background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-textarea.is-error.is-focus,.fd-textarea.is-error:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color);z-index:5}.fd-textarea.is-error.is-focus.is-hover,.fd-textarea.is-error.is-focus:hover,.fd-textarea.is-error:focus.is-hover,.fd-textarea.is-error:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-textarea.is-error.is-expanded,.fd-textarea.is-error[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Error_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-textarea.is-warning{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle);-webkit-box-shadow:var(--sapField_WarningShadow);box-shadow:var(--sapField_WarningShadow)}.fd-textarea.is-warning.is-hover,.fd-textarea.is-warning:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-textarea.is-warning.is-focus,.fd-textarea.is-warning:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-textarea.is-warning.is-focus.is-hover,.fd-textarea.is-warning.is-focus:hover,.fd-textarea.is-warning:focus.is-hover,.fd-textarea.is-warning:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-textarea.is-warning.is-expanded,.fd-textarea.is-warning[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-textarea.is-alert{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-textarea.is-alert.is-hover,.fd-textarea.is-alert:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-textarea.is-alert.is-focus,.fd-textarea.is-alert:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-textarea.is-alert.is-focus.is-hover,.fd-textarea.is-alert.is-focus:hover,.fd-textarea.is-alert:focus.is-hover,.fd-textarea.is-alert:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-textarea.is-alert.is-expanded,.fd-textarea.is-alert[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-textarea.is-information{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle);-webkit-box-shadow:var(--sapField_InformationShadow);box-shadow:var(--sapField_InformationShadow)}.fd-textarea.is-information.is-hover,.fd-textarea.is-information:hover{background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-textarea.is-information.is-focus,.fd-textarea.is-information:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color);z-index:5}.fd-textarea.is-information.is-focus.is-hover,.fd-textarea.is-information.is-focus:hover,.fd-textarea.is-information:focus.is-hover,.fd-textarea.is-information:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-textarea.is-information.is-expanded,.fd-textarea.is-information[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Information_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-textarea.is-alert,.fd-textarea.is-error,.fd-textarea.is-warning{font-style:var(--fdInput_State_Text_Style);font-weight:var(--fdInput_State_Font_Weight)}.fd-textarea.is-alert::-webkit-input-placeholder,.fd-textarea.is-error::-webkit-input-placeholder,.fd-textarea.is-warning::-webkit-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-textarea.is-alert::-moz-placeholder,.fd-textarea.is-error::-moz-placeholder,.fd-textarea.is-warning::-moz-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-textarea.is-alert:-ms-input-placeholder,.fd-textarea.is-error:-ms-input-placeholder,.fd-textarea.is-warning:-ms-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-textarea.is-alert::-ms-input-placeholder,.fd-textarea.is-error::-ms-input-placeholder,.fd-textarea.is-warning::-ms-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-textarea.is-alert::placeholder,.fd-textarea.is-error::placeholder,.fd-textarea.is-warning::placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-textarea.is-alert.is-focus,.fd-textarea.is-alert:focus,.fd-textarea.is-error.is-focus,.fd-textarea.is-error:focus,.fd-textarea.is-information.is-focus,.fd-textarea.is-information:focus,.fd-textarea.is-warning.is-focus,.fd-textarea.is-warning:focus{outline-offset:var(--fdInput_Outline_Offset_States);z-index:5}.fd-textarea.is-error::-webkit-input-placeholder{color:var(--sapField_TextColor)}.fd-textarea.is-error::-moz-placeholder{color:var(--sapField_TextColor)}.fd-textarea.is-error:-ms-input-placeholder{color:var(--sapField_TextColor)}.fd-textarea.is-error::-ms-input-placeholder{color:var(--sapField_TextColor)}.fd-textarea.is-error::placeholder{color:var(--sapField_TextColor)}.fd-textarea.is-disabled,.fd-textarea:disabled,.fd-textarea[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-textarea.is-disabled::-webkit-input-placeholder,.fd-textarea:disabled::-webkit-input-placeholder,.fd-textarea[aria-disabled=true]::-webkit-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-textarea.is-disabled::-moz-placeholder,.fd-textarea:disabled::-moz-placeholder,.fd-textarea[aria-disabled=true]::-moz-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-textarea.is-disabled:-ms-input-placeholder,.fd-textarea:disabled:-ms-input-placeholder,.fd-textarea[aria-disabled=true]:-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-textarea.is-disabled::-ms-input-placeholder,.fd-textarea:disabled::-ms-input-placeholder,.fd-textarea[aria-disabled=true]::-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-textarea.is-disabled::placeholder,.fd-textarea:disabled::placeholder,.fd-textarea[aria-disabled=true]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-textarea.is-readonly,.fd-textarea[aria-readonly=true],.fd-textarea[readonly]{--fdInput_Outline_Offset:-.25rem;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);-webkit-box-shadow:none;box-shadow:none}.fd-textarea.is-readonly::-webkit-input-placeholder,.fd-textarea[aria-readonly=true]::-webkit-input-placeholder,.fd-textarea[readonly]::-webkit-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-textarea.is-readonly::-moz-placeholder,.fd-textarea[aria-readonly=true]::-moz-placeholder,.fd-textarea[readonly]::-moz-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-textarea.is-readonly:-ms-input-placeholder,.fd-textarea[aria-readonly=true]:-ms-input-placeholder,.fd-textarea[readonly]:-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-textarea.is-readonly::-ms-input-placeholder,.fd-textarea[aria-readonly=true]::-ms-input-placeholder,.fd-textarea[readonly]::-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-textarea.is-readonly::placeholder,.fd-textarea[aria-readonly=true]::placeholder,.fd-textarea[readonly]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-textarea.is-readonly.is-focus,.fd-textarea.is-readonly.is-hover,.fd-textarea.is-readonly:focus,.fd-textarea.is-readonly:hover,.fd-textarea[aria-readonly=true].is-focus,.fd-textarea[aria-readonly=true].is-hover,.fd-textarea[aria-readonly=true]:focus,.fd-textarea[aria-readonly=true]:hover,.fd-textarea[readonly].is-focus,.fd-textarea[readonly].is-hover,.fd-textarea[readonly]:focus,.fd-textarea[readonly]:hover{--fdInput_Outline_Offset:-.25rem;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);-webkit-box-shadow:none;box-shadow:none}.fd-textarea.is-readonly.is-focus,.fd-textarea.is-readonly:focus,.fd-textarea[aria-readonly=true].is-focus,.fd-textarea[aria-readonly=true]:focus,.fd-textarea[readonly].is-focus,.fd-textarea[readonly]:focus{z-index:5}.fd-textarea.is-readonly,.fd-textarea[readonly]{background:var(--sapField_ReadOnly_Background);border:var(--sapField_BorderWidth) dashed var(--sapField_ReadOnly_BorderColor);border-radius:var(--sapField_BorderCornerRadius)}.fd-textarea.is-readonly.is-hover,.fd-textarea.is-readonly:hover,.fd-textarea[readonly].is-hover,.fd-textarea[readonly]:hover{background:var(--sapField_ReadOnly_Background)}.fd-textarea.is-readonly.is-focus,.fd-textarea.is-readonly:focus,.fd-textarea[readonly].is-focus,.fd-textarea[readonly]:focus{background:var(--sapField_ReadOnly_Background);outline-offset:-.25rem;z-index:5}.fd-textarea::-webkit-scrollbar-corner,.fd-textarea::-webkit-scrollbar-track{background:transparent;border-radius:0 var(--sapField_BorderCornerRadius) var(--sapField_BorderCornerRadius) 0!important}.fd-textarea__sr-only{position:absolute;clip:rect(0 0 0 0);border:0;height:1px;margin-block:-1px;margin-inline:-1px;overflow:hidden;padding-block:0;padding-inline:0;white-space:nowrap;width:1px}.fd-textarea[aria-expanded=false]{z-index:0}.fd-textarea.is-expanded,.fd-textarea[aria-expanded=true]{z-index:4}.fd-textarea[class*=-compact],.fd-textarea[class*=-condensed],[class*=-compact] .fd-textarea:not([class*=-cozy]),[class*=-condensed] .fd-textarea:not([class*=-cozy]){margin-block:.1875rem;margin-inline:0;min-height:1.625rem;padding-block:.1875rem;padding-inline:.5rem}.fd-textarea-counter{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-block:.375rem .5rem;padding-inline:0;padding-inline:.125rem;text-align:end;text-overflow:ellipsis;white-space:nowrap}.fd-textarea-counter:after,.fd-textarea-counter:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-textarea-counter.is-disabled,.fd-textarea-counter.is-readonly,.fd-textarea-counter:disabled,.fd-textarea-counter[aria-disabled=true],.fd-textarea-counter[readonly]{display:none}.fd-textarea-counter-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-block:.375rem .5rem}.fd-textarea-counter-container:after,.fd-textarea-counter-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-textarea-counter-container .fd-textarea-counter{padding-block:0;-webkit-margin-start:auto;margin-inline-start:auto}.fd-textarea--ai{position:relative}.fd-textarea--ai:has(.fd-ai-busy-indicator){padding-block:0;padding-inline:0}.fd-textarea--ai .fd-toolbar--ai{bottom:0;left:0;position:absolute;right:0}.fd-input.is-readonly,.fd-input[aria-readonly=true],.fd-input[readonly],.fd-input.is-readonly.is-hover,.fd-input.is-readonly:hover,.fd-input[aria-readonly=true].is-hover,.fd-input[aria-readonly=true]:hover,.fd-input[readonly].is-hover,.fd-input[readonly]:hover{z-index:1!important}.fd-input.is-readonly.is-focus,.fd-input.is-readonly:focus,.fd-input[aria-readonly=true].is-focus,.fd-input[aria-readonly=true]:focus,.fd-input[readonly].is-focus,.fd-input[readonly]:focus{z-index:1!important}\n/*! Bundled license information:\n\nfundamental-styles/dist/textarea.css:\n (*!\n * Fundamental Library Styles v0.41.8\n * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"] }]
|
|
140
136
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.ContentDensityObserver }, { type: undefined, decorators: [{
|
|
141
137
|
type: Attribute,
|
|
142
138
|
args: ['aria-label']
|
|
@@ -156,12 +152,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
156
152
|
type: Input
|
|
157
153
|
}], ariaLabelledBy: [{
|
|
158
154
|
type: Input
|
|
159
|
-
}], ariaLabelBinding: [{
|
|
160
|
-
type: HostBinding,
|
|
161
|
-
args: ['attr.aria-label']
|
|
162
|
-
}], ariaLabelledByBinding: [{
|
|
163
|
-
type: HostBinding,
|
|
164
|
-
args: ['attr.aria-labelledby']
|
|
165
155
|
}], buildComponentCssClass: [] } });
|
|
166
156
|
|
|
167
157
|
/**
|
|
@@ -295,6 +285,123 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
295
285
|
}]
|
|
296
286
|
}] });
|
|
297
287
|
|
|
288
|
+
const CSS_CLASS_NAME = {
|
|
289
|
+
message: 'fd-form-message',
|
|
290
|
+
messageStatic: 'fd-form-message--static',
|
|
291
|
+
messageEmbedded: 'fd-form-message--embedded',
|
|
292
|
+
messageSuccess: 'fd-form-message--success',
|
|
293
|
+
messageError: 'fd-form-message--error',
|
|
294
|
+
messageWarning: 'fd-form-message--warning',
|
|
295
|
+
messageInformation: 'fd-form-message--information'
|
|
296
|
+
};
|
|
297
|
+
/** Get form message CSS class accordingly to its type */
|
|
298
|
+
function getTypeClassName(size) {
|
|
299
|
+
switch (size) {
|
|
300
|
+
case 'error':
|
|
301
|
+
return CSS_CLASS_NAME.messageError;
|
|
302
|
+
case 'success':
|
|
303
|
+
return CSS_CLASS_NAME.messageSuccess;
|
|
304
|
+
case 'warning':
|
|
305
|
+
return CSS_CLASS_NAME.messageWarning;
|
|
306
|
+
case 'information':
|
|
307
|
+
return CSS_CLASS_NAME.messageInformation;
|
|
308
|
+
default:
|
|
309
|
+
return null;
|
|
310
|
+
}
|
|
311
|
+
}
|
|
312
|
+
|
|
313
|
+
let formMessageId = 0;
|
|
314
|
+
/**
|
|
315
|
+
* Form message. Intended to be displayed with a form control for validation purposes.
|
|
316
|
+
*/
|
|
317
|
+
class FormMessageComponent {
|
|
318
|
+
constructor() {
|
|
319
|
+
/**
|
|
320
|
+
* form-message id
|
|
321
|
+
* if not set, a default value is provided
|
|
322
|
+
*/
|
|
323
|
+
this.id = input('fd-form-message-id-' + ++formMessageId, /* @ts-ignore */
|
|
324
|
+
...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
|
|
325
|
+
/** Type of the message. */
|
|
326
|
+
this.type = input('default', /* @ts-ignore */
|
|
327
|
+
...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
|
|
328
|
+
/** Whether message should be in static mode, without popover. It's mostly used for forms component, that contain dropdown */
|
|
329
|
+
this.static = input(false, /* @ts-ignore */
|
|
330
|
+
...(ngDevMode ? [{ debugName: "static" }] : /* istanbul ignore next */ []));
|
|
331
|
+
/**
|
|
332
|
+
* Screen reader message for the form message value state.
|
|
333
|
+
* This message provides a text alternative for the state icon displayed with the form message.
|
|
334
|
+
* If provided, this custom message will be announced to screen readers.
|
|
335
|
+
* If not provided, a translated default message will be used based on the message type:
|
|
336
|
+
* - `error`: "Invalid Entry" (represents error icon)
|
|
337
|
+
* - `warning`: "Warning" (represents warning icon)
|
|
338
|
+
* - `success`: "Success" (represents success icon)
|
|
339
|
+
* - `information`: "Information" (represents information icon)
|
|
340
|
+
* - `default`: No message
|
|
341
|
+
*/
|
|
342
|
+
this.valueStateMessage = input('', /* @ts-ignore */
|
|
343
|
+
...(ngDevMode ? [{ debugName: "valueStateMessage" }] : /* istanbul ignore next */ []));
|
|
344
|
+
/**
|
|
345
|
+
* Whether message is used inside popovers or dialogs.
|
|
346
|
+
* When it is enabled box shadow is removed and message is expanded to whole container width
|
|
347
|
+
*/
|
|
348
|
+
this.embedded = input(false, /* @ts-ignore */
|
|
349
|
+
...(ngDevMode ? [{ debugName: "embedded" }] : /* istanbul ignore next */ []));
|
|
350
|
+
/** @hidden */
|
|
351
|
+
this.elementRef = inject(ElementRef);
|
|
352
|
+
/** @hidden */
|
|
353
|
+
this.srOnlyMessage = computed(() => {
|
|
354
|
+
const customMessage = this.valueStateMessage();
|
|
355
|
+
if (customMessage) {
|
|
356
|
+
return customMessage;
|
|
357
|
+
}
|
|
358
|
+
const type = this.type();
|
|
359
|
+
switch (type) {
|
|
360
|
+
case 'success':
|
|
361
|
+
return this._translate('coreFormMessage.success')();
|
|
362
|
+
case 'error':
|
|
363
|
+
return this._translate('coreFormMessage.error')();
|
|
364
|
+
case 'warning':
|
|
365
|
+
return this._translate('coreFormMessage.warning')();
|
|
366
|
+
case 'information':
|
|
367
|
+
return this._translate('coreFormMessage.information')();
|
|
368
|
+
default:
|
|
369
|
+
return '';
|
|
370
|
+
}
|
|
371
|
+
}, /* @ts-ignore */
|
|
372
|
+
...(ngDevMode ? [{ debugName: "srOnlyMessage" }] : /* istanbul ignore next */ []));
|
|
373
|
+
/** @hidden */
|
|
374
|
+
this.cssClass = computed(() => [
|
|
375
|
+
CSS_CLASS_NAME.message,
|
|
376
|
+
this.static() ? CSS_CLASS_NAME.messageStatic : '',
|
|
377
|
+
this.embedded() ? CSS_CLASS_NAME.messageEmbedded : '',
|
|
378
|
+
getTypeClassName(this.type())
|
|
379
|
+
]
|
|
380
|
+
.filter(Boolean)
|
|
381
|
+
.join(' '), /* @ts-ignore */
|
|
382
|
+
...(ngDevMode ? [{ debugName: "cssClass" }] : /* istanbul ignore next */ []));
|
|
383
|
+
/** @hidden */
|
|
384
|
+
this._translate = resolveTranslationSignalFn();
|
|
385
|
+
}
|
|
386
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FormMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
387
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: FormMessageComponent, isStandalone: true, selector: "fd-form-message", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, static: { classPropertyName: "static", publicName: "static", isSignal: true, isRequired: false, transformFunction: null }, valueStateMessage: { classPropertyName: "valueStateMessage", publicName: "valueStateMessage", isSignal: true, isRequired: false, transformFunction: null }, embedded: { classPropertyName: "embedded", publicName: "embedded", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "aria-live": "assertive", "aria-atomic": "true" }, properties: { "class": "cssClass()", "attr.id": "id()" } }, providers: [DynamicComponentService], ngImport: i0, template: `@if (srOnlyMessage()) {
|
|
388
|
+
<span class="fd-form-message__sr-only">{{ srOnlyMessage() }}</span>
|
|
389
|
+
}
|
|
390
|
+
<span><ng-content></ng-content></span>`, isInline: true, styles: [".fd-form-message{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:var(--fdMessage_Border);border-radius:var(--fdMessage_Border_Radius)!important;-webkit-box-shadow:var(--fdMessage_Box_Shadow);box-shadow:var(--fdMessage_Box_Shadow);color:var(--sapTextColor);font-size:var(--sapFontSmallSize);font-weight:400;line-height:1.125rem;max-width:22rem;min-width:6rem;padding-block:.5rem;padding-inline:.5rem;white-space:pre-line!important;width:100%}.fd-form-message:after,.fd-form-message:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-form-message[dir=rtl],[dir=rtl] .fd-form-message{right:0}.fd-form-message:before{display:var(--fdMessage_Icon_Display);-ms-flex-item-align:start;align-self:flex-start;-webkit-margin-end:.375rem;font-family:SAP-icons;font-size:1rem;margin-inline-end:.375rem}.fd-form-message--static{width:auto}.fd-form-message--embedded{-webkit-box-shadow:none;box-shadow:none;max-width:100%}.fd-form-message--error{background-color:var(--sapErrorBackground)}.fd-form-message--error:before{color:var(--sapNegativeElementColor);content:\"\\e1ec\"}.fd-form-message--warning{background-color:var(--sapWarningBackground)}.fd-form-message--warning:before{color:var(--sapCriticalElementColor);content:\"\\e053\"}.fd-form-message--success{background-color:var(--sapSuccessBackground)}.fd-form-message--success:before{color:var(--sapPositiveElementColor);content:\"\\e1c1\"}.fd-form-message--information{background-color:var(--sapInformationBackground)}.fd-form-message--information:before{color:var(--sapInformativeElementColor);content:\"\\e289\"}.fd-form-message__sr-only{position:absolute;clip:rect(0 0 0 0);height:1px;width:1px;border:0;margin-inline:-1px;margin-block:-1px;padding-inline:0;padding-block:0;overflow:hidden;white-space:nowrap}\n/*! Bundled license information:\n\nfundamental-styles/dist/form-message.css:\n (*!\n * Fundamental Library Styles v0.41.8\n * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
391
|
+
}
|
|
392
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FormMessageComponent, decorators: [{
|
|
393
|
+
type: Component,
|
|
394
|
+
args: [{ selector: 'fd-form-message', template: `@if (srOnlyMessage()) {
|
|
395
|
+
<span class="fd-form-message__sr-only">{{ srOnlyMessage() }}</span>
|
|
396
|
+
}
|
|
397
|
+
<span><ng-content></ng-content></span>`, host: {
|
|
398
|
+
'aria-live': 'assertive',
|
|
399
|
+
'aria-atomic': 'true',
|
|
400
|
+
'[class]': 'cssClass()',
|
|
401
|
+
'[attr.id]': 'id()'
|
|
402
|
+
}, providers: [DynamicComponentService], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".fd-form-message{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:var(--fdMessage_Border);border-radius:var(--fdMessage_Border_Radius)!important;-webkit-box-shadow:var(--fdMessage_Box_Shadow);box-shadow:var(--fdMessage_Box_Shadow);color:var(--sapTextColor);font-size:var(--sapFontSmallSize);font-weight:400;line-height:1.125rem;max-width:22rem;min-width:6rem;padding-block:.5rem;padding-inline:.5rem;white-space:pre-line!important;width:100%}.fd-form-message:after,.fd-form-message:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-form-message[dir=rtl],[dir=rtl] .fd-form-message{right:0}.fd-form-message:before{display:var(--fdMessage_Icon_Display);-ms-flex-item-align:start;align-self:flex-start;-webkit-margin-end:.375rem;font-family:SAP-icons;font-size:1rem;margin-inline-end:.375rem}.fd-form-message--static{width:auto}.fd-form-message--embedded{-webkit-box-shadow:none;box-shadow:none;max-width:100%}.fd-form-message--error{background-color:var(--sapErrorBackground)}.fd-form-message--error:before{color:var(--sapNegativeElementColor);content:\"\\e1ec\"}.fd-form-message--warning{background-color:var(--sapWarningBackground)}.fd-form-message--warning:before{color:var(--sapCriticalElementColor);content:\"\\e053\"}.fd-form-message--success{background-color:var(--sapSuccessBackground)}.fd-form-message--success:before{color:var(--sapPositiveElementColor);content:\"\\e1c1\"}.fd-form-message--information{background-color:var(--sapInformationBackground)}.fd-form-message--information:before{color:var(--sapInformativeElementColor);content:\"\\e289\"}.fd-form-message__sr-only{position:absolute;clip:rect(0 0 0 0);height:1px;width:1px;border:0;margin-inline:-1px;margin-block:-1px;padding-inline:0;padding-block:0;overflow:hidden;white-space:nowrap}\n/*! Bundled license information:\n\nfundamental-styles/dist/form-message.css:\n (*!\n * Fundamental Library Styles v0.41.8\n * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"] }]
|
|
403
|
+
}], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], static: [{ type: i0.Input, args: [{ isSignal: true, alias: "static", required: false }] }], valueStateMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueStateMessage", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }] } });
|
|
404
|
+
|
|
298
405
|
class FormInputMessageGroupComponent {
|
|
299
406
|
constructor() {
|
|
300
407
|
/**
|
|
@@ -331,6 +438,77 @@ class FormInputMessageGroupComponent {
|
|
|
331
438
|
this._elementRef = inject(ElementRef);
|
|
332
439
|
/** @hidden Translated aria-label for the popover body (#14260). */
|
|
333
440
|
this._popoverAriaLabel = resolveTranslationSignalFn()('coreFormInputMessageGroup.popoverAriaLabel');
|
|
441
|
+
/** @hidden */
|
|
442
|
+
this._renderer = inject(Renderer2);
|
|
443
|
+
/** @hidden */
|
|
444
|
+
this._injector = inject(Injector);
|
|
445
|
+
/** @hidden Query for the projected form message */
|
|
446
|
+
this._formMessage = contentChild(FormMessageComponent, /* @ts-ignore */
|
|
447
|
+
...(ngDevMode ? [{ debugName: "_formMessage" }] : /* istanbul ignore next */ []));
|
|
448
|
+
/** @hidden Track the aria-describedby value we set, to distinguish from user-provided values */
|
|
449
|
+
this._managedDescribedbyId = null;
|
|
450
|
+
}
|
|
451
|
+
/** @hidden */
|
|
452
|
+
ngAfterContentInit() {
|
|
453
|
+
// Set up ARIA attributes linking the control to the form message
|
|
454
|
+
effect(() => {
|
|
455
|
+
const formMessage = this._formMessage();
|
|
456
|
+
const controlElement = this._getControlElement();
|
|
457
|
+
// If form message is removed or control not found, clean up managed attributes
|
|
458
|
+
if (!formMessage || !controlElement) {
|
|
459
|
+
if (controlElement && this._managedDescribedbyId) {
|
|
460
|
+
// Only remove attributes we previously managed
|
|
461
|
+
const currentDescribedby = controlElement.getAttribute('aria-describedby');
|
|
462
|
+
if (currentDescribedby === this._managedDescribedbyId) {
|
|
463
|
+
this._renderer.removeAttribute(controlElement, 'aria-describedby');
|
|
464
|
+
this._renderer.removeAttribute(controlElement, 'aria-invalid');
|
|
465
|
+
}
|
|
466
|
+
this._managedDescribedbyId = null;
|
|
467
|
+
}
|
|
468
|
+
return;
|
|
469
|
+
}
|
|
470
|
+
const messageId = formMessage.id();
|
|
471
|
+
const messageType = formMessage.type();
|
|
472
|
+
if (!messageId) {
|
|
473
|
+
return;
|
|
474
|
+
}
|
|
475
|
+
// Check if user provided their own ARIA linking attributes
|
|
476
|
+
const existingDescribedby = controlElement.getAttribute('aria-describedby');
|
|
477
|
+
const userErrormessage = controlElement.getAttribute('aria-errormessage');
|
|
478
|
+
// If user provided aria-errormessage, replace it with aria-describedby
|
|
479
|
+
// because aria-errormessage requires the referenced element to be perceivable at all times,
|
|
480
|
+
// which doesn't work with popover-based messages that may be hidden initially
|
|
481
|
+
if (userErrormessage) {
|
|
482
|
+
this._renderer.removeAttribute(controlElement, 'aria-errormessage');
|
|
483
|
+
this._renderer.setAttribute(controlElement, 'aria-describedby', userErrormessage);
|
|
484
|
+
this._managedDescribedbyId = userErrormessage;
|
|
485
|
+
// Ensure aria-invalid is set for error messages
|
|
486
|
+
if (messageType === 'error' && !controlElement.hasAttribute('aria-invalid')) {
|
|
487
|
+
this._renderer.setAttribute(controlElement, 'aria-invalid', 'true');
|
|
488
|
+
}
|
|
489
|
+
return;
|
|
490
|
+
}
|
|
491
|
+
// If user provided aria-describedby (and it's NOT one we set), respect it
|
|
492
|
+
if (existingDescribedby && existingDescribedby !== this._managedDescribedbyId) {
|
|
493
|
+
if (messageType === 'error' && !controlElement.hasAttribute('aria-invalid')) {
|
|
494
|
+
this._renderer.setAttribute(controlElement, 'aria-invalid', 'true');
|
|
495
|
+
}
|
|
496
|
+
return;
|
|
497
|
+
}
|
|
498
|
+
// No user-provided attributes - automatically manage ARIA
|
|
499
|
+
// Note: We use aria-describedby for all message types (including errors)
|
|
500
|
+
// because aria-errormessage requires the referenced element to be perceivable,
|
|
501
|
+
// which isn't guaranteed with popover-based messages
|
|
502
|
+
this._managedDescribedbyId = messageId;
|
|
503
|
+
if (messageType === 'error') {
|
|
504
|
+
this._renderer.setAttribute(controlElement, 'aria-describedby', messageId);
|
|
505
|
+
this._renderer.setAttribute(controlElement, 'aria-invalid', 'true');
|
|
506
|
+
}
|
|
507
|
+
else {
|
|
508
|
+
this._renderer.setAttribute(controlElement, 'aria-describedby', messageId);
|
|
509
|
+
this._renderer.removeAttribute(controlElement, 'aria-invalid');
|
|
510
|
+
}
|
|
511
|
+
}, { injector: this._injector });
|
|
334
512
|
}
|
|
335
513
|
/**
|
|
336
514
|
* Function is called every time message changes isOpen attribute
|
|
@@ -338,8 +516,21 @@ class FormInputMessageGroupComponent {
|
|
|
338
516
|
openChanged(isOpen) {
|
|
339
517
|
this.isOpenChange.emit(isOpen);
|
|
340
518
|
}
|
|
519
|
+
/** @hidden Get the control element (input, textarea, etc.) from the popover control */
|
|
520
|
+
_getControlElement() {
|
|
521
|
+
const popoverControlElement = this._elementRef.nativeElement.querySelector('fd-popover-control');
|
|
522
|
+
if (!popoverControlElement) {
|
|
523
|
+
return null;
|
|
524
|
+
}
|
|
525
|
+
// Find the first form control element (input, textarea, select, etc.)
|
|
526
|
+
const controlElement = popoverControlElement.querySelector('input') ||
|
|
527
|
+
popoverControlElement.querySelector('textarea') ||
|
|
528
|
+
popoverControlElement.querySelector('select') ||
|
|
529
|
+
popoverControlElement.querySelector('[contenteditable]');
|
|
530
|
+
return controlElement;
|
|
531
|
+
}
|
|
341
532
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FormInputMessageGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
342
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: FormInputMessageGroupComponent, isStandalone: true, selector: "fd-form-input-message-group", inputs: { triggers: "triggers", closeOnOutsideClick: "closeOnOutsideClick", fillControlMode: "fillControlMode", noArrow: "noArrow", closeOnEscapeKey: "closeOnEscapeKey", placement: "placement", placementContainer: "placementContainer", isOpen: "isOpen", preventSpaceKeyScroll: "preventSpaceKeyScroll" }, outputs: { isOpenChange: "isOpenChange" }, viewQueries: [{ propertyName: "_popoverPlacementContainer", first: true, predicate: ["popoverPlacementContainer"], descendants: true, read: ElementRef }, { propertyName: "_popover", first: true, predicate: ["popover"], descendants: true }], ngImport: i0, template: "@if (placementContainer === 'self') {\n <div #popoverPlacementContainer class=\"fd-form-input-message__container\"></div>\n}\n<fd-popover\n class=\"fd-form-input-message-group\"\n additionalBodyClass=\"fd-popover__body--input-message-group\"\n #popover\n [placement]=\"placement\"\n [triggers]=\"triggers\"\n [noArrow]=\"noArrow\"\n [closeOnEscapeKey]=\"closeOnEscapeKey\"\n [fillControlMode]=\"fillControlMode\"\n [closeOnOutsideClick]=\"closeOnOutsideClick\"\n [disableScrollbar]=\"true\"\n [isOpen]=\"isOpen\"\n [placementContainer]=\"_popoverPlacementContainer\"\n [preventSpaceKeyScroll]=\"preventSpaceKeyScroll\"\n [focusAutoCapture]=\"false\"\n [focusTrapped]=\"false\"\n [restoreFocusOnClose]=\"false\"\n [bodyAriaLabel]=\"_popoverAriaLabel()\"\n (isOpenChange)=\"openChanged($event)\"\n>\n <fd-popover-control>\n <ng-content></ng-content>\n </fd-popover-control>\n <fd-popover-body>\n <ng-content select=\"fd-form-message\"></ng-content>\n </fd-popover-body>\n</fd-popover>\n", styles: [".fd-popover-container-custom--message{flex-grow:1}.fd-popover-container-custom{border:none}.fd-form-input-message-group.fd-popover-custom,.fd-form-input-message-group .fd-input{display:block}.fd-popover__body.fd-popover__body--input-message-group{margin-top:0!important;z-index:999}.fd-form-input-message__container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}\n"], dependencies: [{ kind: "component", type: PopoverComponent, selector: "fd-popover", inputs: ["config", "title", "trigger", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll", "placement", "maxWidth", "fillControlMode", "closeOnOutsideClick", "closeOnEscapeKey", "disabled", "triggers", "focusTrapped", "focusAutoCapture", "restoreFocusOnClose", "noArrow", "disableScrollbar", "appendTo", "placementContainer", "scrollStrategy", "cdkPositions", "applyOverlay", "additionalBodyClass", "additionalTriggerClass", "closeOnNavigation", "fixedPosition", "resizable", "bodyAriaLabel", "bodyRole", "bodyAriaLabelledBy", "isOpen"], outputs: ["triggerChange", "isOpenChange", "beforeOpen"] }, { kind: "component", type: PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight", "ariaModal"], outputs: ["onClose"] }, { kind: "ngmodule", type: A11yModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
533
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: FormInputMessageGroupComponent, isStandalone: true, selector: "fd-form-input-message-group", inputs: { triggers: "triggers", closeOnOutsideClick: "closeOnOutsideClick", fillControlMode: "fillControlMode", noArrow: "noArrow", closeOnEscapeKey: "closeOnEscapeKey", placement: "placement", placementContainer: "placementContainer", isOpen: "isOpen", preventSpaceKeyScroll: "preventSpaceKeyScroll" }, outputs: { isOpenChange: "isOpenChange" }, queries: [{ propertyName: "_formMessage", first: true, predicate: FormMessageComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "_popoverPlacementContainer", first: true, predicate: ["popoverPlacementContainer"], descendants: true, read: ElementRef }, { propertyName: "_popover", first: true, predicate: ["popover"], descendants: true }], ngImport: i0, template: "@if (placementContainer === 'self') {\n <div #popoverPlacementContainer class=\"fd-form-input-message__container\"></div>\n}\n<fd-popover\n class=\"fd-form-input-message-group\"\n additionalBodyClass=\"fd-popover__body--input-message-group\"\n #popover\n [placement]=\"placement\"\n [triggers]=\"triggers\"\n [noArrow]=\"noArrow\"\n [closeOnEscapeKey]=\"closeOnEscapeKey\"\n [fillControlMode]=\"fillControlMode\"\n [closeOnOutsideClick]=\"closeOnOutsideClick\"\n [disableScrollbar]=\"true\"\n [isOpen]=\"isOpen\"\n [placementContainer]=\"_popoverPlacementContainer\"\n [preventSpaceKeyScroll]=\"preventSpaceKeyScroll\"\n [focusAutoCapture]=\"false\"\n [focusTrapped]=\"false\"\n [restoreFocusOnClose]=\"false\"\n [bodyAriaLabel]=\"_popoverAriaLabel()\"\n (isOpenChange)=\"openChanged($event)\"\n>\n <fd-popover-control>\n <ng-content></ng-content>\n </fd-popover-control>\n <fd-popover-body>\n <ng-content select=\"fd-form-message\"></ng-content>\n </fd-popover-body>\n</fd-popover>\n", styles: [".fd-popover-container-custom--message{flex-grow:1}.fd-popover-container-custom{border:none}.fd-form-input-message-group.fd-popover-custom,.fd-form-input-message-group .fd-input{display:block}.fd-popover__body.fd-popover__body--input-message-group{margin-top:0!important;z-index:999}.fd-form-input-message__container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}\n"], dependencies: [{ kind: "component", type: PopoverComponent, selector: "fd-popover", inputs: ["config", "title", "trigger", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll", "placement", "maxWidth", "fillControlMode", "closeOnOutsideClick", "closeOnEscapeKey", "disabled", "triggers", "focusTrapped", "focusAutoCapture", "restoreFocusOnClose", "noArrow", "disableScrollbar", "appendTo", "placementContainer", "scrollStrategy", "cdkPositions", "applyOverlay", "additionalBodyClass", "additionalTriggerClass", "closeOnNavigation", "fixedPosition", "resizable", "bodyAriaLabel", "bodyRole", "bodyAriaLabelledBy", "isOpen"], outputs: ["triggerChange", "isOpenChange", "beforeOpen"] }, { kind: "component", type: PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight", "ariaModal"], outputs: ["onClose"] }, { kind: "ngmodule", type: A11yModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
343
534
|
}
|
|
344
535
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FormInputMessageGroupComponent, decorators: [{
|
|
345
536
|
type: Component,
|
|
@@ -370,7 +561,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
370
561
|
}], _popover: [{
|
|
371
562
|
type: ViewChild,
|
|
372
563
|
args: ['popover']
|
|
373
|
-
}] } });
|
|
564
|
+
}], _formMessage: [{ type: i0.ContentChild, args: [i0.forwardRef(() => FormMessageComponent), { isSignal: true }] }] } });
|
|
374
565
|
|
|
375
566
|
/**
|
|
376
567
|
* @deprecated
|
|
@@ -636,89 +827,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
636
827
|
}]
|
|
637
828
|
}] });
|
|
638
829
|
|
|
639
|
-
const CSS_CLASS_NAME = {
|
|
640
|
-
message: 'fd-form-message',
|
|
641
|
-
messageStatic: 'fd-form-message--static',
|
|
642
|
-
messageEmbedded: 'fd-form-message--embedded',
|
|
643
|
-
messageSuccess: 'fd-form-message--success',
|
|
644
|
-
messageError: 'fd-form-message--error',
|
|
645
|
-
messageWarning: 'fd-form-message--warning',
|
|
646
|
-
messageInformation: 'fd-form-message--information'
|
|
647
|
-
};
|
|
648
|
-
/** Get form message CSS class accordingly to its type */
|
|
649
|
-
function getTypeClassName(size) {
|
|
650
|
-
switch (size) {
|
|
651
|
-
case 'error':
|
|
652
|
-
return CSS_CLASS_NAME.messageError;
|
|
653
|
-
case 'success':
|
|
654
|
-
return CSS_CLASS_NAME.messageSuccess;
|
|
655
|
-
case 'warning':
|
|
656
|
-
return CSS_CLASS_NAME.messageWarning;
|
|
657
|
-
case 'information':
|
|
658
|
-
return CSS_CLASS_NAME.messageInformation;
|
|
659
|
-
default:
|
|
660
|
-
return null;
|
|
661
|
-
}
|
|
662
|
-
}
|
|
663
|
-
|
|
664
|
-
/**
|
|
665
|
-
* Form message. Intended to be displayed with a form control for validation purposes.
|
|
666
|
-
*/
|
|
667
|
-
class FormMessageComponent {
|
|
668
|
-
/** @hidden */
|
|
669
|
-
constructor(elementRef) {
|
|
670
|
-
this.elementRef = elementRef;
|
|
671
|
-
/** Whether message should be in static mode, without popover. It's mostly used for forms component, that contain dropdown */
|
|
672
|
-
this.static = false;
|
|
673
|
-
/**
|
|
674
|
-
* Whether message is used inside popovers or dialogs.
|
|
675
|
-
* When it is enabled box shadow is removed and message is expanded to whole container width
|
|
676
|
-
*/
|
|
677
|
-
this.embedded = false;
|
|
678
|
-
}
|
|
679
|
-
/** @hidden */
|
|
680
|
-
buildComponentCssClass() {
|
|
681
|
-
return [
|
|
682
|
-
CSS_CLASS_NAME.message,
|
|
683
|
-
this.static ? CSS_CLASS_NAME.messageStatic : '',
|
|
684
|
-
this.embedded ? CSS_CLASS_NAME.messageEmbedded : '',
|
|
685
|
-
getTypeClassName(this.type),
|
|
686
|
-
this.class
|
|
687
|
-
].filter((v) => !!v);
|
|
688
|
-
}
|
|
689
|
-
/** @hidden */
|
|
690
|
-
ngOnChanges() {
|
|
691
|
-
this.buildComponentCssClass();
|
|
692
|
-
}
|
|
693
|
-
/** @hidden */
|
|
694
|
-
ngOnInit() {
|
|
695
|
-
this.buildComponentCssClass();
|
|
696
|
-
}
|
|
697
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FormMessageComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
698
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: FormMessageComponent, isStandalone: true, selector: "fd-form-message", inputs: { type: "type", static: "static", embedded: "embedded", class: "class" }, host: { attributes: { "aria-live": "assertive", "aria-atomic": "true" } }, providers: [DynamicComponentService], usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [".fd-form-message{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:var(--fdMessage_Border);border-radius:var(--fdMessage_Border_Radius)!important;-webkit-box-shadow:var(--fdMessage_Box_Shadow);box-shadow:var(--fdMessage_Box_Shadow);color:var(--sapTextColor);font-size:var(--sapFontSmallSize);font-weight:400;line-height:1.125rem;max-width:22rem;min-width:6rem;padding-block:.5rem;padding-inline:.5rem;white-space:pre-line!important;width:100%}.fd-form-message:after,.fd-form-message:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-form-message[dir=rtl],[dir=rtl] .fd-form-message{right:0}.fd-form-message:before{display:var(--fdMessage_Icon_Display);-ms-flex-item-align:start;align-self:flex-start;-webkit-margin-end:.375rem;font-family:SAP-icons;font-size:1rem;margin-inline-end:.375rem}.fd-form-message--static{width:auto}.fd-form-message--embedded{-webkit-box-shadow:none;box-shadow:none;max-width:100%}.fd-form-message--error{background-color:var(--sapErrorBackground)}.fd-form-message--error:before{color:var(--sapNegativeElementColor);content:\"\\e1ec\"}.fd-form-message--warning{background-color:var(--sapWarningBackground)}.fd-form-message--warning:before{color:var(--sapCriticalElementColor);content:\"\\e053\"}.fd-form-message--success{background-color:var(--sapSuccessBackground)}.fd-form-message--success:before{color:var(--sapPositiveElementColor);content:\"\\e1c1\"}.fd-form-message--information{background-color:var(--sapInformationBackground)}.fd-form-message--information:before{color:var(--sapInformativeElementColor);content:\"\\e289\"}.fd-form-message--error:before{content:\"\\e1ec\"}.fd-form-message--warning:before{content:\"\\e053\"}.fd-form-message--success:before{content:\"\\e1c1\"}.fd-form-message--information:before{content:\"\\e289\"}\n/*! Bundled license information:\n\nfundamental-styles/dist/form-message.css:\n (*!\n * Fundamental Library Styles v0.41.8\n * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
699
|
-
}
|
|
700
|
-
__decorate([
|
|
701
|
-
applyCssClass,
|
|
702
|
-
__metadata("design:type", Function),
|
|
703
|
-
__metadata("design:paramtypes", []),
|
|
704
|
-
__metadata("design:returntype", Array)
|
|
705
|
-
], FormMessageComponent.prototype, "buildComponentCssClass", null);
|
|
706
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FormMessageComponent, decorators: [{
|
|
707
|
-
type: Component,
|
|
708
|
-
args: [{ selector: 'fd-form-message', template: `<ng-content></ng-content>`, host: {
|
|
709
|
-
'aria-live': 'assertive',
|
|
710
|
-
'aria-atomic': 'true'
|
|
711
|
-
}, providers: [DynamicComponentService], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [".fd-form-message{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:var(--fdMessage_Border);border-radius:var(--fdMessage_Border_Radius)!important;-webkit-box-shadow:var(--fdMessage_Box_Shadow);box-shadow:var(--fdMessage_Box_Shadow);color:var(--sapTextColor);font-size:var(--sapFontSmallSize);font-weight:400;line-height:1.125rem;max-width:22rem;min-width:6rem;padding-block:.5rem;padding-inline:.5rem;white-space:pre-line!important;width:100%}.fd-form-message:after,.fd-form-message:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-form-message[dir=rtl],[dir=rtl] .fd-form-message{right:0}.fd-form-message:before{display:var(--fdMessage_Icon_Display);-ms-flex-item-align:start;align-self:flex-start;-webkit-margin-end:.375rem;font-family:SAP-icons;font-size:1rem;margin-inline-end:.375rem}.fd-form-message--static{width:auto}.fd-form-message--embedded{-webkit-box-shadow:none;box-shadow:none;max-width:100%}.fd-form-message--error{background-color:var(--sapErrorBackground)}.fd-form-message--error:before{color:var(--sapNegativeElementColor);content:\"\\e1ec\"}.fd-form-message--warning{background-color:var(--sapWarningBackground)}.fd-form-message--warning:before{color:var(--sapCriticalElementColor);content:\"\\e053\"}.fd-form-message--success{background-color:var(--sapSuccessBackground)}.fd-form-message--success:before{color:var(--sapPositiveElementColor);content:\"\\e1c1\"}.fd-form-message--information{background-color:var(--sapInformationBackground)}.fd-form-message--information:before{color:var(--sapInformativeElementColor);content:\"\\e289\"}.fd-form-message--error:before{content:\"\\e1ec\"}.fd-form-message--warning:before{content:\"\\e053\"}.fd-form-message--success:before{content:\"\\e1c1\"}.fd-form-message--information:before{content:\"\\e289\"}\n/*! Bundled license information:\n\nfundamental-styles/dist/form-message.css:\n (*!\n * Fundamental Library Styles v0.41.8\n * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"] }]
|
|
712
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { type: [{
|
|
713
|
-
type: Input
|
|
714
|
-
}], static: [{
|
|
715
|
-
type: Input
|
|
716
|
-
}], embedded: [{
|
|
717
|
-
type: Input
|
|
718
|
-
}], class: [{
|
|
719
|
-
type: Input
|
|
720
|
-
}], buildComponentCssClass: [] } });
|
|
721
|
-
|
|
722
830
|
/**
|
|
723
831
|
* @deprecated
|
|
724
832
|
* Import `FormMessageComponent` directly as a standalone component.
|