@fundamental-ngx/core 0.37.0-rc.2 → 0.37.0-rc.21

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

@@ -97,7 +97,7 @@ CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
                 [ContentDensityMode.COMPACT]: CLASS_NAME.cardCompact
             }
         })
-    ], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"!isLoading; else loaderTmpl\">\n    <!-- Badge -->\n    <div *ngIf=\"badge\" class=\"fd-badge\" tabindex=\"0\">{{ badge }}</div>\n\n    <!-- Header and Content -->\n    <ng-content></ng-content>\n\n    <!-- Footer -->\n    <ng-content select=\"fd-card-footer\"></ng-content>\n</ng-container>\n\n<!-- Loader -->\n<ng-template #loaderTmpl>\n    <ng-content select=\"fd-card-loader\"></ng-content>\n</ng-template>\n", styles: ["@charset \"UTF-8\";.fd-numeric-content{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:3rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-numeric-content:after,.fd-numeric-content:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container,.fd-numeric-content__launch-icon-container{-webkit-box-sizing:border-box;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;height:100%;line-height:var(--sapContent_LineHeight);margin:0 .375rem 0 0;overflow:hidden;padding:.125rem 0 0}.fd-numeric-content__kpi-container:after,.fd-numeric-content__kpi-container:before,.fd-numeric-content__launch-icon-container:after,.fd-numeric-content__launch-icon-container:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.fd-numeric-content__kpi-container:first-child:last-child,.fd-numeric-content__launch-icon-container:first-child:last-child{margin:0}.fd-numeric-content__launch-icon-container{max-width:1.75rem;min-width:1.75rem;width:1.75rem}.fd-numeric-content__scale-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:100%;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:.5rem 0 .375rem}.fd-numeric-content__scale-container:after,.fd-numeric-content__scale-container:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-container:first-child:last-child{margin:0}.fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content__launch-icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapTile_IconColor);font-size:inherit;font-size:1.75rem;line-height:1;line-height:normal}.fd-numeric-content__kpi{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapNeutralTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:2.25rem;font-weight:400;font-weight:lighter;line-height:var(--sapContent_LineHeight);line-height:normal;margin:0;padding:0}.fd-numeric-content__kpi:after,.fd-numeric-content__kpi:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi--positive{color:var(--sapPositiveTextColor)}.fd-numeric-content__kpi--critical{color:var(--sapCriticalTextColor)}.fd-numeric-content__kpi--negative{color:var(--sapNegativeTextColor)}.fd-numeric-content__kpi--informative{color:var(--sapInformativeTextColor)}.fd-numeric-content__scale{-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;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-numeric-content__scale:after,.fd-numeric-content__scale:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale-arrow[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapNeutralTextColor);font-size:inherit;font-size:.875rem;line-height:1;line-height:normal}.fd-numeric-content__scale-text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapNeutralTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:.875rem;font-weight:400;line-height:var(--sapContent_LineHeight);line-height:normal;margin:0;padding:0}.fd-numeric-content__scale-text:after,.fd-numeric-content__scale-text:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale--positive .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--positive .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--positive .fd-numeric-content__scale-text{color:var(--sapPositiveTextColor)}.fd-numeric-content__scale--critical .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--critical .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--critical .fd-numeric-content__scale-text{color:var(--sapCriticalTextColor)}.fd-numeric-content__scale--negative .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--negative .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--negative .fd-numeric-content__scale-text{color:var(--sapNegativeTextColor)}.fd-numeric-content__scale--informative .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--informative .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--informative .fd-numeric-content__scale-text{color:var(--sapInformativeTextColor)}.fd-numeric-content--m{height:2.5rem}.fd-numeric-content--m .fd-numeric-content__kpi-container,.fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-right:.5rem;padding-top:0}.fd-numeric-content--m .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--m .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--m .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-left:.5rem;margin-right:0}.fd-numeric-content--m .fd-numeric-content__launch-icon-container{align-items:flex-end}.fd-numeric-content--m .fd-numeric-content__scale-container{padding-bottom:.188rem;padding-top:.375rem}.fd-numeric-content--m .fd-numeric-content__kpi{font-size:2rem}.fd-numeric-content--s{height:2.25rem}.fd-numeric-content--s .fd-numeric-content__kpi-container,.fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-right:.5rem;padding-top:0}.fd-numeric-content--s .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--s .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--s .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-left:.5rem;margin-right:0}.fd-numeric-content--s .fd-numeric-content__scale-container{padding-bottom:.313rem;padding-top:0}.fd-numeric-content--s .fd-numeric-content__kpi{font-size:1.75rem}.fd-numeric-content--small-tile{height:2.375rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{margin-right:.375rem;padding-top:.5rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile .fd-numeric-content__scale-container{padding-bottom:.25rem;padding-top:.25rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi,.fd-numeric-content--small-tile .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--m{height:2.375rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-right:.375rem;padding-top:.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__scale-container{padding-bottom:.25rem;padding-top:.25rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi,.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{align-items:flex-end}.fd-numeric-content--small-tile.fd-numeric-content--s{height:2.375rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-right:.375rem;padding-top:.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__scale-container{padding-bottom:.25rem;padding-top:.25rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi,.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__scale-container{padding-top:0}.fd-card{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--fdCard_Box_Shadow);background:var(--fdCard_Background_Color);border:0;border:var(--fdCard_Border);border-radius:var(--fdCard_Border_Radius);box-shadow:var(--fdCard_Box_Shadow);box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;min-height:100%;padding:0;position:relative;width:100%}.fd-card:after,.fd-card:before{box-sizing:inherit;font-size:inherit}.fd-card__header{-webkit-box-sizing:border-box;background:var(--fdCard_Background_Color);border:0;border-bottom:var(--fdCard_Header_Border_Bottom);border-radius:var(--fdCard_Border_Radius) var(--fdCard_Border_Radius) 0 0;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdCard_Header_Padding);position:relative;text-decoration:none}.fd-card__header:after,.fd-card__header:before{box-sizing:inherit;font-size:inherit}.fd-card__header:not(.fd-card__header--non-interactive).is-focus,.fd-card__header:not(.fd-card__header--non-interactive):focus{outline:none;z-index:5}.fd-card__header:not(.fd-card__header--non-interactive).is-focus:before,.fd-card__header:not(.fd-card__header--non-interactive):focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdCard_Border_Radius) var(--fdCard_Border_Radius) 0 0;content:\"\";display:block;inset:.0625rem .0625rem .125rem;position:absolute;z-index:3}.fd-card__header.is-hover,.fd-card__header:hover{background:var(--sapTile_Hover_Background)}.fd-card__header.is-active,.fd-card__header:active{background:var(--sapTile_Active_Background)}.fd-card__header .fd-card__avatar{margin-right:.75rem}.fd-card__header .fd-card__avatar[dir=rtl],[dir=rtl] .fd-card__header .fd-card__avatar{margin-left:.75rem;margin-right:0}.fd-card__header--non-interactive{cursor:auto}.fd-card__header--non-interactive.is-active,.fd-card__header--non-interactive.is-hover,.fd-card__header--non-interactive:active,.fd-card__header--non-interactive:hover{background:var(--fdCard_Background_Color)}.fd-card__header:last-child{border-bottom:none;border-radius:0 0 var(--fdCard_Border_Radius) var(--fdCard_Border_Radius);border-top:var(--fdCard_Header_Border_Bottom);padding:var(--fdCard_Bottom_Positioned_Header_Padding)}.fd-card__header:last-child.is-focus,.fd-card__header:last-child:focus{z-index:5}.fd-card__header:last-child.is-focus:before,.fd-card__header:last-child:focus:before{border-radius:0 0 var(--fdCard_Border_Radius) var(--fdCard_Border_Radius);bottom:.0625rem;top:.125rem}.fd-card__footer{-webkit-box-sizing:border-box;align-items:center;background:var(--fdCard_Background_Color);border:0;border-radius:0 0 var(--fdCard_Border_Radius) var(--fdCard_Border_Radius);border-top:var(--fdCard_Footer_Border_Top);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdCard_Footer_Padding)}.fd-card__footer:after,.fd-card__footer:before{box-sizing:inherit;font-size:inherit}.fd-card__footer-actions{-webkit-box-sizing:border-box;-webkit-box-pack:end;-ms-flex-pack:end;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;justify-content:flex-end;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-card__footer-actions:after,.fd-card__footer-actions:before{box-sizing:inherit;font-size:inherit}.fd-card__footer-actions-item{-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;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-card__footer-actions-item:after,.fd-card__footer-actions-item:before{box-sizing:inherit;font-size:inherit}.fd-card__footer-actions-item:not(:last-child){margin-right:var(--fdCard_Footer_Actions_Item_Spacing)}.fd-card__footer-actions-item:not(:last-child)[dir=rtl],[dir=rtl] .fd-card__footer-actions-item:not(:last-child){margin-left:var(--fdCard_Footer_Actions_Item_Spacing);margin-right:0}.fd-card__footer .fd-card__footer-link{margin-right:var(--fdCard_Footer_Actions_Item_Spacing);overflow:hidden;text-overflow:ellipsis;text-overflow:clip;white-space:nowrap}.fd-card__footer .fd-card__footer-link[dir=rtl],[dir=rtl] .fd-card__footer .fd-card__footer-link{margin-left:var(--fdCard_Footer_Actions_Item_Spacing);margin-right:0}.fd-card__bar-footer{border-radius:0 0 var(--fdCard_Border_Radius) var(--fdCard_Border_Radius)}.fd-card__header-text{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-card__header-text:after,.fd-card__header-text:before{box-sizing:inherit;font-size:inherit}.fd-card__title-area{-webkit-box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:flex-start;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;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-card__title-area:after,.fd-card__title-area:before{box-sizing:inherit;font-size:inherit}.fd-card__title{-webkit-box-sizing:border-box;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-line-clamp:3;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TitleTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--fdCard_Title_Font_Size);font-weight:400;font-weight:var(--fdCard_Title_Font_Weight);line-height:var(--sapContent_LineHeight);margin:0;max-height:4.2rem;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:normal}.fd-card__title:after,.fd-card__title:before{box-sizing:inherit;font-size:inherit}.fd-card__subtitle-area{-webkit-box-sizing:border-box;align-items:flex-end;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;line-height:var(--sapContent_LineHeight);margin:.25rem 0 0;padding:0}.fd-card__subtitle-area:after,.fd-card__subtitle-area:before{box-sizing:inherit;font-size:inherit}.fd-card__subtitle{-webkit-box-sizing:border-box;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-line-clamp:2;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;max-height:2.5rem;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:normal}.fd-card__subtitle:after,.fd-card__subtitle:before{box-sizing:inherit;font-size:inherit}.fd-card__counter.fd-object-status{font-size:var(--sapFontSmallSize);margin:var(--fdCard_Counter_Margin);text-align:right;white-space:nowrap}.fd-card__counter.fd-object-status[dir=rtl],[dir=rtl] .fd-card__counter.fd-object-status{margin:var(--fdCard_Counter_Margin_RTL)}.fd-card__currency{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0 0 0 .25rem;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-card__currency:after,.fd-card__currency:before{box-sizing:inherit;font-size:inherit}.fd-card__currency:before{content:\"|\\a0\"}.fd-card__currency[dir=rtl],[dir=rtl] .fd-card__currency{margin-left:0;margin-right:.25rem}.fd-card__analytics-area{-webkit-box-sizing:border-box;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;line-height:var(--sapContent_LineHeight);margin:.5rem 0 0;overflow:hidden;padding:0}.fd-card__analytics-area:after,.fd-card__analytics-area:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics-container{-webkit-box-sizing:border-box;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;line-height:var(--sapContent_LineHeight);margin:0 0 0 2rem;overflow-x:hidden;padding:0;white-space:nowrap;width:100%}.fd-card__analytics-container:after,.fd-card__analytics-container:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics-container[dir=rtl],[dir=rtl] .fd-card__analytics-container{margin-left:0;margin-right:2rem}.fd-card__analytics{-webkit-box-sizing:border-box;-webkit-box-align:end;-ms-flex-align:end;-webkit-box-pack:end;-ms-flex-pack:end;align-items:flex-end;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;justify-content:flex-end;line-height:var(--sapContent_LineHeight);margin:0 0 0 1rem;max-width:calc(50% - 1rem);overflow:hidden;padding:0 0 .25rem}.fd-card__analytics:after,.fd-card__analytics:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics[dir=rtl],[dir=rtl] .fd-card__analytics{margin-left:0;margin-right:1rem}.fd-card__analytics-text{-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;line-height:var(--sapContent_LineHeight);margin:0;padding:0 0 .25rem}.fd-card__analytics-text:after,.fd-card__analytics-text:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics-content{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TitleTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-card__analytics-content:after,.fd-card__analytics-content:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics-content[dir=rtl],[dir=rtl] .fd-card__analytics-content{direction:ltr;text-align:right}.fd-card__second-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-size:var(--sapFontSmallSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:.25rem 0 0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap;width:100%}.fd-card__second-subtitle:after,.fd-card__second-subtitle:before{box-sizing:inherit;font-size:inherit}.fd-card__numeric-content.fd-numeric-content{flex-shrink:0;width:auto}.fd-card__content{-webkit-box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1 0 auto;border:0;box-sizing:border-box;color:var(--sapTextColor);flex:1 0 auto;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-card__content:after,.fd-card__content:before{box-sizing:inherit;font-size:inherit}.fd-card__content:first-child,.fd-card__content:last-child{overflow:hidden}.fd-card__content:last-child{border-bottom-left-radius:var(--fdCard_Border_Radius);border-bottom-right-radius:var(--fdCard_Border_Radius)}.fd-card__content:last-child .fd-list__item:last-of-type.is-focus,.fd-card__content:last-child .fd-list__item:last-of-type:focus{z-index:5}.fd-card__content:last-child .fd-list__item:last-of-type.is-focus:before,.fd-card__content:last-child .fd-list__item:last-of-type:focus:before{border-bottom-left-radius:var(--fdCard_Border_Radius);border-bottom-right-radius:var(--fdCard_Border_Radius)}.fd-card__content:first-child{border-top-left-radius:var(--fdCard_Border_Radius);border-top-right-radius:var(--fdCard_Border_Radius)}.fd-card__content-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-card__content-container:after,.fd-card__content-container:before{box-sizing:inherit;font-size:inherit}.fd-card__content-container--horizontal{flex-direction:row}.fd-card__content-container--horizontal .fd-card__content-section{margin-bottom:0;margin-right:2rem}.fd-card__content-container--horizontal .fd-card__content-section:last-child{margin-right:0}.fd-card__content-container--horizontal .fd-card__content-section[dir=rtl],[dir=rtl] .fd-card__content-container--horizontal .fd-card__content-section{margin-left:2rem;margin-right:0}.fd-card__content-container--horizontal .fd-card__content-section[dir=rtl]:first-child,[dir=rtl] .fd-card__content-container--horizontal .fd-card__content-section:first-child{margin:0}.fd-card__content-section{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0 0 1.75rem;max-width:24rem;min-width:12rem;padding:0;width:100%}.fd-card__content-section:after,.fd-card__content-section:before{box-sizing:inherit;font-size:inherit}.fd-card__content-section:last-child{margin-bottom:0}.fd-card__content-title-container{-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;line-height:var(--sapContent_LineHeight);margin:0;padding:0 0 .5rem}.fd-card__content-title-container:after,.fd-card__content-title-container:before{box-sizing:inherit;font-size:inherit}.fd-card__content-group{-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;line-height:var(--sapContent_LineHeight);margin:1rem 0 0;padding:0}.fd-card__content-group:after,.fd-card__content-group:before{box-sizing:inherit;font-size:inherit}.fd-card__content-group-text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0 0 0 .5rem;padding:0}.fd-card__content-group-text:after,.fd-card__content-group-text:before{box-sizing:inherit;font-size:inherit}.fd-card__content-group-text:first-child{margin-left:0}.fd-card__content-group-text>*{margin-bottom:.25rem}.fd-card__content-group-text>:last-child{margin-bottom:0}.fd-card__content-group-text[dir=rtl],[dir=rtl] .fd-card__content-group-text{margin-left:0;margin-right:.5rem}.fd-card__content-group-text[dir=rtl]:first-child,[dir=rtl] .fd-card__content-group-text:first-child{margin:0}.fd-card--analytical .fd-card__subtitle-area{margin-top:.5rem}.fd-card--analytical .fd-card__title{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;max-height:2.8rem;overflow:hidden;text-overflow:ellipsis;white-space:normal}.fd-card--table.fd-card--compact .fd-card__content{padding-bottom:.5rem}.fd-card--table .fd-card__content .fd-table__header{border-left:none;border-right:none}.fd-card--table .fd-card__content .fd-table__body{border:none}.fd-card--object .fd-card__content{padding:1rem}.fd-card__loader{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;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;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;min-height:5rem;padding:0}.fd-card__loader:after,.fd-card__loader:before{box-sizing:inherit;font-size:inherit}/*!\n * Fundamental Library Styles v0.25.1-rc.16\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-badge{-webkit-box-sizing:border-box;background:var(--sapHighlightColor);border:0;border:.0625rem solid var(--fdBadge_Border_Color);border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;font-weight:700;height:1rem;line-height:var(--sapContent_LineHeight);line-height:normal;margin:0;max-width:calc(100% - 1rem);overflow:hidden;padding:0 .5rem;position:absolute;right:.5rem;text-overflow:ellipsis;top:-.55rem;white-space:nowrap;z-index:10}.fd-badge:after,.fd-badge:before{box-sizing:inherit;font-size:inherit}.fd-badge[dir=rtl],[dir=rtl] .fd-badge{left:.5rem;right:auto}.fd-badge--static{position:static}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    ], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"!isLoading; else loaderTmpl\">\n    <!-- Badge -->\n    <div *ngIf=\"badge\" class=\"fd-badge\" tabindex=\"0\">{{ badge }}</div>\n\n    <!-- Header and Content -->\n    <ng-content></ng-content>\n\n    <!-- Footer -->\n    <ng-content select=\"fd-card-footer\"></ng-content>\n</ng-container>\n\n<!-- Loader -->\n<ng-template #loaderTmpl>\n    <ng-content select=\"fd-card-loader\"></ng-content>\n</ng-template>\n", styles: ["@charset \"UTF-8\";.fd-numeric-content{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:3rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-numeric-content:after,.fd-numeric-content:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container,.fd-numeric-content__launch-icon-container{-webkit-box-sizing:border-box;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;height:100%;line-height:var(--sapContent_LineHeight);margin:0 .375rem 0 0;overflow:hidden;padding:.125rem 0 0}.fd-numeric-content__kpi-container:after,.fd-numeric-content__kpi-container:before,.fd-numeric-content__launch-icon-container:after,.fd-numeric-content__launch-icon-container:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.fd-numeric-content__kpi-container:first-child:last-child,.fd-numeric-content__launch-icon-container:first-child:last-child{margin:0}.fd-numeric-content__launch-icon-container{max-width:1.75rem;min-width:1.75rem;width:1.75rem}.fd-numeric-content__scale-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:100%;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:.5rem 0 .375rem}.fd-numeric-content__scale-container:after,.fd-numeric-content__scale-container:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-container:first-child:last-child{margin:0}.fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content__launch-icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapTile_IconColor);font-size:inherit;font-size:1.75rem;line-height:1;line-height:normal}.fd-numeric-content__kpi{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapNeutralTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:2.25rem;font-weight:400;font-weight:lighter;line-height:var(--sapContent_LineHeight);line-height:normal;margin:0;padding:0}.fd-numeric-content__kpi:after,.fd-numeric-content__kpi:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi--positive{color:var(--sapPositiveTextColor)}.fd-numeric-content__kpi--critical{color:var(--sapCriticalTextColor)}.fd-numeric-content__kpi--negative{color:var(--sapNegativeTextColor)}.fd-numeric-content__kpi--informative{color:var(--sapInformativeTextColor)}.fd-numeric-content__scale{-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;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-numeric-content__scale:after,.fd-numeric-content__scale:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale-arrow[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapNeutralTextColor);font-size:inherit;font-size:.875rem;line-height:1;line-height:normal}.fd-numeric-content__scale-text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapNeutralTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:.875rem;font-weight:400;line-height:var(--sapContent_LineHeight);line-height:normal;margin:0;padding:0}.fd-numeric-content__scale-text:after,.fd-numeric-content__scale-text:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale--positive .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--positive .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--positive .fd-numeric-content__scale-text{color:var(--sapPositiveTextColor)}.fd-numeric-content__scale--critical .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--critical .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--critical .fd-numeric-content__scale-text{color:var(--sapCriticalTextColor)}.fd-numeric-content__scale--negative .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--negative .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--negative .fd-numeric-content__scale-text{color:var(--sapNegativeTextColor)}.fd-numeric-content__scale--informative .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--informative .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--informative .fd-numeric-content__scale-text{color:var(--sapInformativeTextColor)}.fd-numeric-content--m{height:2.5rem}.fd-numeric-content--m .fd-numeric-content__kpi-container,.fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-right:.5rem;padding-top:0}.fd-numeric-content--m .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--m .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--m .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-left:.5rem;margin-right:0}.fd-numeric-content--m .fd-numeric-content__launch-icon-container{align-items:flex-end}.fd-numeric-content--m .fd-numeric-content__scale-container{padding-bottom:.188rem;padding-top:.375rem}.fd-numeric-content--m .fd-numeric-content__kpi{font-size:2rem}.fd-numeric-content--s{height:2.25rem}.fd-numeric-content--s .fd-numeric-content__kpi-container,.fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-right:.5rem;padding-top:0}.fd-numeric-content--s .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--s .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--s .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-left:.5rem;margin-right:0}.fd-numeric-content--s .fd-numeric-content__scale-container{padding-bottom:.313rem;padding-top:0}.fd-numeric-content--s .fd-numeric-content__kpi{font-size:1.75rem}.fd-numeric-content--small-tile{height:2.375rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{margin-right:.375rem;padding-top:.5rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile .fd-numeric-content__scale-container{padding-bottom:.25rem;padding-top:.25rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi,.fd-numeric-content--small-tile .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--m{height:2.375rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-right:.375rem;padding-top:.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__scale-container{padding-bottom:.25rem;padding-top:.25rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi,.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{align-items:flex-end}.fd-numeric-content--small-tile.fd-numeric-content--s{height:2.375rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-right:.375rem;padding-top:.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__scale-container{padding-bottom:.25rem;padding-top:.25rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi,.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__scale-container{padding-top:0}.fd-card{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--fdCard_Box_Shadow);background:var(--fdCard_Background_Color);border:0;border:var(--fdCard_Border);border-radius:var(--fdCard_Border_Radius);box-shadow:var(--fdCard_Box_Shadow);box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;min-height:100%;padding:0;position:relative;width:100%}.fd-card:after,.fd-card:before{box-sizing:inherit;font-size:inherit}.fd-card__header{-webkit-box-sizing:border-box;background:var(--fdCard_Background_Color);border:0;border-bottom:var(--fdCard_Header_Border_Bottom);border-radius:var(--fdCard_Border_Radius) var(--fdCard_Border_Radius) 0 0;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdCard_Header_Padding);position:relative;text-decoration:none}.fd-card__header:after,.fd-card__header:before{box-sizing:inherit;font-size:inherit}.fd-card__header:not(.fd-card__header--non-interactive).is-focus,.fd-card__header:not(.fd-card__header--non-interactive):focus{outline:none;z-index:5}.fd-card__header:not(.fd-card__header--non-interactive).is-focus:before,.fd-card__header:not(.fd-card__header--non-interactive):focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdCard_Border_Radius) var(--fdCard_Border_Radius) 0 0;content:\"\";display:block;inset:.0625rem .0625rem .125rem;position:absolute;z-index:3}.fd-card__header.is-hover,.fd-card__header:hover{background:var(--sapTile_Hover_Background)}.fd-card__header.is-active,.fd-card__header:active{background:var(--sapTile_Active_Background)}.fd-card__header .fd-card__avatar{margin-right:.75rem}.fd-card__header .fd-card__avatar[dir=rtl],[dir=rtl] .fd-card__header .fd-card__avatar{margin-left:.75rem;margin-right:0}.fd-card__header--non-interactive{cursor:auto}.fd-card__header--non-interactive.is-active,.fd-card__header--non-interactive.is-hover,.fd-card__header--non-interactive:active,.fd-card__header--non-interactive:hover{background:var(--fdCard_Background_Color)}.fd-card__header:last-child{border-bottom:none;border-radius:0 0 var(--fdCard_Border_Radius) var(--fdCard_Border_Radius);border-top:var(--fdCard_Header_Border_Bottom);padding:var(--fdCard_Bottom_Positioned_Header_Padding)}.fd-card__header:last-child.is-focus,.fd-card__header:last-child:focus{z-index:5}.fd-card__header:last-child.is-focus:before,.fd-card__header:last-child:focus:before{border-radius:0 0 var(--fdCard_Border_Radius) var(--fdCard_Border_Radius);bottom:.0625rem;top:.125rem}.fd-card__footer{-webkit-box-sizing:border-box;align-items:center;background:var(--fdCard_Background_Color);border:0;border-radius:0 0 var(--fdCard_Border_Radius) var(--fdCard_Border_Radius);border-top:var(--fdCard_Footer_Border_Top);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdCard_Footer_Padding)}.fd-card__footer:after,.fd-card__footer:before{box-sizing:inherit;font-size:inherit}.fd-card__footer-actions{-webkit-box-sizing:border-box;-webkit-box-pack:end;-ms-flex-pack:end;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;justify-content:flex-end;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-card__footer-actions:after,.fd-card__footer-actions:before{box-sizing:inherit;font-size:inherit}.fd-card__footer-actions-item{-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;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-card__footer-actions-item:after,.fd-card__footer-actions-item:before{box-sizing:inherit;font-size:inherit}.fd-card__footer-actions-item:not(:last-child){margin-right:var(--fdCard_Footer_Actions_Item_Spacing)}.fd-card__footer-actions-item:not(:last-child)[dir=rtl],[dir=rtl] .fd-card__footer-actions-item:not(:last-child){margin-left:var(--fdCard_Footer_Actions_Item_Spacing);margin-right:0}.fd-card__footer .fd-card__footer-link{margin-right:var(--fdCard_Footer_Actions_Item_Spacing);overflow:hidden;text-overflow:ellipsis;text-overflow:clip;white-space:nowrap}.fd-card__footer .fd-card__footer-link[dir=rtl],[dir=rtl] .fd-card__footer .fd-card__footer-link{margin-left:var(--fdCard_Footer_Actions_Item_Spacing);margin-right:0}.fd-card__bar-footer{border-radius:0 0 var(--fdCard_Border_Radius) var(--fdCard_Border_Radius)}.fd-card__header-text{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-card__header-text:after,.fd-card__header-text:before{box-sizing:inherit;font-size:inherit}.fd-card__title-area{-webkit-box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:flex-start;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;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-card__title-area:after,.fd-card__title-area:before{box-sizing:inherit;font-size:inherit}.fd-card__title{-webkit-box-sizing:border-box;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-line-clamp:3;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TitleTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--fdCard_Title_Font_Size);font-weight:400;font-weight:var(--fdCard_Title_Font_Weight);line-height:var(--sapContent_LineHeight);margin:0;max-height:4.2rem;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:normal}.fd-card__title:after,.fd-card__title:before{box-sizing:inherit;font-size:inherit}.fd-card__subtitle-area{-webkit-box-sizing:border-box;align-items:flex-end;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;line-height:var(--sapContent_LineHeight);margin:.25rem 0 0;padding:0}.fd-card__subtitle-area:after,.fd-card__subtitle-area:before{box-sizing:inherit;font-size:inherit}.fd-card__subtitle{-webkit-box-sizing:border-box;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-line-clamp:2;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;max-height:2.5rem;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:normal}.fd-card__subtitle:after,.fd-card__subtitle:before{box-sizing:inherit;font-size:inherit}.fd-card__counter.fd-object-status{font-size:var(--sapFontSmallSize);margin:var(--fdCard_Counter_Margin);text-align:right;white-space:nowrap}.fd-card__counter.fd-object-status[dir=rtl],[dir=rtl] .fd-card__counter.fd-object-status{margin:var(--fdCard_Counter_Margin_RTL)}.fd-card__currency{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0 0 0 .25rem;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-card__currency:after,.fd-card__currency:before{box-sizing:inherit;font-size:inherit}.fd-card__currency:before{content:\"|\\a0\"}.fd-card__currency[dir=rtl],[dir=rtl] .fd-card__currency{margin-left:0;margin-right:.25rem}.fd-card__analytics-area{-webkit-box-sizing:border-box;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;line-height:var(--sapContent_LineHeight);margin:.5rem 0 0;overflow:hidden;padding:0}.fd-card__analytics-area:after,.fd-card__analytics-area:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics-container{-webkit-box-sizing:border-box;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;line-height:var(--sapContent_LineHeight);margin:0 0 0 2rem;overflow-x:hidden;padding:0;white-space:nowrap;width:100%}.fd-card__analytics-container:after,.fd-card__analytics-container:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics-container[dir=rtl],[dir=rtl] .fd-card__analytics-container{margin-left:0;margin-right:2rem}.fd-card__analytics{-webkit-box-sizing:border-box;-webkit-box-align:end;-ms-flex-align:end;-webkit-box-pack:end;-ms-flex-pack:end;align-items:flex-end;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;justify-content:flex-end;line-height:var(--sapContent_LineHeight);margin:0 0 0 1rem;max-width:calc(50% - 1rem);overflow:hidden;padding:0 0 .25rem}.fd-card__analytics:after,.fd-card__analytics:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics[dir=rtl],[dir=rtl] .fd-card__analytics{margin-left:0;margin-right:1rem}.fd-card__analytics-text{-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;line-height:var(--sapContent_LineHeight);margin:0;padding:0 0 .25rem}.fd-card__analytics-text:after,.fd-card__analytics-text:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics-content{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TitleTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-card__analytics-content:after,.fd-card__analytics-content:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics-content[dir=rtl],[dir=rtl] .fd-card__analytics-content{direction:ltr;text-align:right}.fd-card__second-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-size:var(--sapFontSmallSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:.25rem 0 0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap;width:100%}.fd-card__second-subtitle:after,.fd-card__second-subtitle:before{box-sizing:inherit;font-size:inherit}.fd-card__numeric-content.fd-numeric-content{flex-shrink:0;width:auto}.fd-card__content{-webkit-box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1 0 auto;border:0;box-sizing:border-box;color:var(--sapTextColor);flex:1 0 auto;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-card__content:after,.fd-card__content:before{box-sizing:inherit;font-size:inherit}.fd-card__content:first-child,.fd-card__content:last-child{overflow:hidden}.fd-card__content:last-child{border-bottom-left-radius:var(--fdCard_Border_Radius);border-bottom-right-radius:var(--fdCard_Border_Radius)}.fd-card__content:last-child .fd-list__item:last-of-type.is-focus,.fd-card__content:last-child .fd-list__item:last-of-type:focus{z-index:5}.fd-card__content:last-child .fd-list__item:last-of-type.is-focus:before,.fd-card__content:last-child .fd-list__item:last-of-type:focus:before{border-bottom-left-radius:var(--fdCard_Border_Radius);border-bottom-right-radius:var(--fdCard_Border_Radius)}.fd-card__content:first-child{border-top-left-radius:var(--fdCard_Border_Radius);border-top-right-radius:var(--fdCard_Border_Radius)}.fd-card__content-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-card__content-container:after,.fd-card__content-container:before{box-sizing:inherit;font-size:inherit}.fd-card__content-container--horizontal{flex-direction:row}.fd-card__content-container--horizontal .fd-card__content-section{margin-bottom:0;margin-right:2rem}.fd-card__content-container--horizontal .fd-card__content-section:last-child{margin-right:0}.fd-card__content-container--horizontal .fd-card__content-section[dir=rtl],[dir=rtl] .fd-card__content-container--horizontal .fd-card__content-section{margin-left:2rem;margin-right:0}.fd-card__content-container--horizontal .fd-card__content-section[dir=rtl]:first-child,[dir=rtl] .fd-card__content-container--horizontal .fd-card__content-section:first-child{margin:0}.fd-card__content-section{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0 0 1.75rem;max-width:24rem;min-width:12rem;padding:0;width:100%}.fd-card__content-section:after,.fd-card__content-section:before{box-sizing:inherit;font-size:inherit}.fd-card__content-section:last-child{margin-bottom:0}.fd-card__content-title-container{-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;line-height:var(--sapContent_LineHeight);margin:0;padding:0 0 .5rem}.fd-card__content-title-container:after,.fd-card__content-title-container:before{box-sizing:inherit;font-size:inherit}.fd-card__content-group{-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;line-height:var(--sapContent_LineHeight);margin:1rem 0 0;padding:0}.fd-card__content-group:after,.fd-card__content-group:before{box-sizing:inherit;font-size:inherit}.fd-card__content-group-text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0 0 0 .5rem;padding:0}.fd-card__content-group-text:after,.fd-card__content-group-text:before{box-sizing:inherit;font-size:inherit}.fd-card__content-group-text:first-child{margin-left:0}.fd-card__content-group-text>*{margin-bottom:.25rem}.fd-card__content-group-text>:last-child{margin-bottom:0}.fd-card__content-group-text[dir=rtl],[dir=rtl] .fd-card__content-group-text{margin-left:0;margin-right:.5rem}.fd-card__content-group-text[dir=rtl]:first-child,[dir=rtl] .fd-card__content-group-text:first-child{margin:0}.fd-card--analytical .fd-card__subtitle-area{margin-top:.5rem}.fd-card--analytical .fd-card__title{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;max-height:2.8rem;overflow:hidden;text-overflow:ellipsis;white-space:normal}.fd-card--table.fd-card--compact .fd-card__content{padding-bottom:.5rem}.fd-card--table .fd-card__content .fd-table__header{border-left:none;border-right:none}.fd-card--table .fd-card__content .fd-table__body{border:none}.fd-card--object .fd-card__content{padding:1rem}.fd-card__loader{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;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;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;min-height:5rem;padding:0}.fd-card__loader:after,.fd-card__loader:before{box-sizing:inherit;font-size:inherit}/*!\n * Fundamental Library Styles v0.26.0-rc.27\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-badge{-webkit-box-sizing:border-box;background:var(--sapHighlightColor);border:0;border:.0625rem solid var(--fdBadge_Border_Color);border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;font-weight:700;height:1rem;line-height:var(--sapContent_LineHeight);line-height:normal;margin:0;max-width:calc(100% - 1rem);overflow:hidden;padding:0 .5rem;position:absolute;right:.5rem;text-overflow:ellipsis;top:-.55rem;white-space:nowrap;z-index:10}.fd-badge:after,.fd-badge:before{box-sizing:inherit;font-size:inherit}.fd-badge[dir=rtl],[dir=rtl] .fd-badge{left:.5rem;right:auto}.fd-badge--static{position:static}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 __decorate([
     applyCssClass,
     __metadata("design:type", Function),
@@ -112,7 +112,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
                                 [ContentDensityMode.COMPACT]: CLASS_NAME.cardCompact
                             }
                         })
