@fundamental-ngx/core 0.63.2-rc.4 → 0.63.2-rc.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/fundamental-ngx-core-action-bar.mjs +27 -26
- package/fesm2022/fundamental-ngx-core-action-bar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-action-sheet.mjs +25 -22
- package/fesm2022/fundamental-ngx-core-action-sheet.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-avatar-group-legacy.mjs +35 -31
- package/fesm2022/fundamental-ngx-core-avatar-group-legacy.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-avatar-group.mjs +52 -43
- package/fesm2022/fundamental-ngx-core-avatar-group.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-avatar.mjs +67 -43
- package/fesm2022/fundamental-ngx-core-avatar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-bar.mjs +50 -41
- package/fesm2022/fundamental-ngx-core-bar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-breadcrumb.mjs +18 -14
- package/fesm2022/fundamental-ngx-core-breadcrumb.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-busy-indicator.mjs +34 -23
- package/fesm2022/fundamental-ngx-core-busy-indicator.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-button.mjs +56 -37
- package/fesm2022/fundamental-ngx-core-button.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-calendar.mjs +87 -62
- package/fesm2022/fundamental-ngx-core-calendar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-card.mjs +264 -188
- package/fesm2022/fundamental-ngx-core-card.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-carousel.mjs +35 -26
- package/fesm2022/fundamental-ngx-core-carousel.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-checkbox.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-combobox.mjs +19 -18
- package/fesm2022/fundamental-ngx-core-combobox.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-content-density.mjs +46 -36
- package/fesm2022/fundamental-ngx-core-content-density.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-date-picker.mjs +13 -13
- package/fesm2022/fundamental-ngx-core-date-picker.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-datetime-picker.mjs +15 -14
- package/fesm2022/fundamental-ngx-core-datetime-picker.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-datetime.mjs +32 -31
- package/fesm2022/fundamental-ngx-core-datetime.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-dialog.mjs +116 -89
- package/fesm2022/fundamental-ngx-core-dialog.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-dynamic-page.mjs +100 -77
- package/fesm2022/fundamental-ngx-core-dynamic-page.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-dynamic-side-content.mjs +13 -13
- package/fesm2022/fundamental-ngx-core-facets.mjs +24 -20
- package/fesm2022/fundamental-ngx-core-facets.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-feed-input.mjs +18 -17
- package/fesm2022/fundamental-ngx-core-feed-input.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-feed-list-item.mjs +22 -22
- package/fesm2022/fundamental-ngx-core-file-uploader.mjs +16 -16
- package/fesm2022/fundamental-ngx-core-fixed-card-layout.mjs +17 -15
- package/fesm2022/fundamental-ngx-core-fixed-card-layout.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-flexible-column-layout.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-form.mjs +74 -74
- package/fesm2022/fundamental-ngx-core-form.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-formatted-text.mjs +17 -12
- package/fesm2022/fundamental-ngx-core-formatted-text.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-generic-tag.mjs +19 -13
- package/fesm2022/fundamental-ngx-core-generic-tag.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-grid-list.mjs +56 -51
- package/fesm2022/fundamental-ngx-core-grid-list.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-icon.mjs +33 -20
- package/fesm2022/fundamental-ngx-core-icon.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-illustrated-message.mjs +42 -31
- package/fesm2022/fundamental-ngx-core-illustrated-message.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-infinite-scroll.mjs +11 -9
- package/fesm2022/fundamental-ngx-core-infinite-scroll.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-info-label.mjs +29 -18
- package/fesm2022/fundamental-ngx-core-info-label.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-inline-help.mjs +35 -25
- package/fesm2022/fundamental-ngx-core-inline-help.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-input-group.mjs +21 -21
- package/fesm2022/fundamental-ngx-core-input-group.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-layout-grid.mjs +40 -27
- package/fesm2022/fundamental-ngx-core-layout-grid.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-layout-panel.mjs +41 -37
- package/fesm2022/fundamental-ngx-core-layout-panel.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-link.mjs +24 -19
- package/fesm2022/fundamental-ngx-core-link.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-list.mjs +100 -91
- package/fesm2022/fundamental-ngx-core-list.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-menu.mjs +125 -101
- package/fesm2022/fundamental-ngx-core-menu.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-message-box.mjs +39 -38
- package/fesm2022/fundamental-ngx-core-message-box.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-message-page.mjs +19 -19
- package/fesm2022/fundamental-ngx-core-message-strip.mjs +79 -55
- package/fesm2022/fundamental-ngx-core-message-strip.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-message-toast.mjs +17 -17
- package/fesm2022/fundamental-ngx-core-message-toast.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-micro-process-flow.mjs +21 -20
- package/fesm2022/fundamental-ngx-core-micro-process-flow.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-mobile-mode.mjs +3 -3
- package/fesm2022/fundamental-ngx-core-multi-combobox.mjs +98 -66
- package/fesm2022/fundamental-ngx-core-multi-combobox.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-multi-input.mjs +27 -21
- package/fesm2022/fundamental-ngx-core-multi-input.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-nested-list.mjs +46 -43
- package/fesm2022/fundamental-ngx-core-nested-list.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-notification.mjs +178 -132
- package/fesm2022/fundamental-ngx-core-notification.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-object-attribute.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-object-identifier.mjs +24 -17
- package/fesm2022/fundamental-ngx-core-object-identifier.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-object-marker.mjs +41 -24
- package/fesm2022/fundamental-ngx-core-object-marker.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-object-number.mjs +33 -21
- package/fesm2022/fundamental-ngx-core-object-number.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-object-status.mjs +41 -26
- package/fesm2022/fundamental-ngx-core-object-status.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-overflow-layout.mjs +33 -32
- package/fesm2022/fundamental-ngx-core-overflow-layout.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-pagination.mjs +10 -10
- package/fesm2022/fundamental-ngx-core-pagination.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-panel.mjs +51 -35
- package/fesm2022/fundamental-ngx-core-panel.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-popover.mjs +267 -164
- package/fesm2022/fundamental-ngx-core-popover.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-product-switch.mjs +46 -32
- package/fesm2022/fundamental-ngx-core-product-switch.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-progress-indicator.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-quick-view.mjs +47 -44
- package/fesm2022/fundamental-ngx-core-quick-view.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-radio.mjs +8 -8
- package/fesm2022/fundamental-ngx-core-radio.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-rating-indicator.mjs +61 -39
- package/fesm2022/fundamental-ngx-core-rating-indicator.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-resizable-card-layout.mjs +12 -11
- package/fesm2022/fundamental-ngx-core-resizable-card-layout.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-scroll-spy.mjs +17 -12
- package/fesm2022/fundamental-ngx-core-scroll-spy.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-scrollbar.mjs +14 -12
- package/fesm2022/fundamental-ngx-core-scrollbar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-segmented-button.mjs +9 -8
- package/fesm2022/fundamental-ngx-core-segmented-button.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-select.mjs +22 -21
- package/fesm2022/fundamental-ngx-core-select.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-settings.mjs +70 -60
- package/fesm2022/fundamental-ngx-core-settings.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-shared.mjs +3 -3
- package/fesm2022/fundamental-ngx-core-shellbar.mjs +77 -63
- package/fesm2022/fundamental-ngx-core-shellbar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-side-navigation.mjs +13 -13
- package/fesm2022/fundamental-ngx-core-skeleton.mjs +24 -16
- package/fesm2022/fundamental-ngx-core-skeleton.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-slider.mjs +15 -13
- package/fesm2022/fundamental-ngx-core-slider.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-split-button.mjs +10 -10
- package/fesm2022/fundamental-ngx-core-status-indicator.mjs +62 -35
- package/fesm2022/fundamental-ngx-core-status-indicator.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-step-input.mjs +11 -9
- package/fesm2022/fundamental-ngx-core-step-input.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-switch.mjs +8 -8
- package/fesm2022/fundamental-ngx-core-switch.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-table.mjs +51 -50
- package/fesm2022/fundamental-ngx-core-table.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-tabs.mjs +56 -55
- package/fesm2022/fundamental-ngx-core-tabs.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-text.mjs +29 -19
- package/fesm2022/fundamental-ngx-core-text.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-theming.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-tile.mjs +171 -136
- package/fesm2022/fundamental-ngx-core-tile.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-time-picker.mjs +9 -8
- package/fesm2022/fundamental-ngx-core-time-picker.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-time.mjs +16 -13
- package/fesm2022/fundamental-ngx-core-time.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-timeline.mjs +43 -43
- package/fesm2022/fundamental-ngx-core-title.mjs +12 -10
- package/fesm2022/fundamental-ngx-core-title.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-token.mjs +33 -24
- package/fesm2022/fundamental-ngx-core-token.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-toolbar.mjs +35 -32
- package/fesm2022/fundamental-ngx-core-toolbar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-tree.mjs +41 -36
- package/fesm2022/fundamental-ngx-core-tree.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-upload-collection.mjs +37 -37
- package/fesm2022/fundamental-ngx-core-upload-collection.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-user-menu.mjs +108 -84
- package/fesm2022/fundamental-ngx-core-user-menu.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-vertical-navigation.mjs +20 -17
- package/fesm2022/fundamental-ngx-core-vertical-navigation.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-wizard.mjs +41 -32
- package/fesm2022/fundamental-ngx-core-wizard.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core.mjs +4 -4
- package/package.json +11 -10
- package/schematics/add-styles/index.js +3 -3
- package/schematics/add-styles/index.js.map +1 -1
- package/schematics/add-theming/index.js +1 -1
- package/schematics/add-theming/index.js.map +1 -1
- package/schematics/package.json +7 -0
- package/schematics/tsconfig.json +12 -6
- package/schematics/tsconfig.spec.json +2 -0
- package/schematics/utils/calls-providers-function.js +34 -1
- package/schematics/utils/calls-providers-function.js.map +1 -1
- package/schematics/utils/ng-module-utils.js +34 -1
- package/schematics/utils/ng-module-utils.js.map +1 -1
- package/types/fundamental-ngx-core-avatar-group-legacy.d.ts +1 -0
- package/types/fundamental-ngx-core-carousel.d.ts +2 -0
- package/types/fundamental-ngx-core-list.d.ts +2 -2
- package/types/fundamental-ngx-core-menu.d.ts +4 -4
- package/types/fundamental-ngx-core-notification.d.ts +0 -2
- package/types/fundamental-ngx-core-popover.d.ts +8 -6
- package/types/fundamental-ngx-core-product-switch.d.ts +6 -3
- 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: "
|
|
168
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "
|
|
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: "
|
|
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: "
|
|
249
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
250
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
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: "
|
|
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":";;;;;;;;;;;;;MAEa,yBAAyB,GAAG,IAAI,cAAc,CAAC,wBAAwB;;ACsBpF,IAAI,QAAQ,GAAG,CAAC;MA0BH,oBAAoB,CAAA;AAuB7B;;AAEG;IACH,IACI,QAAQ,CAAC,KAAkB,EAAA;AAC3B,QAAA,IAAI,CAAC,SAAS,GAAG,oBAAoB,CAAC,KAAK,CAAC;IAChD;AAEA,IAAA,IAAI,QAAQ,GAAA;QACR,OAAO,IAAI,CAAC,SAAS;IACzB;AAoBA;;;AAGG;IACH,IACI,aAAa,CAAC,GAAM,EAAA;AACpB,QAAA,IAAI,CAAC,YAAY,GAAG,GAAG;QACvB,IAAI,CAAC,6BAA6B,EAAE;IACxC;;AAmCA,IAAA,IAAI,OAAO,GAAA;AACP,QAAA,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,EAAE;AAC1B,YAAA,OAAO,KAAK;QAChB;AACA,QAAA,OAAO,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC,KAAK;IAC3C;;IAeA,WAAA,CACY,kBAAqC,EACpC,uBAA+C,EAAA;QADhD,IAAA,CAAA,kBAAkB,GAAlB,kBAAkB;QACjB,IAAA,CAAA,uBAAuB,GAAvB,uBAAuB;AAnFpC;;;AAGG;QAEH,IAAA,CAAA,KAAK,GAAe,SAAS;AAE7B;;;AAGG;QAEH,IAAA,CAAA,QAAQ,GAAG,KAAK;;QAIhB,IAAA,CAAA,QAAQ,GAAG,KAAK;AAkBhB;;AAEG;AAEH,QAAA,IAAA,CAAA,EAAE,GAAG,CAAA,SAAA,EAAY,QAAQ,EAAE,EAAE;;QAU7B,IAAA,CAAA,QAAQ,GAAG,KAAK;;QAIhB,IAAA,CAAA,UAAU,GAAG,KAAK;;QAMT,IAAA,CAAA,WAAW,GAAqB,QAAQ;;AAoBzC,QAAA,IAAA,CAAA,cAAc,GAAG,IAAI,YAAY,EAAE;;;AAoC3C,QAAA,IAAA,CAAA,QAAQ,GAAG,CAAC,KAAQ,KAAU,EAAE,CAAC;;AAGjC,QAAA,IAAA,CAAA,SAAS,GAAG,MAAW,EAAE,CAAC;IAjCvB;AAEH;;;AAGG;IAEH,sBAAsB,GAAA;QAClB,OAAO,CAAC,UAAU,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS,GAAG,CAAA,GAAA,EAAM,IAAI,CAAC,KAAK,CAAA,CAAE,GAAG,EAAE,CAAC;IAC3E;;IAGA,WAAW,GAAA;AACP,QAAA,IAAI,CAAC,cAAc,CAAC,WAAW,EAAE;IACrC;;IAGA,WAAW,GAAA;QACP,IAAI,CAAC,sBAAsB,EAAE;QAC7B,IAAI,CAAC,qBAAqB,EAAE;IAChC;;IAGA,eAAe,GAAA;QACX,IAAI,CAAC,sBAAsB,EAAE;QAC7B,IAAI,CAAC,qBAAqB,EAAE;IAChC;;AAUA,IAAA,gBAAgB,CAAC,EAAsB,EAAA;AACnC,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE;IACtB;;AAGA,IAAA,iBAAiB,CAAC,EAAc,EAAA;AAC5B,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;IACvB;;AAGA,IAAA,gBAAgB,CAAC,UAAmB,EAAA;AAChC,QAAA,IAAI,CAAC,QAAQ,GAAG,UAAU;AAC1B,QAAA,IAAI,CAAC,kBAAkB,CAAC,aAAa,EAAE;IAC3C;;AAGA,IAAA,gBAAgB,CAAC,UAAmB,EAAA;AAChC,QAAA,IAAI,CAAC,QAAQ,GAAG,UAAU;AAC1B,QAAA,IAAI,CAAC,kBAAkB,CAAC,aAAa,EAAE;IAC3C;;AAGA,IAAA,UAAU,CAAC,KAAQ,EAAA;AACf,QAAA,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC;IAClC;;;AAKA,IAAA,IAAI,UAAU,GAAA;QACV,OAAO,IAAI,CAAC,YAAY;IAC5B;;AAGA,IAAA,YAAY,CAAC,KAAiC,EAAE,UAAU,GAAG,IAAI,EAAA;QAC7D,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAClC,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;QAChC;QAEA,IAAI,UAAU,EAAE;YACZ,IAAI,CAAC,wBAAwB,EAAE;QACnC;QAEA,KAAK,CAAC,eAAe,EAAE;IAC3B;;AAGA,IAAA,WAAW,CAAC,KAAQ,EAAE,SAAS,GAAG,IAAI,EAAA;AAClC,QAAA,IAAI,CAAC,YAAY,GAAG,KAAK;QAEzB,IAAI,CAAC,6BAA6B,EAAE;AAEpC,QAAA,IAAI,CAAC,kBAAkB,CAAC,aAAa,EAAE;QACvC,IAAI,SAAS,EAAE;AACX,YAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;QACxB;IACJ;;IAGQ,qBAAqB,GAAA;AACzB,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;YACjB;QACJ;AACA,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE;AACzB,YAAA,MAAM,IAAI,KAAK,CAAC,wBAAwB,CAAC;QAC7C;AACA,QAAA,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,EAAE;AAC1B,YAAA,MAAM,IAAI,KAAK,CAAC,yBAAyB,CAAC;QAC9C;IACJ;;IAGQ,wBAAwB,GAAA;AAC5B,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACnB,YAAA,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,KAAK,EAAE;QAC3C;IACJ;;IAGQ,6BAA6B,GAAA;AACjC,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;YACnB,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO;QAC1D;IACJ;8GA9OS,oBAAoB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,aAAA,EAAA,eAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,UAAA,EAAA,YAAA,EAAA,SAAA,EAAA,CAAA,WAAA,EAAA,WAAA,EA0FT,gBAAgB,CAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,UAAA,EAAA,aAAA,EAAA,EAAA,EAAA,SAAA,EA5GzB;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,iBAAiB;AAC1B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,oBAAoB,CAAC;AACnD,gBAAA,KAAK,EAAE;AACV,aAAA;AACD,YAAA;AACI,gBAAA,OAAO,EAAE,yBAAyB;AAClC,gBAAA,WAAW,EAAE;AAChB,aAAA;YACD,uBAAuB,CAAC,oBAAoB,CAAC;AAC7C,YAAA,+BAA+B;AAClC,SAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,cAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC5CL,wuCAqCA,EAAA,MAAA,EAAA,CAAA,8ojBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDWc,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,8FAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,iBAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAE,eAAe,EAAA,IAAA,EAAA,aAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;AAgItC,UAAA,CAAA;IADC,aAAa;;;;AAGb,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,wBAAA,EAAA,IAAA,CAAA;2FAhIQ,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAxBhC,SAAS;+BACI,iBAAiB,EAAA,eAAA,EAGV,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAAA,SAAA,EAC1B;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAE,UAAU,CAAC,0BAA0B,CAAC;AACnD,4BAAA,KAAK,EAAE;AACV,yBAAA;AACD,wBAAA;AACI,4BAAA,OAAO,EAAE,yBAAyB;AAClC,4BAAA,WAAW,EAAA;AACd,yBAAA;AACD,wBAAA,uBAAuB,CAAA,oBAAA,CAAsB;AAC7C,wBAAA,+BAA+B;qBAClC,EAAA,IAAA,EACK;AACF,wBAAA,YAAY,EAAE;AACjB,qBAAA,EAAA,OAAA,EACQ,CAAC,WAAW,EAAE,eAAe,CAAC,EAAA,QAAA,EAAA,wuCAAA,EAAA,MAAA,EAAA,CAAA,8ojBAAA,CAAA,EAAA;;sBAMtC,SAAS;uBAAC,cAAc;;sBAIxB;;sBAIA;;sBAIA;;sBAIA;;sBAMA;;sBAaA;;sBAOA;;sBAIA;;sBAOA;;sBASA;;sBAMA;;sBAMA;;sBAIA;;sBAIA;;sBAIA,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;sBAGrC;;;AE3IL;;;AAGG;MAKU,WAAW,CAAA;8GAAX,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAX,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,YAFV,oBAAoB,EAAE,oBAAoB,CAAA,EAAA,OAAA,EAAA,CAD1C,oBAAoB,EAAE,oBAAoB,CAAA,EAAA,CAAA,CAAA;AAG3C,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,EAAA,OAAA,EAAA,CAFV,oBAAoB,EAAE,oBAAoB,EADpB,oBAAoB,CAAA,EAAA,CAAA,CAAA;;2FAG3C,WAAW,EAAA,UAAA,EAAA,CAAA;kBAJvB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,oBAAoB,EAAE,oBAAoB,CAAC;AACrD,oBAAA,OAAO,EAAE,CAAC,oBAAoB,EAAE,oBAAoB;AACvD,iBAAA;;;ACXD;;AAEG;;;;"}
|
|
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: "
|
|
42
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
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: "
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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',
|
|
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',
|
|
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(),
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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([],
|
|
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()),
|
|
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(),
|
|
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
|
-
},
|
|
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
|
-
},
|
|
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: "
|
|
343
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
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: "
|
|
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: "
|
|
375
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
376
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
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: "
|
|
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],
|