@fundamental-ngx/core 0.63.2-rc.5 → 0.63.2-rc.7

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 (202) hide show
  1. package/README.md +1 -1
  2. package/fesm2022/fundamental-ngx-core-action-bar.mjs +27 -26
  3. package/fesm2022/fundamental-ngx-core-action-bar.mjs.map +1 -1
  4. package/fesm2022/fundamental-ngx-core-action-sheet.mjs +25 -22
  5. package/fesm2022/fundamental-ngx-core-action-sheet.mjs.map +1 -1
  6. package/fesm2022/fundamental-ngx-core-avatar-group-legacy.mjs +35 -31
  7. package/fesm2022/fundamental-ngx-core-avatar-group-legacy.mjs.map +1 -1
  8. package/fesm2022/fundamental-ngx-core-avatar-group.mjs +52 -43
  9. package/fesm2022/fundamental-ngx-core-avatar-group.mjs.map +1 -1
  10. package/fesm2022/fundamental-ngx-core-avatar.mjs +67 -43
  11. package/fesm2022/fundamental-ngx-core-avatar.mjs.map +1 -1
  12. package/fesm2022/fundamental-ngx-core-bar.mjs +50 -41
  13. package/fesm2022/fundamental-ngx-core-bar.mjs.map +1 -1
  14. package/fesm2022/fundamental-ngx-core-breadcrumb.mjs +18 -14
  15. package/fesm2022/fundamental-ngx-core-breadcrumb.mjs.map +1 -1
  16. package/fesm2022/fundamental-ngx-core-busy-indicator.mjs +34 -23
  17. package/fesm2022/fundamental-ngx-core-busy-indicator.mjs.map +1 -1
  18. package/fesm2022/fundamental-ngx-core-button.mjs +56 -37
  19. package/fesm2022/fundamental-ngx-core-button.mjs.map +1 -1
  20. package/fesm2022/fundamental-ngx-core-calendar.mjs +87 -62
  21. package/fesm2022/fundamental-ngx-core-calendar.mjs.map +1 -1
  22. package/fesm2022/fundamental-ngx-core-card.mjs +264 -188
  23. package/fesm2022/fundamental-ngx-core-card.mjs.map +1 -1
  24. package/fesm2022/fundamental-ngx-core-carousel.mjs +35 -26
  25. package/fesm2022/fundamental-ngx-core-carousel.mjs.map +1 -1
  26. package/fesm2022/fundamental-ngx-core-checkbox.mjs +7 -7
  27. package/fesm2022/fundamental-ngx-core-combobox.mjs +19 -18
  28. package/fesm2022/fundamental-ngx-core-combobox.mjs.map +1 -1
  29. package/fesm2022/fundamental-ngx-core-content-density.mjs +46 -36
  30. package/fesm2022/fundamental-ngx-core-content-density.mjs.map +1 -1
  31. package/fesm2022/fundamental-ngx-core-date-picker.mjs +13 -13
  32. package/fesm2022/fundamental-ngx-core-date-picker.mjs.map +1 -1
  33. package/fesm2022/fundamental-ngx-core-datetime-picker.mjs +15 -14
  34. package/fesm2022/fundamental-ngx-core-datetime-picker.mjs.map +1 -1
  35. package/fesm2022/fundamental-ngx-core-datetime.mjs +32 -31
  36. package/fesm2022/fundamental-ngx-core-datetime.mjs.map +1 -1
  37. package/fesm2022/fundamental-ngx-core-dialog.mjs +116 -89
  38. package/fesm2022/fundamental-ngx-core-dialog.mjs.map +1 -1
  39. package/fesm2022/fundamental-ngx-core-dynamic-page.mjs +100 -77
  40. package/fesm2022/fundamental-ngx-core-dynamic-page.mjs.map +1 -1
  41. package/fesm2022/fundamental-ngx-core-dynamic-side-content.mjs +13 -13
  42. package/fesm2022/fundamental-ngx-core-facets.mjs +24 -20
  43. package/fesm2022/fundamental-ngx-core-facets.mjs.map +1 -1
  44. package/fesm2022/fundamental-ngx-core-feed-input.mjs +18 -17
  45. package/fesm2022/fundamental-ngx-core-feed-input.mjs.map +1 -1
  46. package/fesm2022/fundamental-ngx-core-feed-list-item.mjs +22 -22
  47. package/fesm2022/fundamental-ngx-core-file-uploader.mjs +16 -16
  48. package/fesm2022/fundamental-ngx-core-fixed-card-layout.mjs +17 -15
  49. package/fesm2022/fundamental-ngx-core-fixed-card-layout.mjs.map +1 -1
  50. package/fesm2022/fundamental-ngx-core-flexible-column-layout.mjs +7 -7
  51. package/fesm2022/fundamental-ngx-core-form.mjs +74 -74
  52. package/fesm2022/fundamental-ngx-core-form.mjs.map +1 -1
  53. package/fesm2022/fundamental-ngx-core-formatted-text.mjs +17 -12
  54. package/fesm2022/fundamental-ngx-core-formatted-text.mjs.map +1 -1
  55. package/fesm2022/fundamental-ngx-core-generic-tag.mjs +19 -13
  56. package/fesm2022/fundamental-ngx-core-generic-tag.mjs.map +1 -1
  57. package/fesm2022/fundamental-ngx-core-grid-list.mjs +56 -51
  58. package/fesm2022/fundamental-ngx-core-grid-list.mjs.map +1 -1
  59. package/fesm2022/fundamental-ngx-core-icon.mjs +33 -20
  60. package/fesm2022/fundamental-ngx-core-icon.mjs.map +1 -1
  61. package/fesm2022/fundamental-ngx-core-illustrated-message.mjs +42 -31
  62. package/fesm2022/fundamental-ngx-core-illustrated-message.mjs.map +1 -1
  63. package/fesm2022/fundamental-ngx-core-infinite-scroll.mjs +11 -9
  64. package/fesm2022/fundamental-ngx-core-infinite-scroll.mjs.map +1 -1
  65. package/fesm2022/fundamental-ngx-core-info-label.mjs +29 -18
  66. package/fesm2022/fundamental-ngx-core-info-label.mjs.map +1 -1
  67. package/fesm2022/fundamental-ngx-core-inline-help.mjs +35 -25
  68. package/fesm2022/fundamental-ngx-core-inline-help.mjs.map +1 -1
  69. package/fesm2022/fundamental-ngx-core-input-group.mjs +21 -21
  70. package/fesm2022/fundamental-ngx-core-input-group.mjs.map +1 -1
  71. package/fesm2022/fundamental-ngx-core-layout-grid.mjs +40 -27
  72. package/fesm2022/fundamental-ngx-core-layout-grid.mjs.map +1 -1
  73. package/fesm2022/fundamental-ngx-core-layout-panel.mjs +41 -37
  74. package/fesm2022/fundamental-ngx-core-layout-panel.mjs.map +1 -1
  75. package/fesm2022/fundamental-ngx-core-link.mjs +24 -19
  76. package/fesm2022/fundamental-ngx-core-link.mjs.map +1 -1
  77. package/fesm2022/fundamental-ngx-core-list.mjs +100 -91
  78. package/fesm2022/fundamental-ngx-core-list.mjs.map +1 -1
  79. package/fesm2022/fundamental-ngx-core-menu.mjs +125 -101
  80. package/fesm2022/fundamental-ngx-core-menu.mjs.map +1 -1
  81. package/fesm2022/fundamental-ngx-core-message-box.mjs +39 -38
  82. package/fesm2022/fundamental-ngx-core-message-box.mjs.map +1 -1
  83. package/fesm2022/fundamental-ngx-core-message-page.mjs +19 -19
  84. package/fesm2022/fundamental-ngx-core-message-strip.mjs +79 -55
  85. package/fesm2022/fundamental-ngx-core-message-strip.mjs.map +1 -1
  86. package/fesm2022/fundamental-ngx-core-message-toast.mjs +17 -17
  87. package/fesm2022/fundamental-ngx-core-message-toast.mjs.map +1 -1
  88. package/fesm2022/fundamental-ngx-core-micro-process-flow.mjs +21 -20
  89. package/fesm2022/fundamental-ngx-core-micro-process-flow.mjs.map +1 -1
  90. package/fesm2022/fundamental-ngx-core-mobile-mode.mjs +3 -3
  91. package/fesm2022/fundamental-ngx-core-multi-combobox.mjs +98 -66
  92. package/fesm2022/fundamental-ngx-core-multi-combobox.mjs.map +1 -1
  93. package/fesm2022/fundamental-ngx-core-multi-input.mjs +27 -21
  94. package/fesm2022/fundamental-ngx-core-multi-input.mjs.map +1 -1
  95. package/fesm2022/fundamental-ngx-core-nested-list.mjs +46 -43
  96. package/fesm2022/fundamental-ngx-core-nested-list.mjs.map +1 -1
  97. package/fesm2022/fundamental-ngx-core-notification.mjs +178 -132
  98. package/fesm2022/fundamental-ngx-core-notification.mjs.map +1 -1
  99. package/fesm2022/fundamental-ngx-core-object-attribute.mjs +7 -7
  100. package/fesm2022/fundamental-ngx-core-object-identifier.mjs +24 -17
  101. package/fesm2022/fundamental-ngx-core-object-identifier.mjs.map +1 -1
  102. package/fesm2022/fundamental-ngx-core-object-marker.mjs +41 -24
  103. package/fesm2022/fundamental-ngx-core-object-marker.mjs.map +1 -1
  104. package/fesm2022/fundamental-ngx-core-object-number.mjs +33 -21
  105. package/fesm2022/fundamental-ngx-core-object-number.mjs.map +1 -1
  106. package/fesm2022/fundamental-ngx-core-object-status.mjs +41 -26
  107. package/fesm2022/fundamental-ngx-core-object-status.mjs.map +1 -1
  108. package/fesm2022/fundamental-ngx-core-overflow-layout.mjs +33 -32
  109. package/fesm2022/fundamental-ngx-core-overflow-layout.mjs.map +1 -1
  110. package/fesm2022/fundamental-ngx-core-pagination.mjs +10 -10
  111. package/fesm2022/fundamental-ngx-core-pagination.mjs.map +1 -1
  112. package/fesm2022/fundamental-ngx-core-panel.mjs +51 -35
  113. package/fesm2022/fundamental-ngx-core-panel.mjs.map +1 -1
  114. package/fesm2022/fundamental-ngx-core-popover.mjs +267 -164
  115. package/fesm2022/fundamental-ngx-core-popover.mjs.map +1 -1
  116. package/fesm2022/fundamental-ngx-core-product-switch.mjs +46 -32
  117. package/fesm2022/fundamental-ngx-core-product-switch.mjs.map +1 -1
  118. package/fesm2022/fundamental-ngx-core-progress-indicator.mjs +7 -7
  119. package/fesm2022/fundamental-ngx-core-quick-view.mjs +47 -44
  120. package/fesm2022/fundamental-ngx-core-quick-view.mjs.map +1 -1
  121. package/fesm2022/fundamental-ngx-core-radio.mjs +8 -8
  122. package/fesm2022/fundamental-ngx-core-radio.mjs.map +1 -1
  123. package/fesm2022/fundamental-ngx-core-rating-indicator.mjs +61 -39
  124. package/fesm2022/fundamental-ngx-core-rating-indicator.mjs.map +1 -1
  125. package/fesm2022/fundamental-ngx-core-resizable-card-layout.mjs +12 -11
  126. package/fesm2022/fundamental-ngx-core-resizable-card-layout.mjs.map +1 -1
  127. package/fesm2022/fundamental-ngx-core-scroll-spy.mjs +17 -12
  128. package/fesm2022/fundamental-ngx-core-scroll-spy.mjs.map +1 -1
  129. package/fesm2022/fundamental-ngx-core-scrollbar.mjs +14 -12
  130. package/fesm2022/fundamental-ngx-core-scrollbar.mjs.map +1 -1
  131. package/fesm2022/fundamental-ngx-core-segmented-button.mjs +9 -8
  132. package/fesm2022/fundamental-ngx-core-segmented-button.mjs.map +1 -1
  133. package/fesm2022/fundamental-ngx-core-select.mjs +22 -21
  134. package/fesm2022/fundamental-ngx-core-select.mjs.map +1 -1
  135. package/fesm2022/fundamental-ngx-core-settings.mjs +70 -60
  136. package/fesm2022/fundamental-ngx-core-settings.mjs.map +1 -1
  137. package/fesm2022/fundamental-ngx-core-shared.mjs +3 -3
  138. package/fesm2022/fundamental-ngx-core-shellbar.mjs +77 -63
  139. package/fesm2022/fundamental-ngx-core-shellbar.mjs.map +1 -1
  140. package/fesm2022/fundamental-ngx-core-side-navigation.mjs +13 -13
  141. package/fesm2022/fundamental-ngx-core-skeleton.mjs +24 -16
  142. package/fesm2022/fundamental-ngx-core-skeleton.mjs.map +1 -1
  143. package/fesm2022/fundamental-ngx-core-slider.mjs +15 -13
  144. package/fesm2022/fundamental-ngx-core-slider.mjs.map +1 -1
  145. package/fesm2022/fundamental-ngx-core-split-button.mjs +10 -10
  146. package/fesm2022/fundamental-ngx-core-status-indicator.mjs +62 -35
  147. package/fesm2022/fundamental-ngx-core-status-indicator.mjs.map +1 -1
  148. package/fesm2022/fundamental-ngx-core-step-input.mjs +11 -9
  149. package/fesm2022/fundamental-ngx-core-step-input.mjs.map +1 -1
  150. package/fesm2022/fundamental-ngx-core-switch.mjs +8 -8
  151. package/fesm2022/fundamental-ngx-core-switch.mjs.map +1 -1
  152. package/fesm2022/fundamental-ngx-core-table.mjs +51 -50
  153. package/fesm2022/fundamental-ngx-core-table.mjs.map +1 -1
  154. package/fesm2022/fundamental-ngx-core-tabs.mjs +56 -55
  155. package/fesm2022/fundamental-ngx-core-tabs.mjs.map +1 -1
  156. package/fesm2022/fundamental-ngx-core-text.mjs +29 -19
  157. package/fesm2022/fundamental-ngx-core-text.mjs.map +1 -1
  158. package/fesm2022/fundamental-ngx-core-theming.mjs +7 -7
  159. package/fesm2022/fundamental-ngx-core-tile.mjs +171 -136
  160. package/fesm2022/fundamental-ngx-core-tile.mjs.map +1 -1
  161. package/fesm2022/fundamental-ngx-core-time-picker.mjs +9 -8
  162. package/fesm2022/fundamental-ngx-core-time-picker.mjs.map +1 -1
  163. package/fesm2022/fundamental-ngx-core-time.mjs +16 -13
  164. package/fesm2022/fundamental-ngx-core-time.mjs.map +1 -1
  165. package/fesm2022/fundamental-ngx-core-timeline.mjs +43 -43
  166. package/fesm2022/fundamental-ngx-core-title.mjs +12 -10
  167. package/fesm2022/fundamental-ngx-core-title.mjs.map +1 -1
  168. package/fesm2022/fundamental-ngx-core-token.mjs +33 -24
  169. package/fesm2022/fundamental-ngx-core-token.mjs.map +1 -1
  170. package/fesm2022/fundamental-ngx-core-toolbar.mjs +35 -32
  171. package/fesm2022/fundamental-ngx-core-toolbar.mjs.map +1 -1
  172. package/fesm2022/fundamental-ngx-core-tree.mjs +41 -36
  173. package/fesm2022/fundamental-ngx-core-tree.mjs.map +1 -1
  174. package/fesm2022/fundamental-ngx-core-upload-collection.mjs +37 -37
  175. package/fesm2022/fundamental-ngx-core-upload-collection.mjs.map +1 -1
  176. package/fesm2022/fundamental-ngx-core-user-menu.mjs +108 -84
  177. package/fesm2022/fundamental-ngx-core-user-menu.mjs.map +1 -1
  178. package/fesm2022/fundamental-ngx-core-vertical-navigation.mjs +20 -17
  179. package/fesm2022/fundamental-ngx-core-vertical-navigation.mjs.map +1 -1
  180. package/fesm2022/fundamental-ngx-core-wizard.mjs +41 -32
  181. package/fesm2022/fundamental-ngx-core-wizard.mjs.map +1 -1
  182. package/fesm2022/fundamental-ngx-core.mjs +4 -4
  183. package/package.json +11 -10
  184. package/schematics/add-styles/index.js +3 -3
  185. package/schematics/add-styles/index.js.map +1 -1
  186. package/schematics/add-theming/index.js +1 -1
  187. package/schematics/add-theming/index.js.map +1 -1
  188. package/schematics/package.json +7 -0
  189. package/schematics/tsconfig.json +12 -6
  190. package/schematics/tsconfig.spec.json +2 -0
  191. package/schematics/utils/calls-providers-function.js +34 -1
  192. package/schematics/utils/calls-providers-function.js.map +1 -1
  193. package/schematics/utils/ng-module-utils.js +34 -1
  194. package/schematics/utils/ng-module-utils.js.map +1 -1
  195. package/types/fundamental-ngx-core-avatar-group-legacy.d.ts +1 -0
  196. package/types/fundamental-ngx-core-carousel.d.ts +2 -0
  197. package/types/fundamental-ngx-core-list.d.ts +2 -2
  198. package/types/fundamental-ngx-core-menu.d.ts +4 -4
  199. package/types/fundamental-ngx-core-notification.d.ts +0 -2
  200. package/types/fundamental-ngx-core-popover.d.ts +8 -6
  201. package/types/fundamental-ngx-core-product-switch.d.ts +6 -3
  202. package/types/fundamental-ngx-core-wizard.d.ts +4 -1
