@fundamental-ngx/core 0.40.4-rc.1 → 0.40.4-rc.3

package/fesm2020/fundamental-ngx-core-progress-indicator.mjs

@@ -62,9 +62,9 @@ class ProgressIndicatorComponent {
         this._cdRef.detectChanges();
     }
 }
-ProgressIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: ProgressIndicatorComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-ProgressIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: ProgressIndicatorComponent, selector: "fd-progress-indicator", inputs: { valueText: "valueText", unit: "unit", valueMin: "valueMin", valueMax: "valueMax", valueNow: "valueNow", state: "state", animate: "animate" }, usesOnChanges: true, ngImport: i0, template: "<div\n    class=\"fd-progress-indicator\"\n    tabindex=\"-1\"\n    role=\"progressbar\"\n    [attr.aria-valuemin]=\"valueMin\"\n    [attr.aria-valuenow]=\"valueNow\"\n    [attr.aria-valuemax]=\"valueMax\"\n    [attr.aria-valuetext]=\"valueText\"\n    [attr.aria-label]=\"valueText\"\n    [class]=\"state ? 'fd-progress-indicator--' + state : ''\"\n>\n    <ng-container *ngIf=\"!hasPopover\">\n        <ng-container *ngTemplateOutlet=\"indicatorContainer\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"hasPopover\">\n        <fd-popover [style.width.%]=\"100\" [noArrow]=\"false\" #popover>\n            <fd-popover-control>\n                <ng-container *ngTemplateOutlet=\"indicatorContainer\"></ng-container>\n            </fd-popover-control>\n            <fd-popover-body>\n                <div class=\"fd-popover__wrapper\">\n                    <div class=\"fd-progress-indicator__overflow\">\n                        <span>{{ valueText }}</span>\n                        <span class=\"fd-progress-indicator__overflow-close\" (click)=\"popover.close()\">\n                            <i class=\"sap-icon sap-icon--decline\"></i>\n                        </span>\n                    </div>\n                </div>\n            </fd-popover-body>\n        </fd-popover>\n    </ng-container>\n</div>\n\n<ng-template #indicatorContainer>\n    <div\n        class=\"fd-progress-indicator__container\"\n        *ngIf=\"calculateProgressBarWidth() === 0 || calculateProgressBarWidth() as progressBarWidth\"\n    >\n        <div\n            *ngIf=\"progressBarWidth > 0\"\n            class=\"fd-progress-indicator__progress-bar\"\n            [class.fd-progress-indicator__progress-bar--animated]=\"animate\"\n            [style.min-width.%]=\"progressBarWidth\"\n            [style.width.%]=\"progressBarWidth\"\n        >\n            <ng-container *ngIf=\"progressBarWidth > 50\">\n                <ng-template [ngTemplateOutlet]=\"progressBarLabel\"></ng-template>\n            </ng-container>\n        </div>\n        <div class=\"fd-progress-indicator__remaining\" [style.min-width]=\"0\">\n            <ng-container *ngIf=\"progressBarWidth <= 50\">\n                <ng-template [ngTemplateOutlet]=\"progressBarLabel\"></ng-template>\n            </ng-container>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #progressBarLabel>\n    <span class=\"fd-progress-indicator__icon\" *ngIf=\"state\"></span>\n    <span class=\"fd-progress-indicator__label\" *ngIf=\"!valueText\"> {{ valueNow }}% </span>\n    <span class=\"fd-progress-indicator__label\" *ngIf=\"valueText\">\n        {{ valueText }}\n    </span>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-progress-indicator{--rootMargin:.5rem 0;--progressBarBackground:var(--fdProgress_Indicator_Background_Color_Neutral);--progressBarBorderColor:var(--fdProgress_Indicator_Progress_Bar_Border_Color_Neutral,transparent);--progressBarBorderRightColor:var(--fdProgress_Indicator_Border_Right_Color,var(--progressBarBorderColor));--containerBackground:var(--fdProgress_Indicator_Container_Background_Neutral,var(--sapField_Background));--containerBorderColor:var(--fdProgress_Indicator_Container_Border_Neutral,var(--sapField_BorderColor));--iconDisplay:none;--iconContent:\"\";--labelMarginStart:var(--fdProgress_Indicator_Label_Margin_Start);--labelMarginEnd:var(--fdProgress_Indicator_Label_Margin_End);-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdProgress_Indicator_Height);line-height:var(--sapContent_LineHeight);margin:0;margin:var(--rootMargin);padding:0;padding:var(--fdProgress_Indicator_Container_Margin);width:100%}.fd-progress-indicator:after,.fd-progress-indicator:before{box-sizing:inherit;font-size:inherit}.fd-progress-indicator.fd-popover{margin:var(--rootMargin)}.fd-progress-indicator--mobile{--rootMargin:.875rem 0}.fd-progress-indicator--display,.fd-progress-indicator--display.fd-popover{margin:0}.fd-progress-indicator--informative{--progressBarBackground:var(--fdProgress_Indicator_Background_Color_Informative);--progressBarBorderColor:var(--fdProgress_Indicator_Progress_Bar_Border_Color_Informative,transparent);--containerBackground:var(--fdProgress_Indicator_Container_Background_Informative,var(--sapField_Background));--containerBorderColor:var(--fdProgress_Indicator_Container_Border_Informative,var(--sapField_BorderColor));--iconContent:var(--fdProgress_Icon_Informative);--iconDisplay:inline;--iconColor:var(--fdProgress_Icon_Color_Informative,var(--fdProgress_Indicator_Label_Color));--labelMarginStart:0}.fd-progress-indicator--positive{--progressBarBackground:var(--fdProgress_Indicator_Background_Color_Positive);--progressBarBorderColor:var(--fdProgress_Indicator_Progress_Bar_Border_Color_Positive,transparent);--containerBackground:var(--fdProgress_Indicator_Container_Background_Positive,var(--sapField_Background));--containerBorderColor:var(--fdProgress_Indicator_Container_Border_Positive,var(--sapField_BorderColor));--iconContent:var(--fdProgress_Icon_Positive);--iconDisplay:inline;--iconColor:var(--fdProgress_Icon_Color_Positive,var(--fdProgress_Indicator_Label_Color));--labelMarginStart:0}.fd-progress-indicator--negative{--progressBarBackground:var(--fdProgress_Indicator_Background_Color_Negative);--progressBarBorderColor:var(--fdProgress_Indicator_Progress_Bar_Border_Color_Negative,transparent);--containerBackground:var(--fdProgress_Indicator_Container_Background_Negative,var(--sapField_Background));--containerBorderColor:var(--fdProgress_Indicator_Container_Border_Negative,var(--sapField_BorderColor));--iconContent:var(--fdProgress_Icon_Negative);--iconDisplay:inline;--iconColor:var(--fdProgress_Icon_Color_Negative,var(--fdProgress_Indicator_Label_Color));--labelMarginStart:0}.fd-progress-indicator--critical{--progressBarBackground:var(--fdProgress_Indicator_Background_Color_Critical);--progressBarBorderColor:var(--fdProgress_Indicator_Progress_Bar_Border_Color_Critical,transparent);--containerBackground:var(--fdProgress_Indicator_Container_Background_Critical,var(--sapField_Background));--containerBorderColor:var(--fdProgress_Indicator_Container_Border_Critical,var(--sapField_BorderColor));--iconContent:var(--fdProgress_Icon_Critical);--iconDisplay:inline;--iconColor:var(--fdProgress_Icon_Color_Critical,var(--fdProgress_Indicator_Label_Color));--labelMarginStart:0}.fd-progress-indicator__container{-webkit-box-sizing:border-box;background:var(--containerBackground);border:0;border:.0625rem solid var(--containerBorderColor);border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdProgress_Indicator_Container_Height);line-height:var(--sapContent_LineHeight);margin:0;min-height:var(--fdProgress_Indicator_Container_Height);min-width:4rem;overflow:var(--fdProgress_Indicator_Container_Overflow);padding:0;position:var(--fdProgress_Indicator_Container_Position, static);width:var(--fdProgress_Indicator_Container_Width)}.fd-progress-indicator__container:after,.fd-progress-indicator__container:before{-webkit-box-sizing:inherit;background-color:var(--progressBarBackground);border-radius:50%;box-sizing:inherit;content:\"\";display:var(--fdProgress_Indicator_Progress_Bar_Boundary_Display, none);font-size:inherit;height:.25rem;position:absolute;top:0;width:.25rem}.fd-progress-indicator__container:before{left:0}.fd-progress-indicator__container:after{right:0}.fd-progress-indicator[aria-valuenow=\"0\"] .fd-progress-indicator__progress-bar{border:none}.fd-progress-indicator[aria-valuenow=\"100\"] .fd-progress-indicator__progress-bar{right:var(--fdProgress_Indicator_Progress_Bar_Position_Left);width:auto!important}.fd-progress-indicator[aria-valuenow=\"100\"] .fd-progress-indicator__progress-bar[dir=rtl],.fd-progress-indicator__progress-bar,[dir=rtl] .fd-progress-indicator[aria-valuenow=\"100\"] .fd-progress-indicator__progress-bar{left:var(--fdProgress_Indicator_Progress_Bar_Position_Left)}.fd-progress-indicator__progress-bar{-webkit-box-sizing:border-box;-webkit-box-pack:end;-ms-flex-pack:end;background:var(--progressBarBackground);border:0;border:var(--fdProgress_Indicator_Progress_Bar_Border) var(--progressBarBorderColor);border-radius:var(--fdProgress_Indicator_Progress_Bar_Border_Radius);border-right:var(--fdProgress_Indicator_Border_Right) var(--progressBarBorderRightColor);bottom:var(--fdProgress_Indicator_Progress_Bar_Position_Bottom);box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdProgress_Indicator_Progress_Bar_Height);justify-content:flex-end;line-height:var(--sapContent_LineHeight);margin:0;margin:var(--fdProgress_Indicator_Progress_Bar_Margin);padding:0;position:var(--fdProgress_Indicator_Progress_Bar_Position, static)}.fd-progress-indicator__progress-bar:after,.fd-progress-indicator__progress-bar:before{box-sizing:inherit;font-size:inherit}.fd-progress-indicator__progress-bar.fd-popover__control{border:var(--fdProgress_Indicator_Progress_Bar_Popover_Control_Border, 0 solid) var(--progressBarBorderColor);position:var(--fdProgress_Indicator_Progress_Bar_Position, relative)}.fd-progress-indicator__progress-bar .fd-progress-indicator__label{color:var(--fdProgress_Indicator_Label_Color_Contrast)}.fd-progress-indicator__progress-bar[dir=rtl],[dir=rtl] .fd-progress-indicator__progress-bar{border:var(--fdProgress_Indicator_Progress_Bar_Border) var(--progressBarBorderColor);border-left:var(--fdProgress_Indicator_Border_Right) var(--progressBarBorderRightColor);border-right:none;left:auto;right:var(--fdProgress_Indicator_Progress_Bar_Position_Left)}.fd-progress-indicator__remaining{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-progress-indicator__remaining:after,.fd-progress-indicator__remaining:before{box-sizing:inherit;font-size:inherit}.fd-progress-indicator__remaining.fd-popover__control{flex-grow:1;min-width:0}.fd-progress-indicator__icon{bottom:-.625rem;display:var(--iconDisplay);margin-left:var(--fdProgress_Indicator_Label_Margin_Start);margin-right:var(--fdProgress_Icon_Space_Before_Label);position:var(--fdProgress_Indicator_Icon_Position, static);right:-1.25rem}.fd-progress-indicator__icon[dir=rtl],[dir=rtl] .fd-progress-indicator__icon{left:-1.25rem;margin-left:var(--fdProgress_Icon_Space_Before_Label);margin-right:var(--fdProgress_Indicator_Label_Margin_Start);right:auto}.fd-progress-indicator__icon:before{color:var(--iconColor);content:var(--iconContent);font-family:SAP-icons;font-size:var(--fdProgress_Indicator_Icon_Font_Size);vertical-align:middle}.fd-progress-indicator__icon+.fd-progress-indicator__label{margin-left:0}.fd-progress-indicator__icon+.fd-progress-indicator__label[dir=rtl],[dir=rtl] .fd-progress-indicator__icon+.fd-progress-indicator__label{margin-left:inherit;margin-right:0}.fd-progress-indicator__label{-webkit-box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdProgress_Indicator_Label_Color);display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdProgress_Indicator_Label_Font_Size);font-weight:400;forced-color-adjust:none;left:0;line-height:var(--sapContent_LineHeight);line-height:normal;margin:0;margin-left:var(--labelMarginStart);margin-right:var(--labelMarginEnd);max-width:100%;overflow:hidden;padding:0;position:var(--fdProgress_Indicator_Label_Position, static);text-overflow:ellipsis;top:-1.25rem;user-select:none;white-space:nowrap}.fd-progress-indicator__label:after,.fd-progress-indicator__label:before{box-sizing:inherit;font-size:inherit}.fd-progress-indicator__label[dir=rtl],[dir=rtl] .fd-progress-indicator__label{left:auto;margin-left:var(--labelMarginEnd);margin-right:var(--labelMarginStart);right:0}.fd-progress-indicator__overflow{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;max-width:95vw;overflow:hidden;padding:0 0 0 .5rem;white-space:normal}.fd-progress-indicator__overflow:after,.fd-progress-indicator__overflow:before{box-sizing:inherit;font-size:inherit}.fd-progress-indicator__overflow[dir=rtl],[dir=rtl] .fd-progress-indicator__overflow{padding-left:0;padding-right:.5rem}.fd-progress-indicator__overflow-close{-webkit-box-sizing:border-box;background:transparent;border:0;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1.375rem;line-height:var(--sapContent_LineHeight);line-height:1.6rem;margin:.125rem;padding:0;text-align:center;width:1.4375rem}.fd-progress-indicator__overflow-close:after,.fd-progress-indicator__overflow-close:before{box-sizing:inherit;font-size:inherit}.fd-progress-indicator__overflow-close[dir=rtl],[dir=rtl] .fd-progress-indicator__overflow-close{margin-left:0;margin-right:.5rem}.fd-progress-indicator__overflow-close.is-focus,.fd-progress-indicator__overflow-close:focus{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);z-index:5}.fd-progress-indicator__overflow-close [class*=sap-icon]{color:var(--sapContent_IconColor);font-size:var(--sapFontSmallSize)}.fd-progress-indicator__progress-bar--animated{transition:min-width .5s ease-in-out,width .5s ease-in-out}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i2.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: ProgressIndicatorComponent, decorators: [{
+ProgressIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ProgressIndicatorComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+ProgressIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: ProgressIndicatorComponent, selector: "fd-progress-indicator", inputs: { valueText: "valueText", unit: "unit", valueMin: "valueMin", valueMax: "valueMax", valueNow: "valueNow", state: "state", animate: "animate" }, usesOnChanges: true, ngImport: i0, template: "<div\n    class=\"fd-progress-indicator\"\n    tabindex=\"-1\"\n    role=\"progressbar\"\n    [attr.aria-valuemin]=\"valueMin\"\n    [attr.aria-valuenow]=\"valueNow\"\n    [attr.aria-valuemax]=\"valueMax\"\n    [attr.aria-valuetext]=\"valueText\"\n    [attr.aria-label]=\"valueText\"\n    [class]=\"state ? 'fd-progress-indicator--' + state : ''\"\n>\n    <ng-container *ngIf=\"!hasPopover\">\n        <ng-container *ngTemplateOutlet=\"indicatorContainer\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"hasPopover\">\n        <fd-popover [style.width.%]=\"100\" [noArrow]=\"false\" #popover>\n            <fd-popover-control>\n                <ng-container *ngTemplateOutlet=\"indicatorContainer\"></ng-container>\n            </fd-popover-control>\n            <fd-popover-body>\n                <div class=\"fd-popover__wrapper\">\n                    <div class=\"fd-progress-indicator__overflow\">\n                        <span>{{ valueText }}</span>\n                        <span class=\"fd-progress-indicator__overflow-close\" (click)=\"popover.close()\">\n                            <i class=\"sap-icon sap-icon--decline\"></i>\n                        </span>\n                    </div>\n                </div>\n            </fd-popover-body>\n        </fd-popover>\n    </ng-container>\n</div>\n\n<ng-template #indicatorContainer>\n    <div\n        class=\"fd-progress-indicator__container\"\n        *ngIf=\"calculateProgressBarWidth() === 0 || calculateProgressBarWidth() as progressBarWidth\"\n    >\n        <div\n            *ngIf=\"progressBarWidth > 0\"\n            class=\"fd-progress-indicator__progress-bar\"\n            [class.fd-progress-indicator__progress-bar--animated]=\"animate\"\n            [style.min-width.%]=\"progressBarWidth\"\n            [style.width.%]=\"progressBarWidth\"\n        >\n            <ng-container *ngIf=\"progressBarWidth > 50\">\n                <ng-template [ngTemplateOutlet]=\"progressBarLabel\"></ng-template>\n            </ng-container>\n        </div>\n        <div class=\"fd-progress-indicator__remaining\" [style.min-width]=\"0\">\n            <ng-container *ngIf=\"progressBarWidth <= 50\">\n                <ng-template [ngTemplateOutlet]=\"progressBarLabel\"></ng-template>\n            </ng-container>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #progressBarLabel>\n    <span class=\"fd-progress-indicator__icon\" *ngIf=\"state\"></span>\n    <span class=\"fd-progress-indicator__label\" *ngIf=\"!valueText\"> {{ valueNow }}% </span>\n    <span class=\"fd-progress-indicator__label\" *ngIf=\"valueText\">\n        {{ valueText }}\n    </span>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-progress-indicator{--rootMargin:.5rem 0;--progressBarBackground:var(--fdProgress_Indicator_Background_Color_Neutral);--progressBarBorderColor:var(--fdProgress_Indicator_Progress_Bar_Border_Color_Neutral,transparent);--progressBarBorderRightColor:var(--fdProgress_Indicator_Border_Right_Color,var(--progressBarBorderColor));--containerBackground:var(--fdProgress_Indicator_Container_Background_Neutral,var(--sapField_Background));--containerBorderColor:var(--fdProgress_Indicator_Container_Border_Neutral,var(--sapField_BorderColor));--iconDisplay:none;--iconContent:\"\";--labelMarginStart:var(--fdProgress_Indicator_Label_Margin_Start);--labelMarginEnd:var(--fdProgress_Indicator_Label_Margin_End);-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdProgress_Indicator_Height);line-height:var(--sapContent_LineHeight);margin:0;margin:var(--rootMargin);padding:0;padding:var(--fdProgress_Indicator_Container_Margin);width:100%}.fd-progress-indicator:after,.fd-progress-indicator:before{box-sizing:inherit;font-size:inherit}.fd-progress-indicator.fd-popover{margin:var(--rootMargin)}.fd-progress-indicator--mobile{--rootMargin:.875rem 0}.fd-progress-indicator--display,.fd-progress-indicator--display.fd-popover{margin:0}.fd-progress-indicator--informative{--progressBarBackground:var(--fdProgress_Indicator_Background_Color_Informative);--progressBarBorderColor:var(--fdProgress_Indicator_Progress_Bar_Border_Color_Informative,transparent);--containerBackground:var(--fdProgress_Indicator_Container_Background_Informative,var(--sapField_Background));--containerBorderColor:var(--fdProgress_Indicator_Container_Border_Informative,var(--sapField_BorderColor));--iconContent:var(--fdProgress_Icon_Informative);--iconDisplay:inline;--iconColor:var(--fdProgress_Icon_Color_Informative,var(--fdProgress_Indicator_Label_Color));--labelMarginStart:0}.fd-progress-indicator--positive{--progressBarBackground:var(--fdProgress_Indicator_Background_Color_Positive);--progressBarBorderColor:var(--fdProgress_Indicator_Progress_Bar_Border_Color_Positive,transparent);--containerBackground:var(--fdProgress_Indicator_Container_Background_Positive,var(--sapField_Background));--containerBorderColor:var(--fdProgress_Indicator_Container_Border_Positive,var(--sapField_BorderColor));--iconContent:var(--fdProgress_Icon_Positive);--iconDisplay:inline;--iconColor:var(--fdProgress_Icon_Color_Positive,var(--fdProgress_Indicator_Label_Color));--labelMarginStart:0}.fd-progress-indicator--negative{--progressBarBackground:var(--fdProgress_Indicator_Background_Color_Negative);--progressBarBorderColor:var(--fdProgress_Indicator_Progress_Bar_Border_Color_Negative,transparent);--containerBackground:var(--fdProgress_Indicator_Container_Background_Negative,var(--sapField_Background));--containerBorderColor:var(--fdProgress_Indicator_Container_Border_Negative,var(--sapField_BorderColor));--iconContent:var(--fdProgress_Icon_Negative);--iconDisplay:inline;--iconColor:var(--fdProgress_Icon_Color_Negative,var(--fdProgress_Indicator_Label_Color));--labelMarginStart:0}.fd-progress-indicator--critical{--progressBarBackground:var(--fdProgress_Indicator_Background_Color_Critical);--progressBarBorderColor:var(--fdProgress_Indicator_Progress_Bar_Border_Color_Critical,transparent);--containerBackground:var(--fdProgress_Indicator_Container_Background_Critical,var(--sapField_Background));--containerBorderColor:var(--fdProgress_Indicator_Container_Border_Critical,var(--sapField_BorderColor));--iconContent:var(--fdProgress_Icon_Critical);--iconDisplay:inline;--iconColor:var(--fdProgress_Icon_Color_Critical,var(--fdProgress_Indicator_Label_Color));--labelMarginStart:0}.fd-progress-indicator__container{-webkit-box-sizing:border-box;background:var(--containerBackground);border:0;border:.0625rem solid var(--containerBorderColor);border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdProgress_Indicator_Container_Height);line-height:var(--sapContent_LineHeight);margin:0;min-height:var(--fdProgress_Indicator_Container_Height);min-width:4rem;overflow:var(--fdProgress_Indicator_Container_Overflow);padding:0;position:var(--fdProgress_Indicator_Container_Position, static);width:var(--fdProgress_Indicator_Container_Width)}.fd-progress-indicator__container:after,.fd-progress-indicator__container:before{-webkit-box-sizing:inherit;background-color:var(--progressBarBackground);border-radius:50%;box-sizing:inherit;content:\"\";display:var(--fdProgress_Indicator_Progress_Bar_Boundary_Display, none);font-size:inherit;height:.25rem;position:absolute;top:0;width:.25rem}.fd-progress-indicator__container:before{left:0}.fd-progress-indicator__container:after{right:0}.fd-progress-indicator[aria-valuenow=\"0\"] .fd-progress-indicator__progress-bar{border:none}.fd-progress-indicator[aria-valuenow=\"100\"] .fd-progress-indicator__progress-bar{right:var(--fdProgress_Indicator_Progress_Bar_Position_Left);width:auto!important}.fd-progress-indicator[aria-valuenow=\"100\"] .fd-progress-indicator__progress-bar[dir=rtl],.fd-progress-indicator__progress-bar,[dir=rtl] .fd-progress-indicator[aria-valuenow=\"100\"] .fd-progress-indicator__progress-bar{left:var(--fdProgress_Indicator_Progress_Bar_Position_Left)}.fd-progress-indicator__progress-bar{-webkit-box-sizing:border-box;-webkit-box-pack:end;-ms-flex-pack:end;background:var(--progressBarBackground);border:0;border:var(--fdProgress_Indicator_Progress_Bar_Border) var(--progressBarBorderColor);border-radius:var(--fdProgress_Indicator_Progress_Bar_Border_Radius);border-right:var(--fdProgress_Indicator_Border_Right) var(--progressBarBorderRightColor);bottom:var(--fdProgress_Indicator_Progress_Bar_Position_Bottom);box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdProgress_Indicator_Progress_Bar_Height);justify-content:flex-end;line-height:var(--sapContent_LineHeight);margin:0;margin:var(--fdProgress_Indicator_Progress_Bar_Margin);padding:0;position:var(--fdProgress_Indicator_Progress_Bar_Position, static)}.fd-progress-indicator__progress-bar:after,.fd-progress-indicator__progress-bar:before{box-sizing:inherit;font-size:inherit}.fd-progress-indicator__progress-bar.fd-popover__control{border:var(--fdProgress_Indicator_Progress_Bar_Popover_Control_Border, 0 solid) var(--progressBarBorderColor);position:var(--fdProgress_Indicator_Progress_Bar_Position, relative)}.fd-progress-indicator__progress-bar .fd-progress-indicator__label{color:var(--fdProgress_Indicator_Label_Color_Contrast)}.fd-progress-indicator__progress-bar[dir=rtl],[dir=rtl] .fd-progress-indicator__progress-bar{border:var(--fdProgress_Indicator_Progress_Bar_Border) var(--progressBarBorderColor);border-left:var(--fdProgress_Indicator_Border_Right) var(--progressBarBorderRightColor);border-right:none;left:auto;right:var(--fdProgress_Indicator_Progress_Bar_Position_Left)}.fd-progress-indicator__remaining{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-progress-indicator__remaining:after,.fd-progress-indicator__remaining:before{box-sizing:inherit;font-size:inherit}.fd-progress-indicator__remaining.fd-popover__control{flex-grow:1;min-width:0}.fd-progress-indicator__icon{bottom:-.625rem;display:var(--iconDisplay);margin-left:var(--fdProgress_Indicator_Label_Margin_Start);margin-right:var(--fdProgress_Icon_Space_Before_Label);position:var(--fdProgress_Indicator_Icon_Position, static);right:-1.25rem}.fd-progress-indicator__icon[dir=rtl],[dir=rtl] .fd-progress-indicator__icon{left:-1.25rem;margin-left:var(--fdProgress_Icon_Space_Before_Label);margin-right:var(--fdProgress_Indicator_Label_Margin_Start);right:auto}.fd-progress-indicator__icon:before{color:var(--iconColor);content:var(--iconContent);font-family:SAP-icons;font-size:var(--fdProgress_Indicator_Icon_Font_Size);vertical-align:middle}.fd-progress-indicator__icon+.fd-progress-indicator__label{margin-left:0}.fd-progress-indicator__icon+.fd-progress-indicator__label[dir=rtl],[dir=rtl] .fd-progress-indicator__icon+.fd-progress-indicator__label{margin-left:inherit;margin-right:0}.fd-progress-indicator__label{-webkit-box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdProgress_Indicator_Label_Color);display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdProgress_Indicator_Label_Font_Size);font-weight:400;forced-color-adjust:none;left:0;line-height:var(--sapContent_LineHeight);line-height:normal;margin:0;margin-left:var(--labelMarginStart);margin-right:var(--labelMarginEnd);max-width:100%;overflow:hidden;padding:0;position:var(--fdProgress_Indicator_Label_Position, static);text-overflow:ellipsis;top:-1.25rem;user-select:none;white-space:nowrap}.fd-progress-indicator__label:after,.fd-progress-indicator__label:before{box-sizing:inherit;font-size:inherit}.fd-progress-indicator__label[dir=rtl],[dir=rtl] .fd-progress-indicator__label{left:auto;margin-left:var(--labelMarginEnd);margin-right:var(--labelMarginStart);right:0}.fd-progress-indicator__overflow{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;max-width:95vw;overflow:hidden;padding:0 0 0 .5rem;white-space:normal}.fd-progress-indicator__overflow:after,.fd-progress-indicator__overflow:before{box-sizing:inherit;font-size:inherit}.fd-progress-indicator__overflow[dir=rtl],[dir=rtl] .fd-progress-indicator__overflow{padding-left:0;padding-right:.5rem}.fd-progress-indicator__overflow-close{-webkit-box-sizing:border-box;background:transparent;border:0;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1.375rem;line-height:var(--sapContent_LineHeight);line-height:1.6rem;margin:.125rem;padding:0;text-align:center;width:1.4375rem}.fd-progress-indicator__overflow-close:after,.fd-progress-indicator__overflow-close:before{box-sizing:inherit;font-size:inherit}.fd-progress-indicator__overflow-close[dir=rtl],[dir=rtl] .fd-progress-indicator__overflow-close{margin-left:0;margin-right:.5rem}.fd-progress-indicator__overflow-close.is-focus,.fd-progress-indicator__overflow-close:focus{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);z-index:5}.fd-progress-indicator__overflow-close [class*=sap-icon]{color:var(--sapContent_IconColor);font-size:var(--sapFontSmallSize)}.fd-progress-indicator__progress-bar--animated{transition:min-width .5s ease-in-out,width .5s ease-in-out}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i2.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ProgressIndicatorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-progress-indicator', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    class=\"fd-progress-indicator\"\n    tabindex=\"-1\"\n    role=\"progressbar\"\n    [attr.aria-valuemin]=\"valueMin\"\n    [attr.aria-valuenow]=\"valueNow\"\n    [attr.aria-valuemax]=\"valueMax\"\n    [attr.aria-valuetext]=\"valueText\"\n    [attr.aria-label]=\"valueText\"\n    [class]=\"state ? 'fd-progress-indicator--' + state : ''\"\n>\n    <ng-container *ngIf=\"!hasPopover\">\n        <ng-container *ngTemplateOutlet=\"indicatorContainer\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"hasPopover\">\n        <fd-popover [style.width.%]=\"100\" [noArrow]=\"false\" #popover>\n            <fd-popover-control>\n                <ng-container *ngTemplateOutlet=\"indicatorContainer\"></ng-container>\n            </fd-popover-control>\n            <fd-popover-body>\n                <div class=\"fd-popover__wrapper\">\n                    <div class=\"fd-progress-indicator__overflow\">\n                        <span>{{ valueText }}</span>\n                        <span class=\"fd-progress-indicator__overflow-close\" (click)=\"popover.close()\">\n                            <i class=\"sap-icon sap-icon--decline\"></i>\n                        </span>\n                    </div>\n                </div>\n            </fd-popover-body>\n        </fd-popover>\n    </ng-container>\n</div>\n\n<ng-template #indicatorContainer>\n    <div\n        class=\"fd-progress-indicator__container\"\n        *ngIf=\"calculateProgressBarWidth() === 0 || calculateProgressBarWidth() as progressBarWidth\"\n    >\n        <div\n            *ngIf=\"progressBarWidth > 0\"\n            class=\"fd-progress-indicator__progress-bar\"\n            [class.fd-progress-indicator__progress-bar--animated]=\"animate\"\n            [style.min-width.%]=\"progressBarWidth\"\n            [style.width.%]=\"progressBarWidth\"\n        >\n            <ng-container *ngIf=\"progressBarWidth > 50\">\n                <ng-template [ngTemplateOutlet]=\"progressBarLabel\"></ng-template>\n            </ng-container>\n        </div>\n        <div class=\"fd-progress-indicator__remaining\" [style.min-width]=\"0\">\n            <ng-container *ngIf=\"progressBarWidth <= 50\">\n                <ng-template [ngTemplateOutlet]=\"progressBarLabel\"></ng-template>\n            </ng-container>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #progressBarLabel>\n    <span class=\"fd-progress-indicator__icon\" *ngIf=\"state\"></span>\n    <span class=\"fd-progress-indicator__label\" *ngIf=\"!valueText\"> {{ valueNow }}% </span>\n    <span class=\"fd-progress-indicator__label\" *ngIf=\"valueText\">\n        {{ valueText }}\n    </span>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-progress-indicator{--rootMargin:.5rem 0;--progressBarBackground:var(--fdProgress_Indicator_Background_Color_Neutral);--progressBarBorderColor:var(--fdProgress_Indicator_Progress_Bar_Border_Color_Neutral,transparent);--progressBarBorderRightColor:var(--fdProgress_Indicator_Border_Right_Color,var(--progressBarBorderColor));--containerBackground:var(--fdProgress_Indicator_Container_Background_Neutral,var(--sapField_Background));--containerBorderColor:var(--fdProgress_Indicator_Container_Border_Neutral,var(--sapField_BorderColor));--iconDisplay:none;--iconContent:\"\";--labelMarginStart:var(--fdProgress_Indicator_Label_Margin_Start);--labelMarginEnd:var(--fdProgress_Indicator_Label_Margin_End);-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdProgress_Indicator_Height);line-height:var(--sapContent_LineHeight);margin:0;margin:var(--rootMargin);padding:0;padding:var(--fdProgress_Indicator_Container_Margin);width:100%}.fd-progress-indicator:after,.fd-progress-indicator:before{box-sizing:inherit;font-size:inherit}.fd-progress-indicator.fd-popover{margin:var(--rootMargin)}.fd-progress-indicator--mobile{--rootMargin:.875rem 0}.fd-progress-indicator--display,.fd-progress-indicator--display.fd-popover{margin:0}.fd-progress-indicator--informative{--progressBarBackground:var(--fdProgress_Indicator_Background_Color_Informative);--progressBarBorderColor:var(--fdProgress_Indicator_Progress_Bar_Border_Color_Informative,transparent);--containerBackground:var(--fdProgress_Indicator_Container_Background_Informative,var(--sapField_Background));--containerBorderColor:var(--fdProgress_Indicator_Container_Border_Informative,var(--sapField_BorderColor));--iconContent:var(--fdProgress_Icon_Informative);--iconDisplay:inline;--iconColor:var(--fdProgress_Icon_Color_Informative,var(--fdProgress_Indicator_Label_Color));--labelMarginStart:0}.fd-progress-indicator--positive{--progressBarBackground:var(--fdProgress_Indicator_Background_Color_Positive);--progressBarBorderColor:var(--fdProgress_Indicator_Progress_Bar_Border_Color_Positive,transparent);--containerBackground:var(--fdProgress_Indicator_Container_Background_Positive,var(--sapField_Background));--containerBorderColor:var(--fdProgress_Indicator_Container_Border_Positive,var(--sapField_BorderColor));--iconContent:var(--fdProgress_Icon_Positive);--iconDisplay:inline;--iconColor:var(--fdProgress_Icon_Color_Positive,var(--fdProgress_Indicator_Label_Color));--labelMarginStart:0}.fd-progress-indicator--negative{--progressBarBackground:var(--fdProgress_Indicator_Background_Color_Negative);--progressBarBorderColor:var(--fdProgress_Indicator_Progress_Bar_Border_Color_Negative,transparent);--containerBackground:var(--fdProgress_Indicator_Container_Background_Negative,var(--sapField_Background));--containerBorderColor:var(--fdProgress_Indicator_Container_Border_Negative,var(--sapField_BorderColor));--iconContent:var(--fdProgress_Icon_Negative);--iconDisplay:inline;--iconColor:var(--fdProgress_Icon_Color_Negative,var(--fdProgress_Indicator_Label_Color));--labelMarginStart:0}.fd-progress-indicator--critical{--progressBarBackground:var(--fdProgress_Indicator_Background_Color_Critical);--progressBarBorderColor:var(--fdProgress_Indicator_Progress_Bar_Border_Color_Critical,transparent);--containerBackground:var(--fdProgress_Indicator_Container_Background_Critical,var(--sapField_Background));--containerBorderColor:var(--fdProgress_Indicator_Container_Border_Critical,var(--sapField_BorderColor));--iconContent:var(--fdProgress_Icon_Critical);--iconDisplay:inline;--iconColor:var(--fdProgress_Icon_Color_Critical,var(--fdProgress_Indicator_Label_Color));--labelMarginStart:0}.fd-progress-indicator__container{-webkit-box-sizing:border-box;background:var(--containerBackground);border:0;border:.0625rem solid var(--containerBorderColor);border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdProgress_Indicator_Container_Height);line-height:var(--sapContent_LineHeight);margin:0;min-height:var(--fdProgress_Indicator_Container_Height);min-width:4rem;overflow:var(--fdProgress_Indicator_Container_Overflow);padding:0;position:var(--fdProgress_Indicator_Container_Position, static);width:var(--fdProgress_Indicator_Container_Width)}.fd-progress-indicator__container:after,.fd-progress-indicator__container:before{-webkit-box-sizing:inherit;background-color:var(--progressBarBackground);border-radius:50%;box-sizing:inherit;content:\"\";display:var(--fdProgress_Indicator_Progress_Bar_Boundary_Display, none);font-size:inherit;height:.25rem;position:absolute;top:0;width:.25rem}.fd-progress-indicator__container:before{left:0}.fd-progress-indicator__container:after{right:0}.fd-progress-indicator[aria-valuenow=\"0\"] .fd-progress-indicator__progress-bar{border:none}.fd-progress-indicator[aria-valuenow=\"100\"] .fd-progress-indicator__progress-bar{right:var(--fdProgress_Indicator_Progress_Bar_Position_Left);width:auto!important}.fd-progress-indicator[aria-valuenow=\"100\"] .fd-progress-indicator__progress-bar[dir=rtl],.fd-progress-indicator__progress-bar,[dir=rtl] .fd-progress-indicator[aria-valuenow=\"100\"] .fd-progress-indicator__progress-bar{left:var(--fdProgress_Indicator_Progress_Bar_Position_Left)}.fd-progress-indicator__progress-bar{-webkit-box-sizing:border-box;-webkit-box-pack:end;-ms-flex-pack:end;background:var(--progressBarBackground);border:0;border:var(--fdProgress_Indicator_Progress_Bar_Border) var(--progressBarBorderColor);border-radius:var(--fdProgress_Indicator_Progress_Bar_Border_Radius);border-right:var(--fdProgress_Indicator_Border_Right) var(--progressBarBorderRightColor);bottom:var(--fdProgress_Indicator_Progress_Bar_Position_Bottom);box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdProgress_Indicator_Progress_Bar_Height);justify-content:flex-end;line-height:var(--sapContent_LineHeight);margin:0;margin:var(--fdProgress_Indicator_Progress_Bar_Margin);padding:0;position:var(--fdProgress_Indicator_Progress_Bar_Position, static)}.fd-progress-indicator__progress-bar:after,.fd-progress-indicator__progress-bar:before{box-sizing:inherit;font-size:inherit}.fd-progress-indicator__progress-bar.fd-popover__control{border:var(--fdProgress_Indicator_Progress_Bar_Popover_Control_Border, 0 solid) var(--progressBarBorderColor);position:var(--fdProgress_Indicator_Progress_Bar_Position, relative)}.fd-progress-indicator__progress-bar .fd-progress-indicator__label{color:var(--fdProgress_Indicator_Label_Color_Contrast)}.fd-progress-indicator__progress-bar[dir=rtl],[dir=rtl] .fd-progress-indicator__progress-bar{border:var(--fdProgress_Indicator_Progress_Bar_Border) var(--progressBarBorderColor);border-left:var(--fdProgress_Indicator_Border_Right) var(--progressBarBorderRightColor);border-right:none;left:auto;right:var(--fdProgress_Indicator_Progress_Bar_Position_Left)}.fd-progress-indicator__remaining{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-progress-indicator__remaining:after,.fd-progress-indicator__remaining:before{box-sizing:inherit;font-size:inherit}.fd-progress-indicator__remaining.fd-popover__control{flex-grow:1;min-width:0}.fd-progress-indicator__icon{bottom:-.625rem;display:var(--iconDisplay);margin-left:var(--fdProgress_Indicator_Label_Margin_Start);margin-right:var(--fdProgress_Icon_Space_Before_Label);position:var(--fdProgress_Indicator_Icon_Position, static);right:-1.25rem}.fd-progress-indicator__icon[dir=rtl],[dir=rtl] .fd-progress-indicator__icon{left:-1.25rem;margin-left:var(--fdProgress_Icon_Space_Before_Label);margin-right:var(--fdProgress_Indicator_Label_Margin_Start);right:auto}.fd-progress-indicator__icon:before{color:var(--iconColor);content:var(--iconContent);font-family:SAP-icons;font-size:var(--fdProgress_Indicator_Icon_Font_Size);vertical-align:middle}.fd-progress-indicator__icon+.fd-progress-indicator__label{margin-left:0}.fd-progress-indicator__icon+.fd-progress-indicator__label[dir=rtl],[dir=rtl] .fd-progress-indicator__icon+.fd-progress-indicator__label{margin-left:inherit;margin-right:0}.fd-progress-indicator__label{-webkit-box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdProgress_Indicator_Label_Color);display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdProgress_Indicator_Label_Font_Size);font-weight:400;forced-color-adjust:none;left:0;line-height:var(--sapContent_LineHeight);line-height:normal;margin:0;margin-left:var(--labelMarginStart);margin-right:var(--labelMarginEnd);max-width:100%;overflow:hidden;padding:0;position:var(--fdProgress_Indicator_Label_Position, static);text-overflow:ellipsis;top:-1.25rem;user-select:none;white-space:nowrap}.fd-progress-indicator__label:after,.fd-progress-indicator__label:before{box-sizing:inherit;font-size:inherit}.fd-progress-indicator__label[dir=rtl],[dir=rtl] .fd-progress-indicator__label{left:auto;margin-left:var(--labelMarginEnd);margin-right:var(--labelMarginStart);right:0}.fd-progress-indicator__overflow{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;max-width:95vw;overflow:hidden;padding:0 0 0 .5rem;white-space:normal}.fd-progress-indicator__overflow:after,.fd-progress-indicator__overflow:before{box-sizing:inherit;font-size:inherit}.fd-progress-indicator__overflow[dir=rtl],[dir=rtl] .fd-progress-indicator__overflow{padding-left:0;padding-right:.5rem}.fd-progress-indicator__overflow-close{-webkit-box-sizing:border-box;background:transparent;border:0;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1.375rem;line-height:var(--sapContent_LineHeight);line-height:1.6rem;margin:.125rem;padding:0;text-align:center;width:1.4375rem}.fd-progress-indicator__overflow-close:after,.fd-progress-indicator__overflow-close:before{box-sizing:inherit;font-size:inherit}.fd-progress-indicator__overflow-close[dir=rtl],[dir=rtl] .fd-progress-indicator__overflow-close{margin-left:0;margin-right:.5rem}.fd-progress-indicator__overflow-close.is-focus,.fd-progress-indicator__overflow-close:focus{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);z-index:5}.fd-progress-indicator__overflow-close [class*=sap-icon]{color:var(--sapContent_IconColor);font-size:var(--sapFontSmallSize)}.fd-progress-indicator__progress-bar--animated{transition:min-width .5s ease-in-out,width .5s ease-in-out}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { valueText: [{
@@ -85,10 +85,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
 
 class ProgressIndicatorModule {
 }
-ProgressIndicatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: ProgressIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ProgressIndicatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.1", ngImport: i0, type: ProgressIndicatorModule, declarations: [ProgressIndicatorComponent], imports: [CommonModule, PopoverModule], exports: [ProgressIndicatorComponent] });
-ProgressIndicatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: ProgressIndicatorModule, imports: [CommonModule, PopoverModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: ProgressIndicatorModule, decorators: [{
+ProgressIndicatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ProgressIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ProgressIndicatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: ProgressIndicatorModule, declarations: [ProgressIndicatorComponent], imports: [CommonModule, PopoverModule], exports: [ProgressIndicatorComponent] });
+ProgressIndicatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ProgressIndicatorModule, imports: [CommonModule, PopoverModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ProgressIndicatorModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ProgressIndicatorComponent],

package/fesm2020/fundamental-ngx-core-quick-view.mjs

@@ -18,9 +18,9 @@ class QuickViewComponent {
         this.id = 'fd-quick-view-' + quickViewUniqueId++;
     }
 }
-QuickViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: QuickViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-QuickViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: QuickViewComponent, selector: "fd-quick-view", inputs: { id: "id" }, ngImport: i0, template: "<div class=\"fd-quick-view\" [id]=\"id\">\n    <ng-content select=\"fd-quick-view-title\"></ng-content>\n\n    <div class=\"fd-quick-view__content\">\n        <ng-content select=\"fd-quick-view-subheader\"></ng-content>\n        <ng-content select=\"fd-quick-view-group\"></ng-content>\n    </div>\n</div>\n", styles: ["/*!\n  .fd-form-group(--inline)\n*/.fd-form-group{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-form-group:after,.fd-form-group:before{box-sizing:inherit;font-size:inherit}.fd-form-group--inline{-webkit-box-pack:start;-ms-flex-pack:start;-ms-flex-wrap:wrap;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.fd-form-group--inline,.fd-form-group__header{display:flex}.fd-form-group__header{-webkit-box-sizing:border-box;align-items:center;background-color:var(--sapGroup_TitleBackground);border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:2.75rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-form-group__header:after,.fd-form-group__header:before{box-sizing:inherit;font-size:inherit}.fd-form-group__header[class*=-compact],.fd-form-group__header[class*=-condensed],[class*=-compact] .fd-form-group__header:not([class*=-cozy]),[class*=-condensed] .fd-form-group__header:not([class*=-cozy]){height:2rem}.fd-form-group__header-text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader6Size);font-weight:400;font-weight:700;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-form-group__header-text:after,.fd-form-group__header-text:before{box-sizing:inherit;font-size:inherit}/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-quick-view{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:inherit;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;min-width:20rem;padding:0}.fd-quick-view:after,.fd-quick-view:before{box-sizing:inherit;font-size:inherit}.fd-quick-view[dir=rtl] .fd-bar--header-with-subheader .fd-avatar,[dir=rtl] .fd-quick-view .fd-bar--header-with-subheader .fd-avatar{margin-left:.75rem;margin-right:0}.fd-quick-view__content{-webkit-box-sizing:border-box;background-color:var(--sapGroup_ContentBackground);border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:1rem}.fd-quick-view__content:after,.fd-quick-view__content:before{box-sizing:inherit;font-size:inherit}.fd-quick-view__content .fd-bar{padding:0}.fd-quick-view__content .fd-bar--header-with-subheader{height:auto;padding-bottom:.75rem}.fd-quick-view__content .fd-bar--header-with-subheader .fd-avatar{margin-right:.75rem}.fd-quick-view__content .fd-bar--header-with-subheader .fd-bar__left,.fd-quick-view__content .fd-bar--header-with-subheader .fd-bar__middle,.fd-quick-view__content .fd-bar--header-with-subheader .fd-bar__right{align-items:flex-start}.fd-quick-view__subheader-text{max-width:100%;min-width:0}.fd-quick-view__subtitle{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:.25rem 0 0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-quick-view__subtitle:after,.fd-quick-view__subtitle:before{box-sizing:inherit;font-size:inherit}.fd-quick-view .fd-input:not(input){border:none;height:auto;padding:0}.fd-dialog__body .fd-quick-view__content{padding-bottom:0;padding-top:0}.fd-quick-view .fd-form-item{padding-top:.75rem}.fd-quick-view .fd-form-item .fd-link{align-self:flex-start}.fd-quick-view .fd-form-group__header+.fd-form-item{padding-top:0}.fd-quick-view .fd-title .fd-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.fd-popover__body .fd-quick-view__content{border-radius:var(--sapElement_BorderCornerRadius)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: QuickViewComponent, decorators: [{
+QuickViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: QuickViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+QuickViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: QuickViewComponent, selector: "fd-quick-view", inputs: { id: "id" }, ngImport: i0, template: "<div class=\"fd-quick-view\" [id]=\"id\">\n    <ng-content select=\"fd-quick-view-title\"></ng-content>\n\n    <div class=\"fd-quick-view__content\">\n        <ng-content select=\"fd-quick-view-subheader\"></ng-content>\n        <ng-content select=\"fd-quick-view-group\"></ng-content>\n    </div>\n</div>\n", styles: ["/*!\n  .fd-form-group(--inline)\n*/.fd-form-group{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-form-group:after,.fd-form-group:before{box-sizing:inherit;font-size:inherit}.fd-form-group--inline{-webkit-box-pack:start;-ms-flex-pack:start;-ms-flex-wrap:wrap;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.fd-form-group--inline,.fd-form-group__header{display:flex}.fd-form-group__header{-webkit-box-sizing:border-box;align-items:center;background-color:var(--sapGroup_TitleBackground);border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:2.75rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-form-group__header:after,.fd-form-group__header:before{box-sizing:inherit;font-size:inherit}.fd-form-group__header[class*=-compact],.fd-form-group__header[class*=-condensed],[class*=-compact] .fd-form-group__header:not([class*=-cozy]),[class*=-condensed] .fd-form-group__header:not([class*=-cozy]){height:2rem}.fd-form-group__header-text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader6Size);font-weight:400;font-weight:700;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-form-group__header-text:after,.fd-form-group__header-text:before{box-sizing:inherit;font-size:inherit}/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-quick-view{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:inherit;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;min-width:20rem;padding:0}.fd-quick-view:after,.fd-quick-view:before{box-sizing:inherit;font-size:inherit}.fd-quick-view[dir=rtl] .fd-bar--header-with-subheader .fd-avatar,[dir=rtl] .fd-quick-view .fd-bar--header-with-subheader .fd-avatar{margin-left:.75rem;margin-right:0}.fd-quick-view__content{-webkit-box-sizing:border-box;background-color:var(--sapGroup_ContentBackground);border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:1rem}.fd-quick-view__content:after,.fd-quick-view__content:before{box-sizing:inherit;font-size:inherit}.fd-quick-view__content .fd-bar{padding:0}.fd-quick-view__content .fd-bar--header-with-subheader{height:auto;padding-bottom:.75rem}.fd-quick-view__content .fd-bar--header-with-subheader .fd-avatar{margin-right:.75rem}.fd-quick-view__content .fd-bar--header-with-subheader .fd-bar__left,.fd-quick-view__content .fd-bar--header-with-subheader .fd-bar__middle,.fd-quick-view__content .fd-bar--header-with-subheader .fd-bar__right{align-items:flex-start}.fd-quick-view__subheader-text{max-width:100%;min-width:0}.fd-quick-view__subtitle{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:.25rem 0 0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-quick-view__subtitle:after,.fd-quick-view__subtitle:before{box-sizing:inherit;font-size:inherit}.fd-quick-view .fd-input:not(input){border:none;height:auto;padding:0}.fd-dialog__body .fd-quick-view__content{padding-bottom:0;padding-top:0}.fd-quick-view .fd-form-item{padding-top:.75rem}.fd-quick-view .fd-form-item .fd-link{align-self:flex-start}.fd-quick-view .fd-form-group__header+.fd-form-item{padding-top:0}.fd-quick-view .fd-title .fd-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.fd-popover__body .fd-quick-view__content{border-radius:var(--sapElement_BorderCornerRadius)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: QuickViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-quick-view', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fd-quick-view\" [id]=\"id\">\n    <ng-content select=\"fd-quick-view-title\"></ng-content>\n\n    <div class=\"fd-quick-view__content\">\n        <ng-content select=\"fd-quick-view-subheader\"></ng-content>\n        <ng-content select=\"fd-quick-view-group\"></ng-content>\n    </div>\n</div>\n", styles: ["/*!\n  .fd-form-group(--inline)\n*/.fd-form-group{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-form-group:after,.fd-form-group:before{box-sizing:inherit;font-size:inherit}.fd-form-group--inline{-webkit-box-pack:start;-ms-flex-pack:start;-ms-flex-wrap:wrap;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.fd-form-group--inline,.fd-form-group__header{display:flex}.fd-form-group__header{-webkit-box-sizing:border-box;align-items:center;background-color:var(--sapGroup_TitleBackground);border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:2.75rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-form-group__header:after,.fd-form-group__header:before{box-sizing:inherit;font-size:inherit}.fd-form-group__header[class*=-compact],.fd-form-group__header[class*=-condensed],[class*=-compact] .fd-form-group__header:not([class*=-cozy]),[class*=-condensed] .fd-form-group__header:not([class*=-cozy]){height:2rem}.fd-form-group__header-text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader6Size);font-weight:400;font-weight:700;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-form-group__header-text:after,.fd-form-group__header-text:before{box-sizing:inherit;font-size:inherit}/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-quick-view{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:inherit;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;min-width:20rem;padding:0}.fd-quick-view:after,.fd-quick-view:before{box-sizing:inherit;font-size:inherit}.fd-quick-view[dir=rtl] .fd-bar--header-with-subheader .fd-avatar,[dir=rtl] .fd-quick-view .fd-bar--header-with-subheader .fd-avatar{margin-left:.75rem;margin-right:0}.fd-quick-view__content{-webkit-box-sizing:border-box;background-color:var(--sapGroup_ContentBackground);border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:1rem}.fd-quick-view__content:after,.fd-quick-view__content:before{box-sizing:inherit;font-size:inherit}.fd-quick-view__content .fd-bar{padding:0}.fd-quick-view__content .fd-bar--header-with-subheader{height:auto;padding-bottom:.75rem}.fd-quick-view__content .fd-bar--header-with-subheader .fd-avatar{margin-right:.75rem}.fd-quick-view__content .fd-bar--header-with-subheader .fd-bar__left,.fd-quick-view__content .fd-bar--header-with-subheader .fd-bar__middle,.fd-quick-view__content .fd-bar--header-with-subheader .fd-bar__right{align-items:flex-start}.fd-quick-view__subheader-text{max-width:100%;min-width:0}.fd-quick-view__subtitle{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:.25rem 0 0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-quick-view__subtitle:after,.fd-quick-view__subtitle:before{box-sizing:inherit;font-size:inherit}.fd-quick-view .fd-input:not(input){border:none;height:auto;padding:0}.fd-dialog__body .fd-quick-view__content{padding-bottom:0;padding-top:0}.fd-quick-view .fd-form-item{padding-top:.75rem}.fd-quick-view .fd-form-item .fd-link{align-self:flex-start}.fd-quick-view .fd-form-group__header+.fd-form-item{padding-top:0}.fd-quick-view .fd-title .fd-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.fd-popover__body .fd-quick-view__content{border-radius:var(--sapElement_BorderCornerRadius)}\n"] }]
         }], propDecorators: { id: [{
@@ -36,9 +36,9 @@ class QuickViewTitleComponent {
         this.align = 'middle';
     }
 }
-QuickViewTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: QuickViewTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-QuickViewTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: QuickViewTitleComponent, selector: "fd-quick-view-title", inputs: { align: "align" }, ngImport: i0, template: "<div fd-popover-body-header>\n    <div fd-bar barDesign=\"header\">\n        <ng-container [ngSwitch]=\"align\">\n            <div *ngSwitchCase=\"'left'\" fd-bar-left>\n                <ng-container *ngTemplateOutlet=\"barElement\"></ng-container>\n            </div>\n            <div *ngSwitchCase=\"'right'\" fd-bar-right>\n                <ng-container *ngTemplateOutlet=\"barElement\"></ng-container>\n            </div>\n            <div *ngSwitchDefault fd-bar-middle>\n                <ng-container *ngTemplateOutlet=\"barElement\"></ng-container>\n            </div>\n        </ng-container>\n    </div>\n</div>\n\n<ng-template #barElement>\n    <fd-bar-element>\n        <ng-content></ng-content>\n    </fd-bar-element>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i2.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i2.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i2.BarMiddleDirective, selector: "[fd-bar-middle]" }, { kind: "directive", type: i2.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i2.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { kind: "directive", type: i3.PopoverBodyHeaderDirective, selector: "[fdPopoverBodyHeader], [fd-popover-body-header]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: QuickViewTitleComponent, decorators: [{
+QuickViewTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: QuickViewTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+QuickViewTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: QuickViewTitleComponent, selector: "fd-quick-view-title", inputs: { align: "align" }, ngImport: i0, template: "<div fd-popover-body-header>\n    <div fd-bar barDesign=\"header\">\n        <ng-container [ngSwitch]=\"align\">\n            <div *ngSwitchCase=\"'left'\" fd-bar-left>\n                <ng-container *ngTemplateOutlet=\"barElement\"></ng-container>\n            </div>\n            <div *ngSwitchCase=\"'right'\" fd-bar-right>\n                <ng-container *ngTemplateOutlet=\"barElement\"></ng-container>\n            </div>\n            <div *ngSwitchDefault fd-bar-middle>\n                <ng-container *ngTemplateOutlet=\"barElement\"></ng-container>\n            </div>\n        </ng-container>\n    </div>\n</div>\n\n<ng-template #barElement>\n    <fd-bar-element>\n        <ng-content></ng-content>\n    </fd-bar-element>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i2.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i2.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i2.BarMiddleDirective, selector: "[fd-bar-middle]" }, { kind: "directive", type: i2.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i2.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { kind: "directive", type: i3.PopoverBodyHeaderDirective, selector: "[fdPopoverBodyHeader], [fd-popover-body-header]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: QuickViewTitleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-quick-view-title', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div fd-popover-body-header>\n    <div fd-bar barDesign=\"header\">\n        <ng-container [ngSwitch]=\"align\">\n            <div *ngSwitchCase=\"'left'\" fd-bar-left>\n                <ng-container *ngTemplateOutlet=\"barElement\"></ng-container>\n            </div>\n            <div *ngSwitchCase=\"'right'\" fd-bar-right>\n                <ng-container *ngTemplateOutlet=\"barElement\"></ng-container>\n            </div>\n            <div *ngSwitchDefault fd-bar-middle>\n                <ng-container *ngTemplateOutlet=\"barElement\"></ng-container>\n            </div>\n        </ng-container>\n    </div>\n</div>\n\n<ng-template #barElement>\n    <fd-bar-element>\n        <ng-content></ng-content>\n    </fd-bar-element>\n</ng-template>\n" }]
         }], propDecorators: { align: [{
@@ -47,36 +47,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
 
 class QuickViewSubheaderComponent {
 }
-QuickViewSubheaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: QuickViewSubheaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-QuickViewSubheaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: QuickViewSubheaderComponent, selector: "fd-quick-view-subheader", ngImport: i0, template: "<div fd-bar barDesign=\"header-with-subheader\">\n    <div fd-bar-left>\n        <ng-content select=\"fd-avatar\"></ng-content>\n\n        <div class=\"fd-quick-view__subheader-text\">\n            <ng-content select=\"fd-quick-view-subheader-title\"></ng-content>\n            <ng-content select=\"fd-quick-view-subheader-subtitle\"></ng-content>\n        </div>\n    </div>\n</div>\n", dependencies: [{ kind: "component", type: i2.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i2.BarLeftDirective, selector: "[fd-bar-left]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: QuickViewSubheaderComponent, decorators: [{
+QuickViewSubheaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: QuickViewSubheaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+QuickViewSubheaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: QuickViewSubheaderComponent, selector: "fd-quick-view-subheader", ngImport: i0, template: "<div fd-bar barDesign=\"header-with-subheader\">\n    <div fd-bar-left>\n        <ng-content select=\"fd-avatar\"></ng-content>\n\n        <div class=\"fd-quick-view__subheader-text\">\n            <ng-content select=\"fd-quick-view-subheader-title\"></ng-content>\n            <ng-content select=\"fd-quick-view-subheader-subtitle\"></ng-content>\n        </div>\n    </div>\n</div>\n", dependencies: [{ kind: "component", type: i2.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i2.BarLeftDirective, selector: "[fd-bar-left]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: QuickViewSubheaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-quick-view-subheader', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div fd-bar barDesign=\"header-with-subheader\">\n    <div fd-bar-left>\n        <ng-content select=\"fd-avatar\"></ng-content>\n\n        <div class=\"fd-quick-view__subheader-text\">\n            <ng-content select=\"fd-quick-view-subheader-title\"></ng-content>\n            <ng-content select=\"fd-quick-view-subheader-subtitle\"></ng-content>\n        </div>\n    </div>\n</div>\n" }]
         }] });
 
 class QuickViewSubheaderTitleComponent {
 }
-QuickViewSubheaderTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: QuickViewSubheaderTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-QuickViewSubheaderTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: QuickViewSubheaderTitleComponent, selector: "fd-quick-view-subheader-title", ngImport: i0, template: "<h5 fd-title [headerSize]=\"5\">\n    <ng-content></ng-content>\n</h5>\n", dependencies: [{ kind: "component", type: i1$1.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: QuickViewSubheaderTitleComponent, decorators: [{
+QuickViewSubheaderTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: QuickViewSubheaderTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+QuickViewSubheaderTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: QuickViewSubheaderTitleComponent, selector: "fd-quick-view-subheader-title", ngImport: i0, template: "<h5 fd-title [headerSize]=\"5\">\n    <ng-content></ng-content>\n</h5>\n", dependencies: [{ kind: "component", type: i1$1.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: QuickViewSubheaderTitleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-quick-view-subheader-title', changeDetection: ChangeDetectionStrategy.OnPush, template: "<h5 fd-title [headerSize]=\"5\">\n    <ng-content></ng-content>\n</h5>\n" }]
         }] });
 
 class QuickViewSubheaderSubtitleComponent {
 }
-QuickViewSubheaderSubtitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: QuickViewSubheaderSubtitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-QuickViewSubheaderSubtitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: QuickViewSubheaderSubtitleComponent, selector: "fd-quick-view-subheader-subtitle", ngImport: i0, template: "<div class=\"fd-quick-view__subtitle\">\n    <ng-content></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: QuickViewSubheaderSubtitleComponent, decorators: [{
+QuickViewSubheaderSubtitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: QuickViewSubheaderSubtitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+QuickViewSubheaderSubtitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: QuickViewSubheaderSubtitleComponent, selector: "fd-quick-view-subheader-subtitle", ngImport: i0, template: "<div class=\"fd-quick-view__subtitle\">\n    <ng-content></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: QuickViewSubheaderSubtitleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-quick-view-subheader-subtitle', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fd-quick-view__subtitle\">\n    <ng-content></ng-content>\n</div>\n" }]
         }] });
 
 class QuickViewGroupComponent {
 }
-QuickViewGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: QuickViewGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-QuickViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: QuickViewGroupComponent, selector: "fd-quick-view-group", ngImport: i0, template: "<fd-form-group role=\"group\">\n    <ng-content></ng-content>\n</fd-form-group>\n", dependencies: [{ kind: "component", type: i1$2.FormGroupComponent, selector: "fd-form-group", inputs: ["isInline"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: QuickViewGroupComponent, decorators: [{
+QuickViewGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: QuickViewGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+QuickViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: QuickViewGroupComponent, selector: "fd-quick-view-group", ngImport: i0, template: "<fd-form-group role=\"group\">\n    <ng-content></ng-content>\n</fd-form-group>\n", dependencies: [{ kind: "component", type: i1$2.FormGroupComponent, selector: "fd-form-group", inputs: ["isInline"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: QuickViewGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-quick-view-group', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-form-group role=\"group\">\n    <ng-content></ng-content>\n</fd-form-group>\n" }]
         }] });
@@ -88,9 +88,9 @@ class QuickViewGroupTitleComponent {
         this.id = 'fd-quick-view-group-title-' + groupTitleUniqueId++;
     }
 }
-QuickViewGroupTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: QuickViewGroupTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-QuickViewGroupTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: QuickViewGroupTitleComponent, selector: "fd-quick-view-group-title", inputs: { id: "id" }, ngImport: i0, template: "<div class=\"fd-form-group__header\" [attr.aria-labelledby]=\"id\">\n    <h1 class=\"fd-form-group__header-text\" [id]=\"id\">\n        <ng-content></ng-content>\n    </h1>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: QuickViewGroupTitleComponent, decorators: [{
+QuickViewGroupTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: QuickViewGroupTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+QuickViewGroupTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: QuickViewGroupTitleComponent, selector: "fd-quick-view-group-title", inputs: { id: "id" }, ngImport: i0, template: "<div class=\"fd-form-group__header\" [attr.aria-labelledby]=\"id\">\n    <h1 class=\"fd-form-group__header-text\" [id]=\"id\">\n        <ng-content></ng-content>\n    </h1>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: QuickViewGroupTitleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-quick-view-group-title', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fd-form-group__header\" [attr.aria-labelledby]=\"id\">\n    <h1 class=\"fd-form-group__header-text\" [id]=\"id\">\n        <ng-content></ng-content>\n    </h1>\n</div>\n" }]
         }], propDecorators: { id: [{
@@ -104,9 +104,9 @@ class QuickViewGroupItemComponent {
         this.id = 'fd-quick-view-group-item-' + quickViewGroupItemUniqueId++;
     }
 }
-QuickViewGroupItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: QuickViewGroupItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-QuickViewGroupItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: QuickViewGroupItemComponent, selector: "fd-quick-view-group-item", inputs: { id: "id" }, ngImport: i0, template: "<div fd-form-item [id]=\"id\">\n    <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "component", type: i1$2.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: QuickViewGroupItemComponent, decorators: [{
+QuickViewGroupItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: QuickViewGroupItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+QuickViewGroupItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: QuickViewGroupItemComponent, selector: "fd-quick-view-group-item", inputs: { id: "id" }, ngImport: i0, template: "<div fd-form-item [id]=\"id\">\n    <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "component", type: i1$2.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: QuickViewGroupItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-quick-view-group-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div fd-form-item [id]=\"id\">\n    <ng-content></ng-content>\n</div>\n" }]
         }], propDecorators: { id: [{
@@ -132,9 +132,9 @@ class QuickViewGroupItemLabelComponent {
         }
     }
 }
-QuickViewGroupItemLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: QuickViewGroupItemLabelComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-QuickViewGroupItemLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: QuickViewGroupItemLabelComponent, selector: "fd-quick-view-group-item-label", ngImport: i0, template: "<label fd-form-label>\n    <ng-content></ng-content>\n</label>\n", dependencies: [{ kind: "component", type: i1$2.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: QuickViewGroupItemLabelComponent, decorators: [{
+QuickViewGroupItemLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: QuickViewGroupItemLabelComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+QuickViewGroupItemLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: QuickViewGroupItemLabelComponent, selector: "fd-quick-view-group-item-label", ngImport: i0, template: "<label fd-form-label>\n    <ng-content></ng-content>\n</label>\n", dependencies: [{ kind: "component", type: i1$2.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: QuickViewGroupItemLabelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-quick-view-group-item-label', changeDetection: ChangeDetectionStrategy.OnPush, template: "<label fd-form-label>\n    <ng-content></ng-content>\n</label>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
@@ -143,9 +143,9 @@ class QuickViewGroupItemContentElementDirective {
 }
 /** @hidden */
 QuickViewGroupItemContentElementDirective.class = 'fd-quick-view__group-item__content-element';
-QuickViewGroupItemContentElementDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: QuickViewGroupItemContentElementDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-QuickViewGroupItemContentElementDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.1", type: QuickViewGroupItemContentElementDirective, selector: "[fd-quick-view-group-item-content-element]", host: { classAttribute: "fd-quick-view__group-item__content-element" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: QuickViewGroupItemContentElementDirective, decorators: [{
+QuickViewGroupItemContentElementDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: QuickViewGroupItemContentElementDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+QuickViewGroupItemContentElementDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: QuickViewGroupItemContentElementDirective, selector: "[fd-quick-view-group-item-content-element]", host: { classAttribute: "fd-quick-view__group-item__content-element" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: QuickViewGroupItemContentElementDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -177,17 +177,17 @@ class QuickViewGroupItemContentComponent {
         }
     }
 }
-QuickViewGroupItemContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: QuickViewGroupItemContentComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-QuickViewGroupItemContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: QuickViewGroupItemContentComponent, selector: "fd-quick-view-group-item-content", ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: QuickViewGroupItemContentComponent, decorators: [{
+QuickViewGroupItemContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: QuickViewGroupItemContentComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+QuickViewGroupItemContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: QuickViewGroupItemContentComponent, selector: "fd-quick-view-group-item-content", ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: QuickViewGroupItemContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-quick-view-group-item-content', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
 
 class QuickViewModule {
 }
-QuickViewModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: QuickViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-QuickViewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.1", ngImport: i0, type: QuickViewModule, declarations: [QuickViewComponent,
+QuickViewModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: QuickViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+QuickViewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: QuickViewModule, declarations: [QuickViewComponent,
         QuickViewTitleComponent,
         QuickViewSubheaderComponent,
         QuickViewSubheaderTitleComponent,
@@ -208,8 +208,8 @@ QuickViewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version
         QuickViewGroupItemLabelComponent,
         QuickViewGroupItemContentComponent,
         QuickViewGroupItemContentElementDirective] });
-QuickViewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: QuickViewModule, imports: [CommonModule, TitleModule, BarModule, FormGroupModule, FormItemModule, FormLabelModule, PopoverModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: QuickViewModule, decorators: [{
+QuickViewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: QuickViewModule, imports: [CommonModule, TitleModule, BarModule, FormGroupModule, FormItemModule, FormLabelModule, PopoverModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: QuickViewModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, TitleModule, BarModule, FormGroupModule, FormItemModule, FormLabelModule, PopoverModule],

package/fesm2020/fundamental-ngx-core-radio.mjs

@@ -140,8 +140,8 @@ class RadioButtonComponent {
         }
     }
 }
-RadioButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: RadioButtonComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.ContentDensityObserver }], target: i0.ɵɵFactoryTarget.Component });
-RadioButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: RadioButtonComponent, selector: "fd-radio-button", inputs: { ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", ariaDescribedBy: "ariaDescribedBy", title: "title", tabIndex: "tabIndex", state: "state", disabled: "disabled", selectedValue: "selectedValue", name: "name", id: "id", value: "value", required: "required" }, host: { listeners: { "focusout": "onTouched()" } }, providers: [
+RadioButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RadioButtonComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.ContentDensityObserver }], target: i0.ɵɵFactoryTarget.Component });
+RadioButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: RadioButtonComponent, selector: "fd-radio-button", inputs: { ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", ariaDescribedBy: "ariaDescribedBy", title: "title", tabIndex: "tabIndex", state: "state", disabled: "disabled", selectedValue: "selectedValue", name: "name", id: "id", value: "value", required: "required" }, host: { listeners: { "focusout": "onTouched()" } }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => RadioButtonComponent),
@@ -160,7 +160,7 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", Array)
 ], RadioButtonComponent.prototype, "buildComponentCssClass", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: RadioButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RadioButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-radio-button', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
                         {
@@ -212,14 +212,14 @@ class DeprecatedRadioButtonCompactDirective extends DeprecatedCompactDirective {
         super('fd-radio-button');
     }
 }
-DeprecatedRadioButtonCompactDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: DeprecatedRadioButtonCompactDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DeprecatedRadioButtonCompactDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.1", type: DeprecatedRadioButtonCompactDirective, selector: "fd-radio-button[compact]", providers: [
+DeprecatedRadioButtonCompactDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: DeprecatedRadioButtonCompactDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+DeprecatedRadioButtonCompactDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: DeprecatedRadioButtonCompactDirective, selector: "fd-radio-button[compact]", providers: [
         {
             provide: CONTENT_DENSITY_DIRECTIVE,
             useExisting: forwardRef(() => DeprecatedRadioButtonCompactDirective)
         }
     ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: DeprecatedRadioButtonCompactDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: DeprecatedRadioButtonCompactDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -235,10 +235,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
 
 class RadioModule {
 }
-RadioModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: RadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-RadioModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.1", ngImport: i0, type: RadioModule, declarations: [RadioButtonComponent, DeprecatedRadioButtonCompactDirective], imports: [CommonModule, FormsModule, ContentDensityModule], exports: [RadioButtonComponent, ContentDensityModule, DeprecatedRadioButtonCompactDirective] });
-RadioModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: RadioModule, imports: [CommonModule, FormsModule, ContentDensityModule, ContentDensityModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: RadioModule, decorators: [{
+RadioModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+RadioModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: RadioModule, declarations: [RadioButtonComponent, DeprecatedRadioButtonCompactDirective], imports: [CommonModule, FormsModule, ContentDensityModule], exports: [RadioButtonComponent, ContentDensityModule, DeprecatedRadioButtonCompactDirective] });
+RadioModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RadioModule, imports: [CommonModule, FormsModule, ContentDensityModule, ContentDensityModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RadioModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [RadioButtonComponent, DeprecatedRadioButtonCompactDirective],

package/fesm2020/fundamental-ngx-core-rating-indicator.mjs

@@ -37,9 +37,9 @@ class RatingStarLabelPipe {
         return `${index + 1} of ${controlsCount}`;
     }
 }
-RatingStarLabelPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: RatingStarLabelPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-RatingStarLabelPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.1.1", ngImport: i0, type: RatingStarLabelPipe, name: "ratingStarLabel" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: RatingStarLabelPipe, decorators: [{
+RatingStarLabelPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RatingStarLabelPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+RatingStarLabelPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: RatingStarLabelPipe, name: "ratingStarLabel" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RatingStarLabelPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'ratingStarLabel' }]
         }] });
