@fundamental-ngx/core 0.35.2-rc.1 → 0.35.2-rc.4

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.
Files changed (125) hide show
  1. package/action-bar/package.json +1 -1
  2. package/action-sheet/package.json +1 -1
  3. package/alert/package.json +1 -1
  4. package/avatar/package.json +1 -1
  5. package/avatar-group/package.json +1 -1
  6. package/bar/package.json +1 -1
  7. package/breadcrumb/package.json +1 -1
  8. package/busy-indicator/package.json +1 -1
  9. package/button/package.json +1 -1
  10. package/calendar/package.json +1 -1
  11. package/card/package.json +1 -1
  12. package/carousel/package.json +1 -1
  13. package/checkbox/package.json +1 -1
  14. package/combobox/package.json +1 -1
  15. package/date-picker/package.json +1 -1
  16. package/datetime/package.json +1 -1
  17. package/datetime-picker/package.json +1 -1
  18. package/dialog/package.json +1 -1
  19. package/dynamic-page/package.json +1 -1
  20. package/dynamic-side-content/package.json +1 -1
  21. package/esm2020/input-group/input-group.component.mjs +3 -3
  22. package/esm2020/select/select.component.mjs +1 -2
  23. package/esm2020/wizard/wizard.component.mjs +4 -3
  24. package/esm2020/wizard/wizard.module.mjs +5 -4
  25. package/facets/package.json +1 -1
  26. package/feed-input/package.json +1 -1
  27. package/feed-list-item/package.json +1 -1
  28. package/fesm2015/fundamental-ngx-core-input-group.mjs +2 -2
  29. package/fesm2015/fundamental-ngx-core-input-group.mjs.map +1 -1
  30. package/fesm2015/fundamental-ngx-core-select.mjs +0 -1
  31. package/fesm2015/fundamental-ngx-core-select.mjs.map +1 -1
  32. package/fesm2015/fundamental-ngx-core-wizard.mjs +7 -5
  33. package/fesm2015/fundamental-ngx-core-wizard.mjs.map +1 -1
  34. package/fesm2020/fundamental-ngx-core-input-group.mjs +2 -2
  35. package/fesm2020/fundamental-ngx-core-input-group.mjs.map +1 -1
  36. package/fesm2020/fundamental-ngx-core-select.mjs +0 -1
  37. package/fesm2020/fundamental-ngx-core-select.mjs.map +1 -1
  38. package/fesm2020/fundamental-ngx-core-wizard.mjs +7 -5
  39. package/fesm2020/fundamental-ngx-core-wizard.mjs.map +1 -1
  40. package/file-uploader/package.json +1 -1
  41. package/fixed-card-layout/package.json +1 -1
  42. package/flexible-column-layout/package.json +1 -1
  43. package/form/package.json +1 -1
  44. package/formatted-text/package.json +1 -1
  45. package/grid-list/package.json +1 -1
  46. package/icon/package.json +1 -1
  47. package/illustrated-message/package.json +1 -1
  48. package/infinite-scroll/package.json +1 -1
  49. package/info-label/package.json +1 -1
  50. package/inline-help/package.json +1 -1
  51. package/input-group/esm2020/input-group.component.mjs +3 -3
  52. package/input-group/fesm2015/fundamental-ngx-core-input-group.mjs +2 -2
  53. package/input-group/fesm2015/fundamental-ngx-core-input-group.mjs.map +1 -1
  54. package/input-group/fesm2020/fundamental-ngx-core-input-group.mjs +2 -2
  55. package/input-group/fesm2020/fundamental-ngx-core-input-group.mjs.map +1 -1
  56. package/input-group/package.json +1 -1
  57. package/layout-grid/package.json +1 -1
  58. package/layout-panel/package.json +1 -1
  59. package/link/package.json +1 -1
  60. package/list/package.json +1 -1
  61. package/menu/package.json +1 -1
  62. package/message-box/package.json +1 -1
  63. package/message-strip/package.json +1 -1
  64. package/message-toast/package.json +1 -1
  65. package/micro-process-flow/package.json +1 -1
  66. package/mobile-mode/package.json +1 -1
  67. package/multi-input/package.json +1 -1
  68. package/nested-list/package.json +1 -1
  69. package/notification/package.json +1 -1
  70. package/object-identifier/package.json +1 -1
  71. package/object-marker/package.json +1 -1
  72. package/object-number/package.json +1 -1
  73. package/object-status/package.json +1 -1
  74. package/overflow-layout/package.json +12 -12
  75. package/package.json +1 -1
  76. package/pagination/package.json +1 -1
  77. package/panel/package.json +1 -1
  78. package/popover/package.json +1 -1
  79. package/product-switch/package.json +1 -1
  80. package/progress-indicator/package.json +1 -1
  81. package/quick-view/package.json +1 -1
  82. package/radio/package.json +1 -1
  83. package/rating-indicator/package.json +1 -1
  84. package/resizable-card-layout/package.json +1 -1
  85. package/scroll-spy/package.json +1 -1
  86. package/scrollbar/package.json +1 -1
  87. package/segmented-button/package.json +1 -1
  88. package/select/esm2020/select.component.mjs +1 -2
  89. package/select/fesm2015/fundamental-ngx-core-select.mjs +0 -1
  90. package/select/fesm2015/fundamental-ngx-core-select.mjs.map +1 -1
  91. package/select/fesm2020/fundamental-ngx-core-select.mjs +0 -1
  92. package/select/fesm2020/fundamental-ngx-core-select.mjs.map +1 -1
  93. package/select/package.json +1 -1
  94. package/shared/package.json +1 -1
  95. package/shellbar/package.json +1 -1
  96. package/side-navigation/package.json +1 -1
  97. package/slider/package.json +1 -1
  98. package/split-button/package.json +1 -1
  99. package/splitter/package.json +1 -1
  100. package/status-indicator/package.json +1 -1
  101. package/step-input/package.json +1 -1
  102. package/switch/package.json +1 -1
  103. package/table/package.json +1 -1
  104. package/tabs/package.json +1 -1
  105. package/text/package.json +1 -1
  106. package/theming/package.json +1 -1
  107. package/tile/package.json +1 -1
  108. package/time/package.json +1 -1
  109. package/time-picker/package.json +1 -1
  110. package/timeline/package.json +1 -1
  111. package/title/package.json +1 -1
  112. package/token/package.json +1 -1
  113. package/toolbar/package.json +1 -1
  114. package/tree/package.json +1 -1
  115. package/upload-collection/package.json +1 -1
  116. package/utils/package.json +1 -1
  117. package/vertical-navigation/package.json +1 -1
  118. package/wizard/esm2020/wizard.component.mjs +4 -3
  119. package/wizard/esm2020/wizard.module.mjs +5 -4
  120. package/wizard/fesm2015/fundamental-ngx-core-wizard.mjs +7 -5
  121. package/wizard/fesm2015/fundamental-ngx-core-wizard.mjs.map +1 -1
  122. package/wizard/fesm2020/fundamental-ngx-core-wizard.mjs +7 -5
  123. package/wizard/fesm2020/fundamental-ngx-core-wizard.mjs.map +1 -1
  124. package/wizard/package.json +1 -1
  125. package/wizard/wizard.module.d.ts +2 -1
package/fesm2015/fundamental-ngx-core-input-group.mjs CHANGED
@@ -369,7 +369,7 @@ InputGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
369
369
  multi: true
370
370
  },
371
371
  registerFormItemControl(InputGroupComponent)