@@ -164,8 +164,8 @@ class RadioButtonComponent {
164
164
  this.inputElement.nativeElement.checked = this.checked;
165
165
  }
166
166
  }
167
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: RadioButtonComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.ContentDensityObserver }], target: i0.ɵɵFactoryTarget.Component }); }
168
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.1.0", type: RadioButtonComponent, isStandalone: true, selector: "fd-radio-button", inputs: { ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", ariaDescribedBy: "ariaDescribedBy", title: "title", tabIndex: "tabIndex", state: "state", disabled: "disabled", readOnly: "readOnly", selectedValue: "selectedValue", name: "name", id: "id", value: "value", required: "required", standalone: "standalone", wrapLabel: ["wrapLabel", "wrapLabel", booleanAttribute], valignLabel: "valignLabel" }, host: { listeners: { "focusout": "onTouched()" } }, providers: [
167
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RadioButtonComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.ContentDensityObserver }], target: i0.ɵɵFactoryTarget.Component }); }
168
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.0.5", type: RadioButtonComponent, isStandalone: true, selector: "fd-radio-button", inputs: { ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", ariaDescribedBy: "ariaDescribedBy", title: "title", tabIndex: "tabIndex", state: "state", disabled: "disabled", readOnly: "readOnly", selectedValue: "selectedValue", name: "name", id: "id", value: "value", required: "required", standalone: "standalone", wrapLabel: ["wrapLabel", "wrapLabel", booleanAttribute], valignLabel: "valignLabel" }, host: { listeners: { "focusout": "onTouched()" } }, providers: [
169
169
  {
170
170
  provide: NG_VALUE_ACCESSOR,
171
171
  useExisting: forwardRef(() => RadioButtonComponent),
@@ -177,7 +177,7 @@ class RadioButtonComponent {
177
177
  },
178
178
  registerFormItemControl(RadioButtonComponent),
179
179
  contentDensityObserverProviders()
180
- ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<input\n type=\"radio\"\n class=\"fd-radio\"\n [class.is-compact]=\"_contentDensityObserver.isCompactSignal()\"\n [disabled]=\"disabled\"\n [readOnly]=\"readOnly\"\n [id]=\"id\"\n [attr.name]=\"name\"\n [name]=\"name\"\n [attr.tabindex]=\"tabIndex\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.aria-describedby]=\"ariaDescribedBy\"\n [attr.aria-disabled]=\"disabled\"\n [attr.aria-checked]=\"checked\"\n [attr.aria-required]=\"required\"\n [attr.aria-readonly]=\"readOnly\"\n [attr.aria-description]=\"readOnly ? ('coreRadio.readOnlyDescription' | fdTranslate)() : null\"\n [ngModel]=\"currentValue\"\n (ngModelChange)=\"valueChange($event)\"\n [ngModelOptions]=\"{ standalone: standalone }\"\n #inputElement\n [value]=\"value\"\n [attr.value]=\"value\"\n/>\n<label\n class=\"fd-radio__label\"\n [class.fd-radio__label--wrap]=\"wrapLabel && valignLabel === 'middle'\"\n [class.fd-radio__label--wrap-top-aligned]=\"wrapLabel && valignLabel === 'top'\"\n [attr.title]=\"title\"\n [for]=\"id\"\n (click)=\"labelClicked($event)\"\n>\n <span class=\"fd-radio__text\">\n <ng-content></ng-content>\n </span>\n</label>\n", styles: [".fd-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--sapField_Background);border:0;border-color:var(--sapField_BorderColor);border-radius:var(--sapField_BorderCornerRadius);border-style:solid;border-width:var(--sapField_BorderWidth);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapField_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;opacity:.0001;outline:none;overflow:hidden;padding-block:0;padding-inline:0;position:absolute;text-overflow:ellipsis;white-space:nowrap}.fd-radio:after,.fd-radio:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-radio::-webkit-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-radio::-moz-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-radio:-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-radio::-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-radio::placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-radio::-moz-selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-radio::selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-radio.is-success{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle);-webkit-box-shadow:var(--sapField_SuccessShadow);box-shadow:var(--sapField_SuccessShadow)}.fd-radio.is-success.is-hover,.fd-radio.is-success:hover{background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-radio.is-success.is-focus,.fd-radio.is-success:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color);z-index:5}.fd-radio.is-success.is-focus.is-hover,.fd-radio.is-success.is-focus:hover,.fd-radio.is-success:focus.is-hover,.fd-radio.is-success:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-radio.is-success.is-expanded,.fd-radio.is-success[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Success_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-radio.is-error{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle);-webkit-box-shadow:var(--sapField_InvalidShadow);box-shadow:var(--sapField_InvalidShadow)}.fd-radio.is-error.is-hover,.fd-radio.is-error:hover{background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-radio.is-error.is-focus,.fd-radio.is-error:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color);z-index:5}.fd-radio.is-error.is-focus.is-hover,.fd-radio.is-error.is-focus:hover,.fd-radio.is-error:focus.is-hover,.fd-radio.is-error:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-radio.is-error.is-expanded,.fd-radio.is-error[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Error_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-radio.is-warning{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle);-webkit-box-shadow:var(--sapField_WarningShadow);box-shadow:var(--sapField_WarningShadow)}.fd-radio.is-warning.is-hover,.fd-radio.is-warning:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-radio.is-warning.is-focus,.fd-radio.is-warning:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-radio.is-warning.is-focus.is-hover,.fd-radio.is-warning.is-focus:hover,.fd-radio.is-warning:focus.is-hover,.fd-radio.is-warning:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-radio.is-warning.is-expanded,.fd-radio.is-warning[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-radio.is-alert{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-radio.is-alert.is-hover,.fd-radio.is-alert:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-radio.is-alert.is-focus,.fd-radio.is-alert:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-radio.is-alert.is-focus.is-hover,.fd-radio.is-alert.is-focus:hover,.fd-radio.is-alert:focus.is-hover,.fd-radio.is-alert:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-radio.is-alert.is-expanded,.fd-radio.is-alert[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-radio.is-information{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle);-webkit-box-shadow:var(--sapField_InformationShadow);box-shadow:var(--sapField_InformationShadow)}.fd-radio.is-information.is-hover,.fd-radio.is-information:hover{background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-radio.is-information.is-focus,.fd-radio.is-information:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color);z-index:5}.fd-radio.is-information.is-focus.is-hover,.fd-radio.is-information.is-focus:hover,.fd-radio.is-information:focus.is-hover,.fd-radio.is-information:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-radio.is-information.is-expanded,.fd-radio.is-information[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Information_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-radio.is-alert.is-focus,.fd-radio.is-alert:focus,.fd-radio.is-error.is-focus,.fd-radio.is-error:focus,.fd-radio.is-information.is-focus,.fd-radio.is-information:focus,.fd-radio.is-warning.is-focus,.fd-radio.is-warning:focus{outline-offset:var(--fdInput_Outline_Offset_States);z-index:5}.fd-radio.is-disabled,.fd-radio:disabled,.fd-radio[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-radio.is-readonly,.fd-radio.is-readonly.is-focus,.fd-radio.is-readonly.is-hover,.fd-radio.is-readonly:focus,.fd-radio.is-readonly:hover,.fd-radio[aria-readonly=true],.fd-radio[aria-readonly=true].is-focus,.fd-radio[aria-readonly=true].is-hover,.fd-radio[aria-readonly=true]:focus,.fd-radio[aria-readonly=true]:hover,.fd-radio[readonly],.fd-radio[readonly].is-focus,.fd-radio[readonly].is-hover,.fd-radio[readonly]:focus,.fd-radio[readonly]:hover{--fdInput_Outline_Offset:-.25rem;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);-webkit-box-shadow:none;box-shadow:none}.fd-radio.is-readonly.is-focus,.fd-radio.is-readonly:focus,.fd-radio[aria-readonly=true].is-focus,.fd-radio[aria-readonly=true]:focus,.fd-radio[readonly].is-focus,.fd-radio[readonly]:focus{z-index:5}.fd-radio__label{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;max-width:100%;padding-block:0;padding-inline:0;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-margin-end:.5rem;cursor:text;margin-inline-end:.5rem;-ms-flex-item-align:start;align-self:flex-start;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;line-height:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--sapField_TextColor);padding-block:var(--fdRadio_Outer_Circle_Padding);padding-inline:var(--fdRadio_Outer_Circle_Padding)}.fd-radio__label:after,.fd-radio__label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-radio__label:before{content:\"\";display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:var(--fdRadio_Inner_Circle_Diameter);min-width:var(--fdRadio_Inner_Circle_Diameter);width:var(--fdRadio_Inner_Circle_Diameter);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;-webkit-margin-end:var(--fdRadio_Outer_Circle_Padding);background-color:var(--fdRadio_Background_Color);border:var(--fdRadio_Inner_Border_Width) var(--fdRadio_Inner_Border_Style) var(--fdRadio_Inner_Border_Color);margin-inline-end:var(--fdRadio_Outer_Circle_Padding)}.fd-radio__label:after{height:var(--fdRadio_Inner_Content_Size);left:var(--fdRadio_Inner_Content_Padding);min-width:var(--fdRadio_Inner_Content_Size);width:var(--fdRadio_Inner_Content_Size)}.fd-radio__label.is-focus,.fd-radio__label:focus{outline:none;z-index:5}.fd-radio__label.is-hover:before,.fd-radio__label:hover:before{background-color:var(--fdRadio_Hover_Background_Color);--fdRadio_Inner_Border_Width:var(--fdRadio_Inner_Border_Width_Default_Hover);--fdRadio_Inner_Border_Style:var(--fdRadio_Inner_Border_Style_Default_Hover);--fdRadio_Inner_Border_Color:var(--fdRadio_Inner_Border_Color_Default_Hover);--fdRadio_Active_Dot_Color:var(--fdRadio_Active_Dot_Color_Default_Hover);--fdRadio_Hover_Background_Color:var(--fdRadio_Background_Color_Default_Hover)}.fd-radio__label[dir=rtl]:after,[dir=rtl] .fd-radio__label:after{right:var(--fdRadio_Inner_Content_Padding)}.fd-radio__label.is-empty,.fd-radio__label:empty{margin-block:0;margin-inline:0;padding-block:var(--fdRadio_Outer_Circle_Padding);padding-inline:var(--fdRadio_Outer_Circle_Padding)}.fd-radio__label.is-empty:after,.fd-radio__label.is-empty:before,.fd-radio__label:empty:after,.fd-radio__label:empty:before{margin-inline:0}.fd-radio__label--wrap .fd-radio__text{white-space:normal}.fd-radio__label--wrap-top-aligned{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.fd-radio__label--wrap-top-aligned .fd-radio__text{white-space:normal}.fd-radio__label--wrap-top-aligned:after{top:var(--fdRadio_Inner_Content_Padding)}.fd-radio__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap}.fd-radio__text:after,.fd-radio__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-radio:checked+.fd-radio__label:after{background:var(--fdRadio_Active_Dot_Color);border-radius:50%;content:\"\";position:absolute}.fd-radio.is-error+.fd-radio__label:before,.fd-radio.is-error:checked+.fd-radio__label:after{--fdRadio_Background_Color:var(--fdRadio_Background_Color_Error);--fdRadio_Inner_Border_Width:var(--fdRadio_Inner_Border_Width_Error);--fdRadio_Inner_Border_Style:var(--fdRadio_Inner_Border_Style_Error);--fdRadio_Inner_Border_Color:var(--fdRadio_Inner_Border_Color_Error);--fdRadio_Active_Dot_Color:var(--fdRadio_Active_Dot_Color_Error);--fdRadio_Hover_Background_Color:var(--fdRadio_Background_Color_Error_Hover)}.fd-radio.is-alert+.fd-radio__label:before,.fd-radio.is-alert:checked+.fd-radio__label:after,.fd-radio.is-warning+.fd-radio__label:before,.fd-radio.is-warning:checked+.fd-radio__label:after{--fdRadio_Background_Color:var(--fdRadio_Background_Color_Warning);--fdRadio_Inner_Border_Width:var(--fdRadio_Inner_Border_Width_Warning);--fdRadio_Inner_Border_Style:var(--fdRadio_Inner_Border_Style_Warning);--fdRadio_Inner_Border_Color:var(--fdRadio_Inner_Border_Color_Warning);--fdRadio_Active_Dot_Color:var(--fdRadio_Active_Dot_Color_Warning);--fdRadio_Hover_Background_Color:var(--fdRadio_Background_Color_Warning_Hover)}.fd-radio.is-success+.fd-radio__label:before,.fd-radio.is-success:checked+.fd-radio__label:after{--fdRadio_Background_Color:var(--fdRadio_Background_Color_Success);--fdRadio_Inner_Border_Width:var(--fdRadio_Inner_Border_Width_Success);--fdRadio_Inner_Border_Style:var(--fdRadio_Inner_Border_Style_Success);--fdRadio_Inner_Border_Color:var(--fdRadio_Inner_Border_Color_Success);--fdRadio_Active_Dot_Color:var(--fdRadio_Active_Dot_Color_Success);--fdRadio_Hover_Background_Color:var(--fdRadio_Background_Color_Success_Hover)}.fd-radio.is-information+.fd-radio__label:before,.fd-radio.is-information:checked+.fd-radio__label:after{--fdRadio_Background_Color:var(--fdRadio_Background_Color_Information);--fdRadio_Inner_Border_Width:var(--fdRadio_Inner_Border_Width_Information);--fdRadio_Inner_Border_Style:var(--fdRadio_Inner_Border_Style_Information);--fdRadio_Inner_Border_Color:var(--fdRadio_Inner_Border_Color_Information);--fdRadio_Active_Dot_Color:var(--fdRadio_Active_Dot_Color_Information);--fdRadio_Hover_Background_Color:var(--fdRadio_Background_Color_Information_Hover)}.fd-radio.is-readonly+.fd-radio__label:before,.fd-radio.is-readonly:checked+.fd-radio__label:after,.fd-radio[aria-readonly=true]+.fd-radio__label:before,.fd-radio[aria-readonly=true]:checked+.fd-radio__label:after,.fd-radio[readonly]+.fd-radio__label:before,.fd-radio[readonly]:checked+.fd-radio__label:after{--fdRadio_Background_Color:var(--fdRadio_Background_Color_ReadOnly);--fdRadio_Inner_Border_Width:var(--fdRadio_Inner_Border_Width_ReadOnly);--fdRadio_Inner_Border_Style:var(--fdRadio_Inner_Border_Style_ReadOnly);--fdRadio_Inner_Border_Color:var(--fdRadio_Inner_Border_Color_ReadOnly);--fdRadio_Active_Dot_Color:var(--fdRadio_Active_Dot_Color_ReadOnly);--fdRadio_Hover_Background_Color:var(--fdRadio_Background_Color_ReadOnly)}.fd-radio.is-focus,.fd-radio:focus{z-index:5}.fd-radio.is-focus+.fd-radio__label,.fd-radio:focus+.fd-radio__label{border-radius:var(--fdRadio_Outline_Border_Radius);outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:calc(var(--fdRadio_Focus_Outline_Offset) - var(--fdRadio_Outer_Circle_Padding))}.fd-radio.is-disabled,.fd-radio:disabled,.fd-radio[aria-disabled=true]{opacity:.0001}.fd-radio.is-disabled+.fd-radio__label,.fd-radio:disabled+.fd-radio__label,.fd-radio[aria-disabled=true]+.fd-radio__label{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-radio[class*=-compact]+.fd-radio__label,.fd-radio[class*=-condensed]+.fd-radio__label,[class*=-compact] .fd-radio:not([class*=-cozy])+.fd-radio__label,[class*=-condensed] .fd-radio:not([class*=-cozy])+.fd-radio__label{--fdRadio_Outer_Circle_Padding:var(--fdRadio_Compact_Outer_Circle_Padding);--fdRadio_Inner_Circle_Diameter:var(--fdRadio_Compact_Inner_Circle_Diameter);--fdRadio_Inner_Content_Size:var(--fdRadio_Inner_Content_Size_Compact);--fdRadio_Inner_Content_Padding:var(--fdRadio_Inner_Content_Padding_Compact)}.fd-radio[class*=-compact].is-focus,.fd-radio[class*=-compact]:focus,.fd-radio[class*=-condensed].is-focus,.fd-radio[class*=-condensed]:focus,[class*=-compact] .fd-radio:not([class*=-cozy]).is-focus,[class*=-compact] .fd-radio:not([class*=-cozy]):focus,[class*=-condensed] .fd-radio:not([class*=-cozy]).is-focus,[class*=-condensed] .fd-radio:not([class*=-cozy]):focus{z-index:5}.fd-radio[class*=-compact].is-focus+.fd-radio__label,.fd-radio[class*=-compact]:focus+.fd-radio__label,.fd-radio[class*=-condensed].is-focus+.fd-radio__label,.fd-radio[class*=-condensed]:focus+.fd-radio__label,[class*=-compact] .fd-radio:not([class*=-cozy]).is-focus+.fd-radio__label,[class*=-compact] .fd-radio:not([class*=-cozy]):focus+.fd-radio__label,[class*=-condensed] .fd-radio:not([class*=-cozy]).is-focus+.fd-radio__label,[class*=-condensed] .fd-radio:not([class*=-cozy]):focus+.fd-radio__label{--fdRadio_Outer_Circle_Padding:var(--fdRadio_Compact_Outer_Circle_Padding);--fdRadio_Outline_Border_Radius:var(--fdRadio_Compact_Outline_Border_radius)}\n/*! Bundled license information:\n\nfundamental-styles/dist/radio.css:\n (*!\n * Fundamental Library Styles v0.41.8\n * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
180
+ ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<input\n type=\"radio\"\n class=\"fd-radio\"\n [class.is-compact]=\"_contentDensityObserver.isCompactSignal()\"\n [disabled]=\"disabled\"\n [readOnly]=\"readOnly\"\n [id]=\"id\"\n [attr.name]=\"name\"\n [name]=\"name\"\n [attr.tabindex]=\"tabIndex\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.aria-describedby]=\"ariaDescribedBy\"\n [attr.aria-disabled]=\"disabled\"\n [attr.aria-checked]=\"checked\"\n [attr.aria-required]=\"required\"\n [attr.aria-readonly]=\"readOnly\"\n [attr.aria-description]=\"readOnly ? ('coreRadio.readOnlyDescription' | fdTranslate)() : null\"\n [ngModel]=\"currentValue\"\n (ngModelChange)=\"valueChange($event)\"\n [ngModelOptions]=\"{ standalone: standalone }\"\n #inputElement\n [value]=\"value\"\n [attr.value]=\"value\"\n/>\n<label\n class=\"fd-radio__label\"\n [class.fd-radio__label--wrap]=\"wrapLabel && valignLabel === 'middle'\"\n [class.fd-radio__label--wrap-top-aligned]=\"wrapLabel && valignLabel === 'top'\"\n [attr.title]=\"title\"\n [for]=\"id\"\n (click)=\"labelClicked($event)\"\n>\n <span class=\"fd-radio__text\">\n <ng-content></ng-content>\n </span>\n</label>\n", styles: [".fd-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--sapField_Background);border:0;border-color:var(--sapField_BorderColor);border-radius:var(--sapField_BorderCornerRadius);border-style:solid;border-width:var(--sapField_BorderWidth);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapField_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;opacity:.0001;outline:none;overflow:hidden;padding-block:0;padding-inline:0;position:absolute;text-overflow:ellipsis;white-space:nowrap}.fd-radio:after,.fd-radio:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-radio::-webkit-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-radio::-moz-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-radio:-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-radio::-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-radio::placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-radio::-moz-selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-radio::selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-radio.is-success{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle);-webkit-box-shadow:var(--sapField_SuccessShadow);box-shadow:var(--sapField_SuccessShadow)}.fd-radio.is-success.is-hover,.fd-radio.is-success:hover{background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-radio.is-success.is-focus,.fd-radio.is-success:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color);z-index:5}.fd-radio.is-success.is-focus.is-hover,.fd-radio.is-success.is-focus:hover,.fd-radio.is-success:focus.is-hover,.fd-radio.is-success:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-radio.is-success.is-expanded,.fd-radio.is-success[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Success_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-radio.is-error{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle);-webkit-box-shadow:var(--sapField_InvalidShadow);box-shadow:var(--sapField_InvalidShadow)}.fd-radio.is-error.is-hover,.fd-radio.is-error:hover{background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-radio.is-error.is-focus,.fd-radio.is-error:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color);z-index:5}.fd-radio.is-error.is-focus.is-hover,.fd-radio.is-error.is-focus:hover,.fd-radio.is-error:focus.is-hover,.fd-radio.is-error:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-radio.is-error.is-expanded,.fd-radio.is-error[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Error_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-radio.is-warning{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle);-webkit-box-shadow:var(--sapField_WarningShadow);box-shadow:var(--sapField_WarningShadow)}.fd-radio.is-warning.is-hover,.fd-radio.is-warning:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-radio.is-warning.is-focus,.fd-radio.is-warning:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-radio.is-warning.is-focus.is-hover,.fd-radio.is-warning.is-focus:hover,.fd-radio.is-warning:focus.is-hover,.fd-radio.is-warning:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-radio.is-warning.is-expanded,.fd-radio.is-warning[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-radio.is-alert{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-radio.is-alert.is-hover,.fd-radio.is-alert:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-radio.is-alert.is-focus,.fd-radio.is-alert:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-radio.is-alert.is-focus.is-hover,.fd-radio.is-alert.is-focus:hover,.fd-radio.is-alert:focus.is-hover,.fd-radio.is-alert:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-radio.is-alert.is-expanded,.fd-radio.is-alert[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-radio.is-information{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle);-webkit-box-shadow:var(--sapField_InformationShadow);box-shadow:var(--sapField_InformationShadow)}.fd-radio.is-information.is-hover,.fd-radio.is-information:hover{background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-radio.is-information.is-focus,.fd-radio.is-information:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color);z-index:5}.fd-radio.is-information.is-focus.is-hover,.fd-radio.is-information.is-focus:hover,.fd-radio.is-information:focus.is-hover,.fd-radio.is-information:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-radio.is-information.is-expanded,.fd-radio.is-information[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Information_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-radio.is-alert.is-focus,.fd-radio.is-alert:focus,.fd-radio.is-error.is-focus,.fd-radio.is-error:focus,.fd-radio.is-information.is-focus,.fd-radio.is-information:focus,.fd-radio.is-warning.is-focus,.fd-radio.is-warning:focus{outline-offset:var(--fdInput_Outline_Offset_States);z-index:5}.fd-radio.is-disabled,.fd-radio:disabled,.fd-radio[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-radio.is-readonly,.fd-radio.is-readonly.is-focus,.fd-radio.is-readonly.is-hover,.fd-radio.is-readonly:focus,.fd-radio.is-readonly:hover,.fd-radio[aria-readonly=true],.fd-radio[aria-readonly=true].is-focus,.fd-radio[aria-readonly=true].is-hover,.fd-radio[aria-readonly=true]:focus,.fd-radio[aria-readonly=true]:hover,.fd-radio[readonly],.fd-radio[readonly].is-focus,.fd-radio[readonly].is-hover,.fd-radio[readonly]:focus,.fd-radio[readonly]:hover{--fdInput_Outline_Offset:-.25rem;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);-webkit-box-shadow:none;box-shadow:none}.fd-radio.is-readonly.is-focus,.fd-radio.is-readonly:focus,.fd-radio[aria-readonly=true].is-focus,.fd-radio[aria-readonly=true]:focus,.fd-radio[readonly].is-focus,.fd-radio[readonly]:focus{z-index:5}.fd-radio__label{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;max-width:100%;padding-block:0;padding-inline:0;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-margin-end:.5rem;cursor:text;margin-inline-end:.5rem;-ms-flex-item-align:start;align-self:flex-start;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;line-height:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--sapField_TextColor);padding-block:var(--fdRadio_Outer_Circle_Padding);padding-inline:var(--fdRadio_Outer_Circle_Padding)}.fd-radio__label:after,.fd-radio__label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-radio__label:before{content:\"\";display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:var(--fdRadio_Inner_Circle_Diameter);min-width:var(--fdRadio_Inner_Circle_Diameter);width:var(--fdRadio_Inner_Circle_Diameter);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;-webkit-margin-end:var(--fdRadio_Outer_Circle_Padding);background-color:var(--fdRadio_Background_Color);border:var(--fdRadio_Inner_Border_Width) var(--fdRadio_Inner_Border_Style) var(--fdRadio_Inner_Border_Color);margin-inline-end:var(--fdRadio_Outer_Circle_Padding)}.fd-radio__label:after{height:var(--fdRadio_Inner_Content_Size);left:var(--fdRadio_Inner_Content_Padding);min-width:var(--fdRadio_Inner_Content_Size);width:var(--fdRadio_Inner_Content_Size)}.fd-radio__label.is-focus,.fd-radio__label:focus{outline:none;z-index:5}.fd-radio__label.is-hover:before,.fd-radio__label:hover:before{background-color:var(--fdRadio_Hover_Background_Color);--fdRadio_Inner_Border_Width:var(--fdRadio_Inner_Border_Width_Default_Hover);--fdRadio_Inner_Border_Style:var(--fdRadio_Inner_Border_Style_Default_Hover);--fdRadio_Inner_Border_Color:var(--fdRadio_Inner_Border_Color_Default_Hover);--fdRadio_Active_Dot_Color:var(--fdRadio_Active_Dot_Color_Default_Hover);--fdRadio_Hover_Background_Color:var(--fdRadio_Background_Color_Default_Hover)}.fd-radio__label[dir=rtl]:after,[dir=rtl] .fd-radio__label:after{right:var(--fdRadio_Inner_Content_Padding)}.fd-radio__label.is-empty,.fd-radio__label:empty{margin-block:0;margin-inline:0;padding-block:var(--fdRadio_Outer_Circle_Padding);padding-inline:var(--fdRadio_Outer_Circle_Padding)}.fd-radio__label.is-empty:after,.fd-radio__label.is-empty:before,.fd-radio__label:empty:after,.fd-radio__label:empty:before{margin-inline:0}.fd-radio__label--wrap .fd-radio__text{white-space:normal}.fd-radio__label--wrap-top-aligned{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.fd-radio__label--wrap-top-aligned .fd-radio__text{white-space:normal}.fd-radio__label--wrap-top-aligned:after{top:var(--fdRadio_Inner_Content_Padding)}.fd-radio__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap}.fd-radio__text:after,.fd-radio__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-radio:checked+.fd-radio__label:after{background:var(--fdRadio_Active_Dot_Color);border-radius:50%;content:\"\";position:absolute}.fd-radio.is-error+.fd-radio__label:before,.fd-radio.is-error:checked+.fd-radio__label:after{--fdRadio_Background_Color:var(--fdRadio_Background_Color_Error);--fdRadio_Inner_Border_Width:var(--fdRadio_Inner_Border_Width_Error);--fdRadio_Inner_Border_Style:var(--fdRadio_Inner_Border_Style_Error);--fdRadio_Inner_Border_Color:var(--fdRadio_Inner_Border_Color_Error);--fdRadio_Active_Dot_Color:var(--fdRadio_Active_Dot_Color_Error);--fdRadio_Hover_Background_Color:var(--fdRadio_Background_Color_Error_Hover)}.fd-radio.is-alert+.fd-radio__label:before,.fd-radio.is-alert:checked+.fd-radio__label:after,.fd-radio.is-warning+.fd-radio__label:before,.fd-radio.is-warning:checked+.fd-radio__label:after{--fdRadio_Background_Color:var(--fdRadio_Background_Color_Warning);--fdRadio_Inner_Border_Width:var(--fdRadio_Inner_Border_Width_Warning);--fdRadio_Inner_Border_Style:var(--fdRadio_Inner_Border_Style_Warning);--fdRadio_Inner_Border_Color:var(--fdRadio_Inner_Border_Color_Warning);--fdRadio_Active_Dot_Color:var(--fdRadio_Active_Dot_Color_Warning);--fdRadio_Hover_Background_Color:var(--fdRadio_Background_Color_Warning_Hover)}.fd-radio.is-success+.fd-radio__label:before,.fd-radio.is-success:checked+.fd-radio__label:after{--fdRadio_Background_Color:var(--fdRadio_Background_Color_Success);--fdRadio_Inner_Border_Width:var(--fdRadio_Inner_Border_Width_Success);--fdRadio_Inner_Border_Style:var(--fdRadio_Inner_Border_Style_Success);--fdRadio_Inner_Border_Color:var(--fdRadio_Inner_Border_Color_Success);--fdRadio_Active_Dot_Color:var(--fdRadio_Active_Dot_Color_Success);--fdRadio_Hover_Background_Color:var(--fdRadio_Background_Color_Success_Hover)}.fd-radio.is-information+.fd-radio__label:before,.fd-radio.is-information:checked+.fd-radio__label:after{--fdRadio_Background_Color:var(--fdRadio_Background_Color_Information);--fdRadio_Inner_Border_Width:var(--fdRadio_Inner_Border_Width_Information);--fdRadio_Inner_Border_Style:var(--fdRadio_Inner_Border_Style_Information);--fdRadio_Inner_Border_Color:var(--fdRadio_Inner_Border_Color_Information);--fdRadio_Active_Dot_Color:var(--fdRadio_Active_Dot_Color_Information);--fdRadio_Hover_Background_Color:var(--fdRadio_Background_Color_Information_Hover)}.fd-radio.is-readonly+.fd-radio__label:before,.fd-radio.is-readonly:checked+.fd-radio__label:after,.fd-radio[aria-readonly=true]+.fd-radio__label:before,.fd-radio[aria-readonly=true]:checked+.fd-radio__label:after,.fd-radio[readonly]+.fd-radio__label:before,.fd-radio[readonly]:checked+.fd-radio__label:after{--fdRadio_Background_Color:var(--fdRadio_Background_Color_ReadOnly);--fdRadio_Inner_Border_Width:var(--fdRadio_Inner_Border_Width_ReadOnly);--fdRadio_Inner_Border_Style:var(--fdRadio_Inner_Border_Style_ReadOnly);--fdRadio_Inner_Border_Color:var(--fdRadio_Inner_Border_Color_ReadOnly);--fdRadio_Active_Dot_Color:var(--fdRadio_Active_Dot_Color_ReadOnly);--fdRadio_Hover_Background_Color:var(--fdRadio_Background_Color_ReadOnly)}.fd-radio.is-focus,.fd-radio:focus{z-index:5}.fd-radio.is-focus+.fd-radio__label,.fd-radio:focus+.fd-radio__label{border-radius:var(--fdRadio_Outline_Border_Radius);outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:calc(var(--fdRadio_Focus_Outline_Offset) - var(--fdRadio_Outer_Circle_Padding))}.fd-radio.is-disabled,.fd-radio:disabled,.fd-radio[aria-disabled=true]{opacity:.0001}.fd-radio.is-disabled+.fd-radio__label,.fd-radio:disabled+.fd-radio__label,.fd-radio[aria-disabled=true]+.fd-radio__label{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-radio[class*=-compact]+.fd-radio__label,.fd-radio[class*=-condensed]+.fd-radio__label,[class*=-compact] .fd-radio:not([class*=-cozy])+.fd-radio__label,[class*=-condensed] .fd-radio:not([class*=-cozy])+.fd-radio__label{--fdRadio_Outer_Circle_Padding:var(--fdRadio_Compact_Outer_Circle_Padding);--fdRadio_Inner_Circle_Diameter:var(--fdRadio_Compact_Inner_Circle_Diameter);--fdRadio_Inner_Content_Size:var(--fdRadio_Inner_Content_Size_Compact);--fdRadio_Inner_Content_Padding:var(--fdRadio_Inner_Content_Padding_Compact)}.fd-radio[class*=-compact].is-focus,.fd-radio[class*=-compact]:focus,.fd-radio[class*=-condensed].is-focus,.fd-radio[class*=-condensed]:focus,[class*=-compact] .fd-radio:not([class*=-cozy]).is-focus,[class*=-compact] .fd-radio:not([class*=-cozy]):focus,[class*=-condensed] .fd-radio:not([class*=-cozy]).is-focus,[class*=-condensed] .fd-radio:not([class*=-cozy]):focus{z-index:5}.fd-radio[class*=-compact].is-focus+.fd-radio__label,.fd-radio[class*=-compact]:focus+.fd-radio__label,.fd-radio[class*=-condensed].is-focus+.fd-radio__label,.fd-radio[class*=-condensed]:focus+.fd-radio__label,[class*=-compact] .fd-radio:not([class*=-cozy]).is-focus+.fd-radio__label,[class*=-compact] .fd-radio:not([class*=-cozy]):focus+.fd-radio__label,[class*=-condensed] .fd-radio:not([class*=-cozy]).is-focus+.fd-radio__label,[class*=-condensed] .fd-radio:not([class*=-cozy]):focus+.fd-radio__label{--fdRadio_Outer_Circle_Padding:var(--fdRadio_Compact_Outer_Circle_Padding);--fdRadio_Outline_Border_Radius:var(--fdRadio_Compact_Outline_Border_radius)}\n/*! Bundled license information:\n\nfundamental-styles/dist/radio.css:\n (*!\n * Fundamental Library Styles v0.41.8\n * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.RadioControlValueAccessor, selector: "input[type=radio]:not([ngNoCva])[formControlName],input[type=radio]:not([ngNoCva])[formControl],input[type=radio]:not([ngNoCva])[ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
181
181
  }
182
182
  __decorate([
183
183
  applyCssClass,
@@ -185,7 +185,7 @@ __decorate([
185
185
  __metadata("design:paramtypes", []),
186
186
  __metadata("design:returntype", Array)
187
187
  ], RadioButtonComponent.prototype, "buildComponentCssClass", null);
188
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: RadioButtonComponent, decorators: [{
188
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RadioButtonComponent, decorators: [{
189
189
  type: Component,
190
190
  args: [{ selector: 'fd-radio-button', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
191
191
  {
@@ -245,11 +245,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
245
245
  * Use direct import of `RadioButtonComponent`.
246
246
  */
247
247
  class RadioModule {
248
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: RadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
249
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.0", ngImport: i0, type: RadioModule, imports: [RadioButtonComponent, ContentDensityModule], exports: [RadioButtonComponent, ContentDensityModule] }); }
250
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: RadioModule, imports: [RadioButtonComponent, ContentDensityModule, ContentDensityModule] }); }
248
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
249
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: RadioModule, imports: [RadioButtonComponent, ContentDensityModule], exports: [RadioButtonComponent, ContentDensityModule] }); }
250
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RadioModule, imports: [RadioButtonComponent, ContentDensityModule, ContentDensityModule] }); }
251
251
  }
252
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: RadioModule, decorators: [{
252
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RadioModule, decorators: [{
253
253
  type: NgModule,
254
254
  args: [{
255
255
  exports: [RadioButtonComponent, ContentDensityModule],
@@ -1 +1 @@
1
- {"version":3,"file":"fundamental-ngx-core-radio.mjs","sources":["../../../../libs/core/radio/tokens.ts","../../../../libs/core/radio/radio-button/radio-button.component.ts","../../../../libs/core/radio/radio-button/radio-button.component.html","../../../../libs/core/radio/radio.module.ts","../../../../libs/core/radio/fundamental-ngx-core-radio.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport const FD_RADIO_BUTTON_COMPONENT = new InjectionToken('FdRadioButtonComponent');\n","import { coerceNumberProperty, NumberInput } from '@angular/cdk/coercion';\nimport {\n AfterViewInit,\n booleanAttribute,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ElementRef,\n forwardRef,\n Input,\n OnChanges,\n OnDestroy,\n ViewChild,\n ViewEncapsulation\n} from '@angular/core';\nimport { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { applyCssClass, CssClassBuilder, Nullable } from '@fundamental-ngx/cdk/utils';\nimport { ContentDensityObserver, contentDensityObserverProviders } from '@fundamental-ngx/core/content-density';\nimport { FormItemControl, registerFormItemControl } from '@fundamental-ngx/core/form';\nimport { FdTranslatePipe } from '@fundamental-ngx/i18n';\nimport { Subscription } from 'rxjs';\nimport { FD_RADIO_BUTTON_COMPONENT } from '../tokens';\n\nexport type stateType = 'success' | 'error' | 'warning' | 'default' | 'information';\nlet uniqueId = 0;\n\n@Component({\n selector: 'fd-radio-button',\n templateUrl: './radio-button.component.html',\n styleUrl: './radio-button.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => RadioButtonComponent),\n multi: true\n },\n {\n provide: FD_RADIO_BUTTON_COMPONENT,\n useExisting: RadioButtonComponent\n },\n registerFormItemControl(RadioButtonComponent),\n contentDensityObserverProviders()\n ],\n host: {\n '(focusout)': 'onTouched()'\n },\n imports: [FormsModule, FdTranslatePipe]\n})\nexport class RadioButtonComponent<T = any>\n implements OnChanges, AfterViewInit, CssClassBuilder, ControlValueAccessor, OnDestroy, FormItemControl\n{\n /** @hidden */\n @ViewChild('inputElement')\n inputElement: ElementRef<HTMLInputElement>;\n\n /** Sets the `aria-label` attribute to the element. */\n @Input()\n ariaLabel: Nullable<string>;\n\n /** Sets the `aria-labelledby` attribute to the element. */\n @Input()\n ariaLabelledBy: Nullable<string>;\n\n /** Sets the `aria-describedby` attribute to the element. */\n @Input()\n ariaDescribedBy: Nullable<string>;\n\n /** sets radio tooltip */\n @Input()\n title: string;\n\n /**\n * Includes the radio in the page tab sequence.\n */\n @Input()\n set tabIndex(value: NumberInput) {\n this._tabIndex = coerceNumberProperty(value);\n }\n\n get tabIndex(): NumberInput {\n return this._tabIndex;\n }\n\n /** The field to set state of radio button using:\n * 'success' | 'error' | 'warning' | 'default' | 'information'\n * by default value is set to 'default'\n */\n @Input()\n state?: stateType = 'default';\n\n /** The field is used to tell if radio button should be disabled\n * Value: true or false\n * by default disabled state is set to false\n */\n @Input()\n disabled = false;\n\n /** The field is used to tell if radio button should be read only */\n @Input()\n readOnly = false;\n\n /** The field should be only used with reactive forms\n * Its purpose is to pass a current selected value from froumGroup\n * The field is mandatory when working with reactive forms\n */\n @Input()\n set selectedValue(val: T) {\n this.currentValue = val;\n this._setNativeElementCheckedState();\n }\n\n /** The name of the radio button\n * The field is mandatory\n */\n @Input()\n name: string;\n\n /**\n * uniqueId to a radio button\n */\n @Input()\n id = `radio-id-${uniqueId++}`;\n\n /** Value field stores information about holding value by radio button\n * The field is mandatory\n */\n @Input()\n value: T;\n\n /** If it is a mandatory field */\n @Input()\n required = false;\n\n /** Whether the control is a standalone. */\n @Input()\n standalone = false;\n\n /** Whether input label should be wrapped */\n @Input({ transform: booleanAttribute }) wrapLabel: boolean;\n\n /** Vertical position of the label compared to the radio button */\n @Input() valignLabel: 'top' | 'middle' = 'middle';\n\n /** Whether the radio button is checked. */\n get checked(): boolean {\n if (this.value === undefined) {\n return false;\n }\n return this.currentValue === this.value;\n }\n\n /** @hidden */\n class: string;\n\n /** @hidden */\n currentValue: T;\n\n /** @hidden */\n private _tabIndex: number;\n\n /** @hidden */\n private _subscriptions = new Subscription();\n\n /** @hidden */\n constructor(\n private changeDetectionRef: ChangeDetectorRef,\n readonly _contentDensityObserver: ContentDensityObserver\n ) {}\n\n /** This method is responsible for building a css class based on current state\n * It is implementation of CssClassBuilder interface and\n * should be used with @applyCssClass decorator\n */\n @applyCssClass\n buildComponentCssClass(): string[] {\n return ['fd-radio', this.state !== 'default' ? `is-${this.state}` : ''];\n }\n\n /** @hidden */\n ngOnDestroy(): void {\n this._subscriptions.unsubscribe();\n }\n\n /** @hidden */\n ngOnChanges(): void {\n this.buildComponentCssClass();\n this._checkMandatoryFields();\n }\n\n /** @hidden */\n ngAfterViewInit(): void {\n this.buildComponentCssClass();\n this._checkMandatoryFields();\n }\n\n /** @hidden */\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n onChange = (value: T): void => {};\n\n /** @hidden */\n onTouched = (): void => {};\n\n /** @hidden */\n registerOnChange(fn: (value: T) => void): void {\n this.onChange = fn;\n }\n\n /** @hidden */\n registerOnTouched(fn: () => void): void {\n this.onTouched = fn;\n }\n\n /** @hidden */\n setDisabledState(isDisabled: boolean): void {\n this.disabled = isDisabled;\n this.changeDetectionRef.detectChanges();\n }\n\n /** @hidden */\n setReadonlyState(isReadonly: boolean): void {\n this.readOnly = isReadonly;\n this.changeDetectionRef.detectChanges();\n }\n\n /** @hidden */\n writeValue(value: T): void {\n this.valueChange(value, false);\n }\n\n // End implementation\n\n /** @hidden */\n get elementRef(): ElementRef {\n return this.inputElement;\n }\n\n /** @hidden */\n labelClicked(event: MouseEvent | KeyboardEvent, applyFocus = true): void {\n if (!this.readOnly && !this.disabled) {\n this.valueChange(this.value);\n }\n\n if (applyFocus) {\n this._setFocusOnNativeElement();\n }\n\n event.stopPropagation();\n }\n\n /** @hidden */\n valueChange(value: T, emitEvent = true): void {\n this.currentValue = value;\n\n this._setNativeElementCheckedState();\n\n this.changeDetectionRef.detectChanges();\n if (emitEvent) {\n this.onChange(value);\n }\n }\n\n /** @hidden */\n private _checkMandatoryFields(): void {\n if (this.standalone) {\n return;\n }\n if (this.name === undefined) {\n throw new Error('name field is required');\n }\n if (this.value === undefined) {\n throw new Error('value field is required');\n }\n }\n\n /** @hidden */\n private _setFocusOnNativeElement(): void {\n if (this.inputElement) {\n this.inputElement.nativeElement.focus();\n }\n }\n\n /** @hidden */\n private _setNativeElementCheckedState(): void {\n if (this.inputElement) {\n this.inputElement.nativeElement.checked = this.checked;\n }\n }\n}\n","<input\n type=\"radio\"\n class=\"fd-radio\"\n [class.is-compact]=\"_contentDensityObserver.isCompactSignal()\"\n [disabled]=\"disabled\"\n [readOnly]=\"readOnly\"\n [id]=\"id\"\n [attr.name]=\"name\"\n [name]=\"name\"\n [attr.tabindex]=\"tabIndex\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.aria-describedby]=\"ariaDescribedBy\"\n [attr.aria-disabled]=\"disabled\"\n [attr.aria-checked]=\"checked\"\n [attr.aria-required]=\"required\"\n [attr.aria-readonly]=\"readOnly\"\n [attr.aria-description]=\"readOnly ? ('coreRadio.readOnlyDescription' | fdTranslate)() : null\"\n [ngModel]=\"currentValue\"\n (ngModelChange)=\"valueChange($event)\"\n [ngModelOptions]=\"{ standalone: standalone }\"\n #inputElement\n [value]=\"value\"\n [attr.value]=\"value\"\n/>\n<label\n class=\"fd-radio__label\"\n [class.fd-radio__label--wrap]=\"wrapLabel && valignLabel === 'middle'\"\n [class.fd-radio__label--wrap-top-aligned]=\"wrapLabel && valignLabel === 'top'\"\n [attr.title]=\"title\"\n [for]=\"id\"\n (click)=\"labelClicked($event)\"\n>\n <span class=\"fd-radio__text\">\n <ng-content></ng-content>\n </span>\n</label>\n","import { NgModule } from '@angular/core';\nimport { ContentDensityModule } from '@fundamental-ngx/core/content-density';\nimport { RadioButtonComponent } from './radio-button/radio-button.component';\n\n/**\n * @deprecated\n * Use direct import of `RadioButtonComponent`.\n */\n@NgModule({\n exports: [RadioButtonComponent, ContentDensityModule],\n imports: [RadioButtonComponent, ContentDensityModule]\n})\nexport class RadioModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"fundamental-ngx-core-radio.mjs","sources":["../../../../libs/core/radio/tokens.ts","../../../../libs/core/radio/radio-button/radio-button.component.ts","../../../../libs/core/radio/radio-button/radio-button.component.html","../../../../libs/core/radio/radio.module.ts","../../../../libs/core/radio/fundamental-ngx-core-radio.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport const FD_RADIO_BUTTON_COMPONENT = new InjectionToken('FdRadioButtonComponent');\n","import { coerceNumberProperty, NumberInput } from '@angular/cdk/coercion';\nimport {\n AfterViewInit,\n booleanAttribute,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ElementRef,\n forwardRef,\n Input,\n OnChanges,\n OnDestroy,\n ViewChild,\n ViewEncapsulation\n} from '@angular/core';\nimport { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { applyCssClass, CssClassBuilder, Nullable } from '@fundamental-ngx/cdk/utils';\nimport { ContentDensityObserver, contentDensityObserverProviders } from '@fundamental-ngx/core/content-density';\nimport { FormItemControl, registerFormItemControl } from '@fundamental-ngx/core/form';\nimport { FdTranslatePipe } from '@fundamental-ngx/i18n';\nimport { Subscription } from 'rxjs';\nimport { FD_RADIO_BUTTON_COMPONENT } from '../tokens';\n\nexport type stateType = 'success' | 'error' | 'warning' | 'default' | 'information';\nlet uniqueId = 0;\n\n@Component({\n selector: 'fd-radio-button',\n templateUrl: './radio-button.component.html',\n styleUrl: './radio-button.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => RadioButtonComponent),\n multi: true\n },\n {\n provide: FD_RADIO_BUTTON_COMPONENT,\n useExisting: RadioButtonComponent\n },\n registerFormItemControl(RadioButtonComponent),\n contentDensityObserverProviders()\n ],\n host: {\n '(focusout)': 'onTouched()'\n },\n imports: [FormsModule, FdTranslatePipe]\n})\nexport class RadioButtonComponent<T = any>\n implements OnChanges, AfterViewInit, CssClassBuilder, ControlValueAccessor, OnDestroy, FormItemControl\n{\n /** @hidden */\n @ViewChild('inputElement')\n inputElement: ElementRef<HTMLInputElement>;\n\n /** Sets the `aria-label` attribute to the element. */\n @Input()\n ariaLabel: Nullable<string>;\n\n /** Sets the `aria-labelledby` attribute to the element. */\n @Input()\n ariaLabelledBy: Nullable<string>;\n\n /** Sets the `aria-describedby` attribute to the element. */\n @Input()\n ariaDescribedBy: Nullable<string>;\n\n /** sets radio tooltip */\n @Input()\n title: string;\n\n /**\n * Includes the radio in the page tab sequence.\n */\n @Input()\n set tabIndex(value: NumberInput) {\n this._tabIndex = coerceNumberProperty(value);\n }\n\n get tabIndex(): NumberInput {\n return this._tabIndex;\n }\n\n /** The field to set state of radio button using:\n * 'success' | 'error' | 'warning' | 'default' | 'information'\n * by default value is set to 'default'\n */\n @Input()\n state?: stateType = 'default';\n\n /** The field is used to tell if radio button should be disabled\n * Value: true or false\n * by default disabled state is set to false\n */\n @Input()\n disabled = false;\n\n /** The field is used to tell if radio button should be read only */\n @Input()\n readOnly = false;\n\n /** The field should be only used with reactive forms\n * Its purpose is to pass a current selected value from froumGroup\n * The field is mandatory when working with reactive forms\n */\n @Input()\n set selectedValue(val: T) {\n this.currentValue = val;\n this._setNativeElementCheckedState();\n }\n\n /** The name of the radio button\n * The field is mandatory\n */\n @Input()\n name: string;\n\n /**\n * uniqueId to a radio button\n */\n @Input()\n id = `radio-id-${uniqueId++}`;\n\n /** Value field stores information about holding value by radio button\n * The field is mandatory\n */\n @Input()\n value: T;\n\n /** If it is a mandatory field */\n @Input()\n required = false;\n\n /** Whether the control is a standalone. */\n @Input()\n standalone = false;\n\n /** Whether input label should be wrapped */\n @Input({ transform: booleanAttribute }) wrapLabel: boolean;\n\n /** Vertical position of the label compared to the radio button */\n @Input() valignLabel: 'top' | 'middle' = 'middle';\n\n /** Whether the radio button is checked. */\n get checked(): boolean {\n if (this.value === undefined) {\n return false;\n }\n return this.currentValue === this.value;\n }\n\n /** @hidden */\n class: string;\n\n /** @hidden */\n currentValue: T;\n\n /** @hidden */\n private _tabIndex: number;\n\n /** @hidden */\n private _subscriptions = new Subscription();\n\n /** @hidden */\n constructor(\n private changeDetectionRef: ChangeDetectorRef,\n readonly _contentDensityObserver: ContentDensityObserver\n ) {}\n\n /** This method is responsible for building a css class based on current state\n * It is implementation of CssClassBuilder interface and\n * should be used with @applyCssClass decorator\n */\n @applyCssClass\n buildComponentCssClass(): string[] {\n return ['fd-radio', this.state !== 'default' ? `is-${this.state}` : ''];\n }\n\n /** @hidden */\n ngOnDestroy(): void {\n this._subscriptions.unsubscribe();\n }\n\n /** @hidden */\n ngOnChanges(): void {\n this.buildComponentCssClass();\n this._checkMandatoryFields();\n }\n\n /** @hidden */\n ngAfterViewInit(): void {\n this.buildComponentCssClass();\n this._checkMandatoryFields();\n }\n\n /** @hidden */\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n onChange = (value: T): void => {};\n\n /** @hidden */\n onTouched = (): void => {};\n\n /** @hidden */\n registerOnChange(fn: (value: T) => void): void {\n this.onChange = fn;\n }\n\n /** @hidden */\n registerOnTouched(fn: () => void): void {\n this.onTouched = fn;\n }\n\n /** @hidden */\n setDisabledState(isDisabled: boolean): void {\n this.disabled = isDisabled;\n this.changeDetectionRef.detectChanges();\n }\n\n /** @hidden */\n setReadonlyState(isReadonly: boolean): void {\n this.readOnly = isReadonly;\n this.changeDetectionRef.detectChanges();\n }\n\n /** @hidden */\n writeValue(value: T): void {\n this.valueChange(value, false);\n }\n\n // End implementation\n\n /** @hidden */\n get elementRef(): ElementRef {\n return this.inputElement;\n }\n\n /** @hidden */\n labelClicked(event: MouseEvent | KeyboardEvent, applyFocus = true): void {\n if (!this.readOnly && !this.disabled) {\n this.valueChange(this.value);\n }\n\n if (applyFocus) {\n this._setFocusOnNativeElement();\n }\n\n event.stopPropagation();\n }\n\n /** @hidden */\n valueChange(value: T, emitEvent = true): void {\n this.currentValue = value;\n\n this._setNativeElementCheckedState();\n\n this.changeDetectionRef.detectChanges();\n if (emitEvent) {\n this.onChange(value);\n }\n }\n\n /** @hidden */\n private _checkMandatoryFields(): void {\n if (this.standalone) {\n return;\n }\n if (this.name === undefined) {\n throw new Error('name field is required');\n }\n if (this.value === undefined) {\n throw new Error('value field is required');\n }\n }\n\n /** @hidden */\n private _setFocusOnNativeElement(): void {\n if (this.inputElement) {\n this.inputElement.nativeElement.focus();\n }\n }\n\n /** @hidden */\n private _setNativeElementCheckedState(): void {\n if (this.inputElement) {\n this.inputElement.nativeElement.checked = this.checked;\n }\n }\n}\n","<input\n type=\"radio\"\n class=\"fd-radio\"\n [class.is-compact]=\"_contentDensityObserver.isCompactSignal()\"\n [disabled]=\"disabled\"\n [readOnly]=\"readOnly\"\n [id]=\"id\"\n [attr.name]=\"name\"\n [name]=\"name\"\n [attr.tabindex]=\"tabIndex\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.aria-describedby]=\"ariaDescribedBy\"\n [attr.aria-disabled]=\"disabled\"\n [attr.aria-checked]=\"checked\"\n [attr.aria-required]=\"required\"\n [attr.aria-readonly]=\"readOnly\"\n [attr.aria-description]=\"readOnly ? ('coreRadio.readOnlyDescription' | fdTranslate)() : null\"\n [ngModel]=\"currentValue\"\n (ngModelChange)=\"valueChange($event)\"\n [ngModelOptions]=\"{ standalone: standalone }\"\n #inputElement\n [value]=\"value\"\n [attr.value]=\"value\"\n/>\n<label\n class=\"fd-radio__label\"\n [class.fd-radio__label--wrap]=\"wrapLabel && valignLabel === 'middle'\"\n [class.fd-radio__label--wrap-top-aligned]=\"wrapLabel && valignLabel === 'top'\"\n [attr.title]=\"title\"\n [for]=\"id\"\n (click)=\"labelClicked($event)\"\n>\n <span class=\"fd-radio__text\">\n <ng-content></ng-content>\n </span>\n</label>\n","import { NgModule } from '@angular/core';\nimport { ContentDensityModule } from '@fundamental-ngx/core/content-density';\nimport { RadioButtonComponent } from './radio-button/radio-button.component';\n\n/**\n * @deprecated\n * Use direct import of `RadioButtonComponent`.\n */\n@NgModule({\n exports: [RadioButtonComponent, ContentDensityModule],\n imports: [RadioButtonComponent, ContentDensityModule]\n})\nexport class RadioModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -38,10 +38,10 @@ class RatingStarLabelPipe {
38
38
  }
39
39
  return `${index + 1} ${ofTranslation} ${controlsCount}`;
40
40
  }
41
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: RatingStarLabelPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
42
- static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.0", ngImport: i0, type: RatingStarLabelPipe, isStandalone: true, name: "ratingStarLabel" }); }
41
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RatingStarLabelPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
42
+ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: RatingStarLabelPipe, isStandalone: true, name: "ratingStarLabel" }); }
43
43
  }
44
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: RatingStarLabelPipe, decorators: [{
44
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RatingStarLabelPipe, decorators: [{
45
45
  type: Pipe,
46
46
  args: [{
47
47
  name: 'ratingStarLabel'
@@ -53,86 +53,98 @@ class RatingIndicatorComponent {
53
53
  /** @hidden */
54
54
  constructor() {
55
55
  /** Sets [name] attribute of input. */
56
- this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : []));
56
+ this.name = input(/* @ts-ignore */
57
+ ...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
57
58
  /**
58
59
  * Sets the aria-label attribute to the element.
59
60
  */
60
- this.ariaLabel = input(...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : []));
61
+ this.ariaLabel = input(/* @ts-ignore */
62
+ ...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
61
63
  /**
62
64
  * Sets the aria-labelledby attribute to the element.
63
65
  */
64
- this.ariaLabelledBy = input(...(ngDevMode ? [undefined, { debugName: "ariaLabelledBy" }] : []));
66
+ this.ariaLabelledBy = input(/* @ts-ignore */
67
+ ...(ngDevMode ? [undefined, { debugName: "ariaLabelledBy" }] : /* istanbul ignore next */ []));
65
68
  /**
66
69
  * Sets the aria-roledescription attribute to the element.
67
70
  */
68
- this.ariaRoledescription = input(...(ngDevMode ? [undefined, { debugName: "ariaRoledescription" }] : []));
71
+ this.ariaRoledescription = input(/* @ts-ignore */
72
+ ...(ngDevMode ? [undefined, { debugName: "ariaRoledescription" }] : /* istanbul ignore next */ []));
69
73
  /**
70
74
  * Input for disabled state from parent component.
71
75
  * Sets the aria-disabled attribute to the element.
72
76
  * Sets the is-disabled class to the element.
73
77
  */
74
- this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
78
+ this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
75
79
  /**
76
80
  * Whether the rating indicator is in displayMode
77
81
  */
78
- this.displayMode = input(false, { ...(ngDevMode ? { debugName: "displayMode" } : {}), transform: booleanAttribute });
82
+ this.displayMode = input(false, { ...(ngDevMode ? { debugName: "displayMode" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
79
83
  /**
80
84
  * Whether the rating indicator is in non-interactive state.
81
85
  */
82
- this.nonInteractive = input(false, { ...(ngDevMode ? { debugName: "nonInteractive" } : {}), transform: booleanAttribute });
86
+ this.nonInteractive = input(false, { ...(ngDevMode ? { debugName: "nonInteractive" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
83
87
  /**
84
88
  * Number of rates to display
85
89
  */
86
- this.indicatorCapacity = input(INDICATOR_DEFAULT_CAPACITY, { ...(ngDevMode ? { debugName: "indicatorCapacity" } : {}), transform: (value) => {
90
+ this.indicatorCapacity = input(INDICATOR_DEFAULT_CAPACITY, { ...(ngDevMode ? { debugName: "indicatorCapacity" } : /* istanbul ignore next */ {}), transform: (value) => {
87
91
  const val = coerceNumberProperty(value, INDICATOR_DEFAULT_CAPACITY);
88
92
  return val < 1 ? INDICATOR_DEFAULT_CAPACITY : val;
89
93
  } });
90
94
  /**
91
95
  * Whether or not to display half values.
92
96
  */
93
- this.allowHalves = input(false, { ...(ngDevMode ? { debugName: "allowHalves" } : {}), transform: booleanAttribute });
97
+ this.allowHalves = input(false, { ...(ngDevMode ? { debugName: "allowHalves" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
94
98
  /**
95
99
  * User's value number of ratings. If provided, Overrides ratingAverage.
96
100
  */
97
- this.value = input(0, ...(ngDevMode ? [{ debugName: "value" }] : []));
101
+ this.value = input(0, /* @ts-ignore */
102
+ ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
98
103
  /**
99
104
  * Total number of ratings. If provided, will display text showing the total number of ratings.
100
105
  */
101
- this.totalRatings = input(undefined, ...(ngDevMode ? [{ debugName: "totalRatings" }] : []));
106
+ this.totalRatings = input(undefined, /* @ts-ignore */
107
+ ...(ngDevMode ? [{ debugName: "totalRatings" }] : /* istanbul ignore next */ []));
102
108
  /**
103
109
  * Rating average
104
110
  */
105
- this.ratingAverage = input(undefined, ...(ngDevMode ? [{ debugName: "ratingAverage" }] : []));
111
+ this.ratingAverage = input(undefined, /* @ts-ignore */
112
+ ...(ngDevMode ? [{ debugName: "ratingAverage" }] : /* istanbul ignore next */ []));
106
113
  /**
107
114
  * Object containing key-value pairs where the key is the rating and the value is the total sum of those ratings.
108
115
  * Overrides totalRatings and ratingAverage.
109
116
  */
110
- this.ratings = input(undefined, ...(ngDevMode ? [{ debugName: "ratings" }] : []));
117
+ this.ratings = input(undefined, /* @ts-ignore */
118
+ ...(ngDevMode ? [{ debugName: "ratings" }] : /* istanbul ignore next */ []));
111
119
  /**
112
120
  * Whether or not to display the popover that shows the sum of each rating. Requires [ratings] object.
113
121
  */
114
- this.displayAllRatings = input(false, { ...(ngDevMode ? { debugName: "displayAllRatings" } : {}), transform: booleanAttribute });
122
+ this.displayAllRatings = input(false, { ...(ngDevMode ? { debugName: "displayAllRatings" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
115
123
  /**
116
124
  * Icon class for rated icon from fundamental-styles lib https://sap.github.io/fundamental-styles/?path=/docs/components-icon--sizes
117
125
  */
118
- this.ratedIcon = input(undefined, ...(ngDevMode ? [{ debugName: "ratedIcon" }] : []));
126
+ this.ratedIcon = input(undefined, /* @ts-ignore */
127
+ ...(ngDevMode ? [{ debugName: "ratedIcon" }] : /* istanbul ignore next */ []));
119
128
  /**
120
129
  * Icon class for unrated icon from fundamental-styles lib https://sap.github.io/fundamental-styles/?path=/docs/components-icon--sizes
121
130
  */
122
- this.unratedIcon = input(undefined, ...(ngDevMode ? [{ debugName: "unratedIcon" }] : []));
131
+ this.unratedIcon = input(undefined, /* @ts-ignore */
132
+ ...(ngDevMode ? [{ debugName: "unratedIcon" }] : /* istanbul ignore next */ []));
123
133
  /**
124
134
  * Possible values are 'xs', 'sm', 'md', 'lg', 'cozy', 'compact', 'condensed'
125
135
  */
126
- this.size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : []));
136
+ this.size = input('md', /* @ts-ignore */
137
+ ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
127
138
  /**
128
139
  * Text divider label between view value and indicator count.
129
140
  */
130
- this.dynamicTextIndicator = input('of', ...(ngDevMode ? [{ debugName: "dynamicTextIndicator" }] : []));
141
+ this.dynamicTextIndicator = input('of', /* @ts-ignore */
142
+ ...(ngDevMode ? [{ debugName: "dynamicTextIndicator" }] : /* istanbul ignore next */ []));
131
143
  /**
132
144
  * Whether to display the dynamic text (rating value and count) after the rating indicator.
133
145
  * When false, only the star rating UI is shown without any text.
134
146
  */
135
- this.showDynamicText = input(true, { ...(ngDevMode ? { debugName: "showDynamicText" } : {}), transform: booleanAttribute });
147
+ this.showDynamicText = input(true, { ...(ngDevMode ? { debugName: "showDynamicText" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
136
148
  /**
137
149
  * Fired when the user sets or changes their rating.
138
150
  */
@@ -140,35 +152,44 @@ class RatingIndicatorComponent {
140
152
  /** @hidden */
141
153
  this.elementRef = inject((ElementRef));
142
154
  /** Computed display value - returns the current internal value */
143
- this.displayValue = computed(() => this.internalValue(), ...(ngDevMode ? [{ debugName: "displayValue" }] : []));
155
+ this.displayValue = computed(() => this.internalValue(), /* @ts-ignore */
156
+ ...(ngDevMode ? [{ debugName: "displayValue" }] : /* istanbul ignore next */ []));
144
157
  /** @hidden Current language signal for i18n */
145
158
  this.language = inject(FD_LANGUAGE_SIGNAL);
146
159
  /** @hidden Internal mutable value for CVA and computed display value */
147
- this.internalValue = signal(0, ...(ngDevMode ? [{ debugName: "internalValue" }] : []));
160
+ this.internalValue = signal(0, /* @ts-ignore */
161
+ ...(ngDevMode ? [{ debugName: "internalValue" }] : /* istanbul ignore next */ []));
148
162
  /**
149
163
  * Internal mutable disabled state.
150
164
  * Allows ControlValueAccessor to modify disabled state independently of input.
151
165
  */
152
- this.internalDisabled = signal(false, ...(ngDevMode ? [{ debugName: "internalDisabled" }] : []));
166
+ this.internalDisabled = signal(false, /* @ts-ignore */
167
+ ...(ngDevMode ? [{ debugName: "internalDisabled" }] : /* istanbul ignore next */ []));
153
168
  /** @hidden Internal total ratings for computed state */
154
- this.internalTotalRatings = signal(undefined, ...(ngDevMode ? [{ debugName: "internalTotalRatings" }] : []));
169
+ this.internalTotalRatings = signal(undefined, /* @ts-ignore */
170
+ ...(ngDevMode ? [{ debugName: "internalTotalRatings" }] : /* istanbul ignore next */ []));
155
171
  /** @hidden Internal rating average for computed state */
156
- this.internalRatingAverage = signal(undefined, ...(ngDevMode ? [{ debugName: "internalRatingAverage" }] : []));
172
+ this.internalRatingAverage = signal(undefined, /* @ts-ignore */
173
+ ...(ngDevMode ? [{ debugName: "internalRatingAverage" }] : /* istanbul ignore next */ []));
157
174
  /** @hidden Rating items for popover content */
158
- this.ratingItems = signal([], ...(ngDevMode ? [{ debugName: "ratingItems" }] : []));
175
+ this.ratingItems = signal([], /* @ts-ignore */
176
+ ...(ngDevMode ? [{ debugName: "ratingItems" }] : /* istanbul ignore next */ []));
159
177
  /** @hidden Unique ID for this rating indicator instance */
160
178
  this.ratingUID = ratingUID++;
161
179
  /** @hidden Computed size class based on size input */
162
- this.sizeClass = computed(() => this._getSizeClass(this.size()), ...(ngDevMode ? [{ debugName: "sizeClass" }] : []));
180
+ this.sizeClass = computed(() => this._getSizeClass(this.size()), /* @ts-ignore */
181
+ ...(ngDevMode ? [{ debugName: "sizeClass" }] : /* istanbul ignore next */ []));
163
182
  /** @hidden Computed rates array based on capacity and halves setting */
164
- this.rates = computed(() => this._getRates(), ...(ngDevMode ? [{ debugName: "rates" }] : []));
183
+ this.rates = computed(() => this._getRates(), /* @ts-ignore */
184
+ ...(ngDevMode ? [{ debugName: "rates" }] : /* istanbul ignore next */ []));
165
185
  /** @hidden Computed signal to determine if dynamic text should be hidden */
166
186
  this.hideDynamicText = computed(() => {
167
187
  const value = this.displayValue();
168
188
  const totalRatings = this.computedTotalRatings;
169
189
  // Only hide if value is 0 AND we don't have total ratings to show
170
190
  return !value && (totalRatings === undefined || totalRatings === null);
171
- }, ...(ngDevMode ? [{ debugName: "hideDynamicText" }] : []));
191
+ }, /* @ts-ignore */
192
+ ...(ngDevMode ? [{ debugName: "hideDynamicText" }] : /* istanbul ignore next */ []));
172
193
  /** @hidden Computed CSS classes for host binding */
173
194
  this.cssClass = computed(() => {
174
195
  const classes = [
@@ -182,7 +203,8 @@ class RatingIndicatorComponent {
182
203
  this.nonInteractive() ? 'fd-rating-indicator--non-interactive' : ''
183
204
  ];
184
205
  return classes.filter(Boolean).join(' ');
185
- }, ...(ngDevMode ? [{ debugName: "cssClass" }] : []));
206
+ }, /* @ts-ignore */
207
+ ...(ngDevMode ? [{ debugName: "cssClass" }] : /* istanbul ignore next */ []));
186
208
  /** @hidden CVA onChange callback */
187
209
  this.onChange = () => { };
188
210
  /** @hidden CVA onTouched callback */
@@ -339,8 +361,8 @@ class RatingIndicatorComponent {
339
361
  _getSizeClass(size) {
340
362
  return `${INDICATOR_PREFIX}--${size in RatingIndicatorSizeEnum ? size : 'md'}`;
341
363
  }
342
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: RatingIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
343
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: RatingIndicatorComponent, isStandalone: true, selector: "fd-rating-indicator", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "ariaLabelledBy", isSignal: true, isRequired: false, transformFunction: null }, ariaRoledescription: { classPropertyName: "ariaRoledescription", publicName: "ariaRoledescription", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, displayMode: { classPropertyName: "displayMode", publicName: "displayMode", isSignal: true, isRequired: false, transformFunction: null }, nonInteractive: { classPropertyName: "nonInteractive", publicName: "nonInteractive", isSignal: true, isRequired: false, transformFunction: null }, indicatorCapacity: { classPropertyName: "indicatorCapacity", publicName: "indicatorCapacity", isSignal: true, isRequired: false, transformFunction: null }, allowHalves: { classPropertyName: "allowHalves", publicName: "allowHalves", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, totalRatings: { classPropertyName: "totalRatings", publicName: "totalRatings", isSignal: true, isRequired: false, transformFunction: null }, ratingAverage: { classPropertyName: "ratingAverage", publicName: "ratingAverage", isSignal: true, isRequired: false, transformFunction: null }, ratings: { classPropertyName: "ratings", publicName: "ratings", isSignal: true, isRequired: false, transformFunction: null }, displayAllRatings: { classPropertyName: "displayAllRatings", publicName: "displayAllRatings", isSignal: true, isRequired: false, transformFunction: null }, ratedIcon: { classPropertyName: "ratedIcon", publicName: "ratedIcon", isSignal: true, isRequired: false, transformFunction: null }, unratedIcon: { classPropertyName: "unratedIcon", publicName: "unratedIcon", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, dynamicTextIndicator: { classPropertyName: "dynamicTextIndicator", publicName: "dynamicTextIndicator", isSignal: true, isRequired: false, transformFunction: null }, showDynamicText: { classPropertyName: "showDynamicText", publicName: "showDynamicText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ratingChanged: "ratingChanged" }, host: { properties: { "class": "cssClass()", "attr.aria-label": "ariaLabel()", "attr.aria-labelledby": "ariaLabelledBy()", "attr.disabled": "disabled()" } }, providers: [
364
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RatingIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
365
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: RatingIndicatorComponent, isStandalone: true, selector: "fd-rating-indicator", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "ariaLabelledBy", isSignal: true, isRequired: false, transformFunction: null }, ariaRoledescription: { classPropertyName: "ariaRoledescription", publicName: "ariaRoledescription", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, displayMode: { classPropertyName: "displayMode", publicName: "displayMode", isSignal: true, isRequired: false, transformFunction: null }, nonInteractive: { classPropertyName: "nonInteractive", publicName: "nonInteractive", isSignal: true, isRequired: false, transformFunction: null }, indicatorCapacity: { classPropertyName: "indicatorCapacity", publicName: "indicatorCapacity", isSignal: true, isRequired: false, transformFunction: null }, allowHalves: { classPropertyName: "allowHalves", publicName: "allowHalves", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, totalRatings: { classPropertyName: "totalRatings", publicName: "totalRatings", isSignal: true, isRequired: false, transformFunction: null }, ratingAverage: { classPropertyName: "ratingAverage", publicName: "ratingAverage", isSignal: true, isRequired: false, transformFunction: null }, ratings: { classPropertyName: "ratings", publicName: "ratings", isSignal: true, isRequired: false, transformFunction: null }, displayAllRatings: { classPropertyName: "displayAllRatings", publicName: "displayAllRatings", isSignal: true, isRequired: false, transformFunction: null }, ratedIcon: { classPropertyName: "ratedIcon", publicName: "ratedIcon", isSignal: true, isRequired: false, transformFunction: null }, unratedIcon: { classPropertyName: "unratedIcon", publicName: "unratedIcon", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, dynamicTextIndicator: { classPropertyName: "dynamicTextIndicator", publicName: "dynamicTextIndicator", isSignal: true, isRequired: false, transformFunction: null }, showDynamicText: { classPropertyName: "showDynamicText", publicName: "showDynamicText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ratingChanged: "ratingChanged" }, host: { properties: { "class": "cssClass()", "attr.aria-label": "ariaLabel()", "attr.aria-labelledby": "ariaLabelledBy()", "attr.disabled": "disabled()" } }, providers: [
344
366
  {
345
367
  provide: NG_VALUE_ACCESSOR,
346
368
  useExisting: forwardRef(() => RatingIndicatorComponent),
@@ -349,7 +371,7 @@ class RatingIndicatorComponent {
349
371
  registerFormItemControl(RatingIndicatorComponent)
350
372
  ], ngImport: i0, template: "<ng-template #zeroRate let-halves=\"halves\">\n <input\n [attr.aria-label]=\"('coreRatingIndicator.ariaLabelReset' | fdTranslate)()\"\n role=\"button\"\n type=\"radio\"\n class=\"fd-rating-indicator__input fd-rating-indicator__input--zero-rating\"\n (change)=\"onSelect(0)\"\n [disabled]=\"disabled() || nonInteractive() || displayMode()\"\n name=\"rating-{{ ratingUID }}{{ halves ? '-halves' : '' }}\"\n [attr.checked]=\"displayValue() === 0 ? true : null\"\n value=\"0\"\n />\n <label class=\"fd-rating-indicator__label fd-rating-indicator__label--zero-rating\" aria-hidden=\"true\"></label>\n</ng-template>\n<!-- role=\"application\" is used in order to let user to change value with left/right arrows in JAWS, since JAWS ovverrides these actions -->\n<div\n class=\"fd-rating-indicator__container\"\n role=\"application\"\n [attr.aria-roledescription]=\"ariaRoledescription() || ('coreRatingIndicator.ariaRoleDescription' | fdTranslate)()\"\n>\n <!-- Zero value if we don't have provided value from user, `ratingAverage` or `ratings` -->\n <ng-template [ngTemplateOutlet]=\"zeroRate\"></ng-template>\n <!-- Available rate values -->\n @for (rate of rates(); track rate.id; let i = $index) {\n <input\n [attr.aria-label]=\"i | ratingStarLabel: rates().length : allowHalves() : language()\"\n role=\"button\"\n type=\"radio\"\n class=\"fd-rating-indicator__input\"\n [disabled]=\"disabled() || nonInteractive() || displayMode()\"\n [id]=\"rate.id\"\n name=\"rating-{{ ratingUID }}\"\n [value]=\"rate.value\"\n [attr.checked]=\"displayValue() === rate.value ? true : null\"\n (change)=\"onSelect(rate.value)\"\n />\n <label class=\"fd-rating-indicator__label\" [for]=\"rate.id\" aria-hidden=\"true\">\n @if (ratedIcon()) {\n <i class=\"fd-rating-indicator__label-rated\" [class]=\"unratedIcon()\"></i>\n }\n @if (unratedIcon()) {\n <i class=\"fd-rating-indicator__label-unrated\" [class]=\"ratedIcon()\"></i>\n }\n </label>\n }\n</div>\n<!-- Popover if displayAllRatings is true and we have ratings object -->\n@if (showDynamicText()) {\n @if (displayAllRatings() && ratingItems().length) {\n <span [fdPopoverTrigger]=\"allRatingContent\" class=\"fd-rating-indicator__dynamic-text\">\n (<span [attr.aria-label]=\"('coreRatingIndicator.ariaLabelTotalRating' | fdTranslate)()\" fd-link>{{\n computedTotalRatings\n }}</span\n >)\n </span>\n } @else if (computedTotalRatings !== undefined && computedTotalRatings !== null) {\n <span class=\"fd-rating-indicator__dynamic-text\">({{ computedTotalRatings }})</span>\n } @else {\n <span class=\"fd-rating-indicator__dynamic-text\"\n >({{ displayValue() }} {{ dynamicTextIndicator() }} {{ indicatorCapacity() }})</span\n >\n }\n}\n<fd-popover\n #allRatingContent\n [triggers]=\"['mouseenter', 'mouseleave']\"\n [noArrow]=\"false\"\n placement=\"top\"\n additionalBodyClass=\"fd-rating-indicator__popover\"\n>\n @for (rating of ratingItems(); track rating) {\n <div class=\"fd-rating-indicator__sum-row\" [class]=\"sizeClass()\">\n <div class=\"fd-rating-indicator__container\">\n @for (rate of rates(); track rate.id) {\n <span\n [class.fd-rating-indicator__input-checked]=\"rate.value === rating.rate\"\n class=\"fd-rating-indicator__input\"\n ></span>\n <label class=\"fd-rating-indicator__label\">\n @if (ratedIcon()) {\n <i class=\"fd-rating-indicator__label-rated\" [class]=\"unratedIcon()\"></i>\n }\n @if (unratedIcon()) {\n <i class=\"fd-rating-indicator__label-unrated\" [class]=\"ratedIcon()\"></i>\n }\n </label>\n }\n </div>\n ({{ rating.votes }})\n </div>\n }\n</fd-popover>\n", styles: [".fd-rating-indicator{--fontSize:1.375rem;--spacingBetweenIcons:.1875rem;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:relative}.fd-rating-indicator:after,.fd-rating-indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-rating-indicator--cozy{--fontSize:1.5rem;--spacingBetweenIcons:.1875rem;margin-block:.8125rem;margin-inline:0}.fd-rating-indicator--compact{margin-block:.5rem;margin-inline:0}.fd-rating-indicator--compact,.fd-rating-indicator--condensed{--fontSize:1rem;--spacingBetweenIcons:.125rem}.fd-rating-indicator--xs{--fontSize:.75rem;--spacingBetweenIcons:1px}.fd-rating-indicator--sm{--fontSize:1rem;--spacingBetweenIcons:.125rem}.fd-rating-indicator--md{--fontSize:1.375rem;--spacingBetweenIcons:.1875rem}.fd-rating-indicator--lg{--fontSize:2rem;--spacingBetweenIcons:.25rem}.fd-rating-indicator__container{border:0;border-radius:var(--fdRating_Indicator_Border_Radius);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-rating-indicator__container:after,.fd-rating-indicator__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-rating-indicator__container:focus-within{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:var(--fdRating_Indicator_Focus_Outline_Offset,0)}.fd-rating-indicator__container:focus-within .fd-rating-indicator__input,.fd-rating-indicator__container:focus-within .fd-rating-indicator__label{outline:none!important}.fd-rating-indicator__input{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fontSize);line-height:normal;margin-block:0;margin-inline:0;opacity:.0001;padding-block:0;padding-inline:0;position:absolute;top:0;width:var(--fontSize);z-index:-1}.fd-rating-indicator__input:after,.fd-rating-indicator__input:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-rating-indicator__input:checked.is-focus,.fd-rating-indicator__input:checked:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth)}.fd-rating-indicator__input:checked.is-focus+.fd-rating-indicator__label,.fd-rating-indicator__input:checked:focus+.fd-rating-indicator__label{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:0}.fd-rating-indicator__label{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;float:left;height:var(--fontSize);opacity:1;-webkit-margin-end:var(--spacingBetweenIcons);margin-inline-end:var(--spacingBetweenIcons)}.fd-rating-indicator__label:after,.fd-rating-indicator__label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-rating-indicator__label:before{color:var(--sapContent_RatedColor);content:\"\\e065\";font-family:SAP-icons;font-size:var(--fontSize)}.fd-rating-indicator__label:last-child{-webkit-margin-end:0;margin-inline-end:0}.fd-rating-indicator__label:hover:before{opacity:var(--fdRating_Indicator_Selected_Hover_Opacity);-webkit-transition:opacity .125s ease-in;transition:opacity .125s ease-in}.fd-rating-indicator .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label:before{color:var(--sapContent_UnratedColor);content:\"\\e0a1\"}.fd-rating-indicator__dynamic-text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;-webkit-margin-start:.5rem;margin-inline-start:.5rem}.fd-rating-indicator__dynamic-text:after,.fd-rating-indicator__dynamic-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-rating-indicator--hide-dynamic-text>.fd-rating-indicator__dynamic-text{display:none}.fd-rating-indicator[dir=rtl] .fd-rating-indicator__label,[dir=rtl] .fd-rating-indicator .fd-rating-indicator__label{float:right}.fd-rating-indicator.is-disabled,.fd-rating-indicator:disabled,.fd-rating-indicator[aria-disabled=true]{opacity:var(--fdRating_Indicator_Disabled_Control_Opacity);pointer-events:none}.fd-rating-indicator.is-disabled .fd-rating-indicator__input:before,.fd-rating-indicator:disabled .fd-rating-indicator__input:before,.fd-rating-indicator[aria-disabled=true] .fd-rating-indicator__input:before{color:var(--fdRating_Indicator_Disabled_Selected_Color);content:\"\\e065\"}.fd-rating-indicator.is-disabled .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label:before,.fd-rating-indicator:disabled .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label:before,.fd-rating-indicator[aria-disabled=true] .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label:before{color:var(--fdRating_Indicator_Disabled_Unselected_Color);content:\"\\e065\";font-size:calc(var(--fontSize)*var(--fdRating_Indicator_View_Mode_Unselected_Icon_Size_Ratio))}.fd-rating-indicator--display-mode{--fontSize:1rem}.fd-rating-indicator--display-mode .fd-rating-indicator__label{-webkit-margin-end:.125rem;margin-inline-end:.125rem}.fd-rating-indicator--display-mode .fd-rating-indicator__label:before{color:var(--fdRating_Indicator_Display_Only_Selected_Color);content:\"\\e065\";font-size:var(--fontSize)}.fd-rating-indicator--display-mode,.fd-rating-indicator--non-interactive{pointer-events:none}.fd-rating-indicator--display-mode .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label:before,.fd-rating-indicator--non-interactive .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label:before{color:var(--sapContent_UnratedColor);content:\"\\e065\";font-size:calc(var(--fontSize)*var(--fdRating_Indicator_View_Mode_Unselected_Icon_Size_Ratio))}.fd-rating-indicator--icon .fd-rating-indicator__label{height:var(--fontSize);width:var(--fontSize)}.fd-rating-indicator--icon .fd-rating-indicator__label:after,.fd-rating-indicator--icon .fd-rating-indicator__label:before{content:none!important}.fd-rating-indicator--icon .fd-rating-indicator__label-rated,.fd-rating-indicator--icon .fd-rating-indicator__label-unrated{font-size:var(--fontSize);height:100%;line-height:1}.fd-rating-indicator--icon .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label .fd-rating-indicator__label-rated,.fd-rating-indicator--icon .fd-rating-indicator__label-unrated{display:none}.fd-rating-indicator--icon .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label .fd-rating-indicator__label-unrated{display:block}.fd-rating-indicator--half-star .fd-rating-indicator__input{height:var(--fontSize);width:calc(var(--fontSize)*.5)}.fd-rating-indicator--half-star .fd-rating-indicator__label{-webkit-margin-end:0;margin-inline-end:0;overflow:hidden;width:calc(var(--fontSize)*.5)}.fd-rating-indicator--half-star .fd-rating-indicator__label:nth-child(4n+6){-webkit-margin-end:var(--spacingBetweenIcons);margin-inline-end:var(--spacingBetweenIcons);-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.fd-rating-indicator--half-star .fd-rating-indicator__label:last-child{-webkit-margin-end:0;margin-inline-end:0}.fd-rating-indicator--half-star .fd-rating-indicator--icon .fd-rating-indicator__label{width:calc(var(--fontSize)*.5)}.fd-rating-indicator--half-star .fd-rating-indicator .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label{width:calc(var(--fontSize)*var(--fdRating_Indicator_View_Mode_Unselected_Icon_Size_Ratio)*.5)}.fd-rating-indicator--half-star.fd-rating-indicator--display-mode .fd-rating-indicator__input:nth-child(4n+3):checked+.fd-rating-indicator__label+.fd-rating-indicator__input+.fd-rating-indicator__label,.fd-rating-indicator--half-star.fd-rating-indicator--non-interactive .fd-rating-indicator__input:nth-child(4n+3):checked+.fd-rating-indicator__label+.fd-rating-indicator__input+.fd-rating-indicator__label,.fd-rating-indicator--half-star.is-disabled .fd-rating-indicator__input:nth-child(4n+3):checked+.fd-rating-indicator__label+.fd-rating-indicator__input+.fd-rating-indicator__label,.fd-rating-indicator--half-star:disabled .fd-rating-indicator__input:nth-child(4n+3):checked+.fd-rating-indicator__label+.fd-rating-indicator__input+.fd-rating-indicator__label,.fd-rating-indicator--half-star[aria-disabled=true] .fd-rating-indicator__input:nth-child(4n+3):checked+.fd-rating-indicator__label+.fd-rating-indicator__input+.fd-rating-indicator__label{width:calc(var(--fontSize)*.5)}.fd-rating-indicator--half-star.fd-rating-indicator--display-mode .fd-rating-indicator__input:nth-child(4n+3):checked+.fd-rating-indicator__label+.fd-rating-indicator__input+.fd-rating-indicator__label .fd-rating-indicator__label-unrated:before,.fd-rating-indicator--half-star.fd-rating-indicator--display-mode .fd-rating-indicator__input:nth-child(4n+3):checked+.fd-rating-indicator__label+.fd-rating-indicator__input+.fd-rating-indicator__label:before,.fd-rating-indicator--half-star.fd-rating-indicator--non-interactive .fd-rating-indicator__input:nth-child(4n+3):checked+.fd-rating-indicator__label+.fd-rating-indicator__input+.fd-rating-indicator__label .fd-rating-indicator__label-unrated:before,.fd-rating-indicator--half-star.fd-rating-indicator--non-interactive .fd-rating-indicator__input:nth-child(4n+3):checked+.fd-rating-indicator__label+.fd-rating-indicator__input+.fd-rating-indicator__label:before,.fd-rating-indicator--half-star.is-disabled .fd-rating-indicator__input:nth-child(4n+3):checked+.fd-rating-indicator__label+.fd-rating-indicator__input+.fd-rating-indicator__label .fd-rating-indicator__label-unrated:before,.fd-rating-indicator--half-star.is-disabled .fd-rating-indicator__input:nth-child(4n+3):checked+.fd-rating-indicator__label+.fd-rating-indicator__input+.fd-rating-indicator__label:before,.fd-rating-indicator--half-star:disabled .fd-rating-indicator__input:nth-child(4n+3):checked+.fd-rating-indicator__label+.fd-rating-indicator__input+.fd-rating-indicator__label .fd-rating-indicator__label-unrated:before,.fd-rating-indicator--half-star:disabled .fd-rating-indicator__input:nth-child(4n+3):checked+.fd-rating-indicator__label+.fd-rating-indicator__input+.fd-rating-indicator__label:before,.fd-rating-indicator--half-star[aria-disabled=true] .fd-rating-indicator__input:nth-child(4n+3):checked+.fd-rating-indicator__label+.fd-rating-indicator__input+.fd-rating-indicator__label .fd-rating-indicator__label-unrated:before,.fd-rating-indicator--half-star[aria-disabled=true] .fd-rating-indicator__input:nth-child(4n+3):checked+.fd-rating-indicator__label+.fd-rating-indicator__input+.fd-rating-indicator__label:before{font-size:var(--fontSize)}.fd-rating-indicator--half-star.fd-rating-indicator--display-mode .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label,.fd-rating-indicator--half-star.fd-rating-indicator--non-interactive .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label,.fd-rating-indicator--half-star.is-disabled .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label,.fd-rating-indicator--half-star:disabled .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label,.fd-rating-indicator--half-star[aria-disabled=true] .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label{width:calc(var(--fontSize)*var(--fdRating_Indicator_View_Mode_Unselected_Icon_Size_Ratio)*.5)}.fd-rating-indicator--half-star.fd-rating-indicator--display-mode .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label .fd-rating-indicator__label-unrated:before,.fd-rating-indicator--half-star.fd-rating-indicator--non-interactive .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label .fd-rating-indicator__label-unrated:before,.fd-rating-indicator--half-star.is-disabled .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label .fd-rating-indicator__label-unrated:before,.fd-rating-indicator--half-star:disabled .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label .fd-rating-indicator__label-unrated:before,.fd-rating-indicator--half-star[aria-disabled=true] .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label .fd-rating-indicator__label-unrated:before{font-size:calc(var(--fontSize)*var(--fdRating_Indicator_View_Mode_Unselected_Icon_Size_Ratio))}.fd-rating-indicator[class*=fd-rating-indicator--] .fd-rating-indicator__input--zero-rating,.fd-rating-indicator[class*=fd-rating-indicator--] .fd-rating-indicator__label--zero-rating,.fd-rating-indicator__input--zero-rating,.fd-rating-indicator__label--zero-rating{margin-block:0;margin-inline:0;opacity:.0001;overflow:hidden;padding-block:0;padding-inline:0;width:0}.fd-rating-indicator__popover{padding:.5rem 0!important}.fd-rating-indicator__popover .fd-rating-indicator__sum-row{display:flex;align-items:center;padding:.5rem 1rem;margin:0}.fd-rating-indicator__popover .fd-rating-indicator__sum-row .fd-rating-indicator__container{margin-right:.5rem}\n/*! Bundled license information:\n\nfundamental-styles/dist/rating-indicator.css:\n (*!\n * Fundamental Library Styles v0.41.8\n * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: PopoverTriggerDirective, selector: "[fdPopoverTrigger], [fd-popover-trigger]", inputs: ["fdPopoverTrigger"] }, { kind: "component", type: PopoverComponent, selector: "fd-popover", inputs: ["config", "title", "trigger", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll", "placement", "maxWidth", "fillControlMode", "closeOnOutsideClick", "closeOnEscapeKey", "disabled", "triggers", "focusTrapped", "focusAutoCapture", "restoreFocusOnClose", "noArrow", "disableScrollbar", "appendTo", "placementContainer", "scrollStrategy", "cdkPositions", "applyOverlay", "additionalBodyClass", "additionalTriggerClass", "closeOnNavigation", "fixedPosition", "resizable", "bodyAriaLabel", "bodyRole", "bodyAriaLabelledBy", "isOpen"], outputs: ["triggerChange", "isOpenChange", "beforeOpen"] }, { kind: "pipe", type: RatingStarLabelPipe, name: "ratingStarLabel" }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
351
373
  }
352
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: RatingIndicatorComponent, decorators: [{
374
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RatingIndicatorComponent, decorators: [{
353
375
  type: Component,
354
376
  args: [{ selector: 'fd-rating-indicator', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
355
377
  {
@@ -371,11 +393,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
371
393
  * Use direct import of `RatingIndicatorComponent`
372
394
  */
373
395
  class RatingIndicatorModule {
374
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: RatingIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
375
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.0", ngImport: i0, type: RatingIndicatorModule, imports: [RatingIndicatorComponent, RatingStarLabelPipe], exports: [RatingIndicatorComponent, RatingStarLabelPipe] }); }
376
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: RatingIndicatorModule, imports: [RatingIndicatorComponent] }); }
396
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RatingIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
397
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: RatingIndicatorModule, imports: [RatingIndicatorComponent, RatingStarLabelPipe], exports: [RatingIndicatorComponent, RatingStarLabelPipe] }); }
398
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RatingIndicatorModule, imports: [RatingIndicatorComponent] }); }
377
399
  }
378
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: RatingIndicatorModule, decorators: [{
400
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RatingIndicatorModule, decorators: [{
379
401
  type: NgModule,
380
402
  args: [{
381
403
  imports: [RatingIndicatorComponent, RatingStarLabelPipe],