@@ -277,8 +277,8 @@ class RatingIndicatorComponent {
         return `${INDICATOR_PREFIX}--${size in RatingIndicatorSizeEnum ? size : 'md'}`;
     }
 }
-RatingIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: RatingIndicatorComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-RatingIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: RatingIndicatorComponent, selector: "fd-rating-indicator", inputs: { class: "class", name: "name", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", disabled: "disabled", displayMode: "displayMode", indicatorCapacity: "indicatorCapacity", allowHalves: "allowHalves", value: "value", totalRatings: "totalRatings", ratingAverage: "ratingAverage", ratings: "ratings", displayAllRatings: "displayAllRatings", ratedIcon: "ratedIcon", unratedIcon: "unratedIcon", size: "size", dynamicTextIndicator: "dynamicTextIndicator" }, outputs: { ratingChanged: "ratingChanged" }, host: { properties: { "attr.aria-label": "this.ariaLabelledBy", "class.is-disabled": "this.disabled", "attr.aria-disabled": "this.disabled", "class.is-display-mode": "this.displayMode" } }, providers: [
+RatingIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RatingIndicatorComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+RatingIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: RatingIndicatorComponent, selector: "fd-rating-indicator", inputs: { class: "class", name: "name", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", disabled: "disabled", displayMode: "displayMode", indicatorCapacity: "indicatorCapacity", allowHalves: "allowHalves", value: "value", totalRatings: "totalRatings", ratingAverage: "ratingAverage", ratings: "ratings", displayAllRatings: "displayAllRatings", ratedIcon: "ratedIcon", unratedIcon: "unratedIcon", size: "size", dynamicTextIndicator: "dynamicTextIndicator" }, outputs: { ratingChanged: "ratingChanged" }, host: { properties: { "attr.aria-label": "this.ariaLabelledBy", "class.is-disabled": "this.disabled", "attr.aria-disabled": "this.disabled", "class.is-display-mode": "this.displayMode" } }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => RatingIndicatorComponent),
@@ -292,7 +292,7 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", Array)
 ], RatingIndicatorComponent.prototype, "buildComponentCssClass", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: RatingIndicatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RatingIndicatorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-rating-indicator', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
@@ -357,10 +357,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
 
 class RatingIndicatorModule {
 }
-RatingIndicatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: RatingIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-RatingIndicatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.1", ngImport: i0, type: RatingIndicatorModule, declarations: [RatingIndicatorComponent, RatingStarLabelPipe], imports: [CommonModule, PopoverModule], exports: [RatingIndicatorComponent] });
-RatingIndicatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: RatingIndicatorModule, imports: [CommonModule, PopoverModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: RatingIndicatorModule, decorators: [{
+RatingIndicatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RatingIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+RatingIndicatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: RatingIndicatorModule, declarations: [RatingIndicatorComponent, RatingStarLabelPipe], imports: [CommonModule, PopoverModule], exports: [RatingIndicatorComponent] });
+RatingIndicatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RatingIndicatorModule, imports: [CommonModule, PopoverModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RatingIndicatorModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [RatingIndicatorComponent, RatingStarLabelPipe],