@fundamental-ngx/core 0.33.4-rc.6 → 0.33.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 (156) hide show
  1. package/README.md +1 -3
  2. package/action-bar/package.json +3 -3
  3. package/action-sheet/package.json +3 -3
  4. package/alert/package.json +3 -3
  5. package/avatar/avatar.component.d.ts +2 -0
  6. package/avatar/esm2020/avatar.component.mjs +8 -5
  7. package/avatar/fesm2015/fundamental-ngx-core-avatar.mjs +7 -4
  8. package/avatar/fesm2015/fundamental-ngx-core-avatar.mjs.map +1 -1
  9. package/avatar/fesm2020/fundamental-ngx-core-avatar.mjs +7 -4
  10. package/avatar/fesm2020/fundamental-ngx-core-avatar.mjs.map +1 -1
  11. package/avatar/package.json +3 -3
  12. package/avatar-group/package.json +3 -3
  13. package/bar/package.json +3 -3
  14. package/breadcrumb/package.json +3 -3
  15. package/busy-indicator/package.json +3 -3
  16. package/button/package.json +3 -3
  17. package/calendar/package.json +3 -3
  18. package/card/package.json +3 -3
  19. package/carousel/package.json +3 -3
  20. package/checkbox/checkbox/checkbox.component.d.ts +30 -35
  21. package/checkbox/esm2020/checkbox/checkbox.component.mjs +61 -80
  22. package/checkbox/fesm2015/fundamental-ngx-core-checkbox.mjs +59 -77
  23. package/checkbox/fesm2015/fundamental-ngx-core-checkbox.mjs.map +1 -1
  24. package/checkbox/fesm2020/fundamental-ngx-core-checkbox.mjs +59 -77
  25. package/checkbox/fesm2020/fundamental-ngx-core-checkbox.mjs.map +1 -1
  26. package/checkbox/package.json +3 -3
  27. package/combobox/package.json +3 -3
  28. package/date-picker/package.json +3 -3
  29. package/datetime/package.json +3 -3
  30. package/datetime-picker/package.json +3 -3
  31. package/dialog/package.json +3 -3
  32. package/dynamic-page/package.json +3 -3
  33. package/dynamic-side-content/package.json +3 -3
  34. package/esm2020/avatar/avatar.component.mjs +8 -5
  35. package/esm2020/checkbox/checkbox/checkbox.component.mjs +61 -80
  36. package/esm2020/input-group/input-group.component.mjs +2 -2
  37. package/esm2020/list/list-item/list-item.component.mjs +6 -2
  38. package/esm2020/multi-input/multi-input.component.mjs +38 -11
  39. package/esm2020/utils/helpers/range-selector.mjs +113 -0
  40. package/esm2020/utils/public_api.mjs +2 -1
  41. package/facets/package.json +3 -3
  42. package/feed-input/package.json +3 -3
  43. package/feed-list-item/package.json +3 -3
  44. package/fesm2015/fundamental-ngx-core-avatar.mjs +7 -4
  45. package/fesm2015/fundamental-ngx-core-avatar.mjs.map +1 -1
  46. package/fesm2015/fundamental-ngx-core-checkbox.mjs +59 -77
  47. package/fesm2015/fundamental-ngx-core-checkbox.mjs.map +1 -1
  48. package/fesm2015/fundamental-ngx-core-input-group.mjs +2 -2
  49. package/fesm2015/fundamental-ngx-core-list.mjs +5 -1
  50. package/fesm2015/fundamental-ngx-core-list.mjs.map +1 -1
  51. package/fesm2015/fundamental-ngx-core-multi-input.mjs +40 -11
  52. package/fesm2015/fundamental-ngx-core-multi-input.mjs.map +1 -1
  53. package/fesm2015/fundamental-ngx-core-utils.mjs +114 -1
  54. package/fesm2015/fundamental-ngx-core-utils.mjs.map +1 -1
  55. package/fesm2020/fundamental-ngx-core-avatar.mjs +7 -4
  56. package/fesm2020/fundamental-ngx-core-avatar.mjs.map +1 -1
  57. package/fesm2020/fundamental-ngx-core-checkbox.mjs +59 -77
  58. package/fesm2020/fundamental-ngx-core-checkbox.mjs.map +1 -1
  59. package/fesm2020/fundamental-ngx-core-input-group.mjs +2 -2
  60. package/fesm2020/fundamental-ngx-core-list.mjs +5 -1
  61. package/fesm2020/fundamental-ngx-core-list.mjs.map +1 -1
  62. package/fesm2020/fundamental-ngx-core-multi-input.mjs +38 -11
  63. package/fesm2020/fundamental-ngx-core-multi-input.mjs.map +1 -1
  64. package/fesm2020/fundamental-ngx-core-utils.mjs +114 -1
  65. package/fesm2020/fundamental-ngx-core-utils.mjs.map +1 -1
  66. package/file-uploader/package.json +3 -3
  67. package/fixed-card-layout/package.json +3 -3
  68. package/flexible-column-layout/package.json +3 -3
  69. package/form/package.json +3 -3
  70. package/formatted-text/package.json +3 -3
  71. package/grid-list/package.json +3 -3
  72. package/icon/package.json +3 -3
  73. package/illustrated-message/package.json +3 -3
  74. package/infinite-scroll/package.json +3 -3
  75. package/info-label/package.json +3 -3
  76. package/inline-help/package.json +3 -3
  77. package/input-group/esm2020/input-group.component.mjs +2 -2
  78. package/input-group/fesm2015/fundamental-ngx-core-input-group.mjs +2 -2
  79. package/input-group/fesm2020/fundamental-ngx-core-input-group.mjs +2 -2
  80. package/input-group/package.json +3 -3
  81. package/layout-grid/package.json +3 -3
  82. package/layout-panel/package.json +3 -3
  83. package/link/package.json +3 -3
  84. package/list/esm2020/list-item/list-item.component.mjs +6 -2
  85. package/list/fesm2015/fundamental-ngx-core-list.mjs +5 -1
  86. package/list/fesm2015/fundamental-ngx-core-list.mjs.map +1 -1
  87. package/list/fesm2020/fundamental-ngx-core-list.mjs +5 -1
  88. package/list/fesm2020/fundamental-ngx-core-list.mjs.map +1 -1
  89. package/list/package.json +3 -3
  90. package/menu/package.json +3 -3
  91. package/message-box/package.json +3 -3
  92. package/message-page/package.json +2 -2
  93. package/message-strip/package.json +3 -3
  94. package/message-toast/package.json +3 -3
  95. package/micro-process-flow/package.json +3 -3
  96. package/mobile-mode/package.json +3 -3
  97. package/multi-input/esm2020/multi-input.component.mjs +38 -11
  98. package/multi-input/fesm2015/fundamental-ngx-core-multi-input.mjs +40 -11
  99. package/multi-input/fesm2015/fundamental-ngx-core-multi-input.mjs.map +1 -1
  100. package/multi-input/fesm2020/fundamental-ngx-core-multi-input.mjs +38 -11
  101. package/multi-input/fesm2020/fundamental-ngx-core-multi-input.mjs.map +1 -1
  102. package/multi-input/multi-input.component.d.ts +8 -1
  103. package/multi-input/package.json +3 -3
  104. package/nested-list/package.json +3 -3
  105. package/notification/package.json +3 -3
  106. package/object-identifier/package.json +3 -3
  107. package/object-marker/package.json +3 -3
  108. package/object-number/package.json +3 -3
  109. package/object-status/package.json +3 -3
  110. package/package.json +7 -7
  111. package/pagination/package.json +3 -3
  112. package/panel/package.json +3 -3
  113. package/popover/package.json +3 -3
  114. package/product-switch/package.json +3 -3
  115. package/progress-indicator/package.json +1 -1
  116. package/quick-view/package.json +3 -3
  117. package/radio/package.json +3 -3
  118. package/rating-indicator/package.json +3 -3
  119. package/resizable-card-layout/package.json +3 -3
  120. package/scroll-spy/package.json +3 -3
  121. package/scrollbar/package.json +3 -3
  122. package/segmented-button/package.json +3 -3
  123. package/select/package.json +3 -3
  124. package/shared/package.json +3 -3
  125. package/shellbar/package.json +3 -3
  126. package/side-navigation/package.json +3 -3
  127. package/slider/package.json +3 -3
  128. package/split-button/package.json +3 -3
  129. package/splitter/package.json +3 -3
  130. package/status-indicator/package.json +3 -3
  131. package/step-input/package.json +3 -3
  132. package/switch/package.json +3 -3
  133. package/table/package.json +3 -3
  134. package/tabs/package.json +3 -3
  135. package/tests/package.json +2 -2
  136. package/text/package.json +3 -3
  137. package/tile/package.json +3 -3
  138. package/time/package.json +3 -3
  139. package/time-picker/package.json +3 -3
  140. package/timeline/package.json +3 -3
  141. package/title/package.json +3 -3
  142. package/token/package.json +3 -3
  143. package/toolbar/package.json +3 -3
  144. package/tree/package.json +3 -3
  145. package/upload-collection/package.json +3 -3
  146. package/utils/esm2020/helpers/range-selector.mjs +113 -0
  147. package/utils/esm2020/public_api.mjs +2 -1
  148. package/utils/fesm2015/fundamental-ngx-core-utils.mjs +114 -1
  149. package/utils/fesm2015/fundamental-ngx-core-utils.mjs.map +1 -1
  150. package/utils/fesm2020/fundamental-ngx-core-utils.mjs +114 -1
  151. package/utils/fesm2020/fundamental-ngx-core-utils.mjs.map +1 -1
  152. package/utils/helpers/range-selector.d.ts +84 -0
  153. package/utils/package.json +6 -6
  154. package/utils/public_api.d.ts +1 -0
  155. package/vertical-navigation/package.json +3 -3
  156. package/wizard/package.json +3 -3
package/file-uploader/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/file-uploader",
3
- "version": "0.33.4-rc.6",
3
+ "version": "0.33.4",
4
4
  "peerDependencies": {
5
- "@angular/common": "^13,.0.0",
6
- "@angular/core": "^13,.0.0"
5
+ "@angular/common": "^13.0.0",
6
+ "@angular/core": "^13.0.0"
7
7
  },