-                    ], template: "<ng-container *ngIf=\"!isLoading; else loaderTmpl\">\n    <!-- Badge -->\n    <div *ngIf=\"badge\" class=\"fd-badge\" tabindex=\"0\">{{ badge }}</div>\n\n    <!-- Header and Content -->\n    <ng-content></ng-content>\n\n    <!-- Footer -->\n    <ng-content select=\"fd-card-footer\"></ng-content>\n</ng-container>\n\n<!-- Loader -->\n<ng-template #loaderTmpl>\n    <ng-content select=\"fd-card-loader\"></ng-content>\n</ng-template>\n", styles: ["@charset \"UTF-8\";.fd-numeric-content{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:3rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-numeric-content:after,.fd-numeric-content:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container,.fd-numeric-content__launch-icon-container{-webkit-box-sizing:border-box;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;height:100%;line-height:var(--sapContent_LineHeight);margin:0 .375rem 0 0;overflow:hidden;padding:.125rem 0 0}.fd-numeric-content__kpi-container:after,.fd-numeric-content__kpi-container:before,.fd-numeric-content__launch-icon-container:after,.fd-numeric-content__launch-icon-container:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.fd-numeric-content__kpi-container:first-child:last-child,.fd-numeric-content__launch-icon-container:first-child:last-child{margin:0}.fd-numeric-content__launch-icon-container{max-width:1.75rem;min-width:1.75rem;width:1.75rem}.fd-numeric-content__scale-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:100%;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:.5rem 0 .375rem}.fd-numeric-content__scale-container:after,.fd-numeric-content__scale-container:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-container:first-child:last-child{margin:0}.fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content__launch-icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapTile_IconColor);font-size:inherit;font-size:1.75rem;line-height:1;line-height:normal}.fd-numeric-content__kpi{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapNeutralTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:2.25rem;font-weight:400;font-weight:lighter;line-height:var(--sapContent_LineHeight);line-height:normal;margin:0;padding:0}.fd-numeric-content__kpi:after,.fd-numeric-content__kpi:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi--positive{color:var(--sapPositiveTextColor)}.fd-numeric-content__kpi--critical{color:var(--sapCriticalTextColor)}.fd-numeric-content__kpi--negative{color:var(--sapNegativeTextColor)}.fd-numeric-content__kpi--informative{color:var(--sapInformativeTextColor)}.fd-numeric-content__scale{-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;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-numeric-content__scale:after,.fd-numeric-content__scale:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale-arrow[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapNeutralTextColor);font-size:inherit;font-size:.875rem;line-height:1;line-height:normal}.fd-numeric-content__scale-text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapNeutralTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:.875rem;font-weight:400;line-height:var(--sapContent_LineHeight);line-height:normal;margin:0;padding:0}.fd-numeric-content__scale-text:after,.fd-numeric-content__scale-text:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale--positive .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--positive .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--positive .fd-numeric-content__scale-text{color:var(--sapPositiveTextColor)}.fd-numeric-content__scale--critical .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--critical .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--critical .fd-numeric-content__scale-text{color:var(--sapCriticalTextColor)}.fd-numeric-content__scale--negative .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--negative .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--negative .fd-numeric-content__scale-text{color:var(--sapNegativeTextColor)}.fd-numeric-content__scale--informative .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--informative .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--informative .fd-numeric-content__scale-text{color:var(--sapInformativeTextColor)}.fd-numeric-content--m{height:2.5rem}.fd-numeric-content--m .fd-numeric-content__kpi-container,.fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-right:.5rem;padding-top:0}.fd-numeric-content--m .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--m .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--m .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-left:.5rem;margin-right:0}.fd-numeric-content--m .fd-numeric-content__launch-icon-container{align-items:flex-end}.fd-numeric-content--m .fd-numeric-content__scale-container{padding-bottom:.188rem;padding-top:.375rem}.fd-numeric-content--m .fd-numeric-content__kpi{font-size:2rem}.fd-numeric-content--s{height:2.25rem}.fd-numeric-content--s .fd-numeric-content__kpi-container,.fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-right:.5rem;padding-top:0}.fd-numeric-content--s .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--s .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--s .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-left:.5rem;margin-right:0}.fd-numeric-content--s .fd-numeric-content__scale-container{padding-bottom:.313rem;padding-top:0}.fd-numeric-content--s .fd-numeric-content__kpi{font-size:1.75rem}.fd-numeric-content--small-tile{height:2.375rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{margin-right:.375rem;padding-top:.5rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile .fd-numeric-content__scale-container{padding-bottom:.25rem;padding-top:.25rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi,.fd-numeric-content--small-tile .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--m{height:2.375rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-right:.375rem;padding-top:.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__scale-container{padding-bottom:.25rem;padding-top:.25rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi,.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{align-items:flex-end}.fd-numeric-content--small-tile.fd-numeric-content--s{height:2.375rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-right:.375rem;padding-top:.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__scale-container{padding-bottom:.25rem;padding-top:.25rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi,.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__scale-container{padding-top:0}.fd-card{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--fdCard_Box_Shadow);background:var(--fdCard_Background_Color);border:0;border:var(--fdCard_Border);border-radius:var(--fdCard_Border_Radius);box-shadow:var(--fdCard_Box_Shadow);box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;min-height:100%;padding:0;position:relative;width:100%}.fd-card:after,.fd-card:before{box-sizing:inherit;font-size:inherit}.fd-card__header{-webkit-box-sizing:border-box;background:var(--fdCard_Background_Color);border:0;border-bottom:var(--fdCard_Header_Border_Bottom);border-radius:var(--fdCard_Border_Radius) var(--fdCard_Border_Radius) 0 0;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdCard_Header_Padding);position:relative;text-decoration:none}.fd-card__header:after,.fd-card__header:before{box-sizing:inherit;font-size:inherit}.fd-card__header:not(.fd-card__header--non-interactive).is-focus,.fd-card__header:not(.fd-card__header--non-interactive):focus{outline:none;z-index:5}.fd-card__header:not(.fd-card__header--non-interactive).is-focus:before,.fd-card__header:not(.fd-card__header--non-interactive):focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdCard_Border_Radius) var(--fdCard_Border_Radius) 0 0;content:\"\";display:block;inset:.0625rem .0625rem .125rem;position:absolute;z-index:3}.fd-card__header.is-hover,.fd-card__header:hover{background:var(--sapTile_Hover_Background)}.fd-card__header.is-active,.fd-card__header:active{background:var(--sapTile_Active_Background)}.fd-card__header .fd-card__avatar{margin-right:.75rem}.fd-card__header .fd-card__avatar[dir=rtl],[dir=rtl] .fd-card__header .fd-card__avatar{margin-left:.75rem;margin-right:0}.fd-card__header--non-interactive{cursor:auto}.fd-card__header--non-interactive.is-active,.fd-card__header--non-interactive.is-hover,.fd-card__header--non-interactive:active,.fd-card__header--non-interactive:hover{background:var(--fdCard_Background_Color)}.fd-card__header:last-child{border-bottom:none;border-radius:0 0 var(--fdCard_Border_Radius) var(--fdCard_Border_Radius);border-top:var(--fdCard_Header_Border_Bottom);padding:var(--fdCard_Bottom_Positioned_Header_Padding)}.fd-card__header:last-child.is-focus,.fd-card__header:last-child:focus{z-index:5}.fd-card__header:last-child.is-focus:before,.fd-card__header:last-child:focus:before{border-radius:0 0 var(--fdCard_Border_Radius) var(--fdCard_Border_Radius);bottom:.0625rem;top:.125rem}.fd-card__footer{-webkit-box-sizing:border-box;align-items:center;background:var(--fdCard_Background_Color);border:0;border-radius:0 0 var(--fdCard_Border_Radius) var(--fdCard_Border_Radius);border-top:var(--fdCard_Footer_Border_Top);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdCard_Footer_Padding)}.fd-card__footer:after,.fd-card__footer:before{box-sizing:inherit;font-size:inherit}.fd-card__footer-actions{-webkit-box-sizing:border-box;-webkit-box-pack:end;-ms-flex-pack:end;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;justify-content:flex-end;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-card__footer-actions:after,.fd-card__footer-actions:before{box-sizing:inherit;font-size:inherit}.fd-card__footer-actions-item{-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;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-card__footer-actions-item:after,.fd-card__footer-actions-item:before{box-sizing:inherit;font-size:inherit}.fd-card__footer-actions-item:not(:last-child){margin-right:var(--fdCard_Footer_Actions_Item_Spacing)}.fd-card__footer-actions-item:not(:last-child)[dir=rtl],[dir=rtl] .fd-card__footer-actions-item:not(:last-child){margin-left:var(--fdCard_Footer_Actions_Item_Spacing);margin-right:0}.fd-card__footer .fd-card__footer-link{margin-right:var(--fdCard_Footer_Actions_Item_Spacing);overflow:hidden;text-overflow:ellipsis;text-overflow:clip;white-space:nowrap}.fd-card__footer .fd-card__footer-link[dir=rtl],[dir=rtl] .fd-card__footer .fd-card__footer-link{margin-left:var(--fdCard_Footer_Actions_Item_Spacing);margin-right:0}.fd-card__bar-footer{border-radius:0 0 var(--fdCard_Border_Radius) var(--fdCard_Border_Radius)}.fd-card__header-text{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-card__header-text:after,.fd-card__header-text:before{box-sizing:inherit;font-size:inherit}.fd-card__title-area{-webkit-box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:flex-start;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;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-card__title-area:after,.fd-card__title-area:before{box-sizing:inherit;font-size:inherit}.fd-card__title{-webkit-box-sizing:border-box;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-line-clamp:3;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TitleTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--fdCard_Title_Font_Size);font-weight:400;font-weight:var(--fdCard_Title_Font_Weight);line-height:var(--sapContent_LineHeight);margin:0;max-height:4.2rem;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:normal}.fd-card__title:after,.fd-card__title:before{box-sizing:inherit;font-size:inherit}.fd-card__subtitle-area{-webkit-box-sizing:border-box;align-items:flex-end;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;line-height:var(--sapContent_LineHeight);margin:.25rem 0 0;padding:0}.fd-card__subtitle-area:after,.fd-card__subtitle-area:before{box-sizing:inherit;font-size:inherit}.fd-card__subtitle{-webkit-box-sizing:border-box;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-line-clamp:2;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;max-height:2.5rem;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:normal}.fd-card__subtitle:after,.fd-card__subtitle:before{box-sizing:inherit;font-size:inherit}.fd-card__counter.fd-object-status{font-size:var(--sapFontSmallSize);margin:var(--fdCard_Counter_Margin);text-align:right;white-space:nowrap}.fd-card__counter.fd-object-status[dir=rtl],[dir=rtl] .fd-card__counter.fd-object-status{margin:var(--fdCard_Counter_Margin_RTL)}.fd-card__currency{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0 0 0 .25rem;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-card__currency:after,.fd-card__currency:before{box-sizing:inherit;font-size:inherit}.fd-card__currency:before{content:\"|\\a0\"}.fd-card__currency[dir=rtl],[dir=rtl] .fd-card__currency{margin-left:0;margin-right:.25rem}.fd-card__analytics-area{-webkit-box-sizing:border-box;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;line-height:var(--sapContent_LineHeight);margin:.5rem 0 0;overflow:hidden;padding:0}.fd-card__analytics-area:after,.fd-card__analytics-area:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics-container{-webkit-box-sizing:border-box;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;line-height:var(--sapContent_LineHeight);margin:0 0 0 2rem;overflow-x:hidden;padding:0;white-space:nowrap;width:100%}.fd-card__analytics-container:after,.fd-card__analytics-container:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics-container[dir=rtl],[dir=rtl] .fd-card__analytics-container{margin-left:0;margin-right:2rem}.fd-card__analytics{-webkit-box-sizing:border-box;-webkit-box-align:end;-ms-flex-align:end;-webkit-box-pack:end;-ms-flex-pack:end;align-items:flex-end;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;justify-content:flex-end;line-height:var(--sapContent_LineHeight);margin:0 0 0 1rem;max-width:calc(50% - 1rem);overflow:hidden;padding:0 0 .25rem}.fd-card__analytics:after,.fd-card__analytics:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics[dir=rtl],[dir=rtl] .fd-card__analytics{margin-left:0;margin-right:1rem}.fd-card__analytics-text{-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;line-height:var(--sapContent_LineHeight);margin:0;padding:0 0 .25rem}.fd-card__analytics-text:after,.fd-card__analytics-text:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics-content{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TitleTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-card__analytics-content:after,.fd-card__analytics-content:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics-content[dir=rtl],[dir=rtl] .fd-card__analytics-content{direction:ltr;text-align:right}.fd-card__second-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-size:var(--sapFontSmallSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:.25rem 0 0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap;width:100%}.fd-card__second-subtitle:after,.fd-card__second-subtitle:before{box-sizing:inherit;font-size:inherit}.fd-card__numeric-content.fd-numeric-content{flex-shrink:0;width:auto}.fd-card__content{-webkit-box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1 0 auto;border:0;box-sizing:border-box;color:var(--sapTextColor);flex:1 0 auto;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-card__content:after,.fd-card__content:before{box-sizing:inherit;font-size:inherit}.fd-card__content:first-child,.fd-card__content:last-child{overflow:hidden}.fd-card__content:last-child{border-bottom-left-radius:var(--fdCard_Border_Radius);border-bottom-right-radius:var(--fdCard_Border_Radius)}.fd-card__content:last-child .fd-list__item:last-of-type.is-focus,.fd-card__content:last-child .fd-list__item:last-of-type:focus{z-index:5}.fd-card__content:last-child .fd-list__item:last-of-type.is-focus:before,.fd-card__content:last-child .fd-list__item:last-of-type:focus:before{border-bottom-left-radius:var(--fdCard_Border_Radius);border-bottom-right-radius:var(--fdCard_Border_Radius)}.fd-card__content:first-child{border-top-left-radius:var(--fdCard_Border_Radius);border-top-right-radius:var(--fdCard_Border_Radius)}.fd-card__content-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-card__content-container:after,.fd-card__content-container:before{box-sizing:inherit;font-size:inherit}.fd-card__content-container--horizontal{flex-direction:row}.fd-card__content-container--horizontal .fd-card__content-section{margin-bottom:0;margin-right:2rem}.fd-card__content-container--horizontal .fd-card__content-section:last-child{margin-right:0}.fd-card__content-container--horizontal .fd-card__content-section[dir=rtl],[dir=rtl] .fd-card__content-container--horizontal .fd-card__content-section{margin-left:2rem;margin-right:0}.fd-card__content-container--horizontal .fd-card__content-section[dir=rtl]:first-child,[dir=rtl] .fd-card__content-container--horizontal .fd-card__content-section:first-child{margin:0}.fd-card__content-section{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0 0 1.75rem;max-width:24rem;min-width:12rem;padding:0;width:100%}.fd-card__content-section:after,.fd-card__content-section:before{box-sizing:inherit;font-size:inherit}.fd-card__content-section:last-child{margin-bottom:0}.fd-card__content-title-container{-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;line-height:var(--sapContent_LineHeight);margin:0;padding:0 0 .5rem}.fd-card__content-title-container:after,.fd-card__content-title-container:before{box-sizing:inherit;font-size:inherit}.fd-card__content-group{-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;line-height:var(--sapContent_LineHeight);margin:1rem 0 0;padding:0}.fd-card__content-group:after,.fd-card__content-group:before{box-sizing:inherit;font-size:inherit}.fd-card__content-group-text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0 0 0 .5rem;padding:0}.fd-card__content-group-text:after,.fd-card__content-group-text:before{box-sizing:inherit;font-size:inherit}.fd-card__content-group-text:first-child{margin-left:0}.fd-card__content-group-text>*{margin-bottom:.25rem}.fd-card__content-group-text>:last-child{margin-bottom:0}.fd-card__content-group-text[dir=rtl],[dir=rtl] .fd-card__content-group-text{margin-left:0;margin-right:.5rem}.fd-card__content-group-text[dir=rtl]:first-child,[dir=rtl] .fd-card__content-group-text:first-child{margin:0}.fd-card--analytical .fd-card__subtitle-area{margin-top:.5rem}.fd-card--analytical .fd-card__title{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;max-height:2.8rem;overflow:hidden;text-overflow:ellipsis;white-space:normal}.fd-card--table.fd-card--compact .fd-card__content{padding-bottom:.5rem}.fd-card--table .fd-card__content .fd-table__header{border-left:none;border-right:none}.fd-card--table .fd-card__content .fd-table__body{border:none}.fd-card--object .fd-card__content{padding:1rem}.fd-card__loader{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;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;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;min-height:5rem;padding:0}.fd-card__loader:after,.fd-card__loader:before{box-sizing:inherit;font-size:inherit}/*!\n * Fundamental Library Styles v0.25.1-rc.16\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-badge{-webkit-box-sizing:border-box;background:var(--sapHighlightColor);border:0;border:.0625rem solid var(--fdBadge_Border_Color);border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;font-weight:700;height:1rem;line-height:var(--sapContent_LineHeight);line-height:normal;margin:0;max-width:calc(100% - 1rem);overflow:hidden;padding:0 .5rem;position:absolute;right:.5rem;text-overflow:ellipsis;top:-.55rem;white-space:nowrap;z-index:10}.fd-badge:after,.fd-badge:before{box-sizing:inherit;font-size:inherit}.fd-badge[dir=rtl],[dir=rtl] .fd-badge{left:.5rem;right:auto}.fd-badge--static{position:static}\n"] }]
+                    ], template: "<ng-container *ngIf=\"!isLoading; else loaderTmpl\">\n    <!-- Badge -->\n    <div *ngIf=\"badge\" class=\"fd-badge\" tabindex=\"0\">{{ badge }}</div>\n\n    <!-- Header and Content -->\n    <ng-content></ng-content>\n\n    <!-- Footer -->\n    <ng-content select=\"fd-card-footer\"></ng-content>\n</ng-container>\n\n<!-- Loader -->\n<ng-template #loaderTmpl>\n    <ng-content select=\"fd-card-loader\"></ng-content>\n</ng-template>\n", styles: ["@charset \"UTF-8\";.fd-numeric-content{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:3rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-numeric-content:after,.fd-numeric-content:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container,.fd-numeric-content__launch-icon-container{-webkit-box-sizing:border-box;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;height:100%;line-height:var(--sapContent_LineHeight);margin:0 .375rem 0 0;overflow:hidden;padding:.125rem 0 0}.fd-numeric-content__kpi-container:after,.fd-numeric-content__kpi-container:before,.fd-numeric-content__launch-icon-container:after,.fd-numeric-content__launch-icon-container:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.fd-numeric-content__kpi-container:first-child:last-child,.fd-numeric-content__launch-icon-container:first-child:last-child{margin:0}.fd-numeric-content__launch-icon-container{max-width:1.75rem;min-width:1.75rem;width:1.75rem}.fd-numeric-content__scale-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:100%;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:.5rem 0 .375rem}.fd-numeric-content__scale-container:after,.fd-numeric-content__scale-container:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-container:first-child:last-child{margin:0}.fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content__launch-icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapTile_IconColor);font-size:inherit;font-size:1.75rem;line-height:1;line-height:normal}.fd-numeric-content__kpi{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapNeutralTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:2.25rem;font-weight:400;font-weight:lighter;line-height:var(--sapContent_LineHeight);line-height:normal;margin:0;padding:0}.fd-numeric-content__kpi:after,.fd-numeric-content__kpi:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi--positive{color:var(--sapPositiveTextColor)}.fd-numeric-content__kpi--critical{color:var(--sapCriticalTextColor)}.fd-numeric-content__kpi--negative{color:var(--sapNegativeTextColor)}.fd-numeric-content__kpi--informative{color:var(--sapInformativeTextColor)}.fd-numeric-content__scale{-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;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-numeric-content__scale:after,.fd-numeric-content__scale:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale-arrow[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapNeutralTextColor);font-size:inherit;font-size:.875rem;line-height:1;line-height:normal}.fd-numeric-content__scale-text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapNeutralTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:.875rem;font-weight:400;line-height:var(--sapContent_LineHeight);line-height:normal;margin:0;padding:0}.fd-numeric-content__scale-text:after,.fd-numeric-content__scale-text:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale--positive .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--positive .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--positive .fd-numeric-content__scale-text{color:var(--sapPositiveTextColor)}.fd-numeric-content__scale--critical .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--critical .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--critical .fd-numeric-content__scale-text{color:var(--sapCriticalTextColor)}.fd-numeric-content__scale--negative .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--negative .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--negative .fd-numeric-content__scale-text{color:var(--sapNegativeTextColor)}.fd-numeric-content__scale--informative .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--informative .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--informative .fd-numeric-content__scale-text{color:var(--sapInformativeTextColor)}.fd-numeric-content--m{height:2.5rem}.fd-numeric-content--m .fd-numeric-content__kpi-container,.fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-right:.5rem;padding-top:0}.fd-numeric-content--m .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--m .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--m .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-left:.5rem;margin-right:0}.fd-numeric-content--m .fd-numeric-content__launch-icon-container{align-items:flex-end}.fd-numeric-content--m .fd-numeric-content__scale-container{padding-bottom:.188rem;padding-top:.375rem}.fd-numeric-content--m .fd-numeric-content__kpi{font-size:2rem}.fd-numeric-content--s{height:2.25rem}.fd-numeric-content--s .fd-numeric-content__kpi-container,.fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-right:.5rem;padding-top:0}.fd-numeric-content--s .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--s .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--s .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-left:.5rem;margin-right:0}.fd-numeric-content--s .fd-numeric-content__scale-container{padding-bottom:.313rem;padding-top:0}.fd-numeric-content--s .fd-numeric-content__kpi{font-size:1.75rem}.fd-numeric-content--small-tile{height:2.375rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{margin-right:.375rem;padding-top:.5rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile .fd-numeric-content__scale-container{padding-bottom:.25rem;padding-top:.25rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi,.fd-numeric-content--small-tile .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--m{height:2.375rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-right:.375rem;padding-top:.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__scale-container{padding-bottom:.25rem;padding-top:.25rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi,.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{align-items:flex-end}.fd-numeric-content--small-tile.fd-numeric-content--s{height:2.375rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-right:.375rem;padding-top:.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__scale-container{padding-bottom:.25rem;padding-top:.25rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi,.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__scale-container{padding-top:0}.fd-card{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--fdCard_Box_Shadow);background:var(--fdCard_Background_Color);border:0;border:var(--fdCard_Border);border-radius:var(--fdCard_Border_Radius);box-shadow:var(--fdCard_Box_Shadow);box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;min-height:100%;padding:0;position:relative;width:100%}.fd-card:after,.fd-card:before{box-sizing:inherit;font-size:inherit}.fd-card__header{-webkit-box-sizing:border-box;background:var(--fdCard_Background_Color);border:0;border-bottom:var(--fdCard_Header_Border_Bottom);border-radius:var(--fdCard_Border_Radius) var(--fdCard_Border_Radius) 0 0;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdCard_Header_Padding);position:relative;text-decoration:none}.fd-card__header:after,.fd-card__header:before{box-sizing:inherit;font-size:inherit}.fd-card__header:not(.fd-card__header--non-interactive).is-focus,.fd-card__header:not(.fd-card__header--non-interactive):focus{outline:none;z-index:5}.fd-card__header:not(.fd-card__header--non-interactive).is-focus:before,.fd-card__header:not(.fd-card__header--non-interactive):focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdCard_Border_Radius) var(--fdCard_Border_Radius) 0 0;content:\"\";display:block;inset:.0625rem .0625rem .125rem;position:absolute;z-index:3}.fd-card__header.is-hover,.fd-card__header:hover{background:var(--sapTile_Hover_Background)}.fd-card__header.is-active,.fd-card__header:active{background:var(--sapTile_Active_Background)}.fd-card__header .fd-card__avatar{margin-right:.75rem}.fd-card__header .fd-card__avatar[dir=rtl],[dir=rtl] .fd-card__header .fd-card__avatar{margin-left:.75rem;margin-right:0}.fd-card__header--non-interactive{cursor:auto}.fd-card__header--non-interactive.is-active,.fd-card__header--non-interactive.is-hover,.fd-card__header--non-interactive:active,.fd-card__header--non-interactive:hover{background:var(--fdCard_Background_Color)}.fd-card__header:last-child{border-bottom:none;border-radius:0 0 var(--fdCard_Border_Radius) var(--fdCard_Border_Radius);border-top:var(--fdCard_Header_Border_Bottom);padding:var(--fdCard_Bottom_Positioned_Header_Padding)}.fd-card__header:last-child.is-focus,.fd-card__header:last-child:focus{z-index:5}.fd-card__header:last-child.is-focus:before,.fd-card__header:last-child:focus:before{border-radius:0 0 var(--fdCard_Border_Radius) var(--fdCard_Border_Radius);bottom:.0625rem;top:.125rem}.fd-card__footer{-webkit-box-sizing:border-box;align-items:center;background:var(--fdCard_Background_Color);border:0;border-radius:0 0 var(--fdCard_Border_Radius) var(--fdCard_Border_Radius);border-top:var(--fdCard_Footer_Border_Top);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdCard_Footer_Padding)}.fd-card__footer:after,.fd-card__footer:before{box-sizing:inherit;font-size:inherit}.fd-card__footer-actions{-webkit-box-sizing:border-box;-webkit-box-pack:end;-ms-flex-pack:end;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;justify-content:flex-end;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-card__footer-actions:after,.fd-card__footer-actions:before{box-sizing:inherit;font-size:inherit}.fd-card__footer-actions-item{-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;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-card__footer-actions-item:after,.fd-card__footer-actions-item:before{box-sizing:inherit;font-size:inherit}.fd-card__footer-actions-item:not(:last-child){margin-right:var(--fdCard_Footer_Actions_Item_Spacing)}.fd-card__footer-actions-item:not(:last-child)[dir=rtl],[dir=rtl] .fd-card__footer-actions-item:not(:last-child){margin-left:var(--fdCard_Footer_Actions_Item_Spacing);margin-right:0}.fd-card__footer .fd-card__footer-link{margin-right:var(--fdCard_Footer_Actions_Item_Spacing);overflow:hidden;text-overflow:ellipsis;text-overflow:clip;white-space:nowrap}.fd-card__footer .fd-card__footer-link[dir=rtl],[dir=rtl] .fd-card__footer .fd-card__footer-link{margin-left:var(--fdCard_Footer_Actions_Item_Spacing);margin-right:0}.fd-card__bar-footer{border-radius:0 0 var(--fdCard_Border_Radius) var(--fdCard_Border_Radius)}.fd-card__header-text{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-card__header-text:after,.fd-card__header-text:before{box-sizing:inherit;font-size:inherit}.fd-card__title-area{-webkit-box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:flex-start;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;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-card__title-area:after,.fd-card__title-area:before{box-sizing:inherit;font-size:inherit}.fd-card__title{-webkit-box-sizing:border-box;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-line-clamp:3;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TitleTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--fdCard_Title_Font_Size);font-weight:400;font-weight:var(--fdCard_Title_Font_Weight);line-height:var(--sapContent_LineHeight);margin:0;max-height:4.2rem;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:normal}.fd-card__title:after,.fd-card__title:before{box-sizing:inherit;font-size:inherit}.fd-card__subtitle-area{-webkit-box-sizing:border-box;align-items:flex-end;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;line-height:var(--sapContent_LineHeight);margin:.25rem 0 0;padding:0}.fd-card__subtitle-area:after,.fd-card__subtitle-area:before{box-sizing:inherit;font-size:inherit}.fd-card__subtitle{-webkit-box-sizing:border-box;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-line-clamp:2;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;max-height:2.5rem;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:normal}.fd-card__subtitle:after,.fd-card__subtitle:before{box-sizing:inherit;font-size:inherit}.fd-card__counter.fd-object-status{font-size:var(--sapFontSmallSize);margin:var(--fdCard_Counter_Margin);text-align:right;white-space:nowrap}.fd-card__counter.fd-object-status[dir=rtl],[dir=rtl] .fd-card__counter.fd-object-status{margin:var(--fdCard_Counter_Margin_RTL)}.fd-card__currency{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0 0 0 .25rem;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-card__currency:after,.fd-card__currency:before{box-sizing:inherit;font-size:inherit}.fd-card__currency:before{content:\"|\\a0\"}.fd-card__currency[dir=rtl],[dir=rtl] .fd-card__currency{margin-left:0;margin-right:.25rem}.fd-card__analytics-area{-webkit-box-sizing:border-box;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;line-height:var(--sapContent_LineHeight);margin:.5rem 0 0;overflow:hidden;padding:0}.fd-card__analytics-area:after,.fd-card__analytics-area:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics-container{-webkit-box-sizing:border-box;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;line-height:var(--sapContent_LineHeight);margin:0 0 0 2rem;overflow-x:hidden;padding:0;white-space:nowrap;width:100%}.fd-card__analytics-container:after,.fd-card__analytics-container:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics-container[dir=rtl],[dir=rtl] .fd-card__analytics-container{margin-left:0;margin-right:2rem}.fd-card__analytics{-webkit-box-sizing:border-box;-webkit-box-align:end;-ms-flex-align:end;-webkit-box-pack:end;-ms-flex-pack:end;align-items:flex-end;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;justify-content:flex-end;line-height:var(--sapContent_LineHeight);margin:0 0 0 1rem;max-width:calc(50% - 1rem);overflow:hidden;padding:0 0 .25rem}.fd-card__analytics:after,.fd-card__analytics:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics[dir=rtl],[dir=rtl] .fd-card__analytics{margin-left:0;margin-right:1rem}.fd-card__analytics-text{-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;line-height:var(--sapContent_LineHeight);margin:0;padding:0 0 .25rem}.fd-card__analytics-text:after,.fd-card__analytics-text:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics-content{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TitleTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-card__analytics-content:after,.fd-card__analytics-content:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics-content[dir=rtl],[dir=rtl] .fd-card__analytics-content{direction:ltr;text-align:right}.fd-card__second-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-size:var(--sapFontSmallSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:.25rem 0 0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap;width:100%}.fd-card__second-subtitle:after,.fd-card__second-subtitle:before{box-sizing:inherit;font-size:inherit}.fd-card__numeric-content.fd-numeric-content{flex-shrink:0;width:auto}.fd-card__content{-webkit-box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1 0 auto;border:0;box-sizing:border-box;color:var(--sapTextColor);flex:1 0 auto;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-card__content:after,.fd-card__content:before{box-sizing:inherit;font-size:inherit}.fd-card__content:first-child,.fd-card__content:last-child{overflow:hidden}.fd-card__content:last-child{border-bottom-left-radius:var(--fdCard_Border_Radius);border-bottom-right-radius:var(--fdCard_Border_Radius)}.fd-card__content:last-child .fd-list__item:last-of-type.is-focus,.fd-card__content:last-child .fd-list__item:last-of-type:focus{z-index:5}.fd-card__content:last-child .fd-list__item:last-of-type.is-focus:before,.fd-card__content:last-child .fd-list__item:last-of-type:focus:before{border-bottom-left-radius:var(--fdCard_Border_Radius);border-bottom-right-radius:var(--fdCard_Border_Radius)}.fd-card__content:first-child{border-top-left-radius:var(--fdCard_Border_Radius);border-top-right-radius:var(--fdCard_Border_Radius)}.fd-card__content-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-card__content-container:after,.fd-card__content-container:before{box-sizing:inherit;font-size:inherit}.fd-card__content-container--horizontal{flex-direction:row}.fd-card__content-container--horizontal .fd-card__content-section{margin-bottom:0;margin-right:2rem}.fd-card__content-container--horizontal .fd-card__content-section:last-child{margin-right:0}.fd-card__content-container--horizontal .fd-card__content-section[dir=rtl],[dir=rtl] .fd-card__content-container--horizontal .fd-card__content-section{margin-left:2rem;margin-right:0}.fd-card__content-container--horizontal .fd-card__content-section[dir=rtl]:first-child,[dir=rtl] .fd-card__content-container--horizontal .fd-card__content-section:first-child{margin:0}.fd-card__content-section{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0 0 1.75rem;max-width:24rem;min-width:12rem;padding:0;width:100%}.fd-card__content-section:after,.fd-card__content-section:before{box-sizing:inherit;font-size:inherit}.fd-card__content-section:last-child{margin-bottom:0}.fd-card__content-title-container{-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;line-height:var(--sapContent_LineHeight);margin:0;padding:0 0 .5rem}.fd-card__content-title-container:after,.fd-card__content-title-container:before{box-sizing:inherit;font-size:inherit}.fd-card__content-group{-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;line-height:var(--sapContent_LineHeight);margin:1rem 0 0;padding:0}.fd-card__content-group:after,.fd-card__content-group:before{box-sizing:inherit;font-size:inherit}.fd-card__content-group-text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0 0 0 .5rem;padding:0}.fd-card__content-group-text:after,.fd-card__content-group-text:before{box-sizing:inherit;font-size:inherit}.fd-card__content-group-text:first-child{margin-left:0}.fd-card__content-group-text>*{margin-bottom:.25rem}.fd-card__content-group-text>:last-child{margin-bottom:0}.fd-card__content-group-text[dir=rtl],[dir=rtl] .fd-card__content-group-text{margin-left:0;margin-right:.5rem}.fd-card__content-group-text[dir=rtl]:first-child,[dir=rtl] .fd-card__content-group-text:first-child{margin:0}.fd-card--analytical .fd-card__subtitle-area{margin-top:.5rem}.fd-card--analytical .fd-card__title{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;max-height:2.8rem;overflow:hidden;text-overflow:ellipsis;white-space:normal}.fd-card--table.fd-card--compact .fd-card__content{padding-bottom:.5rem}.fd-card--table .fd-card__content .fd-table__header{border-left:none;border-right:none}.fd-card--table .fd-card__content .fd-table__body{border:none}.fd-card--object .fd-card__content{padding:1rem}.fd-card__loader{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;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;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;min-height:5rem;padding:0}.fd-card__loader:after,.fd-card__loader:before{box-sizing:inherit;font-size:inherit}/*!\n * Fundamental Library Styles v0.26.0-rc.27\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-badge{-webkit-box-sizing:border-box;background:var(--sapHighlightColor);border:0;border:.0625rem solid var(--fdBadge_Border_Color);border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;font-weight:700;height:1rem;line-height:var(--sapContent_LineHeight);line-height:normal;margin:0;max-width:calc(100% - 1rem);overflow:hidden;padding:0 .5rem;position:absolute;right:.5rem;text-overflow:ellipsis;top:-.55rem;white-space:nowrap;z-index:10}.fd-badge:after,.fd-badge:before{box-sizing:inherit;font-size:inherit}.fd-badge[dir=rtl],[dir=rtl] .fd-badge{left:.5rem;right:auto}.fd-badge--static{position:static}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.ContentDensityObserver }]; }, propDecorators: { badge: [{
                 type: Input
             }], isLoading: [{

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

@@ -3,7 +3,7 @@ import { Directive, Input, HostBinding, EventEmitter, Injectable, Inject, Output
 import * as i3 from '@angular/common';
 import { DOCUMENT, CommonModule } from '@angular/common';
 import { Subject, merge, fromEvent } from 'rxjs';
-import { takeUntil, debounceTime } from 'rxjs/operators';
+import { takeUntil, take, debounceTime } from 'rxjs/operators';
 import * as i2 from '@fundamental-ngx/core/utils';
 import { resizeObservable } from '@fundamental-ngx/core/utils';
 import * as i1 from '@fundamental-ngx/core/busy-indicator';
@@ -443,8 +443,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
 let carouselItemCounter = 0;
 class CarouselItemComponent {
     /** @hidden */
-    constructor(_changeDetectorRef, _elementRef) {
-        this._changeDetectorRef = _changeDetectorRef;
+    constructor(_elementRef) {
         this._elementRef = _elementRef;
         /** Id of the Carousel items. */
         this.id = `fd-carousel-item-${carouselItemCounter++}`;
@@ -464,7 +463,6 @@ class CarouselItemComponent {
     /** @hidden */
     set visibility(visibility) {
         this._visibility = visibility;
-        this._changeDetectorRef.detectChanges();
     }
     get visibility() {
         return this._visibility;
@@ -482,12 +480,12 @@ class CarouselItemComponent {
         return this.element.getBoundingClientRect().height || this.initialHeight;
     }
 }
-CarouselItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: CarouselItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+CarouselItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: CarouselItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
 CarouselItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: CarouselItemComponent, selector: "fd-carousel-item", inputs: { id: "id", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", ariaDescribedBy: "ariaDescribedBy", loading: "loading", title: "title", initialHeight: "initialHeight", initialWidth: "initialWidth", value: "value" }, host: { properties: { "attr.id": "this.id", "attr.aria-label": "this.ariaLabel", "attr.aria-labelledby": "this.ariaLabelledBy", "attr.aria-describedby": "this.ariaDescribedBy", "attr.title": "this.title", "class.fd-carousel__item": "this.carouselItem", "class.fd-carousel__item--active": "this.carouselItemActive", "style.visibility": "this._visibility" } }, ngImport: i0, template: "<fd-busy-indicator [loading]=\"loading\">\n    <ng-content></ng-content>\n</fd-busy-indicator>\n", dependencies: [{ kind: "component", type: i1.BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "title", "label", "ariaLive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: CarouselItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-carousel-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<fd-busy-indicator [loading]=\"loading\">\n    <ng-content></ng-content>\n</fd-busy-indicator>\n" }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { id: [{
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { id: [{
                 type: Input
             }, {
                 type: HostBinding,
@@ -553,11 +551,12 @@ class CarouselActiveSlides {
 }
 class CarouselComponent {
     /** @hidden */
-    constructor(_elementRef, _renderer, _changeDetectorRef, _carouselService, _rtlService) {
+    constructor(_elementRef, _renderer, _changeDetectorRef, _carouselService, _zone, _rtlService) {
         this._elementRef = _elementRef;
         this._renderer = _renderer;
         this._changeDetectorRef = _changeDetectorRef;
         this._carouselService = _carouselService;
+        this._zone = _zone;
         this._rtlService = _rtlService;
         /** ID for the Carousel. */
         this.id = `fd-carousel-${carouselCounter++}`;
@@ -837,28 +836,31 @@ class CarouselComponent {
     }
     /** @hidden Initialize carousel with visible items */
     _initializeCarousel() {
-        // Handles navigator button enabled/disabled state
-        this._buttonVisibility();
-        let arrayLength;
-        // set page indicator count with fake array, to use in template
-        if (this.loop && this._visibleSlidesNumericCount > 1) {
-            // If loop with multi item visible.
-            arrayLength = this.slides.length;
-        }
-        else {
-            arrayLength = this.slides.length - this._visibleSlidesNumericCount + 1;
-        }
-        const pageIndicatorsIfZeroCount = this.slides.length === 0 ? 0 : 1;
-        this.pageIndicatorsCountArray = new Array(arrayLength > 0 ? arrayLength : pageIndicatorsIfZeroCount);
-        this._goToFirstItem();
-        this.slides.forEach((_slide, index) => {
-            if (index >= this.currentActiveSlidesStartIndex &&
-                index < this.currentActiveSlidesStartIndex + this._visibleSlidesNumericCount) {
-                _slide.visibility = 'visible';
+        this._zone.onMicrotaskEmpty.pipe(take(1)).subscribe(() => {
+            // Handles navigator button enabled/disabled state
+            this._buttonVisibility();
+            let arrayLength;
+            // set page indicator count with fake array, to use in template
+            if (this.loop && this._visibleSlidesNumericCount > 1) {
+                // If loop with multi item visible.
+                arrayLength = this.slides.length;
             }
             else {
-                _slide.visibility = 'hidden';
+                arrayLength = this.slides.length - this._visibleSlidesNumericCount + 1;
             }
+            const pageIndicatorsIfZeroCount = this.slides.length === 0 ? 0 : 1;
+            this.pageIndicatorsCountArray = new Array(arrayLength > 0 ? arrayLength : pageIndicatorsIfZeroCount);
+            this._goToFirstItem();
+            this.slides.forEach((_slide, index) => {
+                if (index >= this.currentActiveSlidesStartIndex &&
+                    index < this.currentActiveSlidesStartIndex + this._visibleSlidesNumericCount) {
+                    _slide.visibility = 'visible';
+                }
+                else {
+                    _slide.visibility = 'hidden';
+                }
+            });
+            this._changeDetectorRef.detectChanges();
         });
     }
     /** @hidden */
@@ -1093,14 +1095,14 @@ class CarouselComponent {
         return slides;
     }
 }
-CarouselComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: CarouselComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: CarouselService }, { token: i2.RtlService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-CarouselComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: CarouselComponent, selector: "fd-carousel", inputs: { id: "id", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", ariaDescribedBy: "ariaDescribedBy", pageIndicatorsOrientation: "pageIndicatorsOrientation", height: "height", width: "width", loop: "loop", leftNavigationBtnLabel: "leftNavigationBtnLabel", rightNavigationBtnLabel: "rightNavigationBtnLabel", navigation: "navigation", navigatorInPageIndicator: "navigatorInPageIndicator", numericIndicator: "numericIndicator", pageIndicatorContainer: "pageIndicatorContainer", pageIndicator: "pageIndicator", resourceStrings: "resourceStrings", slideTransitionDuration: "slideTransitionDuration", swipeEnabled: "swipeEnabled", vertical: "vertical", visibleSlidesCount: "visibleSlidesCount" }, outputs: { slideChange: "slideChange" }, host: { listeners: { "keydown.arrowright": "onKeydownArrowRight($event)", "keydown.arrowleft": "onKeydownArrowLeft($event)" }, properties: { "style.width": "width", "attr.id": "this.id" } }, providers: [CarouselService], queries: [{ propertyName: "slides", predicate: CarouselItemComponent, descendants: true }], viewQueries: [{ propertyName: "slideContainer", first: true, predicate: ["slideContainer"], descendants: true }, { propertyName: "carouselContainer", first: true, predicate: ["carouselContainer"], descendants: true }], ngImport: i0, template: "<div\n    class=\"fd-carousel\"\n    [class.fd-carousel--no-navigation]=\"!navigation\"\n    data-ride=\"carousel\"\n    tabindex=\"0\"\n    [style.height]=\"height\"\n    [style.width]=\"width\"\n    [attr.dir]=\"dir\"\n    role=\"region\"\n    #carouselContainer\n    (click)=\"_focus()\"\n>\n    <ng-container *ngIf=\"_showPageIndicatorContainer && pageIndicatorsOrientation === 'top'\">\n        <ng-container *ngTemplateOutlet=\"pageIndicatorContainer\"></ng-container>\n    </ng-container>\n\n    <div\n        class=\"fd-carousel__content\"\n        [class.fd-carousel__content--horizontal]=\"!vertical\"\n        [style.width]=\"_contentSizePx\"\n    >\n        <ng-container *ngIf=\"_showNavigationButtonInContent\">\n            <ng-container *ngTemplateOutlet=\"buttonLeft\"></ng-container>\n        </ng-container>\n\n        <div #slideContainer class=\"fd-carousel__slides\">\n            <ng-content></ng-content>\n        </div>\n\n        <ng-container *ngIf=\"_showNavigationButtonInContent\">\n            <ng-container *ngTemplateOutlet=\"buttonRight\"></ng-container>\n        </ng-container>\n    </div>\n\n    <ng-container *ngIf=\"_showPageIndicatorContainer && pageIndicatorsOrientation === 'bottom'\">\n        <ng-container *ngTemplateOutlet=\"pageIndicatorContainer\"></ng-container>\n    </ng-container>\n\n    <div style=\"display: none\" role=\"region\" [attr.id]=\"id + '-accessibility'\" aria-live=\"polite\" dir=\"ltr\">\n        {{ screenReaderLabel }}\n    </div>\n</div>\n\n<ng-template #pageIndicatorContainer>\n    <div class=\"fd-carousel__page-indicator-container\">\n        <ng-container *ngIf=\"_showNavigationButtonInPageIndicatorContainer\">\n            <ng-container *ngTemplateOutlet=\"buttonLeft\"></ng-container>\n        </ng-container>\n\n        <ng-container *ngTemplateOutlet=\"pageIndicators\"> </ng-container>\n\n        <ng-container *ngIf=\"_showNavigationButtonInPageIndicatorContainer\">\n            <ng-container *ngTemplateOutlet=\"buttonRight\"></ng-container>\n        </ng-container>\n    </div>\n</ng-template>\n\n<ng-template #pageIndicators>\n    <ng-container *ngIf=\"numericIndicator\">\n        <div class=\"fd-carousel__page-indicators\">\n            <ng-container *ngIf=\"pageIndicator\">\n                <div class=\"fd-carousel__text\" dir=\"ltr\">\n                    {{ getPageIndicatorLabel }}\n                </div>\n            </ng-container>\n        </div>\n    </ng-container>\n    <ng-container *ngIf=\"!numericIndicator && _showNavigationButtonInPageIndicatorContainer\">\n        <ol class=\"fd-carousel__page-indicators\" [attr.dir]=\"dir\">\n            <ng-container *ngIf=\"pageIndicator\">\n                <ng-container *ngFor=\"let item of pageIndicatorsCountArray; let i = index\">\n                    <li\n                        [attr.data-slide-to]=\"i + 1\"\n                        class=\"fd-carousel__page-indicator\"\n                        [class.fd-carousel__page-indicator--active]=\"i === currentActiveSlidesStartIndex\"\n                    ></li>\n                </ng-container>\n            </ng-container>\n        </ol>\n    </ng-container>\n</ng-template>\n\n<ng-template #buttonLeft>\n    <button\n        fd-button\n        class=\"fd-carousel__button fd-carousel__button--left\"\n        [style.z-index]=\"1\"\n        data-slide=\"previous\"\n        [attr.aria-label]=\"leftNavigationBtnLabel || ('coreCarousel.leftNavigationBtnLabel' | fdTranslate)\"\n        (click)=\"previous(); $event.stopPropagation()\"\n        [disabled]=\"leftButtonDisabled\"\n        [attr.title]=\"leftNavigationBtnLabel || ('coreCarousel.leftNavigationBtnLabel' | fdTranslate)\"\n        glyph=\"slim-arrow-left\"\n    ></button>\n</ng-template>\n\n<ng-template #buttonRight>\n    <button\n        fd-button\n        class=\"fd-carousel__button fd-carousel__button--right\"\n        [style.z-index]=\"1\"\n        data-slide=\"next\"\n        [attr.aria-label]=\"rightNavigationBtnLabel || ('coreCarousel.rightNavigationBtnLabel' | fdTranslate)\"\n        (click)=\"next(); $event.stopPropagation()\"\n        [disabled]=\"rightButtonDisabled\"\n        [attr.title]=\"rightNavigationBtnLabel || ('coreCarousel.rightNavigationBtnLabel' | fdTranslate)\"\n        glyph=\"slim-arrow-right\"\n    ></button>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.25.1-rc.16\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-carousel{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:100%;line-height:var(--sapContent_LineHeight);margin:0;max-width:100%;min-width:15.5rem;padding:0;width:100%}.fd-carousel:after,.fd-carousel:before{box-sizing:inherit;font-size:inherit}.fd-carousel.is-focus,.fd-carousel:focus{outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-carousel.is-hover .fd-carousel__content .fd-carousel__button,.fd-carousel:hover .fd-carousel__content .fd-carousel__button{display:block}.fd-carousel .fd-carousel__content{-webkit-box-sizing:border-box;-ms-flex-preferred-size:100%;background:var(--fdCarousel_Content_Background);border:0;box-sizing:border-box;color:var(--sapTextColor);flex-basis:100%;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;position:relative}.fd-carousel .fd-carousel__content:after,.fd-carousel .fd-carousel__content:before{box-sizing:inherit;font-size:inherit}.fd-carousel .fd-carousel__content .fd-carousel__button{-webkit-box-shadow:var(--sapContent_Shadow1);-webkit-transform:translateY(-50%);box-shadow:var(--sapContent_Shadow1);display:none;margin:0;position:absolute;top:50%;transform:translateY(-50%)}.fd-carousel .fd-carousel__content .fd-carousel__button--left{left:.5rem}.fd-carousel .fd-carousel__content .fd-carousel__button--left[dir=rtl],[dir=rtl] .fd-carousel .fd-carousel__content .fd-carousel__button--left{left:auto;right:.5rem}.fd-carousel .fd-carousel__content .fd-carousel__button--right{right:.5rem}.fd-carousel .fd-carousel__content .fd-carousel__button--right[dir=rtl],[dir=rtl] .fd-carousel .fd-carousel__content .fd-carousel__button--right{left:.5rem;right:auto}.fd-carousel .fd-carousel__content .fd-carousel__item img{height:auto;min-width:100%}.fd-carousel .fd-carousel__content--horizontal .fd-carousel__slides{-ms-touch-action:pan-y;display:flex;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;touch-action:pan-y;width:100%}.fd-carousel .fd-carousel__content--horizontal .fd-carousel__item img{min-height:100%;min-width:auto;width:auto}.fd-carousel__slides{-webkit-box-sizing:border-box;-ms-touch-action:pan-x;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:rgba(0,0,0,0);border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:100%;line-height:var(--sapContent_LineHeight);margin:0;min-height:-moz-fit-content;min-height:fit-content;padding:0;touch-action:pan-x;user-select:none}.fd-carousel__slides:after,.fd-carousel__slides:before{box-sizing:inherit;font-size:inherit}.fd-carousel__item{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;display:none;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:100%;justify-content:center;line-height:var(--sapContent_LineHeight);line-height:0;margin:0;padding:0;width:100%}.fd-carousel__item:after,.fd-carousel__item:before{box-sizing:inherit;font-size:inherit}.fd-carousel__item--active{display:block}.fd-carousel__item img{pointer-events:none}.fd-carousel__page-indicator-container{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:var(--sapPageFooter_Background);border:0;border-top:var(--fdCarousel_Pagination_Border);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;max-height:3.5rem;min-height:2.75rem;padding:.375rem .5rem}.fd-carousel__page-indicator-container:after,.fd-carousel__page-indicator-container:before{box-sizing:inherit;font-size:inherit}.fd-carousel__page-indicator-container:first-child{border-bottom:var(--fdCarousel_Pagination_Border);border-top:none}.fd-carousel__page-indicators{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-ms-flex-wrap:wrap;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-wrap:wrap;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;min-width:9rem;padding:.5rem}.fd-carousel__page-indicators:after,.fd-carousel__page-indicators:before{box-sizing:inherit;font-size:inherit}.fd-carousel__page-indicator{-webkit-box-sizing:border-box;background-color:var(--fdCarousel_Dot_Background);border:0;border:var(--fdCarousel_Dot_Border);border-radius:50%;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:var(--fdCarousel_Dot_Size);line-height:var(--sapContent_LineHeight);list-style-type:none;margin:0;margin:var(--fdCarousel_Dot_Margin);padding:0;width:var(--fdCarousel_Dot_Size)}.fd-carousel__page-indicator:after,.fd-carousel__page-indicator:before{box-sizing:inherit;font-size:inherit}.fd-carousel__page-indicator--active{background-color:var(--fdCarousel_Dot_Selected_Background);border:var(--fdCarousel_Dot_Selected_Border);height:.5rem;margin:0 .25rem;width:.5rem}.fd-carousel__text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapPageFooter_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.fd-carousel__text:after,.fd-carousel__text:before{box-sizing:inherit;font-size:inherit}.fd-carousel .fd-carousel__button{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border-radius:50%;display:flex;height:2.125rem;justify-content:center;margin:.25rem;max-height:2.125rem;max-width:2.125rem;min-height:2.125rem;min-width:2.125rem;padding:0;width:2.125rem}.fd-carousel .fd-carousel__button:before{inset:-.25rem;width:auto}.fd-carousel .fd-carousel__button[dir=rtl]>[class*=sap-icon],[dir=rtl] .fd-carousel .fd-carousel__button>[class*=sap-icon]{transform:rotate(180deg)}.fd-carousel .fd-carousel__button.is-hover,.fd-carousel .fd-carousel__button:hover{box-shadow:var(--sapContent_Shadow1)}.fd-carousel--no-navigation .fd-carousel__button,.fd-carousel--no-navigation.is-hover .fd-carousel__content .fd-carousel__button,.fd-carousel--no-navigation:hover .fd-carousel__content .fd-carousel__button{display:none}.fd-carousel__item fd-busy-indicator{display:block;height:100%}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "pipe", type: i5.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+CarouselComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: CarouselComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: CarouselService }, { token: i0.NgZone }, { token: i2.RtlService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+CarouselComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: CarouselComponent, selector: "fd-carousel", inputs: { id: "id", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", ariaDescribedBy: "ariaDescribedBy", pageIndicatorsOrientation: "pageIndicatorsOrientation", height: "height", width: "width", loop: "loop", leftNavigationBtnLabel: "leftNavigationBtnLabel", rightNavigationBtnLabel: "rightNavigationBtnLabel", navigation: "navigation", navigatorInPageIndicator: "navigatorInPageIndicator", numericIndicator: "numericIndicator", pageIndicatorContainer: "pageIndicatorContainer", pageIndicator: "pageIndicator", resourceStrings: "resourceStrings", slideTransitionDuration: "slideTransitionDuration", swipeEnabled: "swipeEnabled", vertical: "vertical", visibleSlidesCount: "visibleSlidesCount" }, outputs: { slideChange: "slideChange" }, host: { listeners: { "keydown.arrowright": "onKeydownArrowRight($event)", "keydown.arrowleft": "onKeydownArrowLeft($event)" }, properties: { "style.width": "width", "attr.id": "this.id" } }, providers: [CarouselService], queries: [{ propertyName: "slides", predicate: CarouselItemComponent, descendants: true }], viewQueries: [{ propertyName: "slideContainer", first: true, predicate: ["slideContainer"], descendants: true }, { propertyName: "carouselContainer", first: true, predicate: ["carouselContainer"], descendants: true }], ngImport: i0, template: "<div\n    class=\"fd-carousel\"\n    [class.fd-carousel--no-navigation]=\"!navigation\"\n    data-ride=\"carousel\"\n    tabindex=\"0\"\n    [style.height]=\"height\"\n    [style.width]=\"width\"\n    [attr.dir]=\"dir\"\n    role=\"region\"\n    #carouselContainer\n    (click)=\"_focus()\"\n>\n    <ng-container *ngIf=\"_showPageIndicatorContainer && pageIndicatorsOrientation === 'top'\">\n        <ng-container *ngTemplateOutlet=\"pageIndicatorContainer\"></ng-container>\n    </ng-container>\n\n    <div\n        class=\"fd-carousel__content\"\n        [class.fd-carousel__content--horizontal]=\"!vertical\"\n        [style.width]=\"_contentSizePx\"\n    >\n        <ng-container *ngIf=\"_showNavigationButtonInContent\">\n            <ng-container *ngTemplateOutlet=\"buttonLeft\"></ng-container>\n        </ng-container>\n\n        <div #slideContainer class=\"fd-carousel__slides\">\n            <ng-content></ng-content>\n        </div>\n\n        <ng-container *ngIf=\"_showNavigationButtonInContent\">\n            <ng-container *ngTemplateOutlet=\"buttonRight\"></ng-container>\n        </ng-container>\n    </div>\n\n    <ng-container *ngIf=\"_showPageIndicatorContainer && pageIndicatorsOrientation === 'bottom'\">\n        <ng-container *ngTemplateOutlet=\"pageIndicatorContainer\"></ng-container>\n    </ng-container>\n\n    <div style=\"display: none\" role=\"region\" [attr.id]=\"id + '-accessibility'\" aria-live=\"polite\" dir=\"ltr\">\n        {{ screenReaderLabel }}\n    </div>\n</div>\n\n<ng-template #pageIndicatorContainer>\n    <div class=\"fd-carousel__page-indicator-container\">\n        <ng-container *ngIf=\"_showNavigationButtonInPageIndicatorContainer\">\n            <ng-container *ngTemplateOutlet=\"buttonLeft\"></ng-container>\n        </ng-container>\n\n        <ng-container *ngTemplateOutlet=\"pageIndicators\"> </ng-container>\n\n        <ng-container *ngIf=\"_showNavigationButtonInPageIndicatorContainer\">\n            <ng-container *ngTemplateOutlet=\"buttonRight\"></ng-container>\n        </ng-container>\n    </div>\n</ng-template>\n\n<ng-template #pageIndicators>\n    <ng-container *ngIf=\"numericIndicator\">\n        <div class=\"fd-carousel__page-indicators\">\n            <ng-container *ngIf=\"pageIndicator\">\n                <div class=\"fd-carousel__text\" dir=\"ltr\">\n                    {{ getPageIndicatorLabel }}\n                </div>\n            </ng-container>\n        </div>\n    </ng-container>\n    <ng-container *ngIf=\"!numericIndicator && _showNavigationButtonInPageIndicatorContainer\">\n        <ol class=\"fd-carousel__page-indicators\" [attr.dir]=\"dir\">\n            <ng-container *ngIf=\"pageIndicator\">\n                <ng-container *ngFor=\"let item of pageIndicatorsCountArray; let i = index\">\n                    <li\n                        [attr.data-slide-to]=\"i + 1\"\n                        class=\"fd-carousel__page-indicator\"\n                        [class.fd-carousel__page-indicator--active]=\"i === currentActiveSlidesStartIndex\"\n                    ></li>\n                </ng-container>\n            </ng-container>\n        </ol>\n    </ng-container>\n</ng-template>\n\n<ng-template #buttonLeft>\n    <button\n        fd-button\n        class=\"fd-carousel__button fd-carousel__button--left\"\n        [style.z-index]=\"1\"\n        data-slide=\"previous\"\n        [attr.aria-label]=\"leftNavigationBtnLabel || ('coreCarousel.leftNavigationBtnLabel' | fdTranslate)\"\n        (click)=\"previous(); $event.stopPropagation()\"\n        [disabled]=\"leftButtonDisabled\"\n        [attr.title]=\"leftNavigationBtnLabel || ('coreCarousel.leftNavigationBtnLabel' | fdTranslate)\"\n        glyph=\"slim-arrow-left\"\n    ></button>\n</ng-template>\n\n<ng-template #buttonRight>\n    <button\n        fd-button\n        class=\"fd-carousel__button fd-carousel__button--right\"\n        [style.z-index]=\"1\"\n        data-slide=\"next\"\n        [attr.aria-label]=\"rightNavigationBtnLabel || ('coreCarousel.rightNavigationBtnLabel' | fdTranslate)\"\n        (click)=\"next(); $event.stopPropagation()\"\n        [disabled]=\"rightButtonDisabled\"\n        [attr.title]=\"rightNavigationBtnLabel || ('coreCarousel.rightNavigationBtnLabel' | fdTranslate)\"\n        glyph=\"slim-arrow-right\"\n    ></button>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.26.0-rc.27\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-carousel{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:100%;line-height:var(--sapContent_LineHeight);margin:0;max-width:100%;min-width:15.5rem;padding:0;width:100%}.fd-carousel:after,.fd-carousel:before{box-sizing:inherit;font-size:inherit}.fd-carousel.is-focus,.fd-carousel:focus{outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-carousel.is-hover .fd-carousel__content .fd-carousel__button,.fd-carousel:hover .fd-carousel__content .fd-carousel__button{display:block}.fd-carousel .fd-carousel__content{-webkit-box-sizing:border-box;-ms-flex-preferred-size:100%;background:var(--fdCarousel_Content_Background);border:0;box-sizing:border-box;color:var(--sapTextColor);flex-basis:100%;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;position:relative}.fd-carousel .fd-carousel__content:after,.fd-carousel .fd-carousel__content:before{box-sizing:inherit;font-size:inherit}.fd-carousel .fd-carousel__content .fd-carousel__button{-webkit-box-shadow:var(--sapContent_Shadow1);-webkit-transform:translateY(-50%);box-shadow:var(--sapContent_Shadow1);display:none;margin:0;position:absolute;top:50%;transform:translateY(-50%)}.fd-carousel .fd-carousel__content .fd-carousel__button--left{left:.5rem}.fd-carousel .fd-carousel__content .fd-carousel__button--left[dir=rtl],[dir=rtl] .fd-carousel .fd-carousel__content .fd-carousel__button--left{left:auto;right:.5rem}.fd-carousel .fd-carousel__content .fd-carousel__button--right{right:.5rem}.fd-carousel .fd-carousel__content .fd-carousel__button--right[dir=rtl],[dir=rtl] .fd-carousel .fd-carousel__content .fd-carousel__button--right{left:.5rem;right:auto}.fd-carousel .fd-carousel__content .fd-carousel__item img{height:auto;min-width:100%}.fd-carousel .fd-carousel__content--horizontal .fd-carousel__slides{-ms-touch-action:pan-y;display:flex;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;touch-action:pan-y;width:100%}.fd-carousel .fd-carousel__content--horizontal .fd-carousel__item img{min-height:100%;min-width:auto;width:auto}.fd-carousel__slides{-webkit-box-sizing:border-box;-ms-touch-action:pan-x;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:rgba(0,0,0,0);border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:100%;line-height:var(--sapContent_LineHeight);margin:0;min-height:-moz-fit-content;min-height:fit-content;padding:0;touch-action:pan-x;user-select:none}.fd-carousel__slides:after,.fd-carousel__slides:before{box-sizing:inherit;font-size:inherit}.fd-carousel__item{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;display:none;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:100%;justify-content:center;line-height:var(--sapContent_LineHeight);line-height:0;margin:0;padding:0;width:100%}.fd-carousel__item:after,.fd-carousel__item:before{box-sizing:inherit;font-size:inherit}.fd-carousel__item--active{display:block}.fd-carousel__item img{pointer-events:none}.fd-carousel__page-indicator-container{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:var(--sapPageFooter_Background);border:0;border-top:var(--fdCarousel_Pagination_Border);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;max-height:3.5rem;min-height:2.75rem;padding:.375rem .5rem}.fd-carousel__page-indicator-container:after,.fd-carousel__page-indicator-container:before{box-sizing:inherit;font-size:inherit}.fd-carousel__page-indicator-container:first-child{border-bottom:var(--fdCarousel_Pagination_Border);border-top:none}.fd-carousel__page-indicators{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-ms-flex-wrap:wrap;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-wrap:wrap;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;min-width:9rem;padding:.5rem}.fd-carousel__page-indicators:after,.fd-carousel__page-indicators:before{box-sizing:inherit;font-size:inherit}.fd-carousel__page-indicator{-webkit-box-sizing:border-box;background-color:var(--fdCarousel_Dot_Background);border:0;border:var(--fdCarousel_Dot_Border);border-radius:50%;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:var(--fdCarousel_Dot_Size);line-height:var(--sapContent_LineHeight);list-style-type:none;margin:0;margin:var(--fdCarousel_Dot_Margin);padding:0;width:var(--fdCarousel_Dot_Size)}.fd-carousel__page-indicator:after,.fd-carousel__page-indicator:before{box-sizing:inherit;font-size:inherit}.fd-carousel__page-indicator--active{background-color:var(--fdCarousel_Dot_Selected_Background);border:var(--fdCarousel_Dot_Selected_Border);height:.5rem;margin:0 .25rem;width:.5rem}.fd-carousel__text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapPageFooter_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.fd-carousel__text:after,.fd-carousel__text:before{box-sizing:inherit;font-size:inherit}.fd-carousel .fd-carousel__button{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border-radius:50%;display:flex;height:2.125rem;justify-content:center;margin:.25rem;max-height:2.125rem;max-width:2.125rem;min-height:2.125rem;min-width:2.125rem;padding:0;width:2.125rem}.fd-carousel .fd-carousel__button:before{inset:-.25rem;width:auto}.fd-carousel .fd-carousel__button[dir=rtl]>[class*=sap-icon],[dir=rtl] .fd-carousel .fd-carousel__button>[class*=sap-icon]{transform:rotate(180deg)}.fd-carousel .fd-carousel__button.is-hover,.fd-carousel .fd-carousel__button:hover{box-shadow:var(--sapContent_Shadow1)}.fd-carousel--no-navigation .fd-carousel__button,.fd-carousel--no-navigation.is-hover .fd-carousel__content .fd-carousel__button,.fd-carousel--no-navigation:hover .fd-carousel__content .fd-carousel__button{display:none}.fd-carousel__item fd-busy-indicator{display:block;height:100%}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "pipe", type: i5.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: CarouselComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-carousel', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [CarouselService], host: {
                         '[style.width]': 'width'
-                    }, template: "<div\n    class=\"fd-carousel\"\n    [class.fd-carousel--no-navigation]=\"!navigation\"\n    data-ride=\"carousel\"\n    tabindex=\"0\"\n    [style.height]=\"height\"\n    [style.width]=\"width\"\n    [attr.dir]=\"dir\"\n    role=\"region\"\n    #carouselContainer\n    (click)=\"_focus()\"\n>\n    <ng-container *ngIf=\"_showPageIndicatorContainer && pageIndicatorsOrientation === 'top'\">\n        <ng-container *ngTemplateOutlet=\"pageIndicatorContainer\"></ng-container>\n    </ng-container>\n\n    <div\n        class=\"fd-carousel__content\"\n        [class.fd-carousel__content--horizontal]=\"!vertical\"\n        [style.width]=\"_contentSizePx\"\n    >\n        <ng-container *ngIf=\"_showNavigationButtonInContent\">\n            <ng-container *ngTemplateOutlet=\"buttonLeft\"></ng-container>\n        </ng-container>\n\n        <div #slideContainer class=\"fd-carousel__slides\">\n            <ng-content></ng-content>\n        </div>\n\n        <ng-container *ngIf=\"_showNavigationButtonInContent\">\n            <ng-container *ngTemplateOutlet=\"buttonRight\"></ng-container>\n        </ng-container>\n    </div>\n\n    <ng-container *ngIf=\"_showPageIndicatorContainer && pageIndicatorsOrientation === 'bottom'\">\n        <ng-container *ngTemplateOutlet=\"pageIndicatorContainer\"></ng-container>\n    </ng-container>\n\n    <div style=\"display: none\" role=\"region\" [attr.id]=\"id + '-accessibility'\" aria-live=\"polite\" dir=\"ltr\">\n        {{ screenReaderLabel }}\n    </div>\n</div>\n\n<ng-template #pageIndicatorContainer>\n    <div class=\"fd-carousel__page-indicator-container\">\n        <ng-container *ngIf=\"_showNavigationButtonInPageIndicatorContainer\">\n            <ng-container *ngTemplateOutlet=\"buttonLeft\"></ng-container>\n        </ng-container>\n\n        <ng-container *ngTemplateOutlet=\"pageIndicators\"> </ng-container>\n\n        <ng-container *ngIf=\"_showNavigationButtonInPageIndicatorContainer\">\n            <ng-container *ngTemplateOutlet=\"buttonRight\"></ng-container>\n        </ng-container>\n    </div>\n</ng-template>\n\n<ng-template #pageIndicators>\n    <ng-container *ngIf=\"numericIndicator\">\n        <div class=\"fd-carousel__page-indicators\">\n            <ng-container *ngIf=\"pageIndicator\">\n                <div class=\"fd-carousel__text\" dir=\"ltr\">\n                    {{ getPageIndicatorLabel }}\n                </div>\n            </ng-container>\n        </div>\n    </ng-container>\n    <ng-container *ngIf=\"!numericIndicator && _showNavigationButtonInPageIndicatorContainer\">\n        <ol class=\"fd-carousel__page-indicators\" [attr.dir]=\"dir\">\n            <ng-container *ngIf=\"pageIndicator\">\n                <ng-container *ngFor=\"let item of pageIndicatorsCountArray; let i = index\">\n                    <li\n                        [attr.data-slide-to]=\"i + 1\"\n                        class=\"fd-carousel__page-indicator\"\n                        [class.fd-carousel__page-indicator--active]=\"i === currentActiveSlidesStartIndex\"\n                    ></li>\n                </ng-container>\n            </ng-container>\n        </ol>\n    </ng-container>\n</ng-template>\n\n<ng-template #buttonLeft>\n    <button\n        fd-button\n        class=\"fd-carousel__button fd-carousel__button--left\"\n        [style.z-index]=\"1\"\n        data-slide=\"previous\"\n        [attr.aria-label]=\"leftNavigationBtnLabel || ('coreCarousel.leftNavigationBtnLabel' | fdTranslate)\"\n        (click)=\"previous(); $event.stopPropagation()\"\n        [disabled]=\"leftButtonDisabled\"\n        [attr.title]=\"leftNavigationBtnLabel || ('coreCarousel.leftNavigationBtnLabel' | fdTranslate)\"\n        glyph=\"slim-arrow-left\"\n    ></button>\n</ng-template>\n\n<ng-template #buttonRight>\n    <button\n        fd-button\n        class=\"fd-carousel__button fd-carousel__button--right\"\n        [style.z-index]=\"1\"\n        data-slide=\"next\"\n        [attr.aria-label]=\"rightNavigationBtnLabel || ('coreCarousel.rightNavigationBtnLabel' | fdTranslate)\"\n        (click)=\"next(); $event.stopPropagation()\"\n        [disabled]=\"rightButtonDisabled\"\n        [attr.title]=\"rightNavigationBtnLabel || ('coreCarousel.rightNavigationBtnLabel' | fdTranslate)\"\n        glyph=\"slim-arrow-right\"\n    ></button>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.25.1-rc.16\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-carousel{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:100%;line-height:var(--sapContent_LineHeight);margin:0;max-width:100%;min-width:15.5rem;padding:0;width:100%}.fd-carousel:after,.fd-carousel:before{box-sizing:inherit;font-size:inherit}.fd-carousel.is-focus,.fd-carousel:focus{outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-carousel.is-hover .fd-carousel__content .fd-carousel__button,.fd-carousel:hover .fd-carousel__content .fd-carousel__button{display:block}.fd-carousel .fd-carousel__content{-webkit-box-sizing:border-box;-ms-flex-preferred-size:100%;background:var(--fdCarousel_Content_Background);border:0;box-sizing:border-box;color:var(--sapTextColor);flex-basis:100%;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;position:relative}.fd-carousel .fd-carousel__content:after,.fd-carousel .fd-carousel__content:before{box-sizing:inherit;font-size:inherit}.fd-carousel .fd-carousel__content .fd-carousel__button{-webkit-box-shadow:var(--sapContent_Shadow1);-webkit-transform:translateY(-50%);box-shadow:var(--sapContent_Shadow1);display:none;margin:0;position:absolute;top:50%;transform:translateY(-50%)}.fd-carousel .fd-carousel__content .fd-carousel__button--left{left:.5rem}.fd-carousel .fd-carousel__content .fd-carousel__button--left[dir=rtl],[dir=rtl] .fd-carousel .fd-carousel__content .fd-carousel__button--left{left:auto;right:.5rem}.fd-carousel .fd-carousel__content .fd-carousel__button--right{right:.5rem}.fd-carousel .fd-carousel__content .fd-carousel__button--right[dir=rtl],[dir=rtl] .fd-carousel .fd-carousel__content .fd-carousel__button--right{left:.5rem;right:auto}.fd-carousel .fd-carousel__content .fd-carousel__item img{height:auto;min-width:100%}.fd-carousel .fd-carousel__content--horizontal .fd-carousel__slides{-ms-touch-action:pan-y;display:flex;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;touch-action:pan-y;width:100%}.fd-carousel .fd-carousel__content--horizontal .fd-carousel__item img{min-height:100%;min-width:auto;width:auto}.fd-carousel__slides{-webkit-box-sizing:border-box;-ms-touch-action:pan-x;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:rgba(0,0,0,0);border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:100%;line-height:var(--sapContent_LineHeight);margin:0;min-height:-moz-fit-content;min-height:fit-content;padding:0;touch-action:pan-x;user-select:none}.fd-carousel__slides:after,.fd-carousel__slides:before{box-sizing:inherit;font-size:inherit}.fd-carousel__item{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;display:none;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:100%;justify-content:center;line-height:var(--sapContent_LineHeight);line-height:0;margin:0;padding:0;width:100%}.fd-carousel__item:after,.fd-carousel__item:before{box-sizing:inherit;font-size:inherit}.fd-carousel__item--active{display:block}.fd-carousel__item img{pointer-events:none}.fd-carousel__page-indicator-container{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:var(--sapPageFooter_Background);border:0;border-top:var(--fdCarousel_Pagination_Border);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;max-height:3.5rem;min-height:2.75rem;padding:.375rem .5rem}.fd-carousel__page-indicator-container:after,.fd-carousel__page-indicator-container:before{box-sizing:inherit;font-size:inherit}.fd-carousel__page-indicator-container:first-child{border-bottom:var(--fdCarousel_Pagination_Border);border-top:none}.fd-carousel__page-indicators{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-ms-flex-wrap:wrap;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-wrap:wrap;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;min-width:9rem;padding:.5rem}.fd-carousel__page-indicators:after,.fd-carousel__page-indicators:before{box-sizing:inherit;font-size:inherit}.fd-carousel__page-indicator{-webkit-box-sizing:border-box;background-color:var(--fdCarousel_Dot_Background);border:0;border:var(--fdCarousel_Dot_Border);border-radius:50%;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:var(--fdCarousel_Dot_Size);line-height:var(--sapContent_LineHeight);list-style-type:none;margin:0;margin:var(--fdCarousel_Dot_Margin);padding:0;width:var(--fdCarousel_Dot_Size)}.fd-carousel__page-indicator:after,.fd-carousel__page-indicator:before{box-sizing:inherit;font-size:inherit}.fd-carousel__page-indicator--active{background-color:var(--fdCarousel_Dot_Selected_Background);border:var(--fdCarousel_Dot_Selected_Border);height:.5rem;margin:0 .25rem;width:.5rem}.fd-carousel__text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapPageFooter_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.fd-carousel__text:after,.fd-carousel__text:before{box-sizing:inherit;font-size:inherit}.fd-carousel .fd-carousel__button{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border-radius:50%;display:flex;height:2.125rem;justify-content:center;margin:.25rem;max-height:2.125rem;max-width:2.125rem;min-height:2.125rem;min-width:2.125rem;padding:0;width:2.125rem}.fd-carousel .fd-carousel__button:before{inset:-.25rem;width:auto}.fd-carousel .fd-carousel__button[dir=rtl]>[class*=sap-icon],[dir=rtl] .fd-carousel .fd-carousel__button>[class*=sap-icon]{transform:rotate(180deg)}.fd-carousel .fd-carousel__button.is-hover,.fd-carousel .fd-carousel__button:hover{box-shadow:var(--sapContent_Shadow1)}.fd-carousel--no-navigation .fd-carousel__button,.fd-carousel--no-navigation.is-hover .fd-carousel__content .fd-carousel__button,.fd-carousel--no-navigation:hover .fd-carousel__content .fd-carousel__button{display:none}.fd-carousel__item fd-busy-indicator{display:block;height:100%}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: CarouselService }, { type: i2.RtlService, decorators: [{
+                    }, template: "<div\n    class=\"fd-carousel\"\n    [class.fd-carousel--no-navigation]=\"!navigation\"\n    data-ride=\"carousel\"\n    tabindex=\"0\"\n    [style.height]=\"height\"\n    [style.width]=\"width\"\n    [attr.dir]=\"dir\"\n    role=\"region\"\n    #carouselContainer\n    (click)=\"_focus()\"\n>\n    <ng-container *ngIf=\"_showPageIndicatorContainer && pageIndicatorsOrientation === 'top'\">\n        <ng-container *ngTemplateOutlet=\"pageIndicatorContainer\"></ng-container>\n    </ng-container>\n\n    <div\n        class=\"fd-carousel__content\"\n        [class.fd-carousel__content--horizontal]=\"!vertical\"\n        [style.width]=\"_contentSizePx\"\n    >\n        <ng-container *ngIf=\"_showNavigationButtonInContent\">\n            <ng-container *ngTemplateOutlet=\"buttonLeft\"></ng-container>\n        </ng-container>\n\n        <div #slideContainer class=\"fd-carousel__slides\">\n            <ng-content></ng-content>\n        </div>\n\n        <ng-container *ngIf=\"_showNavigationButtonInContent\">\n            <ng-container *ngTemplateOutlet=\"buttonRight\"></ng-container>\n        </ng-container>\n    </div>\n\n    <ng-container *ngIf=\"_showPageIndicatorContainer && pageIndicatorsOrientation === 'bottom'\">\n        <ng-container *ngTemplateOutlet=\"pageIndicatorContainer\"></ng-container>\n    </ng-container>\n\n    <div style=\"display: none\" role=\"region\" [attr.id]=\"id + '-accessibility'\" aria-live=\"polite\" dir=\"ltr\">\n        {{ screenReaderLabel }}\n    </div>\n</div>\n\n<ng-template #pageIndicatorContainer>\n    <div class=\"fd-carousel__page-indicator-container\">\n        <ng-container *ngIf=\"_showNavigationButtonInPageIndicatorContainer\">\n            <ng-container *ngTemplateOutlet=\"buttonLeft\"></ng-container>\n        </ng-container>\n\n        <ng-container *ngTemplateOutlet=\"pageIndicators\"> </ng-container>\n\n        <ng-container *ngIf=\"_showNavigationButtonInPageIndicatorContainer\">\n            <ng-container *ngTemplateOutlet=\"buttonRight\"></ng-container>\n        </ng-container>\n    </div>\n</ng-template>\n\n<ng-template #pageIndicators>\n    <ng-container *ngIf=\"numericIndicator\">\n        <div class=\"fd-carousel__page-indicators\">\n            <ng-container *ngIf=\"pageIndicator\">\n                <div class=\"fd-carousel__text\" dir=\"ltr\">\n                    {{ getPageIndicatorLabel }}\n                </div>\n            </ng-container>\n        </div>\n    </ng-container>\n    <ng-container *ngIf=\"!numericIndicator && _showNavigationButtonInPageIndicatorContainer\">\n        <ol class=\"fd-carousel__page-indicators\" [attr.dir]=\"dir\">\n            <ng-container *ngIf=\"pageIndicator\">\n                <ng-container *ngFor=\"let item of pageIndicatorsCountArray; let i = index\">\n                    <li\n                        [attr.data-slide-to]=\"i + 1\"\n                        class=\"fd-carousel__page-indicator\"\n                        [class.fd-carousel__page-indicator--active]=\"i === currentActiveSlidesStartIndex\"\n                    ></li>\n                </ng-container>\n            </ng-container>\n        </ol>\n    </ng-container>\n</ng-template>\n\n<ng-template #buttonLeft>\n    <button\n        fd-button\n        class=\"fd-carousel__button fd-carousel__button--left\"\n        [style.z-index]=\"1\"\n        data-slide=\"previous\"\n        [attr.aria-label]=\"leftNavigationBtnLabel || ('coreCarousel.leftNavigationBtnLabel' | fdTranslate)\"\n        (click)=\"previous(); $event.stopPropagation()\"\n        [disabled]=\"leftButtonDisabled\"\n        [attr.title]=\"leftNavigationBtnLabel || ('coreCarousel.leftNavigationBtnLabel' | fdTranslate)\"\n        glyph=\"slim-arrow-left\"\n    ></button>\n</ng-template>\n\n<ng-template #buttonRight>\n    <button\n        fd-button\n        class=\"fd-carousel__button fd-carousel__button--right\"\n        [style.z-index]=\"1\"\n        data-slide=\"next\"\n        [attr.aria-label]=\"rightNavigationBtnLabel || ('coreCarousel.rightNavigationBtnLabel' | fdTranslate)\"\n        (click)=\"next(); $event.stopPropagation()\"\n        [disabled]=\"rightButtonDisabled\"\n        [attr.title]=\"rightNavigationBtnLabel || ('coreCarousel.rightNavigationBtnLabel' | fdTranslate)\"\n        glyph=\"slim-arrow-right\"\n    ></button>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.26.0-rc.27\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-carousel{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:100%;line-height:var(--sapContent_LineHeight);margin:0;max-width:100%;min-width:15.5rem;padding:0;width:100%}.fd-carousel:after,.fd-carousel:before{box-sizing:inherit;font-size:inherit}.fd-carousel.is-focus,.fd-carousel:focus{outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-carousel.is-hover .fd-carousel__content .fd-carousel__button,.fd-carousel:hover .fd-carousel__content .fd-carousel__button{display:block}.fd-carousel .fd-carousel__content{-webkit-box-sizing:border-box;-ms-flex-preferred-size:100%;background:var(--fdCarousel_Content_Background);border:0;box-sizing:border-box;color:var(--sapTextColor);flex-basis:100%;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;position:relative}.fd-carousel .fd-carousel__content:after,.fd-carousel .fd-carousel__content:before{box-sizing:inherit;font-size:inherit}.fd-carousel .fd-carousel__content .fd-carousel__button{-webkit-box-shadow:var(--sapContent_Shadow1);-webkit-transform:translateY(-50%);box-shadow:var(--sapContent_Shadow1);display:none;margin:0;position:absolute;top:50%;transform:translateY(-50%)}.fd-carousel .fd-carousel__content .fd-carousel__button--left{left:.5rem}.fd-carousel .fd-carousel__content .fd-carousel__button--left[dir=rtl],[dir=rtl] .fd-carousel .fd-carousel__content .fd-carousel__button--left{left:auto;right:.5rem}.fd-carousel .fd-carousel__content .fd-carousel__button--right{right:.5rem}.fd-carousel .fd-carousel__content .fd-carousel__button--right[dir=rtl],[dir=rtl] .fd-carousel .fd-carousel__content .fd-carousel__button--right{left:.5rem;right:auto}.fd-carousel .fd-carousel__content .fd-carousel__item img{height:auto;min-width:100%}.fd-carousel .fd-carousel__content--horizontal .fd-carousel__slides{-ms-touch-action:pan-y;display:flex;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;touch-action:pan-y;width:100%}.fd-carousel .fd-carousel__content--horizontal .fd-carousel__item img{min-height:100%;min-width:auto;width:auto}.fd-carousel__slides{-webkit-box-sizing:border-box;-ms-touch-action:pan-x;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:rgba(0,0,0,0);border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:100%;line-height:var(--sapContent_LineHeight);margin:0;min-height:-moz-fit-content;min-height:fit-content;padding:0;touch-action:pan-x;user-select:none}.fd-carousel__slides:after,.fd-carousel__slides:before{box-sizing:inherit;font-size:inherit}.fd-carousel__item{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;display:none;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:100%;justify-content:center;line-height:var(--sapContent_LineHeight);line-height:0;margin:0;padding:0;width:100%}.fd-carousel__item:after,.fd-carousel__item:before{box-sizing:inherit;font-size:inherit}.fd-carousel__item--active{display:block}.fd-carousel__item img{pointer-events:none}.fd-carousel__page-indicator-container{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:var(--sapPageFooter_Background);border:0;border-top:var(--fdCarousel_Pagination_Border);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;max-height:3.5rem;min-height:2.75rem;padding:.375rem .5rem}.fd-carousel__page-indicator-container:after,.fd-carousel__page-indicator-container:before{box-sizing:inherit;font-size:inherit}.fd-carousel__page-indicator-container:first-child{border-bottom:var(--fdCarousel_Pagination_Border);border-top:none}.fd-carousel__page-indicators{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-ms-flex-wrap:wrap;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-wrap:wrap;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;min-width:9rem;padding:.5rem}.fd-carousel__page-indicators:after,.fd-carousel__page-indicators:before{box-sizing:inherit;font-size:inherit}.fd-carousel__page-indicator{-webkit-box-sizing:border-box;background-color:var(--fdCarousel_Dot_Background);border:0;border:var(--fdCarousel_Dot_Border);border-radius:50%;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:var(--fdCarousel_Dot_Size);line-height:var(--sapContent_LineHeight);list-style-type:none;margin:0;margin:var(--fdCarousel_Dot_Margin);padding:0;width:var(--fdCarousel_Dot_Size)}.fd-carousel__page-indicator:after,.fd-carousel__page-indicator:before{box-sizing:inherit;font-size:inherit}.fd-carousel__page-indicator--active{background-color:var(--fdCarousel_Dot_Selected_Background);border:var(--fdCarousel_Dot_Selected_Border);height:.5rem;margin:0 .25rem;width:.5rem}.fd-carousel__text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapPageFooter_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.fd-carousel__text:after,.fd-carousel__text:before{box-sizing:inherit;font-size:inherit}.fd-carousel .fd-carousel__button{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border-radius:50%;display:flex;height:2.125rem;justify-content:center;margin:.25rem;max-height:2.125rem;max-width:2.125rem;min-height:2.125rem;min-width:2.125rem;padding:0;width:2.125rem}.fd-carousel .fd-carousel__button:before{inset:-.25rem;width:auto}.fd-carousel .fd-carousel__button[dir=rtl]>[class*=sap-icon],[dir=rtl] .fd-carousel .fd-carousel__button>[class*=sap-icon]{transform:rotate(180deg)}.fd-carousel .fd-carousel__button.is-hover,.fd-carousel .fd-carousel__button:hover{box-shadow:var(--sapContent_Shadow1)}.fd-carousel--no-navigation .fd-carousel__button,.fd-carousel--no-navigation.is-hover .fd-carousel__content .fd-carousel__button,.fd-carousel--no-navigation:hover .fd-carousel__content .fd-carousel__button{display:none}.fd-carousel__item fd-busy-indicator{display:block;height:100%}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: CarouselService }, { type: i0.NgZone }, { type: i2.RtlService, decorators: [{
                     type: Optional
                 }] }]; }, propDecorators: { id: [{
                 type: Input