372
- ], queries: [{ propertyName: "inputElement", first: true, predicate: InputGroupInputDirective, descendants: true }, { propertyName: "addOnElement", first: true, predicate: InputGroupAddOnDirective, descendants: true }], viewQueries: [{ propertyName: "localInputElement", first: true, predicate: InputGroupInputDirective, descendants: true }], ngImport: i0, template: "<div\n class=\"fd-input-group\"\n [class.fd-input-group--inline]=\"inline\"\n [class.is-disabled]=\"disabled\"\n [class.is-readonly]=\"readonly\"\n [class.fd-shellbar__input-group]=\"inShellbar\"\n [class.fd-input-group--control]=\"isControl\"\n [class.is-focus]=\"_inputFocused$ | async\"\n [class]=\"state ? 'is-' + state : ' '\"\n>\n <ng-container *ngIf=\"placement === 'after' && !inputElement\">\n <ng-container *ngTemplateOutlet=\"input\"></ng-container>\n </ng-container>\n\n <ng-content></ng-content>\n\n <ng-container *ngIf=\"!addOnElement && (glyph || addOnText)\">\n <span\n *ngIf=\"button\"\n fd-input-group-addon\n [compact]=\"compact\"\n [button]=\"true\"\n [placement]=\"placement\"\n [class.fd-shellbar__input-group-addon]=\"inShellbar\"\n >\n <button\n fd-button\n class=\"fd-input-group__button\"\n type=\"button\"\n [fdType]=\"inShellbar ? 'standard' : 'transparent'\"\n [compact]=\"compact\"\n [id]=\"_addOnButtonId\"\n [attr.tabindex]=\"buttonFocusable ? 0 : -1\"\n [attr.title]=\"iconTitle || glyphAriaLabel || glyph\"\n [glyph]=\"glyph\"\n [class.fd-shellbar__button]=\"inShellbar\"\n [class.is-expanded]=\"isExpanded\"\n [attr.aria-expanded]=\"inShellbar ? isExpanded : null\"\n [ariaLabel]=\"glyphAriaLabel || glyph || addOnText\"\n [attr.aria-controls]=\"input\"\n [disabled]=\"disabled\"\n (mousedown)=\"_preventFocus($event)\"\n (click)=\"_buttonClicked($event)\"\n >\n <ng-container *ngIf=\"!glyph\">{{ addOnText }}</ng-container>\n </button>\n </span>\n\n <span\n *ngIf=\"!button\"\n fd-input-group-addon\n [id]=\"_addOnNonButtonId\"\n [compact]=\"compact\"\n [placement]=\"placement\"\n [attr.aria-label]=\"glyphAriaLabel || glyph || addOnText\"\n [attr.title]=\"iconTitle || glyph || addOnText\"\n >\n <ng-container *ngIf=\"!glyph\">{{ addOnText }}</ng-container>\n\n <span *ngIf=\"glyph\" [className]=\"'sap-icon--' + glyph\"></span>\n </span>\n </ng-container>\n\n <ng-container *ngIf=\"placement === 'before' && !inputElement\">\n <ng-container *ngTemplateOutlet=\"input\"></ng-container>\n </ng-container>\n</div>\n\n<ng-template #input>\n <ng-container *ngIf=\"inputTemplate\">\n <ng-container *ngTemplateOutlet=\"inputTemplate\"></ng-container>\n </ng-container>\n\n <input\n *ngIf=\"!inputTemplate\"\n [(ngModel)]=\"inputText\"\n [id]=\"_inputId\"\n [attr.aria-labelledby]=\"_inputAriaLabelledBy\"\n [class.fd-shellbar__input-group-input]=\"inShellbar\"\n fd-input-group-input\n [compact]=\"compact\"\n [type]=\"type\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [attr.placeholder]=\"placeholder\"\n [attr.aria-required]=\"required\"\n (search)=\"_onSearchEvent($event)\"\n />\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.1-rc.1\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-input{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;text-overflow:ellipsis;z-index:1;width:100%;min-width:2.75rem;border-radius:var(--sapField_BorderCornerRadius);padding:0 .625rem;margin:.25rem 0;height:2.25rem;box-shadow:none;color:var(--sapField_TextColor);text-shadow:var(--fdInput_Text_Shadow);background:var(--sapField_BackgroundStyle);background-color:var(--sapField_Background);border:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);cursor:text;outline:none;overflow:hidden;appearance:none;-moz-appearance:none;-webkit-appearance:none}.fd-input:before,.fd-input:after{box-sizing:inherit;font-size:inherit}.fd-input::placeholder{font-style:var(--fdPlaceholder_Font_Style);color:var(--sapField_PlaceholderTextColor)}.fd-input::selection{color:var(--sapContent_ContrastTextColor);background-color:var(--sapSelectedColor)}.fd-input::-ms-clear{display:none}.fd-input:hover,.fd-input.is-hover{background:var(--sapField_Hover_BackgroundStyle);background-color:var(--sapField_Hover_Background);border-color:var(--sapField_Hover_BorderColor);box-shadow:var(--fdInput_Box_Shadow_Hover)}.fd-input:focus,.fd-input.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-width:var(--sapContent_FocusWidth);outline-style:var(--sapContent_FocusStyle);outline-color:var(--fdInput_Outline_Color);outline-offset:var(--fdInput_Outline_Offset);box-shadow:none}.fd-input[type=search]::-webkit-search-decoration,.fd-input[type=search]::-webkit-search-cancel-button,.fd-input[type=search]::-webkit-search-results-button,.fd-input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}.fd-input[aria-expanded=false]{z-index:0}.fd-input[aria-expanded=true],.fd-input.is-expanded{z-index:4}.fd-input:last-child{margin-bottom:.25rem}.fd-input--compact{min-width:2rem;height:1.625rem;margin:.1875rem 0;padding:0 .5rem;box-sizing:border-box}.fd-input--no-number-spinner{-moz-appearance:textfield}.fd-input--no-number-spinner::-webkit-outer-spin-button,.fd-input--no-number-spinner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.fd-input.right-align{text-align:right}.fd-input.is-success{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle)}.fd-input.is-success:hover,.fd-input.is-success.is-hover{background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-input.is-success:focus,.fd-input.is-success.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color)}.fd-input.is-success:focus:hover,.fd-input.is-success:focus.is-hover,.fd-input.is-success.is-focus:hover,.fd-input.is-success.is-focus.is-hover{box-shadow:none}.fd-input.is-error{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle)}.fd-input.is-error:hover,.fd-input.is-error.is-hover{background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-input.is-error:focus,.fd-input.is-error.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color)}.fd-input.is-error:focus:hover,.fd-input.is-error:focus.is-hover,.fd-input.is-error.is-focus:hover,.fd-input.is-error.is-focus.is-hover{box-shadow:none}.fd-input.is-warning{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-input.is-warning:hover,.fd-input.is-warning.is-hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-input.is-warning:focus,.fd-input.is-warning.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color)}.fd-input.is-warning:focus:hover,.fd-input.is-warning:focus.is-hover,.fd-input.is-warning.is-focus:hover,.fd-input.is-warning.is-focus.is-hover{box-shadow:none}.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:hover,.fd-input.is-alert.is-hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-input.is-alert:focus,.fd-input.is-alert.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color)}.fd-input.is-alert:focus:hover,.fd-input.is-alert:focus.is-hover,.fd-input.is-alert.is-focus:hover,.fd-input.is-alert.is-focus.is-hover{box-shadow:none}.fd-input.is-information{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle)}.fd-input.is-information:hover,.fd-input.is-information.is-hover{background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-input.is-information:focus,.fd-input.is-information.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color)}.fd-input.is-information:focus:hover,.fd-input.is-information:focus.is-hover,.fd-input.is-information.is-focus:hover,.fd-input.is-information.is-focus.is-hover{box-shadow:none}.fd-input.is-error,.fd-input.is-warning,.fd-input.is-alert{font-style:var(--fdInput_State_Text_Style);font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-error::placeholder,.fd-input.is-warning::placeholder,.fd-input.is-alert::placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-error:focus,.fd-input.is-error.is-focus,.fd-input.is-warning:focus,.fd-input.is-warning.is-focus,.fd-input.is-alert:focus,.fd-input.is-alert.is-focus,.fd-input.is-information:focus,.fd-input.is-information.is-focus{z-index:5;outline-offset:var(--fdInput_Outline_Offset_States)}.fd-input.is-error::placeholder{color:var(--sapField_TextColor)}.fd-input[aria-disabled=true],.fd-input.is-disabled,.fd-input:disabled{pointer-events:none;opacity:var(--sapContent_DisabledOpacity)}.fd-input[aria-disabled=true]::placeholder,.fd-input.is-disabled::placeholder,.fd-input:disabled::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-input[aria-readonly=true],.fd-input.is-readonly,.fd-input[readonly]{border-color:var(--sapField_ReadOnly_BorderColor);border-radius:var(--fdInput_ReadOnly_Border_Radius);background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);pointer-events:none}.fd-input[aria-readonly=true]::placeholder,.fd-input.is-readonly::placeholder,.fd-input[readonly]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-input[aria-readonly=true]:hover,.fd-input[aria-readonly=true].is-hover,.fd-input.is-readonly:hover,.fd-input.is-readonly.is-hover,.fd-input[readonly]:hover,.fd-input[readonly].is-hover{box-shadow:none}.fd-input[aria-readonly=true]:focus,.fd-input[aria-readonly=true].is-focus,.fd-input.is-readonly:focus,.fd-input.is-readonly.is-focus,.fd-input[readonly]:focus,.fd-input[readonly].is-focus{z-index:5;background:var(--sapField_Focus_Background);border-radius:var(--sapField_BorderCornerRadius)}/*!\n * Fundamental Library Styles v0.24.1-rc.1\n * Copyright (c) 2022 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.fd-input-group+(--inline, --control)\n .fd-input-group__addon+(--button)\n*/.fd-input-group{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;margin:0;border:0;white-space:nowrap;text-overflow:ellipsis;z-index:1;min-width:2.75rem;border-radius:var(--sapField_BorderCornerRadius);padding:0 .625rem;margin:.25rem 0;height:2.25rem;box-shadow:none;color:var(--sapField_TextColor);text-shadow:var(--fdInput_Text_Shadow);background:var(--sapField_BackgroundStyle);background-color:var(--sapField_Background);border:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);cursor:text;outline:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;padding:0;width:100%;height:auto;display:flex;overflow:hidden}.fd-input-group:before,.fd-input-group:after{box-sizing:inherit;font-size:inherit}.fd-input-group::placeholder{font-style:var(--fdPlaceholder_Font_Style);color:var(--sapField_PlaceholderTextColor)}.fd-input-group::selection{color:var(--sapContent_ContrastTextColor);background-color:var(--sapSelectedColor)}.fd-input-group::-ms-clear{display:none}.fd-input-group:hover,.fd-input-group.is-hover{background:var(--sapField_Hover_BackgroundStyle);background-color:var(--sapField_Hover_Background);border-color:var(--sapField_Hover_BorderColor);box-shadow:var(--fdInput_Box_Shadow_Hover)}.fd-input-group:focus,.fd-input-group.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-width:var(--sapContent_FocusWidth);outline-style:var(--sapContent_FocusStyle);outline-color:var(--fdInput_Outline_Color);outline-offset:var(--fdInput_Outline_Offset);box-shadow:none}.fd-input-group.is-success{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle)}.fd-input-group.is-success:hover,.fd-input-group.is-success.is-hover{background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-input-group.is-success:focus,.fd-input-group.is-success.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color)}.fd-input-group.is-success:focus:hover,.fd-input-group.is-success:focus.is-hover,.fd-input-group.is-success.is-focus:hover,.fd-input-group.is-success.is-focus.is-hover{box-shadow:none}.fd-input-group.is-error{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle)}.fd-input-group.is-error:hover,.fd-input-group.is-error.is-hover{background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-input-group.is-error:focus,.fd-input-group.is-error.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color)}.fd-input-group.is-error:focus:hover,.fd-input-group.is-error:focus.is-hover,.fd-input-group.is-error.is-focus:hover,.fd-input-group.is-error.is-focus.is-hover{box-shadow:none}.fd-input-group.is-warning{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-input-group.is-warning:hover,.fd-input-group.is-warning.is-hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-input-group.is-warning:focus,.fd-input-group.is-warning.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color)}.fd-input-group.is-warning:focus:hover,.fd-input-group.is-warning:focus.is-hover,.fd-input-group.is-warning.is-focus:hover,.fd-input-group.is-warning.is-focus.is-hover{box-shadow:none}.fd-input-group.is-alert{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-input-group.is-alert:hover,.fd-input-group.is-alert.is-hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-input-group.is-alert:focus,.fd-input-group.is-alert.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color)}.fd-input-group.is-alert:focus:hover,.fd-input-group.is-alert:focus.is-hover,.fd-input-group.is-alert.is-focus:hover,.fd-input-group.is-alert.is-focus.is-hover{box-shadow:none}.fd-input-group.is-information{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle)}.fd-input-group.is-information:hover,.fd-input-group.is-information.is-hover{background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-input-group.is-information:focus,.fd-input-group.is-information.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color)}.fd-input-group.is-information:focus:hover,.fd-input-group.is-information:focus.is-hover,.fd-input-group.is-information.is-focus:hover,.fd-input-group.is-information.is-focus.is-hover{box-shadow:none}.fd-input-group.is-error,.fd-input-group.is-warning,.fd-input-group.is-alert{font-style:var(--fdInput_State_Text_Style);font-weight:var(--fdInput_State_Font_Weight)}.fd-input-group.is-error::placeholder,.fd-input-group.is-warning::placeholder,.fd-input-group.is-alert::placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input-group.is-error:focus,.fd-input-group.is-error.is-focus,.fd-input-group.is-warning:focus,.fd-input-group.is-warning.is-focus,.fd-input-group.is-alert:focus,.fd-input-group.is-alert.is-focus,.fd-input-group.is-information:focus,.fd-input-group.is-information.is-focus{z-index:5;outline-offset:var(--fdInput_Outline_Offset_States)}.fd-input-group.is-error::placeholder{color:var(--sapField_TextColor)}.fd-input-group[aria-disabled=true],.fd-input-group.is-disabled,.fd-input-group:disabled{pointer-events:none;opacity:var(--sapContent_DisabledOpacity)}.fd-input-group[aria-disabled=true]::placeholder,.fd-input-group.is-disabled::placeholder,.fd-input-group:disabled::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-input-group[aria-readonly=true],.fd-input-group.is-readonly,.fd-input-group[readonly]{border-color:var(--sapField_ReadOnly_BorderColor);border-radius:var(--fdInput_ReadOnly_Border_Radius);background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);pointer-events:none}.fd-input-group[aria-readonly=true]::placeholder,.fd-input-group.is-readonly::placeholder,.fd-input-group[readonly]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-input-group[aria-readonly=true]:hover,.fd-input-group[aria-readonly=true].is-hover,.fd-input-group.is-readonly:hover,.fd-input-group.is-readonly.is-hover,.fd-input-group[readonly]:hover,.fd-input-group[readonly].is-hover{box-shadow:none}.fd-input-group[aria-readonly=true]:focus,.fd-input-group[aria-readonly=true].is-focus,.fd-input-group.is-readonly:focus,.fd-input-group.is-readonly.is-focus,.fd-input-group[readonly]:focus,.fd-input-group[readonly].is-focus{z-index:5;background:var(--sapField_Focus_Background);border-radius:var(--sapField_BorderCornerRadius)}.fd-input-group .fd-input-group__button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:none;z-index:auto!important;position:static!important;border-radius:var(--fdInput_Group_Button_Border_Raduis);background:var(--fdInput_Group_Button_Background);color:var(--fdInput_Group_Button_Text_Color);border-left:var(--sapButton_BorderWidth) solid transparent}[dir=rtl] .fd-input-group .fd-input-group__button,.fd-input-group .fd-input-group__button[dir=rtl]{border-left:none;border-right:var(--sapButton_BorderWidth) solid transparent}.fd-input-group .fd-input-group__button:before{display:none!important}.fd-input-group .fd-input-group__button:hover,.fd-input-group .fd-input-group__button.is-hover{border-left:var(--fdInputGroup_ControlButton_SideBorder);background:var(--fdInput_Group_Button_Hover_Background);color:var(--fdInput_Group_Button_Hover_Text_Color);box-shadow:var(--fdInput_Group_Button_Box_Shadow)}[dir=rtl] .fd-input-group .fd-input-group__button:hover,.fd-input-group .fd-input-group__button:hover[dir=rtl],[dir=rtl] .fd-input-group .fd-input-group__button.is-hover,.fd-input-group .fd-input-group__button.is-hover[dir=rtl]{border-left:none;border-right:var(--fdInputGroup_ControlButton_SideBorder)}.fd-input-group .fd-input-group__button:active,.fd-input-group .fd-input-group__button.is-active{border-left:var(--fdInputGroup_ControlButton_SideBorder);background:var(--fdInput_Group_Button_Active_Background);color:var(--fdInput_Group_Button_Active_Text_Color);box-shadow:var(--fdInput_Group_Button_Box_Shadow)}[dir=rtl] .fd-input-group .fd-input-group__button:active,.fd-input-group .fd-input-group__button:active[dir=rtl],[dir=rtl] .fd-input-group .fd-input-group__button.is-active,.fd-input-group .fd-input-group__button.is-active[dir=rtl]{border-left:none;border-right:var(--fdInputGroup_ControlButton_SideBorder)}.fd-input-group.is-success .fd-input-group__button:hover,.fd-input-group.is-success .fd-input-group__button.is-hover{box-shadow:var(--fdInput_Group_Button_Success_Active_Box_Shadow)}.fd-input-group.is-success .fd-input-group__button:active,.fd-input-group.is-success .fd-input-group__button.is-active{color:var(--fdInput_Group_Button_Success_Active_Text_Color);box-shadow:var(--fdInput_Group_Button_Success_Active_Box_Shadow)}.fd-input-group.is-error .fd-input-group__button:hover,.fd-input-group.is-error .fd-input-group__button.is-hover{box-shadow:var(--fdInput_Group_Button_Error_Active_Box_Shadow)}.fd-input-group.is-error .fd-input-group__button:active,.fd-input-group.is-error .fd-input-group__button.is-active{color:var(--fdInput_Group_Button_Error_Active_Text_Color);box-shadow:var(--fdInput_Group_Button_Error_Active_Box_Shadow)}.fd-input-group.is-warning .fd-input-group__button:hover,.fd-input-group.is-warning .fd-input-group__button.is-hover{box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow)}.fd-input-group.is-warning .fd-input-group__button:active,.fd-input-group.is-warning .fd-input-group__button.is-active{color:var(--fdInput_Group_Button_Warning_Active_Text_Color);box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow)}.fd-input-group.is-alert .fd-input-group__button:hover,.fd-input-group.is-alert .fd-input-group__button.is-hover{box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow)}.fd-input-group.is-alert .fd-input-group__button:active,.fd-input-group.is-alert .fd-input-group__button.is-active{color:var(--fdInput_Group_Button_Warning_Active_Text_Color);box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow)}.fd-input-group.is-information .fd-input-group__button:hover,.fd-input-group.is-information .fd-input-group__button.is-hover{box-shadow:var(--fdInput_Group_Button_Information_Active_Box_Shadow)}.fd-input-group.is-information .fd-input-group__button:active,.fd-input-group.is-information .fd-input-group__button.is-active{color:var(--fdInput_Group_Button_Information_Active_Text_Color);box-shadow:var(--fdInput_Group_Button_Information_Active_Box_Shadow)}.fd-input-group .fd-input-group__input{border:none;flex:1 1 10rem;background:none;background-color:transparent;padding-left:.25rem;padding-right:.25rem;text-shadow:var(--fdInputGroup_Text_Shadow)}.fd-input-group .fd-input-group__input:nth-child(n+1){margin:0}.fd-input-group .fd-input-group__input:hover,.fd-input-group .fd-input-group__input.is-hover{box-shadow:none}.fd-input-group .fd-input-group__input:focus,.fd-input-group .fd-input-group__input.is-focus{z-index:5;outline:none;box-shadow:none;background:none;border-radius:0}.fd-input-group .fd-input-group__input:nth-child(1){padding-left:.625rem}[dir=rtl] .fd-input-group .fd-input-group__input:nth-child(1),.fd-input-group .fd-input-group__input:nth-child(1)[dir=rtl]{padding-right:.625rem;padding-left:0}.fd-input-group .fd-input-group__input:nth-last-child(1){padding-right:.625rem}[dir=rtl] .fd-input-group .fd-input-group__input:nth-last-child(1),.fd-input-group .fd-input-group__input:nth-last-child(1)[dir=rtl]{padding-right:0;padding-left:.625rem}.fd-input-group--inline{display:inline-flex;vertical-align:bottom;width:auto}.fd-input-group__addon{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;justify-content:center;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sapContent_NonInteractiveIconColor);background:none!important;font-size:var(--sapFontLargeSize);min-width:2.25rem;min-height:2.25rem;padding-left:.625rem;padding-right:.625rem}.fd-input-group__addon:before,.fd-input-group__addon:after{box-sizing:inherit;font-size:inherit}.fd-input-group__addon span[class*=sap-icon--]:before{font-size:var(--sapFontLargeSize)}.fd-input-group__addon--compact{min-width:2rem;min-height:1.625rem}.fd-input-group__addon--readonly{opacity:.4}.fd-input-group__addon--button{padding:0;overflow:visible}.fd-input-group--control[aria-expanded=true]{margin-bottom:0}.fd-input-group .fd-textarea{resize:vertical}.fd-input-group *[aria-disabled=true],.fd-input-group *.is-disabled,.fd-input-group *:disabled{opacity:1}.fd-input-group[readonly],.fd-input-group.is-readonly{overflow:visible}.fd-input-group .fd-tokenizer,.fd-input-group .fd-tokenizer:hover,.fd-input-group .fd-tokenizer.is-hover{box-shadow:none;background:none;background-color:transparent}.fd-input-group .fd-tokenizer:focus,.fd-input-group .fd-tokenizer.is-focus{z-index:5;box-shadow:none;background:none;background-color:transparent;outline:none}fd-input-group .fd-input-group__addon--button.fd-input-group__addon--textarea>*{max-height:100%;height:100%}\n"], components: [{ type: i2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: InputGroupAddOnDirective, selector: "[fd-input-group-addon]", inputs: ["class", "placement", "compact", "type", "state", "button"] }, { type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: InputGroupInputDirective, selector: "[fd-input-group-input]", inputs: ["class", "compact"] }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "async": i3.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
372
+ ], queries: [{ propertyName: "inputElement", first: true, predicate: InputGroupInputDirective, descendants: true }, { propertyName: "addOnElement", first: true, predicate: InputGroupAddOnDirective, descendants: true }], viewQueries: [{ propertyName: "localInputElement", first: true, predicate: InputGroupInputDirective, descendants: true }], ngImport: i0, template: "<div\n class=\"fd-input-group\"\n [class.fd-input-group--inline]=\"inline\"\n [class.is-disabled]=\"disabled\"\n [class.is-readonly]=\"readonly\"\n [class.fd-shellbar__input-group]=\"inShellbar\"\n [class.fd-input-group--control]=\"isControl\"\n [class.is-focus]=\"_inputFocused$ | async\"\n [class]=\"state ? 'is-' + state : ' '\"\n>\n <ng-container *ngIf=\"placement === 'after' && !inputElement\">\n <ng-container *ngTemplateOutlet=\"input\"></ng-container>\n </ng-container>\n\n <ng-content></ng-content>\n\n <ng-container *ngIf=\"!addOnElement && (glyph || addOnText)\">\n <span\n *ngIf=\"button\"\n fd-input-group-addon\n [compact]=\"compact\"\n [button]=\"true\"\n [placement]=\"placement\"\n [class.fd-shellbar__input-group-addon]=\"inShellbar\"\n >\n <button\n fd-button\n class=\"fd-input-group__button\"\n type=\"button\"\n [fdType]=\"inShellbar ? 'standard' : 'transparent'\"\n [compact]=\"compact\"\n [id]=\"_addOnButtonId\"\n [attr.tabindex]=\"buttonFocusable ? 0 : -1\"\n [attr.title]=\"iconTitle || glyphAriaLabel || glyph\"\n [glyph]=\"glyph\"\n [class.fd-shellbar__button]=\"inShellbar\"\n [class.is-expanded]=\"isExpanded\"\n [attr.aria-expanded]=\"inShellbar ? isExpanded : null\"\n [ariaLabel]=\"glyphAriaLabel || glyph || addOnText\"\n [attr.aria-controls]=\"_inputId\"\n [disabled]=\"disabled\"\n (mousedown)=\"_preventFocus($event)\"\n (click)=\"_buttonClicked($event)\"\n >\n <ng-container *ngIf=\"!glyph\">{{ addOnText }}</ng-container>\n </button>\n </span>\n\n <span\n *ngIf=\"!button\"\n fd-input-group-addon\n [id]=\"_addOnNonButtonId\"\n [compact]=\"compact\"\n [placement]=\"placement\"\n [attr.aria-label]=\"glyphAriaLabel || glyph || addOnText\"\n [attr.title]=\"iconTitle || glyph || addOnText\"\n >\n <ng-container *ngIf=\"!glyph\">{{ addOnText }}</ng-container>\n\n <span *ngIf=\"glyph\" [className]=\"'sap-icon--' + glyph\"></span>\n </span>\n </ng-container>\n\n <ng-container *ngIf=\"placement === 'before' && !inputElement\">\n <ng-container *ngTemplateOutlet=\"input\"></ng-container>\n </ng-container>\n</div>\n\n<ng-template #input>\n <ng-container *ngIf=\"inputTemplate\">\n <ng-container *ngTemplateOutlet=\"inputTemplate\"></ng-container>\n </ng-container>\n\n <input\n *ngIf=\"!inputTemplate\"\n [(ngModel)]=\"inputText\"\n [id]=\"_inputId\"\n [attr.aria-labelledby]=\"_inputAriaLabelledBy\"\n [class.fd-shellbar__input-group-input]=\"inShellbar\"\n fd-input-group-input\n [compact]=\"compact\"\n [type]=\"type\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [attr.placeholder]=\"placeholder\"\n [attr.aria-required]=\"required\"\n (search)=\"_onSearchEvent($event)\"\n />\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.1-rc.1\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-input{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;text-overflow:ellipsis;z-index:1;width:100%;min-width:2.75rem;border-radius:var(--sapField_BorderCornerRadius);padding:0 .625rem;margin:.25rem 0;height:2.25rem;box-shadow:none;color:var(--sapField_TextColor);text-shadow:var(--fdInput_Text_Shadow);background:var(--sapField_BackgroundStyle);background-color:var(--sapField_Background);border:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);cursor:text;outline:none;overflow:hidden;appearance:none;-moz-appearance:none;-webkit-appearance:none}.fd-input:before,.fd-input:after{box-sizing:inherit;font-size:inherit}.fd-input::placeholder{font-style:var(--fdPlaceholder_Font_Style);color:var(--sapField_PlaceholderTextColor)}.fd-input::selection{color:var(--sapContent_ContrastTextColor);background-color:var(--sapSelectedColor)}.fd-input::-ms-clear{display:none}.fd-input:hover,.fd-input.is-hover{background:var(--sapField_Hover_BackgroundStyle);background-color:var(--sapField_Hover_Background);border-color:var(--sapField_Hover_BorderColor);box-shadow:var(--fdInput_Box_Shadow_Hover)}.fd-input:focus,.fd-input.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-width:var(--sapContent_FocusWidth);outline-style:var(--sapContent_FocusStyle);outline-color:var(--fdInput_Outline_Color);outline-offset:var(--fdInput_Outline_Offset);box-shadow:none}.fd-input[type=search]::-webkit-search-decoration,.fd-input[type=search]::-webkit-search-cancel-button,.fd-input[type=search]::-webkit-search-results-button,.fd-input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}.fd-input[aria-expanded=false]{z-index:0}.fd-input[aria-expanded=true],.fd-input.is-expanded{z-index:4}.fd-input:last-child{margin-bottom:.25rem}.fd-input--compact{min-width:2rem;height:1.625rem;margin:.1875rem 0;padding:0 .5rem;box-sizing:border-box}.fd-input--no-number-spinner{-moz-appearance:textfield}.fd-input--no-number-spinner::-webkit-outer-spin-button,.fd-input--no-number-spinner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.fd-input.right-align{text-align:right}.fd-input.is-success{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle)}.fd-input.is-success:hover,.fd-input.is-success.is-hover{background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-input.is-success:focus,.fd-input.is-success.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color)}.fd-input.is-success:focus:hover,.fd-input.is-success:focus.is-hover,.fd-input.is-success.is-focus:hover,.fd-input.is-success.is-focus.is-hover{box-shadow:none}.fd-input.is-error{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle)}.fd-input.is-error:hover,.fd-input.is-error.is-hover{background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-input.is-error:focus,.fd-input.is-error.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color)}.fd-input.is-error:focus:hover,.fd-input.is-error:focus.is-hover,.fd-input.is-error.is-focus:hover,.fd-input.is-error.is-focus.is-hover{box-shadow:none}.fd-input.is-warning{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-input.is-warning:hover,.fd-input.is-warning.is-hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-input.is-warning:focus,.fd-input.is-warning.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color)}.fd-input.is-warning:focus:hover,.fd-input.is-warning:focus.is-hover,.fd-input.is-warning.is-focus:hover,.fd-input.is-warning.is-focus.is-hover{box-shadow:none}.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:hover,.fd-input.is-alert.is-hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-input.is-alert:focus,.fd-input.is-alert.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color)}.fd-input.is-alert:focus:hover,.fd-input.is-alert:focus.is-hover,.fd-input.is-alert.is-focus:hover,.fd-input.is-alert.is-focus.is-hover{box-shadow:none}.fd-input.is-information{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle)}.fd-input.is-information:hover,.fd-input.is-information.is-hover{background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-input.is-information:focus,.fd-input.is-information.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color)}.fd-input.is-information:focus:hover,.fd-input.is-information:focus.is-hover,.fd-input.is-information.is-focus:hover,.fd-input.is-information.is-focus.is-hover{box-shadow:none}.fd-input.is-error,.fd-input.is-warning,.fd-input.is-alert{font-style:var(--fdInput_State_Text_Style);font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-error::placeholder,.fd-input.is-warning::placeholder,.fd-input.is-alert::placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-error:focus,.fd-input.is-error.is-focus,.fd-input.is-warning:focus,.fd-input.is-warning.is-focus,.fd-input.is-alert:focus,.fd-input.is-alert.is-focus,.fd-input.is-information:focus,.fd-input.is-information.is-focus{z-index:5;outline-offset:var(--fdInput_Outline_Offset_States)}.fd-input.is-error::placeholder{color:var(--sapField_TextColor)}.fd-input[aria-disabled=true],.fd-input.is-disabled,.fd-input:disabled{pointer-events:none;opacity:var(--sapContent_DisabledOpacity)}.fd-input[aria-disabled=true]::placeholder,.fd-input.is-disabled::placeholder,.fd-input:disabled::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-input[aria-readonly=true],.fd-input.is-readonly,.fd-input[readonly]{border-color:var(--sapField_ReadOnly_BorderColor);border-radius:var(--fdInput_ReadOnly_Border_Radius);background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);pointer-events:none}.fd-input[aria-readonly=true]::placeholder,.fd-input.is-readonly::placeholder,.fd-input[readonly]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-input[aria-readonly=true]:hover,.fd-input[aria-readonly=true].is-hover,.fd-input.is-readonly:hover,.fd-input.is-readonly.is-hover,.fd-input[readonly]:hover,.fd-input[readonly].is-hover{box-shadow:none}.fd-input[aria-readonly=true]:focus,.fd-input[aria-readonly=true].is-focus,.fd-input.is-readonly:focus,.fd-input.is-readonly.is-focus,.fd-input[readonly]:focus,.fd-input[readonly].is-focus{z-index:5;background:var(--sapField_Focus_Background);border-radius:var(--sapField_BorderCornerRadius)}/*!\n * Fundamental Library Styles v0.24.1-rc.1\n * Copyright (c) 2022 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.fd-input-group+(--inline, --control)\n .fd-input-group__addon+(--button)\n*/.fd-input-group{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;margin:0;border:0;white-space:nowrap;text-overflow:ellipsis;z-index:1;min-width:2.75rem;border-radius:var(--sapField_BorderCornerRadius);padding:0 .625rem;margin:.25rem 0;height:2.25rem;box-shadow:none;color:var(--sapField_TextColor);text-shadow:var(--fdInput_Text_Shadow);background:var(--sapField_BackgroundStyle);background-color:var(--sapField_Background);border:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);cursor:text;outline:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;padding:0;width:100%;height:auto;display:flex;overflow:hidden}.fd-input-group:before,.fd-input-group:after{box-sizing:inherit;font-size:inherit}.fd-input-group::placeholder{font-style:var(--fdPlaceholder_Font_Style);color:var(--sapField_PlaceholderTextColor)}.fd-input-group::selection{color:var(--sapContent_ContrastTextColor);background-color:var(--sapSelectedColor)}.fd-input-group::-ms-clear{display:none}.fd-input-group:hover,.fd-input-group.is-hover{background:var(--sapField_Hover_BackgroundStyle);background-color:var(--sapField_Hover_Background);border-color:var(--sapField_Hover_BorderColor);box-shadow:var(--fdInput_Box_Shadow_Hover)}.fd-input-group:focus,.fd-input-group.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-width:var(--sapContent_FocusWidth);outline-style:var(--sapContent_FocusStyle);outline-color:var(--fdInput_Outline_Color);outline-offset:var(--fdInput_Outline_Offset);box-shadow:none}.fd-input-group.is-success{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle)}.fd-input-group.is-success:hover,.fd-input-group.is-success.is-hover{background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-input-group.is-success:focus,.fd-input-group.is-success.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color)}.fd-input-group.is-success:focus:hover,.fd-input-group.is-success:focus.is-hover,.fd-input-group.is-success.is-focus:hover,.fd-input-group.is-success.is-focus.is-hover{box-shadow:none}.fd-input-group.is-error{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle)}.fd-input-group.is-error:hover,.fd-input-group.is-error.is-hover{background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-input-group.is-error:focus,.fd-input-group.is-error.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color)}.fd-input-group.is-error:focus:hover,.fd-input-group.is-error:focus.is-hover,.fd-input-group.is-error.is-focus:hover,.fd-input-group.is-error.is-focus.is-hover{box-shadow:none}.fd-input-group.is-warning{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-input-group.is-warning:hover,.fd-input-group.is-warning.is-hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-input-group.is-warning:focus,.fd-input-group.is-warning.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color)}.fd-input-group.is-warning:focus:hover,.fd-input-group.is-warning:focus.is-hover,.fd-input-group.is-warning.is-focus:hover,.fd-input-group.is-warning.is-focus.is-hover{box-shadow:none}.fd-input-group.is-alert{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-input-group.is-alert:hover,.fd-input-group.is-alert.is-hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-input-group.is-alert:focus,.fd-input-group.is-alert.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color)}.fd-input-group.is-alert:focus:hover,.fd-input-group.is-alert:focus.is-hover,.fd-input-group.is-alert.is-focus:hover,.fd-input-group.is-alert.is-focus.is-hover{box-shadow:none}.fd-input-group.is-information{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle)}.fd-input-group.is-information:hover,.fd-input-group.is-information.is-hover{background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-input-group.is-information:focus,.fd-input-group.is-information.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color)}.fd-input-group.is-information:focus:hover,.fd-input-group.is-information:focus.is-hover,.fd-input-group.is-information.is-focus:hover,.fd-input-group.is-information.is-focus.is-hover{box-shadow:none}.fd-input-group.is-error,.fd-input-group.is-warning,.fd-input-group.is-alert{font-style:var(--fdInput_State_Text_Style);font-weight:var(--fdInput_State_Font_Weight)}.fd-input-group.is-error::placeholder,.fd-input-group.is-warning::placeholder,.fd-input-group.is-alert::placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input-group.is-error:focus,.fd-input-group.is-error.is-focus,.fd-input-group.is-warning:focus,.fd-input-group.is-warning.is-focus,.fd-input-group.is-alert:focus,.fd-input-group.is-alert.is-focus,.fd-input-group.is-information:focus,.fd-input-group.is-information.is-focus{z-index:5;outline-offset:var(--fdInput_Outline_Offset_States)}.fd-input-group.is-error::placeholder{color:var(--sapField_TextColor)}.fd-input-group[aria-disabled=true],.fd-input-group.is-disabled,.fd-input-group:disabled{pointer-events:none;opacity:var(--sapContent_DisabledOpacity)}.fd-input-group[aria-disabled=true]::placeholder,.fd-input-group.is-disabled::placeholder,.fd-input-group:disabled::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-input-group[aria-readonly=true],.fd-input-group.is-readonly,.fd-input-group[readonly]{border-color:var(--sapField_ReadOnly_BorderColor);border-radius:var(--fdInput_ReadOnly_Border_Radius);background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);pointer-events:none}.fd-input-group[aria-readonly=true]::placeholder,.fd-input-group.is-readonly::placeholder,.fd-input-group[readonly]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-input-group[aria-readonly=true]:hover,.fd-input-group[aria-readonly=true].is-hover,.fd-input-group.is-readonly:hover,.fd-input-group.is-readonly.is-hover,.fd-input-group[readonly]:hover,.fd-input-group[readonly].is-hover{box-shadow:none}.fd-input-group[aria-readonly=true]:focus,.fd-input-group[aria-readonly=true].is-focus,.fd-input-group.is-readonly:focus,.fd-input-group.is-readonly.is-focus,.fd-input-group[readonly]:focus,.fd-input-group[readonly].is-focus{z-index:5;background:var(--sapField_Focus_Background);border-radius:var(--sapField_BorderCornerRadius)}.fd-input-group .fd-input-group__button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:none;z-index:auto!important;position:static!important;border-radius:var(--fdInput_Group_Button_Border_Raduis);background:var(--fdInput_Group_Button_Background);color:var(--fdInput_Group_Button_Text_Color);border-left:var(--sapButton_BorderWidth) solid transparent}[dir=rtl] .fd-input-group .fd-input-group__button,.fd-input-group .fd-input-group__button[dir=rtl]{border-left:none;border-right:var(--sapButton_BorderWidth) solid transparent}.fd-input-group .fd-input-group__button:before{display:none!important}.fd-input-group .fd-input-group__button:hover,.fd-input-group .fd-input-group__button.is-hover{border-left:var(--fdInputGroup_ControlButton_SideBorder);background:var(--fdInput_Group_Button_Hover_Background);color:var(--fdInput_Group_Button_Hover_Text_Color);box-shadow:var(--fdInput_Group_Button_Box_Shadow)}[dir=rtl] .fd-input-group .fd-input-group__button:hover,.fd-input-group .fd-input-group__button:hover[dir=rtl],[dir=rtl] .fd-input-group .fd-input-group__button.is-hover,.fd-input-group .fd-input-group__button.is-hover[dir=rtl]{border-left:none;border-right:var(--fdInputGroup_ControlButton_SideBorder)}.fd-input-group .fd-input-group__button:active,.fd-input-group .fd-input-group__button.is-active{border-left:var(--fdInputGroup_ControlButton_SideBorder);background:var(--fdInput_Group_Button_Active_Background);color:var(--fdInput_Group_Button_Active_Text_Color);box-shadow:var(--fdInput_Group_Button_Box_Shadow)}[dir=rtl] .fd-input-group .fd-input-group__button:active,.fd-input-group .fd-input-group__button:active[dir=rtl],[dir=rtl] .fd-input-group .fd-input-group__button.is-active,.fd-input-group .fd-input-group__button.is-active[dir=rtl]{border-left:none;border-right:var(--fdInputGroup_ControlButton_SideBorder)}.fd-input-group.is-success .fd-input-group__button:hover,.fd-input-group.is-success .fd-input-group__button.is-hover{box-shadow:var(--fdInput_Group_Button_Success_Active_Box_Shadow)}.fd-input-group.is-success .fd-input-group__button:active,.fd-input-group.is-success .fd-input-group__button.is-active{color:var(--fdInput_Group_Button_Success_Active_Text_Color);box-shadow:var(--fdInput_Group_Button_Success_Active_Box_Shadow)}.fd-input-group.is-error .fd-input-group__button:hover,.fd-input-group.is-error .fd-input-group__button.is-hover{box-shadow:var(--fdInput_Group_Button_Error_Active_Box_Shadow)}.fd-input-group.is-error .fd-input-group__button:active,.fd-input-group.is-error .fd-input-group__button.is-active{color:var(--fdInput_Group_Button_Error_Active_Text_Color);box-shadow:var(--fdInput_Group_Button_Error_Active_Box_Shadow)}.fd-input-group.is-warning .fd-input-group__button:hover,.fd-input-group.is-warning .fd-input-group__button.is-hover{box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow)}.fd-input-group.is-warning .fd-input-group__button:active,.fd-input-group.is-warning .fd-input-group__button.is-active{color:var(--fdInput_Group_Button_Warning_Active_Text_Color);box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow)}.fd-input-group.is-alert .fd-input-group__button:hover,.fd-input-group.is-alert .fd-input-group__button.is-hover{box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow)}.fd-input-group.is-alert .fd-input-group__button:active,.fd-input-group.is-alert .fd-input-group__button.is-active{color:var(--fdInput_Group_Button_Warning_Active_Text_Color);box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow)}.fd-input-group.is-information .fd-input-group__button:hover,.fd-input-group.is-information .fd-input-group__button.is-hover{box-shadow:var(--fdInput_Group_Button_Information_Active_Box_Shadow)}.fd-input-group.is-information .fd-input-group__button:active,.fd-input-group.is-information .fd-input-group__button.is-active{color:var(--fdInput_Group_Button_Information_Active_Text_Color);box-shadow:var(--fdInput_Group_Button_Information_Active_Box_Shadow)}.fd-input-group .fd-input-group__input{border:none;flex:1 1 10rem;background:none;background-color:transparent;padding-left:.25rem;padding-right:.25rem;text-shadow:var(--fdInputGroup_Text_Shadow)}.fd-input-group .fd-input-group__input:nth-child(n+1){margin:0}.fd-input-group .fd-input-group__input:hover,.fd-input-group .fd-input-group__input.is-hover{box-shadow:none}.fd-input-group .fd-input-group__input:focus,.fd-input-group .fd-input-group__input.is-focus{z-index:5;outline:none;box-shadow:none;background:none;border-radius:0}.fd-input-group .fd-input-group__input:nth-child(1){padding-left:.625rem}[dir=rtl] .fd-input-group .fd-input-group__input:nth-child(1),.fd-input-group .fd-input-group__input:nth-child(1)[dir=rtl]{padding-right:.625rem;padding-left:0}.fd-input-group .fd-input-group__input:nth-last-child(1){padding-right:.625rem}[dir=rtl] .fd-input-group .fd-input-group__input:nth-last-child(1),.fd-input-group .fd-input-group__input:nth-last-child(1)[dir=rtl]{padding-right:0;padding-left:.625rem}.fd-input-group--inline{display:inline-flex;vertical-align:bottom;width:auto}.fd-input-group__addon{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;justify-content:center;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sapContent_NonInteractiveIconColor);background:none!important;font-size:var(--sapFontLargeSize);min-width:2.25rem;min-height:2.25rem;padding-left:.625rem;padding-right:.625rem}.fd-input-group__addon:before,.fd-input-group__addon:after{box-sizing:inherit;font-size:inherit}.fd-input-group__addon span[class*=sap-icon--]:before{font-size:var(--sapFontLargeSize)}.fd-input-group__addon--compact{min-width:2rem;min-height:1.625rem}.fd-input-group__addon--readonly{opacity:.4}.fd-input-group__addon--button{padding:0;overflow:visible}.fd-input-group--control[aria-expanded=true]{margin-bottom:0}.fd-input-group .fd-textarea{resize:vertical}.fd-input-group *[aria-disabled=true],.fd-input-group *.is-disabled,.fd-input-group *:disabled{opacity:1}.fd-input-group[readonly],.fd-input-group.is-readonly{overflow:visible}.fd-input-group .fd-tokenizer,.fd-input-group .fd-tokenizer:hover,.fd-input-group .fd-tokenizer.is-hover{box-shadow:none;background:none;background-color:transparent}.fd-input-group .fd-tokenizer:focus,.fd-input-group .fd-tokenizer.is-focus{z-index:5;box-shadow:none;background:none;background-color:transparent;outline:none}fd-input-group .fd-input-group__addon--button.fd-input-group__addon--textarea>*{max-height:100%;height:100%}fd-input-group .fd-button.fd-button--transparent{background:transparent}\n"], components: [{ type: i2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: InputGroupAddOnDirective, selector: "[fd-input-group-addon]", inputs: ["class", "placement", "compact", "type", "state", "button"] }, { type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: InputGroupInputDirective, selector: "[fd-input-group-input]", inputs: ["class", "compact"] }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "async": i3.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
373
373
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: InputGroupComponent, decorators: [{
374
374
  type: Component,
375
375
  args: [{ selector: 'fd-input-group', providers: [
@@ -379,7 +379,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
379
379
  multi: true
380
380
  },
381
381
  registerFormItemControl(InputGroupComponent)
382
- ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"fd-input-group\"\n [class.fd-input-group--inline]=\"inline\"\n [class.is-disabled]=\"disabled\"\n [class.is-readonly]=\"readonly\"\n [class.fd-shellbar__input-group]=\"inShellbar\"\n [class.fd-input-group--control]=\"isControl\"\n [class.is-focus]=\"_inputFocused$ | async\"\n [class]=\"state ? 'is-' + state : ' '\"\n>\n <ng-container *ngIf=\"placement === 'after' && !inputElement\">\n <ng-container *ngTemplateOutlet=\"input\"></ng-container>\n </ng-container>\n\n <ng-content></ng-content>\n\n <ng-container *ngIf=\"!addOnElement && (glyph || addOnText)\">\n <span\n *ngIf=\"button\"\n fd-input-group-addon\n [compact]=\"compact\"\n [button]=\"true\"\n [placement]=\"placement\"\n [class.fd-shellbar__input-group-addon]=\"inShellbar\"\n >\n <button\n fd-button\n class=\"fd-input-group__button\"\n type=\"button\"\n [fdType]=\"inShellbar ? 'standard' : 'transparent'\"\n [compact]=\"compact\"\n [id]=\"_addOnButtonId\"\n [attr.tabindex]=\"buttonFocusable ? 0 : -1\"\n [attr.title]=\"iconTitle || glyphAriaLabel || glyph\"\n [glyph]=\"glyph\"\n [class.fd-shellbar__button]=\"inShellbar\"\n [class.is-expanded]=\"isExpanded\"\n [attr.aria-expanded]=\"inShellbar ? isExpanded : null\"\n [ariaLabel]=\"glyphAriaLabel || glyph || addOnText\"\n [attr.aria-controls]=\"input\"\n [disabled]=\"disabled\"\n (mousedown)=\"_preventFocus($event)\"\n (click)=\"_buttonClicked($event)\"\n >\n <ng-container *ngIf=\"!glyph\">{{ addOnText }}</ng-container>\n </button>\n </span>\n\n <span\n *ngIf=\"!button\"\n fd-input-group-addon\n [id]=\"_addOnNonButtonId\"\n [compact]=\"compact\"\n [placement]=\"placement\"\n [attr.aria-label]=\"glyphAriaLabel || glyph || addOnText\"\n [attr.title]=\"iconTitle || glyph || addOnText\"\n >\n <ng-container *ngIf=\"!glyph\">{{ addOnText }}</ng-container>\n\n <span *ngIf=\"glyph\" [className]=\"'sap-icon--' + glyph\"></span>\n </span>\n </ng-container>\n\n <ng-container *ngIf=\"placement === 'before' && !inputElement\">\n <ng-container *ngTemplateOutlet=\"input\"></ng-container>\n </ng-container>\n</div>\n\n<ng-template #input>\n <ng-container *ngIf=\"inputTemplate\">\n <ng-container *ngTemplateOutlet=\"inputTemplate\"></ng-container>\n </ng-container>\n\n <input\n *ngIf=\"!inputTemplate\"\n [(ngModel)]=\"inputText\"\n [id]=\"_inputId\"\n [attr.aria-labelledby]=\"_inputAriaLabelledBy\"\n [class.fd-shellbar__input-group-input]=\"inShellbar\"\n fd-input-group-input\n [compact]=\"compact\"\n [type]=\"type\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [attr.placeholder]=\"placeholder\"\n [attr.aria-required]=\"required\"\n (search)=\"_onSearchEvent($event)\"\n />\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.1-rc.1\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-input{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;text-overflow:ellipsis;z-index:1;width:100%;min-width:2.75rem;border-radius:var(--sapField_BorderCornerRadius);padding:0 .625rem;margin:.25rem 0;height:2.25rem;box-shadow:none;color:var(--sapField_TextColor);text-shadow:var(--fdInput_Text_Shadow);background:var(--sapField_BackgroundStyle);background-color:var(--sapField_Background);border:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);cursor:text;outline:none;overflow:hidden;appearance:none;-moz-appearance:none;-webkit-appearance:none}.fd-input:before,.fd-input:after{box-sizing:inherit;font-size:inherit}.fd-input::placeholder{font-style:var(--fdPlaceholder_Font_Style);color:var(--sapField_PlaceholderTextColor)}.fd-input::selection{color:var(--sapContent_ContrastTextColor);background-color:var(--sapSelectedColor)}.fd-input::-ms-clear{display:none}.fd-input:hover,.fd-input.is-hover{background:var(--sapField_Hover_BackgroundStyle);background-color:var(--sapField_Hover_Background);border-color:var(--sapField_Hover_BorderColor);box-shadow:var(--fdInput_Box_Shadow_Hover)}.fd-input:focus,.fd-input.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-width:var(--sapContent_FocusWidth);outline-style:var(--sapContent_FocusStyle);outline-color:var(--fdInput_Outline_Color);outline-offset:var(--fdInput_Outline_Offset);box-shadow:none}.fd-input[type=search]::-webkit-search-decoration,.fd-input[type=search]::-webkit-search-cancel-button,.fd-input[type=search]::-webkit-search-results-button,.fd-input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}.fd-input[aria-expanded=false]{z-index:0}.fd-input[aria-expanded=true],.fd-input.is-expanded{z-index:4}.fd-input:last-child{margin-bottom:.25rem}.fd-input--compact{min-width:2rem;height:1.625rem;margin:.1875rem 0;padding:0 .5rem;box-sizing:border-box}.fd-input--no-number-spinner{-moz-appearance:textfield}.fd-input--no-number-spinner::-webkit-outer-spin-button,.fd-input--no-number-spinner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.fd-input.right-align{text-align:right}.fd-input.is-success{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle)}.fd-input.is-success:hover,.fd-input.is-success.is-hover{background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-input.is-success:focus,.fd-input.is-success.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color)}.fd-input.is-success:focus:hover,.fd-input.is-success:focus.is-hover,.fd-input.is-success.is-focus:hover,.fd-input.is-success.is-focus.is-hover{box-shadow:none}.fd-input.is-error{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle)}.fd-input.is-error:hover,.fd-input.is-error.is-hover{background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-input.is-error:focus,.fd-input.is-error.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color)}.fd-input.is-error:focus:hover,.fd-input.is-error:focus.is-hover,.fd-input.is-error.is-focus:hover,.fd-input.is-error.is-focus.is-hover{box-shadow:none}.fd-input.is-warning{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-input.is-warning:hover,.fd-input.is-warning.is-hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-input.is-warning:focus,.fd-input.is-warning.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color)}.fd-input.is-warning:focus:hover,.fd-input.is-warning:focus.is-hover,.fd-input.is-warning.is-focus:hover,.fd-input.is-warning.is-focus.is-hover{box-shadow:none}.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:hover,.fd-input.is-alert.is-hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-input.is-alert:focus,.fd-input.is-alert.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color)}.fd-input.is-alert:focus:hover,.fd-input.is-alert:focus.is-hover,.fd-input.is-alert.is-focus:hover,.fd-input.is-alert.is-focus.is-hover{box-shadow:none}.fd-input.is-information{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle)}.fd-input.is-information:hover,.fd-input.is-information.is-hover{background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-input.is-information:focus,.fd-input.is-information.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color)}.fd-input.is-information:focus:hover,.fd-input.is-information:focus.is-hover,.fd-input.is-information.is-focus:hover,.fd-input.is-information.is-focus.is-hover{box-shadow:none}.fd-input.is-error,.fd-input.is-warning,.fd-input.is-alert{font-style:var(--fdInput_State_Text_Style);font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-error::placeholder,.fd-input.is-warning::placeholder,.fd-input.is-alert::placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-error:focus,.fd-input.is-error.is-focus,.fd-input.is-warning:focus,.fd-input.is-warning.is-focus,.fd-input.is-alert:focus,.fd-input.is-alert.is-focus,.fd-input.is-information:focus,.fd-input.is-information.is-focus{z-index:5;outline-offset:var(--fdInput_Outline_Offset_States)}.fd-input.is-error::placeholder{color:var(--sapField_TextColor)}.fd-input[aria-disabled=true],.fd-input.is-disabled,.fd-input:disabled{pointer-events:none;opacity:var(--sapContent_DisabledOpacity)}.fd-input[aria-disabled=true]::placeholder,.fd-input.is-disabled::placeholder,.fd-input:disabled::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-input[aria-readonly=true],.fd-input.is-readonly,.fd-input[readonly]{border-color:var(--sapField_ReadOnly_BorderColor);border-radius:var(--fdInput_ReadOnly_Border_Radius);background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);pointer-events:none}.fd-input[aria-readonly=true]::placeholder,.fd-input.is-readonly::placeholder,.fd-input[readonly]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-input[aria-readonly=true]:hover,.fd-input[aria-readonly=true].is-hover,.fd-input.is-readonly:hover,.fd-input.is-readonly.is-hover,.fd-input[readonly]:hover,.fd-input[readonly].is-hover{box-shadow:none}.fd-input[aria-readonly=true]:focus,.fd-input[aria-readonly=true].is-focus,.fd-input.is-readonly:focus,.fd-input.is-readonly.is-focus,.fd-input[readonly]:focus,.fd-input[readonly].is-focus{z-index:5;background:var(--sapField_Focus_Background);border-radius:var(--sapField_BorderCornerRadius)}/*!\n * Fundamental Library Styles v0.24.1-rc.1\n * Copyright (c) 2022 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.fd-input-group+(--inline, --control)\n .fd-input-group__addon+(--button)\n*/.fd-input-group{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;margin:0;border:0;white-space:nowrap;text-overflow:ellipsis;z-index:1;min-width:2.75rem;border-radius:var(--sapField_BorderCornerRadius);padding:0 .625rem;margin:.25rem 0;height:2.25rem;box-shadow:none;color:var(--sapField_TextColor);text-shadow:var(--fdInput_Text_Shadow);background:var(--sapField_BackgroundStyle);background-color:var(--sapField_Background);border:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);cursor:text;outline:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;padding:0;width:100%;height:auto;display:flex;overflow:hidden}.fd-input-group:before,.fd-input-group:after{box-sizing:inherit;font-size:inherit}.fd-input-group::placeholder{font-style:var(--fdPlaceholder_Font_Style);color:var(--sapField_PlaceholderTextColor)}.fd-input-group::selection{color:var(--sapContent_ContrastTextColor);background-color:var(--sapSelectedColor)}.fd-input-group::-ms-clear{display:none}.fd-input-group:hover,.fd-input-group.is-hover{background:var(--sapField_Hover_BackgroundStyle);background-color:var(--sapField_Hover_Background);border-color:var(--sapField_Hover_BorderColor);box-shadow:var(--fdInput_Box_Shadow_Hover)}.fd-input-group:focus,.fd-input-group.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-width:var(--sapContent_FocusWidth);outline-style:var(--sapContent_FocusStyle);outline-color:var(--fdInput_Outline_Color);outline-offset:var(--fdInput_Outline_Offset);box-shadow:none}.fd-input-group.is-success{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle)}.fd-input-group.is-success:hover,.fd-input-group.is-success.is-hover{background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-input-group.is-success:focus,.fd-input-group.is-success.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color)}.fd-input-group.is-success:focus:hover,.fd-input-group.is-success:focus.is-hover,.fd-input-group.is-success.is-focus:hover,.fd-input-group.is-success.is-focus.is-hover{box-shadow:none}.fd-input-group.is-error{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle)}.fd-input-group.is-error:hover,.fd-input-group.is-error.is-hover{background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-input-group.is-error:focus,.fd-input-group.is-error.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color)}.fd-input-group.is-error:focus:hover,.fd-input-group.is-error:focus.is-hover,.fd-input-group.is-error.is-focus:hover,.fd-input-group.is-error.is-focus.is-hover{box-shadow:none}.fd-input-group.is-warning{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-input-group.is-warning:hover,.fd-input-group.is-warning.is-hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-input-group.is-warning:focus,.fd-input-group.is-warning.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color)}.fd-input-group.is-warning:focus:hover,.fd-input-group.is-warning:focus.is-hover,.fd-input-group.is-warning.is-focus:hover,.fd-input-group.is-warning.is-focus.is-hover{box-shadow:none}.fd-input-group.is-alert{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-input-group.is-alert:hover,.fd-input-group.is-alert.is-hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-input-group.is-alert:focus,.fd-input-group.is-alert.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color)}.fd-input-group.is-alert:focus:hover,.fd-input-group.is-alert:focus.is-hover,.fd-input-group.is-alert.is-focus:hover,.fd-input-group.is-alert.is-focus.is-hover{box-shadow:none}.fd-input-group.is-information{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle)}.fd-input-group.is-information:hover,.fd-input-group.is-information.is-hover{background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-input-group.is-information:focus,.fd-input-group.is-information.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color)}.fd-input-group.is-information:focus:hover,.fd-input-group.is-information:focus.is-hover,.fd-input-group.is-information.is-focus:hover,.fd-input-group.is-information.is-focus.is-hover{box-shadow:none}.fd-input-group.is-error,.fd-input-group.is-warning,.fd-input-group.is-alert{font-style:var(--fdInput_State_Text_Style);font-weight:var(--fdInput_State_Font_Weight)}.fd-input-group.is-error::placeholder,.fd-input-group.is-warning::placeholder,.fd-input-group.is-alert::placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input-group.is-error:focus,.fd-input-group.is-error.is-focus,.fd-input-group.is-warning:focus,.fd-input-group.is-warning.is-focus,.fd-input-group.is-alert:focus,.fd-input-group.is-alert.is-focus,.fd-input-group.is-information:focus,.fd-input-group.is-information.is-focus{z-index:5;outline-offset:var(--fdInput_Outline_Offset_States)}.fd-input-group.is-error::placeholder{color:var(--sapField_TextColor)}.fd-input-group[aria-disabled=true],.fd-input-group.is-disabled,.fd-input-group:disabled{pointer-events:none;opacity:var(--sapContent_DisabledOpacity)}.fd-input-group[aria-disabled=true]::placeholder,.fd-input-group.is-disabled::placeholder,.fd-input-group:disabled::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-input-group[aria-readonly=true],.fd-input-group.is-readonly,.fd-input-group[readonly]{border-color:var(--sapField_ReadOnly_BorderColor);border-radius:var(--fdInput_ReadOnly_Border_Radius);background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);pointer-events:none}.fd-input-group[aria-readonly=true]::placeholder,.fd-input-group.is-readonly::placeholder,.fd-input-group[readonly]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-input-group[aria-readonly=true]:hover,.fd-input-group[aria-readonly=true].is-hover,.fd-input-group.is-readonly:hover,.fd-input-group.is-readonly.is-hover,.fd-input-group[readonly]:hover,.fd-input-group[readonly].is-hover{box-shadow:none}.fd-input-group[aria-readonly=true]:focus,.fd-input-group[aria-readonly=true].is-focus,.fd-input-group.is-readonly:focus,.fd-input-group.is-readonly.is-focus,.fd-input-group[readonly]:focus,.fd-input-group[readonly].is-focus{z-index:5;background:var(--sapField_Focus_Background);border-radius:var(--sapField_BorderCornerRadius)}.fd-input-group .fd-input-group__button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:none;z-index:auto!important;position:static!important;border-radius:var(--fdInput_Group_Button_Border_Raduis);background:var(--fdInput_Group_Button_Background);color:var(--fdInput_Group_Button_Text_Color);border-left:var(--sapButton_BorderWidth) solid transparent}[dir=rtl] .fd-input-group .fd-input-group__button,.fd-input-group .fd-input-group__button[dir=rtl]{border-left:none;border-right:var(--sapButton_BorderWidth) solid transparent}.fd-input-group .fd-input-group__button:before{display:none!important}.fd-input-group .fd-input-group__button:hover,.fd-input-group .fd-input-group__button.is-hover{border-left:var(--fdInputGroup_ControlButton_SideBorder);background:var(--fdInput_Group_Button_Hover_Background);color:var(--fdInput_Group_Button_Hover_Text_Color);box-shadow:var(--fdInput_Group_Button_Box_Shadow)}[dir=rtl] .fd-input-group .fd-input-group__button:hover,.fd-input-group .fd-input-group__button:hover[dir=rtl],[dir=rtl] .fd-input-group .fd-input-group__button.is-hover,.fd-input-group .fd-input-group__button.is-hover[dir=rtl]{border-left:none;border-right:var(--fdInputGroup_ControlButton_SideBorder)}.fd-input-group .fd-input-group__button:active,.fd-input-group .fd-input-group__button.is-active{border-left:var(--fdInputGroup_ControlButton_SideBorder);background:var(--fdInput_Group_Button_Active_Background);color:var(--fdInput_Group_Button_Active_Text_Color);box-shadow:var(--fdInput_Group_Button_Box_Shadow)}[dir=rtl] .fd-input-group .fd-input-group__button:active,.fd-input-group .fd-input-group__button:active[dir=rtl],[dir=rtl] .fd-input-group .fd-input-group__button.is-active,.fd-input-group .fd-input-group__button.is-active[dir=rtl]{border-left:none;border-right:var(--fdInputGroup_ControlButton_SideBorder)}.fd-input-group.is-success .fd-input-group__button:hover,.fd-input-group.is-success .fd-input-group__button.is-hover{box-shadow:var(--fdInput_Group_Button_Success_Active_Box_Shadow)}.fd-input-group.is-success .fd-input-group__button:active,.fd-input-group.is-success .fd-input-group__button.is-active{color:var(--fdInput_Group_Button_Success_Active_Text_Color);box-shadow:var(--fdInput_Group_Button_Success_Active_Box_Shadow)}.fd-input-group.is-error .fd-input-group__button:hover,.fd-input-group.is-error .fd-input-group__button.is-hover{box-shadow:var(--fdInput_Group_Button_Error_Active_Box_Shadow)}.fd-input-group.is-error .fd-input-group__button:active,.fd-input-group.is-error .fd-input-group__button.is-active{color:var(--fdInput_Group_Button_Error_Active_Text_Color);box-shadow:var(--fdInput_Group_Button_Error_Active_Box_Shadow)}.fd-input-group.is-warning .fd-input-group__button:hover,.fd-input-group.is-warning .fd-input-group__button.is-hover{box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow)}.fd-input-group.is-warning .fd-input-group__button:active,.fd-input-group.is-warning .fd-input-group__button.is-active{color:var(--fdInput_Group_Button_Warning_Active_Text_Color);box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow)}.fd-input-group.is-alert .fd-input-group__button:hover,.fd-input-group.is-alert .fd-input-group__button.is-hover{box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow)}.fd-input-group.is-alert .fd-input-group__button:active,.fd-input-group.is-alert .fd-input-group__button.is-active{color:var(--fdInput_Group_Button_Warning_Active_Text_Color);box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow)}.fd-input-group.is-information .fd-input-group__button:hover,.fd-input-group.is-information .fd-input-group__button.is-hover{box-shadow:var(--fdInput_Group_Button_Information_Active_Box_Shadow)}.fd-input-group.is-information .fd-input-group__button:active,.fd-input-group.is-information .fd-input-group__button.is-active{color:var(--fdInput_Group_Button_Information_Active_Text_Color);box-shadow:var(--fdInput_Group_Button_Information_Active_Box_Shadow)}.fd-input-group .fd-input-group__input{border:none;flex:1 1 10rem;background:none;background-color:transparent;padding-left:.25rem;padding-right:.25rem;text-shadow:var(--fdInputGroup_Text_Shadow)}.fd-input-group .fd-input-group__input:nth-child(n+1){margin:0}.fd-input-group .fd-input-group__input:hover,.fd-input-group .fd-input-group__input.is-hover{box-shadow:none}.fd-input-group .fd-input-group__input:focus,.fd-input-group .fd-input-group__input.is-focus{z-index:5;outline:none;box-shadow:none;background:none;border-radius:0}.fd-input-group .fd-input-group__input:nth-child(1){padding-left:.625rem}[dir=rtl] .fd-input-group .fd-input-group__input:nth-child(1),.fd-input-group .fd-input-group__input:nth-child(1)[dir=rtl]{padding-right:.625rem;padding-left:0}.fd-input-group .fd-input-group__input:nth-last-child(1){padding-right:.625rem}[dir=rtl] .fd-input-group .fd-input-group__input:nth-last-child(1),.fd-input-group .fd-input-group__input:nth-last-child(1)[dir=rtl]{padding-right:0;padding-left:.625rem}.fd-input-group--inline{display:inline-flex;vertical-align:bottom;width:auto}.fd-input-group__addon{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;justify-content:center;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sapContent_NonInteractiveIconColor);background:none!important;font-size:var(--sapFontLargeSize);min-width:2.25rem;min-height:2.25rem;padding-left:.625rem;padding-right:.625rem}.fd-input-group__addon:before,.fd-input-group__addon:after{box-sizing:inherit;font-size:inherit}.fd-input-group__addon span[class*=sap-icon--]:before{font-size:var(--sapFontLargeSize)}.fd-input-group__addon--compact{min-width:2rem;min-height:1.625rem}.fd-input-group__addon--readonly{opacity:.4}.fd-input-group__addon--button{padding:0;overflow:visible}.fd-input-group--control[aria-expanded=true]{margin-bottom:0}.fd-input-group .fd-textarea{resize:vertical}.fd-input-group *[aria-disabled=true],.fd-input-group *.is-disabled,.fd-input-group *:disabled{opacity:1}.fd-input-group[readonly],.fd-input-group.is-readonly{overflow:visible}.fd-input-group .fd-tokenizer,.fd-input-group .fd-tokenizer:hover,.fd-input-group .fd-tokenizer.is-hover{box-shadow:none;background:none;background-color:transparent}.fd-input-group .fd-tokenizer:focus,.fd-input-group .fd-tokenizer.is-focus{z-index:5;box-shadow:none;background:none;background-color:transparent;outline:none}fd-input-group .fd-input-group__addon--button.fd-input-group__addon--textarea>*{max-height:100%;height:100%}\n"] }]
382
+ ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"fd-input-group\"\n [class.fd-input-group--inline]=\"inline\"\n [class.is-disabled]=\"disabled\"\n [class.is-readonly]=\"readonly\"\n [class.fd-shellbar__input-group]=\"inShellbar\"\n [class.fd-input-group--control]=\"isControl\"\n [class.is-focus]=\"_inputFocused$ | async\"\n [class]=\"state ? 'is-' + state : ' '\"\n>\n <ng-container *ngIf=\"placement === 'after' && !inputElement\">\n <ng-container *ngTemplateOutlet=\"input\"></ng-container>\n </ng-container>\n\n <ng-content></ng-content>\n\n <ng-container *ngIf=\"!addOnElement && (glyph || addOnText)\">\n <span\n *ngIf=\"button\"\n fd-input-group-addon\n [compact]=\"compact\"\n [button]=\"true\"\n [placement]=\"placement\"\n [class.fd-shellbar__input-group-addon]=\"inShellbar\"\n >\n <button\n fd-button\n class=\"fd-input-group__button\"\n type=\"button\"\n [fdType]=\"inShellbar ? 'standard' : 'transparent'\"\n [compact]=\"compact\"\n [id]=\"_addOnButtonId\"\n [attr.tabindex]=\"buttonFocusable ? 0 : -1\"\n [attr.title]=\"iconTitle || glyphAriaLabel || glyph\"\n [glyph]=\"glyph\"\n [class.fd-shellbar__button]=\"inShellbar\"\n [class.is-expanded]=\"isExpanded\"\n [attr.aria-expanded]=\"inShellbar ? isExpanded : null\"\n [ariaLabel]=\"glyphAriaLabel || glyph || addOnText\"\n [attr.aria-controls]=\"_inputId\"\n [disabled]=\"disabled\"\n (mousedown)=\"_preventFocus($event)\"\n (click)=\"_buttonClicked($event)\"\n >\n <ng-container *ngIf=\"!glyph\">{{ addOnText }}</ng-container>\n </button>\n </span>\n\n <span\n *ngIf=\"!button\"\n fd-input-group-addon\n [id]=\"_addOnNonButtonId\"\n [compact]=\"compact\"\n [placement]=\"placement\"\n [attr.aria-label]=\"glyphAriaLabel || glyph || addOnText\"\n [attr.title]=\"iconTitle || glyph || addOnText\"\n >\n <ng-container *ngIf=\"!glyph\">{{ addOnText }}</ng-container>\n\n <span *ngIf=\"glyph\" [className]=\"'sap-icon--' + glyph\"></span>\n </span>\n </ng-container>\n\n <ng-container *ngIf=\"placement === 'before' && !inputElement\">\n <ng-container *ngTemplateOutlet=\"input\"></ng-container>\n </ng-container>\n</div>\n\n<ng-template #input>\n <ng-container *ngIf=\"inputTemplate\">\n <ng-container *ngTemplateOutlet=\"inputTemplate\"></ng-container>\n </ng-container>\n\n <input\n *ngIf=\"!inputTemplate\"\n [(ngModel)]=\"inputText\"\n [id]=\"_inputId\"\n [attr.aria-labelledby]=\"_inputAriaLabelledBy\"\n [class.fd-shellbar__input-group-input]=\"inShellbar\"\n fd-input-group-input\n [compact]=\"compact\"\n [type]=\"type\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [attr.placeholder]=\"placeholder\"\n [attr.aria-required]=\"required\"\n (search)=\"_onSearchEvent($event)\"\n />\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.1-rc.1\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-input{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;text-overflow:ellipsis;z-index:1;width:100%;min-width:2.75rem;border-radius:var(--sapField_BorderCornerRadius);padding:0 .625rem;margin:.25rem 0;height:2.25rem;box-shadow:none;color:var(--sapField_TextColor);text-shadow:var(--fdInput_Text_Shadow);background:var(--sapField_BackgroundStyle);background-color:var(--sapField_Background);border:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);cursor:text;outline:none;overflow:hidden;appearance:none;-moz-appearance:none;-webkit-appearance:none}.fd-input:before,.fd-input:after{box-sizing:inherit;font-size:inherit}.fd-input::placeholder{font-style:var(--fdPlaceholder_Font_Style);color:var(--sapField_PlaceholderTextColor)}.fd-input::selection{color:var(--sapContent_ContrastTextColor);background-color:var(--sapSelectedColor)}.fd-input::-ms-clear{display:none}.fd-input:hover,.fd-input.is-hover{background:var(--sapField_Hover_BackgroundStyle);background-color:var(--sapField_Hover_Background);border-color:var(--sapField_Hover_BorderColor);box-shadow:var(--fdInput_Box_Shadow_Hover)}.fd-input:focus,.fd-input.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-width:var(--sapContent_FocusWidth);outline-style:var(--sapContent_FocusStyle);outline-color:var(--fdInput_Outline_Color);outline-offset:var(--fdInput_Outline_Offset);box-shadow:none}.fd-input[type=search]::-webkit-search-decoration,.fd-input[type=search]::-webkit-search-cancel-button,.fd-input[type=search]::-webkit-search-results-button,.fd-input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}.fd-input[aria-expanded=false]{z-index:0}.fd-input[aria-expanded=true],.fd-input.is-expanded{z-index:4}.fd-input:last-child{margin-bottom:.25rem}.fd-input--compact{min-width:2rem;height:1.625rem;margin:.1875rem 0;padding:0 .5rem;box-sizing:border-box}.fd-input--no-number-spinner{-moz-appearance:textfield}.fd-input--no-number-spinner::-webkit-outer-spin-button,.fd-input--no-number-spinner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.fd-input.right-align{text-align:right}.fd-input.is-success{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle)}.fd-input.is-success:hover,.fd-input.is-success.is-hover{background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-input.is-success:focus,.fd-input.is-success.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color)}.fd-input.is-success:focus:hover,.fd-input.is-success:focus.is-hover,.fd-input.is-success.is-focus:hover,.fd-input.is-success.is-focus.is-hover{box-shadow:none}.fd-input.is-error{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle)}.fd-input.is-error:hover,.fd-input.is-error.is-hover{background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-input.is-error:focus,.fd-input.is-error.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color)}.fd-input.is-error:focus:hover,.fd-input.is-error:focus.is-hover,.fd-input.is-error.is-focus:hover,.fd-input.is-error.is-focus.is-hover{box-shadow:none}.fd-input.is-warning{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-input.is-warning:hover,.fd-input.is-warning.is-hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-input.is-warning:focus,.fd-input.is-warning.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color)}.fd-input.is-warning:focus:hover,.fd-input.is-warning:focus.is-hover,.fd-input.is-warning.is-focus:hover,.fd-input.is-warning.is-focus.is-hover{box-shadow:none}.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:hover,.fd-input.is-alert.is-hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-input.is-alert:focus,.fd-input.is-alert.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color)}.fd-input.is-alert:focus:hover,.fd-input.is-alert:focus.is-hover,.fd-input.is-alert.is-focus:hover,.fd-input.is-alert.is-focus.is-hover{box-shadow:none}.fd-input.is-information{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle)}.fd-input.is-information:hover,.fd-input.is-information.is-hover{background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-input.is-information:focus,.fd-input.is-information.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color)}.fd-input.is-information:focus:hover,.fd-input.is-information:focus.is-hover,.fd-input.is-information.is-focus:hover,.fd-input.is-information.is-focus.is-hover{box-shadow:none}.fd-input.is-error,.fd-input.is-warning,.fd-input.is-alert{font-style:var(--fdInput_State_Text_Style);font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-error::placeholder,.fd-input.is-warning::placeholder,.fd-input.is-alert::placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-error:focus,.fd-input.is-error.is-focus,.fd-input.is-warning:focus,.fd-input.is-warning.is-focus,.fd-input.is-alert:focus,.fd-input.is-alert.is-focus,.fd-input.is-information:focus,.fd-input.is-information.is-focus{z-index:5;outline-offset:var(--fdInput_Outline_Offset_States)}.fd-input.is-error::placeholder{color:var(--sapField_TextColor)}.fd-input[aria-disabled=true],.fd-input.is-disabled,.fd-input:disabled{pointer-events:none;opacity:var(--sapContent_DisabledOpacity)}.fd-input[aria-disabled=true]::placeholder,.fd-input.is-disabled::placeholder,.fd-input:disabled::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-input[aria-readonly=true],.fd-input.is-readonly,.fd-input[readonly]{border-color:var(--sapField_ReadOnly_BorderColor);border-radius:var(--fdInput_ReadOnly_Border_Radius);background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);pointer-events:none}.fd-input[aria-readonly=true]::placeholder,.fd-input.is-readonly::placeholder,.fd-input[readonly]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-input[aria-readonly=true]:hover,.fd-input[aria-readonly=true].is-hover,.fd-input.is-readonly:hover,.fd-input.is-readonly.is-hover,.fd-input[readonly]:hover,.fd-input[readonly].is-hover{box-shadow:none}.fd-input[aria-readonly=true]:focus,.fd-input[aria-readonly=true].is-focus,.fd-input.is-readonly:focus,.fd-input.is-readonly.is-focus,.fd-input[readonly]:focus,.fd-input[readonly].is-focus{z-index:5;background:var(--sapField_Focus_Background);border-radius:var(--sapField_BorderCornerRadius)}/*!\n * Fundamental Library Styles v0.24.1-rc.1\n * Copyright (c) 2022 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.fd-input-group+(--inline, --control)\n .fd-input-group__addon+(--button)\n*/.fd-input-group{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;margin:0;border:0;white-space:nowrap;text-overflow:ellipsis;z-index:1;min-width:2.75rem;border-radius:var(--sapField_BorderCornerRadius);padding:0 .625rem;margin:.25rem 0;height:2.25rem;box-shadow:none;color:var(--sapField_TextColor);text-shadow:var(--fdInput_Text_Shadow);background:var(--sapField_BackgroundStyle);background-color:var(--sapField_Background);border:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);cursor:text;outline:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;padding:0;width:100%;height:auto;display:flex;overflow:hidden}.fd-input-group:before,.fd-input-group:after{box-sizing:inherit;font-size:inherit}.fd-input-group::placeholder{font-style:var(--fdPlaceholder_Font_Style);color:var(--sapField_PlaceholderTextColor)}.fd-input-group::selection{color:var(--sapContent_ContrastTextColor);background-color:var(--sapSelectedColor)}.fd-input-group::-ms-clear{display:none}.fd-input-group:hover,.fd-input-group.is-hover{background:var(--sapField_Hover_BackgroundStyle);background-color:var(--sapField_Hover_Background);border-color:var(--sapField_Hover_BorderColor);box-shadow:var(--fdInput_Box_Shadow_Hover)}.fd-input-group:focus,.fd-input-group.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-width:var(--sapContent_FocusWidth);outline-style:var(--sapContent_FocusStyle);outline-color:var(--fdInput_Outline_Color);outline-offset:var(--fdInput_Outline_Offset);box-shadow:none}.fd-input-group.is-success{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle)}.fd-input-group.is-success:hover,.fd-input-group.is-success.is-hover{background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-input-group.is-success:focus,.fd-input-group.is-success.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color)}.fd-input-group.is-success:focus:hover,.fd-input-group.is-success:focus.is-hover,.fd-input-group.is-success.is-focus:hover,.fd-input-group.is-success.is-focus.is-hover{box-shadow:none}.fd-input-group.is-error{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle)}.fd-input-group.is-error:hover,.fd-input-group.is-error.is-hover{background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-input-group.is-error:focus,.fd-input-group.is-error.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color)}.fd-input-group.is-error:focus:hover,.fd-input-group.is-error:focus.is-hover,.fd-input-group.is-error.is-focus:hover,.fd-input-group.is-error.is-focus.is-hover{box-shadow:none}.fd-input-group.is-warning{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-input-group.is-warning:hover,.fd-input-group.is-warning.is-hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-input-group.is-warning:focus,.fd-input-group.is-warning.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color)}.fd-input-group.is-warning:focus:hover,.fd-input-group.is-warning:focus.is-hover,.fd-input-group.is-warning.is-focus:hover,.fd-input-group.is-warning.is-focus.is-hover{box-shadow:none}.fd-input-group.is-alert{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-input-group.is-alert:hover,.fd-input-group.is-alert.is-hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-input-group.is-alert:focus,.fd-input-group.is-alert.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color)}.fd-input-group.is-alert:focus:hover,.fd-input-group.is-alert:focus.is-hover,.fd-input-group.is-alert.is-focus:hover,.fd-input-group.is-alert.is-focus.is-hover{box-shadow:none}.fd-input-group.is-information{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle)}.fd-input-group.is-information:hover,.fd-input-group.is-information.is-hover{background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-input-group.is-information:focus,.fd-input-group.is-information.is-focus{z-index:5;background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color)}.fd-input-group.is-information:focus:hover,.fd-input-group.is-information:focus.is-hover,.fd-input-group.is-information.is-focus:hover,.fd-input-group.is-information.is-focus.is-hover{box-shadow:none}.fd-input-group.is-error,.fd-input-group.is-warning,.fd-input-group.is-alert{font-style:var(--fdInput_State_Text_Style);font-weight:var(--fdInput_State_Font_Weight)}.fd-input-group.is-error::placeholder,.fd-input-group.is-warning::placeholder,.fd-input-group.is-alert::placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input-group.is-error:focus,.fd-input-group.is-error.is-focus,.fd-input-group.is-warning:focus,.fd-input-group.is-warning.is-focus,.fd-input-group.is-alert:focus,.fd-input-group.is-alert.is-focus,.fd-input-group.is-information:focus,.fd-input-group.is-information.is-focus{z-index:5;outline-offset:var(--fdInput_Outline_Offset_States)}.fd-input-group.is-error::placeholder{color:var(--sapField_TextColor)}.fd-input-group[aria-disabled=true],.fd-input-group.is-disabled,.fd-input-group:disabled{pointer-events:none;opacity:var(--sapContent_DisabledOpacity)}.fd-input-group[aria-disabled=true]::placeholder,.fd-input-group.is-disabled::placeholder,.fd-input-group:disabled::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-input-group[aria-readonly=true],.fd-input-group.is-readonly,.fd-input-group[readonly]{border-color:var(--sapField_ReadOnly_BorderColor);border-radius:var(--fdInput_ReadOnly_Border_Radius);background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);pointer-events:none}.fd-input-group[aria-readonly=true]::placeholder,.fd-input-group.is-readonly::placeholder,.fd-input-group[readonly]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-input-group[aria-readonly=true]:hover,.fd-input-group[aria-readonly=true].is-hover,.fd-input-group.is-readonly:hover,.fd-input-group.is-readonly.is-hover,.fd-input-group[readonly]:hover,.fd-input-group[readonly].is-hover{box-shadow:none}.fd-input-group[aria-readonly=true]:focus,.fd-input-group[aria-readonly=true].is-focus,.fd-input-group.is-readonly:focus,.fd-input-group.is-readonly.is-focus,.fd-input-group[readonly]:focus,.fd-input-group[readonly].is-focus{z-index:5;background:var(--sapField_Focus_Background);border-radius:var(--sapField_BorderCornerRadius)}.fd-input-group .fd-input-group__button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:none;z-index:auto!important;position:static!important;border-radius:var(--fdInput_Group_Button_Border_Raduis);background:var(--fdInput_Group_Button_Background);color:var(--fdInput_Group_Button_Text_Color);border-left:var(--sapButton_BorderWidth) solid transparent}[dir=rtl] .fd-input-group .fd-input-group__button,.fd-input-group .fd-input-group__button[dir=rtl]{border-left:none;border-right:var(--sapButton_BorderWidth) solid transparent}.fd-input-group .fd-input-group__button:before{display:none!important}.fd-input-group .fd-input-group__button:hover,.fd-input-group .fd-input-group__button.is-hover{border-left:var(--fdInputGroup_ControlButton_SideBorder);background:var(--fdInput_Group_Button_Hover_Background);color:var(--fdInput_Group_Button_Hover_Text_Color);box-shadow:var(--fdInput_Group_Button_Box_Shadow)}[dir=rtl] .fd-input-group .fd-input-group__button:hover,.fd-input-group .fd-input-group__button:hover[dir=rtl],[dir=rtl] .fd-input-group .fd-input-group__button.is-hover,.fd-input-group .fd-input-group__button.is-hover[dir=rtl]{border-left:none;border-right:var(--fdInputGroup_ControlButton_SideBorder)}.fd-input-group .fd-input-group__button:active,.fd-input-group .fd-input-group__button.is-active{border-left:var(--fdInputGroup_ControlButton_SideBorder);background:var(--fdInput_Group_Button_Active_Background);color:var(--fdInput_Group_Button_Active_Text_Color);box-shadow:var(--fdInput_Group_Button_Box_Shadow)}[dir=rtl] .fd-input-group .fd-input-group__button:active,.fd-input-group .fd-input-group__button:active[dir=rtl],[dir=rtl] .fd-input-group .fd-input-group__button.is-active,.fd-input-group .fd-input-group__button.is-active[dir=rtl]{border-left:none;border-right:var(--fdInputGroup_ControlButton_SideBorder)}.fd-input-group.is-success .fd-input-group__button:hover,.fd-input-group.is-success .fd-input-group__button.is-hover{box-shadow:var(--fdInput_Group_Button_Success_Active_Box_Shadow)}.fd-input-group.is-success .fd-input-group__button:active,.fd-input-group.is-success .fd-input-group__button.is-active{color:var(--fdInput_Group_Button_Success_Active_Text_Color);box-shadow:var(--fdInput_Group_Button_Success_Active_Box_Shadow)}.fd-input-group.is-error .fd-input-group__button:hover,.fd-input-group.is-error .fd-input-group__button.is-hover{box-shadow:var(--fdInput_Group_Button_Error_Active_Box_Shadow)}.fd-input-group.is-error .fd-input-group__button:active,.fd-input-group.is-error .fd-input-group__button.is-active{color:var(--fdInput_Group_Button_Error_Active_Text_Color);box-shadow:var(--fdInput_Group_Button_Error_Active_Box_Shadow)}.fd-input-group.is-warning .fd-input-group__button:hover,.fd-input-group.is-warning .fd-input-group__button.is-hover{box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow)}.fd-input-group.is-warning .fd-input-group__button:active,.fd-input-group.is-warning .fd-input-group__button.is-active{color:var(--fdInput_Group_Button_Warning_Active_Text_Color);box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow)}.fd-input-group.is-alert .fd-input-group__button:hover,.fd-input-group.is-alert .fd-input-group__button.is-hover{box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow)}.fd-input-group.is-alert .fd-input-group__button:active,.fd-input-group.is-alert .fd-input-group__button.is-active{color:var(--fdInput_Group_Button_Warning_Active_Text_Color);box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow)}.fd-input-group.is-information .fd-input-group__button:hover,.fd-input-group.is-information .fd-input-group__button.is-hover{box-shadow:var(--fdInput_Group_Button_Information_Active_Box_Shadow)}.fd-input-group.is-information .fd-input-group__button:active,.fd-input-group.is-information .fd-input-group__button.is-active{color:var(--fdInput_Group_Button_Information_Active_Text_Color);box-shadow:var(--fdInput_Group_Button_Information_Active_Box_Shadow)}.fd-input-group .fd-input-group__input{border:none;flex:1 1 10rem;background:none;background-color:transparent;padding-left:.25rem;padding-right:.25rem;text-shadow:var(--fdInputGroup_Text_Shadow)}.fd-input-group .fd-input-group__input:nth-child(n+1){margin:0}.fd-input-group .fd-input-group__input:hover,.fd-input-group .fd-input-group__input.is-hover{box-shadow:none}.fd-input-group .fd-input-group__input:focus,.fd-input-group .fd-input-group__input.is-focus{z-index:5;outline:none;box-shadow:none;background:none;border-radius:0}.fd-input-group .fd-input-group__input:nth-child(1){padding-left:.625rem}[dir=rtl] .fd-input-group .fd-input-group__input:nth-child(1),.fd-input-group .fd-input-group__input:nth-child(1)[dir=rtl]{padding-right:.625rem;padding-left:0}.fd-input-group .fd-input-group__input:nth-last-child(1){padding-right:.625rem}[dir=rtl] .fd-input-group .fd-input-group__input:nth-last-child(1),.fd-input-group .fd-input-group__input:nth-last-child(1)[dir=rtl]{padding-right:0;padding-left:.625rem}.fd-input-group--inline{display:inline-flex;vertical-align:bottom;width:auto}.fd-input-group__addon{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;justify-content:center;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sapContent_NonInteractiveIconColor);background:none!important;font-size:var(--sapFontLargeSize);min-width:2.25rem;min-height:2.25rem;padding-left:.625rem;padding-right:.625rem}.fd-input-group__addon:before,.fd-input-group__addon:after{box-sizing:inherit;font-size:inherit}.fd-input-group__addon span[class*=sap-icon--]:before{font-size:var(--sapFontLargeSize)}.fd-input-group__addon--compact{min-width:2rem;min-height:1.625rem}.fd-input-group__addon--readonly{opacity:.4}.fd-input-group__addon--button{padding:0;overflow:visible}.fd-input-group--control[aria-expanded=true]{margin-bottom:0}.fd-input-group .fd-textarea{resize:vertical}.fd-input-group *[aria-disabled=true],.fd-input-group *.is-disabled,.fd-input-group *:disabled{opacity:1}.fd-input-group[readonly],.fd-input-group.is-readonly{overflow:visible}.fd-input-group .fd-tokenizer,.fd-input-group .fd-tokenizer:hover,.fd-input-group .fd-tokenizer.is-hover{box-shadow:none;background:none;background-color:transparent}.fd-input-group .fd-tokenizer:focus,.fd-input-group .fd-tokenizer.is-focus{z-index:5;box-shadow:none;background:none;background-color:transparent;outline:none}fd-input-group .fd-input-group__addon--button.fd-input-group__addon--textarea>*{max-height:100%;height:100%}fd-input-group .fd-button.fd-button--transparent{background:transparent}\n"] }]
383
383
  }], ctorParameters: function () {
384
384
  return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.ContentDensityService, decorators: [{
385
385
  type: Optional
package/fesm2015/fundamental-ngx-core-input-group.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"fundamental-ngx-core-input-group.mjs","sources":["../../../../libs/core/src/lib/input-group/input-group-directives.ts","../../../../libs/core/src/lib/input-group/input-group.component.ts","../../../../libs/core/src/lib/input-group/input-group.component.html","../../../../libs/core/src/lib/input-group/input-group.module.ts","../../../../libs/core/src/lib/input-group/fundamental-ngx-core-input-group.ts"],"sourcesContent":["import {\n AfterContentInit,\n Directive,\n ElementRef,\n HostBinding,\n Input,\n OnChanges,\n OnDestroy,\n OnInit,\n Optional,\n Renderer2\n} from '@angular/core';\nimport { InputGroupPlacement } from './types';\nimport { FormStates } from '@fundamental-ngx/core/shared';\nimport { Subscription } from 'rxjs';\nimport { ContentDensityService } from '@fundamental-ngx/core/utils';\nimport { CssClassBuilder } from '@fundamental-ngx/core/utils';\nimport { applyCssClass } from '@fundamental-ngx/core/utils';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-input-group-input]'\n})\nexport class InputGroupInputDirective implements CssClassBuilder, OnInit, OnChanges, OnDestroy {\n /** user's custom classes */\n @Input()\n class: string;\n\n @Input()\n compact?: boolean;\n\n /** @hidden */\n private _subscriptions = new Subscription();\n\n /** @hidden */\n constructor(private _elementRef: ElementRef, @Optional() private _contentDensityService: ContentDensityService) {}\n\n /** @hidden */\n ngOnInit(): void {\n if (this.compact === undefined && this._contentDensityService) {\n this._subscriptions.add(\n this._contentDensityService._isCompactDensity.subscribe((isCompact) => {\n this.compact = isCompact;\n this.buildComponentCssClass();\n })\n );\n }\n this.buildComponentCssClass();\n }\n\n /** @hidden */\n ngOnChanges(): void {\n this.buildComponentCssClass();\n }\n\n /** @hidden */\n ngOnDestroy(): void {\n this._subscriptions.unsubscribe();\n }\n\n @applyCssClass\n /** CssClassBuilder interface implementation\n * function must return single string\n * function is responsible for order which css classes are applied\n */\n buildComponentCssClass(): string[] {\n return ['fd-input', 'fd-input-group__input', this.compact ? 'fd-input--compact' : ''];\n }\n\n elementRef(): ElementRef<any> {\n return this._elementRef;\n }\n}\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-textarea-group-input]'\n})\nexport class InputGroupTextareaDirective {}\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-input-group-addon]'\n})\nexport class InputGroupAddOnDirective implements OnInit, OnChanges, CssClassBuilder, AfterContentInit, OnDestroy {\n /** user's custom classes */\n @Input()\n class: string;\n\n /** @hidden */\n @HostBinding('class.fd-input-group__addon')\n fdInputGroupAddonClass = true;\n\n /**\n * The placement of the add-on. Options include *before* and *after*\n */\n @Input()\n placement: InputGroupPlacement = 'after';\n\n /** Whether to apply compact mode to the AddOn. */\n @Input()\n compact?: boolean;\n\n /**\n * The placement of the add-on. Options include *before* and *after*\n */\n @Input()\n type: string;\n\n /**\n * The state of the form control - applies css classes.\n * Can be `success`, `error`, `warning`, `information` or blank for default.\n */\n @Input()\n state?: FormStates;\n\n /**\n * Whether the icon add-on or the text add-on is a button.\n */\n @Input()\n button = false;\n\n /** @hidden */\n private _subscriptions = new Subscription();\n\n /** @hidden */\n constructor(\n private _elementRef: ElementRef,\n private renderer: Renderer2,\n @Optional() private _contentDensityService: ContentDensityService\n ) {}\n\n /** @hidden */\n ngOnInit(): void {\n if (this.compact === undefined && this._contentDensityService) {\n this._subscriptions.add(\n this._contentDensityService._isCompactDensity.subscribe((isCompact) => {\n this.compact = isCompact;\n this.buildComponentCssClass();\n })\n );\n }\n this.buildComponentCssClass();\n }\n\n /** @hidden */\n ngOnChanges(): void {\n this.buildComponentCssClass();\n }\n\n /** @hidden */\n ngAfterContentInit(): void {\n /** Add fd-input-group__button to button child element */\n const button = this.elementRef().nativeElement.querySelector('button');\n if (button) {\n this.renderer.addClass(button, 'fd-input-group__button');\n }\n }\n\n /** @hidden */\n ngOnDestroy(): void {\n this._subscriptions.unsubscribe();\n }\n\n @applyCssClass\n /** CssClassBuilder interface implementation\n * function must return single string\n * function is responsible for order which css classes are applied\n */\n buildComponentCssClass(): string[] {\n return [\n 'fd-input-group__addon',\n this.button ? 'fd-input-group__addon--button' : '',\n this.type ? 'fd-input-group__addon--' + this.type : '',\n this.state ? 'is-' + this.state : '',\n this.compact ? 'fd-input-group__addon--compact' : ''\n ];\n }\n\n elementRef(): ElementRef<any> {\n return this._elementRef;\n }\n}\n","import {\n Component,\n Input,\n Output,\n EventEmitter,\n forwardRef,\n ViewEncapsulation,\n ContentChild,\n TemplateRef,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n ElementRef,\n OnDestroy,\n OnInit,\n Optional,\n AfterViewInit,\n ViewChild,\n isDevMode\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { filter, fromEvent, map, merge, Observable, Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { FormStates, Nullable } from '@fundamental-ngx/core/shared';\nimport { ContentDensityService } from '@fundamental-ngx/core/utils';\nimport { registerFormItemControl, FormItemControl } from '@fundamental-ngx/core/form';\n\nimport { InputGroupAddOnDirective, InputGroupInputDirective } from './input-group-directives';\nimport { InputGroupPlacement } from './types';\n\nlet addOnNonButtonRandomId = 0;\nlet addOnButtonRandomId = 0;\nlet addOnInputRandomId = 0;\n\n/**\n * The component that represents an input group.\n * The input group includes form inputs with add-ons that allow the user to better understand the information being entered.\n *\n * ```html\n * <fd-input-group placement=\"after\" addOnText=\"$\" placeholder=\"Amount\">\n * </fd-input-group>\n * ```\n */\n@Component({\n selector: 'fd-input-group',\n templateUrl: './input-group.component.html',\n styleUrls: ['./input-group.component.scss'],\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => InputGroupComponent),\n multi: true\n },\n registerFormItemControl(InputGroupComponent)\n ],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class InputGroupComponent implements ControlValueAccessor, OnInit, AfterViewInit, OnDestroy, FormItemControl {\n /** @deprecated Input template, use fd-input-group-input directive instead. */\n @Input()\n set inputTemplate(value: TemplateRef<any>) {\n if (isDevMode()) {\n console.warn('\"inputTemplate\" is deprecated. Use \"fd-input-group-input\" directive instead');\n }\n\n this._inputTemplate = value;\n }\n get inputTemplate(): TemplateRef<any> {\n return this._inputTemplate;\n }\n\n /**\n * The placement of the add-on.\n * Options include *before* and *after*\n */\n @Input()\n placement: InputGroupPlacement = 'after';\n\n /** Whether the input group is in compact mode. */\n @Input()\n compact?: boolean;\n\n /** If it is mandatory field */\n @Input()\n required = false;\n\n /** Whether the input group is inline. */\n @Input()\n inline = false;\n\n /** Placeholder for the input group. */\n @Input()\n placeholder: string;\n\n /** The text for the add-on. */\n @Input()\n addOnText: string;\n\n /** Whether AddOn Button should be focusable */\n @Input()\n buttonFocusable = true;\n\n /** The type of the input, used in Input Group. By default value is set to 'text' */\n @Input()\n type = 'text';\n\n /** The icon value for the add-on. */\n @Input()\n glyph: Nullable<string>;\n\n /** Whether the icon add-on or the text add-on is a button. */\n @Input()\n button: boolean;\n\n /** Whether the input group is disabled. */\n @Input()\n disabled: boolean;\n\n /** Whether the input group is readonly. */\n @Input()\n readonly: boolean;\n\n /**\n * The state of the form control - applies css classes.\n * Can be `success`, `error`, `warning`, `information` or blank for default.\n */\n @Input()\n state: Nullable<FormStates>;\n\n /**\n * Whether the input group is a popover control\n */\n @Input()\n isControl = false;\n\n /**\n * Whether should show focus outline\n */\n @Input()\n showFocus = true;\n\n /** @hidden */\n @Input()\n isExpanded = false;\n\n /** Label applied to button with glyph element. */\n @Input()\n glyphAriaLabel: Nullable<string>;\n\n /** The tooltip for the input group icon. */\n @Input()\n iconTitle: Nullable<string>;\n\n /** @deprecated renamed to \"ariaLabelledBy\" */\n @Input()\n set ariaLabelledby(value: Nullable<string>) {\n if (isDevMode()) {\n console.warn('\"ariaLabelledby\" is deprecated. Use \"ariaLabelledBy\" instead');\n }\n this.ariaLabelledBy = value;\n }\n\n /** the associated ids for the input aria-labelledby field */\n @Input()\n ariaLabelledBy: Nullable<string>;\n\n /** Event emitted when the add-on button is clicked. */\n @Output()\n addOnButtonClicked = new EventEmitter<Event>();\n\n /**\n * Event emitted when the native clear button is clicked, or when native search is executed.\n * Works only for native search for input[type=\"search\"]\n */\n @Output()\n search = new EventEmitter<Event>();\n\n /** @hidden */\n @ContentChild(InputGroupInputDirective)\n inputElement: InputGroupInputDirective;\n\n /** @hidden */\n @ViewChild(InputGroupInputDirective)\n localInputElement: InputGroupInputDirective;\n\n /** @hidden */\n @ContentChild(InputGroupAddOnDirective)\n addOnElement: InputGroupAddOnDirective;\n\n /** @hidden */\n _inputTextValue: string;\n\n /** @hidden */\n _inputId = `fd-input-group-input-id-${addOnInputRandomId++}`;\n\n /** @hidden */\n _addOnNonButtonId = `fd-input-group-non-button-id-${addOnNonButtonRandomId++}`;\n\n /** @hidden */\n _addOnButtonId = `fd-input-group-button-id-${addOnButtonRandomId++}`;\n\n /** @hidden */\n _inputFocused$: Observable<boolean>;\n\n /**\n * Whether the input group is in the shellbar. Only for internal use by combobox component.\n * @hidden\n */\n inShellbar = false;\n\n /** @hidden */\n private _inputTemplate: TemplateRef<any>;\n\n /** An RxJS Subject that will kill the stream upon component’s destruction (for unsubscribing) */\n private readonly _onDestroy$: Subject<void> = new Subject<void>();\n\n /** @hidden */\n onChange: any = () => {};\n\n /** @hidden */\n onTouched: any = () => {};\n\n /** Get the value of the text input. */\n get inputText(): string {\n return this._inputTextValue;\n }\n\n /** Set the value of the text input. */\n set inputText(value) {\n this._inputTextValue = value;\n\n this.onChange(value);\n this.onTouched();\n }\n\n /** @hidden\n * Calculate the correct ids for input aria-labelledby\n */\n get _inputAriaLabelledBy(): string {\n let ariaLabelledByIds = this.ariaLabelledBy ? this.ariaLabelledBy + ' ' : '';\n\n if (!this.button) {\n ariaLabelledByIds += this._addOnNonButtonId;\n }\n\n return ariaLabelledByIds;\n }\n\n /** @hidden */\n constructor(\n private readonly _elementRef: ElementRef,\n private readonly _changeDetectorRef: ChangeDetectorRef,\n @Optional() private readonly _contentDensityService: ContentDensityService\n ) {}\n\n /** @hidden */\n ngOnInit(): void {\n if (this.compact === undefined && this._contentDensityService) {\n this._contentDensityService._isCompactDensity.pipe(takeUntil(this._onDestroy$)).subscribe((isCompact) => {\n this.compact = isCompact;\n this._changeDetectorRef.markForCheck();\n });\n }\n }\n\n /** @hidden */\n ngAfterViewInit(): void {\n this._listenInputFocus();\n }\n\n /** @hidden */\n ngOnDestroy(): void {\n this._onDestroy$.next();\n this._onDestroy$.complete();\n }\n\n /** @hidden */\n writeValue(value: any): void {\n this._inputTextValue = value;\n\n this._changeDetectorRef.markForCheck();\n }\n\n /** @hidden */\n registerOnChange(fn): void {\n this.onChange = fn;\n }\n\n /** @hidden */\n registerOnTouched(fn): void {\n this.onTouched = fn;\n }\n\n /** @hidden */\n setDisabledState(isDisabled: boolean): void {\n this.disabled = isDisabled;\n\n this._changeDetectorRef.detectChanges();\n }\n\n /** @hidden */\n setInShellbar(value: boolean): void {\n this.inShellbar = value;\n\n this._changeDetectorRef.detectChanges();\n }\n\n /** @hidden */\n _buttonClicked($event: MouseEvent): void {\n this.addOnButtonClicked.emit($event);\n }\n\n /** @hidden */\n _onSearchEvent(event: Event): void {\n this.search.emit(event);\n }\n\n /** @hidden */\n _preventFocus(event: MouseEvent): void {\n if (!this.buttonFocusable) {\n event.preventDefault();\n }\n }\n\n /** @hidden */\n private _listenInputFocus(): void {\n const inputElement =\n this.inputElement?.elementRef()?.nativeElement || this.localInputElement?.elementRef()?.nativeElement;\n\n if (!inputElement) {\n return;\n }\n\n this._inputFocused$ = merge(\n fromEvent(inputElement, 'focusin').pipe(map(() => true)),\n fromEvent(inputElement, 'focusout').pipe(map(() => false))\n ).pipe(\n filter(() => this.showFocus),\n takeUntil(this._onDestroy$)\n );\n\n this._changeDetectorRef.markForCheck();\n }\n}\n","<div\n class=\"fd-input-group\"\n [class.fd-input-group--inline]=\"inline\"\n [class.is-disabled]=\"disabled\"\n [class.is-readonly]=\"readonly\"\n [class.fd-shellbar__input-group]=\"inShellbar\"\n [class.fd-input-group--control]=\"isControl\"\n [class.is-focus]=\"_inputFocused$ | async\"\n [class]=\"state ? 'is-' + state : ' '\"\n>\n <ng-container *ngIf=\"placement === 'after' && !inputElement\">\n <ng-container *ngTemplateOutlet=\"input\"></ng-container>\n </ng-container>\n\n <ng-content></ng-content>\n\n <ng-container *ngIf=\"!addOnElement && (glyph || addOnText)\">\n <span\n *ngIf=\"button\"\n fd-input-group-addon\n [compact]=\"compact\"\n [button]=\"true\"\n [placement]=\"placement\"\n [class.fd-shellbar__input-group-addon]=\"inShellbar\"\n >\n <button\n fd-button\n class=\"fd-input-group__button\"\n type=\"button\"\n [fdType]=\"inShellbar ? 'standard' : 'transparent'\"\n [compact]=\"compact\"\n [id]=\"_addOnButtonId\"\n [attr.tabindex]=\"buttonFocusable ? 0 : -1\"\n [attr.title]=\"iconTitle || glyphAriaLabel || glyph\"\n [glyph]=\"glyph\"\n [class.fd-shellbar__button]=\"inShellbar\"\n [class.is-expanded]=\"isExpanded\"\n [attr.aria-expanded]=\"inShellbar ? isExpanded : null\"\n [ariaLabel]=\"glyphAriaLabel || glyph || addOnText\"\n [attr.aria-controls]=\"input\"\n [disabled]=\"disabled\"\n (mousedown)=\"_preventFocus($event)\"\n (click)=\"_buttonClicked($event)\"\n >\n <ng-container *ngIf=\"!glyph\">{{ addOnText }}</ng-container>\n </button>\n </span>\n\n <span\n *ngIf=\"!button\"\n fd-input-group-addon\n [id]=\"_addOnNonButtonId\"\n [compact]=\"compact\"\n [placement]=\"placement\"\n [attr.aria-label]=\"glyphAriaLabel || glyph || addOnText\"\n [attr.title]=\"iconTitle || glyph || addOnText\"\n >\n <ng-container *ngIf=\"!glyph\">{{ addOnText }}</ng-container>\n\n <span *ngIf=\"glyph\" [className]=\"'sap-icon--' + glyph\"></span>\n </span>\n </ng-container>\n\n <ng-container *ngIf=\"placement === 'before' && !inputElement\">\n <ng-container *ngTemplateOutlet=\"input\"></ng-container>\n </ng-container>\n</div>\n\n<ng-template #input>\n <ng-container *ngIf=\"inputTemplate\">\n <ng-container *ngTemplateOutlet=\"inputTemplate\"></ng-container>\n </ng-container>\n\n <input\n *ngIf=\"!inputTemplate\"\n [(ngModel)]=\"inputText\"\n [id]=\"_inputId\"\n [attr.aria-labelledby]=\"_inputAriaLabelledBy\"\n [class.fd-shellbar__input-group-input]=\"inShellbar\"\n fd-input-group-input\n [compact]=\"compact\"\n [type]=\"type\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [attr.placeholder]=\"placeholder\"\n [attr.aria-required]=\"required\"\n (search)=\"_onSearchEvent($event)\"\n />\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\n\nimport { InputGroupComponent } from './input-group.component';\nimport { ButtonModule } from '@fundamental-ngx/core/button';\nimport { IconModule } from '@fundamental-ngx/core/icon';\nimport {\n InputGroupAddOnDirective,\n InputGroupInputDirective,\n InputGroupTextareaDirective\n} from './input-group-directives';\n\n@NgModule({\n declarations: [\n InputGroupComponent,\n InputGroupInputDirective,\n InputGroupTextareaDirective,\n InputGroupAddOnDirective\n ],\n imports: [CommonModule, ButtonModule, IconModule, FormsModule],\n exports: [InputGroupComponent, InputGroupInputDirective, InputGroupTextareaDirective, InputGroupAddOnDirective]\n})\nexport class InputGroupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"fundamental-ngx-core-input-group.mjs","sources":["../../../../libs/core/src/lib/input-group/input-group-directives.ts","../../../../libs/core/src/lib/input-group/input-group.component.ts","../../../../libs/core/src/lib/input-group/input-group.component.html","../../../../libs/core/src/lib/input-group/input-group.module.ts","../../../../libs/core/src/lib/input-group/fundamental-ngx-core-input-group.ts"],"sourcesContent":["import {\n AfterContentInit,\n Directive,\n ElementRef,\n HostBinding,\n Input,\n OnChanges,\n OnDestroy,\n OnInit,\n Optional,\n Renderer2\n} from '@angular/core';\nimport { InputGroupPlacement } from './types';\nimport { FormStates } from '@fundamental-ngx/core/shared';\nimport { Subscription } from 'rxjs';\nimport { ContentDensityService } from '@fundamental-ngx/core/utils';\nimport { CssClassBuilder } from '@fundamental-ngx/core/utils';\nimport { applyCssClass } from '@fundamental-ngx/core/utils';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-input-group-input]'\n})\nexport class InputGroupInputDirective implements CssClassBuilder, OnInit, OnChanges, OnDestroy {\n /** user's custom classes */\n @Input()\n class: string;\n\n @Input()\n compact?: boolean;\n\n /** @hidden */\n private _subscriptions = new Subscription();\n\n /** @hidden */\n constructor(private _elementRef: ElementRef, @Optional() private _contentDensityService: ContentDensityService) {}\n\n /** @hidden */\n ngOnInit(): void {\n if (this.compact === undefined && this._contentDensityService) {\n this._subscriptions.add(\n this._contentDensityService._isCompactDensity.subscribe((isCompact) => {\n this.compact = isCompact;\n this.buildComponentCssClass();\n })\n );\n }\n this.buildComponentCssClass();\n }\n\n /** @hidden */\n ngOnChanges(): void {\n this.buildComponentCssClass();\n }\n\n /** @hidden */\n ngOnDestroy(): void {\n this._subscriptions.unsubscribe();\n }\n\n @applyCssClass\n /** CssClassBuilder interface implementation\n * function must return single string\n * function is responsible for order which css classes are applied\n */\n buildComponentCssClass(): string[] {\n return ['fd-input', 'fd-input-group__input', this.compact ? 'fd-input--compact' : ''];\n }\n\n elementRef(): ElementRef<any> {\n return this._elementRef;\n }\n}\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-textarea-group-input]'\n})\nexport class InputGroupTextareaDirective {}\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-input-group-addon]'\n})\nexport class InputGroupAddOnDirective implements OnInit, OnChanges, CssClassBuilder, AfterContentInit, OnDestroy {\n /** user's custom classes */\n @Input()\n class: string;\n\n /** @hidden */\n @HostBinding('class.fd-input-group__addon')\n fdInputGroupAddonClass = true;\n\n /**\n * The placement of the add-on. Options include *before* and *after*\n */\n @Input()\n placement: InputGroupPlacement = 'after';\n\n /** Whether to apply compact mode to the AddOn. */\n @Input()\n compact?: boolean;\n\n /**\n * The placement of the add-on. Options include *before* and *after*\n */\n @Input()\n type: string;\n\n /**\n * The state of the form control - applies css classes.\n * Can be `success`, `error`, `warning`, `information` or blank for default.\n */\n @Input()\n state?: FormStates;\n\n /**\n * Whether the icon add-on or the text add-on is a button.\n */\n @Input()\n button = false;\n\n /** @hidden */\n private _subscriptions = new Subscription();\n\n /** @hidden */\n constructor(\n private _elementRef: ElementRef,\n private renderer: Renderer2,\n @Optional() private _contentDensityService: ContentDensityService\n ) {}\n\n /** @hidden */\n ngOnInit(): void {\n if (this.compact === undefined && this._contentDensityService) {\n this._subscriptions.add(\n this._contentDensityService._isCompactDensity.subscribe((isCompact) => {\n this.compact = isCompact;\n this.buildComponentCssClass();\n })\n );\n }\n this.buildComponentCssClass();\n }\n\n /** @hidden */\n ngOnChanges(): void {\n this.buildComponentCssClass();\n }\n\n /** @hidden */\n ngAfterContentInit(): void {\n /** Add fd-input-group__button to button child element */\n const button = this.elementRef().nativeElement.querySelector('button');\n if (button) {\n this.renderer.addClass(button, 'fd-input-group__button');\n }\n }\n\n /** @hidden */\n ngOnDestroy(): void {\n this._subscriptions.unsubscribe();\n }\n\n @applyCssClass\n /** CssClassBuilder interface implementation\n * function must return single string\n * function is responsible for order which css classes are applied\n */\n buildComponentCssClass(): string[] {\n return [\n 'fd-input-group__addon',\n this.button ? 'fd-input-group__addon--button' : '',\n this.type ? 'fd-input-group__addon--' + this.type : '',\n this.state ? 'is-' + this.state : '',\n this.compact ? 'fd-input-group__addon--compact' : ''\n ];\n }\n\n elementRef(): ElementRef<any> {\n return this._elementRef;\n }\n}\n","import {\n Component,\n Input,\n Output,\n EventEmitter,\n forwardRef,\n ViewEncapsulation,\n ContentChild,\n TemplateRef,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n ElementRef,\n OnDestroy,\n OnInit,\n Optional,\n AfterViewInit,\n ViewChild,\n isDevMode\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { filter, fromEvent, map, merge, Observable, Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { FormStates, Nullable } from '@fundamental-ngx/core/shared';\nimport { ContentDensityService } from '@fundamental-ngx/core/utils';\nimport { registerFormItemControl, FormItemControl } from '@fundamental-ngx/core/form';\n\nimport { InputGroupAddOnDirective, InputGroupInputDirective } from './input-group-directives';\nimport { InputGroupPlacement } from './types';\n\nlet addOnNonButtonRandomId = 0;\nlet addOnButtonRandomId = 0;\nlet addOnInputRandomId = 0;\n\n/**\n * The component that represents an input group.\n * The input group includes form inputs with add-ons that allow the user to better understand the information being entered.\n *\n * ```html\n * <fd-input-group placement=\"after\" addOnText=\"$\" placeholder=\"Amount\">\n * </fd-input-group>\n * ```\n */\n@Component({\n selector: 'fd-input-group',\n templateUrl: './input-group.component.html',\n styleUrls: ['./input-group.component.scss'],\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => InputGroupComponent),\n multi: true\n },\n registerFormItemControl(InputGroupComponent)\n ],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class InputGroupComponent implements ControlValueAccessor, OnInit, AfterViewInit, OnDestroy, FormItemControl {\n /** @deprecated Input template, use fd-input-group-input directive instead. */\n @Input()\n set inputTemplate(value: TemplateRef<any>) {\n if (isDevMode()) {\n console.warn('\"inputTemplate\" is deprecated. Use \"fd-input-group-input\" directive instead');\n }\n\n this._inputTemplate = value;\n }\n get inputTemplate(): TemplateRef<any> {\n return this._inputTemplate;\n }\n\n /**\n * The placement of the add-on.\n * Options include *before* and *after*\n */\n @Input()\n placement: InputGroupPlacement = 'after';\n\n /** Whether the input group is in compact mode. */\n @Input()\n compact?: boolean;\n\n /** If it is mandatory field */\n @Input()\n required = false;\n\n /** Whether the input group is inline. */\n @Input()\n inline = false;\n\n /** Placeholder for the input group. */\n @Input()\n placeholder: string;\n\n /** The text for the add-on. */\n @Input()\n addOnText: string;\n\n /** Whether AddOn Button should be focusable */\n @Input()\n buttonFocusable = true;\n\n /** The type of the input, used in Input Group. By default value is set to 'text' */\n @Input()\n type = 'text';\n\n /** The icon value for the add-on. */\n @Input()\n glyph: Nullable<string>;\n\n /** Whether the icon add-on or the text add-on is a button. */\n @Input()\n button: boolean;\n\n /** Whether the input group is disabled. */\n @Input()\n disabled: boolean;\n\n /** Whether the input group is readonly. */\n @Input()\n readonly: boolean;\n\n /**\n * The state of the form control - applies css classes.\n * Can be `success`, `error`, `warning`, `information` or blank for default.\n */\n @Input()\n state: Nullable<FormStates>;\n\n /**\n * Whether the input group is a popover control\n */\n @Input()\n isControl = false;\n\n /**\n * Whether should show focus outline\n */\n @Input()\n showFocus = true;\n\n /** @hidden */\n @Input()\n isExpanded = false;\n\n /** Label applied to button with glyph element. */\n @Input()\n glyphAriaLabel: Nullable<string>;\n\n /** The tooltip for the input group icon. */\n @Input()\n iconTitle: Nullable<string>;\n\n /** @deprecated renamed to \"ariaLabelledBy\" */\n @Input()\n set ariaLabelledby(value: Nullable<string>) {\n if (isDevMode()) {\n console.warn('\"ariaLabelledby\" is deprecated. Use \"ariaLabelledBy\" instead');\n }\n this.ariaLabelledBy = value;\n }\n\n /** the associated ids for the input aria-labelledby field */\n @Input()\n ariaLabelledBy: Nullable<string>;\n\n /** Event emitted when the add-on button is clicked. */\n @Output()\n addOnButtonClicked = new EventEmitter<Event>();\n\n /**\n * Event emitted when the native clear button is clicked, or when native search is executed.\n * Works only for native search for input[type=\"search\"]\n */\n @Output()\n search = new EventEmitter<Event>();\n\n /** @hidden */\n @ContentChild(InputGroupInputDirective)\n inputElement: InputGroupInputDirective;\n\n /** @hidden */\n @ViewChild(InputGroupInputDirective)\n localInputElement: InputGroupInputDirective;\n\n /** @hidden */\n @ContentChild(InputGroupAddOnDirective)\n addOnElement: InputGroupAddOnDirective;\n\n /** @hidden */\n _inputTextValue: string;\n\n /** @hidden */\n _inputId = `fd-input-group-input-id-${addOnInputRandomId++}`;\n\n /** @hidden */\n _addOnNonButtonId = `fd-input-group-non-button-id-${addOnNonButtonRandomId++}`;\n\n /** @hidden */\n _addOnButtonId = `fd-input-group-button-id-${addOnButtonRandomId++}`;\n\n /** @hidden */\n _inputFocused$: Observable<boolean>;\n\n /**\n * Whether the input group is in the shellbar. Only for internal use by combobox component.\n * @hidden\n */\n inShellbar = false;\n\n /** @hidden */\n private _inputTemplate: TemplateRef<any>;\n\n /** An RxJS Subject that will kill the stream upon component’s destruction (for unsubscribing) */\n private readonly _onDestroy$: Subject<void> = new Subject<void>();\n\n /** @hidden */\n onChange: any = () => {};\n\n /** @hidden */\n onTouched: any = () => {};\n\n /** Get the value of the text input. */\n get inputText(): string {\n return this._inputTextValue;\n }\n\n /** Set the value of the text input. */\n set inputText(value) {\n this._inputTextValue = value;\n\n this.onChange(value);\n this.onTouched();\n }\n\n /** @hidden\n * Calculate the correct ids for input aria-labelledby\n */\n get _inputAriaLabelledBy(): string {\n let ariaLabelledByIds = this.ariaLabelledBy ? this.ariaLabelledBy + ' ' : '';\n\n if (!this.button) {\n ariaLabelledByIds += this._addOnNonButtonId;\n }\n\n return ariaLabelledByIds;\n }\n\n /** @hidden */\n constructor(\n private readonly _elementRef: ElementRef,\n private readonly _changeDetectorRef: ChangeDetectorRef,\n @Optional() private readonly _contentDensityService: ContentDensityService\n ) {}\n\n /** @hidden */\n ngOnInit(): void {\n if (this.compact === undefined && this._contentDensityService) {\n this._contentDensityService._isCompactDensity.pipe(takeUntil(this._onDestroy$)).subscribe((isCompact) => {\n this.compact = isCompact;\n this._changeDetectorRef.markForCheck();\n });\n }\n }\n\n /** @hidden */\n ngAfterViewInit(): void {\n this._listenInputFocus();\n }\n\n /** @hidden */\n ngOnDestroy(): void {\n this._onDestroy$.next();\n this._onDestroy$.complete();\n }\n\n /** @hidden */\n writeValue(value: any): void {\n this._inputTextValue = value;\n\n this._changeDetectorRef.markForCheck();\n }\n\n /** @hidden */\n registerOnChange(fn): void {\n this.onChange = fn;\n }\n\n /** @hidden */\n registerOnTouched(fn): void {\n this.onTouched = fn;\n }\n\n /** @hidden */\n setDisabledState(isDisabled: boolean): void {\n this.disabled = isDisabled;\n\n this._changeDetectorRef.detectChanges();\n }\n\n /** @hidden */\n setInShellbar(value: boolean): void {\n this.inShellbar = value;\n\n this._changeDetectorRef.detectChanges();\n }\n\n /** @hidden */\n _buttonClicked($event: MouseEvent): void {\n this.addOnButtonClicked.emit($event);\n }\n\n /** @hidden */\n _onSearchEvent(event: Event): void {\n this.search.emit(event);\n }\n\n /** @hidden */\n _preventFocus(event: MouseEvent): void {\n if (!this.buttonFocusable) {\n event.preventDefault();\n }\n }\n\n /** @hidden */\n private _listenInputFocus(): void {\n const inputElement =\n this.inputElement?.elementRef()?.nativeElement || this.localInputElement?.elementRef()?.nativeElement;\n\n if (!inputElement) {\n return;\n }\n\n this._inputFocused$ = merge(\n fromEvent(inputElement, 'focusin').pipe(map(() => true)),\n fromEvent(inputElement, 'focusout').pipe(map(() => false))\n ).pipe(\n filter(() => this.showFocus),\n takeUntil(this._onDestroy$)\n );\n\n this._changeDetectorRef.markForCheck();\n }\n}\n","<div\n class=\"fd-input-group\"\n [class.fd-input-group--inline]=\"inline\"\n [class.is-disabled]=\"disabled\"\n [class.is-readonly]=\"readonly\"\n [class.fd-shellbar__input-group]=\"inShellbar\"\n [class.fd-input-group--control]=\"isControl\"\n [class.is-focus]=\"_inputFocused$ | async\"\n [class]=\"state ? 'is-' + state : ' '\"\n>\n <ng-container *ngIf=\"placement === 'after' && !inputElement\">\n <ng-container *ngTemplateOutlet=\"input\"></ng-container>\n </ng-container>\n\n <ng-content></ng-content>\n\n <ng-container *ngIf=\"!addOnElement && (glyph || addOnText)\">\n <span\n *ngIf=\"button\"\n fd-input-group-addon\n [compact]=\"compact\"\n [button]=\"true\"\n [placement]=\"placement\"\n [class.fd-shellbar__input-group-addon]=\"inShellbar\"\n >\n <button\n fd-button\n class=\"fd-input-group__button\"\n type=\"button\"\n [fdType]=\"inShellbar ? 'standard' : 'transparent'\"\n [compact]=\"compact\"\n [id]=\"_addOnButtonId\"\n [attr.tabindex]=\"buttonFocusable ? 0 : -1\"\n [attr.title]=\"iconTitle || glyphAriaLabel || glyph\"\n [glyph]=\"glyph\"\n [class.fd-shellbar__button]=\"inShellbar\"\n [class.is-expanded]=\"isExpanded\"\n [attr.aria-expanded]=\"inShellbar ? isExpanded : null\"\n [ariaLabel]=\"glyphAriaLabel || glyph || addOnText\"\n [attr.aria-controls]=\"_inputId\"\n [disabled]=\"disabled\"\n (mousedown)=\"_preventFocus($event)\"\n (click)=\"_buttonClicked($event)\"\n >\n <ng-container *ngIf=\"!glyph\">{{ addOnText }}</ng-container>\n </button>\n </span>\n\n <span\n *ngIf=\"!button\"\n fd-input-group-addon\n [id]=\"_addOnNonButtonId\"\n [compact]=\"compact\"\n [placement]=\"placement\"\n [attr.aria-label]=\"glyphAriaLabel || glyph || addOnText\"\n [attr.title]=\"iconTitle || glyph || addOnText\"\n >\n <ng-container *ngIf=\"!glyph\">{{ addOnText }}</ng-container>\n\n <span *ngIf=\"glyph\" [className]=\"'sap-icon--' + glyph\"></span>\n </span>\n </ng-container>\n\n <ng-container *ngIf=\"placement === 'before' && !inputElement\">\n <ng-container *ngTemplateOutlet=\"input\"></ng-container>\n </ng-container>\n</div>\n\n<ng-template #input>\n <ng-container *ngIf=\"inputTemplate\">\n <ng-container *ngTemplateOutlet=\"inputTemplate\"></ng-container>\n </ng-container>\n\n <input\n *ngIf=\"!inputTemplate\"\n [(ngModel)]=\"inputText\"\n [id]=\"_inputId\"\n [attr.aria-labelledby]=\"_inputAriaLabelledBy\"\n [class.fd-shellbar__input-group-input]=\"inShellbar\"\n fd-input-group-input\n [compact]=\"compact\"\n [type]=\"type\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [attr.placeholder]=\"placeholder\"\n [attr.aria-required]=\"required\"\n (search)=\"_onSearchEvent($event)\"\n />\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\n\nimport { InputGroupComponent } from './input-group.component';\nimport { ButtonModule } from '@fundamental-ngx/core/button';\nimport { IconModule } from '@fundamental-ngx/core/icon';\nimport {\n InputGroupAddOnDirective,\n InputGroupInputDirective,\n InputGroupTextareaDirective\n} from './input-group-directives';\n\n@NgModule({\n declarations: [\n InputGroupComponent,\n InputGroupInputDirective,\n InputGroupTextareaDirective,\n InputGroupAddOnDirective\n ],\n imports: [CommonModule, ButtonModule, IconModule, FormsModule],\n exports: [InputGroupComponent, InputGroupInputDirective, InputGroupTextareaDirective, InputGroupAddOnDirective]\n})\nexport class InputGroupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
package/fesm2015/fundamental-ngx-core-select.mjs CHANGED
@@ -606,7 +606,6 @@ class SelectComponent {
606
606
  /** @hidden */
607
607
  ngOnInit() {
608
608
  this.ariaLabel = this.ariaLabel || this.placeholder;
609
- this.ariaLabelledBy = this.ariaLabelledBy || this.placeholder;
610
609
  this._initializeCommonBehavior();
611
610
  if (this.compact === undefined && this._contentDensityService) {
612
611
  this._subscriptions.add(this._contentDensityService._isCompactDensity.subscribe((isCompact) => {