8
8
  "dependencies": {
9
9
  "tslib": "^2.0.0"
package/fixed-card-layout/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/fixed-card-layout",
3
- "version": "0.33.4-rc.6",
3
+ "version": "0.33.4",
4
4
  "peerDependencies": {
5
- "@angular/common": "^13,.0.0",
6
- "@angular/core": "^13,.0.0"
5
+ "@angular/common": "^13.0.0",
6
+ "@angular/core": "^13.0.0"
7
7
  },
8
8
  "dependencies": {
9
9
  "tslib": "^2.0.0"
package/flexible-column-layout/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/flexible-column-layout",
3
- "version": "0.33.4-rc.6",
3
+ "version": "0.33.4",
4
4
  "peerDependencies": {
5
- "@angular/common": "^13,.0.0",
6
- "@angular/core": "^13,.0.0"
5
+ "@angular/common": "^13.0.0",
6
+ "@angular/core": "^13.0.0"
7
7
  },
8
8
  "dependencies": {
9
9
  "tslib": "^2.0.0"
package/form/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/form",
3
- "version": "0.33.4-rc.6",
3
+ "version": "0.33.4",
4
4
  "peerDependencies": {
5
- "@angular/common": "^13,.0.0",
6
- "@angular/core": "^13,.0.0"
5
+ "@angular/common": "^13.0.0",
6
+ "@angular/core": "^13.0.0"
7
7
  },
8
8
  "dependencies": {
9
9
  "tslib": "^2.0.0"
package/formatted-text/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/formatted-text",
3
- "version": "0.33.4-rc.6",
3
+ "version": "0.33.4",
4
4
  "peerDependencies": {
5
- "@angular/common": "^13,.0.0",
6
- "@angular/core": "^13,.0.0"
5
+ "@angular/common": "^13.0.0",
6
+ "@angular/core": "^13.0.0"
7
7
  },
8
8
  "dependencies": {
9
9
  "tslib": "^2.0.0"
package/grid-list/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/grid-list",
3
- "version": "0.33.4-rc.6",
3
+ "version": "0.33.4",
4
4
  "peerDependencies": {
5
- "@angular/common": "^13,.0.0",
6
- "@angular/core": "^13,.0.0"
5
+ "@angular/common": "^13.0.0",
6
+ "@angular/core": "^13.0.0"
7
7
  },
8
8
  "dependencies": {
9
9
  "tslib": "^2.0.0"
package/icon/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/icon",
3
- "version": "0.33.4-rc.6",
3
+ "version": "0.33.4",
4
4
  "peerDependencies": {
5
- "@angular/common": "^13,.0.0",
6
- "@angular/core": "^13,.0.0"
5
+ "@angular/common": "^13.0.0",
6
+ "@angular/core": "^13.0.0"
7
7
  },
8
8
  "dependencies": {
9
9
  "tslib": "^2.0.0"
package/illustrated-message/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/illustrated-message",
3
- "version": "0.33.4-rc.6",
3
+ "version": "0.33.4",
4
4
  "peerDependencies": {
5
- "@angular/common": "^13,.0.0",
6
- "@angular/core": "^13,.0.0"
5
+ "@angular/common": "^13.0.0",
6
+ "@angular/core": "^13.0.0"
7
7
  },
8
8
  "dependencies": {
9
9
  "tslib": "^2.0.0"
package/infinite-scroll/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/infinite-scroll",
3
- "version": "0.33.4-rc.6",
3
+ "version": "0.33.4",
4
4
  "peerDependencies": {
5
- "@angular/common": "^13,.0.0",
6
- "@angular/core": "^13,.0.0"
5
+ "@angular/common": "^13.0.0",
6
+ "@angular/core": "^13.0.0"
7
7
  },
8
8
  "dependencies": {
9
9
  "tslib": "^2.0.0"
package/info-label/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/info-label",
3
- "version": "0.33.4-rc.6",
3
+ "version": "0.33.4",
4
4
  "peerDependencies": {
5
- "@angular/common": "^13,.0.0",
6
- "@angular/core": "^13,.0.0"
5
+ "@angular/common": "^13.0.0",
6
+ "@angular/core": "^13.0.0"
7
7
  },
8
8
  "dependencies": {
9
9
  "tslib": "^2.0.0"
package/inline-help/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/inline-help",
3
- "version": "0.33.4-rc.6",
3
+ "version": "0.33.4",
4
4
  "peerDependencies": {
5
- "@angular/common": "^13,.0.0",
6
- "@angular/core": "^13,.0.0"
5
+ "@angular/common": "^13.0.0",
6
+ "@angular/core": "^13.0.0"
7
7
  },
8
8
  "dependencies": {
9
9
  "tslib": "^2.0.0"
package/input-group/esm2020/input-group.component.mjs CHANGED
@@ -186,7 +186,7 @@ InputGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
186
186
  useExisting: forwardRef(() => InputGroupComponent),
187
187
  multi: true
188
188
  }
189
- ], queries: [{ propertyName: "inputElement", first: true, predicate: InputGroupInputDirective, descendants: true }, { propertyName: "addOnElement", first: true, predicate: InputGroupAddOnDirective, descendants: true }], viewQueries: [{ propertyName: "_button", first: true, predicate: ["button"], descendants: true, read: ElementRef }], 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]=\"isFocused && showFocus && !_isButtonFocused\"\n [class]=\"state ? 'is-' + state : ' '\"\n>\n <ng-container *ngIf=\"placement !== 'before' && !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 #button\n fd-button\n class=\"fd-input-group__button\"\n type=\"button\"\n fdType=\"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 <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 <input\n [(ngModel)]=\"inputText\"\n [id]=\"_inputId\"\n [attr.aria-labelledby]=\"_getAriaLabelledbyIdsForInput()\"\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 *ngIf=\"!inputElement && !inputTemplate\"\n [attr.placeholder]=\"placeholder\"\n [attr.aria-required]=\"required\"\n (search)=\"onSearchEvent($event)\"\n />\n</ng-template>\n", styles: ["/*!\n.fd-input\n*/.fd-input{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;text-overflow:ellipsis;color:#32363a;color:var(--sapField_TextColor, #32363a);background-color:#fff;background-color:var(--sapField_Background, #fff);border-style:solid;border-width:.0625rem;border-width:var(--sapField_BorderWidth, .0625rem);border-color:#89919a;border-color:var(--sapField_BorderColor, #89919a);border-radius:.125rem;border-radius:var(--sapField_BorderCornerRadius, .125rem);outline:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-left:.75rem;padding-right:.75rem;min-width:2.75rem;width:100%;height:2.25rem;margin-top:.25rem;margin-bottom:.25rem;padding:0 .625rem;z-index:1;cursor:text;overflow:hidden;text-shadow:none;text-shadow:var(--fdInput_Text_Shadow, none)}.fd-input:after,.fd-input:before{box-sizing:inherit;font-size:inherit}.fd-input::placeholder{font-style:italic;color:#74777a;color:var(--sapField_PlaceholderTextColor, #74777a)}.fd-input::selection{color:#fff;color:var(--sapContent_ContrastTextColor, #fff);background-color:#0854a0;background-color:var(--sapSelectedColor, #0854a0)}.fd-input.is-hover,.fd-input:hover{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff);border-color:#0854a0;border-color:var(--sapField_Hover_BorderColor, #0854a0)}.fd-input.is-success{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e);border-width:.0625rem;border-width:var(--sapField_SuccessBorderWidth, .0625rem);border-style:solid;border-style:var(--sapField_SuccessBorderStyle, solid)}.fd-input.is-success.is-hover,.fd-input.is-success:hover{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e)}.fd-input.is-error{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);font-style:normal;font-style:var(--fdInput_State_Text_Style, normal);font-weight:400;font-weight:var(--fdInput_State_Font_Weight, normal);border-color:#b00;border-color:var(--sapField_InvalidColor, #b00);border-width:.125rem;border-width:var(--sapField_InvalidBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_InvalidBorderStyle, solid)}.fd-input.is-error.is-hover,.fd-input.is-error:hover{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);border-color:#b00;border-color:var(--sapField_InvalidColor, #b00)}.fd-input.is-alert,.fd-input.is-warning{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);font-style:normal;font-style:var(--fdInput_State_Text_Style, normal);font-weight:400;font-weight:var(--fdInput_State_Font_Weight, normal);border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c);border-width:.125rem;border-width:var(--sapField_WarningBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_WarningBorderStyle, solid)}.fd-input.is-alert.is-hover,.fd-input.is-alert:hover,.fd-input.is-warning.is-hover,.fd-input.is-warning:hover{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c)}.fd-input.is-information{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1);border-width:.125rem;border-width:var(--sapField_InformationBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_InformationBorderStyle, solid)}.fd-input.is-information.is-hover,.fd-input.is-information:hover{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1)}.fd-input.is-focus,.fd-input:focus{z-index:5;box-shadow:none;outline-offset:-.1875rem;outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000);outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted)}.fd-input.is-alert,.fd-input.is-error,.fd-input.is-information,.fd-input.is-warning{border-width:.125rem;border-style:solid;border-style:var(--fdInput_State_Border_Type, solid)}.fd-input.is-alert.is-focus,.fd-input.is-alert:focus,.fd-input.is-error.is-focus,.fd-input.is-error:focus,.fd-input.is-information.is-focus,.fd-input.is-information:focus,.fd-input.is-warning.is-focus,.fd-input.is-warning:focus{z-index:5;box-shadow:none;outline-offset:-.25rem}.fd-input.is-disabled,.fd-input:disabled,.fd-input[aria-disabled=true]{pointer-events:none;opacity:.4;opacity:var(--sapContent_DisabledOpacity, .4)}.fd-input.is-disabled::placeholder,.fd-input:disabled::placeholder,.fd-input[aria-disabled=true]::placeholder{color:transparent}.fd-input.is-readonly,.fd-input[aria-readonly=true],.fd-input[readonly]{background-color:#f2f2f280;background-color:var(--sapField_ReadOnly_Background, rgba(242, 242, 242, .5));border-color:#89919a;border-color:var(--sapField_ReadOnly_BorderColor, #89919a)}.fd-input.is-readonly::placeholder,.fd-input[aria-readonly=true]::placeholder,.fd-input[readonly]::placeholder{color:transparent}.fd-input::-ms-clear{display:none}.fd-input[aria-expanded=false]{z-index:0}.fd-input.is-expanded,.fd-input[aria-expanded=true]{z-index:4}.fd-input:last-child{margin-bottom:.25rem}.fd-input--compact{min-width:2rem;height:1.625rem;margin-top:.1875rem;margin-bottom:.1875rem;padding:0 .5rem;box-sizing:border-box}.fd-input--no-number-spinner{-moz-appearance:textfield}.fd-input--no-number-spinner::-webkit-inner-spin-button,.fd-input--no-number-spinner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.fd-input.right-align{text-align:right}/*!\n * Fundamental Library Styles v0.21.0-rc.92\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:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;border-style:solid;border-width:.0625rem;border-width:var(--sapField_BorderWidth, .0625rem);border-color:#89919a;border-color:var(--sapField_BorderColor, #89919a);border-radius:.125rem;border-radius:var(--sapField_BorderCornerRadius, .125rem);background-color:#fff;background-color:var(--sapField_Background, #fff);width:100%;overflow:hidden;text-shadow:none;text-shadow:var(--fdInputGroup_Text_Shadow, none)}.fd-input-group:after,.fd-input-group:before{box-sizing:inherit;font-size:inherit}.fd-input-group.is-hover,.fd-input-group:hover{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff);border-color:#0854a0;border-color:var(--sapField_Hover_BorderColor, #0854a0)}.fd-input-group.is-success{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e);border-width:.0625rem;border-width:var(--sapField_SuccessBorderWidth, .0625rem);border-style:solid;border-style:var(--sapField_SuccessBorderStyle, solid)}.fd-input-group.is-success.is-hover,.fd-input-group.is-success:hover{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e)}.fd-input-group.is-error{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);font-style:normal;font-style:var(--fdInput_State_Text_Style, normal);font-weight:400;font-weight:var(--fdInput_State_Font_Weight, normal);border-color:#b00;border-color:var(--sapField_InvalidColor, #b00);border-width:.125rem;border-width:var(--sapField_InvalidBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_InvalidBorderStyle, solid)}.fd-input-group.is-error.is-hover,.fd-input-group.is-error:hover{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);border-color:#b00;border-color:var(--sapField_InvalidColor, #b00)}.fd-input-group.is-alert,.fd-input-group.is-warning{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);font-style:normal;font-style:var(--fdInput_State_Text_Style, normal);font-weight:400;font-weight:var(--fdInput_State_Font_Weight, normal);border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c);border-width:.125rem;border-width:var(--sapField_WarningBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_WarningBorderStyle, solid)}.fd-input-group.is-alert.is-hover,.fd-input-group.is-alert:hover,.fd-input-group.is-warning.is-hover,.fd-input-group.is-warning:hover{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c)}.fd-input-group.is-information{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1);border-width:.125rem;border-width:var(--sapField_InformationBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_InformationBorderStyle, solid)}.fd-input-group.is-information.is-hover,.fd-input-group.is-information:hover{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1)}.fd-input-group.is-focus,.fd-input-group:focus{z-index:5;box-shadow:none;outline-offset:-.1875rem;outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000);outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted)}.fd-input-group.is-alert,.fd-input-group.is-error,.fd-input-group.is-information,.fd-input-group.is-warning{border-width:.125rem;border-style:solid;border-style:var(--fdInput_State_Border_Type, solid)}.fd-input-group.is-alert.is-focus,.fd-input-group.is-alert:focus,.fd-input-group.is-error.is-focus,.fd-input-group.is-error:focus,.fd-input-group.is-information.is-focus,.fd-input-group.is-information:focus,.fd-input-group.is-warning.is-focus,.fd-input-group.is-warning:focus{z-index:5;box-shadow:none;outline-offset:-.25rem}.fd-input-group.is-disabled,.fd-input-group:disabled,.fd-input-group[aria-disabled=true]{pointer-events:none;opacity:.4;opacity:var(--sapContent_DisabledOpacity, .4)}.fd-input-group.is-disabled::placeholder,.fd-input-group:disabled::placeholder,.fd-input-group[aria-disabled=true]::placeholder{color:transparent}.fd-input-group.is-readonly,.fd-input-group[aria-readonly=true],.fd-input-group[readonly]{background-color:#f2f2f280;background-color:var(--sapField_ReadOnly_Background, rgba(242, 242, 242, .5));border-color:#89919a;border-color:var(--sapField_ReadOnly_BorderColor, #89919a)}.fd-input-group.is-readonly::placeholder,.fd-input-group[aria-readonly=true]::placeholder,.fd-input-group[readonly]::placeholder{color:transparent}.fd-input-group.is-focus,.fd-input-group:focus{outline-offset:-.1875rem;outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000);outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted)}.fd-input-group>*{border-radius:.125rem;border-radius:var(--sapField_BorderCornerRadius, .125rem)}.fd-input-group>:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.fd-input-group>:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.fd-input-group>:not(:first-child):not(:last-child){border-radius:0}.fd-input-group>[dir=rtl],[dir=rtl] .fd-input-group>*{border-radius:.125rem;border-radius:var(--sapField_BorderCornerRadius, .125rem)}.fd-input-group>[dir=rtl]:first-child,[dir=rtl] .fd-input-group>:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.fd-input-group>[dir=rtl]:last-child,[dir=rtl] .fd-input-group>:last-child{border-top-right-radius:0;border-bottom-right-radius:0}.fd-input-group .fd-input-group__input{background-color:transparent;border:none;flex:1 1 10rem;padding-right:.25rem;padding-left:.25rem;text-shadow:none;text-shadow:var(--fdInputGroup_Text_Shadow, none)}.fd-input-group .fd-input-group__input:nth-child(n+1){margin:0}.fd-input-group .fd-input-group__input.is-focus,.fd-input-group .fd-input-group__input:focus{z-index:5;outline:0;box-shadow:none}.fd-input-group .fd-input-group__input.is-disabled,.fd-input-group .fd-input-group__input:disabled,.fd-input-group .fd-input-group__input[aria-disabled=true]{pointer-events:none;opacity:.4;opacity:var(--sapContent_DisabledOpacity, .4)}.fd-input-group .fd-input-group__input:nth-child(1){padding-left:.625rem}.fd-input-group .fd-input-group__input:nth-child(1)[dir=rtl],[dir=rtl] .fd-input-group .fd-input-group__input:nth-child(1){padding-right:.625rem;padding-left:0}.fd-input-group .fd-input-group__input:nth-last-child(1){padding-right:.625rem}.fd-input-group .fd-input-group__input:nth-last-child(1)[dir=rtl],[dir=rtl] .fd-input-group .fd-input-group__input:nth-last-child(1){padding-right:0;padding-left:.625rem}.fd-input-group--inline{display:inline-flex;vertical-align:bottom;width:auto}.fd-input-group__addon{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);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:#6a6d70;color:var(--sapContent_NonInteractiveIconColor, #6a6d70);background:0 0!important;font-size:1rem;font-size:var(--sapFontLargeSize, 1rem);min-width:2.25rem;min-height:2.25rem;padding-left:.625rem;padding-right:.625rem}.fd-input-group__addon:after,.fd-input-group__addon:before{box-sizing:inherit;font-size:inherit}.fd-input-group__addon span[class*=sap-icon--]:before{font-size:1rem;font-size:var(--sapFontLargeSize, 1rem)}.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;display:flex;flex-direction:column;border:none;border-radius:.0625rem}.fd-input-group__addon--button .fd-input-group__button{border-radius:0;height:100%;max-height:100%}.fd-input-group__addon--button .fd-input-group__button:nth-child(n+1){margin:0}.fd-input-group__addon--button>*{border-radius:0}.fd-input-group__addon--button:first-child{border-radius:.0625rem 0 0 .0625rem}.fd-input-group__addon--button:last-child{border-radius:0 .0625rem .0625rem 0}.fd-input-group__addon--button:not(:first-child):not(:last-child) .fd-input-group__button{border-radius:0}.fd-input-group__addon--button[dir=rtl]:first-child,[dir=rtl] .fd-input-group__addon--button:first-child{border-radius:0 .0625rem .0625rem 0;margin-right:0}.fd-input-group__addon--button[dir=rtl]:last-child,[dir=rtl] .fd-input-group__addon--button:last-child{border-radius:.0625rem 0 0 .0625rem;margin-left:0}.fd-input-group__button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:none;width:100%;z-index:auto!important;position:static!important}.fd-input-group__button.is-focus,.fd-input-group__button:focus{z-index:5;outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);outline-offset:-.1875rem;outline-color:#0854a0;outline-color:var(--sapField_Hover_BorderColor, #0854a0)}.fd-input-group__button.is-focus.fd-input-group--toggled,.fd-input-group__button:focus.fd-input-group--toggled{outline-color:#fff;outline-color:var(--sapContent_ContrastFocusColor, #fff)}.fd-input-group__button:before{display:none!important}.fd-input-group .fd-button.fd-input-group__button{border-color:transparent}.fd-input-group--control .fd-input-group__button.is-expanded{background-color:#0854a0;background-color:var(--sapButton_Active_Background, #0854a0);color:#fff;color:var(--sapButton_Active_TextColor, #fff)}.fd-input-group--control .fd-input-group__button.is-expanded.is-focus,.fd-input-group--control .fd-input-group__button.is-expanded:focus{outline-offset:-.1875rem;outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000);outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted);outline-color:#fff;outline-color:var(--sapContent_ContrastFocusColor, #fff)}.fd-input-group--control.is-hover .fd-input-group__button,.fd-input-group--control:hover .fd-input-group__button{border-left:solid .0625rem transparent;border-left:var(--fdInputGroup_ControlButton_SideBorder, solid var(--sapButton_BorderWidth, .0625rem) transparent)}.fd-input-group--control.is-hover .fd-input-group__button[dir=rtl],.fd-input-group--control:hover .fd-input-group__button[dir=rtl],[dir=rtl] .fd-input-group--control.is-hover .fd-input-group__button,[dir=rtl] .fd-input-group--control:hover .fd-input-group__button{border-left:none;border-right:solid .0625rem transparent;border-right:var(--fdInputGroup_ControlButton_SideBorder, solid var(--sapButton_BorderWidth, .0625rem) transparent)}.fd-input-group--control.is-active .fd-input-group__button,.fd-input-group--control:active .fd-input-group__button{border-left:solid .0625rem transparent;border-left:var(--fdInputGroup_ControlButton_SideBorder, solid var(--sapButton_BorderWidth, .0625rem) transparent)}.fd-input-group--control.is-active .fd-input-group__button[dir=rtl],.fd-input-group--control:active .fd-input-group__button[dir=rtl],[dir=rtl] .fd-input-group--control.is-active .fd-input-group__button,[dir=rtl] .fd-input-group--control:active .fd-input-group__button{border-left:none;border-right:solid .0625rem transparent;border-right:var(--fdInputGroup_ControlButton_SideBorder, solid var(--sapButton_BorderWidth, .0625rem) transparent)}.fd-input-group .fd-textarea{resize:vertical}.fd-input-group.is-readonly,.fd-input-group[readonly]{overflow:visible}fd-input-group .fd-input-group__addon--button.fd-input-group__addon--textarea>*{max-height:100%;height:100%}fd-input-group .fd-input-group__input,fd-input-group .fd-input-group__input:hover{background:none}\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: i4.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: i4.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
189
+ ], queries: [{ propertyName: "inputElement", first: true, predicate: InputGroupInputDirective, descendants: true }, { propertyName: "addOnElement", first: true, predicate: InputGroupAddOnDirective, descendants: true }], viewQueries: [{ propertyName: "_button", first: true, predicate: ["button"], descendants: true, read: ElementRef }], 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]=\"isFocused && showFocus && !_isButtonFocused\"\n [class]=\"state ? 'is-' + state : ' '\"\n>\n <ng-container *ngIf=\"placement !== 'before' && !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 #button\n fd-button\n class=\"fd-input-group__button\"\n type=\"button\"\n fdType=\"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 <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 <input\n [(ngModel)]=\"inputText\"\n [id]=\"_inputId\"\n [attr.aria-labelledby]=\"_getAriaLabelledbyIdsForInput()\"\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 *ngIf=\"!inputElement && !inputTemplate\"\n [attr.placeholder]=\"placeholder\"\n [attr.aria-required]=\"required\"\n (search)=\"onSearchEvent($event)\"\n />\n</ng-template>\n", styles: ["/*!\n.fd-input\n*/.fd-input{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;text-overflow:ellipsis;color:#32363a;color:var(--sapField_TextColor, #32363a);background-color:#fff;background-color:var(--sapField_Background, #fff);border-style:solid;border-width:.0625rem;border-width:var(--sapField_BorderWidth, .0625rem);border-color:#89919a;border-color:var(--sapField_BorderColor, #89919a);border-radius:.125rem;border-radius:var(--sapField_BorderCornerRadius, .125rem);outline:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-left:.75rem;padding-right:.75rem;min-width:2.75rem;width:100%;height:2.25rem;margin-top:.25rem;margin-bottom:.25rem;padding:0 .625rem;z-index:1;cursor:text;overflow:hidden;text-shadow:none;text-shadow:var(--fdInput_Text_Shadow, none)}.fd-input:after,.fd-input:before{box-sizing:inherit;font-size:inherit}.fd-input::placeholder{font-style:italic;color:#74777a;color:var(--sapField_PlaceholderTextColor, #74777a)}.fd-input::selection{color:#fff;color:var(--sapContent_ContrastTextColor, #fff);background-color:#0854a0;background-color:var(--sapSelectedColor, #0854a0)}.fd-input.is-hover,.fd-input:hover{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff);border-color:#0854a0;border-color:var(--sapField_Hover_BorderColor, #0854a0)}.fd-input.is-success{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e);border-width:.0625rem;border-width:var(--sapField_SuccessBorderWidth, .0625rem);border-style:solid;border-style:var(--sapField_SuccessBorderStyle, solid)}.fd-input.is-success.is-hover,.fd-input.is-success:hover{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e)}.fd-input.is-error{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);font-style:normal;font-style:var(--fdInput_State_Text_Style, normal);font-weight:400;font-weight:var(--fdInput_State_Font_Weight, normal);border-color:#b00;border-color:var(--sapField_InvalidColor, #b00);border-width:.125rem;border-width:var(--sapField_InvalidBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_InvalidBorderStyle, solid)}.fd-input.is-error.is-hover,.fd-input.is-error:hover{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);border-color:#b00;border-color:var(--sapField_InvalidColor, #b00)}.fd-input.is-alert,.fd-input.is-warning{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);font-style:normal;font-style:var(--fdInput_State_Text_Style, normal);font-weight:400;font-weight:var(--fdInput_State_Font_Weight, normal);border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c);border-width:.125rem;border-width:var(--sapField_WarningBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_WarningBorderStyle, solid)}.fd-input.is-alert.is-hover,.fd-input.is-alert:hover,.fd-input.is-warning.is-hover,.fd-input.is-warning:hover{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c)}.fd-input.is-information{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1);border-width:.125rem;border-width:var(--sapField_InformationBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_InformationBorderStyle, solid)}.fd-input.is-information.is-hover,.fd-input.is-information:hover{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1)}.fd-input.is-focus,.fd-input:focus{z-index:5;box-shadow:none;outline-offset:-.1875rem;outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000);outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted)}.fd-input.is-alert,.fd-input.is-error,.fd-input.is-information,.fd-input.is-warning{border-width:.125rem;border-style:solid;border-style:var(--fdInput_State_Border_Type, solid)}.fd-input.is-alert.is-focus,.fd-input.is-alert:focus,.fd-input.is-error.is-focus,.fd-input.is-error:focus,.fd-input.is-information.is-focus,.fd-input.is-information:focus,.fd-input.is-warning.is-focus,.fd-input.is-warning:focus{z-index:5;box-shadow:none;outline-offset:-.25rem}.fd-input.is-disabled,.fd-input:disabled,.fd-input[aria-disabled=true]{pointer-events:none;opacity:.4;opacity:var(--sapContent_DisabledOpacity, .4)}.fd-input.is-disabled::placeholder,.fd-input:disabled::placeholder,.fd-input[aria-disabled=true]::placeholder{color:transparent}.fd-input.is-readonly,.fd-input[aria-readonly=true],.fd-input[readonly]{background-color:#f2f2f280;background-color:var(--sapField_ReadOnly_Background, rgba(242, 242, 242, .5));border-color:#89919a;border-color:var(--sapField_ReadOnly_BorderColor, #89919a)}.fd-input.is-readonly::placeholder,.fd-input[aria-readonly=true]::placeholder,.fd-input[readonly]::placeholder{color:transparent}.fd-input::-ms-clear{display:none}.fd-input[aria-expanded=false]{z-index:0}.fd-input.is-expanded,.fd-input[aria-expanded=true]{z-index:4}.fd-input:last-child{margin-bottom:.25rem}.fd-input--compact{min-width:2rem;height:1.625rem;margin-top:.1875rem;margin-bottom:.1875rem;padding:0 .5rem;box-sizing:border-box}.fd-input--no-number-spinner{-moz-appearance:textfield}.fd-input--no-number-spinner::-webkit-inner-spin-button,.fd-input--no-number-spinner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.fd-input.right-align{text-align:right}/*!\n * Fundamental Library Styles v0.21.0-rc.92\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:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;border-style:solid;border-width:.0625rem;border-width:var(--sapField_BorderWidth, .0625rem);border-color:#89919a;border-color:var(--sapField_BorderColor, #89919a);border-radius:.125rem;border-radius:var(--sapField_BorderCornerRadius, .125rem);background-color:#fff;background-color:var(--sapField_Background, #fff);width:100%;overflow:hidden;text-shadow:none;text-shadow:var(--fdInputGroup_Text_Shadow, none)}.fd-input-group:after,.fd-input-group:before{box-sizing:inherit;font-size:inherit}.fd-input-group.is-hover,.fd-input-group:hover{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff);border-color:#0854a0;border-color:var(--sapField_Hover_BorderColor, #0854a0)}.fd-input-group.is-success{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e);border-width:.0625rem;border-width:var(--sapField_SuccessBorderWidth, .0625rem);border-style:solid;border-style:var(--sapField_SuccessBorderStyle, solid)}.fd-input-group.is-success.is-hover,.fd-input-group.is-success:hover{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e)}.fd-input-group.is-error{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);font-style:normal;font-style:var(--fdInput_State_Text_Style, normal);font-weight:400;font-weight:var(--fdInput_State_Font_Weight, normal);border-color:#b00;border-color:var(--sapField_InvalidColor, #b00);border-width:.125rem;border-width:var(--sapField_InvalidBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_InvalidBorderStyle, solid)}.fd-input-group.is-error.is-hover,.fd-input-group.is-error:hover{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);border-color:#b00;border-color:var(--sapField_InvalidColor, #b00)}.fd-input-group.is-alert,.fd-input-group.is-warning{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);font-style:normal;font-style:var(--fdInput_State_Text_Style, normal);font-weight:400;font-weight:var(--fdInput_State_Font_Weight, normal);border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c);border-width:.125rem;border-width:var(--sapField_WarningBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_WarningBorderStyle, solid)}.fd-input-group.is-alert.is-hover,.fd-input-group.is-alert:hover,.fd-input-group.is-warning.is-hover,.fd-input-group.is-warning:hover{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c)}.fd-input-group.is-information{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1);border-width:.125rem;border-width:var(--sapField_InformationBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_InformationBorderStyle, solid)}.fd-input-group.is-information.is-hover,.fd-input-group.is-information:hover{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1)}.fd-input-group.is-focus,.fd-input-group:focus{z-index:5;box-shadow:none;outline-offset:-.1875rem;outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000);outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted)}.fd-input-group.is-alert,.fd-input-group.is-error,.fd-input-group.is-information,.fd-input-group.is-warning{border-width:.125rem;border-style:solid;border-style:var(--fdInput_State_Border_Type, solid)}.fd-input-group.is-alert.is-focus,.fd-input-group.is-alert:focus,.fd-input-group.is-error.is-focus,.fd-input-group.is-error:focus,.fd-input-group.is-information.is-focus,.fd-input-group.is-information:focus,.fd-input-group.is-warning.is-focus,.fd-input-group.is-warning:focus{z-index:5;box-shadow:none;outline-offset:-.25rem}.fd-input-group.is-disabled,.fd-input-group:disabled,.fd-input-group[aria-disabled=true]{pointer-events:none;opacity:.4;opacity:var(--sapContent_DisabledOpacity, .4)}.fd-input-group.is-disabled::placeholder,.fd-input-group:disabled::placeholder,.fd-input-group[aria-disabled=true]::placeholder{color:transparent}.fd-input-group.is-readonly,.fd-input-group[aria-readonly=true],.fd-input-group[readonly]{background-color:#f2f2f280;background-color:var(--sapField_ReadOnly_Background, rgba(242, 242, 242, .5));border-color:#89919a;border-color:var(--sapField_ReadOnly_BorderColor, #89919a)}.fd-input-group.is-readonly::placeholder,.fd-input-group[aria-readonly=true]::placeholder,.fd-input-group[readonly]::placeholder{color:transparent}.fd-input-group.is-focus,.fd-input-group:focus{outline-offset:-.1875rem;outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000);outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted)}.fd-input-group>*{border-radius:.125rem;border-radius:var(--sapField_BorderCornerRadius, .125rem)}.fd-input-group>:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.fd-input-group>:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.fd-input-group>:not(:first-child):not(:last-child){border-radius:0}.fd-input-group>[dir=rtl],[dir=rtl] .fd-input-group>*{border-radius:.125rem;border-radius:var(--sapField_BorderCornerRadius, .125rem)}.fd-input-group>[dir=rtl]:first-child,[dir=rtl] .fd-input-group>:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.fd-input-group>[dir=rtl]:last-child,[dir=rtl] .fd-input-group>:last-child{border-top-right-radius:0;border-bottom-right-radius:0}.fd-input-group .fd-input-group__input{background-color:transparent;border:none;flex:1 1 10rem;padding-right:.25rem;padding-left:.25rem;text-shadow:none;text-shadow:var(--fdInputGroup_Text_Shadow, none)}.fd-input-group .fd-input-group__input:nth-child(n+1){margin:0}.fd-input-group .fd-input-group__input.is-focus,.fd-input-group .fd-input-group__input:focus{z-index:5;outline:0;box-shadow:none}.fd-input-group .fd-input-group__input.is-disabled,.fd-input-group .fd-input-group__input:disabled,.fd-input-group .fd-input-group__input[aria-disabled=true]{pointer-events:none;opacity:.4;opacity:var(--sapContent_DisabledOpacity, .4)}.fd-input-group .fd-input-group__input:nth-child(1){padding-left:.625rem}.fd-input-group .fd-input-group__input:nth-child(1)[dir=rtl],[dir=rtl] .fd-input-group .fd-input-group__input:nth-child(1){padding-right:.625rem;padding-left:0}.fd-input-group .fd-input-group__input:nth-last-child(1){padding-right:.625rem}.fd-input-group .fd-input-group__input:nth-last-child(1)[dir=rtl],[dir=rtl] .fd-input-group .fd-input-group__input:nth-last-child(1){padding-right:0;padding-left:.625rem}.fd-input-group--inline{display:inline-flex;vertical-align:bottom;width:auto}.fd-input-group__addon{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);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:#6a6d70;color:var(--sapContent_NonInteractiveIconColor, #6a6d70);background:0 0!important;font-size:1rem;font-size:var(--sapFontLargeSize, 1rem);min-width:2.25rem;min-height:2.25rem;padding-left:.625rem;padding-right:.625rem}.fd-input-group__addon:after,.fd-input-group__addon:before{box-sizing:inherit;font-size:inherit}.fd-input-group__addon span[class*=sap-icon--]:before{font-size:1rem;font-size:var(--sapFontLargeSize, 1rem)}.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;display:flex;flex-direction:column;border:none;border-radius:.0625rem}.fd-input-group__addon--button .fd-input-group__button{border-radius:0;height:100%;max-height:100%}.fd-input-group__addon--button .fd-input-group__button:nth-child(n+1){margin:0}.fd-input-group__addon--button>*{border-radius:0}.fd-input-group__addon--button:first-child{border-radius:.0625rem 0 0 .0625rem}.fd-input-group__addon--button:last-child{border-radius:0 .0625rem .0625rem 0}.fd-input-group__addon--button:not(:first-child):not(:last-child) .fd-input-group__button{border-radius:0}.fd-input-group__addon--button[dir=rtl]:first-child,[dir=rtl] .fd-input-group__addon--button:first-child{border-radius:0 .0625rem .0625rem 0;margin-right:0}.fd-input-group__addon--button[dir=rtl]:last-child,[dir=rtl] .fd-input-group__addon--button:last-child{border-radius:.0625rem 0 0 .0625rem;margin-left:0}.fd-input-group__button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:none;width:100%;z-index:auto!important;position:static!important}.fd-input-group__button.is-focus,.fd-input-group__button:focus{z-index:5;outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);outline-offset:-.1875rem;outline-color:#0854a0;outline-color:var(--sapField_Hover_BorderColor, #0854a0)}.fd-input-group__button.is-focus.fd-input-group--toggled,.fd-input-group__button:focus.fd-input-group--toggled{outline-color:#fff;outline-color:var(--sapContent_ContrastFocusColor, #fff)}.fd-input-group__button:before{display:none!important}.fd-input-group .fd-button.fd-input-group__button{border-color:transparent}.fd-input-group--control .fd-input-group__button.is-expanded{background-color:#0854a0;background-color:var(--sapButton_Active_Background, #0854a0);color:#fff;color:var(--sapButton_Active_TextColor, #fff)}.fd-input-group--control .fd-input-group__button.is-expanded.is-focus,.fd-input-group--control .fd-input-group__button.is-expanded:focus{outline-offset:-.1875rem;outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000);outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted);outline-color:#fff;outline-color:var(--sapContent_ContrastFocusColor, #fff)}.fd-input-group--control.is-hover .fd-input-group__button,.fd-input-group--control:hover .fd-input-group__button{border-left:solid .0625rem transparent;border-left:var(--fdInputGroup_ControlButton_SideBorder, solid var(--sapButton_BorderWidth, .0625rem) transparent)}.fd-input-group--control.is-hover .fd-input-group__button[dir=rtl],.fd-input-group--control:hover .fd-input-group__button[dir=rtl],[dir=rtl] .fd-input-group--control.is-hover .fd-input-group__button,[dir=rtl] .fd-input-group--control:hover .fd-input-group__button{border-left:none;border-right:solid .0625rem transparent;border-right:var(--fdInputGroup_ControlButton_SideBorder, solid var(--sapButton_BorderWidth, .0625rem) transparent)}.fd-input-group--control.is-active .fd-input-group__button,.fd-input-group--control:active .fd-input-group__button{border-left:solid .0625rem transparent;border-left:var(--fdInputGroup_ControlButton_SideBorder, solid var(--sapButton_BorderWidth, .0625rem) transparent)}.fd-input-group--control.is-active .fd-input-group__button[dir=rtl],.fd-input-group--control:active .fd-input-group__button[dir=rtl],[dir=rtl] .fd-input-group--control.is-active .fd-input-group__button,[dir=rtl] .fd-input-group--control:active .fd-input-group__button{border-left:none;border-right:solid .0625rem transparent;border-right:var(--fdInputGroup_ControlButton_SideBorder, solid var(--sapButton_BorderWidth, .0625rem) transparent)}.fd-input-group .fd-textarea{resize:vertical}.fd-input-group.is-readonly,.fd-input-group[readonly]{overflow:visible}fd-input-group .fd-input-group{margin:.25rem 0}fd-input-group .fd-input-group__addon--button.fd-input-group__addon--textarea>*{max-height:100%;height:100%}fd-input-group .fd-input-group__input,fd-input-group .fd-input-group__input:hover{background:none}\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: i4.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: i4.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
190
190
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputGroupComponent, decorators: [{
191
191
  type: Component,
192
192
  args: [{ selector: 'fd-input-group', providers: [
@@ -195,7 +195,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
195
195
  useExisting: forwardRef(() => InputGroupComponent),
196
196
  multi: true
197
197
  }
198
- ], 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]=\"isFocused && showFocus && !_isButtonFocused\"\n [class]=\"state ? 'is-' + state : ' '\"\n>\n <ng-container *ngIf=\"placement !== 'before' && !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 #button\n fd-button\n class=\"fd-input-group__button\"\n type=\"button\"\n fdType=\"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 <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 <input\n [(ngModel)]=\"inputText\"\n [id]=\"_inputId\"\n [attr.aria-labelledby]=\"_getAriaLabelledbyIdsForInput()\"\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 *ngIf=\"!inputElement && !inputTemplate\"\n [attr.placeholder]=\"placeholder\"\n [attr.aria-required]=\"required\"\n (search)=\"onSearchEvent($event)\"\n />\n</ng-template>\n", styles: ["/*!\n.fd-input\n*/.fd-input{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;text-overflow:ellipsis;color:#32363a;color:var(--sapField_TextColor, #32363a);background-color:#fff;background-color:var(--sapField_Background, #fff);border-style:solid;border-width:.0625rem;border-width:var(--sapField_BorderWidth, .0625rem);border-color:#89919a;border-color:var(--sapField_BorderColor, #89919a);border-radius:.125rem;border-radius:var(--sapField_BorderCornerRadius, .125rem);outline:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-left:.75rem;padding-right:.75rem;min-width:2.75rem;width:100%;height:2.25rem;margin-top:.25rem;margin-bottom:.25rem;padding:0 .625rem;z-index:1;cursor:text;overflow:hidden;text-shadow:none;text-shadow:var(--fdInput_Text_Shadow, none)}.fd-input:after,.fd-input:before{box-sizing:inherit;font-size:inherit}.fd-input::placeholder{font-style:italic;color:#74777a;color:var(--sapField_PlaceholderTextColor, #74777a)}.fd-input::selection{color:#fff;color:var(--sapContent_ContrastTextColor, #fff);background-color:#0854a0;background-color:var(--sapSelectedColor, #0854a0)}.fd-input.is-hover,.fd-input:hover{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff);border-color:#0854a0;border-color:var(--sapField_Hover_BorderColor, #0854a0)}.fd-input.is-success{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e);border-width:.0625rem;border-width:var(--sapField_SuccessBorderWidth, .0625rem);border-style:solid;border-style:var(--sapField_SuccessBorderStyle, solid)}.fd-input.is-success.is-hover,.fd-input.is-success:hover{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e)}.fd-input.is-error{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);font-style:normal;font-style:var(--fdInput_State_Text_Style, normal);font-weight:400;font-weight:var(--fdInput_State_Font_Weight, normal);border-color:#b00;border-color:var(--sapField_InvalidColor, #b00);border-width:.125rem;border-width:var(--sapField_InvalidBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_InvalidBorderStyle, solid)}.fd-input.is-error.is-hover,.fd-input.is-error:hover{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);border-color:#b00;border-color:var(--sapField_InvalidColor, #b00)}.fd-input.is-alert,.fd-input.is-warning{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);font-style:normal;font-style:var(--fdInput_State_Text_Style, normal);font-weight:400;font-weight:var(--fdInput_State_Font_Weight, normal);border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c);border-width:.125rem;border-width:var(--sapField_WarningBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_WarningBorderStyle, solid)}.fd-input.is-alert.is-hover,.fd-input.is-alert:hover,.fd-input.is-warning.is-hover,.fd-input.is-warning:hover{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c)}.fd-input.is-information{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1);border-width:.125rem;border-width:var(--sapField_InformationBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_InformationBorderStyle, solid)}.fd-input.is-information.is-hover,.fd-input.is-information:hover{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1)}.fd-input.is-focus,.fd-input:focus{z-index:5;box-shadow:none;outline-offset:-.1875rem;outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000);outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted)}.fd-input.is-alert,.fd-input.is-error,.fd-input.is-information,.fd-input.is-warning{border-width:.125rem;border-style:solid;border-style:var(--fdInput_State_Border_Type, solid)}.fd-input.is-alert.is-focus,.fd-input.is-alert:focus,.fd-input.is-error.is-focus,.fd-input.is-error:focus,.fd-input.is-information.is-focus,.fd-input.is-information:focus,.fd-input.is-warning.is-focus,.fd-input.is-warning:focus{z-index:5;box-shadow:none;outline-offset:-.25rem}.fd-input.is-disabled,.fd-input:disabled,.fd-input[aria-disabled=true]{pointer-events:none;opacity:.4;opacity:var(--sapContent_DisabledOpacity, .4)}.fd-input.is-disabled::placeholder,.fd-input:disabled::placeholder,.fd-input[aria-disabled=true]::placeholder{color:transparent}.fd-input.is-readonly,.fd-input[aria-readonly=true],.fd-input[readonly]{background-color:#f2f2f280;background-color:var(--sapField_ReadOnly_Background, rgba(242, 242, 242, .5));border-color:#89919a;border-color:var(--sapField_ReadOnly_BorderColor, #89919a)}.fd-input.is-readonly::placeholder,.fd-input[aria-readonly=true]::placeholder,.fd-input[readonly]::placeholder{color:transparent}.fd-input::-ms-clear{display:none}.fd-input[aria-expanded=false]{z-index:0}.fd-input.is-expanded,.fd-input[aria-expanded=true]{z-index:4}.fd-input:last-child{margin-bottom:.25rem}.fd-input--compact{min-width:2rem;height:1.625rem;margin-top:.1875rem;margin-bottom:.1875rem;padding:0 .5rem;box-sizing:border-box}.fd-input--no-number-spinner{-moz-appearance:textfield}.fd-input--no-number-spinner::-webkit-inner-spin-button,.fd-input--no-number-spinner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.fd-input.right-align{text-align:right}/*!\n * Fundamental Library Styles v0.21.0-rc.92\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:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;border-style:solid;border-width:.0625rem;border-width:var(--sapField_BorderWidth, .0625rem);border-color:#89919a;border-color:var(--sapField_BorderColor, #89919a);border-radius:.125rem;border-radius:var(--sapField_BorderCornerRadius, .125rem);background-color:#fff;background-color:var(--sapField_Background, #fff);width:100%;overflow:hidden;text-shadow:none;text-shadow:var(--fdInputGroup_Text_Shadow, none)}.fd-input-group:after,.fd-input-group:before{box-sizing:inherit;font-size:inherit}.fd-input-group.is-hover,.fd-input-group:hover{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff);border-color:#0854a0;border-color:var(--sapField_Hover_BorderColor, #0854a0)}.fd-input-group.is-success{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e);border-width:.0625rem;border-width:var(--sapField_SuccessBorderWidth, .0625rem);border-style:solid;border-style:var(--sapField_SuccessBorderStyle, solid)}.fd-input-group.is-success.is-hover,.fd-input-group.is-success:hover{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e)}.fd-input-group.is-error{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);font-style:normal;font-style:var(--fdInput_State_Text_Style, normal);font-weight:400;font-weight:var(--fdInput_State_Font_Weight, normal);border-color:#b00;border-color:var(--sapField_InvalidColor, #b00);border-width:.125rem;border-width:var(--sapField_InvalidBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_InvalidBorderStyle, solid)}.fd-input-group.is-error.is-hover,.fd-input-group.is-error:hover{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);border-color:#b00;border-color:var(--sapField_InvalidColor, #b00)}.fd-input-group.is-alert,.fd-input-group.is-warning{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);font-style:normal;font-style:var(--fdInput_State_Text_Style, normal);font-weight:400;font-weight:var(--fdInput_State_Font_Weight, normal);border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c);border-width:.125rem;border-width:var(--sapField_WarningBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_WarningBorderStyle, solid)}.fd-input-group.is-alert.is-hover,.fd-input-group.is-alert:hover,.fd-input-group.is-warning.is-hover,.fd-input-group.is-warning:hover{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c)}.fd-input-group.is-information{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1);border-width:.125rem;border-width:var(--sapField_InformationBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_InformationBorderStyle, solid)}.fd-input-group.is-information.is-hover,.fd-input-group.is-information:hover{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1)}.fd-input-group.is-focus,.fd-input-group:focus{z-index:5;box-shadow:none;outline-offset:-.1875rem;outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000);outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted)}.fd-input-group.is-alert,.fd-input-group.is-error,.fd-input-group.is-information,.fd-input-group.is-warning{border-width:.125rem;border-style:solid;border-style:var(--fdInput_State_Border_Type, solid)}.fd-input-group.is-alert.is-focus,.fd-input-group.is-alert:focus,.fd-input-group.is-error.is-focus,.fd-input-group.is-error:focus,.fd-input-group.is-information.is-focus,.fd-input-group.is-information:focus,.fd-input-group.is-warning.is-focus,.fd-input-group.is-warning:focus{z-index:5;box-shadow:none;outline-offset:-.25rem}.fd-input-group.is-disabled,.fd-input-group:disabled,.fd-input-group[aria-disabled=true]{pointer-events:none;opacity:.4;opacity:var(--sapContent_DisabledOpacity, .4)}.fd-input-group.is-disabled::placeholder,.fd-input-group:disabled::placeholder,.fd-input-group[aria-disabled=true]::placeholder{color:transparent}.fd-input-group.is-readonly,.fd-input-group[aria-readonly=true],.fd-input-group[readonly]{background-color:#f2f2f280;background-color:var(--sapField_ReadOnly_Background, rgba(242, 242, 242, .5));border-color:#89919a;border-color:var(--sapField_ReadOnly_BorderColor, #89919a)}.fd-input-group.is-readonly::placeholder,.fd-input-group[aria-readonly=true]::placeholder,.fd-input-group[readonly]::placeholder{color:transparent}.fd-input-group.is-focus,.fd-input-group:focus{outline-offset:-.1875rem;outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000);outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted)}.fd-input-group>*{border-radius:.125rem;border-radius:var(--sapField_BorderCornerRadius, .125rem)}.fd-input-group>:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.fd-input-group>:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.fd-input-group>:not(:first-child):not(:last-child){border-radius:0}.fd-input-group>[dir=rtl],[dir=rtl] .fd-input-group>*{border-radius:.125rem;border-radius:var(--sapField_BorderCornerRadius, .125rem)}.fd-input-group>[dir=rtl]:first-child,[dir=rtl] .fd-input-group>:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.fd-input-group>[dir=rtl]:last-child,[dir=rtl] .fd-input-group>:last-child{border-top-right-radius:0;border-bottom-right-radius:0}.fd-input-group .fd-input-group__input{background-color:transparent;border:none;flex:1 1 10rem;padding-right:.25rem;padding-left:.25rem;text-shadow:none;text-shadow:var(--fdInputGroup_Text_Shadow, none)}.fd-input-group .fd-input-group__input:nth-child(n+1){margin:0}.fd-input-group .fd-input-group__input.is-focus,.fd-input-group .fd-input-group__input:focus{z-index:5;outline:0;box-shadow:none}.fd-input-group .fd-input-group__input.is-disabled,.fd-input-group .fd-input-group__input:disabled,.fd-input-group .fd-input-group__input[aria-disabled=true]{pointer-events:none;opacity:.4;opacity:var(--sapContent_DisabledOpacity, .4)}.fd-input-group .fd-input-group__input:nth-child(1){padding-left:.625rem}.fd-input-group .fd-input-group__input:nth-child(1)[dir=rtl],[dir=rtl] .fd-input-group .fd-input-group__input:nth-child(1){padding-right:.625rem;padding-left:0}.fd-input-group .fd-input-group__input:nth-last-child(1){padding-right:.625rem}.fd-input-group .fd-input-group__input:nth-last-child(1)[dir=rtl],[dir=rtl] .fd-input-group .fd-input-group__input:nth-last-child(1){padding-right:0;padding-left:.625rem}.fd-input-group--inline{display:inline-flex;vertical-align:bottom;width:auto}.fd-input-group__addon{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);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:#6a6d70;color:var(--sapContent_NonInteractiveIconColor, #6a6d70);background:0 0!important;font-size:1rem;font-size:var(--sapFontLargeSize, 1rem);min-width:2.25rem;min-height:2.25rem;padding-left:.625rem;padding-right:.625rem}.fd-input-group__addon:after,.fd-input-group__addon:before{box-sizing:inherit;font-size:inherit}.fd-input-group__addon span[class*=sap-icon--]:before{font-size:1rem;font-size:var(--sapFontLargeSize, 1rem)}.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;display:flex;flex-direction:column;border:none;border-radius:.0625rem}.fd-input-group__addon--button .fd-input-group__button{border-radius:0;height:100%;max-height:100%}.fd-input-group__addon--button .fd-input-group__button:nth-child(n+1){margin:0}.fd-input-group__addon--button>*{border-radius:0}.fd-input-group__addon--button:first-child{border-radius:.0625rem 0 0 .0625rem}.fd-input-group__addon--button:last-child{border-radius:0 .0625rem .0625rem 0}.fd-input-group__addon--button:not(:first-child):not(:last-child) .fd-input-group__button{border-radius:0}.fd-input-group__addon--button[dir=rtl]:first-child,[dir=rtl] .fd-input-group__addon--button:first-child{border-radius:0 .0625rem .0625rem 0;margin-right:0}.fd-input-group__addon--button[dir=rtl]:last-child,[dir=rtl] .fd-input-group__addon--button:last-child{border-radius:.0625rem 0 0 .0625rem;margin-left:0}.fd-input-group__button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:none;width:100%;z-index:auto!important;position:static!important}.fd-input-group__button.is-focus,.fd-input-group__button:focus{z-index:5;outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);outline-offset:-.1875rem;outline-color:#0854a0;outline-color:var(--sapField_Hover_BorderColor, #0854a0)}.fd-input-group__button.is-focus.fd-input-group--toggled,.fd-input-group__button:focus.fd-input-group--toggled{outline-color:#fff;outline-color:var(--sapContent_ContrastFocusColor, #fff)}.fd-input-group__button:before{display:none!important}.fd-input-group .fd-button.fd-input-group__button{border-color:transparent}.fd-input-group--control .fd-input-group__button.is-expanded{background-color:#0854a0;background-color:var(--sapButton_Active_Background, #0854a0);color:#fff;color:var(--sapButton_Active_TextColor, #fff)}.fd-input-group--control .fd-input-group__button.is-expanded.is-focus,.fd-input-group--control .fd-input-group__button.is-expanded:focus{outline-offset:-.1875rem;outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000);outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted);outline-color:#fff;outline-color:var(--sapContent_ContrastFocusColor, #fff)}.fd-input-group--control.is-hover .fd-input-group__button,.fd-input-group--control:hover .fd-input-group__button{border-left:solid .0625rem transparent;border-left:var(--fdInputGroup_ControlButton_SideBorder, solid var(--sapButton_BorderWidth, .0625rem) transparent)}.fd-input-group--control.is-hover .fd-input-group__button[dir=rtl],.fd-input-group--control:hover .fd-input-group__button[dir=rtl],[dir=rtl] .fd-input-group--control.is-hover .fd-input-group__button,[dir=rtl] .fd-input-group--control:hover .fd-input-group__button{border-left:none;border-right:solid .0625rem transparent;border-right:var(--fdInputGroup_ControlButton_SideBorder, solid var(--sapButton_BorderWidth, .0625rem) transparent)}.fd-input-group--control.is-active .fd-input-group__button,.fd-input-group--control:active .fd-input-group__button{border-left:solid .0625rem transparent;border-left:var(--fdInputGroup_ControlButton_SideBorder, solid var(--sapButton_BorderWidth, .0625rem) transparent)}.fd-input-group--control.is-active .fd-input-group__button[dir=rtl],.fd-input-group--control:active .fd-input-group__button[dir=rtl],[dir=rtl] .fd-input-group--control.is-active .fd-input-group__button,[dir=rtl] .fd-input-group--control:active .fd-input-group__button{border-left:none;border-right:solid .0625rem transparent;border-right:var(--fdInputGroup_ControlButton_SideBorder, solid var(--sapButton_BorderWidth, .0625rem) transparent)}.fd-input-group .fd-textarea{resize:vertical}.fd-input-group.is-readonly,.fd-input-group[readonly]{overflow:visible}fd-input-group .fd-input-group__addon--button.fd-input-group__addon--textarea>*{max-height:100%;height:100%}fd-input-group .fd-input-group__input,fd-input-group .fd-input-group__input:hover{background:none}\n"] }]
198
+ ], 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]=\"isFocused && showFocus && !_isButtonFocused\"\n [class]=\"state ? 'is-' + state : ' '\"\n>\n <ng-container *ngIf=\"placement !== 'before' && !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 #button\n fd-button\n class=\"fd-input-group__button\"\n type=\"button\"\n fdType=\"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 <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 <input\n [(ngModel)]=\"inputText\"\n [id]=\"_inputId\"\n [attr.aria-labelledby]=\"_getAriaLabelledbyIdsForInput()\"\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 *ngIf=\"!inputElement && !inputTemplate\"\n [attr.placeholder]=\"placeholder\"\n [attr.aria-required]=\"required\"\n (search)=\"onSearchEvent($event)\"\n />\n</ng-template>\n", styles: ["/*!\n.fd-input\n*/.fd-input{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;text-overflow:ellipsis;color:#32363a;color:var(--sapField_TextColor, #32363a);background-color:#fff;background-color:var(--sapField_Background, #fff);border-style:solid;border-width:.0625rem;border-width:var(--sapField_BorderWidth, .0625rem);border-color:#89919a;border-color:var(--sapField_BorderColor, #89919a);border-radius:.125rem;border-radius:var(--sapField_BorderCornerRadius, .125rem);outline:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-left:.75rem;padding-right:.75rem;min-width:2.75rem;width:100%;height:2.25rem;margin-top:.25rem;margin-bottom:.25rem;padding:0 .625rem;z-index:1;cursor:text;overflow:hidden;text-shadow:none;text-shadow:var(--fdInput_Text_Shadow, none)}.fd-input:after,.fd-input:before{box-sizing:inherit;font-size:inherit}.fd-input::placeholder{font-style:italic;color:#74777a;color:var(--sapField_PlaceholderTextColor, #74777a)}.fd-input::selection{color:#fff;color:var(--sapContent_ContrastTextColor, #fff);background-color:#0854a0;background-color:var(--sapSelectedColor, #0854a0)}.fd-input.is-hover,.fd-input:hover{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff);border-color:#0854a0;border-color:var(--sapField_Hover_BorderColor, #0854a0)}.fd-input.is-success{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e);border-width:.0625rem;border-width:var(--sapField_SuccessBorderWidth, .0625rem);border-style:solid;border-style:var(--sapField_SuccessBorderStyle, solid)}.fd-input.is-success.is-hover,.fd-input.is-success:hover{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e)}.fd-input.is-error{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);font-style:normal;font-style:var(--fdInput_State_Text_Style, normal);font-weight:400;font-weight:var(--fdInput_State_Font_Weight, normal);border-color:#b00;border-color:var(--sapField_InvalidColor, #b00);border-width:.125rem;border-width:var(--sapField_InvalidBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_InvalidBorderStyle, solid)}.fd-input.is-error.is-hover,.fd-input.is-error:hover{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);border-color:#b00;border-color:var(--sapField_InvalidColor, #b00)}.fd-input.is-alert,.fd-input.is-warning{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);font-style:normal;font-style:var(--fdInput_State_Text_Style, normal);font-weight:400;font-weight:var(--fdInput_State_Font_Weight, normal);border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c);border-width:.125rem;border-width:var(--sapField_WarningBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_WarningBorderStyle, solid)}.fd-input.is-alert.is-hover,.fd-input.is-alert:hover,.fd-input.is-warning.is-hover,.fd-input.is-warning:hover{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c)}.fd-input.is-information{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1);border-width:.125rem;border-width:var(--sapField_InformationBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_InformationBorderStyle, solid)}.fd-input.is-information.is-hover,.fd-input.is-information:hover{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1)}.fd-input.is-focus,.fd-input:focus{z-index:5;box-shadow:none;outline-offset:-.1875rem;outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000);outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted)}.fd-input.is-alert,.fd-input.is-error,.fd-input.is-information,.fd-input.is-warning{border-width:.125rem;border-style:solid;border-style:var(--fdInput_State_Border_Type, solid)}.fd-input.is-alert.is-focus,.fd-input.is-alert:focus,.fd-input.is-error.is-focus,.fd-input.is-error:focus,.fd-input.is-information.is-focus,.fd-input.is-information:focus,.fd-input.is-warning.is-focus,.fd-input.is-warning:focus{z-index:5;box-shadow:none;outline-offset:-.25rem}.fd-input.is-disabled,.fd-input:disabled,.fd-input[aria-disabled=true]{pointer-events:none;opacity:.4;opacity:var(--sapContent_DisabledOpacity, .4)}.fd-input.is-disabled::placeholder,.fd-input:disabled::placeholder,.fd-input[aria-disabled=true]::placeholder{color:transparent}.fd-input.is-readonly,.fd-input[aria-readonly=true],.fd-input[readonly]{background-color:#f2f2f280;background-color:var(--sapField_ReadOnly_Background, rgba(242, 242, 242, .5));border-color:#89919a;border-color:var(--sapField_ReadOnly_BorderColor, #89919a)}.fd-input.is-readonly::placeholder,.fd-input[aria-readonly=true]::placeholder,.fd-input[readonly]::placeholder{color:transparent}.fd-input::-ms-clear{display:none}.fd-input[aria-expanded=false]{z-index:0}.fd-input.is-expanded,.fd-input[aria-expanded=true]{z-index:4}.fd-input:last-child{margin-bottom:.25rem}.fd-input--compact{min-width:2rem;height:1.625rem;margin-top:.1875rem;margin-bottom:.1875rem;padding:0 .5rem;box-sizing:border-box}.fd-input--no-number-spinner{-moz-appearance:textfield}.fd-input--no-number-spinner::-webkit-inner-spin-button,.fd-input--no-number-spinner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.fd-input.right-align{text-align:right}/*!\n * Fundamental Library Styles v0.21.0-rc.92\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:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;border-style:solid;border-width:.0625rem;border-width:var(--sapField_BorderWidth, .0625rem);border-color:#89919a;border-color:var(--sapField_BorderColor, #89919a);border-radius:.125rem;border-radius:var(--sapField_BorderCornerRadius, .125rem);background-color:#fff;background-color:var(--sapField_Background, #fff);width:100%;overflow:hidden;text-shadow:none;text-shadow:var(--fdInputGroup_Text_Shadow, none)}.fd-input-group:after,.fd-input-group:before{box-sizing:inherit;font-size:inherit}.fd-input-group.is-hover,.fd-input-group:hover{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff);border-color:#0854a0;border-color:var(--sapField_Hover_BorderColor, #0854a0)}.fd-input-group.is-success{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e);border-width:.0625rem;border-width:var(--sapField_SuccessBorderWidth, .0625rem);border-style:solid;border-style:var(--sapField_SuccessBorderStyle, solid)}.fd-input-group.is-success.is-hover,.fd-input-group.is-success:hover{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e)}.fd-input-group.is-error{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);font-style:normal;font-style:var(--fdInput_State_Text_Style, normal);font-weight:400;font-weight:var(--fdInput_State_Font_Weight, normal);border-color:#b00;border-color:var(--sapField_InvalidColor, #b00);border-width:.125rem;border-width:var(--sapField_InvalidBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_InvalidBorderStyle, solid)}.fd-input-group.is-error.is-hover,.fd-input-group.is-error:hover{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);border-color:#b00;border-color:var(--sapField_InvalidColor, #b00)}.fd-input-group.is-alert,.fd-input-group.is-warning{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);font-style:normal;font-style:var(--fdInput_State_Text_Style, normal);font-weight:400;font-weight:var(--fdInput_State_Font_Weight, normal);border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c);border-width:.125rem;border-width:var(--sapField_WarningBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_WarningBorderStyle, solid)}.fd-input-group.is-alert.is-hover,.fd-input-group.is-alert:hover,.fd-input-group.is-warning.is-hover,.fd-input-group.is-warning:hover{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c)}.fd-input-group.is-information{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1);border-width:.125rem;border-width:var(--sapField_InformationBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_InformationBorderStyle, solid)}.fd-input-group.is-information.is-hover,.fd-input-group.is-information:hover{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1)}.fd-input-group.is-focus,.fd-input-group:focus{z-index:5;box-shadow:none;outline-offset:-.1875rem;outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000);outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted)}.fd-input-group.is-alert,.fd-input-group.is-error,.fd-input-group.is-information,.fd-input-group.is-warning{border-width:.125rem;border-style:solid;border-style:var(--fdInput_State_Border_Type, solid)}.fd-input-group.is-alert.is-focus,.fd-input-group.is-alert:focus,.fd-input-group.is-error.is-focus,.fd-input-group.is-error:focus,.fd-input-group.is-information.is-focus,.fd-input-group.is-information:focus,.fd-input-group.is-warning.is-focus,.fd-input-group.is-warning:focus{z-index:5;box-shadow:none;outline-offset:-.25rem}.fd-input-group.is-disabled,.fd-input-group:disabled,.fd-input-group[aria-disabled=true]{pointer-events:none;opacity:.4;opacity:var(--sapContent_DisabledOpacity, .4)}.fd-input-group.is-disabled::placeholder,.fd-input-group:disabled::placeholder,.fd-input-group[aria-disabled=true]::placeholder{color:transparent}.fd-input-group.is-readonly,.fd-input-group[aria-readonly=true],.fd-input-group[readonly]{background-color:#f2f2f280;background-color:var(--sapField_ReadOnly_Background, rgba(242, 242, 242, .5));border-color:#89919a;border-color:var(--sapField_ReadOnly_BorderColor, #89919a)}.fd-input-group.is-readonly::placeholder,.fd-input-group[aria-readonly=true]::placeholder,.fd-input-group[readonly]::placeholder{color:transparent}.fd-input-group.is-focus,.fd-input-group:focus{outline-offset:-.1875rem;outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000);outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted)}.fd-input-group>*{border-radius:.125rem;border-radius:var(--sapField_BorderCornerRadius, .125rem)}.fd-input-group>:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.fd-input-group>:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.fd-input-group>:not(:first-child):not(:last-child){border-radius:0}.fd-input-group>[dir=rtl],[dir=rtl] .fd-input-group>*{border-radius:.125rem;border-radius:var(--sapField_BorderCornerRadius, .125rem)}.fd-input-group>[dir=rtl]:first-child,[dir=rtl] .fd-input-group>:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.fd-input-group>[dir=rtl]:last-child,[dir=rtl] .fd-input-group>:last-child{border-top-right-radius:0;border-bottom-right-radius:0}.fd-input-group .fd-input-group__input{background-color:transparent;border:none;flex:1 1 10rem;padding-right:.25rem;padding-left:.25rem;text-shadow:none;text-shadow:var(--fdInputGroup_Text_Shadow, none)}.fd-input-group .fd-input-group__input:nth-child(n+1){margin:0}.fd-input-group .fd-input-group__input.is-focus,.fd-input-group .fd-input-group__input:focus{z-index:5;outline:0;box-shadow:none}.fd-input-group .fd-input-group__input.is-disabled,.fd-input-group .fd-input-group__input:disabled,.fd-input-group .fd-input-group__input[aria-disabled=true]{pointer-events:none;opacity:.4;opacity:var(--sapContent_DisabledOpacity, .4)}.fd-input-group .fd-input-group__input:nth-child(1){padding-left:.625rem}.fd-input-group .fd-input-group__input:nth-child(1)[dir=rtl],[dir=rtl] .fd-input-group .fd-input-group__input:nth-child(1){padding-right:.625rem;padding-left:0}.fd-input-group .fd-input-group__input:nth-last-child(1){padding-right:.625rem}.fd-input-group .fd-input-group__input:nth-last-child(1)[dir=rtl],[dir=rtl] .fd-input-group .fd-input-group__input:nth-last-child(1){padding-right:0;padding-left:.625rem}.fd-input-group--inline{display:inline-flex;vertical-align:bottom;width:auto}.fd-input-group__addon{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);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:#6a6d70;color:var(--sapContent_NonInteractiveIconColor, #6a6d70);background:0 0!important;font-size:1rem;font-size:var(--sapFontLargeSize, 1rem);min-width:2.25rem;min-height:2.25rem;padding-left:.625rem;padding-right:.625rem}.fd-input-group__addon:after,.fd-input-group__addon:before{box-sizing:inherit;font-size:inherit}.fd-input-group__addon span[class*=sap-icon--]:before{font-size:1rem;font-size:var(--sapFontLargeSize, 1rem)}.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;display:flex;flex-direction:column;border:none;border-radius:.0625rem}.fd-input-group__addon--button .fd-input-group__button{border-radius:0;height:100%;max-height:100%}.fd-input-group__addon--button .fd-input-group__button:nth-child(n+1){margin:0}.fd-input-group__addon--button>*{border-radius:0}.fd-input-group__addon--button:first-child{border-radius:.0625rem 0 0 .0625rem}.fd-input-group__addon--button:last-child{border-radius:0 .0625rem .0625rem 0}.fd-input-group__addon--button:not(:first-child):not(:last-child) .fd-input-group__button{border-radius:0}.fd-input-group__addon--button[dir=rtl]:first-child,[dir=rtl] .fd-input-group__addon--button:first-child{border-radius:0 .0625rem .0625rem 0;margin-right:0}.fd-input-group__addon--button[dir=rtl]:last-child,[dir=rtl] .fd-input-group__addon--button:last-child{border-radius:.0625rem 0 0 .0625rem;margin-left:0}.fd-input-group__button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:none;width:100%;z-index:auto!important;position:static!important}.fd-input-group__button.is-focus,.fd-input-group__button:focus{z-index:5;outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);outline-offset:-.1875rem;outline-color:#0854a0;outline-color:var(--sapField_Hover_BorderColor, #0854a0)}.fd-input-group__button.is-focus.fd-input-group--toggled,.fd-input-group__button:focus.fd-input-group--toggled{outline-color:#fff;outline-color:var(--sapContent_ContrastFocusColor, #fff)}.fd-input-group__button:before{display:none!important}.fd-input-group .fd-button.fd-input-group__button{border-color:transparent}.fd-input-group--control .fd-input-group__button.is-expanded{background-color:#0854a0;background-color:var(--sapButton_Active_Background, #0854a0);color:#fff;color:var(--sapButton_Active_TextColor, #fff)}.fd-input-group--control .fd-input-group__button.is-expanded.is-focus,.fd-input-group--control .fd-input-group__button.is-expanded:focus{outline-offset:-.1875rem;outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000);outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted);outline-color:#fff;outline-color:var(--sapContent_ContrastFocusColor, #fff)}.fd-input-group--control.is-hover .fd-input-group__button,.fd-input-group--control:hover .fd-input-group__button{border-left:solid .0625rem transparent;border-left:var(--fdInputGroup_ControlButton_SideBorder, solid var(--sapButton_BorderWidth, .0625rem) transparent)}.fd-input-group--control.is-hover .fd-input-group__button[dir=rtl],.fd-input-group--control:hover .fd-input-group__button[dir=rtl],[dir=rtl] .fd-input-group--control.is-hover .fd-input-group__button,[dir=rtl] .fd-input-group--control:hover .fd-input-group__button{border-left:none;border-right:solid .0625rem transparent;border-right:var(--fdInputGroup_ControlButton_SideBorder, solid var(--sapButton_BorderWidth, .0625rem) transparent)}.fd-input-group--control.is-active .fd-input-group__button,.fd-input-group--control:active .fd-input-group__button{border-left:solid .0625rem transparent;border-left:var(--fdInputGroup_ControlButton_SideBorder, solid var(--sapButton_BorderWidth, .0625rem) transparent)}.fd-input-group--control.is-active .fd-input-group__button[dir=rtl],.fd-input-group--control:active .fd-input-group__button[dir=rtl],[dir=rtl] .fd-input-group--control.is-active .fd-input-group__button,[dir=rtl] .fd-input-group--control:active .fd-input-group__button{border-left:none;border-right:solid .0625rem transparent;border-right:var(--fdInputGroup_ControlButton_SideBorder, solid var(--sapButton_BorderWidth, .0625rem) transparent)}.fd-input-group .fd-textarea{resize:vertical}.fd-input-group.is-readonly,.fd-input-group[readonly]{overflow:visible}fd-input-group .fd-input-group{margin:.25rem 0}fd-input-group .fd-input-group__addon--button.fd-input-group__addon--textarea>*{max-height:100%;height:100%}fd-input-group .fd-input-group__input,fd-input-group .fd-input-group__input:hover{background:none}\n"] }]
199
199
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.ContentDensityService, decorators: [{
200
200
  type: Optional
201
201
  }] }, { type: Document, decorators: [{