@fundamental-ngx/core 0.36.0-rc.2 → 0.36.0-rc.5

package/carousel/esm2020/carousel.module.mjs

@@ -5,21 +5,22 @@ import { CarouselDirective } from './carousel.directive';
 import { CarouselComponent } from './carousel.component';
 import { CarouselItemComponent } from './carousel-item/carousel-item.component';
 import { BusyIndicatorModule } from '@fundamental-ngx/core/busy-indicator';
+import { I18nModule } from '@fundamental-ngx/i18n';
 import { ButtonModule } from '@fundamental-ngx/core/button';
 import { CarouselService } from './carousel.service';
 import * as i0 from "@angular/core";
 export class CarouselModule {
 }
 CarouselModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: CarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-CarouselModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: CarouselModule, declarations: [CarouselItemDirective, CarouselDirective, CarouselComponent, CarouselItemComponent], imports: [CommonModule, BusyIndicatorModule, ButtonModule], exports: [CarouselItemDirective, CarouselDirective, CarouselComponent, CarouselItemComponent] });
-CarouselModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: CarouselModule, providers: [CarouselService], imports: [[CommonModule, BusyIndicatorModule, ButtonModule]] });
+CarouselModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: CarouselModule, declarations: [CarouselItemDirective, CarouselDirective, CarouselComponent, CarouselItemComponent], imports: [CommonModule, BusyIndicatorModule, ButtonModule, I18nModule], exports: [CarouselItemDirective, CarouselDirective, CarouselComponent, CarouselItemComponent] });
+CarouselModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: CarouselModule, providers: [CarouselService], imports: [[CommonModule, BusyIndicatorModule, ButtonModule, I18nModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: CarouselModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, BusyIndicatorModule, ButtonModule],
+                    imports: [CommonModule, BusyIndicatorModule, ButtonModule, I18nModule],
                     exports: [CarouselItemDirective, CarouselDirective, CarouselComponent, CarouselItemComponent],
                     declarations: [CarouselItemDirective, CarouselDirective, CarouselComponent, CarouselItemComponent],
                     providers: [CarouselService]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2Fyb3VzZWwubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9jb3JlL3NyYy9saWIvY2Fyb3VzZWwvY2Fyb3VzZWwubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQzNFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7O0FBUXJELE1BQU0sT0FBTyxjQUFjOzsyR0FBZCxjQUFjOzRHQUFkLGNBQWMsaUJBSFIscUJBQXFCLEVBQUUsaUJBQWlCLEVBQUUsaUJBQWlCLEVBQUUscUJBQXFCLGFBRnZGLFlBQVksRUFBRSxtQkFBbUIsRUFBRSxZQUFZLGFBQy9DLHFCQUFxQixFQUFFLGlCQUFpQixFQUFFLGlCQUFpQixFQUFFLHFCQUFxQjs0R0FJbkYsY0FBYyxhQUZaLENBQUMsZUFBZSxDQUFDLFlBSG5CLENBQUMsWUFBWSxFQUFFLG1CQUFtQixFQUFFLFlBQVksQ0FBQzsyRkFLakQsY0FBYztrQkFOMUIsUUFBUTttQkFBQztvQkFDTixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsbUJBQW1CLEVBQUUsWUFBWSxDQUFDO29CQUMxRCxPQUFPLEVBQUUsQ0FBQyxxQkFBcUIsRUFBRSxpQkFBaUIsRUFBRSxpQkFBaUIsRUFBRSxxQkFBcUIsQ0FBQztvQkFDN0YsWUFBWSxFQUFFLENBQUMscUJBQXFCLEVBQUUsaUJBQWlCLEVBQUUsaUJBQWlCLEVBQUUscUJBQXFCLENBQUM7b0JBQ2xHLFNBQVMsRUFBRSxDQUFDLGVBQWUsQ0FBQztpQkFDL0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENhcm91c2VsSXRlbURpcmVjdGl2ZSB9IGZyb20gJy4vY2Fyb3VzZWwtaXRlbS5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgQ2Fyb3VzZWxEaXJlY3RpdmUgfSBmcm9tICcuL2Nhcm91c2VsLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBDYXJvdXNlbENvbXBvbmVudCB9IGZyb20gJy4vY2Fyb3VzZWwuY29tcG9uZW50JztcbmltcG9ydCB7IENhcm91c2VsSXRlbUNvbXBvbmVudCB9IGZyb20gJy4vY2Fyb3VzZWwtaXRlbS9jYXJvdXNlbC1pdGVtLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBCdXN5SW5kaWNhdG9yTW9kdWxlIH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jb3JlL2J1c3ktaW5kaWNhdG9yJztcbmltcG9ydCB7IEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY29yZS9idXR0b24nO1xuaW1wb3J0IHsgQ2Fyb3VzZWxTZXJ2aWNlIH0gZnJvbSAnLi9jYXJvdXNlbC5zZXJ2aWNlJztcblxuQE5nTW9kdWxlKHtcbiAgICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBCdXN5SW5kaWNhdG9yTW9kdWxlLCBCdXR0b25Nb2R1bGVdLFxuICAgIGV4cG9ydHM6IFtDYXJvdXNlbEl0ZW1EaXJlY3RpdmUsIENhcm91c2VsRGlyZWN0aXZlLCBDYXJvdXNlbENvbXBvbmVudCwgQ2Fyb3VzZWxJdGVtQ29tcG9uZW50XSxcbiAgICBkZWNsYXJhdGlvbnM6IFtDYXJvdXNlbEl0ZW1EaXJlY3RpdmUsIENhcm91c2VsRGlyZWN0aXZlLCBDYXJvdXNlbENvbXBvbmVudCwgQ2Fyb3VzZWxJdGVtQ29tcG9uZW50XSxcbiAgICBwcm92aWRlcnM6IFtDYXJvdXNlbFNlcnZpY2VdXG59KVxuZXhwb3J0IGNsYXNzIENhcm91c2VsTW9kdWxlIHt9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2Fyb3VzZWwubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9jb3JlL3NyYy9saWIvY2Fyb3VzZWwvY2Fyb3VzZWwubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQzNFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDNUQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG9CQUFvQixDQUFDOztBQVFyRCxNQUFNLE9BQU8sY0FBYzs7MkdBQWQsY0FBYzs0R0FBZCxjQUFjLGlCQUhSLHFCQUFxQixFQUFFLGlCQUFpQixFQUFFLGlCQUFpQixFQUFFLHFCQUFxQixhQUZ2RixZQUFZLEVBQUUsbUJBQW1CLEVBQUUsWUFBWSxFQUFFLFVBQVUsYUFDM0QscUJBQXFCLEVBQUUsaUJBQWlCLEVBQUUsaUJBQWlCLEVBQUUscUJBQXFCOzRHQUluRixjQUFjLGFBRlosQ0FBQyxlQUFlLENBQUMsWUFIbkIsQ0FBQyxZQUFZLEVBQUUsbUJBQW1CLEVBQUUsWUFBWSxFQUFFLFVBQVUsQ0FBQzsyRkFLN0QsY0FBYztrQkFOMUIsUUFBUTttQkFBQztvQkFDTixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsbUJBQW1CLEVBQUUsWUFBWSxFQUFFLFVBQVUsQ0FBQztvQkFDdEUsT0FBTyxFQUFFLENBQUMscUJBQXFCLEVBQUUsaUJBQWlCLEVBQUUsaUJBQWlCLEVBQUUscUJBQXFCLENBQUM7b0JBQzdGLFlBQVksRUFBRSxDQUFDLHFCQUFxQixFQUFFLGlCQUFpQixFQUFFLGlCQUFpQixFQUFFLHFCQUFxQixDQUFDO29CQUNsRyxTQUFTLEVBQUUsQ0FBQyxlQUFlLENBQUM7aUJBQy9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDYXJvdXNlbEl0ZW1EaXJlY3RpdmUgfSBmcm9tICcuL2Nhcm91c2VsLWl0ZW0uZGlyZWN0aXZlJztcbmltcG9ydCB7IENhcm91c2VsRGlyZWN0aXZlIH0gZnJvbSAnLi9jYXJvdXNlbC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgQ2Fyb3VzZWxDb21wb25lbnQgfSBmcm9tICcuL2Nhcm91c2VsLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDYXJvdXNlbEl0ZW1Db21wb25lbnQgfSBmcm9tICcuL2Nhcm91c2VsLWl0ZW0vY2Fyb3VzZWwtaXRlbS5jb21wb25lbnQnO1xuaW1wb3J0IHsgQnVzeUluZGljYXRvck1vZHVsZSB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY29yZS9idXN5LWluZGljYXRvcic7XG5pbXBvcnQgeyBJMThuTW9kdWxlIH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9pMThuJztcbmltcG9ydCB7IEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY29yZS9idXR0b24nO1xuaW1wb3J0IHsgQ2Fyb3VzZWxTZXJ2aWNlIH0gZnJvbSAnLi9jYXJvdXNlbC5zZXJ2aWNlJztcblxuQE5nTW9kdWxlKHtcbiAgICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBCdXN5SW5kaWNhdG9yTW9kdWxlLCBCdXR0b25Nb2R1bGUsIEkxOG5Nb2R1bGVdLFxuICAgIGV4cG9ydHM6IFtDYXJvdXNlbEl0ZW1EaXJlY3RpdmUsIENhcm91c2VsRGlyZWN0aXZlLCBDYXJvdXNlbENvbXBvbmVudCwgQ2Fyb3VzZWxJdGVtQ29tcG9uZW50XSxcbiAgICBkZWNsYXJhdGlvbnM6IFtDYXJvdXNlbEl0ZW1EaXJlY3RpdmUsIENhcm91c2VsRGlyZWN0aXZlLCBDYXJvdXNlbENvbXBvbmVudCwgQ2Fyb3VzZWxJdGVtQ29tcG9uZW50XSxcbiAgICBwcm92aWRlcnM6IFtDYXJvdXNlbFNlcnZpY2VdXG59KVxuZXhwb3J0IGNsYXNzIENhcm91c2VsTW9kdWxlIHt9XG4iXX0=

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

@@ -10,6 +10,8 @@ import * as i1 from '@fundamental-ngx/core/busy-indicator';
 import { BusyIndicatorModule } from '@fundamental-ngx/core/busy-indicator';
 import * as i3 from '@fundamental-ngx/core/button';
 import { ButtonModule } from '@fundamental-ngx/core/button';
+import * as i5 from '@fundamental-ngx/i18n';
+import { I18nModule } from '@fundamental-ngx/i18n';
 
 let carouselItemCounter$1 = 0;
 class CarouselItemDirective {
@@ -571,10 +573,6 @@ class CarouselComponent {
         this.width = '100%';
         /** If carousel is in circular loop */
         this.loop = false;
-        /** Label for left navigation button */
-        this.leftNavigationBtnLabel = 'Go to previous item';
-        /** Label for right navigation button */
-        this.rightNavigationBtnLabel = 'Go to next item';
         /** Shows/hides optional navigation button */
         this.navigation = true;
         /** Show navigation button in page indicator container or inside content. Default is page indicator container on true value */
@@ -1103,12 +1101,12 @@ class CarouselComponent {
     }
 }
 CarouselComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", 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: "12.0.0", version: "13.2.4", 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\"\n        (click)=\"previous(); $event.stopPropagation()\"\n        [disabled]=\"leftButtonDisabled\"\n        [attr.title]=\"leftNavigationBtnLabel\"\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\"\n        (click)=\"next(); $event.stopPropagation()\"\n        [disabled]=\"rightButtonDisabled\"\n        [attr.title]=\"rightNavigationBtnLabel\"\n        glyph=\"slim-arrow-right\"\n    ></button>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.4\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{bottom:-.25rem;left:-.25rem;right:-.25rem;top:-.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"], components: [{ type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+CarouselComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", 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.24.4\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{bottom:-.25rem;left:-.25rem;right:-.25rem;top:-.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"], components: [{ type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "fdTranslate": i5.FdTranslatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", 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\"\n        (click)=\"previous(); $event.stopPropagation()\"\n        [disabled]=\"leftButtonDisabled\"\n        [attr.title]=\"leftNavigationBtnLabel\"\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\"\n        (click)=\"next(); $event.stopPropagation()\"\n        [disabled]=\"rightButtonDisabled\"\n        [attr.title]=\"rightNavigationBtnLabel\"\n        glyph=\"slim-arrow-right\"\n    ></button>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.4\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{bottom:-.25rem;left:-.25rem;right:-.25rem;top:-.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"] }]
+                    }, 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.24.4\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{bottom:-.25rem;left:-.25rem;right:-.25rem;top:-.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: [{
                         type: Optional
@@ -1178,12 +1176,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
 class CarouselModule {
 }
 CarouselModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: CarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-CarouselModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: CarouselModule, declarations: [CarouselItemDirective, CarouselDirective, CarouselComponent, CarouselItemComponent], imports: [CommonModule, BusyIndicatorModule, ButtonModule], exports: [CarouselItemDirective, CarouselDirective, CarouselComponent, CarouselItemComponent] });
-CarouselModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: CarouselModule, providers: [CarouselService], imports: [[CommonModule, BusyIndicatorModule, ButtonModule]] });
+CarouselModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: CarouselModule, declarations: [CarouselItemDirective, CarouselDirective, CarouselComponent, CarouselItemComponent], imports: [CommonModule, BusyIndicatorModule, ButtonModule, I18nModule], exports: [CarouselItemDirective, CarouselDirective, CarouselComponent, CarouselItemComponent] });
+CarouselModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: CarouselModule, providers: [CarouselService], imports: [[CommonModule, BusyIndicatorModule, ButtonModule, I18nModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: CarouselModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, BusyIndicatorModule, ButtonModule],
+                    imports: [CommonModule, BusyIndicatorModule, ButtonModule, I18nModule],
                     exports: [CarouselItemDirective, CarouselDirective, CarouselComponent, CarouselItemComponent],
                     declarations: [CarouselItemDirective, CarouselDirective, CarouselComponent, CarouselItemComponent],
                     providers: [CarouselService]